@takazudo/zdtp 0.5.2 → 0.6.0

package/dist/{panel-config-CqbuB0nh.js → panel-config-Crn5QJGy.js}

@@ -1,4 +1,4 @@
-import { DEFAULT_STORAGE_PREFIX as N, resolveToggleEventName as M, READABLE_STATE_KEY_SUFFIXES as v } from "./constants.js";
+import { DEFAULT_STORAGE_PREFIX as z, resolveToggleEventName as M, READABLE_STATE_KEY_SUFFIXES as v } from "./constants.js";
 class k extends Error {
   constructor(t) {
     super(t), this.name = "TierResolverError", Object.setPrototypeOf(this, k.prototype);
@@ -10,7 +10,7 @@ function S(e, t) {
 function $(e, t) {
   return e.items.find((n) => n.id === t);
 }
-function te(e, t, n, i) {
+function te(e, t, n, a) {
   const u = S(e, t);
   if (!u)
     throw new k(
@@ -21,23 +21,23 @@ function te(e, t, n, i) {
     throw new k(
       `Item "${n}" not found in tier "${t}" of tab "${e.id}".`
     );
-  const r = i[t]?.[n];
+  const r = a[t]?.[n];
   if (u.referencesTier !== void 0) {
     const f = u.referencesTier, l = S(e, f);
     if (!l)
       throw new k(
         `Tier "${t}" declares referencesTier "${f}" but that tier does not exist in tab "${e.id}".`
       );
-    const a = $(l, r ?? n);
-    if (!a) {
-      const g = $(l, d.default) ?? $(l, n) ?? l.items[0];
-      if (!g)
+    const o = $(l, r ?? n);
+    if (!o) {
+      const c = $(l, d.default) ?? $(l, n) ?? l.items[0];
+      if (!c)
         throw new k(
           `Referenced tier "${f}" has no items; cannot resolve fallback for item "${n}" in tier "${t}" of tab "${e.id}".`
         );
-      return { kind: "ref", targetCssVar: g.cssVar };
+      return { kind: "ref", targetCssVar: c.cssVar };
     }
-    return { kind: "ref", targetCssVar: a.cssVar };
+    return { kind: "ref", targetCssVar: o.cssVar };
   }
   return r !== void 0 ? d.pill && r === d.pill.value ? { kind: "literal", value: d.pill.value } : { kind: "literal", value: r } : d.pill ? { kind: "literal", value: d.pill.customDefault } : { kind: "literal", value: d.default };
 }
@@ -45,20 +45,20 @@ function ne(e) {
   return e.kind === "literal" ? e.value : `var(${e.targetCssVar})`;
 }
 function D(e, t, n = [t]) {
-  const i = e.tab === void 0 || e.tab === t.id ? t : n.find((s) => s.id === e.tab);
-  if (!i)
+  const a = e.tab === void 0 || e.tab === t.id ? t : n.find((s) => s.id === e.tab);
+  if (!a)
     throw new k(
       `Cross-tab ref target tab "${e.tab}" not found. Available tabs: ${n.map((s) => s.id).join(", ")}.`
     );
-  const u = S(i, e.tier);
+  const u = S(a, e.tier);
   if (!u)
     throw new k(
-      `Cross-tab ref target tier "${e.tier}" not found in tab "${i.id}". Available tiers: ${i.tiers.map((s) => s.id).join(", ")}.`
+      `Cross-tab ref target tier "${e.tier}" not found in tab "${a.id}". Available tiers: ${a.tiers.map((s) => s.id).join(", ")}.`
     );
   const d = $(u, e.item);
   if (!d)
     throw new k(
-      `Cross-tab ref target item "${e.item}" not found in tier "${e.tier}" of tab "${i.id}". Available items: ${u.items.map((s) => s.id).join(", ")}.`
+      `Cross-tab ref target item "${e.item}" not found in tier "${e.tier}" of tab "${a.id}". Available items: ${u.items.map((s) => s.id).join(", ")}.`
     );
   return d.cssVar;
 }
@@ -225,36 +225,36 @@ const H = /* @__PURE__ */ new Set([
 function B(e) {
   return e.startsWith("#") || e.includes("(") || H.has(e.toLowerCase());
 }
-function L(e, t, n, i) {
+function J(e, t, n, a) {
   const u = [], d = e.indexOf(":");
   if (d !== -1) {
-    const r = e.slice(0, d), f = e.slice(d + 1), l = t.find((o) => o.tier === r);
+    const r = e.slice(0, d), f = e.slice(d + 1), l = t.find((i) => i.tier === r);
     l && u.push({ tab: l.tab, tier: l.tier, item: f });
   }
   const [s] = t;
   u.push({ tab: s.tab, tier: s.tier, item: e });
   for (const r of u)
     try {
-      return D(r, n, i), { ref: r };
+      return D(r, n, a), { ref: r };
     } catch {
     }
   return { ref: u[0] };
 }
-function F(e, t, n, i, u, d) {
+function F(e, t, n, a, u, d) {
   const s = t.get(e.default);
-  return s !== void 0 ? s : e.default === "bg" || e.default === "fg" ? e.default : n && n.length > 0 && !B(e.default) ? L(e.default, n, i, u) : d ? (console.warn(
+  return s !== void 0 ? s : e.default === "bg" || e.default === "fg" ? e.default : n && n.length > 0 && !B(e.default) ? J(e.default, n, a, u) : d ? (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 _(e, t = [e]) {
   const n = e.colorExtras;
   if (!n) return;
-  const i = e.tiers.find(
-    (a) => !a.referencesTier && !a.semantic && a.items.length > 0 && a.items[0].type.kind === "color"
+  const a = e.tiers.find(
+    (o) => !o.referencesTier && !o.semantic && o.items.length > 0 && o.items[0].type.kind === "color"
   ), u = e.tiers.find(
-    (a) => i && a.referencesTier === i.id || a.semantic === !0
+    (o) => a && o.referencesTier === a.id || o.semantic === !0
   );
-  if (!i && !u)
+  if (!a && !u)
     return {
       id: n.id,
       label: n.label,
@@ -268,20 +268,20 @@ function _(e, t = [e]) {
       colorSchemes: n.colorSchemes,
       panelSettings: n.panelSettings
     };
-  const d = i?.items ?? [], s = d.length, r = d[0] ? d[0].cssVar.replace(/\d+$/, "{n}") : "--zudo-stub-p{n}", f = /* @__PURE__ */ new Map();
-  for (let a = 0; a < d.length; a++)
-    f.set(d[a].id, a);
-  const l = {}, o = {};
+  const d = a?.items ?? [], s = d.length, r = d[0] ? d[0].cssVar.replace(/\d+$/, "{n}") : "--zudo-stub-p{n}", f = /* @__PURE__ */ new Map();
+  for (let o = 0; o < d.length; o++)
+    f.set(d[o].id, o);
+  const l = {}, i = {};
   if (u) {
-    const a = !u.semantic, g = n.semanticDefaults;
-    for (const c of u.items)
-      o[c.id] = c.cssVar, l[c.id] = g && c.id in g ? g[c.id] : F(
-        c,
+    const o = !u.semantic, c = n.semanticDefaults;
+    for (const g of u.items)
+      i[g.id] = g.cssVar, l[g.id] = c && g.id in c ? c[g.id] : F(
+        g,
         f,
         u.referencesRamps,
         e,
         t,
-        a
+        o
       );
   }
   return {
@@ -291,19 +291,19 @@ function _(e, t = [e]) {
     baseRoles: n.baseRoles,
     paletteCssVarTemplate: r,
     semanticDefaults: l,
-    semanticCssNames: o,
+    semanticCssNames: i,
     baseDefaults: n.baseDefaults,
     defaultShikiTheme: n.defaultShikiTheme,
     colorSchemes: n.colorSchemes,
     panelSettings: n.panelSettings
   };
 }
-function oe(e) {
+function ie(e) {
   const t = e.find((n) => n.id === "color");
   if (t)
     return _(t, e);
 }
-function J(e) {
+function L(e) {
   const t = e.find((n) => n.id === "color-secondary");
   return t ? _(t, e) ?? null : null;
 }
@@ -317,16 +317,16 @@ function x(e, t) {
     return !0;
   }
   if (Array.isArray(t)) return !1;
-  const n = Object.keys(e), i = Object.keys(t);
-  if (n.length !== i.length) return !1;
-  const u = new Set(i);
+  const n = Object.keys(e), a = Object.keys(t);
+  if (n.length !== a.length) return !1;
+  const u = new Set(a);
   for (const d of n)
     if (!u.has(d) || !x(e[d], t[d]))
       return !1;
   return !0;
 }
 const q = {
-  storagePrefix: N,
+  storagePrefix: z,
   consoleNamespace: "zudo",
   modalClassPrefix: "zudo-design-token-panel-modal",
   schemaId: "zudo-design-tokens/v1",
@@ -338,7 +338,7 @@ const q = {
   applyEndpoint: void 0,
   applyRouting: void 0
 }, V = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:singleton");
-function m() {
+function h() {
   const e = globalThis;
   let t = e[V];
   return t || (t = {
@@ -354,17 +354,17 @@ function G(e) {
   return {
     instanceId: e,
     open() {
-      m().lifecycleHooks.open?.(e);
+      h().lifecycleHooks.open?.(e);
     },
     close() {
-      m().lifecycleHooks.close?.(e);
+      h().lifecycleHooks.close?.(e);
     },
     toggle() {
-      m().lifecycleHooks.toggle?.(e);
+      h().lifecycleHooks.toggle?.(e);
     },
     destroy() {
-      m().lifecycleHooks.destroy?.(e);
-      const t = m();
+      h().lifecycleHooks.destroy?.(e);
+      const t = h();
       if (t.instances.delete(e), t.defaultPrefix === e) {
         const n = [...t.instances.keys()];
         t.defaultPrefix = n.length > 0 ? n[n.length - 1] : null;
@@ -372,8 +372,8 @@ function G(e) {
     }
   };
 }
-function ie(e) {
-  m().lifecycleHooks = {
+function oe(e) {
+  h().lifecycleHooks = {
     configured: e.configured,
     open: e.open,
     close: e.close,
@@ -382,11 +382,11 @@ function ie(e) {
   };
 }
 function se(e) {
-  const t = m(), n = e.storagePrefix, i = t.instances.get(n);
-  if (i) {
-    const l = (o) => ({ ...o, applySink: void 0 });
-    if (x(l(i.suppliedConfig), l(e)))
-      return t.defaultPrefix = n, i.handle;
+  const t = h(), n = e.storagePrefix, a = t.instances.get(n);
+  if (a) {
+    const l = (i) => ({ ...i, applySink: void 0 });
+    if (x(l(a.suppliedConfig), l(e)))
+      return t.defaultPrefix = n, a.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.)`
     );
@@ -410,35 +410,35 @@ function se(e) {
     l();
   return t.lifecycleHooks.configured?.(n), f.handle;
 }
-function j() {
-  const e = m();
+function T() {
+  const e = h();
   return e.defaultPrefix === null ? null : e.instances.get(e.defaultPrefix) ?? null;
 }
 function ae(e) {
-  const t = j();
+  const t = T();
   if (t === null) {
-    const n = m();
+    const n = h();
     if (n.pendingPostConfigureHooks.includes(e)) return;
     n.pendingPostConfigureHooks.push(e);
     return;
   }
   t.postConfigureHooks.includes(e) || (t.postConfigureHooks.push(e), e());
 }
-function T() {
-  return j()?.config ?? q;
+function j() {
+  return T()?.config ?? q;
 }
 function le() {
-  return [...m().instances.values()].map((e) => e.config);
+  return [...h().instances.values()].map((e) => e.config);
 }
 function fe(e) {
-  return m().instances.get(e)?.config ?? null;
+  return h().instances.get(e)?.config ?? null;
 }
 function ce() {
-  const e = m();
+  const e = h();
   e.instances.clear(), e.defaultPrefix = null, e.pendingColorPresets = null, e.pendingPostConfigureHooks.length = 0, A().clear();
 }
 function A() {
-  const e = m();
+  const e = h();
   return e.colorSchemeOwners || (e.colorSchemeOwners = /* @__PURE__ */ new Set()), e.colorSchemeOwners;
 }
 function ge(e) {
@@ -450,13 +450,13 @@ function de(e) {
 function ue(e) {
   return A().has(e);
 }
-function pe(e = T()) {
-  return J(e.tabs);
+function pe(e = j()) {
+  return L(e.tabs);
 }
-function ye(e) {
+function me(e) {
   return e.storagePrefix + v.v2;
 }
-function me(e) {
+function ye(e) {
   return e.storagePrefix + v.v3;
 }
 function he(e) {
@@ -495,10 +495,10 @@ function Se(e, t) {
 function xe(e) {
   return `${e.storagePrefix}-last-applied`;
 }
-function je(e) {
+function Te(e) {
   return `${e.storagePrefix}:visible`;
 }
-function Te(e) {
+function je(e) {
   return `${e.storagePrefix}:autoload`;
 }
 function Oe(e) {
@@ -514,23 +514,23 @@ function Ve(e) {
 function _e(e, t) {
   return `${e.modalClassPrefix}${t}`;
 }
-function Ke(e) {
+function Ne(e) {
   return `${e.exportFilenameBase}.json`;
 }
-const K = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:global-alias-marker");
-function z(e) {
+const N = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:global-alias-marker");
+function K(e) {
   return typeof e == "object" && e !== null || typeof e == "function";
 }
 function W(e) {
-  if (!z(e)) return !1;
+  if (!K(e)) return !1;
   try {
-    return e[K] === !0;
+    return e[N] === !0;
   } catch {
     return !1;
   }
 }
 function Y(e) {
-  if (!z(e)) return !1;
+  if (!K(e)) return !1;
   try {
     const t = e;
     return typeof t.show == "function" && typeof t.hide == "function" && typeof t.toggle == "function";
@@ -538,7 +538,7 @@ function Y(e) {
     return !1;
   }
 }
-function ze(e) {
+function Ke(e) {
   if (typeof window > "u") return;
   const t = window, n = t.zdtp;
   if (n !== void 0) {
@@ -549,10 +549,10 @@ function ze(e) {
     );
     return;
   }
-  const i = { ...e };
-  i[K] = !0, t.zdtp = i;
+  const a = { ...e };
+  a[N] = !0, t.zdtp = a;
 }
-function Ne(e) {
+function ze(e) {
   if (e === null || typeof e != "object" || Array.isArray(e))
     throw new Error("[design-token-panel] PanelConfig must be a non-null object");
   const t = e;
@@ -578,8 +578,8 @@ function Ne(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, i] of Object.entries(t.applyRouting))
-      if (typeof i != "string")
+    for (const [n, a] of Object.entries(t.applyRouting))
+      if (typeof a != "string")
         throw new Error(
           `[design-token-panel] PanelConfig.applyRouting[${JSON.stringify(n)}] must be a string`
         );
@@ -588,10 +588,10 @@ function Ne(e) {
     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")
+    for (const a of Object.keys(n))
+      if (a !== "themeCss")
         throw new Error(
-          `[design-token-panel] PanelConfig.domTweaker.${i} is not a supported field`
+          `[design-token-panel] PanelConfig.domTweaker.${a} is not a supported field`
         );
     if (n.themeCss !== void 0) {
       if (typeof n.themeCss != "string")
@@ -608,9 +608,9 @@ function Ne(e) {
     if (t.dock === null || typeof t.dock != "object" || Array.isArray(t.dock))
       throw new Error("[design-token-panel] PanelConfig.dock must be a plain object");
     const n = t.dock;
-    for (const i of Object.keys(n))
-      if (i !== "reflow")
-        throw new Error(`[design-token-panel] PanelConfig.dock.${i} is not a supported field`);
+    for (const a of Object.keys(n))
+      if (a !== "reflow")
+        throw new Error(`[design-token-panel] PanelConfig.dock.${a} is not a supported field`);
     if (n.reflow !== void 0 && n.reflow !== "body-margin" && n.reflow !== "none")
       throw new Error(
         '[design-token-panel] PanelConfig.dock.reflow must be "body-margin" or "none" when set'
@@ -623,10 +623,10 @@ function Ne(e) {
   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, i] of Object.entries(t.legacyIdRenameMap))
-      if (i !== null && typeof i != "string")
+    for (const [n, a] of Object.entries(t.legacyIdRenameMap))
+      if (a !== null && typeof a != "string")
         throw new Error(
-          `[design-token-panel] PanelConfig.legacyIdRenameMap[${JSON.stringify(n)}] must be a string or null (got ${typeof i})`
+          `[design-token-panel] PanelConfig.legacyIdRenameMap[${JSON.stringify(n)}] must be a string or null (got ${typeof a})`
         );
   }
 }
@@ -637,14 +637,14 @@ function Z(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 i = n;
-    if (typeof i.id != "string" || i.id.length === 0)
+    const a = n;
+    if (typeof a.id != "string" || a.id.length === 0)
       throw new Error("[design-token-panel] PanelConfig.tabs: each tab must have a non-empty string id");
-    if (t.has(i.id))
+    if (t.has(a.id))
       throw new Error(
-        `[design-token-panel] PanelConfig.tabs: duplicate tab id "${i.id}"`
+        `[design-token-panel] PanelConfig.tabs: duplicate tab id "${a.id}"`
       );
-    t.add(i.id), Q(i.id, i, e);
+    t.add(a.id), Q(a.id, a, e);
   }
 }
 function X(e) {
@@ -655,14 +655,14 @@ function X(e) {
     const n = t.literal;
     if (typeof n == "string") return !0;
     if (n === null || typeof n != "object" || Array.isArray(n)) return !1;
-    const i = n;
-    return typeof i.light == "string" && typeof i.dark == "string";
+    const a = n;
+    return typeof a.light == "string" && typeof a.dark == "string";
   }
   if ("ref" in t) {
     const n = t.ref;
     if (n === null || typeof n != "object" || Array.isArray(n)) return !1;
-    const i = n;
-    return !(typeof i.tier != "string" || typeof i.item != "string" || i.tab !== void 0 && typeof i.tab != "string");
+    const a = n;
+    return !(typeof a.tier != "string" || typeof a.item != "string" || a.tab !== void 0 && typeof a.tab != "string");
   }
   return !1;
 }
@@ -671,7 +671,7 @@ function Q(e, t, n) {
     throw new Error(
       `[design-token-panel] PanelConfig.tabs["${e}"].tiers must be an array`
     );
-  const i = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map();
+  const a = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map();
   for (const s of t.tiers) {
     if (s === null || typeof s != "object" || Array.isArray(s))
       throw new Error(
@@ -682,11 +682,11 @@ function Q(e, t, n) {
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers: each tier must have a non-empty string id`
       );
-    if (i.has(r.id))
+    if (a.has(r.id))
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"]: duplicate tier id "${r.id}"`
       );
-    if (i.add(r.id), r.semantic !== void 0 && r.semantic !== !0)
+    if (a.add(r.id), r.semantic !== void 0 && r.semantic !== !0)
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r.id}"].semantic must be exactly \`true\` when present (got ${JSON.stringify(r.semantic)})`
       );
@@ -716,17 +716,17 @@ function Q(e, t, n) {
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r.id}"].items must be an array`
       );
     let l;
-    for (const o of r.items) {
-      if (o === null || typeof o != "object" || Array.isArray(o)) continue;
-      const g = o.type;
-      if (g === null || typeof g != "object" || Array.isArray(g)) continue;
-      const c = g.kind;
-      if (typeof c == "string") {
+    for (const i of r.items) {
+      if (i === null || typeof i != "object" || Array.isArray(i)) continue;
+      const c = i.type;
+      if (c === null || typeof c != "object" || Array.isArray(c)) continue;
+      const g = c.kind;
+      if (typeof g == "string") {
         if (l === void 0)
-          l = c;
-        else if (l !== c)
+          l = g;
+        else if (l !== g)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r.id}"]: mixed item kinds — found "${l}" and "${c}" in the same tier (all items must share the same kind)`
+            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${r.id}"]: mixed item kinds — found "${l}" and "${g}" in the same tier (all items must share the same kind)`
           );
       }
     }
@@ -740,41 +740,41 @@ function Q(e, t, n) {
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items: each item must be a non-null object`
         );
-      const o = l;
-      if (typeof o.id != "string" || o.id.length === 0)
+      const i = l;
+      if (typeof i.id != "string" || i.id.length === 0)
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items: each item must have a non-empty string id`
         );
-      if (d.has(o.id))
+      if (d.has(i.id))
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"]: duplicate item id "${o.id}" (item ids must be unique across all tiers within a tab)`
+          `[design-token-panel] PanelConfig.tabs["${e}"]: duplicate item id "${i.id}" (item ids must be unique across all tiers within a tab)`
         );
-      if (d.add(o.id), typeof o.cssVar != "string" || !o.cssVar.startsWith("--"))
+      if (d.add(i.id), typeof i.cssVar != "string" || !i.cssVar.startsWith("--"))
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${o.id}"].cssVar must start with "--" (got ${JSON.stringify(o.cssVar)})`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${i.id}"].cssVar must start with "--" (got ${JSON.stringify(i.cssVar)})`
         );
-      if (o.cssVar.length <= 2)
+      if (i.cssVar.length <= 2)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${o.id}"].cssVar must be non-empty after "--"`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${i.id}"].cssVar must be non-empty after "--"`
         );
-      const a = o.type;
-      if (a !== null && typeof a == "object" && !Array.isArray(a) && a.kind === "length" && a.units !== void 0) {
-        const g = a.units;
-        if (!Array.isArray(g))
+      const o = i.type;
+      if (o !== null && typeof o == "object" && !Array.isArray(o) && o.kind === "length" && o.units !== void 0) {
+        const c = o.units;
+        if (!Array.isArray(c))
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${o.id}"].type.units must be an array`
+            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${i.id}"].type.units must be an array`
           );
-        const c = /* @__PURE__ */ new Set();
-        for (const p of g) {
+        const g = /* @__PURE__ */ new Set();
+        for (const p of c) {
           if (typeof p != "string" || p.length === 0)
             throw new Error(
-              `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${o.id}"].type.units entries must be non-empty strings (got ${JSON.stringify(p)})`
+              `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${i.id}"].type.units entries must be non-empty strings (got ${JSON.stringify(p)})`
             );
-          if (c.has(p))
+          if (g.has(p))
             throw new Error(
-              `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${o.id}"].type.units: duplicate unit ${JSON.stringify(p)}`
+              `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].items["${i.id}"].type.units: duplicate unit ${JSON.stringify(p)}`
             );
-          c.add(p);
+          g.add(p);
         }
       }
     }
@@ -787,32 +787,32 @@ function Q(e, t, n) {
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesTier must be a string`
         );
       const l = r.referencesTier;
-      if (!i.has(l))
+      if (!a.has(l))
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesTier: tier "${l}" does not exist in this tab`
         );
-      const o = u.get(f), a = u.get(l);
-      if (o !== void 0 && a !== void 0 && o !== "text" && o !== a)
+      const i = u.get(f), o = u.get(l);
+      if (i !== void 0 && o !== void 0 && i !== "text" && i !== o)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesTier: referencing tier has kind "${o}" but referenced tier "${l}" has kind "${a}" (cross-kind reference is only allowed when the referencing tier has kind "text")`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesTier: referencing tier has kind "${i}" but referenced tier "${l}" has kind "${o}" (cross-kind reference is only allowed when the referencing tier has kind "text")`
         );
     }
   }
   for (const s of t.tiers) {
     const r = s, f = r.id, l = r.preview;
     if (l === void 0) continue;
-    const o = u.get(f), a = typeof r.referencesTier == "string" ? u.get(r.referencesTier) : void 0, g = (c) => {
+    const i = u.get(f), o = typeof r.referencesTier == "string" ? u.get(r.referencesTier) : void 0, c = (g) => {
       throw new Error(
-        `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].preview "${l}" requires ${c}`
+        `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].preview "${l}" requires ${g}`
       );
     };
-    if (l === "size" && (r.referencesTier === void 0 ? o !== "length" : a !== "length") && g("a length tier or a reference tier resolving to length"), l === "line-height" && o !== "number" && g("a number tier"), l === "family" && o !== "text" && g("a text tier"), l === "weight" && o !== "select" && o !== "number" && g("a select or number tier"), (l === "bar" || l === "radius") && o !== "length" && g("a length tier"), l === "duration") {
-      o !== "length" && o !== "number" && g('a length or number tier with unit "ms" or "s"');
-      for (const c of r.items) {
-        if (c === null || typeof c != "object" || Array.isArray(c))
+    if (l === "size" && (r.referencesTier === void 0 ? i !== "length" : o !== "length") && c("a length tier or a reference tier resolving to length"), l === "line-height" && i !== "number" && c("a number tier"), l === "family" && i !== "text" && c("a text tier"), l === "weight" && i !== "select" && i !== "number" && c("a select or number tier"), (l === "bar" || l === "radius") && i !== "length" && c("a length tier"), l === "duration") {
+      i !== "length" && i !== "number" && c('a length or number tier with unit "ms" or "s"');
+      for (const g of r.items) {
+        if (g === null || typeof g != "object" || Array.isArray(g))
           continue;
-        const p = c.type, h = p !== null && typeof p == "object" && !Array.isArray(p) ? p.unit : void 0;
-        h !== "ms" && h !== "s" && g('a length or number tier with unit "ms" or "s"');
+        const p = g.type, m = p !== null && typeof p == "object" && !Array.isArray(p) ? p.unit : void 0;
+        m !== "ms" && m !== "s" && c('a length or number tier with unit "ms" or "s"');
       }
     }
   }
@@ -831,26 +831,26 @@ function Q(e, t, n) {
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps is only supported on tabs with id "color" or "color-secondary" (got "${e}")`
       );
-    const l = u.get(f), o = r.referencesRamps;
-    for (let a = 0; a < o.length; a++) {
-      const g = o[a];
-      if (g === null || typeof g != "object" || Array.isArray(g))
+    const l = u.get(f), i = r.referencesRamps;
+    for (let o = 0; o < i.length; o++) {
+      const c = i[o];
+      if (c === null || typeof c != "object" || Array.isArray(c))
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${a}] must be a non-null object`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${o}] must be a non-null object`
         );
-      const c = g;
-      if (typeof c.tier != "string" || c.tier.length === 0)
+      const g = c;
+      if (typeof g.tier != "string" || g.tier.length === 0)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${a}].tier must be a non-empty string`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${o}].tier must be a non-empty string`
         );
-      if (c.tab !== void 0 && (typeof c.tab != "string" || c.tab.length === 0))
+      if (g.tab !== void 0 && (typeof g.tab != "string" || g.tab.length === 0))
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${a}].tab must be a non-empty string when set`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${o}].tab must be a non-empty string when set`
         );
-      const p = c.tab === void 0 ? e : c.tab;
-      let h;
+      const p = g.tab === void 0 ? e : g.tab;
+      let m;
       if (p === e)
-        h = t;
+        m = t;
       else {
         const b = n.find(
           (y) => y !== null && typeof y == "object" && !Array.isArray(y) && y.id === p
@@ -858,21 +858,21 @@ function Q(e, t, n) {
         if (!b) {
           const y = n.filter((w) => w !== null && typeof w == "object" && !Array.isArray(w)).map((w) => w.id).join(", ");
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${a}]: tab "${p}" does not exist. Available tabs: ${y}.`
+            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${o}]: tab "${p}" does not exist. Available tabs: ${y}.`
           );
         }
-        h = b;
+        m = b;
       }
-      const C = Array.isArray(h.tiers) ? h.tiers : [], O = [];
+      const C = Array.isArray(m.tiers) ? m.tiers : [], O = [];
       let P;
       for (const b of C) {
         if (b === null || typeof b != "object" || Array.isArray(b)) continue;
         const y = b;
-        typeof y.id == "string" && (O.push(y.id), y.id === c.tier && (P = y));
+        typeof y.id == "string" && (O.push(y.id), y.id === g.tier && (P = y));
       }
       if (!P)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${a}]: tier "${c.tier}" does not exist in tab "${p}". Available tiers: ${O.join(", ")}.`
+          `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${o}]: tier "${g.tier}" does not exist in tab "${p}". Available tiers: ${O.join(", ")}.`
         );
       if (l !== void 0) {
         const b = Array.isArray(P.items) ? P.items : [];
@@ -889,26 +889,61 @@ function Q(e, t, n) {
         }
         if (y !== void 0 && l !== y)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${f}"].referencesRamps[${a}]: referencing semantic tier has kind "${l}" but target tier "${c.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["${f}"].referencesRamps[${o}]: referencing semantic tier has kind "${l}" but target tier "${g.tier}" in tab "${p}" has kind "${y}" (cross-tab ramp sources must share the semantic tier's kind)`
           );
       }
     }
   }
+  if (e === "palette") {
+    if (t.colorExtras !== void 0)
+      throw new Error(
+        '[design-token-panel] PanelConfig.tabs["palette"].colorExtras must be absent — multiple kind:"color" tiers are only safe when resolveColorClusterFromTab is not invoked'
+      );
+    for (const s of t.tiers) {
+      const r = s.items, f = `[design-token-panel] PanelConfig.tabs["palette"].tiers["${s.id}"]`;
+      if (r.length === 0)
+        throw new Error(`${f}.items must be non-empty`);
+      for (const [o, c] of r.entries())
+        if (c.type.kind !== "color")
+          throw new Error(`${f}.items[${o}].type.kind must be "color"`);
+      const l = r[0].cssVar, i = l.replace(/\d+$/, "{n}");
+      if (i.includes("{n}")) {
+        const o = Number(l.match(/\d+$/)[0]);
+        for (const [c, g] of r.entries()) {
+          const p = i.replace("{n}", String(o + c));
+          if (!Number.isSafeInteger(o + c) || g.cssVar !== p)
+            throw new Error(
+              `${f}.items[${c}].cssVar is ${JSON.stringify(g.cssVar)} but expected ${JSON.stringify(p)} — palette item cssVars must share one prefix and be numbered consecutively in tier order`
+            );
+        }
+      } else {
+        const o = l.slice(0, l.lastIndexOf("-") + 1), c = /* @__PURE__ */ new Set();
+        for (const [g, p] of r.entries()) {
+          const m = p.cssVar;
+          if (r.length > 1 && o === "--" || !m.startsWith(o) || m.length === o.length || /\d+$/.test(m) || c.has(m))
+            throw new Error(
+              `${f}.items[${g}].cssVar ${JSON.stringify(m)} — named palette item cssVars must share one prefix and have unique non-numbered suffixes`
+            );
+          c.add(m);
+        }
+      }
+    }
+  }
   if (t.colorExtras !== void 0) {
     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 o of ["id", "defaultShikiTheme"])
-      if (typeof s[o] != "string" || s[o].length === 0)
+    for (const i of ["id", "defaultShikiTheme"])
+      if (typeof s[i] != "string" || s[i].length === 0)
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.${o} must be a non-empty string (got ${typeof s[o]})`
+          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.${i} must be a non-empty string (got ${typeof s[i]})`
         );
-    for (const o of ["colorSchemes", "baseRoles", "baseDefaults"])
-      if (s[o] === void 0 || s[o] === null || typeof s[o] != "object" || Array.isArray(s[o]))
+    for (const i of ["colorSchemes", "baseRoles", "baseDefaults"])
+      if (s[i] === void 0 || s[i] === null || typeof s[i] != "object" || Array.isArray(s[i]))
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.${o} must be a plain object`
+          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.${i} must be a plain object`
         );
     if (s.panelSettings === void 0 || s.panelSettings === null || typeof s.panelSettings != "object" || Array.isArray(s.panelSettings))
       throw new Error(
@@ -924,15 +959,15 @@ function Q(e, t, n) {
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode must be false or a plain object`
         );
-      const o = r.colorMode;
-      for (const a of ["lightScheme", "darkScheme"])
-        if (typeof o[a] != "string" || o[a].length === 0)
+      const i = r.colorMode;
+      for (const o of ["lightScheme", "darkScheme"])
+        if (typeof i[o] != "string" || i[o].length === 0)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode.${a} must be a non-empty string`
+            `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode.${o} must be a non-empty string`
           );
-      if (o.defaultMode !== "light" && o.defaultMode !== "dark")
+      if (i.defaultMode !== "light" && i.defaultMode !== "dark")
         throw new Error(
-          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode.defaultMode must be "light" or "dark" (got ${JSON.stringify(o.defaultMode)})`
+          `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.panelSettings.colorMode.defaultMode must be "light" or "dark" (got ${JSON.stringify(i.defaultMode)})`
         );
     }
     if (s.semanticDefaults !== void 0) {
@@ -940,37 +975,37 @@ function Q(e, t, n) {
         throw new Error(
           `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.semanticDefaults must be a plain object`
         );
-      const o = s.semanticDefaults;
-      for (const [a, g] of Object.entries(o))
-        if (!X(g))
+      const i = s.semanticDefaults;
+      for (const [o, c] of Object.entries(i))
+        if (!X(c))
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].colorExtras.semanticDefaults["${a}"] must be a valid SemanticValue (number | 'bg' | 'fg' | { literal: string } | { literal: { light, dark } } | { ref: { tier, item, tab? } }), got ${JSON.stringify(g)}`
+            `[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(c)}`
           );
     }
-    const l = t.tiers.find((o) => {
-      if (o.referencesTier !== void 0 || o.semantic === !0) return !1;
-      const a = o.items;
-      if (!Array.isArray(a) || a.length === 0) return !1;
-      const g = a[0];
-      if (g === null || typeof g != "object" || Array.isArray(g)) return !1;
-      const c = g.type;
-      return c === null || typeof c != "object" || Array.isArray(c) ? !1 : c.kind === "color";
+    const l = t.tiers.find((i) => {
+      if (i.referencesTier !== void 0 || i.semantic === !0) return !1;
+      const o = i.items;
+      if (!Array.isArray(o) || o.length === 0) return !1;
+      const c = o[0];
+      if (c === null || typeof c != "object" || Array.isArray(c)) return !1;
+      const g = c.type;
+      return g === null || typeof g != "object" || Array.isArray(g) ? !1 : g.kind === "color";
     });
     if (l) {
-      const o = l.id, a = l.items, g = a[0]?.cssVar;
-      if (g !== void 0) {
-        const c = g.replace(/\d+$/, "{n}");
-        if (c.includes("{n}"))
-          for (let p = 0; p < a.length; p++) {
-            const h = a[p], C = c.replace("{n}", String(p));
-            if (h.cssVar !== C)
+      const i = l.id, o = l.items, c = o[0]?.cssVar;
+      if (c !== void 0) {
+        const g = c.replace(/\d+$/, "{n}");
+        if (g.includes("{n}"))
+          for (let p = 0; p < o.length; p++) {
+            const m = o[p], C = g.replace("{n}", String(p));
+            if (m.cssVar !== C)
               throw new Error(
-                `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${o}"].items[${p}].cssVar is ${JSON.stringify(h.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(c)})`
+                `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${i}"].items[${p}].cssVar is ${JSON.stringify(m.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(g)})`
               );
           }
-        else if (a.length > 1)
+        else if (o.length > 1)
           throw new Error(
-            `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${o}"].items[0].cssVar ${JSON.stringify(g)} 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["${i}"].items[0].cssVar ${JSON.stringify(c)} 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")`
           );
       }
     }
@@ -999,16 +1034,16 @@ function Q(e, t, n) {
       `[design-token-panel] PanelConfig.tabs["${e}"].notesExtras must only be set on a tab with id "notes"`
     );
 }
-function I(e = T()) {
+function I(e = j()) {
   return e.applyRouting ?? {};
 }
-function Me(e = T()) {
+function Me(e = j()) {
   return !!e.applyEndpoint && Object.keys(I(e)).length > 0;
 }
 function De(e) {
-  const t = j();
+  const t = T();
   if (t === null) {
-    m().pendingColorPresets = e;
+    h().pendingColorPresets = e;
     return;
   }
   t.config = { ...t.config, colorPresets: e };
@@ -1017,14 +1052,14 @@ export {
   D as A,
   _ as B,
   x as C,
-  Ke as D,
+  Ne as D,
   I as E,
   Me as F,
   xe as G,
   Se as H,
   Ae as I,
   Ve as J,
-  ie as K,
+  oe as K,
   ae as L,
   Re as M,
   le as N,
@@ -1032,24 +1067,24 @@ export {
   Oe as P,
   be as Q,
   ce as _,
-  je as a,
-  Ne as b,
+  Te as a,
+  ze as b,
   se as c,
   ke as d,
   $e as e,
   we as f,
-  T as g,
-  ye as h,
-  ze as i,
-  Te as j,
+  j as g,
+  me as h,
+  Ke as i,
+  je as j,
   he as k,
-  me as l,
+  ye as l,
   _e as m,
   de as n,
   pe as o,
   te as p,
   ne as q,
-  oe as r,
+  ie as r,
   De as s,
   Ce as t,
   ve as u,