Kat pakè a

pantoken se yon monorepo ki gen ti pake sèl-bi ki gwoupe an bokit. Enstale sa ki adapte ak travay ou, oswa enstale pake inifye pantoken epi enpòte soti nan subpaths li yo (pa egzanp pantoken/css, pantoken/react, pantoken/tailwind).

Nwayo

Modèl pataje a ak transfòmatè a sou ki tout lòt bagay bati.

Package	Sa li fè
@pantoken/model	Tip TypeScript san depandans: fòm Token ak kontra plugin la.
@pantoken/core	Rezoud tokens ak ikòn upstream yo nan IR kanonik la, epi rann CSS.
@pantoken/tokens	IR rezoud la vendored kòm JSON estatik, pa tèm, plis sous Tokens Studio an brèf.
@pantoken/utils	Rezolvatè token yo, regex referans, èd pou ka ak koulè, chèk drift, ak emete token→utility-class yo.
@pantoken/plugin-kit	Bati ak konpoze plugins pantoken ak definePlugin.
@pantoken/cli	pantoken generate <target> — emèt sous natif ak pou platfòm.

Fòma

Tounen tokens yo an yon fòma dosye.

Package	Sòti
@pantoken/css	CSS tipe @property ak light-dark() ak ikòn data-URI.
@pantoken/scss	Varyab SCSS, rezoud nan yon sèl mòd.
@pantoken/less	Varyab Less.
@pantoken/stylus	Varyab Stylus.
@pantoken/dtcg	Yon dokiman W3C Design Tokens (DTCG).
@pantoken/tokens	IR la kòm JavaScript ak JSON (tou mansyone anba Nwayo).
@pantoken/icons	Yon vi ergonomic sou tokens ikòn yo.
@pantoken/icon-font	Yon font web ikòn (TTF, WOFF2) plis CSS li a.
@pantoken/components	Yon bibliyotèk konpozan CSS ki gen gade InstUI (bouton, alert, tab, ak plis ankò) plis yon reset baz ak bagfokis, estil pwòp, utilitè kwaze, ak polis mak la. Gade Components.

Rannè

Entegrasyon kad ak zouti.

Package	Pou
@pantoken/react	Hooks React, <Icon>, ak yon provè token.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Konpozan entènèt la, konekte nan chak kad.
@pantoken/react-native	Objè token zanmitay pou StyleSheet (pa gen varyab CSS).
@pantoken/web-components	<instui-icon> ak primitif estilize, san kad.
@pantoken/astro	Konfigurasyon token pou sit Astro.
@pantoken/react-markdown, @pantoken/rehype	Tokens ikòn ak swatches nan Markdown.
@pantoken/markdown-it	Yon plugin markdown-it pou kòd ikòn ak echantiyon koulè.
@pantoken/css-in-js	Yon tèm tip-segire pou styled-components ak Emotion.
@pantoken/mui	Yon tèm Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Pon CSS-variable pou Bootstrap ak shadcn/ui.
@pantoken/foundation	Yon override anviwònman Sass ak yon overlay CSS pou Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Tèm pou Docusaurus ak VitePress.
@pantoken/mintlify	Yon tèm Mintlify docs.json (koulè + background).
@pantoken/storybook	Yon tèm Storybook.
@pantoken/pendo	CSS global an style Instructure pou gid Pendo.

Bundlers

Entegrasyon zouti build.

Package	Pou
@pantoken/vite	Yon plugin Vite ak modil vityèl ak injeksyon CSS.
@pantoken/next	withPantoken pou Next.js transpilePackages.
@pantoken/webpack	Yon plugin webpack.
@pantoken/postcss	At-rule @pantoken;.
@pantoken/tailwind	Yon preset Tailwind.
@pantoken/panda	Yon preset Panda CSS.

Platfòm

Sib natif ak jeneratè sit, emèt pa CLI a oswa pa pwòp API yo.

Package	Sòti
@pantoken/swift	Sous Swift plis yon stub manifest SwiftPM.
@pantoken/android	Resous XML Android.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	consts Rust pou egui oswa iced.
@pantoken/wordpress	Yon block-theme WordPress theme.json.
@pantoken/vanilla	Yon Vanilla Forums variables.json.
@pantoken/drupal	Aset tèm Drupal.
@pantoken/hugo, @pantoken/jekyll	Done sit Hugo ak Jekyll.
@pantoken/email	Valè zanmitay pou HTML imèl.

Design

Pou zouti konsepsyon.

Package	Sòti
@pantoken/figma	Yon payload Figma Variables.
@pantoken/swatches	Echantiyon koulè (ASE, GPL, Sketch) plis yon fèy echantiyon SVG ki vizib.

Plugins

Transfòmasyon opsyonèl ki elaji sòti token oswa CSS la. Gade Plugins.

Package	Sa li ajoute
@pantoken/plugin-stacking	Nimewo pwofondè z-index kòm tokens --instui-stacking-*.
@pantoken/plugin-visual-debug	Kontou débogaj layout -with-visual-debug.
@pantoken/plugin-simple-icons	Ikòn mak soti nan simple-icons.
@pantoken/plugin-logos	Logos pwodwi Instructure kòm SVG, data URI, ak tokens imaj.
@pantoken/plugin-prune-custom-props	Yon plugin PostCSS ki retire pwopriyete koutim ki pa itilize.

Zouti

Enfrastrikti build, dokiman, ak demo pou monorepo a li menm. Pifò yo entène, men moso yo endepandan, kidonk dokimante yo isit la epi gen kèk ki pibliye sou npm poukont yo.

Package	Sa li fè
@pantoken/aggregate	Jenere barèl pake inifye pantoken ak exports soti nan depandans li yo.
@pantoken/validate-generated	Gè drift la: verifye chak stylesheet jenere rezoud kont IR token la.
@pantoken/demo	Kouri demo live self-hosted: rezoud yon spes @demo nan yon iframe epi rann HTML/CSS/JS bare menm-orijin, tèm token.
@cssdoc/core (external)	Yon ekstraktè dokiman CSS jeneral (TSDoc, pou CSS): parse doc-comments + AST CSS la an yon modèl ke dokiman yo emèt kòm referans API CSS la. Li nan pwòp repo li; konsome kòm yon link dependency.

@pantoken/validate-generated se yon script ki kouri yon sèl fwa (envoke pa pnpm run ready), kidonk li pa gen paj API; lòt yo genyen.

AI

Aset konfigirasyon AI pou konsomatè. Sa yo pou pwojè ki itilize pantoken, pa pou devlope pantoken tèt li.

• @pantoken/ai enstale AGENTS.md, llms.txt, ak règleman asistans/edite (Cursor, Copilot, Windsurf, Claude Code) nan yon repozitwa konsomatè.

Dev plugins

Plugins nou ekri pou zouti nou bati avèk yo, gwoupe pa òtèl. Yo endepandan epi pibliye.

Package	Ploge nan
@pantoken/typedoc-plugin-demo	TypeDoc: tounen yon tag blòk @demo <provider>:<ref> an yon demo fence enkwayab.
@pantoken/vite-workspace-orchestrator	Vite: rebati pake upstream workspace yo (ak dependants) lè sous yo chanje.