@wow-two-beta/ui-vue 0.0.2

package/dist/chunks/index-BGzbbN9T.js

@@ -0,0 +1,1707 @@
+import { C as ColorMode } from "./ColorModeContext-Bz6CBL0V.js";
+const clamp01 = (x) => x < 0 ? 0 : x > 1 ? 1 : x;
+function normalizeHue(h) {
+  const m = h % 360;
+  return m < 0 ? m + 360 : m;
+}
+function oklchToLinearRgb({ l, c, h }) {
+  const hr = normalizeHue(h) * Math.PI / 180;
+  const a = Math.cos(hr) * c;
+  const b = Math.sin(hr) * c;
+  const l_ = l + 0.3963377774 * a + 0.2158037573 * b;
+  const m_ = l - 0.1055613458 * a - 0.0638541728 * b;
+  const s_ = l - 0.0894841775 * a - 1.291485548 * b;
+  const l3 = l_ * l_ * l_;
+  const m3 = m_ * m_ * m_;
+  const s3 = s_ * s_ * s_;
+  return {
+    r: 4.0767416621 * l3 - 3.3077115913 * m3 + 0.2309699292 * s3,
+    g: -1.2684380046 * l3 + 2.6097574011 * m3 - 0.3413193965 * s3,
+    b: -0.0041960863 * l3 - 0.7034186147 * m3 + 1.707614701 * s3
+  };
+}
+function linearToSrgbChannel(x) {
+  const v = clamp01(x);
+  return v <= 31308e-7 ? 12.92 * v : 1.055 * Math.pow(v, 1 / 2.4) - 0.055;
+}
+function srgbToLinearChannel(x) {
+  return x <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
+}
+function linearRgbToSrgb(rgb) {
+  return {
+    r: linearToSrgbChannel(rgb.r),
+    g: linearToSrgbChannel(rgb.g),
+    b: linearToSrgbChannel(rgb.b)
+  };
+}
+function isInSrgbGamut(color) {
+  const { r, g, b } = oklchToLinearRgb(color);
+  const eps = 1e-4;
+  return r >= -eps && r <= 1 + eps && g >= -eps && g <= 1 + eps && b >= -eps && b <= 1 + eps;
+}
+function clampChromaToGamut(color) {
+  if (isInSrgbGamut(color)) return color;
+  let lo = 0;
+  let hi = color.c;
+  for (let i = 0; i < 24; i++) {
+    const mid = (lo + hi) / 2;
+    if (isInSrgbGamut({ l: color.l, c: mid, h: color.h })) lo = mid;
+    else hi = mid;
+  }
+  return { l: color.l, c: lo, h: color.h };
+}
+function to2Hex(v) {
+  return Math.round(clamp01(v) * 255).toString(16).padStart(2, "0");
+}
+function oklchToHex(color) {
+  const safe = clampChromaToGamut(color);
+  const { r, g, b } = linearRgbToSrgb(oklchToLinearRgb(safe));
+  return `#${to2Hex(r)}${to2Hex(g)}${to2Hex(b)}`;
+}
+function oklchToCss(color) {
+  const safe = clampChromaToGamut(color);
+  const l = (clamp01(safe.l) * 100).toFixed(1);
+  const c = Math.max(0, safe.c).toFixed(4);
+  const h = normalizeHue(safe.h).toFixed(1);
+  return `oklch(${l}% ${c} ${h})`;
+}
+function parseHex(hex) {
+  let h = hex.trim().replace(/^#/, "");
+  if (h.length === 3) {
+    h = h.replace(/(.)/g, "$1$1");
+  }
+  if (h.length !== 6 || /[^0-9a-fA-F]/.test(h)) return null;
+  return {
+    r: parseInt(h.slice(0, 2), 16) / 255,
+    g: parseInt(h.slice(2, 4), 16) / 255,
+    b: parseInt(h.slice(4, 6), 16) / 255
+  };
+}
+function relativeLuminanceFromSrgb({ r, g, b }) {
+  const R = srgbToLinearChannel(r);
+  const G = srgbToLinearChannel(g);
+  const B = srgbToLinearChannel(b);
+  return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+}
+function relativeLuminance(color) {
+  return relativeLuminanceFromSrgb(linearRgbToSrgb(oklchToLinearRgb(clampChromaToGamut(color))));
+}
+function contrastFromLuminances(l1, l2) {
+  const hi = Math.max(l1, l2);
+  const lo = Math.min(l1, l2);
+  return (hi + 0.05) / (lo + 0.05);
+}
+function contrastRatio(a, b) {
+  return contrastFromLuminances(relativeLuminance(a), relativeLuminance(b));
+}
+function contrastRatioCss(a, b) {
+  const ca = parseColor(a);
+  const cb = parseColor(b);
+  if (!ca || !cb) return 1;
+  return contrastRatio(ca, cb);
+}
+const OKLCH_RE = /^oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)\s*\)$/i;
+function parseColor(value) {
+  const v = value.trim();
+  const m = OKLCH_RE.exec(v);
+  if (m && m[1] && m[2] && m[3]) {
+    const lRaw = parseFloat(m[1]);
+    const l = v.includes("%") ? lRaw / 100 : lRaw;
+    return { l, c: parseFloat(m[2]), h: parseFloat(m[3]) };
+  }
+  if (v.startsWith("#")) {
+    const srgb = parseHex(v);
+    if (!srgb) return null;
+    return srgbToOklch(srgb);
+  }
+  return null;
+}
+function srgbToOklch(srgb) {
+  const r = srgbToLinearChannel(srgb.r);
+  const g = srgbToLinearChannel(srgb.g);
+  const b = srgbToLinearChannel(srgb.b);
+  const l_ = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m_ = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s_ = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+  const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
+  const bb = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
+  const c = Math.hypot(a, bb);
+  const h = normalizeHue(Math.atan2(bb, a) * 180 / Math.PI);
+  return { l: L, c, h };
+}
+const Oklch = {
+  normalizeHue,
+  isInSrgbGamut,
+  clampChromaToGamut,
+  oklchToHex,
+  oklchToCss,
+  parseColor,
+  relativeLuminance,
+  contrastRatio,
+  contrastRatioCss
+};
+const TONE_FAMILIES = [
+  "primary",
+  "accent",
+  "destructive",
+  "info",
+  "success",
+  "warning"
+];
+const SURFACE_TOKENS = [
+  "background",
+  "foreground",
+  "card",
+  "card-foreground",
+  "popover",
+  "popover-foreground",
+  "muted",
+  "muted-foreground",
+  "subtle-foreground",
+  "inverse",
+  "inverse-foreground",
+  "border",
+  "border-strong",
+  "input",
+  "ring"
+];
+const SEMANTIC_TOKENS = [
+  ...SURFACE_TOKENS,
+  ...TONE_FAMILIES.flatMap(
+    (f) => [f, `${f}-foreground`, `${f}-soft`, `${f}-soft-foreground`]
+  )
+];
+function applyToneSlots(target, family, slots) {
+  target[family] = slots.base;
+  target[`${family}-foreground`] = slots.foreground;
+  target[`${family}-soft`] = slots.soft;
+  target[`${family}-soft-foreground`] = slots.softForeground;
+}
+const ThemeRadius = {
+  /** Refers to a small global radius. */
+  Sm: "sm",
+  /** Refers to a medium global radius. */
+  Md: "md",
+  /** Refers to a large global radius. */
+  Lg: "lg"
+};
+const ThemeStatus = {
+  /** Refers to a theme proven against a real app surface. */
+  Validated: "validated",
+  /** Refers to an AA-proven theme not yet app-validated. */
+  Candidate: "candidate"
+};
+const NeutralTemp = {
+  /** Refers to a cool-biased grey ramp. */
+  Cool: "cool",
+  /** Refers to a pure-neutral grey ramp. */
+  Neutral: "neutral",
+  /** Refers to a warm-biased grey ramp. */
+  Warm: "warm"
+};
+const AccentMode = {
+  /** Refers to a complementary (opposite) accent hue. */
+  Complementary: "complementary",
+  /** Refers to an analogous (adjacent) accent hue. */
+  Analogous: "analogous",
+  /** Refers to a triadic accent hue. */
+  Triadic: "triadic",
+  /** Refers to a mono (same-hue) accent. */
+  Mono: "mono"
+};
+const SurfaceStyle = {
+  /** Refers to gentle, low-contrast surfaces. */
+  Soft: "soft",
+  /** Refers to punchier surface separation. */
+  Crisp: "crisp"
+};
+const AA_TEXT = 4.5;
+const AA_UI = 3;
+function contrastPairs() {
+  const pairs = [
+    { fg: "foreground", bg: "background", min: AA_TEXT },
+    { fg: "card-foreground", bg: "card", min: AA_TEXT },
+    { fg: "popover-foreground", bg: "popover", min: AA_TEXT },
+    { fg: "muted-foreground", bg: "muted", min: AA_TEXT },
+    { fg: "subtle-foreground", bg: "background", min: AA_UI },
+    { fg: "inverse-foreground", bg: "inverse", min: AA_TEXT },
+    // Focus ring is a UI affordance against the page → AA_UI.
+    { fg: "ring", bg: "background", min: AA_UI }
+  ];
+  for (const f of TONE_FAMILIES) {
+    pairs.push({ fg: `${f}-foreground`, bg: f, min: AA_TEXT });
+    pairs.push({ fg: `${f}-soft-foreground`, bg: `${f}-soft`, min: AA_TEXT });
+  }
+  return pairs;
+}
+function checkMode(set, mode) {
+  const failures = [];
+  for (const { fg, bg, min } of contrastPairs()) {
+    const ratio = contrastRatioCss(set[fg], set[bg]);
+    if (ratio + 1e-3 < min) {
+      failures.push(
+        `${mode}: ${fg} on ${bg} = ${ratio.toFixed(2)} (need ${min.toFixed(1)})`
+      );
+    }
+  }
+  return failures;
+}
+function validateTheme(theme) {
+  const failures = [
+    ...checkMode(theme.light, ColorMode.Light),
+    ...checkMode(theme.dark, ColorMode.Dark)
+  ];
+  return failures.length === 0 ? { contrastAA: true } : { contrastAA: false, failures };
+}
+const NEUTRAL_TINT = {
+  cool: { hue: 250, chroma: 0.012 },
+  // bluish slate
+  neutral: { hue: 270, chroma: 3e-3 },
+  // near-achromatic
+  warm: { hue: 70, chroma: 0.012 }
+  // warm stone
+};
+const STATUS_HUE = {
+  success: 150,
+  warning: 80,
+  destructive: 27,
+  info: 230
+};
+const clampL = (l) => Math.min(0.985, Math.max(0.06, l));
+function bestTextOn(bg, hue) {
+  const white = { l: 0.985, c: 4e-3, h: hue };
+  const black = { l: 0.18, c: 0.01, h: hue };
+  return contrastRatio(white, bg) >= contrastRatio(black, bg) ? white : black;
+}
+function nudgeForeground(fg, bg, min) {
+  let cur = { ...fg };
+  if (contrastRatio(cur, bg) >= min) return cur;
+  const goLighter = relativeLuminance(bg) < 0.4;
+  const step = goLighter ? 0.03 : -0.03;
+  for (let i = 0; i < 32; i++) {
+    cur = { ...cur, l: clampL(cur.l + step) };
+    if (contrastRatio(cur, bg) >= min) return cur;
+    if (cur.l <= 0.06 || cur.l >= 0.985) break;
+  }
+  return goLighter ? { l: 0.985, c: 0, h: fg.h } : { l: 0.1, c: 0, h: fg.h };
+}
+function resolveSolidPair(base, fg, min) {
+  let curFg = nudgeForeground(fg, base, min);
+  if (contrastRatio(curFg, base) >= min) return { base, foreground: curFg };
+  const fgIsLight = relativeLuminance(curFg) >= 0.5;
+  const step = fgIsLight ? -0.02 : 0.02;
+  let curBase = { ...base };
+  for (let i = 0; i < 32; i++) {
+    curBase = { ...curBase, l: clampL(curBase.l + step) };
+    curFg = nudgeForeground(curFg, curBase, min);
+    if (contrastRatio(curFg, curBase) >= min) break;
+    if (curBase.l <= 0.06 || curBase.l >= 0.985) break;
+  }
+  return { base: curBase, foreground: curFg };
+}
+function modeConfig(isDark, surface) {
+  const crisp = surface === "crisp";
+  if (isDark) {
+    return {
+      bgL: crisp ? 0.16 : 0.2,
+      surfStep: crisp ? 0.05 : 0.04,
+      fgL: 0.96,
+      toneL: 0.7,
+      toneC: 0.16,
+      softL: 0.3,
+      softC: 0.06,
+      isDark: true
+    };
+  }
+  return {
+    bgL: 1,
+    surfStep: crisp ? -0.035 : -0.025,
+    fgL: 0.2,
+    toneL: 0.58,
+    toneC: 0.17,
+    softL: 0.95,
+    softC: 0.05,
+    isDark: false
+  };
+}
+function buildMode(primaryHue, accentHue, neutralTemp, surface, isDark) {
+  const cfg = modeConfig(isDark, surface);
+  const tint = NEUTRAL_TINT[neutralTemp];
+  const nh = tint.hue;
+  const nc = tint.chroma;
+  const background = { l: clampL(cfg.bgL), c: nc, h: nh };
+  const card = { l: clampL(cfg.bgL + cfg.surfStep), c: nc, h: nh };
+  const popover = card;
+  const muted = { l: clampL(cfg.bgL + cfg.surfStep * 1.5), c: nc * 1.4, h: nh };
+  const border = { l: clampL(cfg.bgL + cfg.surfStep * 2.2), c: nc * 1.6, h: nh };
+  const borderStrong = {
+    l: clampL(cfg.bgL + cfg.surfStep * 3.4),
+    c: nc * 1.8,
+    h: nh
+  };
+  const input = borderStrong;
+  const foreground = nudgeForeground({ l: cfg.fgL, c: nc * 2, h: nh }, background, AA_TEXT);
+  const cardFg = nudgeForeground(foreground, card, AA_TEXT);
+  const popoverFg = nudgeForeground(foreground, popover, AA_TEXT);
+  const mutedFg = nudgeForeground(
+    { l: isDark ? 0.72 : 0.5, c: nc * 2.5, h: nh },
+    muted,
+    AA_TEXT
+  );
+  const subtleFg = nudgeForeground(
+    { l: isDark ? 0.55 : 0.62, c: nc * 2, h: nh },
+    background,
+    AA_UI
+  );
+  const inverse = isDark ? { l: 0.96, c: nc, h: nh } : { l: 0.2, c: nc * 2, h: nh };
+  const inverseFg = nudgeForeground(
+    { l: isDark ? 0.18 : 0.97, c: nc, h: nh },
+    inverse,
+    AA_TEXT
+  );
+  const buildTone = (hue, chromaScale = 1) => {
+    const baseSeed = { l: cfg.toneL, c: cfg.toneC * chromaScale, h: hue };
+    const foregroundC = bestTextOn(baseSeed, hue);
+    const { base, foreground: fg } = resolveSolidPair(baseSeed, foregroundC, AA_TEXT);
+    const soft = { l: cfg.softL, c: cfg.softC * chromaScale, h: hue };
+    const softFgSeed = isDark ? { l: 0.85, c: cfg.softC * 1.4 * chromaScale, h: hue } : { l: 0.42, c: cfg.toneC * 0.9 * chromaScale, h: hue };
+    const softFg = nudgeForeground(softFgSeed, soft, AA_TEXT);
+    return {
+      base: oklchToCss(base),
+      foreground: oklchToCss(fg),
+      soft: oklchToCss(soft),
+      softForeground: oklchToCss(softFg)
+    };
+  };
+  const ring = nudgeForeground(
+    { l: isDark ? 0.7 : 0.55, c: 0.16, h: primaryHue },
+    background,
+    AA_UI
+  );
+  const set = {
+    background: oklchToCss(background),
+    foreground: oklchToCss(foreground),
+    card: oklchToCss(card),
+    "card-foreground": oklchToCss(cardFg),
+    popover: oklchToCss(popover),
+    "popover-foreground": oklchToCss(popoverFg),
+    muted: oklchToCss(muted),
+    "muted-foreground": oklchToCss(mutedFg),
+    "subtle-foreground": oklchToCss(subtleFg),
+    inverse: oklchToCss(inverse),
+    "inverse-foreground": oklchToCss(inverseFg),
+    border: oklchToCss(border),
+    "border-strong": oklchToCss(borderStrong),
+    input: oklchToCss(input),
+    ring: oklchToCss(ring)
+  };
+  const tones = {
+    primary: primaryHue,
+    accent: accentHue,
+    destructive: STATUS_HUE.destructive,
+    info: STATUS_HUE.info,
+    success: STATUS_HUE.success,
+    warning: STATUS_HUE.warning
+  };
+  for (const [family, hue] of Object.entries(tones)) {
+    const chromaScale = family === "warning" ? 0.92 : 1;
+    applyToneSlots(set, family, buildTone(hue, chromaScale));
+  }
+  return set;
+}
+function accentHueFrom(primaryHue, mode) {
+  switch (mode) {
+    case "complementary":
+      return normalizeHue(primaryHue + 180);
+    case "analogous":
+      return normalizeHue(primaryHue + 40);
+    case "triadic":
+      return normalizeHue(primaryHue + 120);
+    case "mono":
+      return primaryHue;
+  }
+}
+function defaultDescription(seed) {
+  const temp = seed.neutralTemp ?? "neutral";
+  const surf = seed.surface ?? "crisp";
+  return `Generated theme · hue ${Math.round(seed.primaryHue)}° · ${temp} neutrals · ${surf} surfaces.`;
+}
+function generateTheme(seed) {
+  const primaryHue = normalizeHue(seed.primaryHue);
+  const neutralTemp = seed.neutralTemp ?? "neutral";
+  const accentMode = seed.accentMode ?? "complementary";
+  const surface = seed.surface ?? "crisp";
+  const accentHue = accentHueFrom(primaryHue, accentMode);
+  const light = buildMode(primaryHue, accentHue, neutralTemp, surface, false);
+  const dark = buildMode(primaryHue, accentHue, neutralTemp, surface, true);
+  const meta = validateTheme({ light, dark });
+  const autoTags = [
+    neutralTemp,
+    accentMode,
+    surface,
+    meta.contrastAA ? "aa" : "aa-fail"
+  ];
+  return {
+    id: seed.id,
+    name: seed.name,
+    description: seed.description ?? defaultDescription(seed),
+    tags: Array.from(/* @__PURE__ */ new Set([...seed.tags ?? [], ...autoTags])),
+    light,
+    dark,
+    radius: seed.radius,
+    // Generated/curated themes default to `candidate` — engine-proven, not yet
+    // validated against a real app surface.
+    status: ThemeStatus.Candidate,
+    meta
+  };
+}
+const RADIUS_SCALE = {
+  sm: { md: "0.375rem", lg: "0.5rem", xl: "0.75rem" },
+  md: { md: "0.5rem", lg: "0.75rem", xl: "1rem" },
+  lg: { md: "0.625rem", lg: "0.875rem", xl: "1.25rem" }
+};
+function declarations(set, indent = "  ") {
+  return SEMANTIC_TOKENS.map((tok) => `${indent}--color-${tok}: ${set[tok]};`).join(
+    "\n"
+  );
+}
+function radiusDeclarations(theme, indent = "  ") {
+  if (!theme.radius) return "";
+  const scale = RADIUS_SCALE[theme.radius];
+  return "\n" + Object.entries(scale).map(([k, v]) => `${indent}--radius-${k}: ${v};`).join("\n");
+}
+function themeToCss(theme) {
+  const radius = radiusDeclarations(theme);
+  const light = `.theme-${theme.id} {
+${declarations(theme.light)}${radius}
+}`;
+  const dark = `.dark.theme-${theme.id} {
+${declarations(theme.dark)}
+}`;
+  return `${light}
+
+${dark}`;
+}
+function emitAllThemesCss(themes) {
+  const banner = "/* Generated by @wow-two-beta/ui-vue theme engine — do not edit by hand.\n * Source: src/themes/registry.ts → regenerate via the package build. */\n";
+  const body = themes.map(themeToCss).join("\n\n");
+  return `${banner}
+${body}
+`;
+}
+function emitThemesManifest(themes) {
+  return themes.map((t) => ({
+    id: t.id,
+    name: t.name,
+    description: t.description,
+    tags: t.tags,
+    status: t.status,
+    contrastAA: t.meta.contrastAA
+  }));
+}
+const LIB_DEFAULT_LIGHT = {
+  background: "#ffffff",
+  foreground: "#18181b",
+  card: "#ffffff",
+  "card-foreground": "#18181b",
+  popover: "#ffffff",
+  "popover-foreground": "#18181b",
+  muted: "#f4f4f5",
+  "muted-foreground": "#71717a",
+  "subtle-foreground": "#a1a1aa",
+  inverse: "#18181b",
+  "inverse-foreground": "#fafafa",
+  border: "#e4e4e7",
+  "border-strong": "#d4d4d8",
+  input: "#d4d4d8",
+  ring: "#3b82f6",
+  primary: "#2563eb",
+  "primary-foreground": "#ffffff",
+  "primary-soft": "#dbeafe",
+  "primary-soft-foreground": "#1d4ed8",
+  accent: "#0d9488",
+  "accent-foreground": "#ffffff",
+  "accent-soft": "#ccfbf1",
+  "accent-soft-foreground": "#115e59",
+  destructive: "#dc2626",
+  "destructive-foreground": "#ffffff",
+  "destructive-soft": "#fef2f2",
+  "destructive-soft-foreground": "#b91c1c",
+  info: "#0891b2",
+  "info-foreground": "#ffffff",
+  "info-soft": "#ecfeff",
+  "info-soft-foreground": "#0e7490",
+  success: "#16a34a",
+  "success-foreground": "#ffffff",
+  "success-soft": "#f0fdf4",
+  "success-soft-foreground": "#15803d",
+  warning: "#f59e0b",
+  "warning-foreground": "#78350f",
+  "warning-soft": "#fffbeb",
+  "warning-soft-foreground": "#b45309"
+};
+const LIB_DEFAULT_DARK = {
+  background: "#09090b",
+  foreground: "#fafafa",
+  card: "#18181b",
+  "card-foreground": "#fafafa",
+  popover: "#18181b",
+  "popover-foreground": "#fafafa",
+  muted: "#18181b",
+  "muted-foreground": "#a1a1aa",
+  "subtle-foreground": "#71717a",
+  inverse: "#fafafa",
+  "inverse-foreground": "#09090b",
+  border: "#27272a",
+  "border-strong": "#3f3f46",
+  input: "#3f3f46",
+  ring: "#60a5fa",
+  primary: "#3b82f6",
+  "primary-foreground": "#ffffff",
+  "primary-soft": "#1e3a8a",
+  "primary-soft-foreground": "#dbeafe",
+  accent: "#2dd4bf",
+  "accent-foreground": "#042f2e",
+  "accent-soft": "#134e4a",
+  "accent-soft-foreground": "#5eead4",
+  destructive: "#ef4444",
+  "destructive-foreground": "#ffffff",
+  "destructive-soft": "#7f1d1d",
+  "destructive-soft-foreground": "#fee2e2",
+  info: "#06b6d4",
+  "info-foreground": "#ffffff",
+  "info-soft": "#164e63",
+  "info-soft-foreground": "#cffafe",
+  success: "#22c55e",
+  "success-foreground": "#ffffff",
+  "success-soft": "#14532d",
+  "success-soft-foreground": "#dcfce7",
+  warning: "#f59e0b",
+  "warning-foreground": "#78350f",
+  "warning-soft": "#78350f",
+  "warning-soft-foreground": "#fef3c7"
+};
+const smartQrLight = {
+  ...LIB_DEFAULT_LIGHT,
+  background: "#d9dde8",
+  card: "#ebeef4",
+  popover: "#ebeef4",
+  "popover-foreground": "#1c1d26",
+  muted: "#f1f2f8",
+  foreground: "#1c1d26",
+  "card-foreground": "#1c1d26",
+  // = foreground (app inherits foreground here)
+  "muted-foreground": "#6e7188",
+  "subtle-foreground": "#9b9fb5",
+  border: "#e4e6f0",
+  "border-strong": "#c7cad9",
+  input: "#e4e6f0",
+  ring: "#8b5cf6",
+  primary: "#7c3aed",
+  "primary-foreground": "#f5f3ff",
+  "primary-soft": "#ede9fe",
+  "primary-soft-foreground": "#5b21b6",
+  accent: "#0d9488",
+  "accent-foreground": "#ffffff",
+  "accent-soft": "#ccfbf1",
+  "accent-soft-foreground": "#115e59"
+};
+const smartQrDark = {
+  ...LIB_DEFAULT_DARK,
+  background: "#121214",
+  card: "#1c1c1f",
+  popover: "#1c1c1f",
+  "popover-foreground": "#e7e7e9",
+  muted: "#18181b",
+  foreground: "#e7e7e9",
+  "card-foreground": "#e7e7e9",
+  // = foreground (app inherits foreground here)
+  "muted-foreground": "#a1a1aa",
+  "subtle-foreground": "#6e6e76",
+  border: "#2a2a2e",
+  "border-strong": "#3a3a40",
+  input: "#2a2a2e",
+  ring: "#8b5cf6",
+  primary: "#8b5cf6",
+  "primary-soft": "#2a2440",
+  "primary-soft-foreground": "#c4b5fd",
+  accent: "#2dd4bf",
+  "accent-soft": "#103a35",
+  "accent-soft-foreground": "#5eead4"
+};
+const smartQr = {
+  id: "smart-qr",
+  name: "Smart QR",
+  description: "Violet brand + teal accent on cool lavender-grey (light) / charcoal (dark) — the validated Smart QR product theme.",
+  tags: ["brand", "violet", "teal", "validated", "product"],
+  light: smartQrLight,
+  dark: smartQrDark,
+  status: ThemeStatus.Validated,
+  // Recorded for transparency. We do NOT auto-nudge any value — status stays
+  // `validated` even if a pair fails (the human validated it visually).
+  meta: validateTheme({ light: smartQrLight, dark: smartQrDark })
+};
+const VALIDATED_THEMES = [smartQr];
+const NAMED_SEEDS = [
+  {
+    id: "catppuccin-latte",
+    name: "Catppuccin Latte",
+    description: "Soft mauve brand on warm latte neutrals — the light Catppuccin flavour.",
+    tags: ["editor", "catppuccin", "pastel", "warm", "soft"],
+    primaryHue: 290,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "catppuccin-frappe",
+    name: "Catppuccin Frappé",
+    description: "Muted mauve brand on cool slate — the mid Catppuccin flavour.",
+    tags: ["editor", "catppuccin", "pastel", "cool", "muted"],
+    primaryHue: 287,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "catppuccin-macchiato",
+    name: "Catppuccin Macchiato",
+    description: "Lavender-mauve brand on deep cool neutrals — the darker Catppuccin flavour.",
+    tags: ["editor", "catppuccin", "pastel", "cool", "soft"],
+    primaryHue: 280,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "catppuccin-mocha",
+    name: "Catppuccin Mocha",
+    description: "Pastel mauve brand on the darkest Catppuccin slate — cozy and dim.",
+    tags: ["editor", "catppuccin", "pastel", "cool", "soft"],
+    primaryHue: 283,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "tokyo-night",
+    name: "Tokyo Night",
+    description: "Indigo-blue brand on deep cool navy — neon-city night editor palette.",
+    tags: ["editor", "tokyo-night", "cool", "calm"],
+    primaryHue: 252,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "tokyo-night-storm",
+    name: "Tokyo Night Storm",
+    description: "Soft blue brand on stormy blue-grey — the lighter-ground Tokyo Night variant.",
+    tags: ["editor", "tokyo-night", "cool", "muted"],
+    primaryHue: 246,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "tokyo-night-light",
+    name: "Tokyo Night Light",
+    description: "Indigo brand on crisp cool paper — the daytime Tokyo Night.",
+    tags: ["editor", "tokyo-night", "cool", "light"],
+    primaryHue: 250,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "rose-pine",
+    name: "Rosé Pine",
+    description: "Dusky rose brand on muted plum-grey — the cozy Rosé Pine vibe.",
+    tags: ["editor", "rose-pine", "muted", "soft", "cool"],
+    primaryHue: 350,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "rose-pine-moon",
+    name: "Rosé Pine Moon",
+    description: "Soft rose brand on a lighter moonlit plum ground — Rosé Pine Moon.",
+    tags: ["editor", "rose-pine", "muted", "soft", "cool"],
+    primaryHue: 345,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "rose-pine-dawn",
+    name: "Rosé Pine Dawn",
+    description: "Rose brand on warm parchment — the light Rosé Pine Dawn.",
+    tags: ["editor", "rose-pine", "warm", "soft", "light"],
+    primaryHue: 352,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "one-dark",
+    name: "One Dark",
+    description: "Hyperlink-blue brand on cool gunmetal — the Atom/One Dark classic.",
+    tags: ["editor", "one-dark", "cool", "calm"],
+    primaryHue: 240,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "one-light",
+    name: "One Light",
+    description: "Blue brand on crisp neutral paper — the One Light editor theme.",
+    tags: ["editor", "one-light", "neutral", "light"],
+    primaryHue: 240,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "ayu-dark",
+    name: "Ayu Dark",
+    description: "Warm amber brand on near-black ink — Ayu Dark’s signature glow.",
+    tags: ["editor", "ayu", "warm", "vibrant"],
+    primaryHue: 60,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "ayu-mirage",
+    name: "Ayu Mirage",
+    description: "Amber-gold brand on muted blue-grey — the mid Ayu Mirage tone.",
+    tags: ["editor", "ayu", "warm", "muted"],
+    primaryHue: 55,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "ayu-light",
+    name: "Ayu Light",
+    description: "Warm orange brand on bright paper — the daytime Ayu Light.",
+    tags: ["editor", "ayu", "warm", "light"],
+    primaryHue: 48,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "everforest",
+    name: "Everforest",
+    description: "Soft moss-green brand on warm forest-grey — the gentle Everforest palette.",
+    tags: ["editor", "everforest", "nature", "warm", "muted"],
+    primaryHue: 135,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "everforest-light",
+    name: "Everforest Light",
+    description: "Moss green brand on warm cream — the light Everforest.",
+    tags: ["editor", "everforest", "nature", "warm", "light"],
+    primaryHue: 130,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "kanagawa",
+    name: "Kanagawa",
+    description: "Wave-blue brand on warm sumi-ink grey — inspired by Hokusai’s Great Wave.",
+    tags: ["editor", "kanagawa", "cool", "muted", "warm"],
+    primaryHue: 220,
+    neutralTemp: "warm",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "kanagawa-lotus",
+    name: "Kanagawa Lotus",
+    description: "Indigo brand on warm parchment — the light Kanagawa Lotus.",
+    tags: ["editor", "kanagawa", "warm", "light", "muted"],
+    primaryHue: 235,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "night-owl",
+    name: "Night Owl",
+    description: "Cyan-teal brand on deep midnight blue — a palette tuned for late-night coding.",
+    tags: ["editor", "night-owl", "cool", "vibrant"],
+    primaryHue: 195,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "light-owl",
+    name: "Light Owl",
+    description: "Teal brand on crisp cool paper — the daytime Light Owl.",
+    tags: ["editor", "night-owl", "cool", "light"],
+    primaryHue: 198,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "synthwave",
+    name: "Synthwave",
+    description: "Hot-magenta brand with a cyan accent on deep purple-black — retro 80s neon.",
+    tags: ["editor", "synthwave", "retro", "vibrant", "neon"],
+    primaryHue: 320,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "crisp"
+  },
+  {
+    id: "outrun",
+    name: "Outrun",
+    description: "Sunset-orange brand with a violet accent on dark indigo — neon sunset drive.",
+    tags: ["retro", "synthwave", "vibrant", "warm", "neon"],
+    primaryHue: 32,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "crisp"
+  },
+  {
+    id: "material",
+    name: "Material",
+    description: "Indigo brand with a teal accent on neutral greys — the Material Design baseline.",
+    tags: ["brand", "material", "neutral", "classic"],
+    primaryHue: 255,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "material-ocean",
+    name: "Material Ocean",
+    description: "Bright blue brand on deep ocean-navy — the Material Theme Ocean variant.",
+    tags: ["editor", "material", "cool", "calm"],
+    primaryHue: 225,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "palenight",
+    name: "Palenight",
+    description: "Soft violet brand on dim blue-grey — the mellow Material Palenight.",
+    tags: ["editor", "material", "cool", "muted", "soft"],
+    primaryHue: 270,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "oceanic-next",
+    name: "Oceanic Next",
+    description: "Teal-blue brand on slate navy — the Oceanic Next editor palette.",
+    tags: ["editor", "oceanic", "cool", "calm"],
+    primaryHue: 200,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "horizon",
+    name: "Horizon",
+    description: "Coral-rose brand with a cyan accent on warm plum-charcoal — the warm Horizon palette.",
+    tags: ["editor", "horizon", "warm", "vibrant"],
+    primaryHue: 5,
+    neutralTemp: "warm",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "github-dark",
+    name: "GitHub Dark",
+    description: "GitHub-blue brand on cool slate — the dark GitHub interface palette.",
+    tags: ["brand", "github", "cool", "professional"],
+    primaryHue: 235,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "github-light",
+    name: "GitHub Light",
+    description: "GitHub-blue brand on crisp neutral white — the light GitHub interface.",
+    tags: ["brand", "github", "neutral", "professional", "light"],
+    primaryHue: 235,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "github-dimmed",
+    name: "GitHub Dimmed",
+    description: "GitHub-blue brand on softened slate — the low-glare GitHub Dimmed mode.",
+    tags: ["brand", "github", "cool", "muted"],
+    primaryHue: 233,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "soft"
+  },
+  {
+    id: "cobalt2",
+    name: "Cobalt2",
+    description: "Electric cobalt brand with an amber accent on deep navy — Wes Bos’ Cobalt2.",
+    tags: ["editor", "cobalt", "cool", "vibrant"],
+    primaryHue: 228,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "panda",
+    name: "Panda",
+    description: "Pink-magenta brand with a cyan accent on near-black grey — the friendly Panda Syntax.",
+    tags: ["editor", "panda", "vibrant", "neutral"],
+    primaryHue: 335,
+    neutralTemp: "neutral",
+    accentMode: "triadic",
+    surface: "crisp"
+  },
+  {
+    id: "monokai-pro",
+    name: "Monokai Pro",
+    description: "Warm yellow-amber brand with a magenta accent on warm charcoal — Monokai Pro.",
+    tags: ["editor", "monokai", "warm", "vibrant"],
+    primaryHue: 70,
+    neutralTemp: "warm",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "solarized-dark",
+    name: "Solarized Dark",
+    description: "Cyan-blue brand on the deep teal-grey Solarized base — the dark Solarized.",
+    tags: ["editor", "solarized", "cool", "muted"],
+    primaryHue: 205,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "soft"
+  },
+  {
+    id: "gruvbox-light",
+    name: "Gruvbox Light",
+    description: "Warm orange brand on retro cream — the light Gruvbox.",
+    tags: ["editor", "gruvbox", "warm", "retro", "light"],
+    primaryHue: 45,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "gruvbox-material",
+    name: "Gruvbox Material",
+    description: "Softened amber brand on muted warm grey — the gentler Gruvbox Material.",
+    tags: ["editor", "gruvbox", "warm", "retro", "muted"],
+    primaryHue: 52,
+    neutralTemp: "warm",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "nord-light",
+    name: "Nord Light",
+    description: "Frost-blue brand on bright arctic snow — the light counterpart to Nord.",
+    tags: ["editor", "nord", "cool", "muted", "light"],
+    primaryHue: 213,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "aurora",
+    name: "Aurora",
+    description: "Frost-green brand with a violet accent on cool slate — Nord’s Aurora highlights.",
+    tags: ["editor", "nord", "cool", "nature"],
+    primaryHue: 150,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "dracula-pro",
+    name: "Dracula Pro",
+    description: "Refined purple brand with a pink accent on warm-tinted charcoal — Dracula Pro.",
+    tags: ["editor", "dracula", "vibrant", "cool"],
+    primaryHue: 268,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "shades-of-purple",
+    name: "Shades of Purple",
+    description: "Royal violet brand with a gold accent on deep indigo — the bold SoP palette.",
+    tags: ["editor", "purple", "vibrant", "cool"],
+    primaryHue: 275,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "winter-is-coming",
+    name: "Winter is Coming",
+    description: "Cool blue brand on icy slate — the crisp Winter-is-Coming editor theme.",
+    tags: ["editor", "cool", "calm", "muted"],
+    primaryHue: 218,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "cyberpunk",
+    name: "Cyberpunk",
+    description: "Electric cyan brand with a hot-pink accent on black — high-voltage neon.",
+    tags: ["retro", "neon", "vibrant", "cool"],
+    primaryHue: 192,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "crisp"
+  },
+  {
+    id: "spacegray",
+    name: "Spacegray",
+    description: "Muted blue brand on understated cool grey — the calm Spacegray UI.",
+    tags: ["editor", "cool", "muted", "minimal"],
+    primaryHue: 210,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "github-copilot",
+    name: "Copilot",
+    description: "Teal-cyan brand on neutral slate — a calm assistant-inspired palette.",
+    tags: ["brand", "cool", "fresh", "professional"],
+    primaryHue: 185,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "vercel",
+    name: "Vercel",
+    description: "Pure achromatic brand on stark neutral greys — the high-contrast Vercel look.",
+    tags: ["brand", "neutral", "minimal", "grayscale"],
+    primaryHue: 0,
+    neutralTemp: "neutral",
+    accentMode: "mono",
+    surface: "crisp"
+  },
+  {
+    id: "stripe",
+    name: "Stripe",
+    description: "Indigo-violet brand with an analogous accent on cool neutrals — the Stripe brand feel.",
+    tags: ["brand", "cool", "professional", "vibrant"],
+    primaryHue: 258,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "spotify",
+    name: "Spotify",
+    description: "Vivid green brand on near-black neutral — the energetic streaming-app palette.",
+    tags: ["brand", "nature", "vibrant", "neutral"],
+    primaryHue: 145,
+    neutralTemp: "neutral",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "firewatch",
+    name: "Firewatch",
+    description: "Sunset-orange brand with a teal accent on dusky blue — inspired by the game’s vistas.",
+    tags: ["nature", "warm", "vibrant", "cool"],
+    primaryHue: 28,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "soft"
+  },
+  {
+    id: "andromeda",
+    name: "Andromeda",
+    description: "Magenta-pink brand with a green accent on deep space-blue — the vivid Andromeda palette.",
+    tags: ["editor", "vibrant", "cool", "neon"],
+    primaryHue: 330,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "bluloco-light",
+    name: "Bluloco Light",
+    description: "Saturated blue brand on crisp paper — the punchy Bluloco Light.",
+    tags: ["editor", "cool", "vibrant", "light"],
+    primaryHue: 230,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "noctis",
+    name: "Noctis",
+    description: "Teal brand on deep blue-green ink — the legible Noctis editor palette.",
+    tags: ["editor", "cool", "fresh", "muted"],
+    primaryHue: 180,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "min-dark",
+    name: "Min Dark",
+    description: "Restrained cyan brand on pure dark neutral — the minimal Miniml/Min theme.",
+    tags: ["editor", "minimal", "cool", "neutral"],
+    primaryHue: 190,
+    neutralTemp: "neutral",
+    accentMode: "mono",
+    surface: "crisp"
+  },
+  {
+    id: "poimandres",
+    name: "Poimandres",
+    description: "Teal-cyan brand on deep blue-grey — the muted, modern Poimandres palette.",
+    tags: ["editor", "cool", "muted", "calm"],
+    primaryHue: 188,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "flexoki",
+    name: "Flexoki",
+    description: "Warm red-brown brand on inky warm paper — the analog Flexoki palette.",
+    tags: ["editor", "warm", "muted", "paper"],
+    primaryHue: 25,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "zenburn",
+    name: "Zenburn",
+    description: "Muted olive-tan brand on low-contrast warm grey — the classic low-glare Zenburn.",
+    tags: ["editor", "warm", "muted", "low-contrast"],
+    primaryHue: 95,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "oxocarbon",
+    name: "Oxocarbon",
+    description: "Magenta-violet brand with a cyan accent on pure carbon grey — IBM-inspired Oxocarbon.",
+    tags: ["editor", "vibrant", "neutral", "cool"],
+    primaryHue: 300,
+    neutralTemp: "neutral",
+    accentMode: "triadic",
+    surface: "crisp"
+  },
+  {
+    id: "iceberg",
+    name: "Iceberg",
+    description: "Cool periwinkle-blue brand on icy blue-grey — the restrained Iceberg palette.",
+    tags: ["editor", "cool", "muted", "calm"],
+    primaryHue: 245,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "apprentice",
+    name: "Apprentice",
+    description: "Muted khaki-green brand on warm dark grey — the low-key Apprentice terminal palette.",
+    tags: ["editor", "warm", "muted", "low-contrast"],
+    primaryHue: 100,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "tomorrow-night",
+    name: "Tomorrow Night",
+    description: "Calm blue brand on neutral charcoal — the balanced Tomorrow Night classic.",
+    tags: ["editor", "cool", "calm", "neutral"],
+    primaryHue: 222,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "embark",
+    name: "Embark",
+    description: "Violet brand with a teal accent on deep blue-purple — the vivid Embark palette.",
+    tags: ["editor", "vibrant", "cool"],
+    primaryHue: 278,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "moonlight",
+    name: "Moonlight",
+    description: "Periwinkle-violet brand on deep blue night — the dreamy Moonlight II palette.",
+    tags: ["editor", "cool", "calm", "soft"],
+    primaryHue: 262,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "bearded",
+    name: "Bearded",
+    description: "Magenta brand with a green accent on cool charcoal — a bold Bearded-style palette.",
+    tags: ["editor", "vibrant", "cool"],
+    primaryHue: 315,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "city-lights",
+    name: "City Lights",
+    description: "Steel-blue brand on deep blue-grey — the muted, urban City Lights palette.",
+    tags: ["editor", "cool", "muted", "calm"],
+    primaryHue: 205,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "snazzy",
+    name: "Snazzy",
+    description: "Bright cyan brand with a magenta accent on near-black — the punchy Hyper Snazzy.",
+    tags: ["terminal", "vibrant", "cool", "neon"],
+    primaryHue: 188,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "crisp"
+  },
+  {
+    id: "tomorrow-light",
+    name: "Tomorrow",
+    description: "Soft blue brand on clean neutral paper — the original light Tomorrow.",
+    tags: ["editor", "neutral", "calm", "light"],
+    primaryHue: 222,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "paper-color",
+    name: "PaperColor",
+    description: "Crisp blue brand on bright paper-white — the print-like PaperColor light theme.",
+    tags: ["editor", "neutral", "paper", "light"],
+    primaryHue: 228,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "quietlight",
+    name: "Quiet Light",
+    description: "Olive-green brand on warm cream — the soft, low-contrast Quiet Light.",
+    tags: ["editor", "warm", "soft", "light"],
+    primaryHue: 110,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  }
+];
+const HUE_STOPS = [
+  { hue: 0, family: "Scarlet", word: "Ember" },
+  { hue: 24, family: "Coral", word: "Flare" },
+  { hue: 48, family: "Marigold", word: "Glow" },
+  { hue: 72, family: "Citron", word: "Zest" },
+  { hue: 96, family: "Chartreuse", word: "Sprout" },
+  { hue: 120, family: "Clover", word: "Meadow" },
+  { hue: 144, family: "Jade", word: "Grove" },
+  { hue: 168, family: "Spruce", word: "Tide" },
+  { hue: 192, family: "Lagoon", word: "Reef" },
+  { hue: 216, family: "Cerulean", word: "Drift" },
+  { hue: 240, family: "Sapphire", word: "Dusk" },
+  { hue: 264, family: "Iris", word: "Nocturne" },
+  { hue: 288, family: "Orchid", word: "Bloom" },
+  { hue: 312, family: "Fuchsia", word: "Pulse" },
+  { hue: 336, family: "Magenta", word: "Blush" }
+];
+const ACCENT_VARIANTS = [
+  { mode: "complementary", init: "x", word: "complementary" },
+  { mode: "analogous", init: "a", word: "analogous" },
+  { mode: "triadic", init: "t", word: "triadic" }
+];
+const TEMP_VARIANTS = [
+  { temp: "cool", init: "c" },
+  { temp: "warm", init: "w" }
+];
+function buildSpectrumSeeds() {
+  const seeds = [];
+  for (const stop of HUE_STOPS) {
+    let i = 0;
+    for (const accent of ACCENT_VARIANTS) {
+      for (const temp of TEMP_VARIANTS) {
+        const surface = i % 2 === 0 ? "crisp" : "soft";
+        const tempWord = temp.temp === "cool" ? "cool" : "warm";
+        seeds.push({
+          id: `spectrum-${stop.hue}-${accent.init}${temp.init}`,
+          name: `${stop.family} ${stop.word}`,
+          description: `${stop.family} brand at hue ${stop.hue}° — ${accent.word} accent on ${tempWord} neutrals (${surface} surfaces).`,
+          tags: ["spectrum", "sweep", stop.family.toLowerCase(), tempWord, accent.word],
+          primaryHue: stop.hue,
+          neutralTemp: temp.temp,
+          accentMode: accent.mode,
+          surface
+        });
+        i++;
+      }
+    }
+  }
+  return seeds;
+}
+const SPECTRUM_SEEDS = buildSpectrumSeeds();
+const POOL_SEEDS = [...NAMED_SEEDS, ...SPECTRUM_SEEDS];
+const THEME_SEEDS = [
+  {
+    id: "wow",
+    name: "WoW",
+    description: "House blue — the @wow-two-beta/ui default vibe, regenerated in OKLCH.",
+    tags: ["brand", "default"],
+    primaryHue: 264,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "midnight",
+    name: "Midnight",
+    description: "Deep indigo on cool slate — calm, focused, low-glare.",
+    tags: ["cool", "calm"],
+    primaryHue: 268,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "slate",
+    name: "Slate",
+    description: "Neutral steel-blue brand on balanced greys — quiet and professional.",
+    tags: ["neutral", "professional"],
+    primaryHue: 235,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "ocean",
+    name: "Ocean",
+    description: "Azure brand with a teal accent over cool neutrals.",
+    tags: ["cool", "fresh"],
+    primaryHue: 222,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "forest",
+    name: "Forest",
+    description: "Pine green brand, warm-leaning neutrals, earthy accent.",
+    tags: ["nature", "warm"],
+    primaryHue: 150,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "emerald",
+    name: "Emerald",
+    description: "Vivid green-teal brand on crisp cool greys.",
+    tags: ["nature", "cool"],
+    primaryHue: 165,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "sunset",
+    name: "Sunset",
+    description: "Warm orange brand with a violet accent — energetic dusk palette.",
+    tags: ["warm", "vibrant"],
+    primaryHue: 42,
+    neutralTemp: "warm",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "amber",
+    name: "Amber",
+    description: "Golden brand on warm stone — cozy and grounded.",
+    tags: ["warm", "cozy"],
+    primaryHue: 75,
+    neutralTemp: "warm",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "rose",
+    name: "Rose",
+    description: "Soft crimson-pink brand with a warm neutral ground.",
+    tags: ["warm", "soft"],
+    primaryHue: 12,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "crimson",
+    name: "Crimson",
+    description: "Bold red brand on neutral greys — high-impact and direct.",
+    tags: ["warm", "bold"],
+    primaryHue: 25,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "plum",
+    name: "Plum",
+    description: "Rich magenta-purple brand with a green accent.",
+    tags: ["vibrant", "cool"],
+    primaryHue: 330,
+    neutralTemp: "cool",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "grape",
+    name: "Grape",
+    description: "Royal violet brand over cool neutrals, analogous accent.",
+    tags: ["cool", "vibrant"],
+    primaryHue: 295,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "lavender",
+    name: "Lavender",
+    description: "Gentle violet brand, soft surfaces, low-glare.",
+    tags: ["cool", "soft"],
+    primaryHue: 285,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "soft"
+  },
+  {
+    id: "teal",
+    name: "Teal",
+    description: "Balanced teal brand with a coral accent on neutral greys.",
+    tags: ["cool", "fresh"],
+    primaryHue: 195,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "cyan",
+    name: "Cyan",
+    description: "Bright cyan brand, cool neutrals, electric feel.",
+    tags: ["cool", "vibrant"],
+    primaryHue: 210,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "crisp"
+  },
+  {
+    id: "mint",
+    name: "Mint",
+    description: "Light spring-green brand on soft cool greys.",
+    tags: ["nature", "soft"],
+    primaryHue: 158,
+    neutralTemp: "neutral",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "nord",
+    name: "Nord",
+    description: "Arctic blue brand on desaturated cool slate — Nord-inspired.",
+    tags: ["cool", "calm", "muted"],
+    primaryHue: 213,
+    neutralTemp: "cool",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "solarized",
+    name: "Solarized",
+    description: "Cyan-blue brand on warm tan neutrals — Solarized-inspired balance.",
+    tags: ["warm", "muted"],
+    primaryHue: 205,
+    neutralTemp: "warm",
+    accentMode: "complementary",
+    surface: "soft"
+  },
+  {
+    id: "dracula",
+    name: "Dracula",
+    description: "Purple brand with a pink-magenta accent on cool neutrals — Dracula-inspired.",
+    tags: ["cool", "vibrant"],
+    primaryHue: 265,
+    neutralTemp: "cool",
+    accentMode: "triadic",
+    surface: "crisp"
+  },
+  {
+    id: "gruvbox",
+    name: "Gruvbox",
+    description: "Warm orange-amber brand on retro warm neutrals — Gruvbox-inspired.",
+    tags: ["warm", "retro", "muted"],
+    primaryHue: 50,
+    neutralTemp: "warm",
+    accentMode: "analogous",
+    surface: "soft"
+  },
+  {
+    id: "monokai",
+    name: "Monokai",
+    description: "Lime-green brand with a magenta accent on neutral greys — Monokai-inspired.",
+    tags: ["vibrant", "neutral"],
+    primaryHue: 130,
+    neutralTemp: "neutral",
+    accentMode: "complementary",
+    surface: "crisp"
+  },
+  {
+    id: "mono",
+    name: "Mono",
+    description: "Achromatic — black/white brand on pure neutral greys. Minimal, content-first.",
+    tags: ["neutral", "minimal", "grayscale"],
+    primaryHue: 270,
+    neutralTemp: "neutral",
+    accentMode: "mono",
+    surface: "crisp"
+  },
+  {
+    id: "graphite",
+    name: "Graphite",
+    description: "Near-mono with a faint cool-blue brand — understated and dense.",
+    tags: ["neutral", "minimal"],
+    primaryHue: 240,
+    neutralTemp: "cool",
+    accentMode: "mono",
+    surface: "crisp"
+  },
+  {
+    id: "sand",
+    name: "Sand",
+    description: "Warm taupe brand on soft sandy neutrals — paper-like and gentle.",
+    tags: ["warm", "soft", "minimal"],
+    primaryHue: 60,
+    neutralTemp: "warm",
+    accentMode: "mono",
+    surface: "soft"
+  }
+];
+const CANDIDATE_SEEDS = [...THEME_SEEDS, ...POOL_SEEDS];
+const CANDIDATE_THEMES = CANDIDATE_SEEDS.map(generateTheme);
+const THEMES = [...VALIDATED_THEMES, ...CANDIDATE_THEMES];
+function getTheme(id) {
+  return THEMES.find((t) => t.id === id);
+}
+function validatedThemes() {
+  return THEMES.filter((t) => t.status === ThemeStatus.Validated);
+}
+function candidateThemes() {
+  return THEMES.filter((t) => t.status === ThemeStatus.Candidate);
+}
+const THEME_IDS = THEMES.map((t) => t.id);
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AA_TEXT,
+  AA_UI,
+  AccentMode,
+  NeutralTemp,
+  Oklch,
+  SEMANTIC_TOKENS,
+  SURFACE_TOKENS,
+  SurfaceStyle,
+  THEMES,
+  THEME_IDS,
+  THEME_SEEDS,
+  TONE_FAMILIES,
+  ThemeRadius,
+  ThemeStatus,
+  applyToneSlots,
+  candidateThemes,
+  clampChromaToGamut,
+  contrastPairs,
+  contrastRatio,
+  contrastRatioCss,
+  emitAllThemesCss,
+  emitThemesManifest,
+  generateTheme,
+  getTheme,
+  isInSrgbGamut,
+  normalizeHue,
+  oklchToCss,
+  oklchToHex,
+  parseColor,
+  relativeLuminance,
+  themeToCss,
+  validateTheme,
+  validatedThemes
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  AA_TEXT as A,
+  themeToCss as B,
+  validateTheme as C,
+  validatedThemes as D,
+  NeutralTemp as N,
+  Oklch as O,
+  SEMANTIC_TOKENS as S,
+  THEMES as T,
+  AA_UI as a,
+  AccentMode as b,
+  SURFACE_TOKENS as c,
+  SurfaceStyle as d,
+  THEME_IDS as e,
+  THEME_SEEDS as f,
+  TONE_FAMILIES as g,
+  ThemeRadius as h,
+  index as i,
+  ThemeStatus as j,
+  applyToneSlots as k,
+  candidateThemes as l,
+  clampChromaToGamut as m,
+  contrastPairs as n,
+  contrastRatio as o,
+  contrastRatioCss as p,
+  emitAllThemesCss as q,
+  emitThemesManifest as r,
+  generateTheme as s,
+  getTheme as t,
+  isInSrgbGamut as u,
+  normalizeHue as v,
+  oklchToCss as w,
+  oklchToHex as x,
+  parseColor as y,
+  relativeLuminance as z
+};
+//# sourceMappingURL=index-BGzbbN9T.js.map