La carte des paquets

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

Noyau

Le modèle partagé et le transformeur sur lesquels tout le reste se construit.

Package	Ce que ça fait
@pantoken/model	Types TypeScript sans dépendances : la forme Token et le contrat de plugin.
@pantoken/core	Résout les tokens et icônes en amont dans l'IR canonique, et génère du CSS.
@pantoken/tokens	L'IR résolu fourni en JSON statique, par thème, plus la source Tokens Studio brute.
@pantoken/utils	Le résolveur de tokens, les regex de référence, les helpers de casse et de 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 des sources natives et ciblées par plateforme.

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 en un mode unique.
@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ônes.
@pantoken/icon-font	Une police d'icônes web (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 prose, utilitaires transversaux, et les polices de la marque. Voir Components.

Rendus

Intégrations pour frameworks et outils.

Package	Pour
@pantoken/react	Hooks React, <Icon>, et un provider de tokens.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Le composant web, intégré dans 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 les codes d'icônes et les 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 par variables CSS pour Bootstrap et shadcn/ui.
@pantoken/foundation	Un override de settings Sass et une superposition 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 stylisé Instructure pour les guides Pendo.

Bundlers

Intégrations aux outils de build.

Package	Pour
@pantoken/vite	Un plugin Vite avec modules virtuels et injection de 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 pour générateurs de site, émises par le CLI ou leur propre API.

Package	Sortie
@pantoken/swift	Source 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 de type block-theme WordPress.
@pantoken/vanilla	Un variables.json pour Vanilla Forums.
@pantoken/drupal	Assets de thème Drupal.
@pantoken/hugo, @pantoken/jekyll	Données de site Hugo et Jekyll.
@pantoken/email	Valeurs adaptées à l'inline pour courriels HTML.

Design

Pour les outils de design.

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

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	Le contour de débogage de mise en page -with-visual-debug.
@pantoken/plugin-simple-icons	Icônes de marque provenant de 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 custom 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 publiées sur npm séparément.

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

@pantoken/validate-generated est un script à exécution unique (invoqué par pnpm run ready), donc il n'a pas de page d'API ; les autres en possèdent une.

IA

Actifs de configuration IA côté consommateur. Ceux-ci sont destinés aux projets qui utilisent pantoken, pas au développement de 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 développement

Plugins qu'on écrit pour les outils avec lesquels on travaille, regroupés par hôte. Ils sont autonomes et publiables.

Package	Se branche sur
@pantoken/typedoc-plugin-demo	TypeDoc : transforme une balise de bloc @demo <provider>:<ref> en une clôture de démo intégrable.
@pantoken/vite-workspace-orchestrator	Vite : reconstruit les packages de l'espace de travail en amont (et leurs dépendants) quand leur source change.