@novi-ui/raster 0.2.0 → 0.4.0

package/dist/raster.scoped.css

@@ -1,4 +1,4 @@
-/* 自動生成。編集しないこと。src/tokens/raster-tokens.ts を変更して再生成する。 */
+/* 自動生成。編集しないこと。src/tokens/raster-tokens.ts と color-set.ts を変更して再生成する。 */
 
 @layer novi.base {
   [data-novi-theme='raster'] {
@@ -23,6 +23,7 @@
     --novi-duration-slow: 120ms;
     --novi-ease-standard: cubic-bezier(0.2, 0, 0, 1);
     --novi-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
+    --novi-hue: 268;
     --novi-color-bg: oklch(99% 0 0);
     --novi-color-subtle: oklch(96% 0 0);
     --novi-color-fg: oklch(20% 0 0);
@@ -32,9 +33,9 @@
     --novi-color-overlay: oklch(20% 0 0 / 0.45);
     --novi-color-default: oklch(96% 0 0);
     --novi-color-default-fg: oklch(20% 0 0);
-    --novi-color-primary: oklch(50% 0.19 265);
+    --novi-color-primary: oklch(44% 0.09 268);
     --novi-color-primary-fg: oklch(99% 0 0);
-    --novi-color-secondary: oklch(48% 0.15 300);
+    --novi-color-secondary: oklch(44% 0.09 35);
     --novi-color-secondary-fg: oklch(99% 0 0);
     --novi-color-success: oklch(47% 0.13 155);
     --novi-color-success-fg: oklch(99% 0 0);
@@ -42,6 +43,22 @@
     --novi-color-warning-fg: oklch(99% 0 0);
     --novi-color-danger: oklch(50% 0.19 27);
     --novi-color-danger-fg: oklch(99% 0 0);
+    --novi-swatch-ink: oklch(44% 0.09 268);
+    --novi-swatch-ink-fg: oklch(99% 0 0);
+    --novi-swatch-prussian: oklch(44% 0.09 235);
+    --novi-swatch-prussian-fg: oklch(99% 0 0);
+    --novi-swatch-forest: oklch(44% 0.09 160);
+    --novi-swatch-forest-fg: oklch(99% 0 0);
+    --novi-swatch-olive: oklch(44% 0.09 125);
+    --novi-swatch-olive-fg: oklch(99% 0 0);
+    --novi-swatch-ochre: oklch(44% 0.09 70);
+    --novi-swatch-ochre-fg: oklch(99% 0 0);
+    --novi-swatch-brick: oklch(44% 0.09 35);
+    --novi-swatch-brick-fg: oklch(99% 0 0);
+    --novi-swatch-bordeaux: oklch(44% 0.09 12);
+    --novi-swatch-bordeaux-fg: oklch(99% 0 0);
+    --novi-swatch-graphite: oklch(44% 0.02 270);
+    --novi-swatch-graphite-fg: oklch(99% 0 0);
   }
 
   [data-novi-theme='raster'][data-novi-scheme='dark'] {
@@ -54,9 +71,9 @@
     --novi-color-overlay: oklch(10% 0 0 / 0.6);
     --novi-color-default: oklch(25% 0 0);
     --novi-color-default-fg: oklch(95% 0 0);
-    --novi-color-primary: oklch(76% 0.13 265);
+    --novi-color-primary: oklch(74% 0.09 268);
     --novi-color-primary-fg: oklch(16% 0 0);
-    --novi-color-secondary: oklch(76% 0.12 300);
+    --novi-color-secondary: oklch(74% 0.09 35);
     --novi-color-secondary-fg: oklch(16% 0 0);
     --novi-color-success: oklch(77% 0.13 155);
     --novi-color-success-fg: oklch(16% 0 0);
@@ -64,6 +81,22 @@
     --novi-color-warning-fg: oklch(16% 0 0);
     --novi-color-danger: oklch(73% 0.16 27);
     --novi-color-danger-fg: oklch(16% 0 0);
+    --novi-swatch-ink: oklch(74% 0.09 268);
+    --novi-swatch-ink-fg: oklch(16% 0 0);
+    --novi-swatch-prussian: oklch(74% 0.09 235);
+    --novi-swatch-prussian-fg: oklch(16% 0 0);
+    --novi-swatch-forest: oklch(74% 0.09 160);
+    --novi-swatch-forest-fg: oklch(16% 0 0);
+    --novi-swatch-olive: oklch(74% 0.09 125);
+    --novi-swatch-olive-fg: oklch(16% 0 0);
+    --novi-swatch-ochre: oklch(74% 0.09 70);
+    --novi-swatch-ochre-fg: oklch(16% 0 0);
+    --novi-swatch-brick: oklch(74% 0.09 35);
+    --novi-swatch-brick-fg: oklch(16% 0 0);
+    --novi-swatch-bordeaux: oklch(74% 0.09 12);
+    --novi-swatch-bordeaux-fg: oklch(16% 0 0);
+    --novi-swatch-graphite: oklch(74% 0.017 270);
+    --novi-swatch-graphite-fg: oklch(16% 0 0);
   }
 
   @media (prefers-color-scheme: dark) {
@@ -77,9 +110,9 @@
       --novi-color-overlay: oklch(10% 0 0 / 0.6);
       --novi-color-default: oklch(25% 0 0);
       --novi-color-default-fg: oklch(95% 0 0);
-      --novi-color-primary: oklch(76% 0.13 265);
+      --novi-color-primary: oklch(74% 0.09 268);
       --novi-color-primary-fg: oklch(16% 0 0);
-      --novi-color-secondary: oklch(76% 0.12 300);
+      --novi-color-secondary: oklch(74% 0.09 35);
       --novi-color-secondary-fg: oklch(16% 0 0);
       --novi-color-success: oklch(77% 0.13 155);
       --novi-color-success-fg: oklch(16% 0 0);
@@ -87,6 +120,203 @@
       --novi-color-warning-fg: oklch(16% 0 0);
       --novi-color-danger: oklch(73% 0.16 27);
       --novi-color-danger-fg: oklch(16% 0 0);
+      --novi-swatch-ink: oklch(74% 0.09 268);
+      --novi-swatch-ink-fg: oklch(16% 0 0);
+      --novi-swatch-prussian: oklch(74% 0.09 235);
+      --novi-swatch-prussian-fg: oklch(16% 0 0);
+      --novi-swatch-forest: oklch(74% 0.09 160);
+      --novi-swatch-forest-fg: oklch(16% 0 0);
+      --novi-swatch-olive: oklch(74% 0.09 125);
+      --novi-swatch-olive-fg: oklch(16% 0 0);
+      --novi-swatch-ochre: oklch(74% 0.09 70);
+      --novi-swatch-ochre-fg: oklch(16% 0 0);
+      --novi-swatch-brick: oklch(74% 0.09 35);
+      --novi-swatch-brick-fg: oklch(16% 0 0);
+      --novi-swatch-bordeaux: oklch(74% 0.09 12);
+      --novi-swatch-bordeaux-fg: oklch(16% 0 0);
+      --novi-swatch-graphite: oklch(74% 0.017 270);
+      --novi-swatch-graphite-fg: oklch(16% 0 0);
+    }
+  }
+
+  /* ── カラーセット Print Inks（specs/06-tones-and-colors） ──
+     data-novi-color は data-novi-theme と同じ要素（テーマルート）に置く。
+     未知の色名はどれにも一致せず、既定色 Ink のまま描画される。 */
+  [data-novi-theme='raster'][data-novi-color='ink'] {
+    --novi-hue: 268;
+    --novi-color-primary: oklch(44% 0.09 268);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 35);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-color='prussian'] {
+    --novi-hue: 235;
+    --novi-color-primary: oklch(44% 0.09 235);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 70);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-color='forest'] {
+    --novi-hue: 160;
+    --novi-color-primary: oklch(44% 0.09 160);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 70);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-color='olive'] {
+    --novi-hue: 125;
+    --novi-color-primary: oklch(44% 0.09 125);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 268);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-color='ochre'] {
+    --novi-hue: 70;
+    --novi-color-primary: oklch(44% 0.09 70);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 235);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-color='brick'] {
+    --novi-hue: 35;
+    --novi-color-primary: oklch(44% 0.09 35);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 268);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-color='bordeaux'] {
+    --novi-hue: 12;
+    --novi-color-primary: oklch(44% 0.09 12);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 70);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-color='graphite'] {
+    --novi-hue: 270;
+    --novi-color-primary: oklch(44% 0.02 270);
+    --novi-color-primary-fg: oklch(99% 0 0);
+    --novi-color-secondary: oklch(44% 0.09 35);
+    --novi-color-secondary-fg: oklch(99% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='ink'] {
+    --novi-color-primary: oklch(74% 0.09 268);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 35);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='prussian'] {
+    --novi-color-primary: oklch(74% 0.09 235);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 70);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='forest'] {
+    --novi-color-primary: oklch(74% 0.09 160);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 70);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='olive'] {
+    --novi-color-primary: oklch(74% 0.09 125);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 268);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='ochre'] {
+    --novi-color-primary: oklch(74% 0.09 70);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 235);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='brick'] {
+    --novi-color-primary: oklch(74% 0.09 35);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 268);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='bordeaux'] {
+    --novi-color-primary: oklch(74% 0.09 12);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 70);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  [data-novi-theme='raster'][data-novi-scheme='dark'][data-novi-color='graphite'] {
+    --novi-color-primary: oklch(74% 0.017 270);
+    --novi-color-primary-fg: oklch(16% 0 0);
+    --novi-color-secondary: oklch(74% 0.09 35);
+    --novi-color-secondary-fg: oklch(16% 0 0);
+  }
+
+  @media (prefers-color-scheme: dark) {
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='ink'] {
+      --novi-color-primary: oklch(74% 0.09 268);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 35);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='prussian'] {
+      --novi-color-primary: oklch(74% 0.09 235);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 70);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='forest'] {
+      --novi-color-primary: oklch(74% 0.09 160);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 70);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='olive'] {
+      --novi-color-primary: oklch(74% 0.09 125);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 268);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='ochre'] {
+      --novi-color-primary: oklch(74% 0.09 70);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 235);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='brick'] {
+      --novi-color-primary: oklch(74% 0.09 35);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 268);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='bordeaux'] {
+      --novi-color-primary: oklch(74% 0.09 12);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 70);
+      --novi-color-secondary-fg: oklch(16% 0 0);
+    }
+
+    [data-novi-theme='raster']:not([data-novi-scheme='light'])[data-novi-color='graphite'] {
+      --novi-color-primary: oklch(74% 0.017 270);
+      --novi-color-primary-fg: oklch(16% 0 0);
+      --novi-color-secondary: oklch(74% 0.09 35);
+      --novi-color-secondary-fg: oklch(16% 0 0);
     }
   }
 }

package/dist/select/select.styles.d.mts

@@ -17,7 +17,7 @@ declare const selectStyles: import("tailwind-variants").TVReturnType<{
     trigger: string;
     option: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     trigger: string;
   }>;
 }, {
@@ -39,7 +39,7 @@ declare const selectStyles: import("tailwind-variants").TVReturnType<{
     trigger: string;
     option: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     trigger: string;
   }>;
 }, {
@@ -61,7 +61,7 @@ declare const selectStyles: import("tailwind-variants").TVReturnType<{
     trigger: string;
     option: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     trigger: string;
   }>;
 }, {

package/dist/skeleton/skeleton.styles.d.mts

@@ -7,19 +7,19 @@ import { VariantMap } from "@novi-ui/core";
  * const mySkeleton = tv({ extend: skeletonStyles, slots: { root: 'opacity-50' } })
  */
 declare const skeletonStyles: import("tailwind-variants").TVReturnType<{
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {
   root: string;
 }, undefined, {
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {
   root: string;
 }, import("tailwind-variants").TVReturnTypeLike<{
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {

package/dist/textarea/textarea.styles.d.mts

@@ -20,7 +20,7 @@ declare const textareaStyles: import("tailwind-variants").TVReturnType<{
     inputWrapper: string;
     textarea: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     inputWrapper: string;
   }>;
 }, {
@@ -38,7 +38,7 @@ declare const textareaStyles: import("tailwind-variants").TVReturnType<{
     inputWrapper: string;
     textarea: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     inputWrapper: string;
   }>;
 }, {
@@ -56,7 +56,7 @@ declare const textareaStyles: import("tailwind-variants").TVReturnType<{
     inputWrapper: string;
     textarea: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     inputWrapper: string;
   }>;
 }, {

package/dist/toast/toast.styles.d.mts

@@ -10,7 +10,7 @@ declare const toastStyles: import("tailwind-variants").TVReturnType<{
   color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
     root: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {
@@ -26,7 +26,7 @@ declare const toastStyles: import("tailwind-variants").TVReturnType<{
   color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
     root: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {
@@ -42,7 +42,7 @@ declare const toastStyles: import("tailwind-variants").TVReturnType<{
   color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
     root: string;
   }>;
-  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+  radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
     root: string;
   }>;
 }, {

package/dist/tokens/color-set.mjs

@@ -0,0 +1,106 @@
+//#region src/tokens/color-set.ts
+/**
+* Print Inks のトーン。
+* light の C 0.090 は、このセットでの色域上限 0.095（律速 Ochre）の 0.005 内側。
+*/
+const RASTER_TONE = {
+	light: {
+		l: 44,
+		c: .09
+	},
+	dark: {
+		l: 74,
+		c: .09
+	}
+};
+/**
+* 8色。全色が顔料・インクの実名を持つ。
+* 紫・青緑・ピンクは意図的に入れていない（Tactile のセット候補。入れない色で性格を作る）。
+*/
+const COLOR_DEFS = [
+	{
+		id: "ink",
+		name: "Ink",
+		hue: 268,
+		pair: "brick",
+		description: "万年筆の藍黒。書き物の色。既定色"
+	},
+	{
+		id: "prussian",
+		name: "Prussian",
+		hue: 235,
+		pair: "ochre",
+		description: "紺青。18世紀からある合成顔料の名"
+	},
+	{
+		id: "forest",
+		name: "Forest",
+		hue: 160,
+		pair: "ochre",
+		description: "深い常緑。製図インクの緑"
+	},
+	{
+		id: "olive",
+		name: "Olive",
+		hue: 125,
+		pair: "ink",
+		description: "オリーブドラブ。土に近い緑"
+	},
+	{
+		id: "ochre",
+		name: "Ochre",
+		hue: 70,
+		pair: "prussian",
+		description: "黄土。最古の顔料のひとつ"
+	},
+	{
+		id: "brick",
+		name: "Brick",
+		hue: 35,
+		pair: "ink",
+		description: "煉瓦の朱。スイスポスターの赤の末裔"
+	},
+	{
+		id: "bordeaux",
+		name: "Bordeaux",
+		hue: 12,
+		pair: "ochre",
+		description: "ワインの澱の赤"
+	},
+	{
+		id: "graphite",
+		name: "Graphite",
+		hue: 270,
+		pair: "brick",
+		description: "黒鉛。色を消すという選択肢",
+		fixedC: .02,
+		fixedCDark: .017
+	}
+];
+/** 文字色は地色と同じ値（bg light / bg dark）。面の上に地の色で書く、が Raster の約束。 */
+const PRIMARY_FG_LIGHT = "oklch(99% 0 0)";
+const PRIMARY_FG_DARK = "oklch(16% 0 0)";
+const oklch = (l, c, hue) => `oklch(${l}% ${c} ${hue})`;
+/**
+* 定義（hue と例外 C）とトーンから、実際の CSS 値を組み立てる。
+* テストが不正な色（域外の hue × C）を作って検査を確かめるのにも使う（AC-03-4）。
+*/
+function buildColorEntry(def, tone = RASTER_TONE) {
+	return {
+		...def,
+		light: {
+			primary: oklch(tone.light.l, def.fixedC ?? tone.light.c, def.hue),
+			primaryFg: PRIMARY_FG_LIGHT
+		},
+		dark: {
+			primary: oklch(tone.dark.l, def.fixedCDark ?? tone.dark.c, def.hue),
+			primaryFg: PRIMARY_FG_DARK
+		}
+	};
+}
+/** Print Inks の全8色（事前計算済み） */
+const RASTER_COLOR_SET = COLOR_DEFS.map((def) => buildColorEntry(def));
+//#endregion
+export { RASTER_COLOR_SET, RASTER_TONE, buildColorEntry };
+
+//# sourceMappingURL=color-set.mjs.map

package/dist/tokens/color-set.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-set.mjs","names":[],"sources":["../../src/tokens/color-set.ts"],"sourcesContent":["/**\n * Raster のカラーセット「Print Inks」とトーン。\n *\n * **specs/06-tones-and-colors が唯一の真実**で、ここはその写し。\n * 値を変えるときは spec を先に変える（Ask first — 全組み合わせの検査対象が変わるため）。\n *\n * トーン（L / C）はモデルが所有し、色は hue と名前だけを持つ（ADR-C01）。\n * 差し色は新しい色を作らず、同じセット内の別のインクを組む「2色刷り」（ADR-C03）。\n * 全値はここで事前計算し、生成器・テスト・IR が同じ計算結果を読む（ADR-C02）。\n */\n\nexport interface RasterTone {\n  /** OKLCH の L（% 単位の数値。44 = 44%） */\n  l: number\n  /** OKLCH の C */\n  c: number\n}\n\n/**\n * Print Inks のトーン。\n * light の C 0.090 は、このセットでの色域上限 0.095（律速 Ochre）の 0.005 内側。\n */\nexport const RASTER_TONE: { light: RasterTone; dark: RasterTone } = {\n  light: { l: 44, c: 0.09 },\n  dark: { l: 74, c: 0.09 },\n}\n\nexport interface RasterColorDef {\n  /** `data-novi-color` に指定する名前（kebab-case） */\n  id: string\n  /** 表示名 */\n  name: string\n  /** OKLCH の hue（度） */\n  hue: number\n  /** 2色刷りの相方。`--novi-color-secondary` にこの色の値が入る */\n  pair: string\n  /** 1行の出自。docs / llms / MCP が使う */\n  description: string\n  /** 無彩枠だけが持つ C の例外値（light） */\n  fixedC?: number\n  /** 同・dark */\n  fixedCDark?: number\n}\n\n/**\n * 8色。全色が顔料・インクの実名を持つ。\n * 紫・青緑・ピンクは意図的に入れていない（Tactile のセット候補。入れない色で性格を作る）。\n */\nconst COLOR_DEFS: readonly RasterColorDef[] = [\n  {\n    id: 'ink',\n    name: 'Ink',\n    hue: 268,\n    pair: 'brick',\n    description: '万年筆の藍黒。書き物の色。既定色',\n  },\n  {\n    id: 'prussian',\n    name: 'Prussian',\n    hue: 235,\n    pair: 'ochre',\n    description: '紺青。18世紀からある合成顔料の名',\n  },\n  {\n    id: 'forest',\n    name: 'Forest',\n    hue: 160,\n    pair: 'ochre',\n    description: '深い常緑。製図インクの緑',\n  },\n  { id: 'olive', name: 'Olive', hue: 125, pair: 'ink', description: 'オリーブドラブ。土に近い緑' },\n  {\n    id: 'ochre',\n    name: 'Ochre',\n    hue: 70,\n    pair: 'prussian',\n    description: '黄土。最古の顔料のひとつ',\n  },\n  {\n    id: 'brick',\n    name: 'Brick',\n    hue: 35,\n    pair: 'ink',\n    description: '煉瓦の朱。スイスポスターの赤の末裔',\n  },\n  { id: 'bordeaux', name: 'Bordeaux', hue: 12, pair: 'ochre', description: 'ワインの澱の赤' },\n  {\n    id: 'graphite',\n    name: 'Graphite',\n    hue: 270,\n    pair: 'brick',\n    description: '黒鉛。色を消すという選択肢',\n    fixedC: 0.02,\n    fixedCDark: 0.017,\n  },\n]\n\n/** `data-novi-color` 未指定・未知の名前のときに効く色（FR-05） */\nexport const DEFAULT_COLOR_ID = 'ink'\n\n/**\n * OKLCH → 線形 sRGB。\n * core の testing にも同じ変換があるが、あちらは文字列 API でテスト専用。\n * ここは生成器（Node 実行）からも呼ぶため、依存なしで持つ。\n */\nfunction toLinearSrgb(l: number, c: number, hue: number): [number, number, number] {\n  const rad = (hue * Math.PI) / 180\n  const a = c * Math.cos(rad)\n  const b = c * Math.sin(rad)\n\n  const lc = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3\n  const mc = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3\n  const sc = (l - 0.0894841775 * a - 1.291485548 * b) ** 3\n\n  return [\n    4.0767416621 * lc - 3.3077115913 * mc + 0.2309699292 * sc,\n    -1.2684380046 * lc + 2.6097574011 * mc - 0.3413193965 * sc,\n    -0.0041960863 * lc - 0.7034186147 * mc + 1.707614701 * sc,\n  ]\n}\n\n/**\n * その OKLCH が sRGB で再現できるか。\n *\n * トーンの天井はコントラストではなくこれが決める（暗く鮮やかな黄・青緑は sRGB に無い）。\n * 「表示はされるが実際は別の色に丸められている」を仕様上の合格にしないための検査。\n *\n * @param l 0〜1 の L（`parseOklch` の返り値と同じ単位）\n */\nexport function inSrgbGamut(l: number, c: number, hue: number): boolean {\n  const tolerance = 0.0005\n  return toLinearSrgb(l, c, hue).every((v) => v >= -tolerance && v <= 1 + tolerance)\n}\n\nexport interface RasterColorSchemeValues {\n  primary: string\n  primaryFg: string\n}\n\nexport interface RasterColorEntry extends RasterColorDef {\n  light: RasterColorSchemeValues\n  dark: RasterColorSchemeValues\n}\n\n/** 文字色は地色と同じ値（bg light / bg dark）。面の上に地の色で書く、が Raster の約束。 */\nconst PRIMARY_FG_LIGHT = 'oklch(99% 0 0)'\nconst PRIMARY_FG_DARK = 'oklch(16% 0 0)'\n\nconst oklch = (l: number, c: number, hue: number) => `oklch(${l}% ${c} ${hue})`\n\n/**\n * 定義（hue と例外 C）とトーンから、実際の CSS 値を組み立てる。\n * テストが不正な色（域外の hue × C）を作って検査を確かめるのにも使う（AC-03-4）。\n */\nexport function buildColorEntry(\n  def: RasterColorDef,\n  tone: { light: RasterTone; dark: RasterTone } = RASTER_TONE,\n): RasterColorEntry {\n  return {\n    ...def,\n    light: {\n      primary: oklch(tone.light.l, def.fixedC ?? tone.light.c, def.hue),\n      primaryFg: PRIMARY_FG_LIGHT,\n    },\n    dark: {\n      primary: oklch(tone.dark.l, def.fixedCDark ?? tone.dark.c, def.hue),\n      primaryFg: PRIMARY_FG_DARK,\n    },\n  }\n}\n\n/** Print Inks の全8色（事前計算済み） */\nexport const RASTER_COLOR_SET: readonly RasterColorEntry[] = COLOR_DEFS.map((def) =>\n  buildColorEntry(def),\n)\n\n/** @throws セットに無い id（相方の参照ミスは実行時ではなくここで死ぬべき） */\nexport function colorById(id: string): RasterColorEntry {\n  const entry = RASTER_COLOR_SET.find((c) => c.id === id)\n  if (entry === undefined) throw new Error(`Print Inks に無い色です: ${id}`)\n  return entry\n}\n"],"mappings":";;;;;AAsBA,MAAa,cAAuD;CAClE,OAAO;EAAE,GAAG;EAAI,GAAG;CAAK;CACxB,MAAM;EAAE,GAAG;EAAI,GAAG;CAAK;AACzB;;;;;AAuBA,MAAM,aAAwC;CAC5C;EACE,IAAI;EACJ,MAAM;EACN,KAAK;EACL,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,KAAK;EACL,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,KAAK;EACL,MAAM;EACN,aAAa;CACf;CACA;EAAE,IAAI;EAAS,MAAM;EAAS,KAAK;EAAK,MAAM;EAAO,aAAa;CAAgB;CAClF;EACE,IAAI;EACJ,MAAM;EACN,KAAK;EACL,MAAM;EACN,aAAa;CACf;CACA;EACE,IAAI;EACJ,MAAM;EACN,KAAK;EACL,MAAM;EACN,aAAa;CACf;CACA;EAAE,IAAI;EAAY,MAAM;EAAY,KAAK;EAAI,MAAM;EAAS,aAAa;CAAU;CACnF;EACE,IAAI;EACJ,MAAM;EACN,KAAK;EACL,MAAM;EACN,aAAa;EACb,QAAQ;EACR,YAAY;CACd;AACF;;AAkDA,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AAExB,MAAM,SAAS,GAAW,GAAW,QAAgB,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI;;;;;AAM7E,SAAgB,gBACd,KACA,OAAgD,aAC9B;CAClB,OAAO;EACL,GAAG;EACH,OAAO;GACL,SAAS,MAAM,KAAK,MAAM,GAAG,IAAI,UAAU,KAAK,MAAM,GAAG,IAAI,GAAG;GAChE,WAAW;EACb;EACA,MAAM;GACJ,SAAS,MAAM,KAAK,KAAK,GAAG,IAAI,cAAc,KAAK,KAAK,GAAG,IAAI,GAAG;GAClE,WAAW;EACb;CACF;AACF;;AAGA,MAAa,mBAAgD,WAAW,KAAK,QAC3E,gBAAgB,GAAG,CACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novi-ui/raster",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Novi UI theme 1 — minimal / Swiss. Sharp corners, no shadows, hairline rules, restrained motion.",
   "license": "MIT",
   "repository": {
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "tailwind-variants": "^3.3.1",
-    "@novi-ui/core": "0.1.1"
+    "@novi-ui/core": "0.2.0"
   },
   "devDependencies": {
     "@size-limit/preset-small-lib": "^13.0.3",
@@ -43,6 +43,7 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.2.4",
     "@vitest/coverage-v8": "^4.1.11",
+    "esbuild": "^0.25.0",
     "jsdom": "^30.0.1",
     "react": "^19.0.0",
     "react-aria-components": "^1.20.0",