Ο χάρτης πακέτων

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

Πυρήνας

Το κοινό μοντέλο και ο μετασχηματιστής πάνω στον οποίο χτίζει τα υπόλοιπα.

Package	Τι κάνει
@pantoken/model	Τύποι TypeScript χωρίς εξαρτήσεις: το σχήμα Token και το συμβόλαιο plugin.
@pantoken/core	Επιλύει τα upstream tokens και τα icons στην κανονική IR, και αποδίδει CSS.
@pantoken/tokens	Η επιλυμένη IR προσφερόμενη ως στατικό JSON, ανά θέμα, συν την ακατέργαστη πηγή Tokens Studio.
@pantoken/utils	Ο επιλύτης token, regex αναφορών, βοηθήματα για case και χρώμα, έλεγχοι drift, και οι εκπέμπτες token→utility-class.
@pantoken/plugin-kit	Δημιουργία και σύνθεση pantoken plugins με definePlugin.
@pantoken/cli	pantoken generate <target> — εκπέμπει εγγενές και πλατφορμικό πηγαίο κώδικα.

Μορφές

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

Package	Έξοδος
@pantoken/css	@property-τυποποιημένο CSS με light-dark() και icons ως data-URI.
@pantoken/scss	Μεταβλητές SCSS, επιλυμένες σε έναν ενιαίο τρόπο.
@pantoken/less	Μεταβλητές Less.
@pantoken/stylus	Μεταβλητές Stylus.
@pantoken/dtcg	Ένα έγγραφο W3C Design Tokens (DTCG).
@pantoken/tokens	Η IR ως JavaScript και JSON (επίσης αναφέρεται στον Πυρήνα).
@pantoken/icons	Μια εργονομική προβολή πάνω στα icon tokens.
@pantoken/icon-font	Ένα icon web font (TTF, WOFF2) μαζί με το CSS του.
@pantoken/components	Βιβλιοθήκη CSS components με εμφάνιση InstUI (button, alert, table, και άλλα) συν ένα βασικό reset με focus ring, στυλιζάρισμα prose, cross-cutting utilities, και τις γραμματοσειρές του brand. Δείτε Components.

Renderers

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

Package	Για
@pantoken/react	React hooks, <Icon>, και ένας token provider.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Το web component, συνδεδεμένο με κάθε framework.
@pantoken/react-native	Αντικείμενα token φιλικά προς StyleSheet (χωρίς CSS μεταβλητές).
@pantoken/web-components	<instui-icon> και styled primitives, ανεξάρτητα από framework.
@pantoken/astro	Ρύθμιση token για ιστότοπους Astro.
@pantoken/react-markdown, @pantoken/rehype	Icon tokens και swatches σε Markdown.
@pantoken/markdown-it	Ένα plugin για markdown-it για icon codes και color swatches.
@pantoken/css-in-js	Ένα type-safe theme για styled-components και Emotion.
@pantoken/mui	Ένα θέμα Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Γέφυρες CSS-μεταβλητών για Bootstrap και shadcn/ui.
@pantoken/foundation	Μια υπερκάλυψη ρυθμίσεων Sass και CSS για Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Θέματα για Docusaurus και VitePress.
@pantoken/mintlify	Ένα Mintlify docs.json θέμα (χρώματα + φόντο).
@pantoken/storybook	Ένα θέμα Storybook.
@pantoken/pendo	Instructure-styled global CSS για οδηγούς Pendo.

Bundlers

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

Package	Για
@pantoken/vite	Ένα plugin Vite με virtual modules και ενέσιμη CSS.
@pantoken/next	withPantoken για Next.js transpilePackages.
@pantoken/webpack	Ένα plugin webpack.
@pantoken/postcss	Το @pantoken; at-rule.
@pantoken/tailwind	Ένα Tailwind preset.
@pantoken/panda	Ένα Panda CSS preset.

Πλατφόρμες

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

Package	Έξοδος
@pantoken/swift	Πηγαίος κώδικας Swift συν stub manifest SwiftPM.
@pantoken/android	Πόροι Android XML.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust consts για egui ή iced.
@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 email.

Σχεδιασμός

Για εργαλεία σχεδίασης.

Package	Έξοδος
@pantoken/figma	Ένα payload Figma Variables.
@pantoken/swatches	Χρωματικές παλέτες (ASE, GPL, Sketch) συν ένα οπτικό φύλλο specimen SVG.

Plugins

Προαιρετικοί μετασχηματισμοί που επεκτείνουν το token ή το CSS output. Δείτε Plugins.

Package	Τι προσθέτει
@pantoken/plugin-stacking	Ονομασμένοι βάθοι z-index ως --instui-stacking-* tokens.
@pantoken/plugin-visual-debug	Το -with-visual-debug outline για debugging layout.
@pantoken/plugin-simple-icons	Εικονίδια εμπορικών σημάτων από simple-icons.
@pantoken/plugin-logos	Λογότυπα προϊόντων Instructure ως SVGs, data URIs, και image tokens.
@pantoken/plugin-prune-custom-props	Ένα PostCSS plugin που απορρίπτει μη χρησιμοποιημένες custom properties.

Εργαλεία

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

Package	Τι κάνει
@pantoken/aggregate	Γεννά το ενοποιημένο pantoken πακέτο barrel και exports από τις εξαρτήσεις του.
@pantoken/validate-generated	Η πύλη drift: ελέγχει ότι κάθε παραγόμενη stylesheet επιλύεται έναντι της IR των tokens.
@pantoken/demo	Ο self-hosted live-demo runner: επιλύει ένα @demo spec σε iframe και αποδίδει απλό HTML/CSS/JS same-origin, token-themed.
@cssdoc/core (external)	Ένας γενικός εξαγωγέας τεκμηρίωσης CSS (TSDoc, για CSS): αναλύει doc-comments + το CSS AST σε ένα μοντέλο που τα docs εκπέμπουν ως αναφορά CSS API. Ζει σε ξεχωριστό repo; καταναλώνεται ως link dependency.

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

AI

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

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

Dev plugins

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

Package	Συνδέεται με
@pantoken/typedoc-plugin-demo	TypeDoc: μετατρέπει ένα @demo <provider>:<ref> block tag σε ενσωματώσιμη demo fence.
@pantoken/vite-workspace-orchestrator	Vite: επαναχτίζει upstream workspace πακέτα (και τους εξαρτώμενους) όταν αλλάζει ο πηγαίος τους κώδικας.