O mapa de pacotes

pantoken é um monorepo de pacotes pequenos e com propósito único agrupados em buckets. Instale o que se encaixa na sua tarefa, ou instale o pacote unificado pantoken e importe de seus subpaths (por exemplo pantoken/css, pantoken/react, pantoken/tailwind).

Núcleo

O modelo compartilhado e o transformador sobre o qual todo o resto é construído.

Package	O que faz
@pantoken/model	Tipos TypeScript sem dependências: a forma Token e o contrato de plugin.
@pantoken/core	Resolve os tokens e ícones upstream para a IR canônica e renderiza CSS.
@pantoken/tokens	A IR resolvida embutida como JSON estático, por tema, mais a fonte bruta do Tokens Studio.
@pantoken/utils	O resolvedor de tokens, regexes de referência, helpers de case e cor, verificações de drift e os emissores token→classe-de-utilidade.
@pantoken/plugin-kit	Construir e compor plugins pantoken com definePlugin.
@pantoken/cli	pantoken generate <target> — emite código nativo e fonte por plataforma.

Formatos

Transforma os tokens em um formato de arquivo.

Package	Saída
@pantoken/css	CSS tipado por @property com light-dark() e ícones em data-URI.
@pantoken/scss	Variáveis SCSS, resolvidas para um único modo.
@pantoken/less	Variáveis Less.
@pantoken/stylus	Variáveis Stylus.
@pantoken/dtcg	Um documento W3C Design Tokens (DTCG).
@pantoken/tokens	A IR como JavaScript e JSON (também listada em Núcleo).
@pantoken/icons	Uma visão ergonômica sobre os tokens de ícone.
@pantoken/icon-font	Uma fonte de ícones web (TTF, WOFF2) mais seu CSS.
@pantoken/components	Uma biblioteca CSS de componentes com aparência InstUI (botão, alerta, tabela e mais) além de um reset base com anel de foco, estilização de prose, utilitários transversais e as fontes da marca. Veja Components.

Renderers

Integrações com frameworks e ferramentas.

Package	Para
@pantoken/react	Hooks React, <Icon> e um provedor de tokens.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	O web component, conectado a cada framework.
@pantoken/react-native	Objetos de token amigáveis ao StyleSheet (sem variáveis CSS).
@pantoken/web-components	<instui-icon> e primitivos estilizados, agnóstico a frameworks.
@pantoken/astro	Configuração de tokens para sites Astro.
@pantoken/react-markdown, @pantoken/rehype	Tokens de ícone e paletas em Markdown.
@pantoken/markdown-it	Um plugin markdown-it para códigos de ícones e amostras de cores.
@pantoken/css-in-js	Um tema tipado para styled-components e Emotion.
@pantoken/mui	Um tema para Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Pontes de variáveis CSS para Bootstrap e shadcn/ui.
@pantoken/foundation	Uma sobreposição de CSS e override de configurações Sass para Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Temas para Docusaurus e VitePress.
@pantoken/mintlify	Um tema Mintlify docs.json (cores + background).
@pantoken/storybook	Um tema para Storybook.
@pantoken/pendo	CSS global com estilo Instructure para guias Pendo.

Bundlers

Integrações com ferramentas de build.

Package	Para
@pantoken/vite	Um plugin Vite com módulos virtuais e injeção de CSS.
@pantoken/next	withPantoken para Next.js transpilePackages.
@pantoken/webpack	Um plugin webpack.
@pantoken/postcss	A at-rule @pantoken;.
@pantoken/tailwind	Um preset Tailwind.
@pantoken/panda	Um preset Panda CSS.

Plataformas

Alvos nativos e geradores de site, emitidos pelo CLI ou por suas próprias APIs.

Package	Saída
@pantoken/swift	Código Swift mais um stub de manifesto SwiftPM.
@pantoken/android	Recursos XML para Android.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Consts Rust para egui ou iced.
@pantoken/wordpress	Um theme.json de tema WordPress.
@pantoken/vanilla	Um variables.json do Vanilla Forums.
@pantoken/drupal	Assets de tema Drupal.
@pantoken/hugo, @pantoken/jekyll	Dados de site para Hugo e Jekyll.
@pantoken/email	Valores amigáveis para uso inline em e-mail HTML.

Design

Para ferramentas de design.

Package	Saída
@pantoken/figma	Um payload de Figma Variables.
@pantoken/swatches	Paletas de cores (ASE, GPL, Sketch) além de uma folha de espécime SVG visualizável.

Plugins

Transformações opcionais que estendem o token ou a saída CSS. Veja Plugins.

Package	O que adiciona
@pantoken/plugin-stacking	Profundidades z-index nomeadas como tokens --instui-stacking-*.
@pantoken/plugin-visual-debug	O contorno de depuração de layout -with-visual-debug.
@pantoken/plugin-simple-icons	Ícones de marca do simple-icons.
@pantoken/plugin-logos	Logos de produtos Instructure como SVGs, data URIs e tokens de imagem.
@pantoken/plugin-prune-custom-props	Um plugin PostCSS que remove propriedades customizadas não utilizadas.

Ferramentas

Infraestrutura de build, docs e demo para o próprio monorepo. A maior parte é interna, mas as peças são auto-contidas, então documentamos aqui e algumas são publicadas no npm separadamente.

Package	O que faz
@pantoken/aggregate	Gera o pacote unificado pantoken barrel e exports a partir de suas dependências.
@pantoken/validate-generated	O gate de drift: verifica se cada stylesheet gerada resolve contra a IR de tokens.
@pantoken/demo	O runner de live-demo self-hosted: resolve uma spec @demo para um iframe e renderiza HTML/CSS/JS bare same-origin, temado por tokens.
@cssdoc/core (external)	Um extrator genérico de documentação CSS (TSDoc, para CSS): analisa comentários TSDoc + AST de CSS em um modelo que a docs emite como referência da API CSS. Vive em um repositório próprio; consumido via dependência linkada.

@pantoken/validate-generated é um script executado uma vez (invocado por pnpm run ready), então não tem página de API; as demais têm.

AI

Ativos de configuração de IA voltados ao consumidor. Estes são para projetos que usam pantoken, não para desenvolver o próprio pantoken.

• @pantoken/ai instala AGENTS.md, llms.txt e regras de assistente/editor (Cursor, Copilot, Windsurf, Claude Code) em um repositório consumidor.

Dev plugins

Plugins que autoramos para as ferramentas com as quais trabalhamos, agrupados por host. São independentes e publicáveis.

Package	Plug-in em
@pantoken/typedoc-plugin-demo	TypeDoc: transforma uma tag de bloco @demo <provider>:<ref> em uma cerca de demo embutível.
@pantoken/vite-workspace-orchestrator	Vite: reconstrói pacotes upstream do workspace (e dependentes) quando suas fontes mudam.