Pakkekartet

pantoken er ein monorepo av små, einskilde-purspos-pakkar grupperte i bøtter. Installer den som passar oppgåva di, eller installer den samanslegne pantoken-pakken og importer frå subvegar (til dømes pantoken/css, pantoken/react, pantoken/tailwind).

Kjernen

Den delte modellen og transformatoren alt anna byggjer på.

Package	What it does
@pantoken/model	Null-avhengige TypeScript-typar: formen til Token og plugin-kontrakten.
@pantoken/core	Løser opp strøymande token og ikon til den kanoniske IR-en, og renderar CSS.
@pantoken/tokens	Den løyste IR-en leverert som statisk JSON, per tema, pluss den rå Tokens Studio-kjelde.
@pantoken/utils	Token-resolveren, referanse-regexar, case- og fargehjelparar, drift-sjekkar og token→utility-class-emittorar.
@pantoken/plugin-kit	Bygg og komponér pantoken-plugins med definePlugin.
@pantoken/cli	pantoken generate <target> — emitterar native og plattformspesifikk kjelde.

Format

Gjer om token til ei filform.

Package	Output
@pantoken/css	@property-typed CSS med light-dark() og data-URI-ikon.
@pantoken/scss	SCSS-variablar, løyst til ein enkelt modus.
@pantoken/less	Less-variablar.
@pantoken/stylus	Stylus-variablar.
@pantoken/dtcg	Eit W3C Design Tokens (DTCG)-dokument.
@pantoken/tokens	IR-en som JavaScript og JSON (også lista under Kjernen).
@pantoken/icons	Ein ergonomisk visning av ikon-tokena.
@pantoken/icon-font	Ein ikon-webfont (TTF, WOFF2) pluss tilhøyrande CSS.
@pantoken/components	Ein InstUI-liknande CSS-komponentbibliotek (knapp, varsel, tabell, og meir) pluss ein basis-reset med fokus-ring, prose-styling, tverrgåande utilityar og merke-fontane. Sjå Components.

Renderarar

Rammeverk- og verktøyintegrasjonar.

Package	For
@pantoken/react	React-hookar, <Icon>, og ein token-provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Webkomponenten, kopla inn i kvart rammeverk.
@pantoken/react-native	StyleSheet-venlege token-objekt (ingen CSS-variablar).
@pantoken/web-components	<instui-icon> og stylte primitive, rammeverk-agnostisk.
@pantoken/astro	Token-oppsett for Astro-nettstader.
@pantoken/react-markdown, @pantoken/rehype	Ikon-token og fargeprøvar i Markdown.
@pantoken/markdown-it	Ein markdown-it-plugin for ikon-kodar og farge-prøvar.
@pantoken/css-in-js	Eit typesikkert tema for styled-components og Emotion.
@pantoken/mui	Eit Material UI-tema.
@pantoken/bootstrap, @pantoken/shadcn	CSS-variabel-bruover for Bootstrap og shadcn/ui.
@pantoken/foundation	Ei Sass-innstilling-override og CSS-overlay for Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Tema for Docusaurus og VitePress.
@pantoken/mintlify	Eit Mintlify docs.json-tema (fargar + bakgrunn).
@pantoken/storybook	Eit Storybook-tema.
@pantoken/pendo	Instructure-styla global CSS for Pendo-guidar.

Bundlarar

Byggeverktøy-integrasjonar.

Package	For
@pantoken/vite	Ein Vite-plugin med virtuelle moduler og CSS-injeksjon.
@pantoken/next	withPantoken for Next.js transpilePackages.
@pantoken/webpack	Ein webpack-plugin.
@pantoken/postcss	The @pantoken; at-rule.
@pantoken/tailwind	Eit Tailwind-preset.
@pantoken/panda	Eit Panda CSS-preset.

Plattformar

Native og site-generator-mål, emittert av CLI-en eller eigen API.

Package	Output
@pantoken/swift	Swift-kjelde pluss ein SwiftPM-manifest-stub.
@pantoken/android	Android XML-ressursar.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust-konstantar for t.d. egui eller iced.
@pantoken/wordpress	Ein WordPress block-theme theme.json.
@pantoken/vanilla	Ein Vanilla Forums variables.json.
@pantoken/drupal	Drupal-temaressursar.
@pantoken/hugo, @pantoken/jekyll	Hugo- og Jekyll-nettstadsdata.
@pantoken/email	Inline-venlege verdiar for HTML-e-post.

Design

For designverktøy.

Package	Output
@pantoken/figma	Eit Figma Variables-payload.
@pantoken/swatches	Fargeprøvar (ASE, GPL, Sketch) pluss eit visbart SVG-prøveark.

Plugins

Valfrie transformasjonar som utvidar token- eller CSS-output. Sjå Plugins.

Package	What it adds
@pantoken/plugin-stacking	Namngjevne z-index-djupnadar som --instui-stacking-*-token.
@pantoken/plugin-visual-debug	Den -with-visual-debug layout-debugging-outline.
@pantoken/plugin-simple-icons	Merkeikon frå simple-icons.
@pantoken/plugin-logos	Instructure-produktlogoar som SVG-ar, data-URI-ar, og bilete-token.
@pantoken/plugin-prune-custom-props	Ein PostCSS-plugin som droppar ubrukte custom properties.

Verktøy

Bygg-, dokumentasjons- og demo-infrastruktur for monorepoet sjølv. Mest er internt, men delane er sjølvstendige, så dei er dokumenterte her og nokre blir publiserte på npm på eiga hand.

Package	What it does
@pantoken/aggregate	Genererer den samanslegne pantoken-pakkebarrellen og exports frå avhengigheitene sine.
@pantoken/validate-generated	Drift-grinda: sjekkar at kvar generert stylesheet løysar mot token-IR-en.
@pantoken/demo	Den sjølvhosta live-demo-runneren: løser ein @demo-spesifikasjon til eit iframe og renderar naken HTML/CSS/JS same-origin, token-tema.
@cssdoc/core (external)	Ein generisk CSS-dokumentasjonsuttrekkjar (TSDoc, for CSS): parser doc-kommentarar + CSS AST til ein modell som dokumentasjonen emitterar som CSS API-referanse. Ligg i sitt eige repo; konsumert via lenke-avhengigheit.

@pantoken/validate-generated er eit ein-gongsskript (kalla av pnpm run ready), så det har ikkje ei API-side; dei andre har det.

AI

Forbrukar-retta AI-oppsett-ressursar. Desse er for prosjekt som brukar pantoken, ikkje for å utvikle pantoken sjølv.

• @pantoken/ai installerer AGENTS.md, llms.txt, og assistent-/redaktørreglar (Cursor, Copilot, Windsurf, Claude Code) i eit forbrukar-repo.

Dev-plugins

Pluginar vi author for verktøya vi bygg med, grupperte etter host. Dei er frittståande og kan publiserast.

Package	Plugs into
@pantoken/typedoc-plugin-demo	TypeDoc: gjer ein @demo <provider>:<ref> block-tag om til ein innebyggbar demo-fence.
@pantoken/vite-workspace-orchestrator	Vite: rebuildar upstream workspace-pakkar (og deira dependents) når kjelda deira endrar seg.