API

pantoken είναι ένα monorepo από μικρά, μεμονωμένου σκοπού πακέτα ομαδοποιημένα σε κάδους. Εγκαταστήστε αυτό που ταιριάζει στο έργο σας, ή εγκαταστήστε το ενοποιημένο pantoken πακέτο και εισάγετε από τις υποδιαδρομές του (για παράδειγμα pantoken/css, pantoken/react, pantoken/tailwind).

Core

Μετατρέπουν τα tokens σε μορφή αρχείου.

Package	What it does
@pantoken/model	Zero-dependency TypeScript types: the Token shape and the plugin contract.
@pantoken/core	Resolves the upstream tokens and icons into the canonical IR, and renders CSS.
@pantoken/tokens	The resolved IR vendored as static JSON, per theme, plus the raw Tokens Studio source.
@pantoken/utils	The token resolver, reference regexes, case and color helpers, drift checks, and the token→utility-class emitters.
@pantoken/plugin-kit	Build and compose pantoken plugins with definePlugin.
@pantoken/cli	pantoken generate <target> — emit native and platform source.

Formats

Ενσωματώσεις framework και εργαλείων.

Package	Output
@pantoken/css	@property-typed CSS with light-dark() and data-URI icons.
@pantoken/scss	SCSS variables, resolved to a single mode.
@pantoken/less	Less variables.
@pantoken/stylus	Stylus variables.
@pantoken/dtcg	A W3C Design Tokens (DTCG) document.
@pantoken/tokens	The IR as JavaScript and JSON (also listed under Core).
@pantoken/icons	An ergonomic view over the icon tokens.
@pantoken/icon-font	An icon web font (TTF, WOFF2) plus its CSS.
@pantoken/components	An InstUI-look CSS component library (button, alert, table, and more) plus a base reset with focus ring, prose styling, cross-cutting utilities, and the brand fonts. See Components.
@pantoken/inline-styles	Generic CSS-to-HTML inlining for platform integrations.

Renderers

Στόχοι native και γεννήτριες site, εκδομένες από το CLI ή το δικό τους API.

Package	For
@pantoken/react	React hooks, <Icon>, and a token provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	The web component, wired into each framework.
@pantoken/react-native	StyleSheet-friendly token objects (no CSS variables).
@pantoken/web-components	<instui-icon> and styled primitives, framework-agnostic.
@pantoken/astro	Token setup for Astro sites.
@pantoken/react-markdown, @pantoken/rehype	Icon tokens and swatches in Markdown.
@pantoken/markdown-it	A markdown-it plugin for icon codes and color swatches.
@pantoken/css-in-js	A type-safe theme for styled-components and Emotion.
@pantoken/mui	A Material UI theme.
@pantoken/bootstrap, @pantoken/shadcn	CSS-variable bridges for Bootstrap and shadcn/ui.
@pantoken/foundation	A Sass settings override and CSS overlay for Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Themes for Docusaurus and VitePress.
@pantoken/mintlify	A Mintlify docs.json theme (colors + background).
@pantoken/storybook	A Storybook theme.
@pantoken/pendo	Instructure-styled global CSS for Pendo guides.

Bundlers

BuildIconFontOptions

Package	For
@pantoken/vite	A Vite plugin with virtual modules and CSS injection.
@pantoken/next	withPantoken for Next.js transpilePackages.
@pantoken/webpack	A webpack plugin.
@pantoken/postcss	The @pantoken; at-rule.
@pantoken/tailwind	A Tailwind preset.
@pantoken/panda	A Panda CSS preset.

Platforms

Υποδομή build, docs, και demo για το ίδιο το monorepo. Τα περισσότερα είναι εσωτερικά, αλλά τα κομμάτια είναι αυτόνομα, οπότε τα τεκμηριώνουμε εδώ και κάποια εκδίδονται στο npm μόνα τους.

Package	Output
@pantoken/swift	Swift source plus a SwiftPM manifest stub.
@pantoken/android	Android XML resources.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust consts for egui or iced.
@pantoken/wordpress	A WordPress block-theme theme.json.
@pantoken/vanilla	A Vanilla Forums variables.json.
@pantoken/drupal	Drupal theme assets.
@pantoken/hugo, @pantoken/jekyll	Hugo and Jekyll site data.
@pantoken/email	Inline-friendly values for HTML email.

Design

@pantoken/validate-generated είναι ένα script μιας φοράς (κλήθηκε από pnpm run ready), οπότε δεν έχει σελίδα API; οι άλλοι έχουν.

Package	Output
@pantoken/figma	A Figma Variables payload.
@pantoken/swatches	Color swatches (ASE, GPL, Sketch) plus a viewable SVG specimen sheet.

Plugins

Περιουσιακά στοιχεία ρυθμίσεων AI για καταναλωτές. Αυτά προορίζονται για έργα που χρησιμοποιούν pantoken, όχι για την ανάπτυξη του pantoken.

Package	What it adds
@pantoken/plugin-stacking	Named z-index depths as --instui-stacking-* tokens.
@pantoken/plugin-visual-debug	The -with-visual-debug layout-debugging outline.
@pantoken/plugin-simple-icons	Brand icons from simple-icons.
@pantoken/plugin-logos	Instructure product logos as SVGs, data URIs, and image tokens.
@pantoken/plugin-prune-custom-props	A PostCSS plugin that drops unused custom properties.

Tools

• @pantoken/ai εγκαθιστά AGENTS.md, llms.txt, και κανόνες βοηθού/επεξεργαστή (Cursor, Copilot, Windsurf, Claude Code) σε ένα αποθετήριο καταναλωτή.

Package	What it does
@pantoken/aggregate	Generates the unified pantoken package barrel and exports from its dependencies.
@pantoken/validate-generated	The drift gate: checks every generated stylesheet resolves against the token IR.
@pantoken/demo	The self-hosted live-demo runner: resolves a @demo spec to an iframe and renders bare HTML/CSS/JS same-origin, token-themed.
@cssdoc/core (external)	A generic CSS documentation extractor (TSDoc, for CSS): parses doc-comments + the CSS AST into a model the docs emit as the CSS API reference. Lives in its own repo; consumed via a link dependency.

Plugins που δημιουργούνται για τα εργαλεία με τα οποία δουλεύουμε, ομαδοποιημένα κατά host. Είναι αυτόνομα και εκδοτά.

AI

@pantoken/ai — περιουσιακά στοιχεία agent προς τον πελάτη για έργα που χρησιμοποιούν το pantoken (όχι για την ανάπτυξη του pantoken).

• @pantoken/ai εγκαθιστά AGENTS.md, llms.txt, και assistant/editor rules (Cursor, Copilot, Windsurf, Claude Code) σε ένα αποθετήριο καταναλωτή.

Dev plugins

Πρόσθετα που δημιουργούμε για τα εργαλεία με τα οποία χτίζουμε, ομαδοποιημένα ανά host. Είναι αυτόνομα και εκδοτέα.

Package	Plugs into
@pantoken/typedoc-plugin-demo	TypeDoc: turns a @demo <provider>:<ref> block tag into an embeddable demo fence.
@pantoken/vite-workspace-orchestrator	Vite: rebuilds upstream workspace packages (and dependents) when their source changes.