Pakkea mapa

pantoken lea monorepo lágideami, oktavuođa­maš pakkeat mii leat buot fitnodit. Instalera dasa mii fitneda du borrat, dahje instalera ruovttoluotta pantoken pakkea ja importera dan subpaths­sii (geahččat pantoken/css, pantoken/react, pantoken/tailwind).

Core

Gulahallan modellja ja transformera mii bures muhto ođđa bálvalus.

Package	Mii lea dasto dán
@pantoken/model	TypeScript mii ii leat sihke-dependenssa: Token muhtun ja plugin-kontraktas.
@pantoken/core	Riehtaš upstreame tokenat ja ikonat kanonala IR:sse, ja rendere CSS.
@pantoken/tokens	Resolváhtta IR ladduvuohta statiska JSON:s, theme­per, juohke Tokens Studio lohkat.
@pantoken/utils	Token-resolver, referenssa-regexat, case ja colora aidat, drift-čekkat, ja token→utility-class emitters.
@pantoken/plugin-kit	Byggat ja komponera pantoken plugins definePlugin.
@pantoken/cli	pantoken generate <target> — emitera native ja platform source.

Formats

Geahččat tokenat file-formahtta.

Package	Output
@pantoken/css	@property-typed CSS light-dark() ja data-URI ikonain.
@pantoken/scss	SCSS variables, resolváhtta juo vel gieldda mode.
@pantoken/less	Less variables.
@pantoken/stylus	Stylus variables.
@pantoken/dtcg	W3C Design Tokens (DTCG) dokumentta.
@pantoken/tokens	IR JavaScript ja JSON muhto (mahttut Core ala).
@pantoken/icons	Ergonomalaš ovtta icon-tokenaid.
@pantoken/icon-font	Icon web-font (TTF, WOFF2) ja dan CSS.
@pantoken/components	InstUI-nieidda CSS komponenta library (button, alert, table ja moadde) ja base reset focus ring, prose styling, cross-cutting utilities, ja brand fonts. Lávvut Components.

Renderers

Framework ja tool integrasjovat.

Package	Buorrán
@pantoken/react	React hooks, <Icon>, ja token provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Web-komponentta, vuoigat buktet buohkaide frameworkiin.
@pantoken/react-native	StyleSheet-friendlaš token-objektat (ii CSS variables).
@pantoken/web-components	<instui-icon> ja styled primitives, framework-agnostic.
@pantoken/astro	Token-satteaset Astro-siteide.
@pantoken/react-markdown, @pantoken/rehype	Icon-tokenat ja swatches Markdown:s.
@pantoken/markdown-it	markdown-it plugin icon-koodain ja color-swatches.
@pantoken/css-in-js	Type-safe theme styled-components ja Emotion:in.
@pantoken/mui	Material UI theme.
@pantoken/bootstrap, @pantoken/shadcn	CSS-variable bridgadet Bootstrap ja shadcn/ui:in.
@pantoken/foundation	Sass settings override ja CSS overlay Foundation:in.
@pantoken/docusaurus, @pantoken/vitepress	Themes Docusaurus ja VitePress:in.
@pantoken/mintlify	Mintlify docs.json theme (colors + background).
@pantoken/storybook	Storybook theme.
@pantoken/pendo	Instructure-styled global CSS Pendo guides:in.

Bundlers

Build-tool integrasjovat.

Package	Buorrán
@pantoken/vite	Vite plugin virtual modules ja CSS injection.
@pantoken/next	withPantoken for Next.js transpilePackages.
@pantoken/webpack	Webpack plugin.
@pantoken/postcss	@pantoken; at-rule.
@pantoken/tailwind	Tailwind preset.
@pantoken/panda	Panda CSS preset.

Platforms

Native ja site-generator målmat, emitera CLI dahje áskkas API.

Package	Output
@pantoken/swift	Swift source plus SwiftPM manifest stub.
@pantoken/android	Android XML resources.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust consts for egui dahje iced.
@pantoken/wordpress	WordPress block-theme theme.json.
@pantoken/vanilla	Vanilla Forums variables.json.
@pantoken/drupal	Drupal theme assets.
@pantoken/hugo, @pantoken/jekyll	Hugo ja Jekyll site data.
@pantoken/email	Inline-friendly values HTML email:in.

Design

Dizain-tovdno alat.

Package	Output
@pantoken/figma	Figma Variables payload.
@pantoken/swatches	Color swatches (ASE, GPL, Sketch) plus viewable SVG specimen sheet.

Plugins

Valgobasihtat transformassat mii loktet token- dahje CSS-outputta. Lávvut Plugins.

Package	Mii addá
@pantoken/plugin-stacking	Named z-index depths soahkká --instui-stacking-* tokens.
@pantoken/plugin-visual-debug	-with-visual-debug layout-debugging outline.
@pantoken/plugin-simple-icons	Brand icons simple-icons:st.
@pantoken/plugin-logos	Instructure product logos as SVGs, data URIs, ja image tokens.
@pantoken/plugin-prune-custom-props	PostCSS plugin mii rohpá unused custom properties.

Tools

Build, docs, ja demo infrastruktuura monorepo:s. Buot lea internal, muhto dasa osat leat selvagávdnojit, ja osa dajan npm:as oassin.

Package	Mii dasto
@pantoken/aggregate	Genereraa ruovttoluotta pantoken package barrel ja exports dari dependenssat.
@pantoken/validate-generated	Drift gate: čekká buot generereda stylesheetat resolváhtte token IR:s.
@pantoken/demo	Self-hosted live-demo runner: resolváhtta @demo speci iframe:s ja renderera bare HTML/CSS/JS same-origin, token-themed.
@cssdoc/core (external)	Genearala CSS documentation extractor (TSDoc, CSS): parses doc-comments + CSS AST into model mii docs emit CSS API reference. Lea eanet repos; consumera link-dependenssain.

@pantoken/validate-generated lea run-once skripta (invoked by pnpm run ready), dan ii leat API page; muhtin leat.

AI

Consumer-facing AI setup assets. Dát leat projekta mii deaddil pantoken, ii pantoken development.

• @pantoken/ai installera AGENTS.md, llms.txt, ja assistant/editor rules (Cursor, Copilot, Windsurf, Claude Code) consumer-repository:in.

Dev plugins

Plugins mii ovddastallan tools mii buoriheapmi, gruppejuvvo host:in. Dat leat standalona ja publishable.

Package	Buohká dahje plugga
@pantoken/typedoc-plugin-demo	TypeDoc: garra @demo <provider>:<ref> block tag muhto embeddable demo fence.
@pantoken/vite-workspace-orchestrator	Vite: rebuildar upstream workspace packages (ja dependents) go source muhtun muhto.