El mapa de paquetes

pantoken es un monorepo de paquetes pequeños y de propósito único agrupados en buckets. Instala el que se ajuste a tu tarea, o instala el paquete unificado pantoken e importa desde sus subrutas (por ejemplo pantoken/css, pantoken/react, pantoken/tailwind).

Núcleo

El modelo compartido y el transformador sobre el que se construye todo lo demás.

Package	What it does
@pantoken/model	Tipos TypeScript sin dependencias: la forma Token y el contrato del plugin.
@pantoken/core	Resuelve los tokens e iconos upstream en la IR canónica y renderiza CSS.
@pantoken/tokens	La IR resuelta vendorizada como JSON estático, por tema, además del origen bruto de Tokens Studio.
@pantoken/utils	El resolvedor de tokens, regexes de referencias, utilidades de caso y color, comprobaciones de drift, y los emisores token→utility-class.
@pantoken/plugin-kit	Construye y compone plugins de pantoken con definePlugin.
@pantoken/cli	pantoken generate <target> — emite código nativo y fuente para plataformas.

Formatos

Convierte los tokens en un formato de archivo.

Package	Output
@pantoken/css	CSS tipado con @property con light-dark() e iconos en data-URI.
@pantoken/scss	Variables SCSS, resueltas en un solo modo.
@pantoken/less	Variables Less.
@pantoken/stylus	Variables Stylus.
@pantoken/dtcg	Un documento W3C Design Tokens (DTCG).
@pantoken/tokens	La IR como JavaScript y JSON (también listado bajo Núcleo).
@pantoken/icons	Una vista ergonómica sobre los tokens de icono.
@pantoken/icon-font	Una fuente web de iconos (TTF, WOFF2) más su CSS.
@pantoken/components	Una biblioteca de componentes CSS con apariencia InstUI (button, alert, table, y más) más un reset base con focus ring, estilos de prosa, utilidades transversales y las fuentes de la marca. Ver Components.

Renderizadores

Integraciones con frameworks y herramientas.

Package	For
@pantoken/react	Hooks de React, <Icon>, y un proveedor de tokens.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	El web component, conectado a cada framework.
@pantoken/react-native	Objetos de tokens compatibles con StyleSheet (sin variables CSS).
@pantoken/web-components	<instui-icon> y primitivos estilados, agnóstico de framework.
@pantoken/astro	Configuración de tokens para sitios Astro.
@pantoken/react-markdown, @pantoken/rehype	Tokens de icono y paletas en Markdown.
@pantoken/markdown-it	Un plugin de markdown-it para códigos de iconos y muestras de color.
@pantoken/css-in-js	Un theme tipado para styled-components y Emotion.
@pantoken/mui	Un tema de Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Puentes de variables CSS para Bootstrap y shadcn/ui.
@pantoken/foundation	Una sobreescritura de ajustes Sass y una capa CSS para Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Temas para Docusaurus y VitePress.
@pantoken/mintlify	Un tema de Mintlify docs.json (colores + fondo).
@pantoken/storybook	Un tema para Storybook.
@pantoken/pendo	CSS global con estilo Instructure para guías de Pendo.

Bundlers

Integraciones con herramientas de build.

Package	For
@pantoken/vite	Un plugin de Vite con módulos virtuales e inyección de CSS.
@pantoken/next	withPantoken para Next.js transpilePackages.
@pantoken/webpack	Un plugin de webpack.
@pantoken/postcss	La regla at- @pantoken;.
@pantoken/tailwind	Un preset de Tailwind.
@pantoken/panda	Un preset de Panda CSS.

Plataformas

Objetivos nativos y generadores de sitios, emitidos por la CLI o por su propia API.

Package	Output
@pantoken/swift	Código Swift más un stub de manifest SwiftPM.
@pantoken/android	Recursos XML para Android.
@pantoken/compose	Jetpack Compose en Kotlin.
@pantoken/flutter	Flutter en Dart.
@pantoken/rust	consts Rust para egui o iced.
@pantoken/wordpress	Un theme.json de tema de WordPress.
@pantoken/vanilla	Un variables.json para Vanilla Forums.
@pantoken/drupal	Assets de tema para Drupal.
@pantoken/hugo, @pantoken/jekyll	Datos de sitio para Hugo y Jekyll.
@pantoken/email	Valores amigables para email HTML inline.

Diseño

Para herramientas de diseño.

Package	Output
@pantoken/figma	Una carga útil de Figma Variables.
@pantoken/swatches	Muestras de color (ASE, GPL, Sketch) además de una hoja de muestra SVG visible.

Plugins

Transformaciones opcionales que extienden la salida de tokens o CSS. Ver Plugins.

Package	What it adds
@pantoken/plugin-stacking	Profundidades nombradas de z-index como tokens --instui-stacking-*.
@pantoken/plugin-visual-debug	El contorno de depuración de diseño -with-visual-debug.
@pantoken/plugin-simple-icons	Iconos de marca desde simple-icons.
@pantoken/plugin-logos	Logos de productos Instructure como SVGs, data URIs y tokens de imagen.
@pantoken/plugin-prune-custom-props	Un plugin de PostCSS que elimina propiedades custom no usadas.

Herramientas

Infraestructura de build, docs y demos para el propio monorepo. La mayoría es interna, pero las piezas son autocontenidas, por eso las documentamos aquí y algunas se publican en npm por separado.

Package	What it does
@pantoken/aggregate	Genera el paquete barrel unificado pantoken y exports desde sus dependencias.
@pantoken/validate-generated	La puerta de drift: verifica que cada stylesheet generado se resuelva contra la IR de tokens.
@pantoken/demo	El runner de demo en vivo self-hosted: resuelve una especificación @demo a un iframe y renderiza HTML/CSS/JS same-origin, temático por tokens.
@cssdoc/core (external)	Un extractor genérico de documentación CSS (TSDoc, para CSS): parsea doc-comments + el AST de CSS en un modelo que las docs emiten como la referencia API de CSS. Vive en su propio repo; se consume vía dependencia por link.

@pantoken/validate-generated es un script que se ejecuta una vez (invocado por pnpm run ready), por lo que no tiene página de API; los demás sí.

AI

Activos de configuración de IA orientados al consumidor. Estos son para proyectos que usan pantoken, no para desarrollar pantoken en sí.

• @pantoken/ai instala AGENTS.md, llms.txt, y reglas de assistant/editor (Cursor, Copilot, Windsurf, Claude Code) en un repositorio consumidor.

Dev plugins

Plugins que autoramos para las herramientas con las que trabajamos, agrupados por host. Son autónomos y publicables.

Package	Plugs into
@pantoken/typedoc-plugin-demo	TypeDoc: convierte una etiqueta de bloque @demo <provider>:<ref> en una cerca de demo embebible.
@pantoken/vite-workspace-orchestrator	Vite: reconstruye paquetes del workspace upstream (y dependientes) cuando su fuente cambia.