Փաթեջ մապը

pantoken-ը մի մոնոռեպո է՝ փոքր, մեկ նպատակի փաթեթների հավաքածու՝ խմբավորված բաքետներում։ Տեղադրեք այն, որը համապատասխանում է ձեր առաջադրանքի, կամ տեղադրեք միասնական pantoken փաթեթը և ներմուծեք նրա ենթաապրանքներից (օրինակ pantoken/css, pantoken/react, pantoken/tailwind)։

Գլուխ

Ընդհանրացված մոդելը և նույն բանի վրա կառուցվող թրանսֆորմերը։

Package	What it does
@pantoken/model	Ապաքինք-խնդիրից ազատ TypeScript տիպեր՝ Token շապիկը և plugin պայմանավորվածությունը։
@pantoken/core	Վերահսկում է վերավերցված tokens-ները և icons-ները canonical IR-ով և էմիտ անում CSS։
@pantoken/tokens	Վերահսկված IR-ը՝ որպես ստատիկ JSON, թեմայով մեկերված, նաև Tokens Studio-ի հում աղբյուր։
@pantoken/utils	Token լուծիչը, reference regex-երը, case և color հելփերները, drift ստուգումները և token→utility-class էմիտերները։
@pantoken/plugin-kit	Ստեղծեք և կոմպոզացրեք pantoken plugin-եր definePlugin-ով։
@pantoken/cli	pantoken generate <target> — էմիտում է բնիկ և հարթակային աղբյուրներ։

Ֆորմատներ

Պատրաստում են token-ները ֆայլային ֆորմատների։

Package	Output
@pantoken/css	@property-տիպավորված CSS light-dark()-ով և 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 token-ների նկատմամբ։
@pantoken/icon-font	Icon web font (TTF, WOFF2) և նրա CSS-ը։
@pantoken/components	InstUI տեսք ունեցող CSS կոմպոնենտների գրադարան (կոճակ, alert, table և այլք), բազային reset-ով՝ focus ring, prose styling, cross-cutting utilities և brand ֆոնտերը։ Տես Components.

Renderer-ներ

Ֆրեյմվորք և գործիքի ինտեգրացիաներ։

Package	For
@pantoken/react	React hooks, <Icon> և token provider։
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Web component-ը, կապված յուրաքանչյուր ֆրեյմվորքի հետ։
@pantoken/react-native	StyleSheet-ընթեռնելի token օբյեկտներ (առանց CSS փոփոխականների).
@pantoken/web-components	<instui-icon> և styled primitives, framework-անկախ։
@pantoken/astro	Token կարգավորում Astro կայքերի համար։
@pantoken/react-markdown, @pantoken/rehype	Icon token-ներ և swatch-ներ Markdown-ում։
@pantoken/markdown-it	markdown-it plugin՝ icon code-երի և color swatch-ների համար։
@pantoken/css-in-js	Տիպ-անվտանգ թեմա styled-components և Emotion-ի համար։
@pantoken/mui	Material UI թեմա։
@pantoken/bootstrap, @pantoken/shadcn	CSS-փոփոխականների կամուրջներ Bootstrap և shadcn/ui։
@pantoken/foundation	Sass settings override և CSS ավերակ Foundation-ի համար։
@pantoken/docusaurus, @pantoken/vitepress	Թեմաներ Docusaurus և VitePress-ի համար։
@pantoken/mintlify	Mintlify docs.json թեմա (գույներ + ֆոն)։
@pantoken/storybook	Storybook թեմա։
@pantoken/pendo	Instructure- ոճավորված գլոբալ CSS Pendo ուղեցույցների համար։

Bundler-ներ

Շինարար-գործիքների ինտեգրացիաներ։

Package	For
@pantoken/vite	Vite plugin՝ վիրտուալ մոդուլներով և CSS injection-ով։
@pantoken/next	withPantoken Next.js-ի համար transpilePackages.
@pantoken/webpack	Webpack plugin։
@pantoken/postcss	@pantoken; at-rule-ը։
@pantoken/tailwind	Tailwind preset։
@pantoken/panda	Panda CSS preset։

Մեքենաներ / Պլատֆորմներ

Բնական և site-generator թիրախներ՝ եմթված CLI-ից կամ ինքնուրույն API-ներից։

Package	Output
@pantoken/swift	Swift աղբյուր և SwiftPM manifest stub։
@pantoken/android	Android XML ռեսուրսներ։
@pantoken/compose	Jetpack Compose Kotlin։
@pantoken/flutter	Flutter Dart։
@pantoken/rust	Rust const-ներ՝ egui կամ iced օրինակների համար։
@pantoken/wordpress	WordPress block-theme theme.json.
@pantoken/vanilla	Vanilla Forums variables.json.
@pantoken/drupal	Drupal թեմայի անշարժներ։
@pantoken/hugo, @pantoken/jekyll	Hugo և Jekyll site տվյալներ։
@pantoken/email	Inline-համատեղելի արժեքներ HTML էլփոստի համար։

Դիզայն

Դիզայնային գործիքների համար։

Package	Output
@pantoken/figma	Figma Variables payload։
@pantoken/swatches	Գույնի swatch-ներ (ASE, GPL, Sketch) հանելով դիտվող SVG նմուշաթերթով։

Պլագիններ

Ընտրովի թրանսֆորմներ, որոնք ընդլայնում են token կամ CSS ելքը։ Տես Plugins։

Package	What it adds
@pantoken/plugin-stacking	Կոչված z-index խորություններ որպես --instui-stacking-* token-ներ։
@pantoken/plugin-visual-debug	-with-visual-debug layout-debugging outline-ը։
@pantoken/plugin-simple-icons	Բրենդային նշաններ simple-icons-ից։
@pantoken/plugin-logos	Instructure պատկանող լոգոներ որպես SVG-ներ, data URI-ներ և image token-ներ։
@pantoken/plugin-prune-custom-props	PostCSS plugin, որը հեռացնում է չօգտագործվող custom properties։

Գործիքներ

Մոնոռեպոյի շինարարական, փաստաթղթավորման և դեմո ենթակառուցվածքը։ Շատերը ներքին են, բայց մի մասը ինքնուրույն է և գր documentación ենք տալիս այստեղ։

Package	What it does
@pantoken/aggregate	Ստեղծում է միասնական pantoken փաթեթի barrel-ը և exports իր կախվածություններից։
@pantoken/validate-generated	Drift gate—ստուգում է, որ յուրաքանչյուր գեներացված stylesheet-ը լուծվում է token IR-ի դեմ։
@pantoken/demo	Self-hosted live-demo runner՝ լուծում է @demo spec-ին iframe-ում և էմիտում է հին HTML/CSS/JS same-origin, token-թեմատիկ։
@cssdoc/core (external)	Ընդհանուր CSS փաստաթղթավորման արտահանող (TSDoc՝ CSS-ի համար): վերլուծում է doc-comments + CSS AST և վերադարձնում մի մոդել, որը docs-ը էմիտ անում որպես CSS API reference։ Գտնվում է առանձին ռեպոում; օգտագործվում է որպես link dependency։

@pantoken/validate-generated միանգամյա script է (կոչվում է pnpm run ready-ով), դրա համար API էջ չունի; մյուսները ունեն։

AI

Ծտրիրողական AI կազմաձևի ակտիվներ՝ սպառողին ուղղված։ Ավելին՝ այսները նախատեսված են այն նախագծերի համար, որոնք օգտագործում են pantoken-ն, ոչ թե pantoken-ի զարգացման համար։

• @pantoken/ai տեղադրում է AGENTS.md, llms.txt և assistant/editor կանոններ (Cursor, Copilot, Windsurf, Claude Code) սպառող ռեպոզիտորի մեջ։

Dev plugin-ներ

Պլագիններ, որոնք հեղինակվում են այնտեղ օգտագործվող գործիքների համար, խմբավորված հոստով։ Դրանք ինքնուրույն և հրապարակելի են։

Package	Plugs into
@pantoken/typedoc-plugin-demo	TypeDoc՝ @demo <provider>:<ref> block tag-ը վերածում է ներդրված դեմո fence-ի։
@pantoken/vite-workspace-orchestrator	Vite՝ վերակառուցում է upstream workspace փաթեթները (և կախվածները) երբ դրանց աղբյուրը փոխվում է։