@takazudo/zdtp 0.4.2 → 0.4.4

package/dist/{tweak-state-DzZVbY25.js → tweak-state-BeXkzoj8.js}

@@ -1,50 +1,5 @@
-import { g, n as J, d as rt, b as it, f as at, y as ot, i as st, r as L, h as ft, z as ut, A as lt } from "./panel-config-DyVRQ2n1.js";
-class N extends Error {
-  constructor(t) {
-    super(t), this.name = "TierResolverError", Object.setPrototypeOf(this, N.prototype);
-  }
-}
-function be(e, t) {
-  return e.tiers.find((n) => n.id === t);
-}
-function E(e, t) {
-  return e.items.find((n) => n.id === t);
-}
-function ye(e, t, n, r) {
-  const i = be(e, t);
-  if (!i)
-    throw new N(
-      `Tier "${t}" not found in tab "${e.id}". Available tiers: ${e.tiers.map((u) => u.id).join(", ")}.`
-    );
-  const a = E(i, n);
-  if (!a)
-    throw new N(
-      `Item "${n}" not found in tier "${t}" of tab "${e.id}".`
-    );
-  const s = r[t]?.[n];
-  if (i.referencesTier !== void 0) {
-    const u = i.referencesTier, c = be(e, u);
-    if (!c)
-      throw new N(
-        `Tier "${t}" declares referencesTier "${u}" but that tier does not exist in tab "${e.id}".`
-      );
-    const h = E(c, s ?? n);
-    if (!h) {
-      const p = E(c, a.default) ?? E(c, n) ?? c.items[0];
-      if (!p)
-        throw new N(
-          `Referenced tier "${u}" has no items; cannot resolve fallback for item "${n}" in tier "${t}" of tab "${e.id}".`
-        );
-      return { kind: "ref", targetCssVar: p.cssVar };
-    }
-    return { kind: "ref", targetCssVar: h.cssVar };
-  }
-  return s !== void 0 ? a.pill && s === a.pill.value ? { kind: "literal", value: a.pill.value } : { kind: "literal", value: s } : a.pill ? { kind: "literal", value: a.pill.customDefault } : { kind: "literal", value: a.default };
-}
-function xe(e) {
-  return e.kind === "literal" ? e.value : `var(${e.targetCssVar})`;
-}
-const Pe = (e, t) => {
+import { g, C as ot, q as W, d as at, b as st, f as ft, i as lt, r as z, o as xe, p as Me, E as ut, h as ct, F as dt, l as ht } from "./panel-config-CXTCcYQs.js";
+const Ce = (e, t) => {
   if (typeof e == "number") {
     if (t === 3)
       return {
@@ -77,7 +32,7 @@ const Pe = (e, t) => {
         alpha: (e & 255) / 255
       };
   }
-}, ct = {
+}, pt = {
   aliceblue: 15792383,
   antiquewhite: 16444375,
   aqua: 65535,
@@ -228,23 +183,23 @@ const Pe = (e, t) => {
   whitesmoke: 16119285,
   yellow: 16776960,
   yellowgreen: 10145074
-}, dt = (e) => Pe(ct[e.toLowerCase()], 6), ht = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i, pt = (e) => {
+}, gt = (e) => Ce(pt[e.toLowerCase()], 6), mt = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i, bt = (e) => {
   let t;
-  return (t = e.match(ht)) ? Pe(parseInt(t[1], 16), t[1].length) : void 0;
-}, k = "([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)", C = `${k}%`, le = `(?:${k}%|${k})`, gt = `(?:${k}(deg|grad|rad|turn)|${k})`, O = "\\s*,\\s*", mt = new RegExp(
-  `^rgba?\\(\\s*${k}${O}${k}${O}${k}\\s*(?:,\\s*${le}\\s*)?\\)$`
-), bt = new RegExp(
-  `^rgba?\\(\\s*${C}${O}${C}${O}${C}\\s*(?:,\\s*${le}\\s*)?\\)$`
-), yt = (e) => {
+  return (t = e.match(mt)) ? Ce(parseInt(t[1], 16), t[1].length) : void 0;
+}, S = "([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)", H = `${S}%`, pe = `(?:${S}%|${S})`, yt = `(?:${S}(deg|grad|rad|turn)|${S})`, O = "\\s*,\\s*", xt = new RegExp(
+  `^rgba?\\(\\s*${S}${O}${S}${O}${S}\\s*(?:,\\s*${pe}\\s*)?\\)$`
+), Mt = new RegExp(
+  `^rgba?\\(\\s*${H}${O}${H}${O}${H}\\s*(?:,\\s*${pe}\\s*)?\\)$`
+), vt = (e) => {
   let t = { mode: "rgb" }, n;
-  if (n = e.match(mt))
+  if (n = e.match(xt))
     n[1] !== void 0 && (t.r = n[1] / 255), n[2] !== void 0 && (t.g = n[2] / 255), n[3] !== void 0 && (t.b = n[3] / 255);
-  else if (n = e.match(bt))
+  else if (n = e.match(Mt))
     n[1] !== void 0 && (t.r = n[1] / 100), n[2] !== void 0 && (t.g = n[2] / 100), n[3] !== void 0 && (t.b = n[3] / 100);
   else
     return;
   return n[4] !== void 0 ? t.alpha = Math.max(0, Math.min(1, n[4] / 100)) : n[5] !== void 0 && (t.alpha = Math.max(0, Math.min(1, +n[5]))), t;
-}, j = (e, t) => e === void 0 ? void 0 : typeof e != "object" ? He(e) : e.mode !== void 0 ? e : t ? { ...e, mode: t } : void 0, y = (e = "rgb") => (t) => (t = j(t, e)) !== void 0 ? (
+}, j = (e, t) => e === void 0 ? void 0 : typeof e != "object" ? Ee(e) : e.mode !== void 0 ? e : t ? { ...e, mode: t } : void 0, x = (e = "rgb") => (t) => (t = j(t, e)) !== void 0 ? (
   // if the color's mode corresponds to our target mode
   t.mode === e ? (
     // then just return the color
@@ -252,41 +207,41 @@ const Pe = (e, t) => {
   ) : (
     // otherwise check to see if we have a dedicated
     // converter for the target mode
-    x[t.mode][e] ? (
+    M[t.mode][e] ? (
       // and return its result...
-      x[t.mode][e](t)
+      M[t.mode][e](t)
     ) : (
       // ...otherwise pass through RGB as an intermediary step.
       // if the target mode is RGB...
       e === "rgb" ? (
         // just return the RGB
-        x[t.mode].rgb(t)
+        M[t.mode].rgb(t)
       ) : (
         // otherwise convert color.mode -> RGB -> target_mode
-        x.rgb[e](x[t.mode].rgb(t))
+        M.rgb[e](M[t.mode].rgb(t))
       )
     )
   )
-) : void 0, x = {}, _e = {}, K = [], Ce = {}, xt = (e) => e, ce = (e) => (x[e.mode] = {
-  ...x[e.mode],
+) : void 0, M = {}, _e = {}, K = [], Ae = {}, kt = (e) => e, ge = (e) => (M[e.mode] = {
+  ...M[e.mode],
   ...e.toMode
 }, Object.keys(e.fromMode || {}).forEach((t) => {
-  x[t] || (x[t] = {}), x[t][e.mode] = e.fromMode[t];
+  M[t] || (M[t] = {}), M[t][e.mode] = e.fromMode[t];
 }), e.ranges || (e.ranges = {}), e.difference || (e.difference = {}), e.channels.forEach((t) => {
   if (e.ranges[t] === void 0 && (e.ranges[t] = [0, 1]), !e.interpolate[t])
     throw new Error(`Missing interpolator for: ${t}`);
   typeof e.interpolate[t] == "function" && (e.interpolate[t] = {
     use: e.interpolate[t]
-  }), e.interpolate[t].fixup || (e.interpolate[t].fixup = xt);
+  }), e.interpolate[t].fixup || (e.interpolate[t].fixup = kt);
 }), _e[e.mode] = e, (e.parse || []).forEach((t) => {
-  vt(t, e.mode);
-}), y(e.mode)), W = (e) => _e[e], vt = (e, t) => {
+  St(t, e.mode);
+}), x(e.mode)), X = (e) => _e[e], St = (e, t) => {
   if (typeof e == "string") {
     if (!t)
       throw new Error("'mode' required when 'parser' is a string");
-    Ce[e] = t;
+    Ae[e] = t;
   } else typeof e == "function" && K.indexOf(e) < 0 && K.push(e);
-}, ie = /[^\x00-\x7F]|[a-zA-Z_]/, Mt = /[^\x00-\x7F]|[-\w]/, f = {
+}, ae = /[^\x00-\x7F]|[a-zA-Z_]/, wt = /[^\x00-\x7F]|[-\w]/, l = {
   Function: "function",
   Ident: "ident",
   Number: "number",
@@ -296,26 +251,26 @@ const Pe = (e, t) => {
   Hue: "hue",
   Alpha: "alpha"
 };
-let l = 0;
-function V(e) {
-  let t = e[l], n = e[l + 1];
-  return t === "-" || t === "+" ? /\d/.test(n) || n === "." && /\d/.test(e[l + 2]) : t === "." ? /\d/.test(n) : /\d/.test(t);
+let u = 0;
+function F(e) {
+  let t = e[u], n = e[u + 1];
+  return t === "-" || t === "+" ? /\d/.test(n) || n === "." && /\d/.test(e[u + 2]) : t === "." ? /\d/.test(n) : /\d/.test(t);
 }
-function ae(e) {
-  if (l >= e.length)
+function se(e) {
+  if (u >= e.length)
     return !1;
-  let t = e[l];
-  if (ie.test(t))
+  let t = e[u];
+  if (ae.test(t))
     return !0;
   if (t === "-") {
-    if (e.length - l < 2)
+    if (e.length - u < 2)
       return !1;
-    let n = e[l + 1];
-    return !!(n === "-" || ie.test(n));
+    let n = e[u + 1];
+    return !!(n === "-" || ae.test(n));
   }
   return !1;
 }
-const kt = {
+const $t = {
   deg: 1,
   rad: 180 / Math.PI,
   grad: 9 / 10,
@@ -323,124 +278,124 @@ const kt = {
 };
 function _(e) {
   let t = "";
-  if ((e[l] === "-" || e[l] === "+") && (t += e[l++]), t += R(e), e[l] === "." && /\d/.test(e[l + 1]) && (t += e[l++] + R(e)), (e[l] === "e" || e[l] === "E") && ((e[l + 1] === "-" || e[l + 1] === "+") && /\d/.test(e[l + 2]) ? t += e[l++] + e[l++] + R(e) : /\d/.test(e[l + 1]) && (t += e[l++] + R(e))), ae(e)) {
+  if ((e[u] === "-" || e[u] === "+") && (t += e[u++]), t += V(e), e[u] === "." && /\d/.test(e[u + 1]) && (t += e[u++] + V(e)), (e[u] === "e" || e[u] === "E") && ((e[u + 1] === "-" || e[u + 1] === "+") && /\d/.test(e[u + 2]) ? t += e[u++] + e[u++] + V(e) : /\d/.test(e[u + 1]) && (t += e[u++] + V(e))), se(e)) {
     let n = B(e);
-    return n === "deg" || n === "rad" || n === "turn" || n === "grad" ? { type: f.Hue, value: t * kt[n] } : void 0;
+    return n === "deg" || n === "rad" || n === "turn" || n === "grad" ? { type: l.Hue, value: t * $t[n] } : void 0;
   }
-  return e[l] === "%" ? (l++, { type: f.Percentage, value: +t }) : { type: f.Number, value: +t };
+  return e[u] === "%" ? (u++, { type: l.Percentage, value: +t }) : { type: l.Number, value: +t };
 }
-function R(e) {
+function V(e) {
   let t = "";
-  for (; /\d/.test(e[l]); )
-    t += e[l++];
+  for (; /\d/.test(e[u]); )
+    t += e[u++];
   return t;
 }
 function B(e) {
   let t = "";
-  for (; l < e.length && Mt.test(e[l]); )
-    t += e[l++];
+  for (; u < e.length && wt.test(e[u]); )
+    t += e[u++];
   return t;
 }
-function wt(e) {
+function Nt(e) {
   let t = B(e);
-  return e[l] === "(" ? (l++, { type: f.Function, value: t }) : t === "none" ? { type: f.None, value: void 0 } : { type: f.Ident, value: t };
+  return e[u] === "(" ? (u++, { type: l.Function, value: t }) : t === "none" ? { type: l.None, value: void 0 } : { type: l.Ident, value: t };
 }
-function St(e = "") {
+function Tt(e = "") {
   let t = e.trim(), n = [], r;
-  for (l = 0; l < t.length; ) {
-    if (r = t[l++], r === `
+  for (u = 0; u < t.length; ) {
+    if (r = t[u++], r === `
 ` || r === "	" || r === " ") {
-      for (; l < t.length && (t[l] === `
-` || t[l] === "	" || t[l] === " "); )
-        l++;
+      for (; u < t.length && (t[u] === `
+` || t[u] === "	" || t[u] === " "); )
+        u++;
       continue;
     }
     if (r === ",")
       return;
     if (r === ")") {
-      n.push({ type: f.ParenClose });
+      n.push({ type: l.ParenClose });
       continue;
     }
     if (r === "+") {
-      if (l--, V(t)) {
+      if (u--, F(t)) {
         n.push(_(t));
         continue;
       }
       return;
     }
     if (r === "-") {
-      if (l--, V(t)) {
+      if (u--, F(t)) {
         n.push(_(t));
         continue;
       }
-      if (ae(t)) {
-        n.push({ type: f.Ident, value: B(t) });
+      if (se(t)) {
+        n.push({ type: l.Ident, value: B(t) });
         continue;
       }
       return;
     }
     if (r === ".") {
-      if (l--, V(t)) {
+      if (u--, F(t)) {
         n.push(_(t));
         continue;
       }
       return;
     }
     if (r === "/") {
-      for (; l < t.length && (t[l] === `
-` || t[l] === "	" || t[l] === " "); )
-        l++;
+      for (; u < t.length && (t[u] === `
+` || t[u] === "	" || t[u] === " "); )
+        u++;
       let i;
-      if (V(t) && (i = _(t), i.type !== f.Hue)) {
-        n.push({ type: f.Alpha, value: i });
+      if (F(t) && (i = _(t), i.type !== l.Hue)) {
+        n.push({ type: l.Alpha, value: i });
         continue;
       }
-      if (ae(t) && B(t) === "none") {
+      if (se(t) && B(t) === "none") {
         n.push({
-          type: f.Alpha,
-          value: { type: f.None, value: void 0 }
+          type: l.Alpha,
+          value: { type: l.None, value: void 0 }
         });
         continue;
       }
       return;
     }
     if (/\d/.test(r)) {
-      l--, n.push(_(t));
+      u--, n.push(_(t));
       continue;
     }
-    if (ie.test(r)) {
-      l--, n.push(wt(t));
+    if (ae.test(r)) {
+      u--, n.push(Nt(t));
       continue;
     }
     return;
   }
   return n;
 }
-function $t(e) {
+function It(e) {
   e._i = 0;
   let t = e[e._i++];
-  if (!t || t.type !== f.Function || t.value !== "color" || (t = e[e._i++], t.type !== f.Ident))
+  if (!t || t.type !== l.Function || t.value !== "color" || (t = e[e._i++], t.type !== l.Ident))
     return;
-  const n = Ce[t.value];
+  const n = Ae[t.value];
   if (!n)
     return;
-  const r = { mode: n }, i = Ae(e, !1);
+  const r = { mode: n }, i = He(e, !1);
   if (!i)
     return;
-  const a = W(n).channels;
-  for (let o = 0, s, u; o < a.length; o++)
-    s = i[o], u = a[o], s.type !== f.None && (r[u] = s.type === f.Number ? s.value : s.value / 100, u === "alpha" && (r[u] = Math.max(0, Math.min(1, r[u]))));
+  const a = X(n).channels;
+  for (let o = 0, s, f; o < a.length; o++)
+    s = i[o], f = a[o], s.type !== l.None && (r[f] = s.type === l.Number ? s.value : s.value / 100, f === "alpha" && (r[f] = Math.max(0, Math.min(1, r[f]))));
   return r;
 }
-function Ae(e, t) {
+function He(e, t) {
   const n = [];
   let r;
   for (; e._i < e.length; ) {
-    if (r = e[e._i++], r.type === f.None || r.type === f.Number || r.type === f.Alpha || r.type === f.Percentage || t && r.type === f.Hue) {
+    if (r = e[e._i++], r.type === l.None || r.type === l.Number || r.type === l.Alpha || r.type === l.Percentage || t && r.type === l.Hue) {
       n.push(r);
       continue;
     }
-    if (r.type === f.ParenClose) {
+    if (r.type === l.ParenClose) {
       if (e._i < e.length)
         return;
       continue;
@@ -449,120 +404,120 @@ function Ae(e, t) {
   }
   if (!(n.length < 3 || n.length > 4)) {
     if (n.length === 4) {
-      if (n[3].type !== f.Alpha)
+      if (n[3].type !== l.Alpha)
         return;
       n[3] = n[3].value;
     }
-    return n.length === 3 && n.push({ type: f.None, value: void 0 }), n.every((i) => i.type !== f.Alpha) ? n : void 0;
+    return n.length === 3 && n.push({ type: l.None, value: void 0 }), n.every((i) => i.type !== l.Alpha) ? n : void 0;
   }
 }
-function Tt(e, t) {
+function Ot(e, t) {
   e._i = 0;
   let n = e[e._i++];
-  if (!n || n.type !== f.Function)
+  if (!n || n.type !== l.Function)
     return;
-  let r = Ae(e, t);
+  let r = He(e, t);
   if (r)
     return r.unshift(n.value), r;
 }
-const He = (e) => {
+const Ee = (e) => {
   if (typeof e != "string")
     return;
-  const t = St(e), n = t ? Tt(t, !0) : void 0;
+  const t = Tt(e), n = t ? Ot(t, !0) : void 0;
   let r, i = 0, a = K.length;
   for (; i < a; )
     if ((r = K[i++](e, n)) !== void 0)
       return r;
-  return t ? $t(t) : void 0;
+  return t ? It(t) : void 0;
 };
-function Nt(e, t) {
+function Pt(e, t) {
   if (!t || t[0] !== "rgb" && t[0] !== "rgba")
     return;
   const n = { mode: "rgb" }, [, r, i, a, o] = t;
-  if (!(r.type === f.Hue || i.type === f.Hue || a.type === f.Hue))
-    return r.type !== f.None && (n.r = r.type === f.Number ? r.value / 255 : r.value / 100), i.type !== f.None && (n.g = i.type === f.Number ? i.value / 255 : i.value / 100), a.type !== f.None && (n.b = a.type === f.Number ? a.value / 255 : a.value / 100), o.type !== f.None && (n.alpha = Math.min(
+  if (!(r.type === l.Hue || i.type === l.Hue || a.type === l.Hue))
+    return r.type !== l.None && (n.r = r.type === l.Number ? r.value / 255 : r.value / 100), i.type !== l.None && (n.g = i.type === l.Number ? i.value / 255 : i.value / 100), a.type !== l.None && (n.b = a.type === l.Number ? a.value / 255 : a.value / 100), o.type !== l.None && (n.alpha = Math.min(
       1,
       Math.max(
         0,
-        o.type === f.Number ? o.value : o.value / 100
+        o.type === l.Number ? o.value : o.value / 100
       )
     )), n;
 }
-const It = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha: 0 } : void 0, Ot = (e, t, n) => e + n * (t - e), Pt = (e) => {
+const Ct = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha: 0 } : void 0, _t = (e, t, n) => e + n * (t - e), At = (e) => {
   let t = [];
   for (let n = 0; n < e.length - 1; n++) {
     let r = e[n], i = e[n + 1];
     r === void 0 && i === void 0 ? t.push(void 0) : r !== void 0 && i !== void 0 ? t.push([r, i]) : t.push(r !== void 0 ? [r, r] : [i, i]);
   }
   return t;
-}, _t = (e) => (t) => {
-  let n = Pt(t);
+}, Ht = (e) => (t) => {
+  let n = At(t);
   return (r) => {
     let i = r * n.length, a = r >= 1 ? n.length - 1 : Math.max(Math.floor(i), 0), o = n[a];
     return o === void 0 ? void 0 : e(o[0], o[1], i - a);
   };
-}, m = _t(Ot), de = (e) => {
+}, b = Ht(_t), me = (e) => {
   let t = !1, n = e.map((r) => r !== void 0 ? (t = !0, r) : 1);
   return t ? n : e;
-}, Ct = {
+}, Et = {
   mode: "rgb",
   channels: ["r", "g", "b", "alpha"],
   parse: [
-    Nt,
-    pt,
-    yt,
-    dt,
-    It,
+    Pt,
+    bt,
+    vt,
+    gt,
+    Ct,
     "srgb"
   ],
   serialize: "srgb",
   interpolate: {
-    r: m,
-    g: m,
-    b: m,
-    alpha: { use: m, fixup: de }
+    r: b,
+    g: b,
+    b,
+    alpha: { use: b, fixup: me }
   },
   gamut: !0,
   white: { r: 1, g: 1, b: 1 },
   black: { r: 0, g: 0, b: 0 }
-}, Y = (e = 0) => {
+}, U = (e = 0) => {
   const t = Math.abs(e);
   return t <= 0.04045 ? e / 12.92 : (Math.sign(e) || 1) * Math.pow((t + 0.055) / 1.055, 2.4);
-}, Ee = ({ r: e, g: t, b: n, alpha: r }) => {
+}, Re = ({ r: e, g: t, b: n, alpha: r }) => {
   let i = {
     mode: "lrgb",
-    r: Y(e),
-    g: Y(t),
-    b: Y(n)
+    r: U(e),
+    g: U(t),
+    b: U(n)
   };
   return r !== void 0 && (i.alpha = r), i;
-}, Z = (e = 0) => {
+}, Q = (e = 0) => {
   const t = Math.abs(e);
   return t > 31308e-7 ? (Math.sign(e) || 1) * (1.055 * Math.pow(t, 1 / 2.4) - 0.055) : e * 12.92;
-}, Ve = ({ r: e, g: t, b: n, alpha: r }, i = "rgb") => {
+}, Fe = ({ r: e, g: t, b: n, alpha: r }, i = "rgb") => {
   let a = {
     mode: i,
-    r: Z(e),
-    g: Z(t),
-    b: Z(n)
+    r: Q(e),
+    g: Q(t),
+    b: Q(n)
   };
   return r !== void 0 && (a.alpha = r), a;
-}, w = (e) => (e = e % 360) < 0 ? e + 360 : e, At = (e, t) => e.map((n, r, i) => {
+}, w = (e) => (e = e % 360) < 0 ? e + 360 : e, Rt = (e, t) => e.map((n, r, i) => {
   if (n === void 0)
     return n;
   let a = w(n);
   return r === 0 || e[r - 1] === void 0 ? a : t(a - w(i[r - 1]));
-}).reduce((n, r) => !n.length || r === void 0 || n[n.length - 1] === void 0 ? (n.push(r), n) : (n.push(r + n[n.length - 1]), n), []), Re = (e) => At(e, (t) => Math.abs(t) <= 180 ? t : t - 360 * Math.sign(t)), Ht = (e, t) => {
+}).reduce((n, r) => !n.length || r === void 0 || n[n.length - 1] === void 0 ? (n.push(r), n) : (n.push(r + n[n.length - 1]), n), []), Ve = (e) => Rt(e, (t) => Math.abs(t) <= 180 ? t : t - 360 * Math.sign(t)), Ft = (e, t) => {
   if (e.h === void 0 || t.h === void 0 || !e.s || !t.s)
     return 0;
   let n = w(e.h), r = w(t.h), i = Math.sin((r - n + 360) / 2 * Math.PI / 180);
   return 2 * Math.sqrt(e.s * t.s) * i;
-}, Et = (e, t) => {
+}, Vt = (e, t) => {
   if (e.h === void 0 || t.h === void 0 || !e.c || !t.c)
     return 0;
   let n = w(e.h), r = w(t.h), i = Math.sin((r - n + 360) / 2 * Math.PI / 180);
   return 2 * Math.sqrt(e.c * t.c) * i;
-}, Fe = (e) => {
+}, De = (e) => {
   let t = e.reduce(
     (r, i) => {
       if (i !== void 0) {
@@ -592,7 +547,7 @@ const It = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha:
   Y: 1,
   Z: (1 - 0.3457 - 0.3585) / 0.3585
 };
-function Vt({ h: e, s: t, l: n, alpha: r }) {
+function Dt({ h: e, s: t, l: n, alpha: r }) {
   e = w(e !== void 0 ? e : 0), t === void 0 && (t = 0), n === void 0 && (n = 0);
   let i = n + t * (n < 0.5 ? n : 1 - n), a = i - (i - n) * 2 * Math.abs(e / 60 % 2 - 1), o;
   switch (Math.floor(e / 60)) {
@@ -619,7 +574,7 @@ function Vt({ h: e, s: t, l: n, alpha: r }) {
   }
   return o.mode = "rgb", r !== void 0 && (o.alpha = r), o;
 }
-function Rt({ r: e, g: t, b: n, alpha: r }) {
+function Lt({ r: e, g: t, b: n, alpha: r }) {
   e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = 0);
   let i = Math.max(e, t, n), a = Math.min(e, t, n), o = {
     mode: "hsl",
@@ -628,7 +583,7 @@ function Rt({ r: e, g: t, b: n, alpha: r }) {
   };
   return i - a !== 0 && (o.h = (i === e ? (t - n) / (i - a) + (t < n) * 6 : i === t ? (n - e) / (i - a) + 2 : (e - t) / (i - a) + 4) * 60), r !== void 0 && (o.alpha = r), o;
 }
-const Ft = (e, t) => {
+const zt = (e, t) => {
   switch (t) {
     case "deg":
       return +e;
@@ -639,141 +594,141 @@ const Ft = (e, t) => {
     case "turn":
       return e * 360;
   }
-}, Dt = new RegExp(
-  `^hsla?\\(\\s*${gt}${O}${C}${O}${C}\\s*(?:,\\s*${le}\\s*)?\\)$`
-), zt = (e) => {
-  let t = e.match(Dt);
+}, jt = new RegExp(
+  `^hsla?\\(\\s*${yt}${O}${H}${O}${H}\\s*(?:,\\s*${pe}\\s*)?\\)$`
+), Kt = (e) => {
+  let t = e.match(jt);
   if (!t) return;
   let n = { mode: "hsl" };
-  return t[3] !== void 0 ? n.h = +t[3] : t[1] !== void 0 && t[2] !== void 0 && (n.h = Ft(t[1], t[2])), t[4] !== void 0 && (n.s = Math.min(Math.max(0, t[4] / 100), 1)), t[5] !== void 0 && (n.l = Math.min(Math.max(0, t[5] / 100), 1)), t[6] !== void 0 ? n.alpha = Math.max(0, Math.min(1, t[6] / 100)) : t[7] !== void 0 && (n.alpha = Math.max(0, Math.min(1, +t[7]))), n;
+  return t[3] !== void 0 ? n.h = +t[3] : t[1] !== void 0 && t[2] !== void 0 && (n.h = zt(t[1], t[2])), t[4] !== void 0 && (n.s = Math.min(Math.max(0, t[4] / 100), 1)), t[5] !== void 0 && (n.l = Math.min(Math.max(0, t[5] / 100), 1)), t[6] !== void 0 ? n.alpha = Math.max(0, Math.min(1, t[6] / 100)) : t[7] !== void 0 && (n.alpha = Math.max(0, Math.min(1, +t[7]))), n;
 };
-function Lt(e, t) {
+function Bt(e, t) {
   if (!t || t[0] !== "hsl" && t[0] !== "hsla")
     return;
   const n = { mode: "hsl" }, [, r, i, a, o] = t;
-  if (r.type !== f.None) {
-    if (r.type === f.Percentage)
+  if (r.type !== l.None) {
+    if (r.type === l.Percentage)
       return;
     n.h = r.value;
   }
-  if (i.type !== f.None) {
-    if (i.type === f.Hue)
+  if (i.type !== l.None) {
+    if (i.type === l.Hue)
       return;
     n.s = i.value / 100;
   }
-  if (a.type !== f.None) {
-    if (a.type === f.Hue)
+  if (a.type !== l.None) {
+    if (a.type === l.Hue)
       return;
     n.l = a.value / 100;
   }
-  return o.type !== f.None && (n.alpha = Math.min(
+  return o.type !== l.None && (n.alpha = Math.min(
     1,
     Math.max(
       0,
-      o.type === f.Number ? o.value : o.value / 100
+      o.type === l.Number ? o.value : o.value / 100
     )
   )), n;
 }
-const jt = {
+const Gt = {
   mode: "hsl",
   toMode: {
-    rgb: Vt
+    rgb: Dt
   },
   fromMode: {
-    rgb: Rt
+    rgb: Lt
   },
   channels: ["h", "s", "l", "alpha"],
   ranges: {
     h: [0, 360]
   },
   gamut: "rgb",
-  parse: [Lt, zt],
+  parse: [Bt, Kt],
   serialize: (e) => `hsl(${e.h !== void 0 ? e.h : "none"} ${e.s !== void 0 ? e.s * 100 + "%" : "none"} ${e.l !== void 0 ? e.l * 100 + "%" : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   interpolate: {
-    h: { use: m, fixup: Re },
-    s: m,
-    l: m,
-    alpha: { use: m, fixup: de }
+    h: { use: b, fixup: Ve },
+    s: b,
+    l: b,
+    alpha: { use: b, fixup: me }
   },
   difference: {
-    h: Ht
+    h: Ft
   },
   average: {
-    h: Fe
+    h: De
   }
-}, De = Math.pow(29, 3) / Math.pow(3, 3), ze = Math.pow(6, 3) / Math.pow(29, 3);
-let U = (e) => Math.pow(e, 3) > ze ? Math.pow(e, 3) : (116 * e - 16) / De;
-const Kt = ({ l: e, a: t, b: n, alpha: r }) => {
+}, Le = Math.pow(29, 3) / Math.pow(3, 3), ze = Math.pow(6, 3) / Math.pow(29, 3);
+let ee = (e) => Math.pow(e, 3) > ze ? Math.pow(e, 3) : (116 * e - 16) / Le;
+const qt = ({ l: e, a: t, b: n, alpha: r }) => {
   e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = 0);
   let i = (e + 16) / 116, a = t / 500 + i, o = i - n / 200, s = {
     mode: "xyz50",
-    x: U(a) * I.X,
-    y: U(i) * I.Y,
-    z: U(o) * I.Z
+    x: ee(a) * I.X,
+    y: ee(i) * I.Y,
+    z: ee(o) * I.Z
   };
   return r !== void 0 && (s.alpha = r), s;
-}, Bt = ({ x: e, y: t, z: n, alpha: r }) => {
+}, Jt = ({ x: e, y: t, z: n, alpha: r }) => {
   e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = 0);
-  let i = Ve({
+  let i = Fe({
     r: e * 3.1341359569958707 - t * 1.6173863321612538 - 0.4906619460083532 * n,
     g: e * -0.978795502912089 + t * 1.916254567259524 + 0.03344273116131949 * n,
     b: e * 0.07195537988411677 - t * 0.2289768264158322 + 1.405386058324125 * n
   });
   return r !== void 0 && (i.alpha = r), i;
-}, Gt = (e) => Bt(Kt(e)), qt = (e) => {
-  let { r: t, g: n, b: r, alpha: i } = Ee(e), a = {
+}, Wt = (e) => Jt(qt(e)), Xt = (e) => {
+  let { r: t, g: n, b: r, alpha: i } = Re(e), a = {
     mode: "xyz50",
     x: 0.436065742824811 * t + 0.3851514688337912 * n + 0.14307845442264197 * r,
     y: 0.22249319175623702 * t + 0.7168870538238823 * n + 0.06061979053616537 * r,
     z: 0.013923904500943465 * t + 0.09708128566574634 * n + 0.7140993584005155 * r
   };
   return i !== void 0 && (a.alpha = i), a;
-}, Q = (e) => e > ze ? Math.cbrt(e) : (De * e + 16) / 116, Jt = ({ x: e, y: t, z: n, alpha: r }) => {
+}, te = (e) => e > ze ? Math.cbrt(e) : (Le * e + 16) / 116, Yt = ({ x: e, y: t, z: n, alpha: r }) => {
   e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = 0);
-  let i = Q(e / I.X), a = Q(t / I.Y), o = Q(n / I.Z), s = {
+  let i = te(e / I.X), a = te(t / I.Y), o = te(n / I.Z), s = {
     mode: "lab",
     l: 116 * a - 16,
     a: 500 * (i - a),
     b: 200 * (a - o)
   };
   return r !== void 0 && (s.alpha = r), s;
-}, Wt = (e) => {
-  let t = Jt(qt(e));
+}, Zt = (e) => {
+  let t = Yt(Xt(e));
   return e.r === e.b && e.b === e.g && (t.a = t.b = 0), t;
 };
-function Xt(e, t) {
+function Ut(e, t) {
   if (!t || t[0] !== "lch")
     return;
   const n = { mode: "lch" }, [, r, i, a, o] = t;
-  if (r.type !== f.None) {
-    if (r.type === f.Hue)
+  if (r.type !== l.None) {
+    if (r.type === l.Hue)
       return;
     n.l = Math.min(Math.max(0, r.value), 100);
   }
-  if (i.type !== f.None && (n.c = Math.max(
+  if (i.type !== l.None && (n.c = Math.max(
     0,
-    i.type === f.Number ? i.value : i.value * 150 / 100
-  )), a.type !== f.None) {
-    if (a.type === f.Percentage)
+    i.type === l.Number ? i.value : i.value * 150 / 100
+  )), a.type !== l.None) {
+    if (a.type === l.Percentage)
       return;
     n.h = a.value;
   }
-  return o.type !== f.None && (n.alpha = Math.min(
+  return o.type !== l.None && (n.alpha = Math.min(
     1,
     Math.max(
       0,
-      o.type === f.Number ? o.value : o.value / 100
+      o.type === l.Number ? o.value : o.value / 100
     )
   )), n;
 }
-const Yt = {
+const Qt = {
   mode: "lch",
   toMode: {
     lab: q,
-    rgb: (e) => Gt(q(e))
+    rgb: (e) => Wt(q(e))
   },
   fromMode: {
-    rgb: (e) => G(Wt(e)),
+    rgb: (e) => G(Zt(e)),
     lab: G
   },
   channels: ["l", "c", "h", "alpha"],
@@ -782,21 +737,21 @@ const Yt = {
     c: [0, 150],
     h: [0, 360]
   },
-  parse: [Xt],
+  parse: [Ut],
   serialize: (e) => `lch(${e.l !== void 0 ? e.l : "none"} ${e.c !== void 0 ? e.c : "none"} ${e.h !== void 0 ? e.h : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   interpolate: {
-    h: { use: m, fixup: Re },
-    c: m,
-    l: m,
-    alpha: { use: m, fixup: de }
+    h: { use: b, fixup: Ve },
+    c: b,
+    l: b,
+    alpha: { use: b, fixup: me }
   },
   difference: {
-    h: Et
+    h: Vt
   },
   average: {
-    h: Fe
+    h: De
   }
-}, Zt = ({ r: e, g: t, b: n, alpha: r }) => {
+}, en = ({ r: e, g: t, b: n, alpha: r }) => {
   e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = 0);
   let i = Math.cbrt(
     0.412221469470763 * e + 0.5363325372617348 * t + 0.0514459932675022 * n
@@ -811,10 +766,10 @@ const Yt = {
     b: 0.0259040424655478 * i + 0.7827717124575296 * a - 0.8086757549230774 * o
   };
   return r !== void 0 && (s.alpha = r), s;
-}, Ut = (e) => {
-  let t = Zt(Ee(e));
+}, tn = (e) => {
+  let t = en(Re(e));
   return e.r === e.b && e.b === e.g && (t.a = t.b = 0), t;
-}, Qt = ({ l: e, a: t, b: n, alpha: r }) => {
+}, nn = ({ l: e, a: t, b: n, alpha: r }) => {
   e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = 0);
   let i = Math.pow(e + 0.3963377773761749 * t + 0.2158037573099136 * n, 3), a = Math.pow(e - 0.1055613458156586 * t - 0.0638541728258133 * n, 3), o = Math.pow(e - 0.0894841775298119 * t - 1.2914855480194092 * n, 3), s = {
     mode: "lrgb",
@@ -823,64 +778,64 @@ const Yt = {
     b: -0.0041960761386756 * i - 0.7034186179359362 * a + 1.7076146940746117 * o
   };
   return r !== void 0 && (s.alpha = r), s;
-}, en = (e) => Ve(Qt(e));
-function tn(e, t) {
+}, rn = (e) => Fe(nn(e));
+function on(e, t) {
   if (!t || t[0] !== "oklch")
     return;
   const n = { mode: "oklch" }, [, r, i, a, o] = t;
-  if (r.type !== f.None) {
-    if (r.type === f.Hue)
+  if (r.type !== l.None) {
+    if (r.type === l.Hue)
       return;
     n.l = Math.min(
-      Math.max(0, r.type === f.Number ? r.value : r.value / 100),
+      Math.max(0, r.type === l.Number ? r.value : r.value / 100),
       1
     );
   }
-  if (i.type !== f.None && (n.c = Math.max(
+  if (i.type !== l.None && (n.c = Math.max(
     0,
-    i.type === f.Number ? i.value : i.value * 0.4 / 100
-  )), a.type !== f.None) {
-    if (a.type === f.Percentage)
+    i.type === l.Number ? i.value : i.value * 0.4 / 100
+  )), a.type !== l.None) {
+    if (a.type === l.Percentage)
       return;
     n.h = a.value;
   }
-  return o.type !== f.None && (n.alpha = Math.min(
+  return o.type !== l.None && (n.alpha = Math.min(
     1,
     Math.max(
       0,
-      o.type === f.Number ? o.value : o.value / 100
+      o.type === l.Number ? o.value : o.value / 100
     )
   )), n;
 }
-const nn = {
-  ...Yt,
+const an = {
+  ...Qt,
   mode: "oklch",
   toMode: {
     oklab: (e) => q(e, "oklab"),
-    rgb: (e) => en(q(e, "oklab"))
+    rgb: (e) => rn(q(e, "oklab"))
   },
   fromMode: {
-    rgb: (e) => G(Ut(e), "oklch"),
+    rgb: (e) => G(tn(e), "oklch"),
     oklab: (e) => G(e, "oklch")
   },
-  parse: [tn],
+  parse: [on],
   serialize: (e) => `oklch(${e.l !== void 0 ? e.l : "none"} ${e.c !== void 0 ? e.c : "none"} ${e.h !== void 0 ? e.h : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
   ranges: {
     l: [0, 1],
     c: [0, 0.4],
     h: [0, 360]
   }
-}, rn = (e) => Math.max(0, Math.min(1, e || 0)), D = (e) => Math.round(rn(e) * 255), Le = y("rgb"), je = (e) => {
+}, sn = (e) => Math.max(0, Math.min(1, e || 0)), L = (e) => Math.round(sn(e) * 255), je = x("rgb"), Ke = (e) => {
   if (e === void 0)
     return;
-  let t = D(e.r), n = D(e.g), r = D(e.b);
+  let t = L(e.r), n = L(e.g), r = L(e.b);
   return "#" + (1 << 24 | t << 16 | n << 8 | r).toString(16).slice(1);
-}, an = (e) => {
+}, fn = (e) => {
   if (e === void 0)
     return;
-  let t = D(e.alpha !== void 0 ? e.alpha : 1);
-  return je(e) + (256 | t).toString(16).slice(1);
-}, on = (e) => je(Le(e)), sn = (e) => an(Le(e)), Ke = y("rgb"), Be = (e) => {
+  let t = L(e.alpha !== void 0 ? e.alpha : 1);
+  return Ke(e) + (256 | t).toString(16).slice(1);
+}, ln = (e) => Ke(je(e)), un = (e) => fn(je(e)), Be = x("rgb"), Ge = (e) => {
   const t = {
     mode: e.mode,
     r: Math.max(0, Math.min(e.r !== void 0 ? e.r : 0, 1)),
@@ -888,22 +843,22 @@ const nn = {
     b: Math.max(0, Math.min(e.b !== void 0 ? e.b : 0, 1))
   };
   return e.alpha !== void 0 && (t.alpha = e.alpha), t;
-}, fn = (e) => Be(Ke(e)), Ge = (e) => e !== void 0 && (e.r === void 0 || e.r >= 0 && e.r <= 1) && (e.g === void 0 || e.g >= 0 && e.g <= 1) && (e.b === void 0 || e.b >= 0 && e.b <= 1);
-function un(e) {
-  return Ge(Ke(e));
+}, cn = (e) => Ge(Be(e)), qe = (e) => e !== void 0 && (e.r === void 0 || e.r >= 0 && e.r <= 1) && (e.g === void 0 || e.g >= 0 && e.g <= 1) && (e.b === void 0 || e.b >= 0 && e.b <= 1);
+function dn(e) {
+  return qe(Be(e));
 }
-function he(e = "rgb") {
-  const { gamut: t } = W(e);
+function be(e = "rgb") {
+  const { gamut: t } = X(e);
   if (!t)
     return (r) => !0;
-  const n = y(typeof t == "string" ? t : e);
-  return (r) => Ge(n(r));
+  const n = x(typeof t == "string" ? t : e);
+  return (r) => qe(n(r));
 }
-function ln(e = "rgb") {
-  const { gamut: t } = W(e);
+function hn(e = "rgb") {
+  const { gamut: t } = X(e);
   if (!t)
     return (a) => j(a);
-  const n = typeof t == "string" ? t : e, r = y(n), i = he(n);
+  const n = typeof t == "string" ? t : e, r = x(n), i = be(n);
   return (a) => {
     const o = j(a);
     if (!o)
@@ -911,31 +866,31 @@ function ln(e = "rgb") {
     const s = r(o);
     if (i(s))
       return o;
-    const u = Be(s);
-    return o.mode === u.mode ? u : y(o.mode)(u);
+    const f = Ge(s);
+    return o.mode === f.mode ? f : x(o.mode)(f);
   };
 }
-function cn(e, t = "lch", n = "rgb") {
+function pn(e, t = "lch", n = "rgb") {
   e = j(e);
-  let r = n === "rgb" ? un : he(n), i = n === "rgb" ? fn : ln(n);
+  let r = n === "rgb" ? dn : be(n), i = n === "rgb" ? cn : hn(n);
   if (e === void 0 || r(e)) return e;
-  let a = y(e.mode);
-  e = y(t)(e);
+  let a = x(e.mode);
+  e = x(t)(e);
   let o = { ...e, c: 0 };
   if (!r(o))
     return a(i(o));
-  let s = 0, u = e.c !== void 0 ? e.c : 0, c = W(t).ranges.c, d = (c[1] - c[0]) / Math.pow(2, 13), h = o.c;
-  for (; u - s > d; )
-    o.c = s + (u - s) * 0.5, r(o) ? (h = o.c, s = o.c) : u = o.c;
+  let s = 0, f = e.c !== void 0 ? e.c : 0, c = X(t).ranges.c, d = (c[1] - c[0]) / Math.pow(2, 13), h = o.c;
+  for (; f - s > d; )
+    o.c = s + (f - s) * 0.5, r(o) ? (h = o.c, s = o.c) : f = o.c;
   return a(
     r(o) ? o : { ...o, c: h }
   );
 }
-ce(nn);
-ce(Ct);
-ce(jt);
-const Fn = 0.37, qe = y("oklch"), Je = y("rgb"), dn = y("hsl"), hn = he("rgb");
-function X(e) {
+ge(an);
+ge(Et);
+ge(Gt);
+const qn = 0.37, Je = x("oklch"), We = x("rgb"), gn = x("hsl"), mn = be("rgb");
+function Y(e) {
   return {
     mode: "oklch",
     l: e.l / 100,
@@ -944,7 +899,7 @@ function X(e) {
     alpha: e.a / 100
   };
 }
-function pn(e) {
+function bn(e) {
   return {
     l: (e.l ?? 0) * 100,
     c: e.c ?? 0,
@@ -952,19 +907,19 @@ function pn(e) {
     a: (e.alpha ?? 1) * 100
   };
 }
-function Dn(e) {
+function Jn(e) {
   const t = (e.l / 100).toFixed(4), n = e.c.toFixed(4), r = e.h.toFixed(2);
   if (e.a >= 100)
     return `oklch(${t} ${n} ${r})`;
   const i = (e.a / 100).toFixed(4);
   return `oklch(${t} ${n} ${r} / ${i})`;
 }
-function zn(e) {
+function Wn(e) {
   const t = { l: 0, c: 0, h: 0, a: 100 };
   try {
-    const n = He(e);
+    const n = Ee(e);
     if (!n) return t;
-    const r = qe(n);
+    const r = Je(n);
     if (!r) return t;
     const i = r.alpha === void 0 ? 1 : r.alpha;
     return {
@@ -977,12 +932,12 @@ function zn(e) {
     return t;
   }
 }
-function Ln(e, t) {
-  const n = X(e), r = Je(n);
-  return r ? e.a < 100 ? sn({ ...r, alpha: e.a / 100 }) ?? "#000000ff" : on(r) ?? "#000000" : "#000000";
+function Xn(e, t) {
+  const n = Y(e), r = We(n);
+  return r ? e.a < 100 ? un({ ...r, alpha: e.a / 100 }) ?? "#000000ff" : ln(r) ?? "#000000" : "#000000";
 }
-function jn(e) {
-  const t = X(e), n = dn(t);
+function Yn(e) {
+  const t = Y(e), n = gn(t);
   return n ? {
     h: n.h ?? 0,
     s: (n.s ?? 0) * 100,
@@ -990,18 +945,18 @@ function jn(e) {
     a: e.a
   } : { h: 0, s: 0, l: 0, a: e.a };
 }
-function Kn(e) {
+function Zn(e) {
   const t = {
     mode: "hsl",
     h: e.h,
     s: e.s / 100,
     l: e.l / 100,
     alpha: e.a / 100
-  }, n = qe(t);
-  return n ? pn(n) : { l: 0, c: 0, h: 0, a: e.a };
+  }, n = Je(t);
+  return n ? bn(n) : { l: 0, c: 0, h: 0, a: e.a };
 }
-function Bn(e) {
-  const t = X(e), n = cn(t, "oklch", "rgb");
+function Un(e) {
+  const t = Y(e), n = pn(t, "oklch", "rgb");
   return n ? {
     l: (n.l ?? e.l / 100) * 100,
     c: n.c ?? 0,
@@ -1009,11 +964,11 @@ function Bn(e) {
     a: e.a
   } : { l: e.l, c: 0, h: e.h, a: e.a };
 }
-function Gn(e) {
-  const t = Je(X(e));
-  return t ? hn(t) : !1;
+function Qn(e) {
+  const t = We(Y(e));
+  return t ? mn(t) : !1;
 }
-function gn(e, t) {
+function yn(e, t) {
   const n = parseFloat(e);
   let r;
   switch (t.toLowerCase()) {
@@ -1031,156 +986,168 @@ function gn(e, t) {
   }
   return (r % 360 + 360) % 360;
 }
-function oe(e) {
+function fe(e) {
   const n = e.trim().match(/^oklch\(\s*(.*?)\s*\)$/i);
   if (!n) return null;
   const i = n[1].split("/");
   if (i.length > 2) return null;
   const a = i[0].trim(), o = i.length === 2 ? i[1].trim() : null, s = a.split(/\s+/).filter(Boolean);
   if (s.length !== 3) return null;
-  const u = (b) => {
-    if (b.toLowerCase() === "none") return { value: 0, isPercent: !1 };
-    const P = b.match(/^([+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(%?)$/i);
-    if (!P) return null;
-    const H = parseFloat(P[1]);
-    return isNaN(H) ? null : { value: H, isPercent: P[2] === "%" };
-  }, c = u(s[0]);
+  const f = (m) => {
+    if (m.toLowerCase() === "none") return { value: 0, isPercent: !1 };
+    const C = m.match(/^([+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(%?)$/i);
+    if (!C) return null;
+    const R = parseFloat(C[1]);
+    return isNaN(R) ? null : { value: R, isPercent: C[2] === "%" };
+  }, c = f(s[0]);
   if (!c) return null;
-  const d = c.isPercent ? c.value : c.value * 100, h = u(s[1]);
+  const d = c.isPercent ? c.value : c.value * 100, h = f(s[1]);
   if (!h) return null;
-  const p = h.isPercent ? h.value / 100 * 0.4 : h.value, v = s[2];
-  let S;
-  if (v.toLowerCase() === "none")
-    S = 0;
+  const p = h.isPercent ? h.value / 100 * 0.4 : h.value, y = s[2];
+  let v;
+  if (y.toLowerCase() === "none")
+    v = 0;
   else {
-    const b = v.match(/^([+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(deg|rad|grad|turn)?$/i);
-    if (!b) return null;
-    const P = b[1], H = b[2] ?? "deg";
-    S = gn(P, H);
+    const m = y.match(/^([+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(deg|rad|grad|turn)?$/i);
+    if (!m) return null;
+    const C = m[1], R = m[2] ?? "deg";
+    v = yn(C, R);
   }
-  let me = 100;
+  let P = 100;
   if (o !== null) {
-    const b = u(o.trim());
-    if (!b) return null;
-    me = b.isPercent ? b.value : b.value * 100;
+    const m = f(o.trim());
+    if (!m) return null;
+    P = m.isPercent ? m.value : m.value * 100;
   }
   return {
     l: d,
     c: p,
-    h: S,
-    a: me
+    h: v,
+    a: P
   };
 }
-function We(e = g()) {
-  return st(e);
-}
 function Xe(e = g()) {
-  return it(e);
+  return lt(e);
 }
-function pe(e = g()) {
-  return rt(e);
+function Ye(e = g()) {
+  return st(e);
 }
-function qn(e = g()) {
+function ye(e = g()) {
   return at(e);
 }
-function Ye(e = g()) {
+function er(e = g()) {
   return ft(e);
 }
 function Ze(e = g()) {
-  return ut(e);
+  return ct(e);
 }
 function Ue(e = g()) {
-  return lt(e);
+  return ut(e);
+}
+function Qe(e = g()) {
+  return dt(e);
 }
-const mn = { top: 60, left: 20 };
-function bn() {
-  if (typeof window > "u") return mn;
+const xn = { top: 60, left: 20 };
+function Mn() {
+  if (typeof window > "u") return xn;
   const e = Math.min(1200, 0.8 * window.innerWidth), t = Math.min(800, 0.8 * window.innerHeight), n = Math.max(0, Math.round((window.innerHeight - t) / 2)), r = Math.max(0, Math.round((window.innerWidth - e) / 2));
   return { top: n, left: r };
 }
-function Jn(e) {
+function tr(e) {
   try {
-    const t = localStorage.getItem(Ye(e));
+    const t = localStorage.getItem(Ze(e));
     if (t) {
       const n = JSON.parse(t);
-      if (typeof n.top == "number" && typeof n.left == "number")
+      if (typeof n.top == "number" && typeof n.left == "number" && Number.isFinite(n.top) && Number.isFinite(n.left))
         return n;
     }
   } catch {
   }
-  return bn();
+  return Mn();
 }
-function Wn(e, t) {
+function nr(e, t) {
   try {
-    localStorage.setItem(Ye(t), JSON.stringify(e));
+    localStorage.setItem(Ze(t), JSON.stringify(e));
   } catch {
   }
 }
-const ee = 60, ve = 320, Me = 240, ke = 1600, we = 1200, yn = { width: 1024 * 0.8, height: 768 * 0.8 };
-function xn() {
-  return typeof window > "u" ? yn : Qe(
+const ne = 60, ve = 320, ke = 240, Se = 1600, we = 1200, vn = { width: 1024 * 0.8, height: 768 * 0.8 };
+function kn() {
+  return typeof window > "u" ? vn : et(
     Math.min(1200, 0.8 * window.innerWidth),
     Math.min(800, 0.8 * window.innerHeight)
   );
 }
-const Se = 32;
-function Qe(e, t) {
-  const n = typeof window < "u" ? window.innerWidth : ke, r = typeof window < "u" ? window.innerHeight : we, i = Math.max(ve, Math.min(ke, n - Se)), a = Math.max(Me, Math.min(we, r - Se));
+const $e = 32;
+function et(e, t) {
+  const n = typeof window < "u" ? window.innerWidth : Se, r = typeof window < "u" ? window.innerHeight : we, i = Math.max(ve, Math.min(Se, n - $e)), a = Math.max(ke, Math.min(we, r - $e));
   return {
     width: Math.max(ve, Math.min(e, i)),
-    height: Math.max(Me, Math.min(t, a))
+    height: Math.max(ke, Math.min(t, a))
   };
 }
-function Xn(e) {
+function rr(e) {
   try {
-    const t = localStorage.getItem(Ze(e));
+    const t = localStorage.getItem(Ue(e));
     if (t) {
       const n = JSON.parse(t);
       if (typeof n.width == "number" && typeof n.height == "number" && Number.isFinite(n.width) && Number.isFinite(n.height))
-        return Qe(n.width, n.height);
+        return et(n.width, n.height);
     }
   } catch {
   }
-  return xn();
+  return kn();
 }
-function Yn(e, t) {
+function ir(e, t) {
   try {
-    localStorage.setItem(Ze(t), JSON.stringify(e));
+    localStorage.setItem(Ue(t), JSON.stringify(e));
   } catch {
   }
 }
-const vn = 1;
-function Zn(e) {
-  return e === 0 ? "12rem" : e === 2 ? "100%" : "18rem";
+const Sn = 1;
+function or(e) {
+  return e === 0 ? "192px" : e === 2 ? "100%" : "288px";
 }
-function Un(e) {
+function ar(e) {
   try {
-    const t = localStorage.getItem(Ue(e));
+    const t = localStorage.getItem(Qe(e));
     if (t === "0" || t === "1" || t === "2")
       return Number(t);
   } catch {
   }
-  return vn;
+  return Sn;
 }
-function Qn(e, t) {
+function sr(e, t) {
   try {
-    localStorage.setItem(Ue(t), String(e));
+    localStorage.setItem(Qe(t), String(e));
   } catch {
   }
 }
-function er(e, t, n, r) {
-  const i = -(n - ee), a = window.innerWidth - ee, o = -30, s = window.innerHeight - ee, u = Math.max(s, o), c = Math.max(a, i);
+function fr(e, t, n, r) {
+  const i = -(n - ne), a = window.innerWidth - ne, o = -30, s = window.innerHeight - ne, f = Math.max(s, o), c = Math.max(a, i);
   return {
-    top: Math.max(o, Math.min(e, u)),
+    top: Math.max(o, Math.min(e, f)),
     left: Math.max(i, Math.min(t, c))
   };
 }
-async function tr(e) {
+async function lr(e) {
+}
+function wn(e) {
+  return typeof e == "number" || e === "bg" || e === "fg";
+}
+function le(e) {
+  return typeof e == "object" && e !== null && "literal" in e;
 }
-function te() {
+function ue(e) {
+  return le(e) && typeof e.literal == "object" && e.literal !== null;
+}
+function $n(e) {
+  return typeof e == "object" && e !== null && "ref" in e;
+}
+function re() {
   return {};
 }
-const Mn = {
+const Nn = {
   id: "stub",
   label: "STUB",
   paletteSize: 0,
@@ -1194,10 +1161,10 @@ const Mn = {
   panelSettings: { colorScheme: "", colorMode: !1 }
 };
 function $(e = g()) {
-  return ot(e.tabs) ?? Mn;
+  return ot(e.tabs) ?? Nn;
 }
-function ge(e) {
-  const t = Math.max(1, e.paletteSize);
+function Z(e) {
+  const t = e.paletteSize;
   return {
     palette: Array.from({ length: t }, (r, i) => {
       if (t === 1) return "#808080";
@@ -1213,11 +1180,11 @@ function ge(e) {
     shikiTheme: e.defaultShikiTheme
   };
 }
-function nr(e) {
-  const t = J(e);
-  return t ? ge(t) : void 0;
+function ur(e) {
+  const t = W(e);
+  return t ? Z(t) : void 0;
 }
-function kn() {
+function Tn() {
   try {
     const e = document.createElement("canvas").getContext("2d");
     return e ? (e.fillStyle = "#ffffff", e.fillStyle === "#ffffff") : !1;
@@ -1225,8 +1192,8 @@ function kn() {
     return !1;
   }
 }
-const wn = kn();
-function Sn(e) {
+const In = Tn();
+function On(e) {
   const t = e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?/);
   if (!t) return null;
   const n = parseInt(t[1], 10), r = parseInt(t[2], 10), i = parseInt(t[3], 10), a = `#${(1 << 24 | n << 16 | r << 8 | i).toString(16).slice(1)}`;
@@ -1239,12 +1206,12 @@ function Sn(e) {
   }
   return a;
 }
-function $n(e, t, n, r) {
+function Pn(e, t, n, r) {
   const i = (o) => o.toString(16).padStart(2, "0"), a = `#${i(e)}${i(t)}${i(n)}`;
   return r < 255 ? `${a}${i(r)}` : a;
 }
-let M = null;
-function se(e) {
+let k = null;
+function ce(e) {
   if (!e || e === "initial" || e === "inherit") return "#000000";
   const t = e.trim();
   if (/^#[0-9a-fA-F]{6}$/.test(t) || /^#[0-9a-fA-F]{8}$/.test(t)) return t;
@@ -1252,22 +1219,22 @@ function se(e) {
     return `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`;
   if (/^#[0-9a-fA-F]{4}$/.test(t))
     return `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}${t[4]}${t[4]}`;
-  const n = Sn(t);
+  const n = On(t);
   if (n) return n;
-  if (!wn) return "#000000";
+  if (!In) return "#000000";
   try {
-    if (M || (M = document.createElement("canvas").getContext("2d")), !M) return "#000000";
-    M.fillStyle = "#000000", M.fillStyle = t, M.clearRect(0, 0, 1, 1), M.fillRect(0, 0, 1, 1);
-    const [r, i, a, o] = M.getImageData(0, 0, 1, 1).data;
-    return $n(r, i, a, o);
+    if (k || (k = document.createElement("canvas").getContext("2d")), !k) return "#000000";
+    k.fillStyle = "#000000", k.fillStyle = t, k.clearRect(0, 0, 1, 1), k.fillRect(0, 0, 1, 1);
+    const [r, i, a, o] = k.getImageData(0, 0, 1, 1).data;
+    return Pn(r, i, a, o);
   } catch {
     return "#000000";
   }
 }
-function z(e, t) {
+function A(e, t) {
   document.documentElement.style.setProperty(e, t);
 }
-function Tn(e, t) {
+function Cn(e, t) {
   let n = Math.abs(e.h - t.h) % 360;
   return n > 180 && (n = 360 - n), Math.abs(e.l - t.l) <= 1e-3 && Math.abs(e.c - t.c) <= 1e-5 && n <= 1e-3 && Math.abs(e.a - t.a) <= 1e-3;
 }
@@ -1276,23 +1243,23 @@ function T(e, t, n) {
   if (typeof e == "number") return e;
   const r = t.indexOf(e);
   if (r >= 0) return r;
-  const i = oe(e);
+  const i = fe(e);
   if (i)
     for (let h = 0; h < t.length; h++) {
-      const p = oe(t[h]);
-      if (p && Tn(i, p)) return h;
+      const p = fe(t[h]);
+      if (p && Cn(i, p)) return h;
     }
-  const a = se(e), o = t.map((h) => se(h)), s = o.indexOf(a);
+  const a = ce(e), o = t.map((h) => ce(h)), s = o.indexOf(a);
   if (s >= 0) return s;
-  const u = $e(a);
+  const f = Ne(a);
   let c = n, d = 1 / 0;
   for (let h = 0; h < o.length; h++) {
-    const p = $e(o[h]), v = (u.r - p.r) ** 2 + (u.g - p.g) ** 2 + (u.b - p.b) ** 2;
-    v < d && (d = v, c = h);
+    const p = Ne(o[h]), y = (f.r - p.r) ** 2 + (f.g - p.g) ** 2 + (f.b - p.b) ** 2;
+    y < d && (d = y, c = h);
   }
   return c;
 }
-function $e(e) {
+function Ne(e) {
   const t = e.replace("#", "");
   return {
     r: parseInt(t.substring(0, 2), 16) || 0,
@@ -1301,30 +1268,34 @@ function $e(e) {
     aa: t.length >= 8 ? parseInt(t.substring(6, 8), 16) || 0 : 255
   };
 }
-function Nn(e = $(), t) {
-  const n = e.panelSettings;
-  if (n.colorMode) {
-    const r = document.documentElement.getAttribute("data-theme");
-    if (r === "light") return n.colorMode.lightScheme;
-    if (r === "dark") return n.colorMode.darkScheme;
+function _n(e = $(), t) {
+  const n = e.panelSettings, r = t !== void 0 && t.applySink !== void 0;
+  if (n.colorMode && !r) {
+    const i = document.documentElement.getAttribute("data-theme");
+    if (i === "light") return n.colorMode.lightScheme;
+    if (i === "dark") return n.colorMode.darkScheme;
   }
   return n.colorScheme;
 }
-function In(e = $()) {
-  const t = e.colorSchemes;
-  if (Object.keys(t).length === 0)
-    return ge(e);
-  const n = Nn(e), r = t[n] ?? Object.values(t)[0];
-  return Pn(r, e);
-}
-function On(e) {
-  return oe(e) ? e : se(e);
-}
-function Pn(e, t = $()) {
-  const n = e.palette.map(On), r = {};
+function An(e = $(), t) {
+  const n = e.colorSchemes;
+  if (Object.keys(n).length === 0)
+    return Z(e);
+  const r = _n(e, t), i = n[r] ?? Object.values(n)[0];
+  return En(i, e);
+}
+function Hn(e) {
+  return fe(e) ? e : ce(e);
+}
+function En(e, t = $()) {
+  if (t.paletteSize === 0)
+    return console.warn(
+      `[tweak] Scheme/preset load ignored for palette-less cluster "${t.id}" (paletteSize: 0) — schemes cannot seed a tier with no palette.`
+    ), Z(t);
+  const n = e.palette.map(Hn), r = {};
   for (const [i, a] of Object.entries(t.semanticDefaults)) {
-    const o = e.semantic?.[i];
-    o === void 0 ? r[i] = a : typeof o == "number" ? r[i] = o : r[i] = T(o, e.palette, a);
+    const o = typeof a == "number" ? a : 0, s = e.semantic?.[i];
+    s === void 0 ? r[i] = o : typeof s == "number" ? r[i] = s : r[i] = T(s, e.palette, o);
   }
   return {
     palette: n,
@@ -1353,82 +1324,151 @@ function Pn(e, t = $()) {
     shikiTheme: String(e.shikiTheme ?? t.defaultShikiTheme)
   };
 }
-function Te(e, t, n, r) {
+function Rn(e, t, n, r) {
   const i = t.length;
-  return e === "bg" ? t[A(n, i)] ?? "#000000" : e === "fg" ? t[A(r, i)] ?? "#ffffff" : t[A(e, i)] ?? "#000000";
+  return e === "bg" ? t[E(n, i)] ?? "#000000" : e === "fg" ? t[E(r, i)] ?? "#ffffff" : t[E(e, i)] ?? "#000000";
 }
-function A(e, t) {
+function E(e, t) {
   return e >= 0 && e < t ? e : 0;
 }
-function Ne(e, t = $(), n) {
-  const r = e.palette.length;
+function de(e, t, n, r, i, a, o) {
+  if (wn(e)) return Rn(e, t, n, r);
+  if (le(e) && ue(e))
+    return o ? e.literal[o] : `light-dark(${e.literal.light}, ${e.literal.dark})`;
+  if (le(e) && !ue(e)) return e.literal;
+  if ($n(e) && i)
+    try {
+      return `var(${ht(e.ref, i, a ?? [i])})`;
+    } catch {
+      return null;
+    }
+  return null;
+}
+function Fn(e) {
+  const t = e.panelSettings.colorMode;
+  return t ? t.defaultMode : "light";
+}
+function cr(e, t) {
+  return e.literal[t];
+}
+function dr(e, t, n = $(), r, i) {
+  return de(
+    e,
+    t.palette,
+    t.background,
+    t.foreground,
+    r,
+    i,
+    Fn(n)
+  ) ?? "#000000";
+}
+const N = "color-scheme", Te = "light dark";
+function J(e, t) {
+  for (const n of Object.keys(t.semanticCssNames)) {
+    const r = e.semanticMappings[n] ?? t.semanticDefaults[n];
+    if (r !== void 0 && ue(r)) return !0;
+  }
+  return !1;
+}
+function Ie(e, t = $(), n, r, i) {
+  const a = e.palette.length;
   if (n) {
-    const i = [];
-    for (let a = 0; a < r; a++)
-      i.push([L(t, a), e.palette[a]]);
-    for (const [a, o] of Object.entries(t.baseRoles)) {
-      if (typeof o != "string" || o.length === 0) continue;
-      const s = e[a];
-      typeof s == "number" && i.push([o, e.palette[A(s, r)]]);
+    const o = [];
+    for (let s = 0; s < a; s++)
+      o.push([z(t, s), e.palette[s]]);
+    for (const [s, f] of Object.entries(t.baseRoles)) {
+      if (typeof f != "string" || f.length === 0) continue;
+      const c = e[s];
+      typeof c == "number" && o.push([f, e.palette[E(c, a)]]);
     }
-    for (const [a, o] of Object.entries(t.semanticCssNames)) {
-      const s = e.semanticMappings[a] ?? t.semanticDefaults[a];
-      i.push([o, Te(s, e.palette, e.background, e.foreground)]);
+    for (const [s, f] of Object.entries(t.semanticCssNames)) {
+      const c = e.semanticMappings[s] ?? t.semanticDefaults[s], d = de(
+        c,
+        e.palette,
+        e.background,
+        e.foreground,
+        r,
+        i
+      );
+      d !== null && o.push([f, d]);
     }
+    J(e, t) && o.push([N, Te]);
     try {
-      n.apply(i);
-    } catch (a) {
-      console.warn("[design-token-panel] applySink.apply threw; falling back silently.", a);
+      n.apply(o);
+    } catch (s) {
+      console.warn("[design-token-panel] applySink.apply threw; falling back silently.", s);
     }
     return;
   }
-  for (let i = 0; i < r; i++)
-    z(L(t, i), e.palette[i]);
-  for (const [i, a] of Object.entries(t.baseRoles)) {
-    if (typeof a != "string" || a.length === 0) continue;
-    const o = e[i];
-    typeof o == "number" && z(a, e.palette[A(o, r)]);
+  for (let o = 0; o < a; o++)
+    A(z(t, o), e.palette[o]);
+  for (const [o, s] of Object.entries(t.baseRoles)) {
+    if (typeof s != "string" || s.length === 0) continue;
+    const f = e[o];
+    typeof f == "number" && A(s, e.palette[E(f, a)]);
   }
-  for (const [i, a] of Object.entries(t.semanticCssNames)) {
-    const o = e.semanticMappings[i] ?? t.semanticDefaults[i];
-    z(a, Te(o, e.palette, e.background, e.foreground));
+  for (const [o, s] of Object.entries(t.semanticCssNames)) {
+    const f = e.semanticMappings[o] ?? t.semanticDefaults[o], c = de(
+      f,
+      e.palette,
+      e.background,
+      e.foreground,
+      r,
+      i
+    );
+    c !== null && A(s, c);
   }
-}
-function rr(e, t) {
-  const n = t ?? g(), r = n.applySink;
-  Ne(e.color, $(n), r), F(n.tabs, "spacing", e.spacing, r), F(n.tabs, "font", e.typography, r), F(n.tabs, "size", e.size, r);
-  const i = J(n);
-  if (i && e.secondary && Ne(e.secondary, i, r), e.tabs)
-    for (const [a, o] of Object.entries(e.tabs)) {
-      const s = {};
-      for (const u of Object.values(o))
-        for (const [c, d] of Object.entries(u))
-          s[c] = d;
-      F(n.tabs, a, s, r);
+  J(e, t) && A(N, Te);
+}
+function hr(e, t) {
+  const n = t ?? g(), r = n.applySink, i = n.tabs.find((f) => f.id === "color"), a = $(n);
+  Ie(e.color, a, r, i, n.tabs), D(n.tabs, "spacing", e.spacing, r), D(n.tabs, "font", e.typography, r), D(n.tabs, "size", e.size, r);
+  const o = W(n);
+  let s = !1;
+  if (o && e.secondary) {
+    const f = n.tabs.find((c) => c.id === "color-secondary");
+    Ie(e.secondary, o, r, f, n.tabs), s = J(e.secondary, o);
+  }
+  if (!J(e.color, a) && !s)
+    if (r)
+      try {
+        r.clear([N]);
+      } catch (f) {
+        console.warn("[design-token-panel] applySink.clear threw; falling back silently.", f);
+      }
+    else
+      document.documentElement.style.removeProperty(N);
+  if (e.tabs)
+    for (const [f, c] of Object.entries(e.tabs)) {
+      const d = {};
+      for (const h of Object.values(c))
+        for (const [p, y] of Object.entries(h))
+          d[p] = y;
+      D(n.tabs, f, d, r);
     }
 }
-function F(e, t, n, r) {
+function D(e, t, n, r) {
   const i = e.find((s) => s.id === t);
   if (!i) return;
   const a = {};
   for (const s of i.tiers) {
-    const u = {};
+    const f = {};
     for (const c of s.items) {
       const d = n[c.id];
-      typeof d == "string" && d.length > 0 && (u[c.id] = d);
+      typeof d == "string" && d.length > 0 && (f[c.id] = d);
     }
-    a[s.id] = u;
+    a[s.id] = f;
   }
   if (r) {
-    const s = [], u = [];
+    const s = [], f = [];
     for (const c of i.tiers)
       for (const d of c.items)
         if (!d.readonly)
           try {
-            const h = ye(i, c.id, d.id, a), p = xe(h);
-            typeof n[d.id] == "string" && n[d.id].length > 0 || c.referencesTier !== void 0 ? s.push([d.cssVar, p]) : u.push(d.cssVar);
+            const h = xe(i, c.id, d.id, a), p = Me(h);
+            typeof n[d.id] == "string" && n[d.id].length > 0 || c.referencesTier !== void 0 ? s.push([d.cssVar, p]) : f.push(d.cssVar);
           } catch {
-            u.push(d.cssVar);
+            f.push(d.cssVar);
           }
     if (s.length > 0)
       try {
@@ -1436,9 +1476,9 @@ function F(e, t, n, r) {
       } catch (c) {
         console.warn("[design-token-panel] applySink.apply threw; falling back silently.", c);
       }
-    if (u.length > 0)
+    if (f.length > 0)
       try {
-        r.clear(u);
+        r.clear(f);
       } catch (c) {
         console.warn("[design-token-panel] applySink.clear threw; falling back silently.", c);
       }
@@ -1446,30 +1486,30 @@ function F(e, t, n, r) {
   }
   const o = document.documentElement;
   for (const s of i.tiers)
-    for (const u of s.items)
-      if (!u.readonly)
+    for (const f of s.items)
+      if (!f.readonly)
         try {
-          const c = ye(i, s.id, u.id, a), d = xe(c);
-          typeof n[u.id] == "string" && n[u.id].length > 0 || s.referencesTier !== void 0 ? z(u.cssVar, d) : o.style.removeProperty(u.cssVar);
+          const c = xe(i, s.id, f.id, a), d = Me(c);
+          typeof n[f.id] == "string" && n[f.id].length > 0 || s.referencesTier !== void 0 ? A(f.cssVar, d) : o.style.removeProperty(f.cssVar);
         } catch {
-          o.style.removeProperty(u.cssVar);
+          o.style.removeProperty(f.cssVar);
         }
 }
-function et(e) {
-  const t = e ?? g(), n = $(t), r = J(t);
+function tt(e) {
+  const t = e ?? g(), n = $(t), r = W(t);
   return r ? [n, r] : [n];
 }
-function tt(e) {
+function nt(e) {
   const t = [];
   for (let n = 0; n < e.paletteSize; n++)
-    t.push(L(e, n));
+    t.push(z(e, n));
   for (const n of Object.values(e.baseRoles))
     typeof n == "string" && n.length > 0 && t.push(n);
   for (const n of Object.values(e.semanticCssNames))
     t.push(n);
   return t;
 }
-function _n(e) {
+function Vn(e) {
   const t = [];
   for (const n of e.tabs)
     if (!(n.id === "color" || n.id === "color-secondary"))
@@ -1478,16 +1518,16 @@ function _n(e) {
           i.readonly || t.push(i.cssVar);
   return t;
 }
-function Cn(e, t, n) {
-  const r = e ?? et(n), i = n?.applySink;
-  return An(r, i);
+function Dn(e, t, n) {
+  const r = e ?? tt(n), i = n?.applySink;
+  return Ln(r, i);
 }
-function An(e, t) {
+function Ln(e, t) {
   if (t) {
     const r = [];
     for (const i of e)
-      r.push(...tt(i));
-    if (r.length > 0)
+      r.push(...nt(i));
+    if (e.length > 0 && r.push(N), r.length > 0)
       try {
         t.clear(r);
       } catch (i) {
@@ -1498,20 +1538,21 @@ function An(e, t) {
   const n = document.documentElement;
   for (const r of e) {
     for (let i = 0; i < r.paletteSize; i++)
-      n.style.removeProperty(L(r, i));
+      n.style.removeProperty(z(r, i));
     for (const i of Object.values(r.baseRoles))
       n.style.removeProperty(i);
     for (const i of Object.values(r.semanticCssNames))
       n.style.removeProperty(i);
   }
+  e.length > 0 && n.style.removeProperty(N);
 }
-function ir(e, t) {
-  const n = t ?? g(), r = n.applySink, i = et(n);
+function pr(e, t) {
+  const n = t ?? g(), r = n.applySink, i = tt(n);
   if (r) {
     const o = [];
     for (const s of i)
-      o.push(...tt(s));
-    if (o.push(..._n(n)), o.length > 0)
+      o.push(...nt(s));
+    if (i.length > 0 && o.push(N), o.push(...Vn(n)), o.length > 0)
       try {
         r.clear(o);
       } catch (s) {
@@ -1519,20 +1560,59 @@ function ir(e, t) {
       }
     return;
   }
-  Cn(i);
+  Dn(i);
   const a = document.documentElement;
   for (const o of n.tabs)
     if (!(o.id === "color" || o.id === "color-secondary"))
       for (const s of o.tiers)
-        for (const u of s.items)
-          u.readonly || a.style.removeProperty(u.cssVar);
+        for (const f of s.items)
+          f.readonly || a.style.removeProperty(f.cssVar);
 }
-function fe(e, t) {
+function rt(e, t) {
   if (!e || typeof e != "object") return !1;
   const n = e;
   return Array.isArray(n.palette) && n.palette.length === t && typeof n.background == "number" && typeof n.foreground == "number" && typeof n.cursor == "number" && typeof n.selectionBg == "number" && typeof n.selectionFg == "number" && typeof n.semanticMappings == "object" && n.semanticMappings !== null;
 }
-function ue(e, t) {
+function zn(e) {
+  if (typeof e == "number" || e === "bg" || e === "fg") return e;
+  if (!e || typeof e != "object" || Array.isArray(e)) return;
+  const t = e;
+  if ("literal" in t) {
+    const n = t.literal;
+    if (typeof n == "string") return { literal: n };
+    if (n && typeof n == "object" && !Array.isArray(n)) {
+      const r = n;
+      if (typeof r.light == "string" && typeof r.dark == "string")
+        return { literal: { light: r.light, dark: r.dark } };
+    }
+    return;
+  }
+  if ("ref" in t) {
+    const n = t.ref;
+    if (n && typeof n == "object" && !Array.isArray(n)) {
+      const r = n;
+      if (typeof r.tier == "string" && typeof r.item == "string")
+        return {
+          ref: {
+            tier: r.tier,
+            item: r.item,
+            ...typeof r.tab == "string" ? { tab: r.tab } : {}
+          }
+        };
+    }
+    return;
+  }
+}
+function jn(e, t) {
+  if (!e || typeof e != "object" || Array.isArray(e)) return { ...t };
+  const n = { ...t };
+  for (const [r, i] of Object.entries(e)) {
+    const a = zn(i);
+    a !== void 0 && (n[r] = a);
+  }
+  return n;
+}
+function he(e, t) {
   const n = Array.isArray(e.palette) ? e.palette : null;
   let r;
   return n && n.length === t.palette.length && n.every((i) => typeof i == "string") ? r = n : (n && n.some((i) => typeof i != "string") && console.error(
@@ -1544,11 +1624,11 @@ function ue(e, t) {
     cursor: typeof e.cursor == "number" ? e.cursor : t.cursor,
     selectionBg: typeof e.selectionBg == "number" ? e.selectionBg : t.selectionBg,
     selectionFg: typeof e.selectionFg == "number" ? e.selectionFg : t.selectionFg,
-    semanticMappings: e.semanticMappings && typeof e.semanticMappings == "object" ? { ...t.semanticMappings, ...e.semanticMappings } : t.semanticMappings,
+    semanticMappings: jn(e.semanticMappings, t.semanticMappings),
     shikiTheme: typeof e.shikiTheme == "string" && e.shikiTheme.length > 0 ? e.shikiTheme : t.shikiTheme
   };
 }
-const ar = {
+const gr = {
   "text-caption": "text-xs",
   "text-small": "text-sm",
   "text-body": "text-base",
@@ -1558,14 +1638,14 @@ const ar = {
   // Dropped — no main-site equivalent. `null` signals "discard".
   "text-micro": null
 };
-function Ie(e) {
+function Oe(e) {
   if (!e || typeof e != "object") return {};
   const t = {};
   for (const [n, r] of Object.entries(e))
     typeof r == "string" && (t[n] = r);
   return t;
 }
-function Hn(e, t = {}) {
+function Kn(e, t = {}) {
   if (!e || typeof e != "object") return {};
   const n = {};
   for (const [r, i] of Object.entries(e))
@@ -1578,13 +1658,7 @@ function Hn(e, t = {}) {
         n[r] = i;
   return n;
 }
-function En(e) {
-  if (!e || typeof e != "object") return;
-  const t = e;
-  if (typeof t.top == "number" && typeof t.left == "number" && Number.isFinite(t.top) && Number.isFinite(t.left))
-    return { top: t.top, left: t.left };
-}
-function Vn(e) {
+function Bn(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return {};
   const t = {};
   for (const [n, r] of Object.entries(e)) {
@@ -1593,44 +1667,43 @@ function Vn(e) {
     for (const [a, o] of Object.entries(r)) {
       if (!o || typeof o != "object" || Array.isArray(o)) continue;
       const s = {};
-      for (const [u, c] of Object.entries(o))
-        typeof c == "string" && (s[u] = c);
+      for (const [f, c] of Object.entries(o))
+        typeof c == "string" && (s[f] = c);
       i[a] = s;
     }
     t[n] = i;
   }
   return t;
 }
-function Oe(e, t, n, r = g()) {
-  if (!e.color || !fe(e.color, t.paletteSize)) return null;
-  const i = n ?? nt(t), a = e.typography !== void 0 ? e.typography : e.font, o = r.legacyIdRenameMap ?? {}, s = {
-    color: ue(e.color, i),
+function Pe(e, t, n, r = g()) {
+  if (!e.color || typeof e.color != "object") return null;
+  const i = n ?? it(t, r), a = e.typography !== void 0 ? e.typography : e.font, o = r.legacyIdRenameMap ?? {}, s = {
+    color: he(e.color, i),
     // New sections added after v1 migration — tolerate their absence so
     // older v2 payloads (Color-only) still load cleanly.
-    spacing: Ie(e.spacing),
+    spacing: Oe(e.spacing),
     // Typography slice: apply the host-configured rename map (if any)
     // so payloads persisted under the host's "old" ids survive a
     // host-driven id rename without losing the user's tweaks.
-    typography: Hn(a, o),
-    size: Ie(e.size),
-    panelPosition: En(e.panelPosition)
-  }, u = J(r);
-  u && e.secondary && fe(e.secondary, u.paletteSize) && (s.secondary = ue(
+    typography: Kn(a, o),
+    size: Oe(e.size)
+  }, f = W(r);
+  f && e.secondary && rt(e.secondary, f.paletteSize) && (s.secondary = he(
     e.secondary,
-    ge(u)
+    Z(f)
   ));
-  const c = Vn(e.tabs);
+  const c = Bn(e.tabs);
   return Object.keys(c).length > 0 && (s.tabs = c), s;
 }
-function or(e = localStorage, t, n = $(), r = g()) {
-  const i = We(r), a = Xe(r), o = pe(r), s = ne(e, o);
+function mr(e = localStorage, t, n = $(), r = g()) {
+  const i = Xe(r), a = Ye(r), o = ye(r), s = ie(e, o);
   if (s !== null) {
-    const d = re(s);
+    const d = oe(s);
     if (d && typeof d == "object") {
-      const h = d, p = Oe(h, n, t, r);
+      const h = d, p = Pe(h, n, t, r);
       if (p !== null) {
-        const v = h.typography !== void 0 ? h.typography : h.font;
-        if (JSON.stringify(v ?? {}) !== JSON.stringify(p.typography) || h.typography === void 0)
+        const y = h.typography !== void 0 ? h.typography : h.font, v = JSON.stringify(y ?? {}) !== JSON.stringify(p.typography), P = h.color, m = Array.isArray(P?.palette) && P.palette.length !== n.paletteSize;
+        if (v || h.typography === void 0 || m)
           try {
             e.setItem(o, JSON.stringify(p));
           } catch {
@@ -1640,11 +1713,11 @@ function or(e = localStorage, t, n = $(), r = g()) {
     }
     console.warn(`[tweak] Malformed ${o}, attempting v2 migration`);
   }
-  const u = ne(e, a);
-  if (u !== null) {
-    const d = re(u);
+  const f = ie(e, a);
+  if (f !== null) {
+    const d = oe(f);
     if (d && typeof d == "object") {
-      const p = Oe(d, n, t, r);
+      const p = Pe(d, n, t, r);
       if (p !== null) {
         try {
           e.setItem(o, JSON.stringify(p)), e.removeItem(a);
@@ -1655,23 +1728,23 @@ function or(e = localStorage, t, n = $(), r = g()) {
     }
     console.warn(`[tweak] Malformed ${a}, attempting v1 migration`);
   }
-  const c = ne(e, i);
+  const c = ie(e, i);
   if (c !== null) {
-    const d = re(c);
-    if (d && typeof d == "object" && fe(d, n.paletteSize)) {
-      const h = t ?? nt(n), p = d;
+    const d = oe(c);
+    if (d && typeof d == "object" && rt(d, n.paletteSize)) {
+      const h = t ?? it(n, r), p = d;
       p.shikiTheme || (p.shikiTheme = h.shikiTheme);
-      const S = {
-        color: ue(p, h),
-        spacing: te(),
-        typography: te(),
-        size: te()
+      const v = {
+        color: he(p, h),
+        spacing: re(),
+        typography: re(),
+        size: re()
       };
       try {
-        e.setItem(o, JSON.stringify(S)), e.removeItem(i);
+        e.setItem(o, JSON.stringify(v)), e.removeItem(i);
       } catch {
       }
-      return S;
+      return v;
     }
     console.warn(`[tweak] Malformed ${i}; discarding and using fresh defaults`);
     try {
@@ -1681,48 +1754,48 @@ function or(e = localStorage, t, n = $(), r = g()) {
   }
   return null;
 }
-function sr(e, t = localStorage, n = g()) {
+function br(e, t = localStorage, n = g()) {
   try {
-    t.setItem(pe(n), JSON.stringify(e));
+    t.setItem(ye(n), JSON.stringify(e));
   } catch {
   }
 }
-function fr(e = localStorage, t = g()) {
+function yr(e = localStorage, t = g()) {
   try {
-    e.removeItem(pe(t));
+    e.removeItem(ye(t));
   } catch {
   }
   try {
-    e.removeItem(Xe(t));
+    e.removeItem(Ye(t));
   } catch {
   }
   try {
-    e.removeItem(We(t));
+    e.removeItem(Xe(t));
   } catch {
   }
 }
-function ne(e, t) {
+function ie(e, t) {
   try {
     return e.getItem(t);
   } catch {
     return null;
   }
 }
-function re(e) {
+function oe(e) {
   try {
     return JSON.parse(e);
   } catch {
     return null;
   }
 }
-function nt(e) {
+function it(e, t) {
   try {
-    return In(e);
+    return An(e, t);
   } catch {
     return {
       palette: Array.from(
         { length: e.paletteSize },
-        (n, r) => r === 0 ? "#000000" : r === e.paletteSize - 1 ? "#ffffff" : "#808080"
+        (r, i) => i === 0 ? "#000000" : i === e.paletteSize - 1 ? "#ffffff" : "#808080"
       ),
       background: e.baseDefaults.background ?? 0,
       foreground: e.baseDefaults.foreground ?? 0,
@@ -1735,45 +1808,51 @@ function nt(e) {
   }
 }
 export {
-  fr as A,
-  ir as B,
-  nr as C,
-  mn as D,
-  Zn as E,
-  In as F,
-  Cn as G,
-  Wn as H,
-  Yn as I,
-  er as J,
-  Qe as K,
-  te as L,
-  Fn as M,
-  pe as N,
-  ar as Z,
-  We as a,
-  Xe as b,
+  Sn as A,
+  rr as B,
+  tr as C,
+  xn as D,
+  fr as E,
+  ar as F,
+  sr as G,
+  Dn as H,
+  yr as I,
+  pr as J,
+  ur as K,
+  or as L,
+  qn as M,
+  An as N,
+  nr as O,
+  ir as P,
+  et as Q,
+  re as R,
+  ye as S,
+  dr as T,
+  gr as Z,
+  Xe as a,
+  Ye as b,
   $ as c,
-  jn as d,
-  xe as e,
-  Bn as f,
-  qn as g,
-  zn as h,
-  Pn as i,
-  Dn as j,
-  Kn as k,
-  or as l,
-  Gn as m,
-  oe as n,
-  Ln as o,
-  tr as p,
-  rr as q,
-  ye as r,
-  A as s,
-  sr as t,
-  xn as u,
-  vn as v,
-  Jn as w,
-  Xn as x,
-  Un as y,
-  Qn as z
+  ue as d,
+  le as e,
+  $n as f,
+  er as g,
+  En as h,
+  wn as i,
+  Wn as j,
+  Yn as k,
+  mr as l,
+  Un as m,
+  Hn as n,
+  Xn as o,
+  Jn as p,
+  Zn as q,
+  Qn as r,
+  E as s,
+  fe as t,
+  cr as u,
+  Fn as v,
+  lr as w,
+  hr as x,
+  br as y,
+  kn as z
 };