पैकेज मानचित्र

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

कोर

साझा मॉडल और वह ट्रांसफॉर्मर जिस पर बाकी सब कुछ बनता है।

पैकेज	यह क्या करता है
@pantoken/model	शून्य-निर्भरता TypeScript प्रकार: Token आकार और प्लगइन कॉन्ट्रैक्ट।
@pantoken/core	अपस्ट्रीम टोकन और आइकन को canonical IR में हल करता है, और CSS रेंडर करता है।
@pantoken/tokens	हल किया हुआ IR स्थैतिक JSON के रूप में, प्रति थीम, साथ में Tokens Studio का raw स्रोत।
@pantoken/utils	टोकन रेजॉल्वर, रेफरेंस regexes, केस और कलर हेल्पर, ड्रिफ्ट चेक, और token→utility-class इमिटर्स।
@pantoken/plugin-kit	pantoken प्लगइन्स को definePlugin के साथ बिल्ड और compose करने के लिए।
@pantoken/cli	pantoken generate <target> — नेटिव और प्लेटफ़ॉर्म स्रोत इमिट करता है।

फ़ॉर्मेट्स

टोकन्स को किसी फ़ाइल फ़ॉर्मेट में बदलना।

पैकेज	आउटपुट
@pantoken/css	@property-टाइप्ड CSS जिसमें light-dark() और डेटा-URI आइकन शामिल हैं।
@pantoken/scss	SCSS वेरिएबल्स, एक single mode में हल किए हुए।
@pantoken/less	Less वेरिएबल्स।
@pantoken/stylus	Stylus वेरिएबल्स।
@pantoken/dtcg	एक W3C Design Tokens (DTCG) दस्तावेज़।
@pantoken/tokens	IR को JavaScript और JSON के रूप में (Core के अंतर्गत भी सूचीबद्ध)।
@pantoken/icons	आइकन टोकन्स पर एक ergonomic दृश्य।
@pantoken/icon-font	एक आइकन वेब फ़ॉन्ट (TTF, WOFF2) और उसका CSS।
@pantoken/components	InstUI-लुक CSS कंपोनेंट लाइब्रेरी (बटन, अलर्ट, टेबल और अन्य) साथ ही बेस रीसेट, फोकस रिंग, prose स्टाइलिंग, क्रॉस-कटिंग यूटिलिटीज़ और ब्रांड फ़ॉन्ट्स। देखें Components.

रेंडरर्स

फ्रेमवर्क और टूल इंटीग्रेशन्स।

पैकेज	किसके लिए
@pantoken/react	React hooks, <Icon>, और एक टोकन प्रोवाइडर के लिए।
@pantoken/vue, @pantoken/svelte, @pantoken/angular	वेब कंपोनेंट, प्रत्येक फ्रेमवर्क में वायर किया हुआ।
@pantoken/react-native	StyleSheet-फ्रेंडली टोकन ऑब्जेक्ट्स (कोई CSS वेरिएबल्स नहीं)।
@pantoken/web-components	<instui-icon> और styled प्रिमिटिव्स, फ्रेमवर्क-agnostic।
@pantoken/astro	Astro साइट्स के लिए टोकन सेटअप।
@pantoken/react-markdown, @pantoken/rehype	Markdown में आइकन टोकन्स और स्वैचेस।
@pantoken/markdown-it	आइकन कोड्स और कलर स्वैचेस के लिए एक markdown-it प्लगइन।
@pantoken/css-in-js	styled-components और Emotion के लिए एक टाइप-सेफ थीम।
@pantoken/mui	एक Material UI थीम।
@pantoken/bootstrap, @pantoken/shadcn	Bootstrap और shadcn/ui के लिए CSS-वेरिएबल ब्रिजेज़।
@pantoken/foundation	Foundation के लिए एक Sass सेटिंग्स ओवरराइड और CSS ओवरले।
@pantoken/docusaurus, @pantoken/vitepress	Docusaurus और VitePress के लिए थीम्स।
@pantoken/mintlify	Mintlify docs.json थीम (रंग + बैकग्राउंड)।
@pantoken/storybook	एक Storybook थीम।
@pantoken/pendo	Pendo गाइड्स के लिए Instructure-स्टाइल्ड ग्लोबल CSS।

बंडलर्स

बिल्ड-टूल इंटीग्रेशन्स।

पैकेज	किसके लिए
@pantoken/vite	वर्चुअल मॉड्यूल्स और CSS इन्जेक्शन के साथ एक Vite प्लगइन।
@pantoken/next	Next.js के लिए withPantoken transpilePackages।
@pantoken/webpack	एक webpack प्लगइन।
@pantoken/postcss	@pantoken; at-rule।
@pantoken/tailwind	एक Tailwind प्रीसैट।
@pantoken/panda	एक Panda CSS प्रीसैट।

प्लेटफ़ॉर्म्स

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

पैकेज	आउटपुट
@pantoken/swift	Swift स्रोत साथ एक SwiftPM मैनिफेस्ट स्टब।
@pantoken/android	Android XML संसाधन।
@pantoken/compose	Jetpack Compose Kotlin।
@pantoken/flutter	Flutter Dart।
@pantoken/rust	egui या iced के लिए Rust consts।
@pantoken/wordpress	एक WordPress block-theme theme.json।
@pantoken/vanilla	एक Vanilla Forums variables.json।
@pantoken/drupal	Drupal थीम एसेट्स।
@pantoken/hugo, @pantoken/jekyll	Hugo और Jekyll साइट डेटा।
@pantoken/email	HTML ईमेल के लिए इनलाइन-फ्रेंडली वैल्यूज़।

डिज़ाइन

डिज़ाइन टूल्स के लिए।

पैकेज	आउटपुट
@pantoken/figma	एक Figma Variables payload।
@pantoken/swatches	रंग स्वैचेस (ASE, GPL, Sketch) साथ एक व्यूएबल SVG नमूना शीट।

प्लगइन्स

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

पैकेज	यह क्या जोड़ता है
@pantoken/plugin-stacking	नामित z-index डेप्थ्स को --instui-stacking-* टोकन्स के रूप में।
@pantoken/plugin-visual-debug	-with-visual-debug लेआउट-डिबगिंग आउटलाइन।
@pantoken/plugin-simple-icons	simple-icons से ब्रांड आइकन।
@pantoken/plugin-logos	Instructure प्रोडक्ट लोगो SVGs, डेटा URIs, और इमेज टोकन्स के रूप में।
@pantoken/plugin-prune-custom-props	एक PostCSS प्लगइन जो अनउपयुक्त custom properties हटा देता है।

टूल्स

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

पैकेज	यह क्या करता है
@pantoken/aggregate	संयुक्त pantoken पैकेज बैरल और उसकी डिपेंडेंसीज़ से exports जनरेट करता है।
@pantoken/validate-generated	ड्रिफ्ट गेट: जाँचता है कि हर जनरेटेड स्टाइलशीट टोकन IR के विरुद्ध resolve होता है या नहीं।
@pantoken/demo	self-hosted लाइव-डेमो रनर: @demo स्पेसिफिकेशन को iframe में resolve करता है और bare HTML/CSS/JS same-origin, token-themed रेंडर करता है।
@cssdoc/core (external)	एक सामान्य CSS डोक्युमेंटेशन एक्स्ट्रैक्टर (TSDoc, CSS के लिए): doc-comments + CSS AST को पार्स कर के एक मॉडल बनाता है जिसे docs CSS API रेफरेंस के रूप में इमिट करते हैं। यह अपने अलग रेपो में रहता है; लिंक डिपेंडेंसी के रूप में प्रयोग किया जाता है।

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

AI

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

• @pantoken/ai AGENTS.md, llms.txt, और असिस्टेंट/एडिटर नियम (Cursor, Copilot, Windsurf, Claude Code) को एक कन्ज्यूमर रिपॉजिटरी में इंस्टॉल करता है।

डेवलपर प्लगइन्स

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

पैकेज	किसमें प्लग होता है
@pantoken/typedoc-plugin-demo	TypeDoc: एक @demo <provider>:<ref> ब्लॉक टैग को एक एम्बेड करने योग्य डेमो फ़ेन्स में बदल देता है।
@pantoken/vite-workspace-orchestrator	Vite: upstream workspace पैकेजों (और उनके dependents) को उनके स्रोत बदलने पर पुनर्निर्मित करता है।