Pakkeoversikten

pantoken er et monorepo med små, enkeltstående pakker gruppert i bøtter. Installer den som passer oppgaven din, eller installer den sammenslåtte pantoken-pakken og importer fra dens subpaths (for eksempel pantoken/css, pantoken/react, pantoken/tailwind).

Kjerne

Den delte modellen og transformatoren alt annet bygger på.

Package	Hva den gjør
@pantoken/model	TypeScript-typer uten avhengigheter: Token-formen og plugin-kontrakten.
@pantoken/core	Løser oppstrøms tokens og ikoner til den kanoniske IR-en, og renderer CSS.
@pantoken/tokens	Den løste IR-en levert som statisk JSON, per tema, pluss den rå Tokens Studio-kilden.
@pantoken/utils	Token-resolveren, referanse-regexer, hjelpefunksjoner for case og farge, drift-sjekker, og token→utility-class-emitterne.
@pantoken/plugin-kit	Bygg og komponér pantoken-plugins med definePlugin.
@pantoken/cli	pantoken generate <target> — emitter native og plattformspesifikk kildekode.

Formater

Gjør tokenene om til et filformat.

Package	Output
@pantoken/css	@property-typet CSS med light-dark() og data-URI-ikoner.
@pantoken/scss	SCSS-variabler, løst til en enkelt modus.
@pantoken/less	Less-variabler.
@pantoken/stylus	Stylus-variabler.
@pantoken/dtcg	Et W3C Design Tokens (DTCG) dokument.
@pantoken/tokens	IR-en som JavaScript og JSON (også listet under Kjerne).
@pantoken/icons	Et ergonomisk overblikk over ikon-tokenene.
@pantoken/icon-font	Et ikon webfont (TTF, WOFF2) pluss tilhørende CSS.
@pantoken/components	Et InstUI-lignende CSS-komponentbibliotek (button, alert, table og mer) pluss en base-reset med fokus-ring, prose-styling, tverrgående utilities og brand-fontene. Se Components.

Renderere

Framework- og verktøyintegrasjoner.

Package	For
@pantoken/react	React-hooks, <Icon>, og en token-provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Webkomponenten, koblet inn i hvert rammeverk.
@pantoken/react-native	StyleSheet-vennlige token-objekter (ingen CSS-variabler).
@pantoken/web-components	<instui-icon> og stylte primitive komponenter, rammeverks-agnostisk.
@pantoken/astro	Token-oppsett for Astro-nettsteder.
@pantoken/react-markdown, @pantoken/rehype	Ikon-tokens og fargeprøver i Markdown.
@pantoken/markdown-it	En markdown-it-plugin for ikon-koder og fargeprøver.
@pantoken/css-in-js	Et typesikkert tema for styled-components og Emotion.
@pantoken/mui	Et Material UI-tema.
@pantoken/bootstrap, @pantoken/shadcn	CSS-variabel-broer for Bootstrap og shadcn/ui.
@pantoken/foundation	En Sass-innstillings-override og CSS-overlay for Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Temaer for Docusaurus og VitePress.
@pantoken/mintlify	Et Mintlify docs.json-tema (farger + bakgrunn).
@pantoken/storybook	Et Storybook-tema.
@pantoken/pendo	Instructure-stylet global CSS for Pendo-guides.

Bundlere

Integrasjoner for byggeverktøy.

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

Plattformmål

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

Package	Output
@pantoken/swift	Swift-kilde pluss en SwiftPM-manifest-stub.
@pantoken/android	Android XML-ressurser.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust consts for f.eks. egui eller iced.
@pantoken/wordpress	Et WordPress block-theme theme.json.
@pantoken/vanilla	En Vanilla Forums variables.json.
@pantoken/drupal	Drupal-temaressurser.
@pantoken/hugo, @pantoken/jekyll	Hugo- og Jekyll-nettstedsdata.
@pantoken/email	Inline-vennlige verdier for HTML-e-post.

Design

For designverktøy.

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

Plugins

Valgfrie transformasjoner som utvider token- eller CSS-output. Se Plugins.

Package	Hva den legger til
@pantoken/plugin-stacking	Navngitte z-index-dyp som --instui-stacking-*-tokens.
@pantoken/plugin-visual-debug	-with-visual-debug layout-debugging outline.
@pantoken/plugin-simple-icons	Brand-ikoner fra simple-icons.
@pantoken/plugin-logos	Instructure-produktlogoer som SVG-er, data URIs og bilde-tokens.
@pantoken/plugin-prune-custom-props	En PostCSS-plugin som fjerner ubrukt custom properties.

Verktøy

Bygge-, dokumentasjons- og demo-infrastruktur for monorepoet selv. Det meste er internt, men delene er selvstendige, så de dokumenteres her og noen publiseres til npm for seg selv.

Package	Hva den gjør
@pantoken/aggregate	Genererer den sammenslåtte pantoken-pakke-barrelen og exports fra sine avhengigheter.
@pantoken/validate-generated	Drift-gaten: sjekker at alle genererte stilark løser seg mot token-IR-en.
@pantoken/demo	Den selvhostede live-demo-runneren: løser en @demo-spesifikasjon til en iframe og renderer ren HTML/CSS/JS same-origin, token-tematisk.
@cssdoc/core (ekstern)	En generisk CSS-dokumentasjons-ekstractor (TSDoc, for CSS): parser doc-kommentarer + CSS AST til en modell som dokumentasjonen emitterer som CSS API-referanse. Lever i eget repo; konsumeres via link-avhengighet.

@pantoken/validate-generated er et engangsskript (kalles av pnpm run ready), så det har ingen API-side; de andre har det.

AI

Forbrukerorienterte AI-oppsettressurser. Disse er for prosjekter som bruker pantoken, ikke for å utvikle pantoken selv.

• @pantoken/ai installerer AGENTS.md, llms.txt, og assistant/editor-regler (Cursor, Copilot, Windsurf, Claude Code) i et forbruker-repositorium.

Dev-plugins

Plugins vi forfatter for verktøyene vi bygger med, gruppert etter vert. De er frittstående og publikasjonssklare.

Package	Plugs into
@pantoken/typedoc-plugin-demo	TypeDoc: gjør en @demo <provider>:<ref> block-tag om til et innebyggbart demo-fence.
@pantoken/vite-workspace-orchestrator	Vite: rebuilds upstream workspace packages (and dependents) when their source changes.