@takazudo/zdtp 0.4.7 → 0.4.8

package/dist/{panel-config-Bw7D-25C.js → panel-config-BNLlUc_r.js}

@@ -1,6 +1,6 @@
-class w extends Error {
+class b extends Error {
   constructor(t) {
-    super(t), this.name = "TierResolverError", Object.setPrototypeOf(this, w.prototype);
+    super(t), this.name = "TierResolverError", Object.setPrototypeOf(this, b.prototype);
   }
 }
 function A(e, t) {
@@ -9,55 +9,55 @@ function A(e, t) {
 function $(e, t) {
   return e.items.find((n) => n.id === t);
 }
-function Y(e, t, n, a) {
+function Y(e, t, n, i) {
   const g = A(e, t);
   if (!g)
-    throw new w(
+    throw new b(
       `Tier "${t}" not found in tab "${e.id}". Available tiers: ${e.tiers.map((l) => l.id).join(", ")}.`
     );
   const c = $(g, n);
   if (!c)
-    throw new w(
+    throw new b(
       `Item "${n}" not found in tier "${t}" of tab "${e.id}".`
     );
-  const s = a[t]?.[n];
+  const a = i[t]?.[n];
   if (g.referencesTier !== void 0) {
     const l = g.referencesTier, f = A(e, l);
     if (!f)
-      throw new w(
+      throw new b(
         `Tier "${t}" declares referencesTier "${l}" but that tier does not exist in tab "${e.id}".`
       );
-    const i = $(f, s ?? n);
-    if (!i) {
-      const u = $(f, c.default) ?? $(f, n) ?? f.items[0];
-      if (!u)
-        throw new w(
+    const o = $(f, a ?? n);
+    if (!o) {
+      const d = $(f, c.default) ?? $(f, n) ?? f.items[0];
+      if (!d)
+        throw new b(
           `Referenced tier "${l}" has no items; cannot resolve fallback for item "${n}" in tier "${t}" of tab "${e.id}".`
         );
-      return { kind: "ref", targetCssVar: u.cssVar };
+      return { kind: "ref", targetCssVar: d.cssVar };
     }
-    return { kind: "ref", targetCssVar: i.cssVar };
+    return { kind: "ref", targetCssVar: o.cssVar };
   }
-  return s !== void 0 ? c.pill && s === c.pill.value ? { kind: "literal", value: c.pill.value } : { kind: "literal", value: s } : c.pill ? { kind: "literal", value: c.pill.customDefault } : { kind: "literal", value: c.default };
+  return a !== void 0 ? c.pill && a === c.pill.value ? { kind: "literal", value: c.pill.value } : { kind: "literal", value: a } : c.pill ? { kind: "literal", value: c.pill.customDefault } : { kind: "literal", value: c.default };
 }
 function Z(e) {
   return e.kind === "literal" ? e.value : `var(${e.targetCssVar})`;
 }
 function M(e, t, n = [t]) {
-  const a = e.tab === void 0 || e.tab === t.id ? t : n.find((o) => o.id === e.tab);
-  if (!a)
-    throw new w(
-      `Cross-tab ref target tab "${e.tab}" not found. Available tabs: ${n.map((o) => o.id).join(", ")}.`
+  const i = e.tab === void 0 || e.tab === t.id ? t : n.find((s) => s.id === e.tab);
+  if (!i)
+    throw new b(
+      `Cross-tab ref target tab "${e.tab}" not found. Available tabs: ${n.map((s) => s.id).join(", ")}.`
     );
-  const g = A(a, e.tier);
+  const g = A(i, e.tier);
   if (!g)
-    throw new w(
-      `Cross-tab ref target tier "${e.tier}" not found in tab "${a.id}". Available tiers: ${a.tiers.map((o) => o.id).join(", ")}.`
+    throw new b(
+      `Cross-tab ref target tier "${e.tier}" not found in tab "${i.id}". Available tiers: ${i.tiers.map((s) => s.id).join(", ")}.`
     );
   const c = $(g, e.item);
   if (!c)
-    throw new w(
-      `Cross-tab ref target item "${e.item}" not found in tier "${e.tier}" of tab "${a.id}". Available items: ${g.items.map((o) => o.id).join(", ")}.`
+    throw new b(
+      `Cross-tab ref target item "${e.item}" not found in tier "${e.tier}" of tab "${i.id}". Available items: ${g.items.map((s) => s.id).join(", ")}.`
     );
   return c.cssVar;
 }
@@ -224,36 +224,36 @@ const N = /* @__PURE__ */ new Set([
 function z(e) {
   return e.startsWith("#") || e.includes("(") || N.has(e.toLowerCase());
 }
-function H(e, t, n, a) {
+function H(e, t, n, i) {
   const g = [], c = e.indexOf(":");
   if (c !== -1) {
-    const s = e.slice(0, c), l = e.slice(c + 1), f = t.find((r) => r.tier === s);
+    const a = e.slice(0, c), l = e.slice(c + 1), f = t.find((r) => r.tier === a);
     f && g.push({ tab: f.tab, tier: f.tier, item: l });
   }
-  const [o] = t;
-  g.push({ tab: o.tab, tier: o.tier, item: e });
-  for (const s of g)
+  const [s] = t;
+  g.push({ tab: s.tab, tier: s.tier, item: e });
+  for (const a of g)
     try {
-      return M(s, n, a), { ref: s };
+      return M(a, n, i), { ref: a };
     } catch {
     }
   return { ref: g[0] };
 }
-function K(e, t, n, a, g, c) {
-  const o = t.get(e.default);
-  return o !== void 0 ? o : e.default === "bg" || e.default === "fg" ? e.default : n && n.length > 0 && !z(e.default) ? H(e.default, n, a, g) : c ? (console.warn(
+function K(e, t, n, i, g, c) {
+  const s = t.get(e.default);
+  return s !== void 0 ? s : e.default === "bg" || e.default === "fg" ? e.default : n && n.length > 0 && !z(e.default) ? H(e.default, n, i, g) : c ? (console.warn(
     `[design-token-panel] semantic item "${e.id}" default "${e.default}" names no palette item; falling back to palette index 0`
   ), 0) : { literal: e.default };
 }
 function V(e, t = [e]) {
   const n = e.colorExtras;
   if (!n) return;
-  const a = e.tiers.find(
-    (i) => !i.referencesTier && !i.semantic && i.items.length > 0 && i.items[0].type.kind === "color"
+  const i = e.tiers.find(
+    (o) => !o.referencesTier && !o.semantic && o.items.length > 0 && o.items[0].type.kind === "color"
   ), g = e.tiers.find(
-    (i) => a && i.referencesTier === a.id || i.semantic === !0
+    (o) => i && o.referencesTier === i.id || o.semantic === !0
   );
-  if (!a && !g)
+  if (!i && !g)
     return {
       id: n.id,
       label: n.label,
@@ -267,28 +267,28 @@ function V(e, t = [e]) {
       colorSchemes: n.colorSchemes,
       panelSettings: n.panelSettings
     };
-  const c = a?.items ?? [], o = c.length, s = c[0] ? c[0].cssVar.replace(/\d+$/, "{n}") : "--zudo-stub-p{n}", l = /* @__PURE__ */ new Map();
-  for (let i = 0; i < c.length; i++)
-    l.set(c[i].id, i);
+  const c = i?.items ?? [], s = c.length, a = c[0] ? c[0].cssVar.replace(/\d+$/, "{n}") : "--zudo-stub-p{n}", l = /* @__PURE__ */ new Map();
+  for (let o = 0; o < c.length; o++)
+    l.set(c[o].id, o);
   const f = {}, r = {};
   if (g) {
-    const i = !g.semantic, u = n.semanticDefaults;
-    for (const d of g.items)
-      r[d.id] = d.cssVar, f[d.id] = u && d.id in u ? u[d.id] : K(
-        d,
+    const o = !g.semantic, d = n.semanticDefaults;
+    for (const u of g.items)
+      r[u.id] = u.cssVar, f[u.id] = d && u.id in d ? d[u.id] : K(
+        u,
         l,
         g.referencesRamps,
         e,
         t,
-        i
+        o
       );
   }
   return {
     id: n.id,
     label: n.label,
-    paletteSize: o,
+    paletteSize: s,
     baseRoles: n.baseRoles,
-    paletteCssVarTemplate: s,
+    paletteCssVarTemplate: a,
     semanticDefaults: f,
     semanticCssNames: r,
     baseDefaults: n.baseDefaults,
@@ -316,9 +316,9 @@ function S(e, t) {
     return !0;
   }
   if (Array.isArray(t)) return !1;
-  const n = Object.keys(e), a = Object.keys(t);
-  if (n.length !== a.length) return !1;
-  const g = new Set(a);
+  const n = Object.keys(e), i = Object.keys(t);
+  if (n.length !== i.length) return !1;
+  const g = new Set(i);
   for (const c of n)
     if (!g.has(c) || !S(e[c], t[c]))
       return !1;
@@ -381,19 +381,19 @@ function I(e) {
   };
 }
 function ee(e) {
-  const t = m(), n = e.storagePrefix, a = t.instances.get(n);
-  if (a) {
+  const t = m(), n = e.storagePrefix, i = t.instances.get(n);
+  if (i) {
     const f = (r) => ({ ...r, applySink: void 0 });
-    if (S(f(a.suppliedConfig), f(e)))
-      return t.defaultPrefix = n, a.handle;
+    if (S(f(i.suppliedConfig), f(e)))
+      return t.defaultPrefix = n, i.handle;
     throw new Error(
       `[design-token-panel] configurePanel() was already called with different values for storagePrefix "${n}". Configuration is one-shot per prefix per page lifecycle. To re-configure this prefix, call handle.destroy() first, then configurePanel() again. (Use a distinct storagePrefix for a second panel instance.)`
     );
   }
   const g = t.pendingColorPresets, c = g ? { ...e, colorPresets: g } : { ...e };
   t.pendingColorPresets = null;
-  const o = t.instances.size === 0, s = o ? [...t.pendingPostConfigureHooks] : [];
-  o && (t.pendingPostConfigureHooks.length = 0);
+  const s = t.instances.size === 0, a = s ? [...t.pendingPostConfigureHooks] : [];
+  s && (t.pendingPostConfigureHooks.length = 0);
   const l = {
     config: c,
     // Snapshot the as-supplied config before any runtime merges. Used by the
@@ -401,7 +401,7 @@ function ee(e) {
     // config keep passing even after setPanelColorPresets mutates `config`.
     suppliedConfig: { ...e },
     pendingColorPresets: null,
-    postConfigureHooks: s,
+    postConfigureHooks: a,
     handle: F(n)
   };
   t.instances.set(n, l), t.defaultPrefix = n;
@@ -432,7 +432,7 @@ function ne() {
 function re(e) {
   return m().instances.get(e)?.config ?? null;
 }
-function ie() {
+function oe() {
   const e = m();
   e.instances.clear(), e.defaultPrefix = null, e.pendingColorPresets = null, e.pendingPostConfigureHooks.length = 0, v().clear();
 }
@@ -440,7 +440,7 @@ function v() {
   const e = m();
   return e.colorSchemeOwners || (e.colorSchemeOwners = /* @__PURE__ */ new Set()), e.colorSchemeOwners;
 }
-function oe(e) {
+function ie(e) {
   v().add(e);
 }
 function se(e) {
@@ -461,10 +461,10 @@ function ce(e) {
 function ge(e) {
   return `${e.storagePrefix}-state-v4`;
 }
-function ue(e) {
+function de(e) {
   return `${e.storagePrefix}-state`;
 }
-function de(e) {
+function ue(e) {
   return `${e.storagePrefix}-open`;
 }
 function pe(e) {
@@ -479,10 +479,10 @@ function me(e) {
 function he(e) {
   return `${e.storagePrefix}:visible`;
 }
-function be(e) {
+function we(e) {
   return `${e.storagePrefix}:autoload`;
 }
-function we(e) {
+function be(e) {
   return `${e.storagePrefix}-root`;
 }
 const J = _.storagePrefix, q = "toggle-design-token-panel";
@@ -493,10 +493,10 @@ const G = "__zdtp:open-state-changed";
 function $e(e) {
   return `${G}:${e.storagePrefix}`;
 }
-function Pe(e, t) {
+function Ce(e, t) {
   return `${e.modalClassPrefix}${t}`;
 }
-function Ce(e) {
+function Pe(e) {
   return `${e.exportFilenameBase}.json`;
 }
 const O = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:global-alias-marker");
@@ -510,8 +510,8 @@ function Ee(e) {
     );
     return;
   }
-  const a = { ...e };
-  a[O] = !0, t.zdtp = a;
+  const i = { ...e };
+  i[O] = !0, t.zdtp = i;
 }
 function ve(e) {
   if (e === null || typeof e != "object" || Array.isArray(e))
@@ -539,19 +539,39 @@ function ve(e) {
   if (t.applyRouting !== void 0) {
     if (t.applyRouting === null || typeof t.applyRouting != "object" || Array.isArray(t.applyRouting))
       throw new Error("[design-token-panel] PanelConfig.applyRouting must be a plain object");
-    for (const [n, a] of Object.entries(t.applyRouting))
-      if (typeof a != "string")
+    for (const [n, i] of Object.entries(t.applyRouting))
+      if (typeof i != "string")
         throw new Error(
           `[design-token-panel] PanelConfig.applyRouting[${JSON.stringify(n)}] must be a string`
         );
   }
+  if (t.domTweaker !== void 0) {
+    if (t.domTweaker === null || typeof t.domTweaker != "object" || Array.isArray(t.domTweaker))
+      throw new Error("[design-token-panel] PanelConfig.domTweaker must be a plain object");
+    const n = t.domTweaker;
+    for (const i of Object.keys(n))
+      if (i !== "themeCss")
+        throw new Error(
+          `[design-token-panel] PanelConfig.domTweaker.${i} is not a supported field`
+        );
+    if (n.themeCss !== void 0) {
+      if (typeof n.themeCss != "string")
+        throw new Error(
+          `[design-token-panel] PanelConfig.domTweaker.themeCss must be a string when set (got ${typeof n.themeCss})`
+        );
+      if (/@import/i.test(n.themeCss))
+        throw new Error(
+          "[design-token-panel] PanelConfig.domTweaker.themeCss must not contain @import"
+        );
+    }
+  }
   if (t.legacyIdRenameMap !== void 0) {
     if (t.legacyIdRenameMap === null || typeof t.legacyIdRenameMap != "object" || Array.isArray(t.legacyIdRenameMap))
       throw new Error("[design-token-panel] PanelConfig.legacyIdRenameMap must be a plain object");
-    for (const [n, a] of Object.entries(t.legacyIdRenameMap))
-      if (a !== null && typeof a != "string")
+    for (const [n, i] of Object.entries(t.legacyIdRenameMap))
+      if (i !== null && typeof i != "string")
         throw new Error(
-          `[design-token-panel] PanelConfig.legacyIdRenameMap[${JSON.stringify(n)}] must be a string or null (got ${typeof a})`
+          `[design-token-panel] PanelConfig.legacyIdRenameMap[${JSON.stringify(n)}] must be a string or null (got ${typeof i})`
         );
   }
 }
@@ -562,14 +582,14 @@ function B(e) {
   for (const n of e) {
     if (n === null || typeof n != "object" || Array.isArray(n))
       throw new Error("[design-token-panel] PanelConfig.tabs: each tab must be a non-null object");
-    const a = n;
-    if (typeof a.id != "string" || a.id.length === 0)
+    const i = n;
+    if (typeof i.id != "string" || i.id.length === 0)
       throw new Error("[design-token-panel] PanelConfig.tabs: each tab must have a non-empty string id");
-    if (t.has(a.id))
+    if (t.has(i.id))
       throw new Error(
-        `[design-token-panel] PanelConfig.tabs: duplicate tab id "${a.id}"`
+        `[design-token-panel] PanelConfig.tabs: duplicate tab id "${i.id}"`
       );
-    t.add(a.id), W(a.id, a, e);
+    t.add(i.id), W(i.id, i, e);
   }
 }
 function U(e) {
@@ -580,14 +600,14 @@ function U(e) {
     const n = t.literal;
     if (typeof n == "string") return !0;
     if (n === null || typeof n != "object" || Array.isArray(n)) return !1;
-    const a = n;
-    return typeof a.light == "string" && typeof a.dark == "string";
+    const i = n;
+    return typeof i.light == "string" && typeof i.dark == "string";
   }
   if ("ref" in t) {
     const n = t.ref;
     if (n === null || typeof n != "object" || Array.isArray(n)) return !1;
-    const a = n;
-    return !(typeof a.tier != "string" || typeof a.item != "string" || a.tab !== void 0 && typeof a.tab != "string");
+    const i = n;
+    return !(typeof i.tier != "string" || typeof i.item != "string" || i.tab !== void 0 && typeof i.tab != "string");
   }
   return !1;
 }
@@ -596,50 +616,50 @@ function W(e, t, n) {
     throw new Error(
       `[design-token-panel] PanelConfig.tabs["${e}"].tiers must be an array`
     );
-  const a = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map();
-  for (const o of t.tiers) {
-    if (o === null || typeof o != "object" || Array.isArray(o))
+  const i = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map();
+  for (const s of t.tiers) {
+    if (s === null || typeof s != "object" || Array.isArray(s))
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers: each tier must be a non-null object`
       );
-    const s = o;
-    if (typeof s.id != "string" || s.id.length === 0)
+    const a = s;
+    if (typeof a.id != "string" || a.id.length === 0)
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers: each tier must have a non-empty string id`
       );
-    if (a.has(s.id))
+    if (i.has(a.id))
       throw new Error(
-        `[design-token-panel] PanelConfig.tabs["${e}"]: duplicate tier id "${s.id}"`
+        `[design-token-panel] PanelConfig.tabs["${e}"]: duplicate tier id "${a.id}"`
       );
-    if (a.add(s.id), s.semantic !== void 0 && s.semantic !== !0)
+    if (i.add(a.id), a.semantic !== void 0 && a.semantic !== !0)
       throw new Error(
-        `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${s.id}"].semantic must be exactly \`true\` when present (got ${JSON.stringify(s.semantic)})`
+        `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${a.id}"].semantic must be exactly \`true\` when present (got ${JSON.stringify(a.semantic)})`
       );
-    if (!Array.isArray(s.items))
+    if (!Array.isArray(a.items))
       throw new Error(
-        `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${s.id}"].items must be an array`
+        `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${a.id}"].items must be an array`
       );
     let l;
-    for (const f of s.items) {
+    for (const f of a.items) {
       if (f === null || typeof f != "object" || Array.isArray(f)) continue;
-      const i = f.type;
-      if (i === null || typeof i != "object" || Array.isArray(i)) continue;
-      const u = i.kind;
-      if (typeof u == "string") {
+      const o = f.type;
+      if (o === null || typeof o != "object" || Array.isArray(o)) continue;
+      const d = o.kind;
+      if (typeof d == "string") {
         if (l === void 0)
-          l = u;
-        else if (l !== u)
+          l = d;
+        else if (l !== d)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${s.id}"]: mixed item kinds — found "${l}" and "${u}" in the same tier (all items must share the same kind)`
+            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${a.id}"]: mixed item kinds — found "${l}" and "${d}" in the same tier (all items must share the same kind)`
           );
       }
     }
-    l !== void 0 && g.set(s.id, l);
+    l !== void 0 && g.set(a.id, l);
   }
   const c = /* @__PURE__ */ new Set();
-  for (const o of t.tiers) {
-    const s = o, l = s.id;
-    for (const f of s.items) {
+  for (const s of t.tiers) {
+    const a = s, l = a.id;
+    for (const f of a.items) {
       if (f === null || typeof f != "object" || Array.isArray(f))
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].items: each item must be a non-null object`
@@ -661,198 +681,198 @@ function W(e, t, n) {
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].items["${r.id}"].cssVar must be non-empty after "--"`
         );
-      const i = r.type;
-      if (i !== null && typeof i == "object" && !Array.isArray(i) && i.kind === "length" && i.units !== void 0) {
-        const u = i.units;
-        if (!Array.isArray(u))
+      const o = r.type;
+      if (o !== null && typeof o == "object" && !Array.isArray(o) && o.kind === "length" && o.units !== void 0) {
+        const d = o.units;
+        if (!Array.isArray(d))
           throw new Error(
             `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].items["${r.id}"].type.units must be an array`
           );
-        const d = /* @__PURE__ */ new Set();
-        for (const p of u) {
+        const u = /* @__PURE__ */ new Set();
+        for (const p of d) {
           if (typeof p != "string" || p.length === 0)
             throw new Error(
               `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].items["${r.id}"].type.units entries must be non-empty strings (got ${JSON.stringify(p)})`
             );
-          if (d.has(p))
+          if (u.has(p))
             throw new Error(
               `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].items["${r.id}"].type.units: duplicate unit ${JSON.stringify(p)}`
             );
-          d.add(p);
+          u.add(p);
         }
       }
     }
   }
-  for (const o of t.tiers) {
-    const s = o, l = s.id;
-    if (s.referencesTier !== void 0) {
-      if (typeof s.referencesTier != "string")
+  for (const s of t.tiers) {
+    const a = s, l = a.id;
+    if (a.referencesTier !== void 0) {
+      if (typeof a.referencesTier != "string")
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesTier must be a string`
         );
-      const f = s.referencesTier;
-      if (!a.has(f))
+      const f = a.referencesTier;
+      if (!i.has(f))
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesTier: tier "${f}" does not exist in this tab`
         );
-      const r = g.get(l), i = g.get(f);
-      if (r !== void 0 && i !== void 0 && r !== "text" && r !== i)
+      const r = g.get(l), o = g.get(f);
+      if (r !== void 0 && o !== void 0 && r !== "text" && r !== o)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesTier: referencing tier has kind "${r}" but referenced tier "${f}" has kind "${i}" (cross-kind reference is only allowed when the referencing tier has kind "text")`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesTier: referencing tier has kind "${r}" but referenced tier "${f}" has kind "${o}" (cross-kind reference is only allowed when the referencing tier has kind "text")`
         );
     }
   }
-  for (const o of t.tiers) {
-    const s = o, l = s.id;
-    if (s.referencesRamps === void 0) continue;
-    if (s.semantic !== !0)
+  for (const s of t.tiers) {
+    const a = s, l = a.id;
+    if (a.referencesRamps === void 0) continue;
+    if (a.semantic !== !0)
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps is only valid on a tier with semantic: true`
       );
-    if (!Array.isArray(s.referencesRamps))
+    if (!Array.isArray(a.referencesRamps))
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps must be an array`
       );
-    const f = g.get(l), r = s.referencesRamps;
-    for (let i = 0; i < r.length; i++) {
-      const u = r[i];
-      if (u === null || typeof u != "object" || Array.isArray(u))
+    const f = g.get(l), r = a.referencesRamps;
+    for (let o = 0; o < r.length; o++) {
+      const d = r[o];
+      if (d === null || typeof d != "object" || Array.isArray(d))
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${i}] must be a non-null object`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${o}] must be a non-null object`
         );
-      const d = u;
-      if (typeof d.tier != "string" || d.tier.length === 0)
+      const u = d;
+      if (typeof u.tier != "string" || u.tier.length === 0)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${i}].tier must be a non-empty string`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${o}].tier must be a non-empty string`
         );
-      if (d.tab !== void 0 && (typeof d.tab != "string" || d.tab.length === 0))
+      if (u.tab !== void 0 && (typeof u.tab != "string" || u.tab.length === 0))
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${i}].tab must be a non-empty string when set`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${o}].tab must be a non-empty string when set`
         );
-      const p = d.tab === void 0 ? e : d.tab;
+      const p = u.tab === void 0 ? e : u.tab;
       let k;
       if (p === e)
         k = t;
       else {
-        const b = n.find(
+        const w = n.find(
           (y) => y !== null && typeof y == "object" && !Array.isArray(y) && y.id === p
         );
-        if (!b) {
+        if (!w) {
           const y = n.filter((h) => h !== null && typeof h == "object" && !Array.isArray(h)).map((h) => h.id).join(", ");
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${i}]: tab "${p}" does not exist. Available tabs: ${y}.`
+            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${o}]: tab "${p}" does not exist. Available tabs: ${y}.`
           );
         }
-        k = b;
+        k = w;
       }
-      const P = Array.isArray(k.tiers) ? k.tiers : [], j = [];
-      let C;
-      for (const b of P) {
-        if (b === null || typeof b != "object" || Array.isArray(b)) continue;
-        const y = b;
-        typeof y.id == "string" && (j.push(y.id), y.id === d.tier && (C = y));
+      const C = Array.isArray(k.tiers) ? k.tiers : [], T = [];
+      let P;
+      for (const w of C) {
+        if (w === null || typeof w != "object" || Array.isArray(w)) continue;
+        const y = w;
+        typeof y.id == "string" && (T.push(y.id), y.id === u.tier && (P = y));
       }
-      if (!C)
+      if (!P)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${i}]: tier "${d.tier}" does not exist in tab "${p}". Available tiers: ${j.join(", ")}.`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${o}]: tier "${u.tier}" does not exist in tab "${p}". Available tiers: ${T.join(", ")}.`
         );
       if (f !== void 0) {
-        const b = Array.isArray(C.items) ? C.items : [];
+        const w = Array.isArray(P.items) ? P.items : [];
         let y;
-        for (const h of b) {
+        for (const h of w) {
           if (h === null || typeof h != "object" || Array.isArray(h)) continue;
           const E = h.type;
           if (E === null || typeof E != "object" || Array.isArray(E)) continue;
-          const T = E.kind;
-          if (typeof T == "string") {
-            y = T;
+          const j = E.kind;
+          if (typeof j == "string") {
+            y = j;
             break;
           }
         }
         if (y !== void 0 && f !== y)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${i}]: referencing semantic tier has kind "${f}" but target tier "${d.tier}" in tab "${p}" has kind "${y}" (cross-tab ramp sources must share the semantic tier's kind)`
+            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps[${o}]: referencing semantic tier has kind "${f}" but target tier "${u.tier}" in tab "${p}" has kind "${y}" (cross-tab ramp sources must share the semantic tier's kind)`
           );
       }
     }
   }
   if (t.colorExtras !== void 0) {
-    const o = t.colorExtras;
-    if (o === null || typeof o != "object" || Array.isArray(o))
+    const s = t.colorExtras;
+    if (s === null || typeof s != "object" || Array.isArray(s))
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras must be a plain object`
       );
     for (const r of ["id", "defaultShikiTheme"])
-      if (typeof o[r] != "string" || o[r].length === 0)
+      if (typeof s[r] != "string" || s[r].length === 0)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.${r} must be a non-empty string (got ${typeof o[r]})`
+          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.${r} must be a non-empty string (got ${typeof s[r]})`
         );
     for (const r of ["colorSchemes", "baseRoles", "baseDefaults"])
-      if (o[r] === void 0 || o[r] === null || typeof o[r] != "object" || Array.isArray(o[r]))
+      if (s[r] === void 0 || s[r] === null || typeof s[r] != "object" || Array.isArray(s[r]))
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.${r} must be a plain object`
         );
-    if (o.panelSettings === void 0 || o.panelSettings === null || typeof o.panelSettings != "object" || Array.isArray(o.panelSettings))
+    if (s.panelSettings === void 0 || s.panelSettings === null || typeof s.panelSettings != "object" || Array.isArray(s.panelSettings))
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings must be a plain object`
       );
-    const s = o.panelSettings;
-    if (typeof s.colorScheme != "string" || s.colorScheme.length === 0)
+    const a = s.panelSettings;
+    if (typeof a.colorScheme != "string" || a.colorScheme.length === 0)
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorScheme must be a non-empty string`
       );
-    if (s.colorMode !== !1) {
-      if (s.colorMode === null || typeof s.colorMode != "object" || Array.isArray(s.colorMode))
+    if (a.colorMode !== !1) {
+      if (a.colorMode === null || typeof a.colorMode != "object" || Array.isArray(a.colorMode))
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode must be false or a plain object`
         );
-      const r = s.colorMode;
-      for (const i of ["lightScheme", "darkScheme"])
-        if (typeof r[i] != "string" || r[i].length === 0)
+      const r = a.colorMode;
+      for (const o of ["lightScheme", "darkScheme"])
+        if (typeof r[o] != "string" || r[o].length === 0)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode.${i} must be a non-empty string`
+            `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode.${o} must be a non-empty string`
           );
       if (r.defaultMode !== "light" && r.defaultMode !== "dark")
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode.defaultMode must be "light" or "dark" (got ${JSON.stringify(r.defaultMode)})`
         );
     }
-    if (o.semanticDefaults !== void 0) {
-      if (o.semanticDefaults === null || typeof o.semanticDefaults != "object" || Array.isArray(o.semanticDefaults))
+    if (s.semanticDefaults !== void 0) {
+      if (s.semanticDefaults === null || typeof s.semanticDefaults != "object" || Array.isArray(s.semanticDefaults))
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.semanticDefaults must be a plain object`
         );
-      const r = o.semanticDefaults;
-      for (const [i, u] of Object.entries(r))
-        if (!U(u))
+      const r = s.semanticDefaults;
+      for (const [o, d] of Object.entries(r))
+        if (!U(d))
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.semanticDefaults["${i}"] must be a valid SemanticValue (number | 'bg' | 'fg' | { literal: string } | { literal: { light, dark } } | { ref: { tier, item, tab? } }), got ${JSON.stringify(u)}`
+            `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.semanticDefaults["${o}"] must be a valid SemanticValue (number | 'bg' | 'fg' | { literal: string } | { literal: { light, dark } } | { ref: { tier, item, tab? } }), got ${JSON.stringify(d)}`
           );
     }
     const f = t.tiers.find((r) => {
       if (r.referencesTier !== void 0 || r.semantic === !0) return !1;
-      const i = r.items;
-      if (!Array.isArray(i) || i.length === 0) return !1;
-      const u = i[0];
-      if (u === null || typeof u != "object" || Array.isArray(u)) return !1;
-      const d = u.type;
-      return d === null || typeof d != "object" || Array.isArray(d) ? !1 : d.kind === "color";
+      const o = r.items;
+      if (!Array.isArray(o) || o.length === 0) return !1;
+      const d = o[0];
+      if (d === null || typeof d != "object" || Array.isArray(d)) return !1;
+      const u = d.type;
+      return u === null || typeof u != "object" || Array.isArray(u) ? !1 : u.kind === "color";
     });
     if (f) {
-      const r = f.id, i = f.items, u = i[0]?.cssVar;
-      if (u !== void 0) {
-        const d = u.replace(/\d+$/, "{n}");
-        if (d.includes("{n}"))
-          for (let p = 0; p < i.length; p++) {
-            const k = i[p], P = d.replace("{n}", String(p));
-            if (k.cssVar !== P)
+      const r = f.id, o = f.items, d = o[0]?.cssVar;
+      if (d !== void 0) {
+        const u = d.replace(/\d+$/, "{n}");
+        if (u.includes("{n}"))
+          for (let p = 0; p < o.length; p++) {
+            const k = o[p], C = u.replace("{n}", String(p));
+            if (k.cssVar !== C)
               throw new Error(
-                `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r}"].items[${p}].cssVar is ${JSON.stringify(k.cssVar)} but expected ${JSON.stringify(P)} — palette item cssVars must share one prefix and be numbered 0..n-1 in tier order (template derived from first item: ${JSON.stringify(d)})`
+                `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r}"].items[${p}].cssVar is ${JSON.stringify(k.cssVar)} but expected ${JSON.stringify(C)} — palette item cssVars must share one prefix and be numbered 0..n-1 in tier order (template derived from first item: ${JSON.stringify(u)})`
               );
           }
-        else if (i.length > 1)
+        else if (o.length > 1)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r}"].items[0].cssVar ${JSON.stringify(u)} has no trailing digit — palette item cssVars must share one prefix and be numbered 0..n-1 in tier order (e.g. "--pal-0" … "--pal-15")`
+            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r}"].items[0].cssVar ${JSON.stringify(d)} has no trailing digit — palette item cssVars must share one prefix and be numbered 0..n-1 in tier order (e.g. "--pal-0" … "--pal-15")`
           );
       }
     }
@@ -870,11 +890,11 @@ function W(e, t, n) {
       throw new Error(
         '[design-token-panel] PanelConfig.tabs["notes"].notesExtras must be a plain object with { title, html }'
       );
-    const o = t.notesExtras;
-    for (const s of ["title", "html"])
-      if (typeof o[s] != "string" || o[s].length === 0)
+    const s = t.notesExtras;
+    for (const a of ["title", "html"])
+      if (typeof s[a] != "string" || s[a].length === 0)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["notes"].notesExtras.${s} must be a non-empty string (got ${typeof o[s]})`
+          `[design-token-panel] PanelConfig.tabs["notes"].notesExtras.${a} must be a non-empty string (got ${typeof s[a]})`
         );
   } else if (t.notesExtras !== void 0)
     throw new Error(
@@ -903,8 +923,8 @@ export {
   q as H,
   ne as I,
   re as J,
-  we as K,
-  ie as _,
+  be as K,
+  oe as _,
   he as a,
   fe as b,
   ee as c,
@@ -912,23 +932,23 @@ export {
   ge as e,
   ve as f,
   D as g,
-  de as h,
+  ue as h,
   Ee as i,
   pe as j,
-  ue as k,
-  be as l,
-  se as m,
-  le as n,
-  Y as o,
-  Z as p,
-  ye as q,
+  de as k,
+  we as l,
+  Ce as m,
+  se as n,
+  le as o,
+  Y as p,
+  Z as q,
   Q as r,
   Se as s,
-  me as t,
-  X as u,
-  oe as v,
-  ae as w,
-  M as x,
-  S as y,
-  Ce as z
+  ye as t,
+  me as u,
+  X as v,
+  ie as w,
+  ae as x,
+  M as y,
+  S as z
 };