Pakka kortið

pantoken er monorepo af smáum, einnota pakkum flokkað í hólf. Settu upp þann sem hentar verkefninu þínu, eða settu upp samræmda pantoken pakkann og flytðu inn úr undirstígum hans (til dæmis pantoken/css, pantoken/react, pantoken/tailwind).

Kjarni

Sameiginlega módelið og umbreytirinn sem allt annað byggir á.

Package	Hvað það gerir
@pantoken/model	Núll-fyrirhengi TypeScript týpur: Token formið og tappi fyrir viðbætur.
@pantoken/core	Leysir upstream tokens og tákn í canonical IR og renderar CSS.
@pantoken/tokens	Leyst IR vendorað sem stöðugt JSON, per þema, auk hrárrar Tokens Studio uppsprettu.
@pantoken/utils	Token-leysirinn, tilvísunar-regex, hjálparföll fyrir case og liti, drift-skoðanir, og token→utility-class emitters.
@pantoken/plugin-kit	Byggðu og settu saman pantoken viðbætur með definePlugin.
@pantoken/cli	pantoken generate <target> — framleiðir native og platform uppruna.

Formát

Breyta tokens í skráarsnið.

Package	Úttak
@pantoken/css	@property-typað CSS með light-dark() og data-URI táknmyndum.
@pantoken/scss	SCSS breytur, leystar í eina stillingu.
@pantoken/less	Less breytur.
@pantoken/stylus	Stylus breytur.
@pantoken/dtcg	W3C Design Tokens (DTCG) skjal.
@pantoken/tokens	IR sem JavaScript og JSON (sveit einnig skráð undir Kjarna).
@pantoken/icons	Notendavæn yfirsýn yfir icon tokens.
@pantoken/icon-font	Icon vefletur (TTF, WOFF2) auk CSS þess.
@pantoken/components	InstUI-stíll CSS komponentasafn (hnappur, viðvörun, tafla og fleira) auk grunn-reset með fókus hring, prose-stíling, þverskurðar utilities og vörufélags leturgerðir. Sjá Components.

Renderer-ar

Ramma- og tólintegreiningar.

Package	Fyrir
@pantoken/react	React hooks, <Icon>, og token provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Vef-þátturinn, tengdur við hvert rammasafn.
@pantoken/react-native	StyleSheet-vænir token hlutir (engin CSS breytur).
@pantoken/web-components	<instui-icon> og stílaðir primitive, rammasafns-agnóstísk.
@pantoken/astro	Token uppsetning fyrir Astro síður.
@pantoken/react-markdown, @pantoken/rehype	Icon tokens og litaflísar í Markdown.
@pantoken/markdown-it	markdown-it viðbót fyrir icon kóða og litaflísar.
@pantoken/css-in-js	Tegundöruggur theme fyrir styled-components og Emotion.
@pantoken/mui	Material UI theme.
@pantoken/bootstrap, @pantoken/shadcn	CSS-breyta brúar fyrir Bootstrap og shadcn/ui.
@pantoken/foundation	Sass stillingar yfirstilling og CSS yfirlag fyrir Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Þemu fyrir Docusaurus og VitePress.
@pantoken/mintlify	Mintlify docs.json þema (liti + bakgrunnur).
@pantoken/storybook	Storybook þema.
@pantoken/pendo	Instructure-stílað globalt CSS fyrir Pendo leiðbeiningar.

Bundlers

Byggingartólintegreiningar.

Package	Fyrir
@pantoken/vite	Vite plugin með virtual modules og CSS innspýtingu.
@pantoken/next	withPantoken fyrir Next.js transpilePackages.
@pantoken/webpack	Webpack plugin.
@pantoken/postcss	@pantoken; at-rule.
@pantoken/tailwind	Tailwind preset.
@pantoken/panda	Panda CSS preset.

Platformar

Native og síðu-rafhlöðutæki, framleidd af CLI eða eigin API.

Package	Úttak
@pantoken/swift	Swift uppspretta auk SwiftPM manifest stub.
@pantoken/android	Android XML auðlindir.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust consts fyrir t.d. egui eða iced.
@pantoken/wordpress	WordPress block-þema theme.json.
@pantoken/vanilla	Vanilla Forums variables.json.
@pantoken/drupal	Drupal þemaauðlindir.
@pantoken/hugo, @pantoken/jekyll	Hugo og Jekyll síðu-gögn.
@pantoken/email	Inline-vænir gildi fyrir HTML tölvupóst.

Hönnun

Fyrir hönnunarverkfæri.

Package	Úttak
@pantoken/figma	Figma Variables gagna-pakka.
@pantoken/swatches	Lita flísar (ASE, GPL, Sketch) auk sýnilegrar SVG sýniblöðru.

Viðbætur (Plugins)

Valfrjáls umbreytingar sem lengja token eða CSS úttakið. Sjá Plugins.

Package	Hvað það bætir við
@pantoken/plugin-stacking	Nefnd z-index dýpt sem --instui-stacking-* tokens.
@pantoken/plugin-visual-debug	-with-visual-debug layout-greiningar útlínan.
@pantoken/plugin-simple-icons	Vörumerkja tákn úr simple-icons.
@pantoken/plugin-logos	Instructure vöru-lógó sem SVG, data URIs, og image tokens.
@pantoken/plugin-prune-custom-props	PostCSS viðbót sem fjarlægir ónotaðar custom properties.

Tól

Bygging, skjöl og demo innviðir fyrir sjálfan monorepo-ið. Flest er innra, en hlutarnir eru sjálfstæðir, svo þeir eru skjalfestir hér og sumir eru bornir út á npm sjálfstætt.

Package	Hvað það gerir
@pantoken/aggregate	Framleiðir samræmda pantoken pakkabarrel og exports úr sínum háðumlögum.
@pantoken/validate-generated	Drift-gáttin: athugar að hver framleidd stílblað leysist gegn token IR.
@pantoken/demo	Sjálf-hýst lifandi-demo keyrandi: leysir @demo spec yfir í iframe og renderar ber HTML/CSS/JS same-origin, token-þemað.
@cssdoc/core (external)	Alhliða CSS skjalsútdráttari (TSDoc, fyrir CSS): parsar doc-comment + CSS AST í módel sem skjölin gefa út sem CSS API reference. Lifir í eigin repo; neytt sem link-háð.

@pantoken/validate-generated er einu-sinns keyrsluscript (kallað af pnpm run ready), svo það á enga API síðu; hinir gerast.

AI

Notendavænar AI uppsetningar-einingar. Þetta er fyrir verkefni sem nota pantoken, ekki fyrir þróun pantoken sjálft.

• @pantoken/ai setur upp AGENTS.md, llms.txt, og aðstoðar/ritstjóra reglur (Cursor, Copilot, Windsurf, Claude Code) í neytenda repo.

Dev viðbætur

Viðbætur sem við höfum skrifað fyrir þau verkfæri sem við vinnum með, flokkað eftir gestgjafa. Þau eru standalone og birtingarhæf.

Package	Tengist við
@pantoken/typedoc-plugin-demo	TypeDoc: umbreytir @demo <provider>:<ref> block tag í innbyggðan demo fence.
@pantoken/vite-workspace-orchestrator	Vite: endurbyggir upstream workspace pakkana (og háða) þegar uppruna þeirra breytist.