パッケージマップ

pantoken は小さな単一目的パッケージをバケットにまとめたモノレポです。用途に合うパッケージをインストールするか、統合された pantoken パッケージをインストールしてサブパスからインポートしてください（例: pantoken/css, pantoken/react, pantoken/tailwind）。

コア

他のすべてが構築する共有モデルとトランスフォーマー。

Package	機能
@pantoken/model	依存ゼロの TypeScript 型: Token 形状とプラグイン契約。
@pantoken/core	上流のトークンとアイコンを正規の IR に解決し、CSS をレンダリングします。
@pantoken/tokens	解決済み IR をテーマごとの静的 JSON として、及び Tokens Studio の生ソースとして提供します。
@pantoken/utils	トークンリゾルバ、参照用正規表現、ケースと色のヘルパー、ドリフトチェック、トークン→ユーティリティクラスのエミッタ。
@pantoken/plugin-kit	definePlugin を使って pantoken プラグインを構築・合成します。
@pantoken/cli	pantoken generate <target> — ネイティブおよびプラットフォーム向けソースを出力します。

フォーマット

トークンをファイル形式に変換します。

Package	出力
@pantoken/css	@property 型付けされた CSS、light-dark()、およびデータURIアイコン。
@pantoken/scss	単一モードに解決された SCSS 変数。
@pantoken/less	Less 変数。
@pantoken/stylus	Stylus 変数。
@pantoken/dtcg	W3C Design Tokens (DTCG) ドキュメント。
@pantoken/tokens	JavaScript と JSON としての IR（コアにも記載）。
@pantoken/icons	アイコントークンを扱いやすく表示するためのビュー。
@pantoken/icon-font	アイコンウェブフォント（TTF、WOFF2）とその CSS。
@pantoken/components	InstUI 風の CSS コンポーネントライブラリ（button、alert、table 等）と、フォーカスリングを含むベースリセット、プローズスタイリング、共通ユーティリティ、ブランドフォントを含みます。詳細は Components を参照。

レンダラー

フレームワークとツールの統合。

Package	用途
@pantoken/react	React フック、<Icon>、およびトークンプライド。
@pantoken/vue, @pantoken/svelte, @pantoken/angular	各フレームワークに接続された Web コンポーネント。
@pantoken/react-native	StyleSheet に適したトークンオブジェクト（CSS 変数を使わない）。
@pantoken/web-components	<instui-icon> とスタイル付きプリミティブ、フレームワーク非依存。
@pantoken/astro	Astro サイト向けのトークンセットアップ。
@pantoken/react-markdown, @pantoken/rehype	Markdown 内のアイコントークンとスウォッチ。
@pantoken/markdown-it	アイコンコードとカラースウォッチ用の markdown-it プラグイン。
@pantoken/css-in-js	styled-components と Emotion 用の型安全なテーマ。
@pantoken/mui	Material UI テーマ。
@pantoken/bootstrap, @pantoken/shadcn	Bootstrap と shadcn/ui 向けの CSS 変数ブリッジ。
@pantoken/foundation	Foundation 向けの Sass 設定オーバーライドと CSS オーバーレイ。
@pantoken/docusaurus, @pantoken/vitepress	Docusaurus と VitePress 用のテーマ。
@pantoken/mintlify	Mintlify 用の docs.json テーマ（色と背景）。
@pantoken/storybook	Storybook テーマ。
@pantoken/pendo	Pendo ガイド向けの Instructure スタイルのグローバル CSS。

バンドラー

ビルドツールとの統合。

Package	用途
@pantoken/vite	仮想モジュールと CSS 注入を備えた Vite プラグイン。
@pantoken/next	Next.js 用の withPantoken transpilePackages。
@pantoken/webpack	webpack プラグイン。
@pantoken/postcss	@pantoken; at-rule。
@pantoken/tailwind	Tailwind プリセット。
@pantoken/panda	Panda CSS プリセット。

プラットフォーム

CLI またはそれぞれの API によって出力されるネイティブおよびサイトジェネレータターゲット。

Package	出力
@pantoken/swift	Swift ソースと SwiftPM マニフェストのスタブ。
@pantoken/android	Android XML リソース。
@pantoken/compose	Jetpack Compose の Kotlin。
@pantoken/flutter	Flutter の Dart。
@pantoken/rust	egui や iced 向けの Rust 定数。
@pantoken/wordpress	WordPress ブロックテーマ theme.json。
@pantoken/vanilla	Vanilla Forums variables.json。
@pantoken/drupal	Drupal テーマアセット。
@pantoken/hugo, @pantoken/jekyll	Hugo と Jekyll 用のサイトデータ。
@pantoken/email	HTML メール向けのインライン対応値。

デザイン

デザインツール向け。

Package	出力
@pantoken/figma	Figma Variables のペイロード。
@pantoken/swatches	カラースウォッチ（ASE、GPL、Sketch）と表示可能な SVG サンプルシート。

プラグイン

トークンや CSS 出力を拡張するオプショントランスフォーム。詳細は Plugins を参照。

Package	追加される機能
@pantoken/plugin-stacking	--instui-stacking-* トークンとして名付けられた z-index 深度。
@pantoken/plugin-visual-debug	-with-visual-debug レイアウトデバッグ用のアウトライン。
@pantoken/plugin-simple-icons	simple-icons 由来のブランドアイコン。
@pantoken/plugin-logos	Instructure 製品ロゴを SVG、データURI、および画像トークンとして。
@pantoken/plugin-prune-custom-props	未使用のカスタムプロパティを削除する PostCSS プラグイン。

ツール

モノレポ自体のビルド、ドキュメント、デモのインフラ。大部分は内部用ですが、個別に公開される部品もあるためここで説明します。

Package	機能の説明
@pantoken/aggregate	統合された pantoken パッケージのバレルと、その依存から exports を生成します。
@pantoken/validate-generated	ドリフトゲート: 生成されたすべてのスタイルシートがトークン IR に対して解決されるかをチェックします。
@pantoken/demo	セルフホストのライブデモランナー: @demo 仕様を iframe に解決し、シンプルな HTML/CSS/JS を同一オリジンでレンダリングし、トークンテーマを適用します。
@cssdoc/core (external)	汎用の CSS ドキュメント抽出器（CSS 用の TSDoc）: ドックコメントと CSS AST を解析して、ドキュメントが CSS API リファレンスとして出力するモデルを生成します。独自のリポジトリで管理され、リンク依存として消費されます。

@pantoken/validate-generated は一度だけ実行されるスクリプト（pnpm run ready によって呼び出される）なので API ページはなく、その他のパッケージにはあります。

AI

消費者向け AI セットアップ資産。これらは pantoken を利用するプロジェクト向けで、pantoken 自体の開発用ではありません。

• @pantoken/ai は AGENTS.md、llms.txt、およびアシスタント/エディタルール（Cursor、Copilot、Windsurf、Claude Code）を消費者リポジトリにインストールします。

開発用プラグイン

使用するホスト別にグループ化された、我々が作成するツール用プラグイン。スタンドアロンで公開可能です。

Package	対応ホスト
@pantoken/typedoc-plugin-demo	TypeDoc: @demo <provider>:<ref> ブロックタグを埋め込み可能なデモフェンスに変換します。
@pantoken/vite-workspace-orchestrator	Vite: 上流ワークスペースパッケージ（と依存パッケージ）をソース変更時に再ビルドします。