Paket haritası

pantoken, kovalar halinde gruplanmış, küçük ve tek amaçlı paketlerden oluşan bir monorepo'dur. Görevinize uyanı yükleyin veya birleşik pantoken paketini yükleyip alt yollarından içe aktarın (örneğin pantoken/css, pantoken/react, pantoken/tailwind).

Çekirdek

Diğer her şeyin üzerine inşa edildiği paylaşılan model ve dönüştürücü.

Package	Ne yapar
@pantoken/model	Bağımlılık gerektirmeyen TypeScript türleri: Token şekli ve eklenti sözleşmesi.
@pantoken/core	Yukarı akış tokenlerini ve ikonları canonical IR'ye çözer ve CSS oluşturur.
@pantoken/tokens	Temaya göre satatik JSON olarak vendor'lanmış çözümlenmiş IR ve ham Tokens Studio kaynağı.
@pantoken/utils	Token çözücüsü, referans regex'leri, büyük/küçük harf ve renk yardımcıları, drift kontrolleri ve token→utility-class emitter'ları.
@pantoken/plugin-kit	definePlugin ile pantoken eklentileri oluşturma ve birleştirme.
@pantoken/cli	pantoken generate <target> — yerel ve platform kaynaklarını üretir.

Formatlar

Token'ları bir dosya formatına dönüştürme.

Package	Çıktı
@pantoken/css	@property tipli CSS, light-dark() ve data-URI ikonlarla.
@pantoken/scss	Tek moda çözümlenmiş SCSS değişkenleri.
@pantoken/less	Less değişkenleri.
@pantoken/stylus	Stylus değişkenleri.
@pantoken/dtcg	Bir W3C Design Tokens (DTCG) dokümanı.
@pantoken/tokens	JavaScript ve JSON olarak IR (Çekirdek altında da listelenir).
@pantoken/icons	İkon token'ları üzerinde ergonomik bir görünüm.
@pantoken/icon-font	Bir ikon web fontu (TTF, WOFF2) ve ilgili CSS.
@pantoken/components	Bir InstUI görünümlü CSS bileşen kütüphanesi (buton, uyarı, tablo ve daha fazlası) artı odak halkası, yazı stili, yatay-kesit yardımcıları ve marka fontları içeren temel bir sıfırlama. Bkz. Components.

Renderer'lar

Çerçeve ve araç entegrasyonları.

Package	İçin
@pantoken/react	React hook'ları, <Icon> ve bir token sağlayıcı.
@pantoken/vue, @pantoken/svelte, @pantoken/angular	Her çerçeveye bağlanmış web bileşeni.
@pantoken/react-native	StyleSheet-dostu token nesneleri (CSS değişkeni yok).
@pantoken/web-components	<instui-icon> ve stilize edilmiş ilkel bileşenler, çerçeve-agnostik.
@pantoken/astro	Astro siteleri için token kurulumu.
@pantoken/react-markdown, @pantoken/rehype	Markdown içinde ikon token'ları ve renk örnekleri.
@pantoken/markdown-it	İkon kodları ve renk örnekleri için markdown-it eklentisi.
@pantoken/css-in-js	styled-components ve Emotion için tip-güvenli bir tema.
@pantoken/mui	Bir Material UI teması.
@pantoken/bootstrap, @pantoken/shadcn	Bootstrap ve shadcn/ui için CSS-değişken köprüleri.
@pantoken/foundation	Foundation için bir Sass ayar geçersiz kılma ve CSS üstü katman.
@pantoken/docusaurus, @pantoken/vitepress	Docusaurus ve VitePress için temalar.
@pantoken/mintlify	Bir Mintlify docs.json teması (renkler + arka plan).
@pantoken/storybook	Bir Storybook teması.
@pantoken/pendo	Pendo rehberleri için Instructure-stylized global CSS.

Paketleyiciler

Build-aracı entegrasyonları.

Package	İçin
@pantoken/vite	Sanal modüller ve CSS enjeksiyonu ile bir Vite eklentisi.
@pantoken/next	Next.js için withPantoken transpilePackages.
@pantoken/webpack	Bir webpack eklentisi.
@pantoken/postcss	@pantoken; at-kuralı.
@pantoken/tailwind	Bir Tailwind ön ayarı.
@pantoken/panda	Bir Panda CSS ön ayarı.

Platformlar

CLI veya kendi API'leri tarafından üretilen yerel ve site-generator hedefleri.

Package	Çıktı
@pantoken/swift	Swift kaynakları ve bir SwiftPM manifest taslağı.
@pantoken/android	Android XML kaynakları.
@pantoken/compose	Jetpack Compose Kotlin.
@pantoken/flutter	Flutter Dart.
@pantoken/rust	egui veya iced için Rust const'ları.
@pantoken/wordpress	Bir WordPress block-theme theme.json.
@pantoken/vanilla	Bir Vanilla Forums variables.json.
@pantoken/drupal	Drupal tema varlıkları.
@pantoken/hugo, @pantoken/jekyll	Hugo ve Jekyll site verileri.
@pantoken/email	HTML e-posta için inline-dostu değerler.

Tasarım

Tasarım araçları için.

Package	Çıktı
@pantoken/figma	Bir Figma Variables yükü.
@pantoken/swatches	Renk örnekleri (ASE, GPL, Sketch) artı görüntülenebilir bir SVG örnek sayfası.

Eklentiler

Token veya CSS çıktısını genişleten isteğe bağlı dönüştürmeler. Bkz. Plugins.

Package	Ne ekler
@pantoken/plugin-stacking	İsimlendirilmiş z-index derinlikleri olarak --instui-stacking-* token'ları.
@pantoken/plugin-visual-debug	-with-visual-debug düzen-hata ayıklama konturunu.
@pantoken/plugin-simple-icons	simple-icons'tan marka ikonları.
@pantoken/plugin-logos	Instructure ürün logoları SVG olarak, data URI ve görüntü token'ları şeklinde.
@pantoken/plugin-prune-custom-props	Kullanılmayan custom property'leri düşüren bir PostCSS eklentisi.

Araçlar

Monorepo'nun kendisi için derleme, dokümantasyon ve demo altyapısı. Çoğu dahili olsa da parçalar kendi başına çalışır, bu yüzden burada belgeliyoruz ve bazıları npm'e de gönderilir.

Package	Ne yapar
@pantoken/aggregate	Birleşik pantoken paket varilini ve bağımlılıklarından exports üretir.
@pantoken/validate-generated	Drift kapısı: üretilen her stil sayfasının token IR'ye göre çözümlendiğini kontrol eder.
@pantoken/demo	Self-hosted canlı demo çalıştırıcısı: bir @demo spesifikasyonunu iframe'e çözer ve aynı-kaynakta çıplak HTML/CSS/JS olarak token-temalı render eder.
@cssdoc/core (harici)	Genel bir CSS dokümantasyon çıkarıcı (TSDoc, CSS için): doc-comment'leri + CSS AST'sini, dokümanların CSS API referansı olarak yaydığı bir modele parse eder. Kendi deposunda yaşar; link bağımlılığıyla tüketilir.

@pantoken/validate-generated bir kez çalıştırılan bir betiktir ( pnpm run ready tarafından çağrılır), bu yüzden bir API sayfası yoktur; diğerlerinin vardır.

AI

Tüketiciye yönelik AI kurulum varlıkları. Bunlar pantoken kullanan projeler içindir, pantoken geliştirmek için değildir.

• @pantoken/ai AGENTS.md, llms.txt ve asistan/düzenleyici kurallarını (Cursor, Copilot, Windsurf, Claude Code) bir tüketici deposuna kurar.

Geliştirici eklentileri

Kullandığımız araçlar için yazdığımız eklentiler, host'a göre gruplanmış. Bağımsızdırlar ve yayınlanabilirler.

Package	Hangi araca takılır
@pantoken/typedoc-plugin-demo	TypeDoc: bir @demo <provider>:<ref> blok etiketini gömülebilir bir demo kafesi haline getirir.
@pantoken/vite-workspace-orchestrator	Vite: upstream workspace paketlerini (ve bağımlılarını) kaynak değiştiğinde yeniden derler.