Zemljevid paketov

pantoken je monorepo majhnih, enonamenskih paketov, združenih v vedra. Namestite tistega, ki ustreza vaši nalogi, ali namestite združeni pantoken paket in uvozite iz njegovih podpot (na primer pantoken/css, pantoken/react, pantoken/tailwind).

Jedro

Deljeni model in transformator, na katerem temelji vse ostalo.

Package	Kaj počne
@pantoken/model	TypeScript tipi brez odvisnosti: oblika Token in pogodba za vtičnike.
@pantoken/core	Rešuje (resolves) upstream tokene in ikone v canonical IR ter renderira CSS.
@pantoken/tokens	Rešeni IR vključen kot statični JSON, po temah, plus surov izvor Tokens Studio.
@pantoken/utils	Rešilec tokenov, regexi referenc, pripomočki za velikost črk in barv, drift checks in emitterji token→utility-class.
@pantoken/plugin-kit	Sestavljanje in gradnja pantoken vtičnikov z definePlugin.
@pantoken/cli	pantoken generate <target> — oddaja (emit) nativne in platformne izvorne kode.

Formati

Pretvorba tokenov v datotečne formate.

Package	Izhod
@pantoken/css	@property-tipiziran CSS z light-dark() in ikonami kot data-URI.
@pantoken/scss	SCSS spremenljivke, rešene v en sam način.
@pantoken/less	Less spremenljivke.
@pantoken/stylus	Stylus spremenljivke.
@pantoken/dtcg	Dokument W3C Design Tokens (DTCG).
@pantoken/tokens	IR kot JavaScript in JSON (tudi navedeno pod Jedrom).
@pantoken/icons	Ergonomski pogled na ikončne tokene.
@pantoken/icon-font	Ikonična spletna pisava (TTF, WOFF2) plus pripadajoči CSS.
@pantoken/components	CSS knjižnica komponent z videzom InstUI (gumb, opozorilo, tabela in več) plus osnovni reset s fokus obrobo, prose stilizacijo, prečno uporabnimi utilitami in brand pisavami. Glej Components.

Rendererji

Okviri in integracije orodij.

Package	Za
@pantoken/react	React hooki, <Icon> in token provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Web komponenta, povezana z vsakim ogrodjem.
@pantoken/react-native	StyleSheet-prijazni token objekti (brez CSS spremenljivk).
@pantoken/web-components	<instui-icon> in styled primitive, neodvisno od ogrodja.
@pantoken/astro	Nastavitev tokenov za Astro strani.
@pantoken/react-markdown, @pantoken/rehype	Ikonni tokeni in barvne vzorčnice v Markdownu.
@pantoken/markdown-it	Plugin za markdown-it za ikončne kode in barvne vzorčnice.
@pantoken/css-in-js	Tip-varna tema za styled-components in Emotion.
@pantoken/mui	Tema za Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Mostovi z CSS-spremenljivkami za Bootstrap in shadcn/ui.
@pantoken/foundation	Sass nastavitev override in CSS overlay za Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Teme za Docusaurus in VitePress.
@pantoken/mintlify	Mintlify docs.json tema (barve + ozadje).
@pantoken/storybook	Tema za Storybook.
@pantoken/pendo	Instructure-stilirani globalni CSS za Pendo vodiče.

Bundlerji

Integracije gradbenih orodij.

Package	Za
@pantoken/vite	Vite plugin z virtualnimi moduli in CSS injection.
@pantoken/next	withPantoken za Next.js transpilePackages.
@pantoken/webpack	Webpack plugin.
@pantoken/postcss	@pantoken; at-rule.
@pantoken/tailwind	Tailwind preset.
@pantoken/panda	Panda CSS preset.

Platforme

Nativni in site-generator cilji, izdani s CLI ali lastnim API-jem.

Package	Izhod
@pantoken/swift	Swift izvorna koda plus Stub za SwiftPM.
@pantoken/android	Android XML viri.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust consti za npr. egui ali iced.
@pantoken/wordpress	WordPress block-theme theme.json.
@pantoken/vanilla	Vanilla Forums variables.json.
@pantoken/drupal	Drupal teme in sredstva.
@pantoken/hugo, @pantoken/jekyll	Hugo in Jekyll site podatki.
@pantoken/email	Vrednosti prijazne za inline HTML email.

Dizajn

Za oblikovalska orodja.

Package	Izhod
@pantoken/figma	Figma Variables payload.
@pantoken/swatches	Barvne vzorčnice (ASE, GPL, Sketch) plus pogledna SVG listnica.

Vtičniki

Neobvezne transformacije, ki razširijo izhod tokenov ali CSS. Glej Plugins.

Package	Kaj doda
@pantoken/plugin-stacking	Imenovani z-index globine kot --instui-stacking-* tokeni.
@pantoken/plugin-visual-debug	-with-visual-debug oris za debug postavitve.
@pantoken/plugin-simple-icons	Blagovne znamke ikon iz simple-icons.
@pantoken/plugin-logos	Instructure produktne logotipe kot SVG, data URI in image tokene.
@pantoken/plugin-prune-custom-props	PostCSS plugin, ki odstrani neuporabljene custom properties.

Orodja

Gradnja, dokumentacija in demo infrastruktura samega monorepa. Večina je interna, a so deli samostojni, zato jih tukaj dokumentiramo in nekateri so izdajani na npm ločeno.

Package	Kaj počne
@pantoken/aggregate	Generira združeni pantoken paketni barrel in exports iz njegovih odvisnosti.
@pantoken/validate-generated	Drift gate: preveri, da se vsak generiran stylesheet reši proti token IR.
@pantoken/demo	Samopostavljalni live-demo runner: reši @demo specifikacijo v iframe in renderira golo HTML/CSS/JS iste domene, token-tematsko.
@cssdoc/core (external)	Splošen CSS dokumentacijski extractor (TSDoc, za CSS): parsira doc-comment-e + CSS AST v model, ki ga dokumentacija odda kot CSS API referenco. Živi v ločenem repozitoriju; porabljen kot link odvisnost.

@pantoken/validate-generated je skripta za enkratno zagon (klicana z pnpm run ready), zato nima API strani; ostali jo imajo.

AI

Potrošniški AI pripomočki. Namenjeni projektom, ki uporabljajo pantoken, ne za razvijanje pantoken samega.

• @pantoken/ai namesti AGENTS.md, llms.txt in pravila za asistenta/urejevalnik (Cursor, Copilot, Windsurf, Claude Code) v potrošniško repozitorij.

Dev vtičniki

Vtičniki, ki jih ustvarjamo za orodja, s katerimi gradimo, združeni po gostitelju. So samostojni in objavljivi.

Package	Povezuje se z
@pantoken/typedoc-plugin-demo	TypeDoc: pretvori @demo <provider>:<ref> block tag v vdelan demo fence.
@pantoken/vite-workspace-orchestrator	Vite: ponovno gradi upstream workspace pakete (in odvisne) ko se njihov izvor spremeni.