---
url: /api/bundlers/panda/src.md
---
[pantoken-root](../../../index.md) / panda

# panda

## Compatibility

Target: Panda CSS. Current format: `Panda token utility extraction from the Pantoken preset`. Minimum host version: `1.12.1`. Tested through `2.1.1`. Newer releases require review.

[Full compatibility matrix](../../../../compatibility)

Experimental

`@pantoken/panda` — an Instructure design-token preset for Panda CSS.

[toPandaPreset](functions/toPandaPreset.md) converts any IR; [pantokenPreset](variables/pantokenPreset.md) is the ready-made `rebrand` preset.
Spread it into your `panda.config.ts` `presets`, and the `_dark` condition tracks pantoken's
`light-dark()` tokens automatically.

## Example

**panda.config.ts**

```ts
import { defineConfig } from "@pandacss/dev";
import { pantokenPreset } from "@pantoken/panda";
export default defineConfig({ presets: [pantokenPreset] });
// then: css({ color: "token(colors.color-text-base)" })
```

## Interfaces

* [PandaToken](interfaces/PandaToken.md)
* [PandaSemanticToken](interfaces/PandaSemanticToken.md)
* [PandaPreset](interfaces/PandaPreset.md)

## Type Aliases

* [PandaCategory](type-aliases/PandaCategory.md)

## Variables

* [pantokenPreset](variables/pantokenPreset.md)

## Functions

* [toPandaPreset](functions/toPandaPreset.md)

## References

### default

Renames and re-exports [pantokenPreset](variables/pantokenPreset.md)