מפת החבילות

pantoken הוא מונורפו של חבילות קטנות למטרה יחידה, מאורגנות בדליים. התקין את זו שמתאימה למשימה שלך, או התקין את החבילה המאוחדת pantoken וייבא מתתי-הנתיבים שלה (לדוגמה pantoken/css, pantoken/react, pantoken/tailwind).

ליבה

המודל המשותף וה-transformer שעליו הכל בנוי.

Package	What it does
@pantoken/model	טיפוסי TypeScript ללא תלות חיצונית: הצורה Token וחוזה התוסף.
@pantoken/core	פותר את הטוקנים והאייקונים הממקוריים ל-IR הקנוני, ומייצר CSS.
@pantoken/tokens	ה-IR הממופה שנמכר כ-JSON סטטי, לפי נושא, בנוסף למקור Tokens Studio הגולמי.
@pantoken/utils	הפותר של הטוקנים, רגקסים להפניות, עזרי כתיבה ומקרה וצבע, בדיקות סטייה, ומפיצי token→utility-class.
@pantoken/plugin-kit	בנייה והרכבת תוספי pantoken עם definePlugin.
@pantoken/cli	pantoken generate <target> — מפיק מקור לפלטפורמות ולשפות מקור.

פורמטים

הפיכת הטוקנים לפורמט קובץ.

Package	Output
@pantoken/css	CSS ממויין לפי @property עם טיפוסי light-dark() ואייקונים ב-data-URI.
@pantoken/scss	משתני SCSS, מומשים למצב יחיד.
@pantoken/less	משתני Less.
@pantoken/stylus	משתני Stylus.
@pantoken/dtcg	מסמך W3C Design Tokens (DTCG).
@pantoken/tokens	ה-IR כ-JavaScript ו-JSON (גם מוזכר תחת Core).
@pantoken/icons	מבט ארגונומי על טוקני האייקונים.
@pantoken/icon-font	גופן ווב של אייקונים (TTF, WOFF2) ותוספת ה-CSS שלו.
@pantoken/components	ספריית קומפוננטות CSS בסגנון InstUI (כפתור, התראה, טבלה ועוד) בנוסף לאיפוס בסיסי עם טבעת מיקוד, עיצוב פרוזה, שירותים רוחביים וגופני המותג. ראה Components.

רנדררים

אינטגרציות למסגרות וכלים.

Package	For
@pantoken/react	hooks ל-React, <Icon>, וספק טוקנים.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	הרכיב ווב, מחובר לכל מסגרת.
@pantoken/react-native	אובייקטי טוקנים ידידותיים ל-StyleSheet (ללא משתני CSS).
@pantoken/web-components	<instui-icon> ופרימיטיבים מעוצבים, מותאמים למסגרות.
@pantoken/astro	הגדרת טוקנים לאתרים ב-Astro.
@pantoken/react-markdown, @pantoken/rehype	טוקני אייקונים ודגימות צבע במארקדאון.
@pantoken/markdown-it	תוסף markdown-it לקודי אייקונים ודגמי צבע.
@pantoken/css-in-js	תמה טיפוסית ל-styled-components ו-Emotion.
@pantoken/mui	נושא ל-Material UI.
@pantoken/bootstrap, @pantoken/shadcn	גשרים המבוססים על משתני CSS ל-Bootstrap ול-shadcn/ui.
@pantoken/foundation	ביטול הגדרות Sass ו-layer של CSS ל-Foundation.
@pantoken/docusaurus, @pantoken/vitepress	נושאים ל-Docusaurus ו-VitePress.
@pantoken/mintlify	נושא Mintlify docs.json (צבעים + רקע).
@pantoken/storybook	נושא ל-Storybook.
@pantoken/pendo	CSS גלובלי בסגנון Instructure למדריכי Pendo.

בנדלרים

אינטגרציות לכלי בנייה.

Package	For
@pantoken/vite	תוסף Vite עם מודולים וירטואליים והזרקת CSS.
@pantoken/next	withPantoken ל-Next.js transpilePackages.
@pantoken/webpack	תוסף webpack.
@pantoken/postcss	כלל at-rule של @pantoken;.
@pantoken/tailwind	פריסט של Tailwind.
@pantoken/panda	פריסט של Panda CSS.

פלטפורמות

יעדי שפת מקור וגנרטורים לאתרים, מופקים על ידי ה-CLI או ה-API של כל אחד.

Package	Output
@pantoken/swift	מקור Swift בתוספת טיוטת SwiftPM.
@pantoken/android	משאבים ב-XML ל-Android.
@pantoken/compose	Jetpack Compose בקוטלין.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	consts ברסט לשימוש ב-egui או iced.
@pantoken/wordpress	ערכת נושא ל-WordPress theme.json.
@pantoken/vanilla	variables.json ל-Vanilla Forums.
@pantoken/drupal	נכסי נושא ל-Drupal.
@pantoken/hugo, @pantoken/jekyll	נתוני אתר ל-Hugo ו-Jekyll.
@pantoken/email	ערכים ידידותיים לאימייל HTML.

עיצוב

לכלי עיצוב.

Package	Output
@pantoken/figma	חבילת Figma Variables.
@pantoken/swatches	דגימות צבע (ASE, GPL, Sketch) בנוסף לגליון דגימה SVG שניתן לצפות בו.

תוספים

טרנספורמים אופציונליים שמרחיבים את פלט הטוקנים או ה-CSS. ראה Plugins.

Package	What it adds
@pantoken/plugin-stacking	עומקי z-index ממונים כש-token--instui-stacking-*.
@pantoken/plugin-visual-debug	קו מתאר לדיבוג פריסת -with-visual-debug.
@pantoken/plugin-simple-icons	אייקוני מותגים מ-simple-icons.
@pantoken/plugin-logos	לוגואים של מוצרי Instructure כ-SVG, data URIs, וטוקני תמונה.
@pantoken/plugin-prune-custom-props	תוסף PostCSS שמסיר custom properties שלא בשימוש.

כלים

תשתית בנייה, מסמכים ודמו עבור המונורפו עצמו. רובם פנימיים, אך החלקים עצמאיים ולכן מתועדים כאן וחלקם מתפרסמים ל-npm כיחידות נפרדות.

Package	What it does
@pantoken/aggregate	מייצר את חבילת ה-barrel המאוחדת pantoken ואת exports מתוך התלויות שלה.
@pantoken/validate-generated	שער ה-drift: בודק שכל גיליון הסטייל המיוצר מתפרש כנגד ה-IR של הטוקנים.
@pantoken/demo	ראנר דמו self-hosted: פותר תקינה @demo לאייפריים ומציג HTML/CSS/JS נקי מאותו מקור, מותאם לנושא הטוקנים.
@cssdoc/core (external)	מאיץ חילוץ תיעוד CSS כללי (TSDoc עבור CSS): מפענח תגובות דוקומנטציה + AST של CSS למודל שהדוקס מפיקים ממנו את התיעוד של ה-API של ה-CSS. שוכן בריפו משלו; נצרך כ-dependency מקושר.

@pantoken/validate-generated הוא סקריפט הרצה-אחת (מוזמן על ידי pnpm run ready), ולכן אין לו דף API; לשאר החבילות יש דפי API.

AI

נכסי הגדרה לצרכני AI. אלה לשימוש בפרויקטים שמשתמשים ב-pantoken, לא לפיתוח pantoken עצמו.

• @pantoken/ai מתקין AGENTS.md, llms.txt, וכללי עוזר/עורך (Cursor, Copilot, Windsurf, Claude Code) למאגר צרכן.

תוספי פיתוח

תוספים שאנחנו מפתחים לכלים שבהם אנו עובדים, מקובצים לפי המארח. הם עצמאיים וניתנים לפרסום בנפרד.

Package	Plugs into
@pantoken/typedoc-plugin-demo	TypeDoc: הופך תגית בלוק @demo <provider>:<ref> לתגיית דמו ניתנת להשתלה.
@pantoken/vite-workspace-orchestrator	Vite: בונה מחדש חבילות upstream של ה-workspace (והתלויות) כאשר המקור שלהן משתנה.