Paketkartan

pantoken är ett monorepo av små, endamålspaket grupperade i buckets. Installera det som passar din uppgift, eller installera det enhetliga pantoken-paketet och importera från dess subvägar (till exempel pantoken/css, pantoken/react, pantoken/tailwind).

Kärna

Den delade modellen och transformatorn som allt annat bygger på.

Paket	Vad det gör
@pantoken/model	TypeScript-typer utan beroenden: formen Token och plugin-kontraktet.
@pantoken/core	Löser uppströms-token och ikoner till den kanoniska IR:n och renderar CSS.
@pantoken/tokens	Den lösta IR:n levererad som statisk JSON, per tema, plus den råa Tokens Studio-källan.
@pantoken/utils	Token-resolvern, referens-regexer, case- och color-hjälpare, driftkontroller och token→utility-class-emitterare.
@pantoken/plugin-kit	Bygg och komponera pantoken-plugins med definePlugin.
@pantoken/cli	pantoken generate <target> — emitera native och plattformspecifik källkod.

Format

Gör om tokens till ett filformat.

Paket	Output
@pantoken/css	@property-typad CSS med light-dark() och data-URI-ikoner.
@pantoken/scss	SCSS-variabler, lösta till ett enda läge.
@pantoken/less	Less-variabler.
@pantoken/stylus	Stylus-variabler.
@pantoken/dtcg	Ett W3C Design Tokens (DTCG) dokument.
@pantoken/tokens	IR:n som JavaScript och JSON (också listad under Kärna).
@pantoken/icons	En ergonomisk vy över ikon-tokens.
@pantoken/icon-font	Ett ikon-webfont (TTF, WOFF2) plus dess CSS.
@pantoken/components	Ett InstUI-liknande CSS-komponentbibliotek (knapp, alert, tabell och mer) plus en basreset med fokusring, prose-styling, tvärgående utilities och varumärkesfonter. Se Components.

Renderers

Ramverk och verktygsintegrationer.

Paket	För
@pantoken/react	React-hooks, <Icon> och en token-provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Webkomponenten, ansluten i varje ramverk.
@pantoken/react-native	StyleSheet-vänliga token-objekt (inga CSS-variabler).
@pantoken/web-components	<instui-icon> och stylade primitivs, ramverksoberoende.
@pantoken/astro	Token-setup för Astro-sidor.
@pantoken/react-markdown, @pantoken/rehype	Ikon-tokens och swatches i Markdown.
@pantoken/markdown-it	Ett markdown-it-plugin för ikon-koder och färgswatchar.
@pantoken/css-in-js	Ett typesäkert theme för styled-components och Emotion.
@pantoken/mui	Ett Material UI-theme.
@pantoken/bootstrap, @pantoken/shadcn	CSS-variabel-bryggor för Bootstrap och shadcn/ui.
@pantoken/foundation	Ett Sass-inställningsoverride och CSS-overlay för Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Themes för Docusaurus och VitePress.
@pantoken/mintlify	Ett Mintlify docs.json-theme (färger + bakgrund).
@pantoken/storybook	Ett Storybook-theme.
@pantoken/pendo	Instructure-stylad global CSS för Pendo-guides.

Bundlers

Byggverktygsintegrationer.

Paket	För
@pantoken/vite	Ett Vite-plugin med virtuella moduler och CSS-injektion.
@pantoken/next	withPantoken för Next.js transpilePackages.
@pantoken/webpack	Ett webpack-plugin.
@pantoken/postcss	@pantoken;-at-regeln.
@pantoken/tailwind	Ett Tailwind-preset.
@pantoken/panda	Ett Panda CSS-preset.

Plattformar

Native och site-generator-mål, emitterade av CLI:n eller deras egna API.

Paket	Output
@pantoken/swift	Swift-källa plus en SwiftPM-manifeststub.
@pantoken/android	Android XML-resurser.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust-consts för t.ex. egui eller iced.
@pantoken/wordpress	Ett WordPress block-theme theme.json.
@pantoken/vanilla	En Vanilla Forums variables.json.
@pantoken/drupal	Drupal-theme-resurser.
@pantoken/hugo, @pantoken/jekyll	Hugo och Jekyll site-data.
@pantoken/email	Inline-värden vänliga för HTML-email.

Design

För designverktyg.

Paket	Output
@pantoken/figma	En Figma Variables-payload.
@pantoken/swatches	Färgswatchar (ASE, GPL, Sketch) plus ett visningsbart SVG-provark.

Plugins

Valfria transformeringar som utökar token- eller CSS-output. Se Plugins.

Paket	Vad det lägger till
@pantoken/plugin-stacking	Namngivna z-index-djup som --instui-stacking-*-tokens.
@pantoken/plugin-visual-debug	-with-visual-debug layout-debugging outline.
@pantoken/plugin-simple-icons	Varumärkesikoner från simple-icons.
@pantoken/plugin-logos	Instructure-produktlogotyper som SVGs, data-URI:er och image-tokens.
@pantoken/plugin-prune-custom-props	Ett PostCSS-plugin som tar bort oanvända custom properties.

Verktyg

Bygg-, dokumentations- och demo-infrastruktur för monorepot själv. Det mesta är internt, men delarna är självständiga, så de dokumenteras här och en del publiceras till npm separat.

Paket	Vad det gör
@pantoken/aggregate	Genererar det enhetliga pantoken-paketslaget och exports från dess beroenden.
@pantoken/validate-generated	Drift-gaten: kontrollerar att varje genererad stylesheet löser mot token-IR:n.
@pantoken/demo	Den self-hostade live-demo-runner: löser en @demo-spec till en iframe och renderar bar HTML/CSS/JS same-origin, token-temat.
@cssdoc/core (extern)	En generisk CSS-dokumentationsutvinnare (TSDoc, för CSS): parser doc-kommentarer + CSS AST till en modell som docs emitterar som CSS API-referens. Lever i ett eget repo; konsumeras via en länkberoende.

@pantoken/validate-generated är ett engångsskript (anropat av pnpm run ready), så det har ingen API-sida; de andra har det.

AI

Konsumentinriktade AI-setup-resurser. Dessa är för projekt som använder pantoken, inte för att utveckla pantoken själv.

• @pantoken/ai installerar AGENTS.md, llms.txt och assistent/editor-regler (Cursor, Copilot, Windsurf, Claude Code) i ett konsumentrepo.

Dev-plugins

Plugins som författas för verktygen som används, grupperade efter host. De är fristående och publicerbara.

Paket	Pluggar in i
@pantoken/typedoc-plugin-demo	TypeDoc: gör en @demo <provider>:<ref> block-tag till en inbäddbar demo-fence.
@pantoken/vite-workspace-orchestrator	Vite: rebuildar uppströms workspace-paket (och dependents) när deras källor ändras.