@bluepic/embed 0.4.0-next.99 → 0.5.1

package/dist/theme.mjs

@@ -0,0 +1,1313 @@
+const dr = [
+  /* mode */
+  "color-scheme",
+  // 'dark' | 'light' — feeds the CSS `color-scheme` property
+  /* surfaces (elevation ladder; each step is guaranteed to be distinguishable from the previous) */
+  "surface",
+  // page / editor background (the user's "background" choice)
+  "surface-rgb",
+  "surface-1",
+  // cards, gallery cards, popups
+  "surface-1-rgb",
+  "surface-2",
+  // popovers, menus, dropdowns, tooltips' neighbours
+  "surface-2-rgb",
+  "surface-3",
+  // nested/raised elements inside popovers
+  "surface-inverse",
+  // tooltips, toasts
+  "scrim",
+  // modal backdrop
+  /* ink = the text colour family; alpha-based so it works on every surface step */
+  "ink",
+  // solid ink colour (white in dark, near-black in light)
+  "ink-rgb",
+  "text",
+  // primary text
+  "text-muted",
+  // labels, descriptions
+  "text-faint",
+  // placeholders, disabled
+  "text-inverse",
+  // text on surface-inverse
+  "text-on-surface-rgb",
+  // legacy `--text-color-base` triplet (= ink-rgb)
+  "text-on-inverse-rgb",
+  // legacy `--text-color-alt` triplet
+  /* borders & dividers */
+  "border",
+  // subtle component borders
+  "border-strong",
+  // outlined buttons, bordered inputs
+  "divider",
+  "border-rgb",
+  // legacy `--border-color-base` triplet
+  /* neutral interaction fills (buttons, list hover, inputs) */
+  "fill",
+  // tonal neutral fill (secondary button, tag, segment)
+  "fill-hover",
+  "fill-active",
+  "field",
+  // input / select background
+  "field-hover",
+  "field-focus",
+  "hover",
+  // transparent→tint hover for ghost elements / list rows
+  "pressed",
+  /* primary / brand */
+  "primary",
+  "primary-rgb",
+  "primary-hover",
+  "primary-active",
+  "on-primary",
+  // text/icon on solid primary — auto black/white
+  "primary-text",
+  // primary used AS text on `surface` (contrast-corrected)
+  "primary-border",
+  // primary used as a 1px border/indicator on `surface` (≥ 3:1)
+  "primary-soft",
+  // tinted background (selected menu item, active tab, soft button)
+  "primary-soft-hover",
+  "focus-ring",
+  "focus-ring-width",
+  "focus-ring-offset",
+  // derived shades (kept for the component tier's `rgba(var(--primary-color-light), a)` habit)
+  "primary-dark",
+  "primary-dark-rgb",
+  "primary-light",
+  "primary-light-rgb",
+  "primary-bright",
+  "primary-bright-rgb",
+  /* status — each: base (solid), on (text on solid), text (as text on surface), soft (tint bg), border, + shades */
+  "success",
+  "success-rgb",
+  "on-success",
+  "success-text",
+  "success-soft",
+  "success-border",
+  "success-dark-rgb",
+  "success-light-rgb",
+  "success-darker-rgb",
+  "warning",
+  "warning-rgb",
+  "on-warning",
+  "warning-text",
+  "warning-soft",
+  "warning-border",
+  "warning-dark-rgb",
+  "warning-light-rgb",
+  "warning-darker-rgb",
+  "error",
+  "error-rgb",
+  "on-error",
+  "error-text",
+  "error-soft",
+  "error-border",
+  "error-dark-rgb",
+  "error-light-rgb",
+  "error-darker-rgb",
+  "info",
+  "info-rgb",
+  "on-info",
+  "info-text",
+  "info-soft",
+  "info-border",
+  "info-dark-rgb",
+  "info-light-rgb",
+  "info-bright-rgb",
+  /* elevation shadows */
+  "shadow-1",
+  "shadow-2",
+  "shadow-3",
+  /* shape & typography */
+  "radius-sm",
+  "radius-md",
+  "radius-lg",
+  "radius-full",
+  "font-family",
+  // UI font (controls)
+  "font-family-heading",
+  // heading / content font ("real text")
+  "font-size",
+  // e.g. 14px
+  "root-font-size",
+  // legacy unitless number (14)
+  /* canvas (the template preview area) */
+  "canvas",
+  "canvas-image",
+  "canvas-control",
+  "canvas-control-hover",
+  "on-canvas-control",
+  /* disabled */
+  "disabled-opacity"
+], br = "--bx-", Lo = [
+  { label: "Surfaces", tokens: ["surface", "surface-1", "surface-2", "surface-3", "surface-inverse", "scrim"] },
+  { label: "Text", tokens: ["text", "text-muted", "text-faint", "text-inverse"] },
+  { label: "Borders", tokens: ["border", "border-strong", "divider"] },
+  { label: "Neutral fills", tokens: ["fill", "fill-hover", "fill-active", "field", "field-hover", "field-focus", "hover", "pressed"] },
+  { label: "Primary", tokens: ["primary", "primary-hover", "primary-active", "on-primary", "primary-text", "primary-border", "primary-soft", "primary-soft-hover", "focus-ring"] },
+  { label: "Success", tokens: ["success", "on-success", "success-text", "success-soft", "success-border"] },
+  { label: "Warning", tokens: ["warning", "on-warning", "warning-text", "warning-soft", "warning-border"] },
+  { label: "Error", tokens: ["error", "on-error", "error-text", "error-soft", "error-border"] },
+  { label: "Info", tokens: ["info", "on-info", "info-text", "info-soft", "info-border"] },
+  { label: "Shape & type", tokens: ["radius-sm", "radius-md", "radius-lg", "radius-full", "font-family", "font-family-heading", "font-size"] },
+  { label: "Canvas", tokens: ["canvas", "canvas-control", "on-canvas-control"] }
+], io = {
+  // Same surfaces as the historical presets so existing campaigns keep their background.
+  dark: { surface: "#27262e", primary: "#4472c7" },
+  light: { surface: "#f2f2f2", primary: "#124bba" }
+}, Ho = [
+  { key: "light", label: "Light", description: "Neutral light surfaces, Bluepic blue.", input: { version: 2, preset: "light" } },
+  { key: "dark", label: "Dark", description: "Neutral dark surfaces, Bluepic blue.", input: { version: 2, preset: "dark" } },
+  { key: "midnight", label: "Midnight", description: "Near-black with cool, slightly tinted surfaces.", input: { version: 2, surface: "#0f1117", primary: "#7da8f7", tint: 0.35 } },
+  { key: "paper", label: "Paper", description: "Warm off-white, ink-black actions, crisp corners.", input: { version: 2, surface: "#fbf8f1", primary: "#1f1f1f", radius: "sm" } },
+  { key: "slate", label: "Slate", description: "Blue-grey dark surfaces with a teal accent.", input: { version: 2, surface: "#1e2530", primary: "#4fd1c5", tint: 0.4 } },
+  { key: "sand", label: "Sand", description: "Soft sand surfaces with a terracotta accent, rounded.", input: { version: 2, surface: "#f3ede3", primary: "#b5562c", radius: "lg" } },
+  { key: "forest", label: "Forest", description: "Deep green surfaces with a mint accent.", input: { version: 2, surface: "#0e1f17", primary: "#7ad39a", tint: 0.5 } },
+  { key: "ocean", label: "Ocean", description: "Cool light surfaces with a deep blue accent, pill shapes.", input: { version: 2, surface: "#eef4fb", primary: "#0b5cad", tint: 0.3, radius: "full" } },
+  { key: "graphite", label: "Graphite", description: "Pure black, high contrast, sharp corners — signage and dark brands.", input: { version: 2, surface: "#000000", primary: "#ffffff", radius: "none", contrast: "high" } },
+  { key: "plum", label: "Plum", description: "Deep aubergine surfaces with a warm coral accent.", input: { version: 2, surface: "#1f1423", primary: "#ff7a59", tint: 0.45, radius: "lg" } },
+  { key: "linen", label: "Linen", description: "Soft white linen with a muted navy accent, rounded.", input: { version: 2, surface: "#f7f7f4", primary: "#2f3e5c", tint: 0.15, radius: "lg" } }
+], lo = {
+  success: "#28a552",
+  warning: "#d9a400",
+  error: "#dc2f2f",
+  info: "#3b82f6"
+}, I = Object.freeze({ r: 255, g: 255, b: 255, a: 1 }), Z = Object.freeze({ r: 0, g: 0, b: 0, a: 1 }), Pr = [I, Object.freeze({ r: 17, g: 17, b: 17, a: 1 })], pr = (o, e, t) => o < e ? e : o > t ? t : o, w = (o) => pr(o, 0, 1), y = (o, e = 0) => Number.isFinite(o) ? o : e, k = (o, e, t, a = 1) => ({ r: o, g: e, b: t, a }), B = (o) => Math.round(pr(y(o), 0, 255)), ur = (o) => B(o).toString(16).padStart(2, "0"), uo = {
+  aliceblue: 15792383,
+  antiquewhite: 16444375,
+  aqua: 65535,
+  aquamarine: 8388564,
+  azure: 15794175,
+  beige: 16119260,
+  bisque: 16770244,
+  black: 0,
+  blanchedalmond: 16772045,
+  blue: 255,
+  blueviolet: 9055202,
+  brown: 10824234,
+  burlywood: 14596231,
+  cadetblue: 6266528,
+  chartreuse: 8388352,
+  chocolate: 13789470,
+  coral: 16744272,
+  cornflowerblue: 6591981,
+  cornsilk: 16775388,
+  crimson: 14423100,
+  cyan: 65535,
+  darkblue: 139,
+  darkcyan: 35723,
+  darkgoldenrod: 12092939,
+  darkgray: 11119017,
+  darkgreen: 25600,
+  darkgrey: 11119017,
+  darkkhaki: 12433259,
+  darkmagenta: 9109643,
+  darkolivegreen: 5597999,
+  darkorange: 16747520,
+  darkorchid: 10040012,
+  darkred: 9109504,
+  darksalmon: 15308410,
+  darkseagreen: 9419919,
+  darkslateblue: 4734347,
+  darkslategray: 3100495,
+  darkslategrey: 3100495,
+  darkturquoise: 52945,
+  darkviolet: 9699539,
+  deeppink: 16716947,
+  deepskyblue: 49151,
+  dimgray: 6908265,
+  dimgrey: 6908265,
+  dodgerblue: 2003199,
+  firebrick: 11674146,
+  floralwhite: 16775920,
+  forestgreen: 2263842,
+  fuchsia: 16711935,
+  gainsboro: 14474460,
+  ghostwhite: 16316671,
+  gold: 16766720,
+  goldenrod: 14329120,
+  gray: 8421504,
+  green: 32768,
+  greenyellow: 11403055,
+  grey: 8421504,
+  honeydew: 15794160,
+  hotpink: 16738740,
+  indianred: 13458524,
+  indigo: 4915330,
+  ivory: 16777200,
+  khaki: 15787660,
+  lavender: 15132410,
+  lavenderblush: 16773365,
+  lawngreen: 8190976,
+  lemonchiffon: 16775885,
+  lightblue: 11393254,
+  lightcoral: 15761536,
+  lightcyan: 14745599,
+  lightgoldenrodyellow: 16448210,
+  lightgray: 13882323,
+  lightgreen: 9498256,
+  lightgrey: 13882323,
+  lightpink: 16758465,
+  lightsalmon: 16752762,
+  lightseagreen: 2142890,
+  lightskyblue: 8900346,
+  lightslategray: 7833753,
+  lightslategrey: 7833753,
+  lightsteelblue: 11584734,
+  lightyellow: 16777184,
+  lime: 65280,
+  limegreen: 3329330,
+  linen: 16445670,
+  magenta: 16711935,
+  maroon: 8388608,
+  mediumaquamarine: 6737322,
+  mediumblue: 205,
+  mediumorchid: 12211667,
+  mediumpurple: 9662683,
+  mediumseagreen: 3978097,
+  mediumslateblue: 8087790,
+  mediumspringgreen: 64154,
+  mediumturquoise: 4772300,
+  mediumvioletred: 13047173,
+  midnightblue: 1644912,
+  mintcream: 16121850,
+  mistyrose: 16770273,
+  moccasin: 16770229,
+  navajowhite: 16768685,
+  navy: 128,
+  oldlace: 16643558,
+  olive: 8421376,
+  olivedrab: 7048739,
+  orange: 16753920,
+  orangered: 16729344,
+  orchid: 14315734,
+  palegoldenrod: 15657130,
+  palegreen: 10025880,
+  paleturquoise: 11529966,
+  palevioletred: 14381203,
+  papayawhip: 16773077,
+  peachpuff: 16767673,
+  peru: 13468991,
+  pink: 16761035,
+  plum: 14524637,
+  powderblue: 11591910,
+  purple: 8388736,
+  rebeccapurple: 6697881,
+  red: 16711680,
+  rosybrown: 12357519,
+  royalblue: 4286945,
+  saddlebrown: 9127187,
+  salmon: 16416882,
+  sandybrown: 16032864,
+  seagreen: 3050327,
+  seashell: 16774638,
+  sienna: 10506797,
+  silver: 12632256,
+  skyblue: 8900331,
+  slateblue: 6970061,
+  slategray: 7372944,
+  slategrey: 7372944,
+  snow: 16775930,
+  springgreen: 65407,
+  steelblue: 4620980,
+  tan: 13808780,
+  teal: 32896,
+  thistle: 14204888,
+  tomato: 16737095,
+  turquoise: 4251856,
+  violet: 15631086,
+  wheat: 16113331,
+  white: 16777215,
+  whitesmoke: 16119285,
+  yellow: 16776960,
+  yellowgreen: 10145074
+}, Br = /^[+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?$/, bo = /^([+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(deg|turn|rad|grad)?$/, go = /^(rgba?|hsla?)\(\s*(.*?)\s*\)$/;
+function xr(o) {
+  if (o === "none") return { value: 0, percent: !1 };
+  const e = o.endsWith("%"), t = e ? o.slice(0, -1) : o;
+  if (!Br.test(t)) return null;
+  const a = Number(t);
+  return Number.isFinite(a) ? { value: a, percent: e } : null;
+}
+function hr(o) {
+  const e = xr(o);
+  return e ? pr(e.percent ? e.value * 255 / 100 : e.value, 0, 255) : null;
+}
+function fo(o) {
+  const e = xr(o);
+  return e ? w(e.percent ? e.value / 100 : e.value) : null;
+}
+function jr(o) {
+  const e = xr(o);
+  return e ? w(e.value / 100) : null;
+}
+function po(o) {
+  if (o === "none") return 0;
+  const e = bo.exec(o);
+  if (!e) return null;
+  let t = Number(e[1]);
+  if (!Number.isFinite(t)) return null;
+  switch (e[2]) {
+    case "turn":
+      t *= 360;
+      break;
+    case "rad":
+      t *= 180 / Math.PI;
+      break;
+    case "grad":
+      t *= 0.9;
+      break;
+  }
+  return t %= 360, t < 0 && (t += 360), t;
+}
+function ho(o) {
+  if (o.includes(",")) {
+    if (o.includes("/")) return null;
+    const n = o.split(",").map((c) => c.trim());
+    return n.length !== 3 && n.length !== 4 || n.some((c) => c === "" || /\s/.test(c)) ? null : { ch: [n[0], n[1], n[2]], alpha: n[3] };
+  }
+  const e = o.split("/");
+  if (e.length > 2) return null;
+  const t = e[0].trim().split(/\s+/);
+  if (t.length !== 3) return null;
+  let a;
+  return e.length === 2 && (a = e[1].trim(), a === "" || /\s/.test(a)) ? null : { ch: [t[0], t[1], t[2]], alpha: a };
+}
+function mo(o, e, t) {
+  const a = (n) => {
+    const c = (n + o / 30) % 12, s = e * Math.min(t, 1 - t);
+    return t - s * Math.max(-1, Math.min(c - 3, 9 - c, 1));
+  };
+  return [a(0) * 255, a(8) * 255, a(4) * 255];
+}
+function _(o) {
+  if (typeof o != "string") return null;
+  const e = o.trim().toLowerCase();
+  if (!e) return null;
+  if (e === "transparent") return k(0, 0, 0, 0);
+  const t = uo[e];
+  if (t !== void 0) return k(t >> 16, t >> 8 & 255, t & 255, 1);
+  if (e[0] === "#") {
+    const n = e.slice(1);
+    if (!/^[0-9a-f]+$/.test(n)) return null;
+    const c = (i) => parseInt(n[i], 16), s = (i) => parseInt(n.slice(i, i + 2), 16);
+    switch (n.length) {
+      case 3:
+        return k(c(0) * 17, c(1) * 17, c(2) * 17, 1);
+      case 4:
+        return k(c(0) * 17, c(1) * 17, c(2) * 17, c(3) * 17 / 255);
+      case 6:
+        return k(s(0), s(2), s(4), 1);
+      case 8:
+        return k(s(0), s(2), s(4), s(6) / 255);
+      default:
+        return null;
+    }
+  }
+  const a = go.exec(e);
+  if (a) {
+    const n = ho(a[2]);
+    if (!n) return null;
+    const c = n.alpha === void 0 ? 1 : fo(n.alpha);
+    if (c === null) return null;
+    if (a[1] === "rgb" || a[1] === "rgba") {
+      const x = hr(n.ch[0]), P = hr(n.ch[1]), p = hr(n.ch[2]);
+      return x === null || P === null || p === null ? null : k(x, P, p, c);
+    }
+    const s = po(n.ch[0]), i = jr(n.ch[1]), d = jr(n.ch[2]);
+    if (s === null || i === null || d === null) return null;
+    const [g, C, b] = mo(s, i, d);
+    return k(g, C, b, c);
+  }
+  if (e.includes(",")) {
+    const n = e.split(",").map((d) => d.trim());
+    if (n.length !== 3 || !n.every((d) => Br.test(d))) return null;
+    const [c, s, i] = n.map((d) => pr(Number(d), 0, 255));
+    return k(c, s, i, 1);
+  }
+  return null;
+}
+function q(o) {
+  const e = w(o);
+  return e <= 0.04045 ? e / 12.92 : Math.pow((e + 0.055) / 1.055, 2.4);
+}
+function mr(o) {
+  const e = w(o);
+  return e <= 31308e-7 ? e * 12.92 : 1.055 * Math.pow(e, 1 / 2.4) - 0.055;
+}
+function vo(o, e, t) {
+  const a = 0.4122214708 * o + 0.5363325363 * e + 0.0514459929 * t, n = 0.2119034982 * o + 0.6806995451 * e + 0.1073969566 * t, c = 0.0883024619 * o + 0.2817188376 * e + 0.6299787005 * t, s = Math.cbrt(a), i = Math.cbrt(n), d = Math.cbrt(c);
+  return {
+    L: 0.2104542553 * s + 0.793617785 * i - 0.0040720468 * d,
+    a: 1.9779984951 * s - 2.428592205 * i + 0.4505937099 * d,
+    b: 0.0259040371 * s + 0.7827717662 * i - 0.808675766 * d
+  };
+}
+function vr(o, e, t) {
+  const a = o + 0.3963377774 * e + 0.2158037573 * t, n = o - 0.1055613458 * e - 0.0638541728 * t, c = o - 0.0894841775 * e - 1.291485548 * t, s = a * a * a, i = n * n * n, d = c * c * c;
+  return [
+    4.0767416621 * s - 3.3077115913 * i + 0.2309699292 * d,
+    -1.2684380046 * s + 2.6097574011 * i - 0.3413193965 * d,
+    -0.0041960863 * s - 0.7034186147 * i + 1.707614701 * d
+  ];
+}
+function gr(o) {
+  return vo(q(o.r / 255), q(o.g / 255), q(o.b / 255));
+}
+const yo = 1e-6;
+function Fr(o) {
+  const e = Math.hypot(o.a, o.b);
+  let t = e < yo ? 0 : Math.atan2(o.b, o.a) * 180 / Math.PI;
+  return t < 0 && (t += 360), t >= 360 && (t -= 360), { l: o.L, c: e, h: t };
+}
+function yr(o, e, t) {
+  const a = t * Math.PI / 180;
+  return { L: o, a: e * Math.cos(a), b: e * Math.sin(a) };
+}
+const z = 1e-6, Rr = (o) => o[0] >= -z && o[0] <= 1 + z && o[1] >= -z && o[1] <= 1 + z && o[2] >= -z && o[2] <= 1 + z;
+function nr(o, e, t, a) {
+  const n = w(y(o));
+  let c = Math.max(0, y(e));
+  const s = y(t);
+  let i = yr(n, c, s), d = vr(i.L, i.a, i.b);
+  if (!Rr(d)) {
+    let g = 0, C = c;
+    for (let b = 0; b < 24; b++) {
+      const x = (g + C) / 2, P = yr(n, x, s);
+      Rr(vr(P.L, P.a, P.b)) ? g = x : C = x;
+    }
+    c = g, i = yr(n, c, s), d = vr(i.L, i.a, i.b);
+  }
+  return k(mr(d[0]) * 255, mr(d[1]) * 255, mr(d[2]) * 255, w(y(a, 1)));
+}
+function J(o) {
+  const e = Fr(gr(o));
+  return { l: e.l, c: e.c, h: e.h, a: w(y(o.a, 1)) };
+}
+function fr(o) {
+  return nr(o.l, o.c, o.h, o.a);
+}
+function xo(o) {
+  const e = w(y(o.a, 1)), t = `#${ur(o.r)}${ur(o.g)}${ur(o.b)}`;
+  return e < 1 ? `${t}${ur(e * 255)}` : t;
+}
+function kr(o) {
+  const e = w(y(o.a, 1)), t = B(o.r), a = B(o.g), n = B(o.b);
+  return e >= 1 ? `rgb(${t}, ${a}, ${n})` : `rgba(${t}, ${a}, ${n}, ${Number(e.toFixed(3))})`;
+}
+function Wr(o) {
+  return `${B(o.r)}, ${B(o.g)}, ${B(o.b)}`;
+}
+function or(o) {
+  return 0.2126 * q(y(o.r) / 255) + 0.7152 * q(y(o.g) / 255) + 0.0722 * q(y(o.b) / 255);
+}
+function m(o, e) {
+  const t = e.a >= 1 ? e : k(e.r, e.g, e.b, 1), a = o.a < 1 ? er(o, t) : o, n = or(a), c = or(t), s = Math.max(n, c), i = Math.min(n, c);
+  return (s + 0.05) / (i + 0.05);
+}
+function er(o, e) {
+  const t = w(y(o.a, 1)), a = w(y(e.a, 1)), n = t + a * (1 - t);
+  if (n <= 0) return k(0, 0, 0, 0);
+  const c = a * (1 - t) / n, s = t / n;
+  return k(o.r * s + e.r * c, o.g * s + e.g * c, o.b * s + e.b * c, n);
+}
+function tr(o, e, t) {
+  const a = w(y(t));
+  if (a <= 0) return k(o.r, o.g, o.b, w(y(o.a, 1)));
+  if (a >= 1) return k(e.r, e.g, e.b, w(y(e.a, 1)));
+  const n = w(y(o.a, 1)), c = w(y(e.a, 1)), s = gr(o), i = gr(e), d = n + (c - n) * a, g = d > 0 ? n * (1 - a) / d : 1 - a, C = d > 0 ? c * a / d : a, b = { L: s.L * g + i.L * C, a: s.a * g + i.a * C, b: s.b * g + i.b * C }, x = Fr(b);
+  return nr(x.l, x.c, x.h, d);
+}
+function D(o, e) {
+  return k(o.r, o.g, o.b, w(y(e, 1)));
+}
+function ko(o) {
+  return gr(o).L;
+}
+function E(o, e) {
+  const t = J(o);
+  return nr(w(t.l + y(e)), t.c, t.h, t.a);
+}
+function wo(o, e) {
+  const t = J(o);
+  return nr(w(y(e)), t.c, t.h, t.a);
+}
+const Io = [1, 0.75, 0.5, 0.25, 0], Mo = 24;
+function R(o, e, t, a = "auto") {
+  const n = y(t, 1);
+  if (m(o, e) >= n) return o;
+  const c = J(o), s = k(e.r, e.g, e.b, 1), i = or(s), d = (f, A) => nr(f, A, c.h, c.a), g = (f) => m(f, s), C = (f) => or(f.a < 1 ? er(f, s) : f), b = (f) => k(Math.round(f.r), Math.round(f.g), Math.round(f.b), f.a), x = (f) => {
+    const A = f === "lighter" ? 1 : 0, j = (L) => f === "lighter" ? C(L) >= i : C(L) <= i, H = (L) => j(L) && g(L) >= n, Y = (L) => H(L) && H(b(L));
+    let U = null;
+    for (const L of Io) {
+      const O = c.c * L, K = d(A, O), ar = g(K);
+      if ((!U || ar > U.ratio) && (U = { color: K, ratio: ar }), !Y(K)) continue;
+      let cr = c.l, V = A;
+      for (let ir = 0; ir < Mo; ir++) {
+        const F = (cr + V) / 2;
+        Y(d(F, O)) ? V = F : cr = F;
+      }
+      const sr = d(V, O);
+      return { color: sr, ratio: g(sr) };
+    }
+    return U;
+  };
+  if (a === "lighter" || a === "darker") return x(a).color;
+  const P = g(d(1, 0)), p = g(d(0, 0));
+  return x(P >= p ? "lighter" : "darker").color;
+}
+function zr(o) {
+  return m(I, o) >= m(Z, o);
+}
+function Gr(o, e = Pr) {
+  const t = e.length ? e : Pr;
+  let a = t[0], n = -1;
+  for (const c of t) {
+    const s = m(c, o);
+    s > n && (n = s, a = c);
+  }
+  return k(a.r, a.g, a.b, a.a);
+}
+const _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BLACK: Z,
+  WHITE: I,
+  adjustL: E,
+  bestOn: Gr,
+  composite: er,
+  contrastRatio: m,
+  ensureContrast: R,
+  formatHex: xo,
+  formatRgb: kr,
+  formatTriplet: Wr,
+  fromOklch: fr,
+  isDarkSurface: zr,
+  lightness: ko,
+  mix: tr,
+  parseColor: _,
+  relativeLuminance: or,
+  setL: wo,
+  toOklch: J,
+  withAlpha: D
+}, Symbol.toStringTag, { value: "Module" })), So = {
+  none: ["0px", "0px", "0px", "0px"],
+  sm: ["3px", "4px", "6px", "9999px"],
+  md: ["4px", "6px", "10px", "9999px"],
+  lg: ["6px", "10px", "16px", "9999px"],
+  full: ["10px", "16px", "24px", "9999px"]
+}, $o = "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjUwJSIgaGVpZ2h0PSI1MCUiIHN0eWxlPSJmaWxsOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMDcpOyIgLz4KICA8cmVjdCB4PSI1MCUiIHk9IjAlIiB3aWR0aD0iNTAlIiBoZWlnaHQ9IjUwJSIgc3R5bGU9ImZpbGw6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMCk7IiAvPgogIDxyZWN0IHg9IjUwJSIgeT0iNTAlIiB3aWR0aD0iNTAlIiBoZWlnaHQ9IjUwJSIgc3R5bGU9ImZpbGw6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4wNyk7IiAvPgogIDxyZWN0IHg9IjAlIiB5PSI1MCUiIHdpZHRoPSI1MCUiIGhlaWdodD0iNTAlIiBzdHlsZT0iZmlsbDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwKTsiIC8+Cjwvc3ZnPg==')", Ao = "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjUwJSIgaGVpZ2h0PSI1MCUiIHN0eWxlPSJmaWxsOiByZ2JhKDAsIDAsIDAsIDAuMDQ1KTsiIC8+CiAgPHJlY3QgeD0iNTAlIiB5PSI1MCUiIHdpZHRoPSI1MCUiIGhlaWdodD0iNTAlIiBzdHlsZT0iZmlsbDogcmdiYSgwLCAwLCAwLCAwLjA0NSk7IiAvPgo8L3N2Zz4=')";
+function To(o, e) {
+  const t = o === "dark", a = e ? 0.06 : 0;
+  return {
+    text: e ? 1 : t ? 0.92 : 0.88,
+    textMuted: e ? 0.85 : t ? 0.66 : 0.62,
+    textFaint: e ? 0.68 : t ? 0.46 : 0.42,
+    border: (t ? 0.12 : 0.1) + (e ? 0.18 : 0),
+    borderStrong: (t ? 0.28 : 0.22) + (e ? 0.25 : 0),
+    divider: (t ? 0.1 : 0.08) + (e ? 0.15 : 0),
+    fill: (t ? 0.09 : 0.06) + a,
+    fillHover: (t ? 0.14 : 0.1) + a,
+    fillActive: (t ? 0.2 : 0.15) + a,
+    field: (t ? 0.07 : 0.04) + a,
+    fieldHover: (t ? 0.1 : 0.06) + a,
+    fieldFocus: (t ? 0.1 : 0.05) + a,
+    hover: (t ? 0.07 : 0.05) + a,
+    pressed: (t ? 0.12 : 0.09) + a,
+    soft: (t ? 0.18 : 0.12) + (e ? 0.08 : 0),
+    softHover: (t ? 0.26 : 0.2) + (e ? 0.08 : 0),
+    elevationMin: e ? 1.3 : t ? 1.18 : 1.06
+  };
+}
+const v = (o) => kr(o), M = (o) => Wr(o), $ = (o, e) => kr(D(o, e)), Ur = (o) => ({ r: Math.round(o.r), g: Math.round(o.g), b: Math.round(o.b), a: o.a });
+function G(o, e, t, a, n = (c) => c) {
+  let c = t, s = Ur(n(tr(o, e, c))), i = 0;
+  for (; m(s, o) < a && c < 1 && i++ < 40; )
+    c = Math.min(1, c + 0.02), s = Ur(n(tr(o, e, c)));
+  return D(s, 1);
+}
+function Or(o, e, t) {
+  if (t <= 0) return o;
+  const a = J(o), n = J(e);
+  return fr({ l: a.l, c: Math.min(0.03, 0.03 * t) + a.c * (1 - t), h: n.h, a: a.a });
+}
+function Do(o) {
+  var Tr, Nr, Cr, Er, Lr, Hr, _r;
+  const e = { version: 2, ...o ?? {} }, t = io[e.preset ?? "dark"], a = [];
+  let n = _(e.surface) ?? null;
+  n || (e.surface && a.push({ token: "surface", reason: `unparsable surface "${e.surface}", using preset` }), n = _(t.surface)), n = D(n, 1);
+  let c = _(e.primary) ?? null;
+  c || (e.primary && a.push({ token: "primary", reason: `unparsable primary "${e.primary}", using preset` }), c = _(t.primary)), c = D(c, 1);
+  const s = zr(n) ? "dark" : "light", i = s === "dark", d = e.contrast === "high", g = To(s, d), C = Math.max(0, Math.min(1, e.tint ?? 0)), b = d ? 7 : 4.5, x = d ? 4.5 : 3, p = Or(i ? I : { r: 17, g: 17, b: 17, a: 1 }, c, C);
+  let f, A, j;
+  const H = (l) => Or(l, c, C);
+  if (i) {
+    const l = m(I, n) >= 6 ? I : Z;
+    f = G(n, l, 0.07, g.elevationMin, H), A = G(f, l, 0.05, 1.12, H), j = G(A, l, 0.05, 1.12, H);
+  } else {
+    const l = m(I, n);
+    if (l >= g.elevationMin * 1.01) {
+      const u = l >= 1.149995 ? 1.1 : g.elevationMin;
+      f = G(n, I, 0.5, u, H), A = m(I, f) >= 1.03 ? G(f, I, 0.6, 1.03, H) : D(I, 1), j = H(tr(A, Z, 0.035));
+    }
+    (!f || m(f, n) < g.elevationMin) && (f = G(n, Z, 0.03, g.elevationMin, H), A = D(I, 1), j = H(tr(A, Z, 0.05)));
+  }
+  if (!f || !A || !j) throw new Error("theme: elevation ladder not resolved");
+  const Y = fr(i ? { l: 0.94, c: 0, h: 0, a: 1 } : { l: 0.28, c: 0, h: 0, a: 1 }), U = Gr(Y), L = (l) => [n, f, A, j].reduce((u, N) => m(l, N) < m(l, u) ? N : u, n), O = (l, u, N) => {
+    let S = l, W = 0;
+    for (; m(D(p, S), L(D(p, S))) < u && S < 1 && W++ < 25; ) S = Math.min(1, S + 0.04);
+    return S !== l && a.push({ token: N, reason: `raised opacity ${l}→${S.toFixed(2)} to reach ${u}:1 on surfaces` }), S;
+  }, K = O(g.text, b, "text"), ar = O(g.textMuted, b, "text-muted"), cr = O(g.textFaint, x, "text-faint"), V = (() => {
+    const l = m(I, c), u = m({ r: 17, g: 17, b: 17, a: 1 }, c);
+    if (l >= b) return I;
+    const N = u > l ? { r: 17, g: 17, b: 17, a: 1 } : I;
+    return Math.max(l, u) < b && a.push({ token: "on-primary", reason: `neither white nor black reaches ${b}:1 on primary (best ${Math.max(l, u).toFixed(2)}:1)` }), N;
+  })(), sr = E(c, i ? 0.06 : -0.06), ir = E(c, i ? 0.1 : -0.1), F = R(c, n, b, "auto");
+  m(F, n) > m(c, n) + 0.01 && a.push({ token: "primary-text", reason: `primary lightened/darkened to reach ${b}:1 as text on surface` });
+  const qr = R(c, n, x, "auto"), Jr = R(c, n, x, "auto"), lr = (l) => {
+    const u = _(lo[l]), N = m(I, u), S = m({ r: 17, g: 17, b: 17, a: 1 }, u), W = N >= b ? I : S > N ? { r: 17, g: 17, b: 17, a: 1 } : I, Q = D(u, g.soft), X = er(Q, n), Dr = (rr) => R(R(u, n, b, rr), X, b, rr), co = R(u, n, b, "auto"), so = [Dr("darker"), Dr("lighter")].find(
+      (rr) => m(rr, n) >= b && m(rr, X) >= b
+    );
+    return {
+      base: u,
+      on: W,
+      text: so ?? co,
+      soft: Q,
+      border: R(u, n, x, "auto"),
+      dark: E(u, -0.1),
+      light: E(u, 0.12),
+      darker: E(u, -0.18),
+      bright: E(u, 0.22)
+    };
+  }, Yr = lr("success"), Kr = lr("warning"), Vr = lr("error"), Qr = lr("info"), [Xr, ro, oo, eo] = So[e.radius ?? "md"], wr = "'Inter', sans-serif", Ir = (l) => {
+    var u;
+    return (u = l == null ? void 0 : l.name) != null && u.trim() ? `'${l.name.trim().replace(/'/g, "\\'")}', ${wr}` : wr;
+  }, Mr = Ir((Tr = e.fonts) == null ? void 0 : Tr.ui), to = (Nr = e.fonts) != null && Nr.heading ? Ir(e.fonts.heading) : Mr, no = Array.from(new Set([(Er = (Cr = e.fonts) == null ? void 0 : Cr.ui) == null ? void 0 : Er.src, (Hr = (Lr = e.fonts) == null ? void 0 : Lr.heading) == null ? void 0 : Hr.src].filter((l) => !!l && /^https?:\/\//.test(l)))), Sr = (_r = e.font) != null && _r.size && e.font.size > 0 ? e.font.size : 14, T = {
+    "color-scheme": s,
+    surface: v(n),
+    "surface-rgb": M(n),
+    "surface-1": v(f),
+    "surface-1-rgb": M(f),
+    "surface-2": v(A),
+    "surface-2-rgb": M(A),
+    "surface-3": v(j),
+    "surface-inverse": v(Y),
+    scrim: "rgba(0, 0, 0, 0.5)",
+    ink: v(p),
+    "ink-rgb": M(p),
+    text: $(p, K),
+    "text-muted": $(p, ar),
+    "text-faint": $(p, cr),
+    "text-inverse": v(U),
+    "text-on-surface-rgb": M(p),
+    "text-on-inverse-rgb": M(U),
+    border: $(p, g.border),
+    "border-strong": $(p, g.borderStrong),
+    divider: $(p, g.divider),
+    "border-rgb": M(p),
+    fill: $(p, g.fill),
+    "fill-hover": $(p, g.fillHover),
+    "fill-active": $(p, g.fillActive),
+    field: $(p, g.field),
+    "field-hover": $(p, g.fieldHover),
+    "field-focus": $(p, g.fieldFocus),
+    hover: $(p, g.hover),
+    pressed: $(p, g.pressed),
+    primary: v(c),
+    "primary-rgb": M(c),
+    "primary-hover": v(sr),
+    "primary-active": v(ir),
+    "on-primary": v(V),
+    "primary-text": v(F),
+    "primary-border": v(qr),
+    "primary-soft": $(c, g.soft),
+    "primary-soft-hover": $(c, g.softHover),
+    "focus-ring": v(Jr),
+    "focus-ring-width": d ? "3px" : "2px",
+    "focus-ring-offset": "2px",
+    "primary-dark": v(E(c, -0.1)),
+    "primary-dark-rgb": M(E(c, -0.1)),
+    "primary-light": v(E(c, 0.1)),
+    "primary-light-rgb": M(E(c, 0.1)),
+    "primary-bright": v(E(c, 0.2)),
+    "primary-bright-rgb": M(E(c, 0.2)),
+    "shadow-1": i ? "0 1px 2px rgba(0, 0, 0, 0.4)" : "0 1px 2px rgba(0, 0, 0, 0.08)",
+    "shadow-2": i ? "0 6px 20px rgba(0, 0, 0, 0.45)" : "0 6px 20px rgba(0, 0, 0, 0.12)",
+    "shadow-3": i ? "0 12px 40px rgba(0, 0, 0, 0.5)" : "0 12px 40px rgba(0, 0, 0, 0.16)",
+    "radius-sm": Xr,
+    "radius-md": ro,
+    "radius-lg": oo,
+    "radius-full": eo,
+    "font-family": Mr,
+    "font-family-heading": to,
+    "font-size": `${Sr}px`,
+    "root-font-size": String(Sr),
+    canvas: i ? "rgba(0, 0, 0, 0.25)" : "rgba(0, 0, 0, 0.04)",
+    "canvas-image": i ? $o : Ao,
+    // Controls float over arbitrary artwork → mode-independent dark glass + white glyphs.
+    "canvas-control": "rgba(0, 0, 0, 0.45)",
+    "canvas-control-hover": "rgba(0, 0, 0, 0.6)",
+    "on-canvas-control": "#ffffff",
+    "disabled-opacity": "0.55"
+  };
+  for (const [l, u] of [
+    ["success", Yr],
+    ["warning", Kr],
+    ["error", Vr],
+    ["info", Qr]
+  ])
+    T[l] = v(u.base), T[`${l}-rgb`] = M(u.base), T[`on-${l}`] = v(u.on), T[`${l}-text`] = v(u.text), T[`${l}-soft`] = v(u.soft), T[`${l}-border`] = v(u.border), T[`${l}-dark-rgb`] = M(u.dark), T[`${l}-light-rgb`] = M(u.light), l === "info" ? T["info-bright-rgb"] = M(u.bright) : T[`${l}-darker-rgb`] = M(u.darker);
+  if (e.overrides)
+    for (const [l, u] of Object.entries(e.overrides)) {
+      if (!u || !dr.includes(l)) continue;
+      T[l] = u;
+      const N = `${l}-rgb`;
+      if (dr.includes(N)) {
+        const S = _(u);
+        S && (T[N] = M(S));
+      }
+    }
+  for (const l of dr) T[l] === void 0 && (T[l] = "");
+  const $r = T, Ar = (l) => _($r[l]), h = (l, u, N, S) => {
+    const W = Ar(u), Q = Ar(N), X = W && Q ? m(W, er(Q, n)) : 0;
+    return { label: l, fg: u, bg: N, ratio: Math.round(X * 100) / 100, min: S, pass: X >= S };
+  }, ao = [
+    h("Text on surface", "text", "surface", b),
+    h("Muted text on surface", "text-muted", "surface", b),
+    h("Faint text on surface", "text-faint", "surface", x),
+    h("Text on cards (surface-1)", "text", "surface-1", b),
+    h("Text on popovers (surface-2)", "text", "surface-2", b),
+    h("Cards distinguishable from surface", "surface-1", "surface", g.elevationMin),
+    h("Popovers distinguishable from cards", "surface-2", "surface-1", i ? 1.12 : 1),
+    h("Strong border on surface", "border-strong", "surface", d ? 3 : 1.5),
+    h("Text on primary", "on-primary", "primary", b),
+    h("Primary as text on surface", "primary-text", "surface", b),
+    h("Primary border on surface", "primary-border", "surface", x),
+    h("Focus ring on surface", "focus-ring", "surface", x),
+    h("Success text on surface", "success-text", "surface", b),
+    h("Warning text on surface", "warning-text", "surface", b),
+    h("Error text on surface", "error-text", "surface", b),
+    h("Info text on surface", "info-text", "surface", b),
+    // Where status text is actually read: on its own tint (alerts, tags, banners).
+    h("Success text on success tint", "success-text", "success-soft", b),
+    h("Warning text on warning tint", "warning-text", "warning-soft", b),
+    h("Error text on error tint", "error-text", "error-soft", b),
+    h("Info text on info tint", "info-text", "info-soft", b),
+    h("Text on success", "on-success", "success", b),
+    h("Text on warning", "on-warning", "warning", b),
+    h("Text on error", "on-error", "error", b),
+    h("Text on tooltip", "text-inverse", "surface-inverse", b)
+  ];
+  return { input: e, mode: s, tokens: $r, report: { mode: s, checks: ao, adjustments: a }, fontUrls: no };
+}
+const r = (o) => `var(${br}${o})`, Zr = {
+  /* ------------------------------------------------------------------ */
+  /*  Typography & focus ring                                            */
+  /* ------------------------------------------------------------------ */
+  "root-font-size": r("root-font-size"),
+  "font-family": r("font-family"),
+  "bx-focus-ring-color": r("focus-ring"),
+  // NOTE: the two below are identical to the semantic tokens (`--bx-focus-ring-width/-offset`).
+  // Kept for coverage; emitters must skip them (see LEGACY_BRIDGE_IDENTITY_KEYS).
+  "bx-focus-ring-width": r("focus-ring-width"),
+  "bx-focus-ring-offset": r("focus-ring-offset"),
+  /* ------------------------------------------------------------------ */
+  /*  App shell / views                                                  */
+  /* ------------------------------------------------------------------ */
+  "app-background-color": r("surface"),
+  "app-background-color-rgb": r("surface-rgb"),
+  "app-divider-color": r("divider"),
+  "secondary-color-rgb": r("surface-2-rgb"),
+  "editor-view-background-color": r("surface"),
+  "fields-view-background-color": "transparent",
+  "live-view-background-color": "transparent",
+  "popup-background-color": r("surface-1"),
+  "bluepic-embed-editor-border": `1px solid ${r("border")}`,
+  "bluepic-embed-editor-border-radius": r("radius-lg"),
+  /* ------------------------------------------------------------------ */
+  /*  Colour triplets (legacy `rgba(var(--x), a)` habit)                  */
+  /* ------------------------------------------------------------------ */
+  "primary-color-base": r("primary-rgb"),
+  "primary-color-dark": r("primary-dark-rgb"),
+  "primary-color-light": r("primary-light-rgb"),
+  "primary-color-bright": r("primary-bright-rgb"),
+  "info-color-base": r("info-rgb"),
+  "info-color-dark": r("info-dark-rgb"),
+  "info-color-light": r("info-light-rgb"),
+  "info-color-bright": r("info-bright-rgb"),
+  "success-color-base": r("success-rgb"),
+  "success-color-light": r("success-light-rgb"),
+  "success-color-dark": r("success-dark-rgb"),
+  "success-color-darker": r("success-darker-rgb"),
+  "error-color-base": r("error-rgb"),
+  "error-color-light": r("error-light-rgb"),
+  "error-color-dark": r("error-dark-rgb"),
+  "error-color-darker": r("error-darker-rgb"),
+  "warning-color-base": r("warning-rgb"),
+  "warning-color-light": r("warning-light-rgb"),
+  "warning-color-dark": r("warning-dark-rgb"),
+  "warning-color-darker": r("warning-darker-rgb"),
+  "text-color-base": r("text-on-surface-rgb"),
+  "text-color-alt": r("text-on-inverse-rgb"),
+  "border-color-base": r("border-rgb"),
+  "background-color-base": r("surface-rgb"),
+  // Historical typos that components still reference — alias them to the intended triplets.
+  "priinfomary-color-base": r("info-rgb"),
+  "primainfory-color-bright": r("primary-bright-rgb"),
+  /* ------------------------------------------------------------------ */
+  /*  Undefined-today aliases (referenced by components, never preset)   */
+  /* ------------------------------------------------------------------ */
+  "primary-color": r("primary"),
+  "info-color": r("info"),
+  "bx-primary-color": r("primary"),
+  "bx-text-color": r("text"),
+  "bx-modal-color": r("surface-1"),
+  "bx-card-color": r("surface-1"),
+  "upload-background-color": r("field"),
+  "upload-text-color-title": r("text"),
+  "upload-text-color-description": r("text-muted"),
+  /* ------------------------------------------------------------------ */
+  /*  Input                                                              */
+  /* ------------------------------------------------------------------ */
+  "input-background-color": r("field"),
+  "input-background-color-hover": r("field-hover"),
+  "input-background-color-focus": r("field-focus"),
+  "input-border-color": "transparent",
+  "input-border-color-hover": "transparent",
+  "input-border-color-focus": r("primary-border"),
+  "input-shadow-focus-color": r("focus-ring"),
+  "input-bordered-border-color": r("border-strong"),
+  "input-bordered-border-color-hover": r("border-strong"),
+  "input-bordered-border-color-focus": r("primary-border"),
+  "input-outline-color-focus": r("focus-ring"),
+  "input-border-color-disabled": r("border"),
+  "input-opacity-disabled": r("disabled-opacity"),
+  "input-ghost-border-color-hover": r("border"),
+  "input-ghost-border-color-focus": r("primary-border"),
+  "input-number-ctrl-separator-color": r("divider"),
+  "input-number-ctrl-color": r("text-muted"),
+  "input-number-ctrl-color-hover": r("text"),
+  "input-number-ctrl-background-color-hover": r("hover"),
+  /* Input states ('active' = primary tokens, others = status tokens) */
+  "input-state-active-background-color": r("primary-soft"),
+  "input-state-active-background-color-hover": r("primary-soft"),
+  "input-state-active-background-color-focus": r("primary-soft"),
+  "input-state-active-border-color": r("primary-border"),
+  "input-state-active-border-color-hover": r("primary-border"),
+  "input-state-active-border-color-focus": r("primary-border"),
+  "input-state-success-background-color": r("success-soft"),
+  "input-state-success-background-color-hover": r("success-soft"),
+  "input-state-success-background-color-focus": r("success-soft"),
+  "input-state-success-border-color": r("success-border"),
+  "input-state-success-border-color-hover": r("success-border"),
+  "input-state-success-border-color-focus": r("success-border"),
+  "input-state-error-background-color": r("error-soft"),
+  "input-state-error-background-color-hover": r("error-soft"),
+  "input-state-error-background-color-focus": r("error-soft"),
+  "input-state-error-border-color": r("error-border"),
+  "input-state-error-border-color-hover": r("error-border"),
+  "input-state-error-border-color-focus": r("error-border"),
+  "input-state-warning-background-color": r("warning-soft"),
+  "input-state-warning-background-color-hover": r("warning-soft"),
+  "input-state-warning-background-color-focus": r("warning-soft"),
+  "input-state-warning-border-color": r("warning-border"),
+  "input-state-warning-border-color-hover": r("warning-border"),
+  "input-state-warning-border-color-focus": r("warning-border"),
+  /* ------------------------------------------------------------------ */
+  /*  Card                                                               */
+  /* ------------------------------------------------------------------ */
+  "card-background-color": r("surface-1"),
+  "card-background-color-hover": r("surface-2"),
+  "card-border-color": r("border"),
+  "card-header-divider-color": r("divider"),
+  "card-footer-divider-color": r("divider"),
+  "card-footer-background-color": r("hover"),
+  /* ------------------------------------------------------------------ */
+  /*  Select                                                             */
+  /* ------------------------------------------------------------------ */
+  "select-background-color": r("field"),
+  "select-background-color-hover": r("field-hover"),
+  "select-background-color-focus": r("field-focus"),
+  "select-border": "1px solid transparent",
+  "select-border-hover": "1px solid transparent",
+  "select-border-focus": `1px solid ${r("primary-border")}`,
+  "select-color": r("text"),
+  "select-color-hover": r("text"),
+  "select-color-focus": r("text"),
+  "select-button-background-color": r("fill"),
+  "select-button-background-color-hover": r("fill-hover"),
+  "select-item-border": `2px solid ${r("primary-border")}`,
+  /* ------------------------------------------------------------------ */
+  /*  Checkbox                                                           */
+  /* ------------------------------------------------------------------ */
+  "checkbox-background-color": r("field"),
+  "checkbox-border-color": r("border-strong"),
+  "checkbox-border-color-hover": r("primary-border"),
+  "checkbox-outline-color-focus": r("focus-ring"),
+  "checkbox-border-color-focus": r("primary-border"),
+  "checkbox-background-color-checked": r("primary"),
+  "checkbox-border-color-checked": "transparent",
+  "checkbox-background-color-checked-hover": r("primary-hover"),
+  "checkbox-border-color-checked-hover": "transparent",
+  "checkbox-symbol-color": r("text-faint"),
+  "checkbox-symbol-color-checked": r("on-primary"),
+  /* Checkbox, secondary (tonal) look */
+  "checkbox-secondary-background-color": r("fill"),
+  "checkbox-secondary-background-color-hover": r("fill-hover"),
+  "checkbox-secondary-background-color-checked": r("fill-active"),
+  "checkbox-secondary-border": `1px solid ${r("border")}`,
+  "checkbox-secondary-border-hover": `1px solid ${r("border-strong")}`,
+  "checkbox-secondary-border-checked": `1px solid ${r("border-strong")}`,
+  "checkbox-secondary-symbol-color": r("text-muted"),
+  "checkbox-secondary-symbol-color-checked": r("primary-text"),
+  /* ------------------------------------------------------------------ */
+  /*  Popover / tooltip                                                  */
+  /* ------------------------------------------------------------------ */
+  "popover-background-color": r("surface-2"),
+  "popover-border-color": r("border"),
+  "popover-border": `1px solid ${r("border")}`,
+  "popover-arrow-border-color": r("border"),
+  "popover-without-darkened-bg-background-color": r("surface-2-rgb"),
+  "popover-without-darkened-bg-box-shadow": r("shadow-2"),
+  "tooltip-background-color": r("surface-inverse"),
+  "tooltip-text-color": r("text-inverse"),
+  "tooltip-border-color": "transparent",
+  /* ------------------------------------------------------------------ */
+  /*  Menu / label / list / empty                                        */
+  /* ------------------------------------------------------------------ */
+  "menu-item-color": r("text"),
+  "menu-item-color-active": r("primary-text"),
+  "menu-item-background-color": "transparent",
+  "menu-item-background-color-active": r("primary-soft"),
+  "menu-item-background-color-hover": r("hover"),
+  "menu-item-background-color-active-hover": r("primary-soft-hover"),
+  "menu-divider": `1px solid ${r("divider")}`,
+  "labeled-text-color": r("text-muted"),
+  "label-background-color": r("fill"),
+  "list-divider": `1px solid ${r("divider")}`,
+  "list-item-background-color-hover": r("hover"),
+  "empty-text-color": r("text-faint"),
+  /* ------------------------------------------------------------------ */
+  /*  Tag                                                                */
+  /* ------------------------------------------------------------------ */
+  "tag-background-color": r("fill"),
+  "tag-color": r("text"),
+  "tag-border-color": r("border"),
+  "tag-error-background-color": r("error-soft"),
+  "tag-error-color": r("error-text"),
+  "tag-error-border-color": r("error-border"),
+  "tag-success-background-color": r("success-soft"),
+  "tag-success-color": r("success-text"),
+  "tag-success-border-color": r("success-border"),
+  "tag-warning-background-color": r("warning-soft"),
+  "tag-warning-color": r("warning-text"),
+  "tag-warning-border-color": r("warning-border"),
+  "tag-info-background-color": r("info-soft"),
+  "tag-info-color": r("info-text"),
+  "tag-info-border-color": r("info-border"),
+  /* ------------------------------------------------------------------ */
+  /*  Alert                                                              */
+  /* ------------------------------------------------------------------ */
+  "alert-background-color": r("fill"),
+  "alert-color": r("text"),
+  "alert-border-color": r("border"),
+  "alert-icon-color": r("text-muted"),
+  "alert-info-background-color": r("info-soft"),
+  "alert-info-color": r("info-text"),
+  "alert-info-icon-color": r("info-text"),
+  "alert-info-border-color": r("info-border"),
+  "alert-success-background-color": r("success-soft"),
+  "alert-success-color": r("success-text"),
+  "alert-success-icon-color": r("success-text"),
+  "alert-success-border-color": r("success-border"),
+  "alert-warning-background-color": r("warning-soft"),
+  "alert-warning-color": r("warning-text"),
+  "alert-warning-icon-color": r("warning-text"),
+  "alert-warning-border-color": r("warning-border"),
+  "alert-error-background-color": r("error-soft"),
+  "alert-error-color": r("error-text"),
+  "alert-error-icon-color": r("error-text"),
+  "alert-error-border-color": r("error-border"),
+  /* ------------------------------------------------------------------ */
+  /*  Slider / progress                                                  */
+  /* ------------------------------------------------------------------ */
+  "slider-body-background-color": r("fill-active"),
+  "slider-body-background-color-hover": r("fill-active"),
+  "slider-body-background-color-focus": r("fill-active"),
+  "slider-thumb-background-color": r("primary"),
+  "slider-thumb-background-color-hover": r("primary-hover"),
+  "slider-thumb-background-color-focus": r("primary-hover"),
+  "slider-thumb-box-shadow": r("shadow-1"),
+  "slider-value-background-color": r("primary"),
+  "slider-value-background-color-hover": r("primary"),
+  "slider-value-background-color-focus": r("primary"),
+  "progress-background-color": r("fill"),
+  "progress-value-color": r("primary"),
+  /* ------------------------------------------------------------------ */
+  /*  Tabs                                                               */
+  /* ------------------------------------------------------------------ */
+  "tab-color": r("text-muted"),
+  "tab-color-active": r("primary-text"),
+  "tab-segment-background-color": r("fill"),
+  "tab-segment-background-color-active": r("surface-2"),
+  "tab-segment-color": r("text-muted"),
+  "tab-segment-color-active": r("text"),
+  "tab-inline-item-background-color-hover": r("hover"),
+  "tab-item-active-box-shadow": r("shadow-1"),
+  /* ------------------------------------------------------------------ */
+  /*  Switch                                                             */
+  /* ------------------------------------------------------------------ */
+  "switch-background-color": r("fill-active"),
+  "switch-border": "none",
+  "switch-thumb-background-color": r("surface-3"),
+  "switch-thumb-border": "none",
+  "switch-thumb-shadow": r("shadow-1"),
+  "switch-border-hover": "none",
+  "switch-background-color-hover": r("fill-active"),
+  // no stronger neutral step exists; acceptable
+  "switch-thumb-background-color-hover": r("surface-3"),
+  "switch-thumb-border-hover": "none",
+  "switch-active-background-color": r("primary"),
+  "switch-active-border": "none",
+  "switch-active-thumb-background-color": r("on-primary"),
+  "switch-active-thumb-border": "none",
+  "switch-active-thumb-shadow": r("shadow-1"),
+  "switch-active-background-color-hover": r("primary-hover"),
+  "switch-active-border-hover": "none",
+  "switch-active-thumb-background-color-hover": r("on-primary"),
+  "switch-active-thumb-border-hover": "none",
+  /* ------------------------------------------------------------------ */
+  /*  Radio                                                              */
+  /* ------------------------------------------------------------------ */
+  "radio-background-color": "transparent",
+  "radio-background-color-active": r("primary"),
+  "radio-background-color-hover": "transparent",
+  "radio-border": `1px solid ${r("border-strong")}`,
+  "radio-border-active": `1px solid ${r("primary")}`,
+  "radio-border-color-hover": r("primary-border"),
+  "radio-symbol-color": r("on-primary"),
+  "radio-label-color": r("text"),
+  "radio-label-color-active": r("text"),
+  /* ------------------------------------------------------------------ */
+  /*  Button — default variant (ghost; `.active` = solid primary)        */
+  /* ------------------------------------------------------------------ */
+  "button-background-color": "transparent",
+  "button-background-color-hover": r("hover"),
+  "button-background-color-focus": r("hover"),
+  // A TRANSPARENT 1px border, not `none` — the same placeholder the secondary
+  // and tertiary families use. `none` reserves no space, so a button that
+  // switches family (ghost ⇄ secondary, or any variant toggling `.active`)
+  // would change size by 2px and shove its neighbours around.
+  "button-border": "1px solid transparent",
+  "button-border-hover": "1px solid transparent",
+  "button-border-focus": "1px solid transparent",
+  "button-text-color": r("text"),
+  "button-text-color-hover": r("text"),
+  "button-text-color-focus": r("text"),
+  "button-box-shadow": "none",
+  "button-box-shadow-hover": "none",
+  "button-border-radius": r("radius-md"),
+  "button-active-background-color": r("primary"),
+  "button-active-text-color": r("on-primary"),
+  "button-active-border": "1px solid transparent",
+  "button-active-box-shadow": "none",
+  "button-active-background-color-hover": r("primary-hover"),
+  "button-active-text-color-hover": r("on-primary"),
+  "button-active-border-hover": "1px solid transparent",
+  "button-active-box-shadow-hover": "none",
+  /* ------------------------------------------------------------------ */
+  /*  Button — secondary (tonal neutral in both modes)                   */
+  /* ------------------------------------------------------------------ */
+  "button-secondary-background-color": r("fill"),
+  "button-secondary-background-color-hover": r("fill-hover"),
+  "button-secondary-background-color-focus": r("fill-hover"),
+  "button-secondary-border": "1px solid transparent",
+  "button-secondary-border-hover": "1px solid transparent",
+  "button-secondary-border-focus": "1px solid transparent",
+  "button-secondary-text-color": r("text"),
+  "button-secondary-text-color-hover": r("text"),
+  "button-secondary-text-color-focus": r("text"),
+  "button-secondary-box-shadow": "none",
+  "button-secondary-box-shadow-hover": "none",
+  "button-secondary-active-background-color": r("fill-active"),
+  "button-secondary-active-background-color-hover": r("fill-active"),
+  "button-secondary-active-background-color-focus": r("fill-active"),
+  "button-secondary-active-border": "1px solid transparent",
+  "button-secondary-active-border-hover": "1px solid transparent",
+  "button-secondary-active-border-focus": "1px solid transparent",
+  "button-secondary-active-text-color": r("text"),
+  "button-secondary-active-text-color-hover": r("text"),
+  "button-secondary-active-text-color-focus": r("text"),
+  "button-secondary-active-box-shadow": "none",
+  "button-secondary-active-box-shadow-hover": "none",
+  /* ------------------------------------------------------------------ */
+  /*  Button — tertiary (outlined; `.active` = solid primary)            */
+  /* ------------------------------------------------------------------ */
+  "button-tertiary-background-color": "transparent",
+  "button-tertiary-background-color-hover": r("hover"),
+  "button-tertiary-background-color-focus": r("hover"),
+  "button-tertiary-border": `1px solid ${r("border-strong")}`,
+  "button-tertiary-border-hover": `1px solid ${r("border-strong")}`,
+  "button-tertiary-border-focus": `1px solid ${r("border-strong")}`,
+  "button-tertiary-text-color": r("text"),
+  "button-tertiary-text-color-hover": r("text"),
+  "button-tertiary-text-color-focus": r("text"),
+  "button-tertiary-box-shadow": "none",
+  "button-tertiary-box-shadow-hover": "none",
+  "button-tertiary-box-shadow-focus": "none",
+  "button-tertiary-active-background-color": r("primary"),
+  "button-tertiary-active-background-color-hover": r("primary-hover"),
+  "button-tertiary-active-background-color-focus": r("primary-hover"),
+  "button-tertiary-active-border": `1px solid ${r("primary")}`,
+  "button-tertiary-active-border-hover": `1px solid ${r("primary")}`,
+  "button-tertiary-active-border-focus": `1px solid ${r("primary")}`,
+  "button-tertiary-active-text-color": r("on-primary"),
+  "button-tertiary-active-text-color-hover": r("on-primary"),
+  "button-tertiary-active-text-color-focus": r("on-primary"),
+  "button-tertiary-active-box-shadow": "none",
+  "button-tertiary-active-box-shadow-hover": "none",
+  "button-tertiary-active-box-shadow-focus": "none",
+  /* ------------------------------------------------------------------ */
+  /*  Button — quaternary (text only)                                    */
+  /* ------------------------------------------------------------------ */
+  "button-quaternary-background-color": "transparent",
+  // `-background-color-hover` was never defined by any preset (→ initial = transparent); keep it.
+  "button-quaternary-background-color-hover": "transparent",
+  "button-quaternary-text-color": r("text-muted"),
+  "button-quaternary-text-color-hover": r("text"),
+  "button-quaternary-active-background-color": "transparent",
+  "button-quaternary-active-background-color-hover": "transparent",
+  "button-quaternary-active-text-color": r("text"),
+  "button-quaternary-active-text-color-hover": r("text"),
+  /* ------------------------------------------------------------------ */
+  /*  Button states (active = primary tokens, success/error/warning =     */
+  /*  status tokens). See BxButton.vue `@each $state` block:             */
+  /*   -background-color / -hover        tinted bg (secondary, hovers)   */
+  /*   -background-color-active / -hover stronger tint (sec./tert. .active)*/
+  /*   -background-color-solid / -hover  solid fill (default .active)    */
+  /*   -border-color / -hover            coloured border (tertiary)      */
+  /*   -text-color                       text on EVERY variant           */
+  /*   -text-color-tertiary              text on the outlined variant    */
+  /*  LIMITATION: `-text-color` is applied by BxButton on both the tinted */
+  /*  (soft) and the solid fills. We pick `<X>-text` (contrast-correct on */
+  /*  surface + soft); on the solid `.active` default fill the ideal would */
+  /*  be `on-<X>` — BxButton needs a dedicated var for that to be perfect. */
+  /*  Status tokens have no `-soft-hover` / `-hover` step: hovers reuse   */
+  /*  `<status>-soft` / `<status>` (only `active` has primary-soft-hover  */
+  /*  and primary-hover).                                                */
+  /* ------------------------------------------------------------------ */
+  "button-state-active-background-color": r("primary-soft"),
+  "button-state-active-background-color-hover": r("primary-soft-hover"),
+  "button-state-active-background-color-active": r("primary-soft"),
+  "button-state-active-background-color-active-hover": r("primary-soft-hover"),
+  "button-state-active-background-color-solid": r("primary"),
+  "button-state-active-background-color-solid-hover": r("primary-hover"),
+  "button-state-active-border-color": r("primary-border"),
+  "button-state-active-border-color-hover": r("primary-border"),
+  "button-state-active-text-color": r("primary-text"),
+  "button-state-active-text-color-tertiary": r("primary-text"),
+  "button-state-success-background-color": r("success-soft"),
+  "button-state-success-background-color-hover": r("success-soft"),
+  "button-state-success-background-color-active": r("success-soft"),
+  "button-state-success-background-color-active-hover": r("success-soft"),
+  "button-state-success-background-color-solid": r("success"),
+  "button-state-success-background-color-solid-hover": r("success"),
+  "button-state-success-border-color": r("success-border"),
+  "button-state-success-border-color-hover": r("success-border"),
+  "button-state-success-text-color": r("success-text"),
+  "button-state-success-text-color-tertiary": r("success-text"),
+  "button-state-error-background-color": r("error-soft"),
+  "button-state-error-background-color-hover": r("error-soft"),
+  "button-state-error-background-color-active": r("error-soft"),
+  "button-state-error-background-color-active-hover": r("error-soft"),
+  "button-state-error-background-color-solid": r("error"),
+  "button-state-error-background-color-solid-hover": r("error"),
+  "button-state-error-border-color": r("error-border"),
+  "button-state-error-border-color-hover": r("error-border"),
+  "button-state-error-text-color": r("error-text"),
+  "button-state-error-text-color-tertiary": r("error-text"),
+  "button-state-warning-background-color": r("warning-soft"),
+  "button-state-warning-background-color-hover": r("warning-soft"),
+  "button-state-warning-background-color-active": r("warning-soft"),
+  "button-state-warning-background-color-active-hover": r("warning-soft"),
+  "button-state-warning-background-color-solid": r("warning"),
+  "button-state-warning-background-color-solid-hover": r("warning"),
+  "button-state-warning-border-color": r("warning-border"),
+  "button-state-warning-border-color-hover": r("warning-border"),
+  "button-state-warning-text-color": r("warning-text"),
+  "button-state-warning-text-color-tertiary": r("warning-text"),
+  /* ------------------------------------------------------------------ */
+  /*  Message                                                            */
+  /* ------------------------------------------------------------------ */
+  "message-body-background-color": r("surface-2"),
+  "message-body-text-color": r("text"),
+  "message-body-border": `1px solid ${r("border")}`,
+  /* ------------------------------------------------------------------ */
+  /*  Canvas (template preview area)                                     */
+  /* ------------------------------------------------------------------ */
+  "canvas-background-color": r("canvas"),
+  "canvas-background-image": r("canvas-image"),
+  "canvas-btn-background-color": r("canvas-control"),
+  "canvas-btn-background-color-hover": r("canvas-control-hover"),
+  "canvas-btn-color": r("on-canvas-control"),
+  "btn-color": r("on-canvas-control"),
+  /* ------------------------------------------------------------------ */
+  /*  Gallery (bx-template)                                              */
+  /* ------------------------------------------------------------------ */
+  "gallery-card-background-color": r("surface-1"),
+  "gallery-card-background-color-hover": r("surface-2"),
+  "gallery-card-border": `1px solid ${r("border")}`,
+  "gallery-action-btn-background-color": r("scrim"),
+  // The ONLY colour literal in the bridge: the action button sits on `scrim`, which is dark in
+  // every mode, so white text is correct regardless of theme.
+  "gallery-action-btn-color": "#ffffff",
+  "gallery-card-name-text-color": r("text"),
+  "gallery-card-description-text-color": r("text-muted"),
+  /* ------------------------------------------------------------------ */
+  /*  Misc                                                               */
+  /* ------------------------------------------------------------------ */
+  "spinner-color": r("text")
+}, No = new Set(
+  Object.keys(Zr).filter(
+    (o) => `--${o}`.startsWith(br) && dr.includes(`--${o}`.slice(br.length))
+  )
+), Co = Object.entries(
+  Zr
+).filter(([o]) => !No.has(o));
+function Eo(o) {
+  const e = {};
+  for (const [t, a] of Object.entries(o.tokens))
+    a !== "" && (e[`${br}${t}`] = a);
+  for (const [t, a] of Co)
+    e[`--${t}`] = a;
+  if (o.input.customStyle)
+    for (const [t, a] of Object.entries(o.input.customStyle))
+      t === "key" || a == null || a === "" || (e[t.startsWith("--") ? t : `--${t}`] = String(a));
+  return e;
+}
+function Po(o, e) {
+  const t = Array.isArray(e) ? e.join(", ") : e, a = Eo(o), n = Object.entries(a).map(([c, s]) => `${c}: ${s};`).join(" ");
+  return `${t} { color-scheme: ${o.mode}; ${n} }`;
+}
+function jo(o) {
+  return !!o && typeof o == "object" && o.version === 2;
+}
+function Ro(o) {
+  const e = o ?? {}, t = e["editor-view-background-color"] || (e["app-background-color-rgb"] ? `rgb(${e["app-background-color-rgb"]})` : void 0) || e["popup-background-color"], a = e["primary-color-base"] ? `rgb(${e["primary-color-base"]})` : void 0, n = _(t) ? t : void 0, c = _(a) ? a : void 0, s = typeof e.key == "string" && e.key.endsWith("-wcag"), i = { version: 2 };
+  return n && (i.surface = n), c && (i.primary = c), s && (i.contrast = "high"), typeof e.key == "string" && (i.preset = e.key.startsWith("light") ? "light" : "dark"), i;
+}
+export {
+  Zr as LEGACY_BRIDGE,
+  br as SEMANTIC_PREFIX,
+  Lo as SEMANTIC_TOKEN_GROUPS,
+  dr as SEMANTIC_TOKEN_NAMES,
+  lo as STATUS_BASES,
+  Ho as THEME_HOUSE_PRESETS,
+  io as THEME_PRESETS,
+  jo as looksLikeThemeInput,
+  Do as resolveTheme,
+  _o as themeColor,
+  Ro as themeInputFromLegacyCustomStyle,
+  Po as themeToCssText,
+  Eo as themeToCssVars
+};