Mapa pakietów

pantoken to monorepo małych, jednofunkcyjnych pakietów pogrupowanych w kubełki. Zainstaluj ten, który pasuje do Twojego zadania, albo zainstaluj zunifikowany pakiet pantoken i importuj z jego podścieżek (na przykład pantoken/css, pantoken/react, pantoken/tailwind).

Rdzeń

Wspólny model i transformator, na którym opiera się wszystko inne.

Package	Co robi
@pantoken/model	Typy TypeScript bez zależności: kształt Token i kontrakt wtyczki.
@pantoken/core	Rozwiązuje upstreamowe tokeny i ikony do kanonicznego IR i renderuje CSS.
@pantoken/tokens	Rozwiązany IR dostarczony jako statyczne JSON-y, per motyw, plus surowe źródło z Tokens Studio.
@pantoken/utils	Rozwiązywacz tokenów, regexy referencji, pomocniki do wielkości liter i kolorów, sprawdzanie dryfu oraz emittery token→utility-class.
@pantoken/plugin-kit	Buduj i komponuj wtyczki pantoken przy użyciu definePlugin.
@pantoken/cli	pantoken generate <target> — emituje natywne i platformowe źródła.

Formaty

Przekształcają tokeny w format plikowy.

Package	Wyjście
@pantoken/css	CSS typowany @property z light-dark() i ikonami w data-URI.
@pantoken/scss	Zmienne SCSS, rozwiązane do jednego trybu.
@pantoken/less	Zmienne Less.
@pantoken/stylus	Zmienne Stylus.
@pantoken/dtcg	Dokument W3C Design Tokens (DTCG).
@pantoken/tokens	IR jako JavaScript i JSON (również wymieniony w sekcji Rdzeń).
@pantoken/icons	Ergonomiczny widok nad tokenami ikon.
@pantoken/icon-font	Czcionka ikon dla sieci (TTF, WOFF2) plus jej CSS.
@pantoken/components	Biblioteka komponentów CSS w stylu InstUI (button, alert, table i więcej) plus reset bazowy z ringiem fokusu, stylami prose, pomocnikami przekrojowymi i fontami brandu. Zobacz Components.

Renderery

Integracje z frameworkami i narzędziami.

Package	Dla
@pantoken/react	Hooki React, <Icon> oraz provider tokenów.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Komponent webowy, podłączony do każdego frameworka.
@pantoken/react-native	Obiekty tokenów przyjazne dla StyleSheet (bez zmiennych CSS).
@pantoken/web-components	<instui-icon> i stylowane prymitywy, niezależne od frameworka.
@pantoken/astro	Konfiguracja tokenów dla witryn Astro.
@pantoken/react-markdown, @pantoken/rehype	Tokeny ikon i palety w Markdown.
@pantoken/markdown-it	Wtyczka markdown-it dla kodów ikon i próbek kolorów.
@pantoken/css-in-js	Typowo-bezpieczny theme dla styled-components i Emotion.
@pantoken/mui	Theme dla Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Mosty zmiennych CSS dla Bootstrap i shadcn/ui.
@pantoken/foundation	Nadpisanie ustawień Sass i nakładka CSS dla Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Motywy dla Docusaurus i VitePress.
@pantoken/mintlify	Motyw Mintlify docs.json (kolory + tło).
@pantoken/storybook	Motyw Storybook.
@pantoken/pendo	Globalny CSS w stylu Instructure dla przewodników Pendo.

Bundlery

Integracje z narzędziami budującymi.

Package	Dla
@pantoken/vite	Plugin Vite z wirtualnymi modułami i injekcją CSS.
@pantoken/next	withPantoken dla Next.js transpilePackages.
@pantoken/webpack	Plugin webpack.
@pantoken/postcss	Dyrektywa @pantoken; dla PostCSS.
@pantoken/tailwind	Preset Tailwind.
@pantoken/panda	Preset Panda CSS.

Platformy

Cele natywne i generatorów stron, emitowane przez CLI lub mające własne API.

Package	Wyjście
@pantoken/swift	Kod Swift plus stub manifestu SwiftPM.
@pantoken/android	Zasoby Android XML.
@pantoken/compose	Jetpack Compose w Kotlinie.
@pantoken/flutter	Flutter w Dart.
@pantoken/rust	Stałe Rust do użycia w egui lub iced.
@pantoken/wordpress	Motyw bloków WordPress theme.json.
@pantoken/vanilla	Dane dla Vanilla Forums variables.json.
@pantoken/drupal	Zasoby motywu Drupal.
@pantoken/hugo, @pantoken/jekyll	Dane witryny dla Hugo i Jekyll.
@pantoken/email	Wartości przyjazne do użycia w HTML email.

Design

Dla narzędzi projektowych.

Package	Wyjście
@pantoken/figma	Payload Figma Variables.
@pantoken/swatches	Palety kolorów (ASE, GPL, Sketch) oraz widoczna próbka SVG.

Wtyczki

Opcjonalne transformacje rozszerzające output tokenów lub CSS. Zobacz Plugins.

Package	Co dodaje
@pantoken/plugin-stacking	Nazwane głębokości z-index jako tokeny --instui-stacking-*.
@pantoken/plugin-visual-debug	-with-visual-debug obrys do debugowania layoutu.
@pantoken/plugin-simple-icons	Ikony brandów z simple-icons.
@pantoken/plugin-logos	Logotypy produktów Instructure jako SVG, data URI i tokeny obrazów.
@pantoken/plugin-prune-custom-props	Wtyczka PostCSS, która usuwa nieużywane custom properties.

Narzędzia

Infrastruktura budowy, dokumentacji i demo dla samego monorepo. Większość jest wewnętrzna, ale elementy są samodzielne, dlatego dokumentujemy je tutaj, a niektóre są publikowane osobno w npm.

Package	Co robi
@pantoken/aggregate	Generuje zunifikowany pakiet baryłkowy pantoken i exports z jego zależności.
@pantoken/validate-generated	Bramka dryfu: sprawdza czy każdy wygenerowany stylesheet rozwiązuje się względem IR tokenów.
@pantoken/demo	Samohostujący runner live-demo: rozwiązuje spec @demo do iframe i renderuje surowe HTML/CSS/JS w tej samej domenie, tematyzowane tokenami.
@cssdoc/core (zewnętrzny)	Ogólny ekstraktor dokumentacji CSS (TSDoc dla CSS): parsuje komentarze w doc-comments + AST CSS do modelu, który dokumentacja emituje jako odniesienie CSS API. Żyje w osobnym repo; konsumowany jako zależność linkowana.

@pantoken/validate-generated to skrypt jednorazowy (wywoływany przez pnpm run ready), więc nie ma strony API; pozostałe mają dokumentację.

AI

Zasoby konfiguracji AI dla konsumujących repozytoria. Są one przeznaczone dla projektów używających pantoken, nie do rozwijania samego pantoken.

• @pantoken/ai instaluje AGENTS.md, llms.txt oraz reguły dla asystentów/edytorów (Cursor, Copilot, Windsurf, Claude Code) w repozytorium konsumującym.

Wtyczki deweloperskie

Wtyczki, które tworzymy dla narzędzi, z którymi pracujemy, pogrupowane według hosta. Są samodzielne i publikowalne.

Package	Podłącza się do
@pantoken/typedoc-plugin-demo	TypeDoc: zamienia tag bloku @demo <provider>:<ref> w osadzalny fence demo.
@pantoken/vite-workspace-orchestrator	Vite: przebudowuje upstreamowe pakiety workspace (i zależne) gdy ich źródło się zmienia.