API

pantoken छोटे, एक-उद्देश्य वाले पैकेजों का एक मोनोरिपो है जिन्हें बकेट्स में समूहित किया गया है। वह पैकेज इंस्टॉल करें जो आपके कार्य के लिए उपयुक्त हो, या संहिताबद्ध pantoken पैकेज इंस्टॉल करके उसके सबपाथ से इम्पोर्ट करें (उदाहरण के लिए pantoken/css, pantoken/react, pantoken/tailwind)।

Core

नेटिव और साइट-जनरेटर लक्ष्य, CLI द्वारा या उनके अपने API से इमिट किए जाते हैं।

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

वैकल्पिक ट्रांसफ़ॉर्म्स जो टोकन या CSS आउटपुट का विस्तार करते हैं। देखें Plugins.

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

मोनोरिपो के स्वयं के बिल्ड, डॉक्स, और डेमो इन्फ्रास्ट्रक्चर। अधिकांश आंतरिक हैं, पर टुकड़े स्व-विहित हैं, इसलिए यहाँ दस्तावेज़ित हैं और कुछ अपने आप npm पर शिप होते हैं।

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

कन्ज्यूमर-फेसिंग AI सेटअप एसेट्स। ये उन प्रोजेक्ट्स के लिए हैं जो pantoken का उपयोग करते हैं, pantoken के विकास के लिए नहीं।

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/ai AGENTS.md, llms.txt, और असिस्टेंट/एडिटर नियम (Cursor, Copilot, Windsurf, Claude Code) को एक कन्ज्यूमर रिपॉजिटरी में इंस्टॉल करता है।

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

Plugins

वे प्लगइन्स जिन्हें हम उन टूल्स के लिए बनाते हैं जिनके साथ हम काम करते हैं, होस्ट के हिसाब से समूहित। ये standalone और publishable हैं।

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

मोनोरिपो के लिए बिल्ड, डॉक्स, और डेमो अवसंरचना। अधिकांश आंतरिक हैं, लेकिन ये हिस्से हैं स्वयं-निहित, इसलिए हम उन्हें यहाँ दस्तावेज़ करते हैं और कुछ अपने आप npm पर प्रकाशित होते हैं।

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.

@pantoken/validate-generated एक रन-वन-बार स्क्रिप्ट है (जिसे pnpm run ready) द्वारा बुलाया जाता है, इसलिए इसका कोई API पृष्ठ नहीं है; दूसरों के हैं।

AI

@pantoken/ai — pantoken का उपयोग करने वाली परियोजनाओं के लिए उपभोक्ता-उन्मुख एजेंट एसेट्स (pantoken स्वयं विकसित करने के लिए नहीं)।

• @pantoken/ai इंस्टॉल करता है AGENTS.md, llms.txt, और assistant/editor rules (Cursor, Copilot, Windsurf, Claude Code)) एक उपभोक्ता रिपॉज़िटरी में।

Dev plugins

वे प्लगइन्स जिन्हें हम उन टूल्स के लिए बनाते हैं जिनके साथ हम काम करते हैं, होस्ट के अनुसार समूहबद्ध। वे स्वतंत्र हैं और प्रकाशित किए जा सकते हैं।

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.