La carte des packages

pantoken est un monorepo de petits packages à but unique regroupés en buckets. Installez celui qui correspond à votre tâche, ou installez le package unifié pantoken et importez depuis ses sous-chemins (par exemple pantoken/css, pantoken/react, pantoken/tailwind).

Noyau

Le modèle partagé et le transformateur sur lequel tout le reste s'appuie.

Package	Ce que ça fait
@pantoken/model	Types TypeScript sans dépendance : la forme Token et le contrat de plugin.
@pantoken/core	Résout les tokens et icônes en amont vers l'IR canonique, et génère du CSS.
@pantoken/tokens	L'IR résolu fourni comme JSON statique, par thème, plus la source brute Tokens Studio.
@pantoken/utils	Le résolveur de tokens, les regex de référence, les helpers de casse et couleur, les vérifications de dérive, et les émetteurs token→utility-class.
@pantoken/plugin-kit	Construire et composer des plugins pantoken avec definePlugin.
@pantoken/cli	pantoken generate <target> — émet les sources natives et plateformes.

Formats

Transformer les tokens en un format de fichier.

Package	Sortie
@pantoken/css	CSS typé @property avec light-dark() et icônes en data-URI.
@pantoken/scss	Variables SCSS, résolues dans un seul mode.
@pantoken/less	Variables Less.
@pantoken/stylus	Variables Stylus.
@pantoken/dtcg	Un document W3C Design Tokens (DTCG).
@pantoken/tokens	L'IR en JavaScript et JSON (également listé sous Noyau).
@pantoken/icons	Une vue ergonomique des tokens d'icône.
@pantoken/icon-font	Une police web d'icônes (TTF, WOFF2) plus son CSS.
@pantoken/components	Une bibliothèque de composants CSS au look InstUI (bouton, alerte, tableau, et plus) plus une réinitialisation de base avec anneau de focus, styles de prose, utilitaires transversaux, et les polices de la marque. Voir Components.

Renders

Intégrations framework et outils.

Package	Pour
@pantoken/react	Hooks React, <Icon>, et un provider de tokens.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Le web component, connecté à chaque framework.
@pantoken/react-native	Objets de tokens compatibles StyleSheet (sans variables CSS).
@pantoken/web-components	<instui-icon> et primitives stylées, agnostiques au framework.
@pantoken/astro	Configuration des tokens pour sites Astro.
@pantoken/react-markdown, @pantoken/rehype	Tokens d'icônes et nuanciers en Markdown.
@pantoken/markdown-it	Un plugin markdown-it pour codes d'icônes et nuanciers de couleur.
@pantoken/css-in-js	Un thème typé pour styled-components et Emotion.
@pantoken/mui	Un thème Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Ponts de variables CSS pour Bootstrap et shadcn/ui.
@pantoken/foundation	Un override des settings Sass et une surcouche CSS pour Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Thèmes pour Docusaurus et VitePress.
@pantoken/mintlify	Un thème Mintlify docs.json (couleurs + arrière-plan).
@pantoken/storybook	Un thème Storybook.
@pantoken/pendo	CSS global stylé Instructure pour les guides Pendo.

Bundlers

Intégrations pour outils de build.

Package	Pour
@pantoken/vite	Un plugin Vite avec modules virtuels et injection CSS.
@pantoken/next	withPantoken pour Next.js transpilePackages.
@pantoken/webpack	Un plugin webpack.
@pantoken/postcss	L'at-rule @pantoken;.
@pantoken/tailwind	Un preset Tailwind.
@pantoken/panda	Un preset Panda CSS.

Plates-formes

Cibles natives et générateurs de sites, émises par le CLI ou leur propre API.

Package	Sortie
@pantoken/swift	Sources Swift plus un stub de manifest SwiftPM.
@pantoken/android	Ressources XML Android.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	consts Rust pour egui ou iced.
@pantoken/wordpress	Un theme.json thème WordPress.
@pantoken/vanilla	Un variables.json Vanilla Forums.
@pantoken/drupal	Assets de thème Drupal.
@pantoken/hugo, @pantoken/jekyll	Données de site Hugo et Jekyll.
@pantoken/email	Valeurs compatibles inline pour email HTML.

Design

Pour les outils de design.

Package	Sortie
@pantoken/figma	Un payload Figma Variables.
@pantoken/swatches	Nuanciers de couleurs (ASE, GPL, Sketch) plus une feuille d'échantillons SVG visualisable.

Plugins

Transformations optionnelles qui étendent la sortie token ou CSS. Voir Plugins.

Package	Ce que ça ajoute
@pantoken/plugin-stacking	Profondeurs z-index nommées comme tokens --instui-stacking-*.
@pantoken/plugin-visual-debug	L'outline de débogage de layout -with-visual-debug.
@pantoken/plugin-simple-icons	Icônes de marque depuis simple-icons.
@pantoken/plugin-logos	Logos produits Instructure en SVG, data URIs, et tokens image.
@pantoken/plugin-prune-custom-props	Un plugin PostCSS qui supprime les propriétés personnalisées inutilisées.

Outils

Infrastructure de build, docs et démo pour le monorepo lui-même. La plupart sont internes, mais les pièces sont autonomes, donc documentées ici et certaines sont publiées séparément sur npm.

Package	Ce que ça fait
@pantoken/aggregate	Génère le package barreau unifié pantoken et exports à partir de ses dépendances.
@pantoken/validate-generated	La porte de dérive : vérifie que chaque feuille de style générée se résout contre l'IR des tokens.
@pantoken/demo	Le runner de demo auto-hébergé : résout une spec @demo dans une iframe et rend du HTML/CSS/JS natif même origine, thématisé par les tokens.
@cssdoc/core (externe)	Un extracteur générique de documentation CSS (TSDoc, pour le CSS) : analyse les commentaires TSDoc + l'AST CSS en un modèle que la doc émet comme référence API CSS. Vivre dans son propre repo ; consommé via une dépendance linkée.

@pantoken/validate-generated est un script à exécution unique (invoked by pnpm run ready), il n'a donc pas de page API ; les autres en ont.

IA

Assets de configuration IA orientés consommateur. Ceux-ci sont pour des projets qui utilisent pantoken, pas pour développer pantoken lui-même.

• @pantoken/ai installe AGENTS.md, llms.txt, et des règles assistant/éditeur (Cursor, Copilot, Windsurf, Claude Code) dans un dépôt consommateur.

Plugins de dev

Plugins que l'on rédige pour les outils avec lesquels on travaille, groupés par hôte. Ils sont autonomes et publiables.

Package	Se branche dans
@pantoken/typedoc-plugin-demo	TypeDoc : transforme une balise de bloc @demo <provider>:<ref> en une clôture de demo incorporable.
@pantoken/vite-workspace-orchestrator	Vite : reconstruit les packages workspace en amont (et leurs dépendants) lorsque leur source change.