@theokit/ui 0.13.0 → 0.14.0

package/dist/{plugin-D5xmXqYb.d.ts → plugin-Atb0VKtr.d.ts}

@@ -169,4 +169,4 @@ interface PluginComposer {
  */
 declare function composePlugins(plugins: SlidePlugin[]): PluginComposer;
 
-export { type MergedSanitizeExtensions as M, type PluginComposer as P, type SlideFrontmatter as S, type SlideInput as a, type SlidePlugin as b, type SlideSanitizeExtension as c, type SlideValidationError as d, type SlideValidationErrorCode as e, composePlugins as f, slideInput as g, slideTheme as h, slideFrontmatter as s };
+export { type MergedSanitizeExtensions as M, type PluginComposer as P, type SlideValidationError as S, type SlidePlugin as a, type SlideFrontmatter as b, type SlideInput as c, type SlideSanitizeExtension as d, type SlideValidationErrorCode as e, composePlugins as f, slideInput as g, slideTheme as h, slideFrontmatter as s };

package/dist/preset-v3-legacy.js

@@ -1,7 +1,7 @@
 import animate from 'tailwindcss-animate';
 
 // src/styles/tailwind-preset.ts
-var hsl = (token) => `hsl(var(${token}) / <alpha-value>)`;
+var hsl = (token) => `oklch(from var(${token}) l c h / <alpha-value>)`;
 var theoUIPreset = {
   theme: {
     container: {

package/dist/preset-v3-legacy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles/tailwind-preset.ts","../src/preset-v3-legacy.ts"],"names":[],"mappings":";;;AA+BA,IAAM,GAAA,GAAM,CAAC,KAAA,KAAkB,CAAA,QAAA,EAAW,KAAK,CAAA,kBAAA,CAAA;AAExC,IAAM,YAAA,GAAgC;AAAA,EAC3C,KAAA,EAAO;AAAA,IACL,SAAA,EAAW;AAAA,MACT,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAS,MAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,UAAA,EAAY,IAAI,cAAc,CAAA;AAAA,QAC9B,UAAA,EAAY,IAAI,cAAc,CAAA;AAAA,QAC9B,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,IAAI,QAAQ,CAAA;AAAA,UACrB,UAAA,EAAY,IAAI,mBAAmB;AAAA,SACrC;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,IAAI,WAAW,CAAA;AAAA,UACxB,UAAA,EAAY,IAAI,sBAAsB;AAAA,SACxC;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,IAAI,WAAW,CAAA;AAAA,UACxB,IAAA,EAAM,IAAI,gBAAgB,CAAA;AAAA,UAC1B,IAAA,EAAM,IAAI,gBAAgB,CAAA;AAAA,UAC1B,UAAA,EAAY,IAAI,sBAAsB;AAAA,SACxC;AAAA,QACA,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,IAAI,aAAa,CAAA;AAAA,UAC1B,UAAA,EAAY,IAAI,wBAAwB;AAAA,SAC1C;AAAA,QACA,MAAA,EAAQ;AAAA,UACN,OAAA,EAAS,IAAI,UAAU,CAAA;AAAA,UACvB,IAAA,EAAM,IAAI,eAAe,CAAA;AAAA,UACzB,UAAA,EAAY,IAAI,qBAAqB;AAAA,SACvC;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,IAAI,SAAS,CAAA;AAAA,UACtB,UAAA,EAAY,IAAI,oBAAoB;AAAA,SACtC;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,IAAI,WAAW,CAAA;AAAA,UACxB,UAAA,EAAY,IAAI,sBAAsB;AAAA,SACxC;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,IAAI,WAAW,CAAA;AAAA,UACxB,UAAA,EAAY,IAAI,sBAAsB;AAAA,SACxC;AAAA,QACA,WAAA,EAAa;AAAA,UACX,OAAA,EAAS,IAAI,eAAe,CAAA;AAAA,UAC5B,UAAA,EAAY,IAAI,0BAA0B;AAAA,SAC5C;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,IAAI,QAAQ,CAAA;AAAA,UACrB,UAAA,EAAY,IAAI,mBAAmB;AAAA,SACrC;AAAA,QACA,MAAA,EAAQ,IAAI,UAAU,CAAA;AAAA,QACtB,KAAA,EAAO,IAAI,SAAS,CAAA;AAAA,QACpB,IAAA,EAAM,IAAI,QAAQ;AAAA,OACpB;AAAA,MACA,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,qBAAA;AAAA,QACT,IAAA,EAAM,kBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOA,QAAA,EAAU;AAAA;AAAA,QAER,aAAA,EAAe,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,KAAK,aAAA,EAAe,WAAA,EAAa,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,QAC1F,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,QAAQ,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,QAC1F,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,QACzF,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,QACzF,QAAA,EAAU,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,QAAQ,aAAA,EAAe,UAAA,EAAY,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA;AAAA,QAEvF,UAAA,EAAY,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,QAAQ,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,QACxF,UAAA,EAAY,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,OAAO,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKvF,SAAA,EAAW,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,QAAQ,aAAA,EAAe,SAAA,EAAW,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,QACvF,SAAA,EAAW,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,QAAQ,aAAA,EAAe,GAAA,EAAK,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,QACjF,SAAA,EAAW,CAAC,MAAA,EAAQ,EAAE,YAAY,MAAA,EAAQ,UAAA,EAAY,OAAO,CAAA;AAAA;AAAA,QAE7D,KAAA,EAAO,CAAC,MAAA,EAAQ,EAAE,YAAY,MAAA,EAAQ,UAAA,EAAY,OAAO,CAAA;AAAA,QACzD,YAAA,EAAc,CAAC,MAAA,EAAQ,EAAE,UAAA,EAAY,QAAQ,aAAA,EAAe,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA;AAAA,QAEzF,SAAA,EAAW,CAAC,MAAA,EAAQ,EAAE,YAAY,KAAA,EAAO,UAAA,EAAY,OAAO,CAAA;AAAA,QAC5D,SAAA,EAAW,CAAC,MAAA,EAAQ,EAAE,YAAY,MAAA,EAAQ,UAAA,EAAY,OAAO;AAAA,OAC/D;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,IAAA,EAAM,oBAAA;AAAA,QACN,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,KAAA,EAAO,mBAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,IAAA,EAAM,oBAAA;AAAA,QACN,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,wBAAA,EAA0B;AAAA,QACxB,UAAA,EAAY,sBAAA;AAAA,QACZ,IAAA,EAAM;AAAA,OACR;AAAA,MACA,kBAAA,EAAoB;AAAA,QAClB,IAAA,EAAM,sBAAA;AAAA,QACN,IAAA,EAAM,sBAAA;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,YAAA,EAAc;AAAA,UACZ,IAAA,EAAM,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,iBAAA,EAAkB;AAAA,UACnD,MAAA,EAAQ,EAAE,OAAA,EAAS,GAAA,EAAK,WAAW,eAAA;AAAgB,SACrD;AAAA,QACA,YAAA,EAAc;AAAA,UACZ,UAAA,EAAY,EAAE,SAAA,EAAW,mCAAA,EAAoC;AAAA,UAC7D,KAAA,EAAO,EAAE,SAAA,EAAW,mCAAA;AAAoC;AAC1D,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,YAAA,EAAc,2DAAA;AAAA,QACd,YAAA,EAAc;AAAA;AAChB;AACF,GACF;AAAA,EACA,OAAA,EAAS,CAAC,OAAO;AACnB,CAAA;;;AC1IA,IAAM,qBAAA,GAAkC;AAAA;AAAA,EAEtC,mDAAA;AAAA;AAAA,EAEA;AACF,CAAA;AASA,IAAM,MAAA,GAAS;AAAA,EACb,GAAG,YAAA;AAAA,EACH,OAAA,EAAS;AACX,CAAA;AAEA,IAAO,wBAAA,GAAQ","file":"preset-v3-legacy.js","sourcesContent":["/**\n * Theo UI Tailwind preset — Violet Forge identity.\n *\n * Single source of truth for the design system's utility-level tokens:\n *   - colors mapped to CSS variables (HSL split via `hsl(var(--x) / <alpha>)`)\n *   - Geist-inspired typescale (display / title / body / label / code tiers)\n *   - radii, shadows, motion timing & duration, keyframes\n *   - tailwindcss-animate plugin\n *\n * Consumed by:\n *   - `tailwind.config.ts` (this repo) via `presets: [theoUIPreset]`\n *   - registry/r/tailwind-preset.json (shipped to consumers via shadcn CLI)\n *\n * Consumers integrate as:\n *\n *   import type { Config } from \"tailwindcss\";\n *   import { theoUIPreset } from \"./styles/tailwind-preset\";\n *\n *   export default {\n *     darkMode: \"class\",\n *     content: [\"./src/**\\/*.{ts,tsx}\"],\n *     presets: [theoUIPreset],\n *   } satisfies Config;\n *\n * Note: `darkMode` and `content` are NOT in the preset — they are consumer\n * decisions. The preset only contains `theme.extend.*` and `plugins`.\n */\n\nimport type { Config } from \"tailwindcss\";\nimport animate from \"tailwindcss-animate\";\n\nconst hsl = (token: string) => `hsl(var(${token}) / <alpha-value>)`;\n\nexport const theoUIPreset: Partial<Config> = {\n  theme: {\n    container: {\n      center: true,\n      padding: \"1rem\",\n      screens: {\n        \"2xl\": \"1280px\",\n      },\n    },\n    extend: {\n      colors: {\n        background: hsl(\"--background\"),\n        foreground: hsl(\"--foreground\"),\n        card: {\n          DEFAULT: hsl(\"--card\"),\n          foreground: hsl(\"--card-foreground\"),\n        },\n        popover: {\n          DEFAULT: hsl(\"--popover\"),\n          foreground: hsl(\"--popover-foreground\"),\n        },\n        primary: {\n          DEFAULT: hsl(\"--primary\"),\n          deep: hsl(\"--primary-deep\"),\n          glow: hsl(\"--primary-glow\"),\n          foreground: hsl(\"--primary-foreground\"),\n        },\n        secondary: {\n          DEFAULT: hsl(\"--secondary\"),\n          foreground: hsl(\"--secondary-foreground\"),\n        },\n        accent: {\n          DEFAULT: hsl(\"--accent\"),\n          deep: hsl(\"--accent-deep\"),\n          foreground: hsl(\"--accent-foreground\"),\n        },\n        muted: {\n          DEFAULT: hsl(\"--muted\"),\n          foreground: hsl(\"--muted-foreground\"),\n        },\n        success: {\n          DEFAULT: hsl(\"--success\"),\n          foreground: hsl(\"--success-foreground\"),\n        },\n        warning: {\n          DEFAULT: hsl(\"--warning\"),\n          foreground: hsl(\"--warning-foreground\"),\n        },\n        destructive: {\n          DEFAULT: hsl(\"--destructive\"),\n          foreground: hsl(\"--destructive-foreground\"),\n        },\n        info: {\n          DEFAULT: hsl(\"--info\"),\n          foreground: hsl(\"--info-foreground\"),\n        },\n        border: hsl(\"--border\"),\n        input: hsl(\"--input\"),\n        ring: hsl(\"--ring\"),\n      },\n      fontFamily: {\n        display: \"var(--font-display)\",\n        sans: \"var(--font-body)\",\n        mono: \"var(--font-mono)\",\n      },\n      /* Geist-inspired Violet Forge typescale.\n       *\n       * Three strict weights: 400 (body), 500 (UI), 600 (display/headings).\n       * Letter-spacing scales with size — aggressive negative on display.\n       * Mirrors the Vercel/Geist vocabulary while keeping Theo's identity.\n       */\n      fontSize: {\n        // Display tier — aggressive compression, content-led headlines\n        \"display-2xl\": [\"64px\", { lineHeight: \"1\", letterSpacing: \"-0.0464em\", fontWeight: \"600\" }],\n        \"display-xl\": [\"48px\", { lineHeight: \"1.05\", letterSpacing: \"-0.05em\", fontWeight: \"600\" }],\n        \"display-lg\": [\"40px\", { lineHeight: \"1.1\", letterSpacing: \"-0.05em\", fontWeight: \"600\" }],\n        \"display-md\": [\"32px\", { lineHeight: \"1.2\", letterSpacing: \"-0.04em\", fontWeight: \"600\" }],\n        headline: [\"28px\", { lineHeight: \"1.25\", letterSpacing: \"-0.035em\", fontWeight: \"600\" }],\n        // Title tier — section / card heads\n        \"title-lg\": [\"24px\", { lineHeight: \"1.33\", letterSpacing: \"-0.04em\", fontWeight: \"600\" }],\n        \"title-md\": [\"20px\", { lineHeight: \"1.4\", letterSpacing: \"-0.03em\", fontWeight: \"600\" }],\n        // Body tier — FAANG-density realignment 2026-05-22: body-md is the\n        // industry-standard 14px (shadcn / Vercel Geist / Linear / Stripe /\n        // Mantine). The previous 15px was idiosyncratic. body-sm (14px label\n        // weight) remains separate via its line-height / weight signature.\n        \"body-lg\": [\"18px\", { lineHeight: \"1.56\", letterSpacing: \"-0.01em\", fontWeight: \"400\" }],\n        \"body-md\": [\"14px\", { lineHeight: \"1.43\", letterSpacing: \"0\", fontWeight: \"400\" }],\n        \"body-sm\": [\"13px\", { lineHeight: \"1.46\", fontWeight: \"400\" }],\n        // Label tier — used on buttons, nav, secondary actions\n        label: [\"14px\", { lineHeight: \"1.43\", fontWeight: \"500\" }],\n        \"label-caps\": [\"12px\", { lineHeight: \"1.33\", letterSpacing: \"0.04em\", fontWeight: \"500\" }],\n        // Mono — code surfaces, technical labels\n        \"code-md\": [\"14px\", { lineHeight: \"1.5\", fontWeight: \"400\" }],\n        \"code-sm\": [\"13px\", { lineHeight: \"1.54\", fontWeight: \"500\" }],\n      },\n      borderRadius: {\n        none: \"var(--radius-none)\",\n        sm: \"var(--radius-sm)\",\n        md: \"var(--radius-md)\",\n        lg: \"var(--radius-lg)\",\n        xl: \"var(--radius-xl)\",\n        \"2xl\": \"var(--radius-2xl)\",\n        full: \"var(--radius-full)\",\n      },\n      boxShadow: {\n        sm: \"var(--shadow-sm)\",\n        md: \"var(--shadow-md)\",\n        lg: \"var(--shadow-lg)\",\n        glow: \"var(--shadow-glow)\",\n        \"glow-strong\": \"var(--shadow-glow-strong)\",\n      },\n      transitionTimingFunction: {\n        \"out-soft\": \"var(--ease-out-soft)\",\n        snap: \"var(--ease-snap)\",\n      },\n      transitionDuration: {\n        fast: \"var(--duration-fast)\",\n        base: \"var(--duration-base)\",\n        slow: \"var(--duration-slow)\",\n      },\n      keyframes: {\n        \"fade-in-up\": {\n          \"0%\": { opacity: \"0\", transform: \"translateY(8px)\" },\n          \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n        },\n        \"pulse-glow\": {\n          \"0%, 100%\": { boxShadow: \"0 0 0 0 hsl(var(--primary) / 0.5)\" },\n          \"50%\": { boxShadow: \"0 0 0 8px hsl(var(--primary) / 0)\" },\n        },\n      },\n      animation: {\n        \"fade-in-up\": \"fade-in-up var(--duration-base) var(--ease-out-soft) both\",\n        \"pulse-glow\": \"pulse-glow 1.5s var(--ease-in-out) infinite\",\n      },\n    },\n  },\n  plugins: [animate],\n};\n","/**\n * `@theokit/ui/preset-v3-legacy` — Tailwind v3 JS preset (legacy path).\n *\n * Default-export a `Partial<Config>` mirroring the design tokens shipped\n * in `@theokit/ui/tokens.css`. Adds a `content` field covering the\n * library's published artifact tree so v3-based Tailwind builds emit\n * the utilities used by `@theokit/ui` components.\n *\n * **Tailwind v4 consumers MUST use `@theokit/ui/preset.css`**, not this\n * file — Tailwind v4 dropped the JS preset format entirely. This file\n * exists for any remaining `tailwindcss@^3` consumer (notably the\n * shadcn-style copy-paste registry path); new code should not import\n * from this subpath.\n *\n * The token surface is delegated to `./styles/tailwind-preset.ts` (the\n * existing source of truth used by the local Ladle dev surface and the\n * shadcn registry).\n *\n * v3 consumer usage:\n *\n *   // tailwind.config.ts (Tailwind v3 only)\n *   import preset from \"@theokit/ui/preset-v3-legacy\";\n *   export default {\n *     presets: [preset],\n *     content: [\"./app/**\\/*.{ts,tsx}\"],\n *   };\n *\n * See RFC 0008 follow-up.\n */\nimport type { Config } from \"tailwindcss\";\nimport { theoUIPreset } from \"./styles/tailwind-preset.js\";\n\nconst LIBRARY_CONTENT_GLOBS: string[] = [\n  // Resolved relative to the consumer's `tailwind.config.{ts,js}`.\n  \"./node_modules/@theokit/ui/dist/**/*.{js,mjs,cjs}\",\n  // Yarn PnP / pnpm hoist fallback — Tailwind's globbing tolerates both.\n  \"./node_modules/@theokit/ui/dist/**/*.{ts,tsx}\",\n];\n\n// `theoUIPreset` is shape-compatible with v3 `Partial<Config>` at runtime\n// (tokens, theme, plugins, darkMode, etc are all carried through), but the\n// pnpm hoist places `tailwindcss@3` types alongside `tailwindcss@4` types in\n// the workspace — `theoUIPreset`'s inferred shape uses the v4 `UserConfig`\n// presets array type, which TS sees as incompatible with v3's `Config.presets`\n// (different element type). This file is the v3 LEGACY entry; its runtime\n// works for v3 consumers regardless. The cast bridges the v3/v4 type seam.\nconst preset = {\n  ...theoUIPreset,\n  content: LIBRARY_CONTENT_GLOBS,\n} as unknown as Partial<Config>;\n\nexport default preset;\n"]}
+{"version":3,"sources":["../src/styles/tailwind-preset.ts","../src/preset-v3-legacy.ts"],"names":[],"mappings":"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","file":"preset-v3-legacy.js","sourcesContent":["/**\n * Theo UI Tailwind preset — Violet Forge identity.\n *\n * Single source of truth for the design system's utility-level tokens:\n *   - colors mapped to CSS variables (HSL split via `hsl(var(--x) / <alpha>)`)\n *   - Geist-inspired typescale (display / title / body / label / code tiers)\n *   - radii, shadows, motion timing & duration, keyframes\n *   - tailwindcss-animate plugin\n *\n * Consumed by:\n *   - `tailwind.config.ts` (this repo) via `presets: [theoUIPreset]`\n *   - registry/r/tailwind-preset.json (shipped to consumers via shadcn CLI)\n *\n * Consumers integrate as:\n *\n *   import type { Config } from \"tailwindcss\";\n *   import { theoUIPreset } from \"./styles/tailwind-preset\";\n *\n *   export default {\n *     darkMode: \"class\",\n *     content: [\"./src/**\\/*.{ts,tsx}\"],\n *     presets: [theoUIPreset],\n *   } satisfies Config;\n *\n * Note: `darkMode` and `content` are NOT in the preset — they are consumer\n * decisions. The preset only contains `theme.extend.*` and `plugins`.\n */\n\nimport type { Config } from \"tailwindcss\";\nimport animate from \"tailwindcss-animate\";\n\n// Post-T2.4 (ADR-0005): tokens are OKLCH. The previous `hsl(var(--x) / <alpha>)`\n// pattern resolves to `hsl(oklch(...))` which is invalid CSS — utilities\n// silently fall back to transparent. OKLCH relative-color syntax preserves\n// Tailwind's `<alpha-value>` slot for opacity modifiers (e.g. `bg-primary/50`).\nconst hsl = (token: string) => `oklch(from var(${token}) l c h / <alpha-value>)`;\n\nexport const theoUIPreset: Partial<Config> = {\n  theme: {\n    container: {\n      center: true,\n      padding: \"1rem\",\n      screens: {\n        \"2xl\": \"1280px\",\n      },\n    },\n    extend: {\n      colors: {\n        background: hsl(\"--background\"),\n        foreground: hsl(\"--foreground\"),\n        card: {\n          DEFAULT: hsl(\"--card\"),\n          foreground: hsl(\"--card-foreground\"),\n        },\n        popover: {\n          DEFAULT: hsl(\"--popover\"),\n          foreground: hsl(\"--popover-foreground\"),\n        },\n        primary: {\n          DEFAULT: hsl(\"--primary\"),\n          deep: hsl(\"--primary-deep\"),\n          glow: hsl(\"--primary-glow\"),\n          foreground: hsl(\"--primary-foreground\"),\n        },\n        secondary: {\n          DEFAULT: hsl(\"--secondary\"),\n          foreground: hsl(\"--secondary-foreground\"),\n        },\n        accent: {\n          DEFAULT: hsl(\"--accent\"),\n          deep: hsl(\"--accent-deep\"),\n          foreground: hsl(\"--accent-foreground\"),\n        },\n        muted: {\n          DEFAULT: hsl(\"--muted\"),\n          foreground: hsl(\"--muted-foreground\"),\n        },\n        success: {\n          DEFAULT: hsl(\"--success\"),\n          foreground: hsl(\"--success-foreground\"),\n        },\n        warning: {\n          DEFAULT: hsl(\"--warning\"),\n          foreground: hsl(\"--warning-foreground\"),\n        },\n        destructive: {\n          DEFAULT: hsl(\"--destructive\"),\n          foreground: hsl(\"--destructive-foreground\"),\n        },\n        info: {\n          DEFAULT: hsl(\"--info\"),\n          foreground: hsl(\"--info-foreground\"),\n        },\n        border: hsl(\"--border\"),\n        input: hsl(\"--input\"),\n        ring: hsl(\"--ring\"),\n      },\n      fontFamily: {\n        display: \"var(--font-display)\",\n        sans: \"var(--font-body)\",\n        mono: \"var(--font-mono)\",\n      },\n      /* Geist-inspired Violet Forge typescale.\n       *\n       * Three strict weights: 400 (body), 500 (UI), 600 (display/headings).\n       * Letter-spacing scales with size — aggressive negative on display.\n       * Mirrors the Vercel/Geist vocabulary while keeping Theo's identity.\n       */\n      fontSize: {\n        // Display tier — aggressive compression, content-led headlines\n        \"display-2xl\": [\"64px\", { lineHeight: \"1\", letterSpacing: \"-0.0464em\", fontWeight: \"600\" }],\n        \"display-xl\": [\"48px\", { lineHeight: \"1.05\", letterSpacing: \"-0.05em\", fontWeight: \"600\" }],\n        \"display-lg\": [\"40px\", { lineHeight: \"1.1\", letterSpacing: \"-0.05em\", fontWeight: \"600\" }],\n        \"display-md\": [\"32px\", { lineHeight: \"1.2\", letterSpacing: \"-0.04em\", fontWeight: \"600\" }],\n        headline: [\"28px\", { lineHeight: \"1.25\", letterSpacing: \"-0.035em\", fontWeight: \"600\" }],\n        // Title tier — section / card heads\n        \"title-lg\": [\"24px\", { lineHeight: \"1.33\", letterSpacing: \"-0.04em\", fontWeight: \"600\" }],\n        \"title-md\": [\"20px\", { lineHeight: \"1.4\", letterSpacing: \"-0.03em\", fontWeight: \"600\" }],\n        // Body tier — FAANG-density realignment 2026-05-22: body-md is the\n        // industry-standard 14px (shadcn / Vercel Geist / Linear / Stripe /\n        // Mantine). The previous 15px was idiosyncratic. body-sm (14px label\n        // weight) remains separate via its line-height / weight signature.\n        \"body-lg\": [\"18px\", { lineHeight: \"1.56\", letterSpacing: \"-0.01em\", fontWeight: \"400\" }],\n        \"body-md\": [\"14px\", { lineHeight: \"1.43\", letterSpacing: \"0\", fontWeight: \"400\" }],\n        \"body-sm\": [\"13px\", { lineHeight: \"1.46\", fontWeight: \"400\" }],\n        // Label tier — used on buttons, nav, secondary actions\n        label: [\"14px\", { lineHeight: \"1.43\", fontWeight: \"500\" }],\n        \"label-caps\": [\"12px\", { lineHeight: \"1.33\", letterSpacing: \"0.04em\", fontWeight: \"500\" }],\n        // Mono — code surfaces, technical labels\n        \"code-md\": [\"14px\", { lineHeight: \"1.5\", fontWeight: \"400\" }],\n        \"code-sm\": [\"13px\", { lineHeight: \"1.54\", fontWeight: \"500\" }],\n      },\n      borderRadius: {\n        none: \"var(--radius-none)\",\n        sm: \"var(--radius-sm)\",\n        md: \"var(--radius-md)\",\n        lg: \"var(--radius-lg)\",\n        xl: \"var(--radius-xl)\",\n        \"2xl\": \"var(--radius-2xl)\",\n        full: \"var(--radius-full)\",\n      },\n      boxShadow: {\n        sm: \"var(--shadow-sm)\",\n        md: \"var(--shadow-md)\",\n        lg: \"var(--shadow-lg)\",\n        glow: \"var(--shadow-glow)\",\n        \"glow-strong\": \"var(--shadow-glow-strong)\",\n      },\n      transitionTimingFunction: {\n        \"out-soft\": \"var(--ease-out-soft)\",\n        snap: \"var(--ease-snap)\",\n      },\n      transitionDuration: {\n        fast: \"var(--duration-fast)\",\n        base: \"var(--duration-base)\",\n        slow: \"var(--duration-slow)\",\n      },\n      keyframes: {\n        \"fade-in-up\": {\n          \"0%\": { opacity: \"0\", transform: \"translateY(8px)\" },\n          \"100%\": { opacity: \"1\", transform: \"translateY(0)\" },\n        },\n        \"pulse-glow\": {\n          \"0%, 100%\": { boxShadow: \"0 0 0 0 hsl(var(--primary) / 0.5)\" },\n          \"50%\": { boxShadow: \"0 0 0 8px hsl(var(--primary) / 0)\" },\n        },\n      },\n      animation: {\n        \"fade-in-up\": \"fade-in-up var(--duration-base) var(--ease-out-soft) both\",\n        \"pulse-glow\": \"pulse-glow 1.5s var(--ease-in-out) infinite\",\n      },\n    },\n  },\n  plugins: [animate],\n};\n","/**\n * `@theokit/ui/preset-v3-legacy` — Tailwind v3 JS preset (legacy path).\n *\n * Default-export a `Partial<Config>` mirroring the design tokens shipped\n * in `@theokit/ui/tokens.css`. Adds a `content` field covering the\n * library's published artifact tree so v3-based Tailwind builds emit\n * the utilities used by `@theokit/ui` components.\n *\n * **Tailwind v4 consumers MUST use `@theokit/ui/preset.css`**, not this\n * file — Tailwind v4 dropped the JS preset format entirely. This file\n * exists for any remaining `tailwindcss@^3` consumer (notably the\n * shadcn-style copy-paste registry path); new code should not import\n * from this subpath.\n *\n * The token surface is delegated to `./styles/tailwind-preset.ts` (the\n * existing source of truth used by the local Ladle dev surface and the\n * shadcn registry).\n *\n * v3 consumer usage:\n *\n *   // tailwind.config.ts (Tailwind v3 only)\n *   import preset from \"@theokit/ui/preset-v3-legacy\";\n *   export default {\n *     presets: [preset],\n *     content: [\"./app/**\\/*.{ts,tsx}\"],\n *   };\n *\n * See RFC 0008 follow-up.\n */\nimport type { Config } from \"tailwindcss\";\nimport { theoUIPreset } from \"./styles/tailwind-preset.js\";\n\nconst LIBRARY_CONTENT_GLOBS: string[] = [\n  // Resolved relative to the consumer's `tailwind.config.{ts,js}`.\n  \"./node_modules/@theokit/ui/dist/**/*.{js,mjs,cjs}\",\n  // Yarn PnP / pnpm hoist fallback — Tailwind's globbing tolerates both.\n  \"./node_modules/@theokit/ui/dist/**/*.{ts,tsx}\",\n];\n\n// `theoUIPreset` is shape-compatible with v3 `Partial<Config>` at runtime\n// (tokens, theme, plugins, darkMode, etc are all carried through), but the\n// pnpm hoist places `tailwindcss@3` types alongside `tailwindcss@4` types in\n// the workspace — `theoUIPreset`'s inferred shape uses the v4 `UserConfig`\n// presets array type, which TS sees as incompatible with v3's `Config.presets`\n// (different element type). This file is the v3 LEGACY entry; its runtime\n// works for v3 consumers regardless. The cast bridges the v3/v4 type seam.\nconst preset = {\n  ...theoUIPreset,\n  content: LIBRARY_CONTENT_GLOBS,\n} as unknown as Partial<Config>;\n\nexport default preset;\n"]}

package/dist/primitives/gateway-status-indicator/index.js

@@ -1,4 +1,4 @@
-export { GatewayStatusIndicator } from '../../chunk-BYZ6OFH4.js';
+export { GatewayStatusIndicator } from '../../chunk-KPYORAP6.js';
 import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/run-status-pill/index.js

@@ -1,4 +1,4 @@
-export { RunStatusPill } from '../../chunk-VT7VSYH5.js';
+export { RunStatusPill } from '../../chunk-KE773ODY.js';
 import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/update-banner/index.js

@@ -1,4 +1,4 @@
-export { UpdateBanner } from '../../chunk-M6JIC5PU.js';
+export { UpdateBanner } from '../../chunk-ETMMPUFO.js';
 import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/slide/index.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement, RefObject } from 'react';
-import { d as SlideValidationError, b as SlidePlugin, S as SlideFrontmatter, M as MergedSanitizeExtensions, a as SlideInput } from '../plugin-D5xmXqYb.js';
-export { P as PluginComposer, c as SlideSanitizeExtension, e as SlideValidationErrorCode, f as composePlugins, s as slideFrontmatter, g as slideInput, h as slideTheme } from '../plugin-D5xmXqYb.js';
+import { S as SlideValidationError, a as SlidePlugin, b as SlideFrontmatter, M as MergedSanitizeExtensions, c as SlideInput } from '../plugin-Atb0VKtr.js';
+export { P as PluginComposer, d as SlideSanitizeExtension, e as SlideValidationErrorCode, f as composePlugins, s as slideFrontmatter, g as slideInput, h as slideTheme } from '../plugin-Atb0VKtr.js';
 import { Root, Element } from 'hast';
 import { Root as Root$1 } from 'mdast';
 import * as hast_util_sanitize from 'hast-util-sanitize';

package/dist/slide/plugins/emoji/index.d.ts

@@ -1,4 +1,4 @@
-import { b as SlidePlugin } from '../../../plugin-D5xmXqYb.js';
+import { a as SlidePlugin } from '../../../plugin-Atb0VKtr.js';
 import 'hast';
 import 'mdast';
 import 'react';

package/dist/slide/plugins/math/index.d.ts

@@ -1,4 +1,4 @@
-import { b as SlidePlugin } from '../../../plugin-D5xmXqYb.js';
+import { a as SlidePlugin } from '../../../plugin-Atb0VKtr.js';
 import 'hast';
 import 'mdast';
 import 'react';

package/dist/slide/plugins/mermaid/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { b as SlidePlugin } from '../../../plugin-D5xmXqYb.js';
+import { a as SlidePlugin } from '../../../plugin-Atb0VKtr.js';
 import 'hast';
 import 'mdast';
 import 'zod';

package/dist/slide/plugins/shiki/index.d.ts

@@ -1,4 +1,4 @@
-import { b as SlidePlugin } from '../../../plugin-D5xmXqYb.js';
+import { a as SlidePlugin } from '../../../plugin-Atb0VKtr.js';
 import 'hast';
 import 'mdast';
 import 'react';

package/dist/slide-deck/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { FC, ReactNode, Dispatch, RefObject } from 'react';
-import { b as SlidePlugin } from '../plugin-D5xmXqYb.js';
+import { a as SlidePlugin } from '../plugin-Atb0VKtr.js';
 import { z } from 'zod';
 import 'hast';
 import 'mdast';

package/dist/tokens-v4.css

@@ -14,51 +14,67 @@
  *     `bg-primary`, `text-muted-foreground`, `border-border`, etc. emit
  *     a className with no matching CSS rule.
  *
- * The indirection (`--color-primary: hsl(var(--primary))`) preserves the
+ * The indirection (`--color-primary: var(--primary)`) preserves the
  * runtime theme cascade — browsers resolve `var(--color-primary)` →
- * `hsl(var(--primary))` → current `[data-theme]` value at paint time.
+ * `var(--primary)` → current `[data-theme]` value at paint time.
  *
  * See RFC 0008 follow-up.
  */
 
-@theme {
+/* `@theme inline` (Tailwind v4 keyword) preserves the var() reference at
+ * runtime instead of inlining the value at build time. Without `inline`,
+ * `--color-primary: var(--primary)` would resolve to whatever `--primary`
+ * was when Tailwind compiled the CSS — breaking the theme cascade.
+ * See https://tailwindcss.com/docs/theme#using-your-theme-variables-in-arbitrary-values
+ */
+@theme inline {
   /* Color tokens ------------------------------------------------------ */
-  --color-background: hsl(var(--background));
-  --color-foreground: hsl(var(--foreground));
-
-  --color-card: hsl(var(--card));
-  --color-card-foreground: hsl(var(--card-foreground));
-
-  --color-popover: hsl(var(--popover));
-  --color-popover-foreground: hsl(var(--popover-foreground));
-
-  --color-primary: hsl(var(--primary));
-  --color-primary-deep: hsl(var(--primary-deep));
-  --color-primary-glow: hsl(var(--primary-glow));
-  --color-primary-foreground: hsl(var(--primary-foreground));
-
-  --color-secondary: hsl(var(--secondary));
-  --color-secondary-foreground: hsl(var(--secondary-foreground));
-
-  --color-accent: hsl(var(--accent));
-  --color-accent-deep: hsl(var(--accent-deep));
-  --color-accent-foreground: hsl(var(--accent-foreground));
-
-  --color-muted: hsl(var(--muted));
-  --color-muted-foreground: hsl(var(--muted-foreground));
-
-  --color-border: hsl(var(--border));
-  --color-input: hsl(var(--input));
-  --color-ring: hsl(var(--ring));
-
-  --color-success: hsl(var(--success));
-  --color-success-foreground: hsl(var(--success-foreground));
-  --color-warning: hsl(var(--warning));
-  --color-warning-foreground: hsl(var(--warning-foreground));
-  --color-destructive: hsl(var(--destructive));
-  --color-destructive-foreground: hsl(var(--destructive-foreground));
-  --color-info: hsl(var(--info));
-  --color-info-foreground: hsl(var(--info-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-deep: var(--primary-deep);
+  --color-primary-glow: var(--primary-glow);
+  --color-primary-foreground: var(--primary-foreground);
+
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+
+  --color-accent: var(--accent);
+  --color-accent-deep: var(--accent-deep);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+
+  /* Status group (D4) ------------------------------------------------- */
+  --color-status-online: var(--status-online);
+  --color-status-online-foreground: var(--status-online-foreground);
+  --color-status-offline: var(--status-offline);
+  --color-status-offline-foreground: var(--status-offline-foreground);
+  --color-status-degraded: var(--status-degraded);
+  --color-status-degraded-foreground: var(--status-degraded-foreground);
+  --color-status-info: var(--status-info);
+  --color-status-info-foreground: var(--status-info-foreground);
 
   /* Fonts ------------------------------------------------------------- */
   --font-display: var(--font-display);
@@ -157,6 +173,26 @@
   --ease-out-soft: var(--ease-out-soft);
   --ease-snap: var(--ease-snap);
 
+  /* Container queries (T5.5) — Tailwind v4 native @container support.
+     * Sizes drive `@<size>:<utility>` variants for container-relative responsive
+     * design (components that adapt to their parent's width, not the viewport).
+     * Default sizes mirror Tailwind v4 defaults; declared explicitly so the
+     * preset ships consistent values.
+     */
+  --container-3xs: 16rem;
+  --container-2xs: 18rem;
+  --container-xs: 20rem;
+  --container-sm: 24rem;
+  --container-md: 28rem;
+  --container-lg: 32rem;
+  --container-xl: 36rem;
+  --container-2xl: 42rem;
+  --container-3xl: 48rem;
+  --container-4xl: 56rem;
+  --container-5xl: 64rem;
+  --container-6xl: 72rem;
+  --container-7xl: 80rem;
+
   /* Animations — declare so `animate-fade-in-up` and `animate-pulse-glow`
      * resolve. Keyframes are declared below (outside @theme — Tailwind v4
      * picks them up via the @keyframes namespace).
@@ -179,9 +215,9 @@
 @keyframes pulse-glow {
   0%,
   100% {
-    box-shadow: 0 0 0 0 hsl(var(--primary) / 0.5);
+    box-shadow: 0 0 0 0 color-mix(in oklch, var(--primary) 50%, transparent);
   }
   50% {
-    box-shadow: 0 0 0 8px hsl(var(--primary) / 0);
+    box-shadow: 0 0 0 8px transparent;
   }
 }

package/dist/tokens.css

@@ -24,48 +24,70 @@
      * primary (violet) + accent (burnt sienna) tokens below — never from
      * surface tints.
      */
-  --background: 0 0% 100%; /* #FFFFFF */
-  --foreground: 0 0% 4%; /* #0A0A0A */
+  --background: oklch(1 0 0); /* #FFFFFF */
+  --foreground: oklch(0.146 0 0); /* #0A0A0A */
 
-  --card: 0 0% 100%; /* #FFFFFF */
-  --card-foreground: 0 0% 4%;
+  --card: oklch(1 0 0); /* #FFFFFF */
+  --card-foreground: oklch(0.146 0 0);
 
-  --popover: 0 0% 100%;
-  --popover-foreground: 0 0% 4%;
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.146 0 0);
 
-  /* Primary — Theo violet (equity) ------------------------------------- */
-  --primary: 262 83% 58%; /* #7C3AED */
-  --primary-deep: 263 70% 42%; /* #5B21B6 — pressed */
-  --primary-glow: 263 90% 76%; /* #A78BFA — hover halo */
-  --primary-foreground: 0 0% 100%;
+  /* Primary — Theo violet (equity) ------------------------------------- *
+   * Post-T3.1 (ADR-0006): -deep and -glow are derived algorithmically via
+   * OKLCH relative-color syntax. Themes that need a per-token override may
+   * still declare these explicitly — the cascade resolves the override.
+   * `max()`/`min()` clamps protect dark/light themes from L overflow (EC-7).
+   */
+  --primary: oklch(0.542 0.245 293); /* #7C3AED */
+  --primary-deep: oklch(from var(--primary) max(0.05, calc(l - 0.16)) c h);
+  --primary-glow: oklch(from var(--primary) min(0.95, calc(l + 0.18)) c h);
+  --primary-foreground: oklch(1 0 0);
 
   /* Secondary — neutral muted ----------------------------------------- */
-  --secondary: 0 0% 96%; /* #F5F5F5 */
-  --secondary-foreground: 0 0% 4%;
+  --secondary: oklch(0.97 0 0); /* #F5F5F5 */
+  --secondary-foreground: oklch(0.146 0 0);
 
-  /* Accent — burnt sienna --------------------------------------------- */
-  --accent: 15 54% 53%; /* #C96442 */
-  --accent-deep: 15 55% 40%; /* #9C4A2E */
-  --accent-foreground: 0 0% 100%;
+  /* Accent — burnt sienna --------------------------------------------- *
+   * T3.1: accent-deep derived. Override path identical to primary.
+   */
+  --accent: oklch(0.621 0.132 39); /* #C96442 */
+  --accent-deep: oklch(from var(--accent) max(0.05, calc(l - 0.13)) c h);
+  --accent-foreground: oklch(1 0 0);
 
   /* Muted ------------------------------------------------------------- */
-  --muted: 0 0% 96%;
-  --muted-foreground: 0 0% 45%; /* #737373 */
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.555 0 0); /* #737373 */
 
   /* Surfaces, borders, inputs ----------------------------------------- */
-  --border: 0 0% 91%; /* #E8E8E8 — Vercel-style hairline */
-  --input: 0 0% 91%;
-  --ring: 262 83% 58%; /* matches primary */
+  --border: oklch(0.931 0 0); /* #E8E8E8 — Vercel-style hairline */
+  --input: oklch(0.931 0 0);
+  --ring: oklch(0.542 0.245 293); /* matches primary */
 
   /* Semantics --------------------------------------------------------- */
-  --success: 142 71% 36%; /* #16A34A */
-  --success-foreground: 0 0% 100%;
-  --warning: 33 92% 44%; /* #D97706 */
-  --warning-foreground: 0 0% 100%;
-  --destructive: 0 72% 51%; /* #DC2626 */
-  --destructive-foreground: 0 0% 100%;
-  --info: 217 91% 60%; /* #3B82F6 */
-  --info-foreground: 0 0% 100%;
+  --success: oklch(0.611 0.161 149.7); /* #16A34A */
+  --success-foreground: oklch(1 0 0);
+  --warning: oklch(0.67 0.154 60.6); /* #D97706 */
+  --warning-foreground: oklch(1 0 0);
+  --destructive: oklch(0.579 0.214 27.2); /* #DC2626 */
+  --destructive-foreground: oklch(1 0 0);
+  --info: oklch(0.626 0.186 259.6); /* #3B82F6 */
+  --info-foreground: oklch(1 0 0);
+
+  /* Status (D4 — operational state group) ----------------------------- *
+   * Separate from semantic group (success/destructive/warning/info, which
+   * are action-result colors). Status describes component liveness:
+   * online (alive), offline (dead), degraded (alive-but-slow), info (flag).
+   * Defaults mirror semantic counterparts; themes override for distinction.
+   */
+  --status-online: oklch(0.611 0.161 149.7);
+  --status-online-foreground: oklch(1 0 0);
+  --status-offline: oklch(0.579 0.214 27.2);
+  --status-offline-foreground: oklch(1 0 0);
+  --status-degraded: oklch(0.67 0.154 60.6);
+  --status-degraded-foreground: oklch(1 0 0);
+  --status-info: oklch(0.626 0.186 259.6);
+  --status-info-foreground: oklch(1 0 0);
 
   /* Radii ------------------------------------------------------------- */
   --radius-none: 0px;
@@ -95,13 +117,16 @@
 
   /* Elevation — theme-aware (uses --foreground for shadow ink,
      * --primary for the signature glow, so swapping themes recolors them).
+     * Post-T2.5: tokens are OKLCH; we compose alpha via color-mix(in oklch, ...)
+     * which is perceptually correct AND works with any color-space variable.
      */
-  --shadow-sm: 0 1px 2px 0 hsl(var(--foreground) / 0.06);
-  --shadow-md: 0 2px 8px -2px hsl(var(--foreground) / 0.08), 0 1px 3px hsl(var(--foreground) / 0.06);
-  --shadow-lg: 0 12px 32px -8px hsl(var(--foreground) / 0.12), 0 4px 12px
-    hsl(var(--foreground) / 0.08);
-  --shadow-glow: 0 0 24px hsl(var(--primary) / 0.25);
-  --shadow-glow-strong: 0 0 32px hsl(var(--primary) / 0.4);
+  --shadow-sm: 0 1px 2px 0 color-mix(in oklch, var(--foreground) 6%, transparent);
+  --shadow-md: 0 2px 8px -2px color-mix(in oklch, var(--foreground) 8%, transparent), 0 1px 3px
+    color-mix(in oklch, var(--foreground) 6%, transparent);
+  --shadow-lg: 0 12px 32px -8px color-mix(in oklch, var(--foreground) 12%, transparent), 0 4px 12px
+    color-mix(in oklch, var(--foreground) 8%, transparent);
+  --shadow-glow: 0 0 24px color-mix(in oklch, var(--primary) 25%, transparent);
+  --shadow-glow-strong: 0 0 32px color-mix(in oklch, var(--primary) 40%, transparent);
 
   /* Motion ------------------------------------------------------------ */
   --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
@@ -129,51 +154,102 @@
    * the theme NAME, never the literal `"dark"`.
    */
 .dark {
-  --background: 0 0% 4%; /* #0A0A0A */
-  --foreground: 0 0% 96%; /* #F5F5F5 */
+  --background: oklch(0.146 0 0); /* #0A0A0A */
+  --foreground: oklch(0.97 0 0); /* #F5F5F5 */
+
+  --card: oklch(0.182 0 0); /* #121212 */
+  --card-foreground: oklch(0.97 0 0);
 
-  --card: 0 0% 7%; /* #121212 */
-  --card-foreground: 0 0% 96%;
+  --popover: oklch(0.204 0 0); /* #171717 */
+  --popover-foreground: oklch(0.97 0 0);
 
-  --popover: 0 0% 9%; /* #171717 */
-  --popover-foreground: 0 0% 96%;
+  --primary: oklch(0.542 0.245 293);
+  --primary-deep: oklch(from var(--primary) max(0.05, calc(l - 0.16)) c h);
+  --primary-glow: oklch(from var(--primary) min(0.95, calc(l + 0.18)) c h);
+  --primary-foreground: oklch(1 0 0);
 
-  --primary: 262 83% 58%;
-  --primary-deep: 263 70% 42%;
-  --primary-glow: 263 90% 76%;
-  --primary-foreground: 0 0% 100%;
+  --secondary: oklch(0.227 0 0); /* #1C1C1C */
+  --secondary-foreground: oklch(0.97 0 0);
 
-  --secondary: 0 0% 11%; /* #1C1C1C */
-  --secondary-foreground: 0 0% 96%;
+  --accent: oklch(0.621 0.132 39);
+  --accent-deep: oklch(from var(--accent) max(0.05, calc(l - 0.13)) c h);
+  --accent-foreground: oklch(1 0 0);
 
-  --accent: 15 54% 53%;
-  --accent-deep: 15 55% 40%;
-  --accent-foreground: 0 0% 100%;
+  --muted: oklch(0.227 0 0);
+  --muted-foreground: oklch(0.683 0 0); /* #999 — Vercel gray-500 */
 
-  --muted: 0 0% 11%;
-  --muted-foreground: 0 0% 60%; /* #999 — Vercel gray-500 */
+  --border: oklch(0.28 0 0); /* #292929 */
+  --input: oklch(0.227 0 0);
+  --ring: oklch(0.542 0.245 293);
 
-  --border: 0 0% 16%; /* #292929 */
-  --input: 0 0% 11%;
-  --ring: 262 83% 58%;
+  --success: oklch(0.814 0.192 155.7); /* #22E58C */
+  --success-foreground: oklch(0.146 0 0);
+  --warning: oklch(0.77 0.165 70.6); /* #F59E0B */
+  --warning-foreground: oklch(0.146 0 0);
+  --destructive: oklch(0.677 0.213 15.6); /* #FF4F6D */
+  --destructive-foreground: oklch(0.146 0 0);
+  --info: oklch(0.732 0.142 254.4); /* #5FB3FF */
+  --info-foreground: oklch(0.146 0 0);
 
-  --success: 152 79% 52%; /* #22E58C */
-  --success-foreground: 0 0% 4%;
-  --warning: 38 92% 50%; /* #F59E0B */
-  --warning-foreground: 0 0% 4%;
-  --destructive: 350 100% 65%; /* #FF4F6D */
-  --destructive-foreground: 0 0% 4%;
-  --info: 213 100% 70%; /* #5FB3FF */
-  --info-foreground: 0 0% 4%;
+  /* Status (D4 — dark mode mirror of light defaults) ------------------ */
+  --status-online: oklch(0.814 0.192 155.7);
+  --status-online-foreground: oklch(0.146 0 0);
+  --status-offline: oklch(0.677 0.213 15.6);
+  --status-offline-foreground: oklch(0.146 0 0);
+  --status-degraded: oklch(0.77 0.165 70.6);
+  --status-degraded-foreground: oklch(0.146 0 0);
+  --status-info: oklch(0.732 0.142 254.4);
+  --status-info-foreground: oklch(0.146 0 0);
 
   /* In dark mode, shadows are heavier ink (against the dark surface) and
      * the glow brightens. Both still derive from theme tokens.
+     * Post-T2.5: OKLCH-aware composition via color-mix() — black ink via
+     * the literal oklch(0 0 0) (no theme indirection needed).
      */
-  --shadow-sm: 0 1px 2px 0 hsl(0 0% 0% / 0.4);
-  --shadow-md: 0 2px 8px -2px hsl(0 0% 0% / 0.5), 0 1px 3px hsl(0 0% 0% / 0.4);
-  --shadow-lg: 0 12px 32px -8px hsl(0 0% 0% / 0.6), 0 4px 12px hsl(0 0% 0% / 0.4);
-  --shadow-glow: 0 0 24px hsl(var(--primary-glow) / 0.4);
-  --shadow-glow-strong: 0 0 36px hsl(var(--primary-glow) / 0.6);
+  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.4);
+  --shadow-md: 0 2px 8px -2px oklch(0 0 0 / 0.5), 0 1px 3px oklch(0 0 0 / 0.4);
+  --shadow-lg: 0 12px 32px -8px oklch(0 0 0 / 0.6), 0 4px 12px oklch(0 0 0 / 0.4);
+  --shadow-glow: 0 0 24px color-mix(in oklch, var(--primary-glow) 40%, transparent);
+  --shadow-glow-strong: 0 0 36px color-mix(in oklch, var(--primary-glow) 60%, transparent);
+}
+
+/* Forced colors (Windows High Contrast Mode) — D7 / ADR-0008 ----------- *
+ * Maps Theo's semantic tokens to system colors so the UI remains usable
+ * (and required by WCAG 1.4.1) when the OS forces a high-contrast palette.
+ * Decorative textures opt out via `forced-color-adjust: none` (the dotted
+ * patterns and hero glow would invert into solid blocks otherwise).
+ *
+ * Reference: MDN forced-colors media query, WCAG 2.2 SC 1.4.1.
+ */
+@media (forced-colors: active) {
+  :root,
+  .dark {
+    --background: Canvas;
+    --foreground: CanvasText;
+    --card: Canvas;
+    --card-foreground: CanvasText;
+    --popover: Canvas;
+    --popover-foreground: CanvasText;
+    --primary: Highlight;
+    --primary-foreground: HighlightText;
+    --secondary: ButtonFace;
+    --secondary-foreground: ButtonText;
+    --accent: Highlight;
+    --accent-foreground: HighlightText;
+    --muted: ButtonFace;
+    --muted-foreground: GrayText;
+    --border: ButtonBorder;
+    --input: ButtonBorder;
+    --ring: Highlight;
+  }
+
+  /* Texture utilities are decorative — keep them out of the system-color map. */
+  .bg-dotted-violet,
+  .bg-dotted-violet-strong,
+  .bg-hero-glow,
+  .bg-paper-grain {
+    forced-color-adjust: none;
+  }
 }
 
 /* Reduced motion — neutralizes durations and transitions for users who
@@ -200,22 +276,31 @@
   }
 }
 
-/* Texture utilities (signature) ---------------------------------------- */
+/* Texture utilities (signature) ---------------------------------------- *
+ * Post-T2.5: tokens are OKLCH; we compose alpha via color-mix(in oklch, …),
+ * which is perceptually correct and works with any color-space variable.
+ */
 @layer utilities {
   .bg-dotted-violet {
-    background-image: radial-gradient(hsl(var(--primary) / 0.08) 1px, transparent 1px);
+    background-image: radial-gradient(
+      color-mix(in oklch, var(--primary) 8%, transparent) 1px,
+      transparent 1px
+    );
     background-size: 20px 20px;
   }
 
   .bg-dotted-violet-strong {
-    background-image: radial-gradient(hsl(var(--primary) / 0.16) 1px, transparent 1px);
+    background-image: radial-gradient(
+      color-mix(in oklch, var(--primary) 16%, transparent) 1px,
+      transparent 1px
+    );
     background-size: 20px 20px;
   }
 
   .bg-hero-glow {
     background-image: radial-gradient(
       ellipse 60% 50% at 70% 0%,
-      hsl(var(--primary) / 0.18) 0%,
+      color-mix(in oklch, var(--primary) 18%, transparent) 0%,
       transparent 60%
     );
   }

package/dist/whiteboard/index.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { z } from 'zod';
 
 /**
@@ -253,6 +253,6 @@ interface WhiteboardProps {
     /** Accessible label for the SVG (defaults to "Whiteboard diagram"). */
     "aria-label"?: string;
 }
-declare function Whiteboard({ data, className, initialZoom, initialCenter, fitOnLoad, onValidationError, "aria-label": ariaLabel, }: WhiteboardProps): react.JSX.Element;
+declare function Whiteboard({ data, className, initialZoom, initialCenter, fitOnLoad, onValidationError, "aria-label": ariaLabel, }: WhiteboardProps): react_jsx_runtime.JSX.Element;
 
 export { type ValidationError, type ValidationResult, Whiteboard, type WhiteboardData, type WhiteboardProps, validateScene };