Peta pakej

pantoken ialah monorepo pakej-pakej kecil berfungsi tunggal yang dikumpulkan ke dalam baldi. Pasang yang sesuai untuk tugas anda, atau pasang pakej terpadu pantoken dan import dari subpathnya (contohnya pantoken/css, pantoken/react, pantoken/tailwind).

Teras

Model kongsi dan transformer yang dibina oleh segala-galanya yang lain.

Package	What it does
@pantoken/model	Jenis TypeScript tanpa kebergantungan: bentuk Token dan kontrak plugin.
@pantoken/core	Menyelesaikan token dan ikon hulu ke IR kanonik, dan merender CSS.
@pantoken/tokens	IR yang diselesaikan disenaraikan sebagai JSON statik, setiap tema, serta sumber Tokens Studio mentah.
@pantoken/utils	Penyelesai token, regex rujukan, pembantu kes dan warna, pemeriksaan drift, dan pemancar token→kelas-utiliti.
@pantoken/plugin-kit	Membina dan menyusun plugin pantoken dengan definePlugin.
@pantoken/cli	pantoken generate <target> — terbitkan sumber natif dan untuk platform.

Format

Menukar token kepada format fail.

Package	Output
@pantoken/css	CSS berjenis @property dengan light-dark() dan ikon data-URI.
@pantoken/scss	Pembolehubah SCSS, diselesaikan kepada satu mod.
@pantoken/less	Pembolehubah Less.
@pantoken/stylus	Pembolehubah Stylus.
@pantoken/dtcg	Dokumen W3C Design Tokens (DTCG).
@pantoken/tokens	IR sebagai JavaScript dan JSON (juga disenaraikan di bawah Teras).
@pantoken/icons	Pandangan ergonomik ke atas token ikon.
@pantoken/icon-font	Fon web ikon (TTF, WOFF2) serta CSSnya.
@pantoken/components	Perpustakaan komponen CSS berpenampilan InstUI (butang, amaran, jadual, dan lain-lain) serta tetapan asas dengan cincin fokus, gaya prose, utiliti rentas-potong, dan fon jenama. Lihat Components.

Perender

Integrasi rangka kerja dan alat.

Package	For
@pantoken/react	Hook React, <Icon>, dan penyedia token.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Komponen web, dipautkan ke setiap rangka kerja.
@pantoken/react-native	Objek token mesra StyleSheet (tanpa pembolehubah CSS).
@pantoken/web-components	<instui-icon> dan primitif bergaya, bebas-rangka kerja.
@pantoken/astro	Persediaan token untuk laman Astro.
@pantoken/react-markdown, @pantoken/rehype	Token ikon dan swatch dalam Markdown.
@pantoken/markdown-it	Plugin markdown-it untuk kod ikon dan swatch warna.
@pantoken/css-in-js	Tema yang jenis-selamat untuk styled-components dan Emotion.
@pantoken/mui	Tema Material UI.
@pantoken/bootstrap, @pantoken/shadcn	Jambatan pembolehubah-CSS untuk Bootstrap dan shadcn/ui.
@pantoken/foundation	Gantian tetapan Sass dan lapisan CSS untuk Foundation.
@pantoken/docusaurus, @pantoken/vitepress	Tema untuk Docusaurus dan VitePress.
@pantoken/mintlify	Tema Mintlify docs.json (warna + latar).
@pantoken/storybook	Tema Storybook.
@pantoken/pendo	CSS global berpandukan Instructure untuk panduan Pendo.

Pengikat

Integrasi alat binaan.

Package	For
@pantoken/vite	Plugin Vite dengan modul maya dan suntikan CSS.
@pantoken/next	withPantoken untuk Next.js transpilePackages.
@pantoken/webpack	Plugin webpack.
@pantoken/postcss	@pantoken; at-rule.
@pantoken/tailwind	Preset Tailwind.
@pantoken/panda	Preset Panda CSS.

Platform

Sasaran natif dan penjana laman, diterbitkan oleh CLI atau API mereka sendiri.

Package	Output
@pantoken/swift	Sumber Swift serta draf manifest SwiftPM.
@pantoken/android	Sumber daya XML Android.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	Rust const untuk egui atau iced.
@pantoken/wordpress	Tema blok WordPress theme.json.
@pantoken/vanilla	variables.json untuk Vanilla Forums.
@pantoken/drupal	Aset tema Drupal.
@pantoken/hugo, @pantoken/jekyll	Data laman Hugo dan Jekyll.
@pantoken/email	Nilai mesra-inline untuk e-mel HTML.

Reka bentuk

Untuk alat reka bentuk.

Package	Output
@pantoken/figma	Muatan Figma Variables.
@pantoken/swatches	Swatch warna (ASE, GPL, Sketch) serta helaian spesimen SVG yang boleh dilihat.

Plugin

Transformasi pilihan yang mengembangkan token atau output CSS. Lihat Plugins.

Package	What it adds
@pantoken/plugin-stacking	Kedalaman z-index bernama sebagai token --instui-stacking-*.
@pantoken/plugin-visual-debug	Garis sempadan debugging susun atur -with-visual-debug.
@pantoken/plugin-simple-icons	Ikon jenama dari simple-icons.
@pantoken/plugin-logos	Logo produk Instructure sebagai SVG, data URI, dan token imej.
@pantoken/plugin-prune-custom-props	Plugin PostCSS yang membuang custom property yang tidak digunakan.

Alat

Infrastruktur binaan, dokumentasi, dan demo untuk monorepo itu sendiri. Kebanyakan dalaman, tetapi komponennya berdiri sendiri, jadi didokumentasikan di sini dan sebahagian dihantar ke npm sendiri.

Package	What it does
@pantoken/aggregate	Menghasilkan paket tong (barrel) pantoken yang terpadu dan exports dari kebergantungannya.
@pantoken/validate-generated	Pintu drift: memeriksa setiap stylesheet yang dihasilkan menyelesaikan terhadap IR token.
@pantoken/demo	Pemacu demo hidup sendiri-host: menyelesaikan spes @demo kepada iframe dan merender HTML/CSS/JS bare same-origin, bertema token.
@cssdoc/core (external)	Pengekstrak dokumentasi CSS generik (TSDoc, untuk CSS): mengurai komen-doc + AST CSS ke dalam model yang didokumenkan sebagai rujukan API CSS. Hidup dalam repo sendiri; digunakan melalui kebergantungan pautan.

@pantoken/validate-generated ialah skrip sekali-jalankan (dipanggil oleh pnpm run ready), jadi ia tiada halaman API; yang lain ada.

AI

Aset persediaan AI untuk pengguna. Ini untuk projek yang menggunakan pantoken, bukan untuk membangunkan pantoken itu sendiri.

• @pantoken/ai memasang AGENTS.md, llms.txt, dan peraturan pembantu/editor (Cursor, Copilot, Windsurf, Claude Code) ke dalam repositori pengguna.

Pemalam dev

Plugin yang ditulis untuk alat yang dibina bersama, dikelompokkan mengikut hos. Mereka berdiri sendiri dan boleh diterbitkan.

Package	Plugs into
@pantoken/typedoc-plugin-demo	TypeDoc: menukar tag blok @demo <provider>:<ref> menjadi pagar demo yang boleh disematkan.
@pantoken/vite-workspace-orchestrator	Vite: menyusun semula pakej workspace hulu (dan yang bergantung) apabila sumber mereka berubah.