@lt-three/love3 0.0.0 → 0.1.0

package/dist/tokens/styles.gen.css

@@ -0,0 +1,250 @@
+/*
+ * このファイルは生成物。直接編集しない。
+ * ソース: design/love3/src/tokens/definition.ts
+ * 再生成: bun run generate（design/love3 で）
+ */
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  /*
+   * 生トークン: 文字のランプと、背景の階層
+   * 文字は 3 段（主 = ink-900 / 副 = ink-700 / 補助 = ink-500）。背景は frame ＜ paper ＜ raised ＜ overlay の順に「手前」になる。
+   * ダークは別パレットではなくロールの反転で、純黒でなく青みのある near-black の階層にする。
+   */
+  --ink-1000: #0f1012; /* 最も強い文字 */
+  --ink-900: #1b1c20; /* 見出し・主要テキスト */
+  --ink-700: #40434a; /* 本文（副） */
+  --ink-500: #676b74; /* 補助・ミュート、プレースホルダ */
+  --ink-300: #a3a6ad; /* 無効、薄いラベル */
+  --line: #e6e7eb; /* 1px の極薄の枠・区切り線 */
+  --line-strong: #d5d7dd; /* テキスト入力の枠・強めの枠（3:1 には届かない既知の例外。操作部品の枠は line-control） */
+  --line-control: #80858f; /* 未選択の Checkbox / Radio / Switch の枠。どの面の上でも 3:1 以上（非テキストの AA） */
+  --frame: #f4f5f7; /* 外枠・サイドバー・ページのキャンバス */
+  --paper: #ffffff; /* 本文パネル（基本背景） */
+  --raised: #ffffff; /* カード・入力・secondary ボタンの面 */
+  --overlay: #ffffff; /* ポップオーバー・ダイアログ・メニュー */
+  --wash: #f1f2f4; /* hover・zebra 用の淡い面 */
+  --scrim: rgba(0, 0, 0, 0.32); /* モーダルのスクリム。ブラー無し */
+  --shadow-color: rgba(16, 24, 40, 0.1); /* 影の色。shadow-xs〜2xl が参照する */
+
+  /*
+   * 主操作の色（インディゴ）
+   * 主操作・フォーカス・選択状態に使う落ち着いたインディゴ。ライト・ダークで同じ値。
+   * 塗り（action）の上の文字は action-foreground（白）。暗い面の上に action を「文字・リンク」として置くと AA に届かないので、
+   * 文字には action-ink を使う。hover は塗りを少し深くする（白文字の AA を保つ）。
+   */
+  --action: #5e6ad2; /* 主操作の塗り・ring */
+  --action-hover: #5059c2; /* 主操作の hover */
+  --action-foreground: #ffffff;
+  --action-ink: #4a55c0; /* 文字・リンクとして置くインディゴ */
+
+  /*
+   * ブランド色（<3 / Less Than Three）
+   * インディゴの外にあるブランド色で、`<3` variant を持つコンポーネントだけが使う。
+   * 文字は黒（白は 2.98:1 で AA に届かず、黒なら余裕で超える）。ダークでも反転させない。
+   */
+  --lt-three: #ff5c76;
+  --lt-three-foreground: #000000;
+
+  /*
+   * セマンティック状態
+   * 文字・枠・小アイコンに使い、バッジやアラートでは `bg-state-xxx/10` 程度の淡い塗りも使える。
+   * ソリッドの塗りは破壊的操作の主操作（destructive-solid）だけ。ダークは near-black 上で読めるよう明るくする。
+   */
+  --state-success: #187548;
+  --state-error: #c42b3a;
+  --state-warning: #8f5f00;
+  --destructive-solid: #c42b3a; /* 破壊的操作の塗り（ソリッド）。上の文字は destructive-solid-foreground（白）。state-error は文字用で、暗い面では明るく、塗りには向かない */
+  --destructive-solid-foreground: #ffffff;
+
+  /*
+   * 書体
+   * 欧文は Geist、数字・ID・コード・データテーブルは Geist Mono、和文は OS 同梱の游ゴシック。
+   * --font-geist に generic (sans-serif) を含めない（含めると合成スタックで和文フォールバックより前に generic が現れ、和文が游ゴシックに届かなくなる）。
+   * フォント実体の読み込みはプラットフォームごとに行う（web は woff2、native は expo-font で ttf）。
+   */
+  --font-geist: "Geist Variable", "Geist";
+  --font-geist-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
+  --font-jp: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
+  --font-mono: var(--font-geist-mono);
+
+  /*
+   * セマンティックトークン（shadcn 互換のエイリアス）
+   * 生トークンを var() で参照するので、生トークンを差し替えるだけで体系全体（ダーク含む）が連動する。
+   */
+  --background: var(--paper); /* 本文パネル */
+  --foreground: var(--ink-900);
+  --card: var(--raised); /* カードは raised 面 + 薄い枠（影なし） */
+  --card-foreground: var(--ink-900);
+  --popover: var(--overlay); /* 浮くもの（ポップオーバー・メニュー・ダイアログ） */
+  --popover-foreground: var(--ink-900);
+  --primary: var(--action); /* 主操作のインディゴ塗り（web・native 共通） */
+  --primary-foreground: var(--action-foreground);
+  --secondary: var(--wash); /* secondary・accent・muted は wash */
+  --secondary-foreground: var(--ink-900);
+  --muted: var(--wash);
+  --muted-foreground: var(--ink-500);
+  --accent: var(--wash);
+  --accent-foreground: var(--ink-900);
+  --destructive: var(--state-error); /* native が使う（文字・枠の state-error）。web の破壊的操作の塗りは destructive-solid */
+  --destructive-foreground: var(--paper);
+  --border: var(--line);
+  --input: var(--line-strong);
+  --ring: var(--action); /* フォーカスはインディゴのリング */
+  --chart-1: #5e6ad2; /* チャートは色を使う。ダークでも読める 5 色 */
+  --chart-2: #1f9d6a;
+  --chart-3: #bd7100;
+  --chart-4: #d6495c;
+  --chart-5: #7a8194;
+  --section: var(--frame); /* ページ・ブロックのキャンバス */
+  --radius: 6px; /* shadcn 互換の基準の角丸。control（6px）と同じ値 */
+  --sidebar: var(--frame);
+  --sidebar-foreground: var(--ink-900);
+  --sidebar-primary: var(--action);
+  --sidebar-primary-foreground: var(--action-foreground);
+  --sidebar-accent: var(--wash);
+  --sidebar-accent-foreground: var(--ink-900);
+  --sidebar-border: var(--line);
+  --sidebar-ring: var(--action);
+}
+
+.dark {
+  --ink-1000: #f7f8f8; /* 最も強い文字 */
+  --ink-900: #eceef0; /* 見出し・主要テキスト */
+  --ink-700: #cfd3da; /* 本文（副） */
+  --ink-500: #8a8f98; /* 補助・ミュート、プレースホルダ */
+  --ink-300: #5b5f67; /* 無効、薄いラベル */
+  --line: #25272c; /* 1px の極薄の枠・区切り線 */
+  --line-strong: #34363d; /* テキスト入力の枠・強めの枠（3:1 には届かない既知の例外。操作部品の枠は line-control） */
+  --line-control: #6b707a; /* 未選択の Checkbox / Radio / Switch の枠。どの面の上でも 3:1 以上（非テキストの AA） */
+  --frame: #0a0b0d; /* 外枠・サイドバー・ページのキャンバス */
+  --paper: #121316; /* 本文パネル（基本背景） */
+  --raised: #17181c; /* カード・入力・secondary ボタンの面 */
+  --overlay: #1d1e23; /* ポップオーバー・ダイアログ・メニュー */
+  --wash: #1b1c20; /* hover・zebra 用の淡い面 */
+  --scrim: rgba(0, 0, 0, 0.72); /* モーダルのスクリム。ブラー無し */
+  --shadow-color: rgba(0, 0, 0, 0.7); /* 影の色。shadow-xs〜2xl が参照する */
+  --action-ink: #98a2f5; /* 文字・リンクとして置くインディゴ */
+  --state-success: #4cc38a;
+  --state-error: #f2707f;
+  --state-warning: #e0a53a;
+  --destructive-solid: #cf3345; /* 破壊的操作の塗り（ソリッド）。上の文字は destructive-solid-foreground（白）。state-error は文字用で、暗い面では明るく、塗りには向かない */
+  --chart-1: #7c86e8; /* チャートは色を使う。ダークでも読める 5 色 */
+  --chart-2: #4cc38a;
+  --chart-3: #e5a23f;
+  --chart-4: #f2707f;
+  --chart-5: #9aa1b3;
+}
+
+.theme-light {
+  --ink-1000: #0f1012; /* 最も強い文字 */
+  --ink-900: #1b1c20; /* 見出し・主要テキスト */
+  --ink-700: #40434a; /* 本文（副） */
+  --ink-500: #676b74; /* 補助・ミュート、プレースホルダ */
+  --ink-300: #a3a6ad; /* 無効、薄いラベル */
+  --line: #e6e7eb; /* 1px の極薄の枠・区切り線 */
+  --line-strong: #d5d7dd; /* テキスト入力の枠・強めの枠（3:1 には届かない既知の例外。操作部品の枠は line-control） */
+  --line-control: #80858f; /* 未選択の Checkbox / Radio / Switch の枠。どの面の上でも 3:1 以上（非テキストの AA） */
+  --frame: #f4f5f7; /* 外枠・サイドバー・ページのキャンバス */
+  --paper: #ffffff; /* 本文パネル（基本背景） */
+  --raised: #ffffff; /* カード・入力・secondary ボタンの面 */
+  --overlay: #ffffff; /* ポップオーバー・ダイアログ・メニュー */
+  --wash: #f1f2f4; /* hover・zebra 用の淡い面 */
+  --scrim: rgba(0, 0, 0, 0.32); /* モーダルのスクリム。ブラー無し */
+  --shadow-color: rgba(16, 24, 40, 0.1); /* 影の色。shadow-xs〜2xl が参照する */
+  --action-ink: #4a55c0; /* 文字・リンクとして置くインディゴ */
+  --state-success: #187548;
+  --state-error: #c42b3a;
+  --state-warning: #8f5f00;
+  --destructive-solid: #c42b3a; /* 破壊的操作の塗り（ソリッド）。上の文字は destructive-solid-foreground（白）。state-error は文字用で、暗い面では明るく、塗りには向かない */
+  --chart-1: #5e6ad2; /* チャートは色を使う。ダークでも読める 5 色 */
+  --chart-2: #1f9d6a;
+  --chart-3: #bd7100;
+  --chart-4: #d6495c;
+  --chart-5: #7a8194;
+}
+
+@theme inline {
+  --color-ink-1000: var(--ink-1000);
+  --color-ink-900: var(--ink-900);
+  --color-ink-700: var(--ink-700);
+  --color-ink-500: var(--ink-500);
+  --color-ink-300: var(--ink-300);
+  --color-line: var(--line);
+  --color-line-strong: var(--line-strong);
+  --color-line-control: var(--line-control);
+  --color-frame: var(--frame);
+  --color-paper: var(--paper);
+  --color-raised: var(--raised);
+  --color-overlay: var(--overlay);
+  --color-wash: var(--wash);
+  --color-scrim: var(--scrim);
+  --color-action: var(--action);
+  --color-action-hover: var(--action-hover);
+  --color-action-foreground: var(--action-foreground);
+  --color-action-ink: var(--action-ink);
+  --color-lt-three: var(--lt-three);
+  --color-lt-three-foreground: var(--lt-three-foreground);
+  --color-state-success: var(--state-success);
+  --color-state-error: var(--state-error);
+  --color-state-warning: var(--state-warning);
+  --color-destructive-solid: var(--destructive-solid);
+  --color-destructive-solid-foreground: var(--destructive-solid-foreground);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-section: var(--section);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --font-primary: var(--font-geist), var(--font-jp), sans-serif;
+  --font-sans: var(--font-geist), var(--font-jp), sans-serif;
+  --font-serif: var(--font-geist), var(--font-jp), sans-serif;
+  --font-mono: var(--font-geist-mono);
+  --font-geist: var(--font-geist);
+  --font-geist-mono: var(--font-geist-mono);
+  --font-jp: var(--font-jp);
+}
+
+@theme {
+  --radius-control: 6px;
+  --radius-surface: 10px;
+  --shadow-2xs: 0 1px 1px var(--shadow-color);
+  --shadow-xs: 0 1px 2px var(--shadow-color);
+  --shadow-sm: 0 1px 3px var(--shadow-color);
+  --shadow-md: 0 4px 12px var(--shadow-color);
+  --shadow-lg: 0 12px 32px var(--shadow-color);
+  --shadow-xl: 0 16px 40px var(--shadow-color);
+  --shadow-2xl: 0 24px 56px var(--shadow-color);
+  --shadow-inner: inset 0 1px 2px var(--shadow-color);
+  --text-body: 14px;
+  --text-body--line-height: 22px;
+}

package/dist/tokens/tokens.gen.d.ts

@@ -0,0 +1,141 @@
+//#region src/tokens/tokens.gen.d.ts
+/** love3 のトークン名（先頭の `--` を除いた CSS 変数名）。 */
+export declare const tokenNames: readonly ["ink-1000", "ink-900", "ink-700", "ink-500", "ink-300", "line", "line-strong", "line-control", "frame", "paper", "raised", "overlay", "wash", "scrim", "shadow-color", "action", "action-hover", "action-foreground", "action-ink", "lt-three", "lt-three-foreground", "state-success", "state-error", "state-warning", "destructive-solid", "destructive-solid-foreground", "font-geist", "font-geist-mono", "font-jp", "font-mono", "background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "section", "radius", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
+export type TokenName = (typeof tokenNames)[number];
+export type TokenValues = Readonly<Record<TokenName, string>>;
+/** `var()` を解決した実値。ダークは上書きを重ねた全トークン。 */
+export declare const tokens: {
+  readonly light: {
+    readonly "ink-1000": "#0f1012";
+    readonly "ink-900": "#1b1c20";
+    readonly "ink-700": "#40434a";
+    readonly "ink-500": "#676b74";
+    readonly "ink-300": "#a3a6ad";
+    readonly line: "#e6e7eb";
+    readonly "line-strong": "#d5d7dd";
+    readonly "line-control": "#80858f";
+    readonly frame: "#f4f5f7";
+    readonly paper: "#ffffff";
+    readonly raised: "#ffffff";
+    readonly overlay: "#ffffff";
+    readonly wash: "#f1f2f4";
+    readonly scrim: "rgba(0, 0, 0, 0.32)";
+    readonly "shadow-color": "rgba(16, 24, 40, 0.1)";
+    readonly action: "#5e6ad2";
+    readonly "action-hover": "#5059c2";
+    readonly "action-foreground": "#ffffff";
+    readonly "action-ink": "#4a55c0";
+    readonly "lt-three": "#ff5c76";
+    readonly "lt-three-foreground": "#000000";
+    readonly "state-success": "#187548";
+    readonly "state-error": "#c42b3a";
+    readonly "state-warning": "#8f5f00";
+    readonly "destructive-solid": "#c42b3a";
+    readonly "destructive-solid-foreground": "#ffffff";
+    readonly "font-geist": "\"Geist Variable\", \"Geist\"";
+    readonly "font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly "font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif";
+    readonly "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly background: "#ffffff";
+    readonly foreground: "#1b1c20";
+    readonly card: "#ffffff";
+    readonly "card-foreground": "#1b1c20";
+    readonly popover: "#ffffff";
+    readonly "popover-foreground": "#1b1c20";
+    readonly primary: "#5e6ad2";
+    readonly "primary-foreground": "#ffffff";
+    readonly secondary: "#f1f2f4";
+    readonly "secondary-foreground": "#1b1c20";
+    readonly muted: "#f1f2f4";
+    readonly "muted-foreground": "#676b74";
+    readonly accent: "#f1f2f4";
+    readonly "accent-foreground": "#1b1c20";
+    readonly destructive: "#c42b3a";
+    readonly "destructive-foreground": "#ffffff";
+    readonly border: "#e6e7eb";
+    readonly input: "#d5d7dd";
+    readonly ring: "#5e6ad2";
+    readonly "chart-1": "#5e6ad2";
+    readonly "chart-2": "#1f9d6a";
+    readonly "chart-3": "#bd7100";
+    readonly "chart-4": "#d6495c";
+    readonly "chart-5": "#7a8194";
+    readonly section: "#f4f5f7";
+    readonly radius: "6px";
+    readonly sidebar: "#f4f5f7";
+    readonly "sidebar-foreground": "#1b1c20";
+    readonly "sidebar-primary": "#5e6ad2";
+    readonly "sidebar-primary-foreground": "#ffffff";
+    readonly "sidebar-accent": "#f1f2f4";
+    readonly "sidebar-accent-foreground": "#1b1c20";
+    readonly "sidebar-border": "#e6e7eb";
+    readonly "sidebar-ring": "#5e6ad2";
+  };
+  readonly dark: {
+    readonly "ink-1000": "#f7f8f8";
+    readonly "ink-900": "#eceef0";
+    readonly "ink-700": "#cfd3da";
+    readonly "ink-500": "#8a8f98";
+    readonly "ink-300": "#5b5f67";
+    readonly line: "#25272c";
+    readonly "line-strong": "#34363d";
+    readonly "line-control": "#6b707a";
+    readonly frame: "#0a0b0d";
+    readonly paper: "#121316";
+    readonly raised: "#17181c";
+    readonly overlay: "#1d1e23";
+    readonly wash: "#1b1c20";
+    readonly scrim: "rgba(0, 0, 0, 0.72)";
+    readonly "shadow-color": "rgba(0, 0, 0, 0.7)";
+    readonly action: "#5e6ad2";
+    readonly "action-hover": "#5059c2";
+    readonly "action-foreground": "#ffffff";
+    readonly "action-ink": "#98a2f5";
+    readonly "lt-three": "#ff5c76";
+    readonly "lt-three-foreground": "#000000";
+    readonly "state-success": "#4cc38a";
+    readonly "state-error": "#f2707f";
+    readonly "state-warning": "#e0a53a";
+    readonly "destructive-solid": "#cf3345";
+    readonly "destructive-solid-foreground": "#ffffff";
+    readonly "font-geist": "\"Geist Variable\", \"Geist\"";
+    readonly "font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly "font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif";
+    readonly "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace";
+    readonly background: "#121316";
+    readonly foreground: "#eceef0";
+    readonly card: "#17181c";
+    readonly "card-foreground": "#eceef0";
+    readonly popover: "#1d1e23";
+    readonly "popover-foreground": "#eceef0";
+    readonly primary: "#5e6ad2";
+    readonly "primary-foreground": "#ffffff";
+    readonly secondary: "#1b1c20";
+    readonly "secondary-foreground": "#eceef0";
+    readonly muted: "#1b1c20";
+    readonly "muted-foreground": "#8a8f98";
+    readonly accent: "#1b1c20";
+    readonly "accent-foreground": "#eceef0";
+    readonly destructive: "#f2707f";
+    readonly "destructive-foreground": "#121316";
+    readonly border: "#25272c";
+    readonly input: "#34363d";
+    readonly ring: "#5e6ad2";
+    readonly "chart-1": "#7c86e8";
+    readonly "chart-2": "#4cc38a";
+    readonly "chart-3": "#e5a23f";
+    readonly "chart-4": "#f2707f";
+    readonly "chart-5": "#9aa1b3";
+    readonly section: "#0a0b0d";
+    readonly radius: "6px";
+    readonly sidebar: "#0a0b0d";
+    readonly "sidebar-foreground": "#eceef0";
+    readonly "sidebar-primary": "#5e6ad2";
+    readonly "sidebar-primary-foreground": "#ffffff";
+    readonly "sidebar-accent": "#1b1c20";
+    readonly "sidebar-accent-foreground": "#eceef0";
+    readonly "sidebar-border": "#25272c";
+    readonly "sidebar-ring": "#5e6ad2";
+  };
+};
+//#endregion

package/dist/tokens/tokens.gen.js

@@ -0,0 +1,206 @@
+//#region src/tokens/tokens.gen.ts
+/** love3 のトークン名（先頭の `--` を除いた CSS 変数名）。 */
+const tokenNames = [
+	"ink-1000",
+	"ink-900",
+	"ink-700",
+	"ink-500",
+	"ink-300",
+	"line",
+	"line-strong",
+	"line-control",
+	"frame",
+	"paper",
+	"raised",
+	"overlay",
+	"wash",
+	"scrim",
+	"shadow-color",
+	"action",
+	"action-hover",
+	"action-foreground",
+	"action-ink",
+	"lt-three",
+	"lt-three-foreground",
+	"state-success",
+	"state-error",
+	"state-warning",
+	"destructive-solid",
+	"destructive-solid-foreground",
+	"font-geist",
+	"font-geist-mono",
+	"font-jp",
+	"font-mono",
+	"background",
+	"foreground",
+	"card",
+	"card-foreground",
+	"popover",
+	"popover-foreground",
+	"primary",
+	"primary-foreground",
+	"secondary",
+	"secondary-foreground",
+	"muted",
+	"muted-foreground",
+	"accent",
+	"accent-foreground",
+	"destructive",
+	"destructive-foreground",
+	"border",
+	"input",
+	"ring",
+	"chart-1",
+	"chart-2",
+	"chart-3",
+	"chart-4",
+	"chart-5",
+	"section",
+	"radius",
+	"sidebar",
+	"sidebar-foreground",
+	"sidebar-primary",
+	"sidebar-primary-foreground",
+	"sidebar-accent",
+	"sidebar-accent-foreground",
+	"sidebar-border",
+	"sidebar-ring"
+];
+/** `var()` を解決した実値。ダークは上書きを重ねた全トークン。 */
+const tokens = {
+	light: {
+		"ink-1000": "#0f1012",
+		"ink-900": "#1b1c20",
+		"ink-700": "#40434a",
+		"ink-500": "#676b74",
+		"ink-300": "#a3a6ad",
+		"line": "#e6e7eb",
+		"line-strong": "#d5d7dd",
+		"line-control": "#80858f",
+		"frame": "#f4f5f7",
+		"paper": "#ffffff",
+		"raised": "#ffffff",
+		"overlay": "#ffffff",
+		"wash": "#f1f2f4",
+		"scrim": "rgba(0, 0, 0, 0.32)",
+		"shadow-color": "rgba(16, 24, 40, 0.1)",
+		"action": "#5e6ad2",
+		"action-hover": "#5059c2",
+		"action-foreground": "#ffffff",
+		"action-ink": "#4a55c0",
+		"lt-three": "#ff5c76",
+		"lt-three-foreground": "#000000",
+		"state-success": "#187548",
+		"state-error": "#c42b3a",
+		"state-warning": "#8f5f00",
+		"destructive-solid": "#c42b3a",
+		"destructive-solid-foreground": "#ffffff",
+		"font-geist": "\"Geist Variable\", \"Geist\"",
+		"font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif",
+		"font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"background": "#ffffff",
+		"foreground": "#1b1c20",
+		"card": "#ffffff",
+		"card-foreground": "#1b1c20",
+		"popover": "#ffffff",
+		"popover-foreground": "#1b1c20",
+		"primary": "#5e6ad2",
+		"primary-foreground": "#ffffff",
+		"secondary": "#f1f2f4",
+		"secondary-foreground": "#1b1c20",
+		"muted": "#f1f2f4",
+		"muted-foreground": "#676b74",
+		"accent": "#f1f2f4",
+		"accent-foreground": "#1b1c20",
+		"destructive": "#c42b3a",
+		"destructive-foreground": "#ffffff",
+		"border": "#e6e7eb",
+		"input": "#d5d7dd",
+		"ring": "#5e6ad2",
+		"chart-1": "#5e6ad2",
+		"chart-2": "#1f9d6a",
+		"chart-3": "#bd7100",
+		"chart-4": "#d6495c",
+		"chart-5": "#7a8194",
+		"section": "#f4f5f7",
+		"radius": "6px",
+		"sidebar": "#f4f5f7",
+		"sidebar-foreground": "#1b1c20",
+		"sidebar-primary": "#5e6ad2",
+		"sidebar-primary-foreground": "#ffffff",
+		"sidebar-accent": "#f1f2f4",
+		"sidebar-accent-foreground": "#1b1c20",
+		"sidebar-border": "#e6e7eb",
+		"sidebar-ring": "#5e6ad2"
+	},
+	dark: {
+		"ink-1000": "#f7f8f8",
+		"ink-900": "#eceef0",
+		"ink-700": "#cfd3da",
+		"ink-500": "#8a8f98",
+		"ink-300": "#5b5f67",
+		"line": "#25272c",
+		"line-strong": "#34363d",
+		"line-control": "#6b707a",
+		"frame": "#0a0b0d",
+		"paper": "#121316",
+		"raised": "#17181c",
+		"overlay": "#1d1e23",
+		"wash": "#1b1c20",
+		"scrim": "rgba(0, 0, 0, 0.72)",
+		"shadow-color": "rgba(0, 0, 0, 0.7)",
+		"action": "#5e6ad2",
+		"action-hover": "#5059c2",
+		"action-foreground": "#ffffff",
+		"action-ink": "#98a2f5",
+		"lt-three": "#ff5c76",
+		"lt-three-foreground": "#000000",
+		"state-success": "#4cc38a",
+		"state-error": "#f2707f",
+		"state-warning": "#e0a53a",
+		"destructive-solid": "#cf3345",
+		"destructive-solid-foreground": "#ffffff",
+		"font-geist": "\"Geist Variable\", \"Geist\"",
+		"font-geist-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"font-jp": "\"Yu Gothic Medium\", \"游ゴシック Medium\", YuGothic, \"游ゴシック体\", \"游ゴシック\", \"Yu Gothic\", sans-serif",
+		"font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
+		"background": "#121316",
+		"foreground": "#eceef0",
+		"card": "#17181c",
+		"card-foreground": "#eceef0",
+		"popover": "#1d1e23",
+		"popover-foreground": "#eceef0",
+		"primary": "#5e6ad2",
+		"primary-foreground": "#ffffff",
+		"secondary": "#1b1c20",
+		"secondary-foreground": "#eceef0",
+		"muted": "#1b1c20",
+		"muted-foreground": "#8a8f98",
+		"accent": "#1b1c20",
+		"accent-foreground": "#eceef0",
+		"destructive": "#f2707f",
+		"destructive-foreground": "#121316",
+		"border": "#25272c",
+		"input": "#34363d",
+		"ring": "#5e6ad2",
+		"chart-1": "#7c86e8",
+		"chart-2": "#4cc38a",
+		"chart-3": "#e5a23f",
+		"chart-4": "#f2707f",
+		"chart-5": "#9aa1b3",
+		"section": "#0a0b0d",
+		"radius": "6px",
+		"sidebar": "#0a0b0d",
+		"sidebar-foreground": "#eceef0",
+		"sidebar-primary": "#5e6ad2",
+		"sidebar-primary-foreground": "#ffffff",
+		"sidebar-accent": "#1b1c20",
+		"sidebar-accent-foreground": "#eceef0",
+		"sidebar-border": "#25272c",
+		"sidebar-ring": "#5e6ad2"
+	}
+};
+
+//#endregion
+export { tokenNames, tokens };

package/dist/tuning/catalog.d.ts

@@ -0,0 +1,27 @@
+import { ColorToken, Mode, TuningCatalog } from "./types.js";
+//#region src/tuning/catalog.d.ts
+/**
+ * 定義から、調整の対象を作る。
+ *
+ * - 色のトークン: 値が色のリテラル（`#…`・`rgba(…)`）のもの。名前の接頭辞でランプ・主操作・ブランド・状態・チャートに分ける
+ * - セマンティックの既定の参照先: **生成された CSS の `:root`** から読む（`--background: var(--paper)`）。
+ *   `tokens` は `var()` を解決した実値なので、参照先は残らない。CSS が実際に走る値なので、これを正にする
+ * - 本文サイズ: CSS の `@theme` の `--text-body` / `--text-body--line-height`
+ *
+ * 読めなければ投げる（既定の形が変わって、この読み取りが古くなったことを黙って見逃さない）。
+ */
+export declare function buildCatalog({ tokens, tokenNames, css }: {
+  tokens: Readonly<Record<Mode, Readonly<Record<string, string>>>>;
+  tokenNames: readonly string[];
+  css: string;
+}): TuningCatalog;
+export declare function findColor(catalog: TuningCatalog, name: string): ColorToken | undefined;
+/**
+ * `buildCatalog` を、失敗しても投げずに返す。生成 CSS の形が変わって読み取りが古くなったとき、**調整だけを無効にして**ほかの画面を動かす
+ * （`error` に理由。調整の対象が空のカタログを返すので、調整は何も効かない）。呼ぶ側が `error` を表示・記録する。
+ */
+export declare function buildCatalogSafe(input: Parameters<typeof buildCatalog>[0]): {
+  catalog: TuningCatalog;
+  error: string | null;
+};
+//#endregion

package/dist/tuning/catalog.gen.d.ts

@@ -0,0 +1,4 @@
+import { TuningCatalog } from "./types.js";
+//#region src/tuning/catalog.gen.d.ts
+export declare const catalog: TuningCatalog;
+//#endregion