@takazudo/zdtp 0.4.12 → 0.4.14

package/dist/{index-C8GR1TU-.js → index-EdhZv8Ru.js}

@@ -1,7 +1,7 @@
 import { jsx as y, jsxs as K, Fragment as kt } from "preact/jsx-runtime";
 import { useEffect as P, useState as Y, useRef as O, useMemo as J, useCallback as X } from "preact/hooks";
-import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-BeYH-tJD.js";
-import { g as vt, m as j } from "./panel-config-7Xg59uKj.js";
+import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-Ds4bCeiC.js";
+import { g as vt, m as j } from "./panel-config-SgA84Uqe.js";
 const xt = (e, o) => {
   const t = new Array(e.length + o.length);
   for (let r = 0; r < e.length; r++)

package/dist/index.js

@@ -1,9 +1,9 @@
 import "preact/jsx-runtime";
 import "preact";
-import { S as t, c as i, d as n, _ as l, e as d, f as _, g as p, h as g, i as m, j as P, k as u, l as A, m as C, n as S, o as T, q as c, r as f, s as K, t as M, v, w as E, x as F, y as h, z as w } from "./index-BeYH-tJD.js";
-import { Z as y, U as D, v as k, u as H, X as L } from "./tweak-state-DRKV1uYj.js";
-import { c as O, s as V } from "./panel-config-7Xg59uKj.js";
-import "./autoload-state-CTDDBxI8.js";
+import { S as t, c as i, d as n, _ as l, e as d, f as _, g as p, h as g, i as m, j as P, k as u, l as A, m as C, n as S, o as T, q as c, r as f, s as K, t as M, v, w as E, x as F, y as h, z as w } from "./index-Ds4bCeiC.js";
+import { Z as y, V as D, v as k, u as H, Y as L } from "./tweak-state-DGLrzIwq.js";
+import { c as Y, s as b } from "./panel-config-SgA84Uqe.js";
+import "./autoload-state-IlkEci88.js";
 export {
   t as SCHEMA_V1,
   i as SCHEMA_V2,
@@ -14,7 +14,7 @@ export {
   _ as __reapplyFromStorageForTests,
   p as __resetInstanceBindingsForTests,
   g as __resetSpawnSlotsForTests,
-  O as configurePanel,
+  Y as configurePanel,
   m as disableAutoload,
   D as emptyOverrides,
   P as enableAutoload,
@@ -32,7 +32,7 @@ export {
   H as resolvePerModeLiteral,
   L as resolveSemanticPreviewColor,
   E as setLifecycleAdapter,
-  V as setPanelColorPresets,
+  b as setPanelColorPresets,
   F as shouldAutoload,
   h as showDesignTokenPanel,
   w as toggleDesignPanel

package/dist/{panel-config-7Xg59uKj.js → panel-config-SgA84Uqe.js}

@@ -3,14 +3,14 @@ class b extends Error {
     super(t), this.name = "TierResolverError", Object.setPrototypeOf(this, b.prototype);
   }
 }
-function A(e, t) {
+function v(e, t) {
   return e.tiers.find((n) => n.id === t);
 }
 function $(e, t) {
   return e.items.find((n) => n.id === t);
 }
-function Y(e, t, n, i) {
-  const g = A(e, t);
+function Q(e, t, n, i) {
+  const g = v(e, t);
   if (!g)
     throw new b(
       `Tier "${t}" not found in tab "${e.id}". Available tiers: ${e.tiers.map((l) => l.id).join(", ")}.`
@@ -22,7 +22,7 @@ function Y(e, t, n, i) {
     );
   const a = i[t]?.[n];
   if (g.referencesTier !== void 0) {
-    const l = g.referencesTier, f = A(e, l);
+    const l = g.referencesTier, f = v(e, l);
     if (!f)
       throw new b(
         `Tier "${t}" declares referencesTier "${l}" but that tier does not exist in tab "${e.id}".`
@@ -40,16 +40,16 @@ function Y(e, t, n, i) {
   }
   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) {
+function I(e) {
   return e.kind === "literal" ? e.value : `var(${e.targetCssVar})`;
 }
-function M(e, t, n = [t]) {
+function N(e, t, n = [t]) {
   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(i, e.tier);
+  const g = v(i, e.tier);
   if (!g)
     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(", ")}.`
@@ -61,10 +61,10 @@ function M(e, t, n = [t]) {
     );
   return c.cssVar;
 }
-function X(e, t) {
+function ee(e, t) {
   return e.paletteCssVarTemplate.replace("{n}", String(t));
 }
-const N = /* @__PURE__ */ new Set([
+const z = /* @__PURE__ */ new Set([
   "aliceblue",
   "antiquewhite",
   "aqua",
@@ -221,10 +221,10 @@ const N = /* @__PURE__ */ new Set([
   "revert",
   "revert-layer"
 ]);
-function z(e) {
-  return e.startsWith("#") || e.includes("(") || N.has(e.toLowerCase());
+function H(e) {
+  return e.startsWith("#") || e.includes("(") || z.has(e.toLowerCase());
 }
-function H(e, t, n, i) {
+function K(e, t, n, i) {
   const g = [], c = e.indexOf(":");
   if (c !== -1) {
     const a = e.slice(0, c), l = e.slice(c + 1), f = t.find((r) => r.tier === a);
@@ -234,18 +234,18 @@ function H(e, t, n, i) {
   g.push({ tab: s.tab, tier: s.tier, item: e });
   for (const a of g)
     try {
-      return M(a, n, i), { ref: a };
+      return N(a, n, i), { ref: a };
     } catch {
     }
   return { ref: g[0] };
 }
-function K(e, t, n, i, g, c) {
+function L(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(
+  return s !== void 0 ? s : e.default === "bg" || e.default === "fg" ? e.default : n && n.length > 0 && !H(e.default) ? K(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]) {
+function O(e, t = [e]) {
   const n = e.colorExtras;
   if (!n) return;
   const i = e.tiers.find(
@@ -274,7 +274,7 @@ function V(e, t = [e]) {
   if (g) {
     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(
+      r[u.id] = u.cssVar, f[u.id] = d && u.id in d ? d[u.id] : L(
         u,
         l,
         g.referencesRamps,
@@ -297,14 +297,14 @@ function V(e, t = [e]) {
     panelSettings: n.panelSettings
   };
 }
-function Q(e) {
+function te(e) {
   const t = e.find((n) => n.id === "color");
   if (t)
-    return V(t, e);
+    return O(t, e);
 }
-function L(e) {
+function F(e) {
   const t = e.find((n) => n.id === "color-secondary");
-  return t ? V(t, e) ?? null : null;
+  return t ? O(t, e) ?? null : null;
 }
 function S(e, t) {
   if (Object.is(e, t)) return !0;
@@ -324,7 +324,7 @@ function S(e, t) {
       return !1;
   return !0;
 }
-const _ = {
+const V = {
   storagePrefix: "zudo-design-token-panel",
   consoleNamespace: "zudo",
   modalClassPrefix: "zudo-design-token-panel-modal",
@@ -336,10 +336,10 @@ const _ = {
   // No bundled apply endpoint / routing — hosts wire their own.
   applyEndpoint: void 0,
   applyRouting: void 0
-}, O = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:singleton");
+}, R = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:singleton");
 function m() {
   const e = globalThis;
-  let t = e[O];
+  let t = e[R];
   return t || (t = {
     instances: /* @__PURE__ */ new Map(),
     defaultPrefix: null,
@@ -347,9 +347,9 @@ function m() {
     pendingPostConfigureHooks: [],
     lifecycleHooks: {},
     colorSchemeOwners: /* @__PURE__ */ new Set()
-  }, e[O] = t), t;
+  }, e[R] = t), t;
 }
-function F(e) {
+function J(e) {
   return {
     instanceId: e,
     open() {
@@ -371,7 +371,7 @@ function F(e) {
     }
   };
 }
-function I(e) {
+function ne(e) {
   m().lifecycleHooks = {
     configured: e.configured,
     open: e.open,
@@ -380,7 +380,7 @@ function I(e) {
     destroy: e.destroy
   };
 }
-function ee(e) {
+function re(e) {
   const t = m(), n = e.storagePrefix, i = t.instances.get(n);
   if (i) {
     const f = (r) => ({ ...r, applySink: void 0 });
@@ -402,7 +402,7 @@ function ee(e) {
     suppliedConfig: { ...e },
     pendingColorPresets: null,
     postConfigureHooks: a,
-    handle: F(n)
+    handle: J(n)
   };
   t.instances.set(n, l), t.defaultPrefix = n;
   for (const f of l.postConfigureHooks)
@@ -413,7 +413,7 @@ function x() {
   const e = m();
   return e.defaultPrefix === null ? null : e.instances.get(e.defaultPrefix) ?? null;
 }
-function te(e) {
+function oe(e) {
   const t = x();
   if (t === null) {
     const n = m();
@@ -423,97 +423,118 @@ function te(e) {
   }
   t.postConfigureHooks.includes(e) || (t.postConfigureHooks.push(e), e());
 }
-function D() {
-  return x()?.config ?? _;
+function _() {
+  return x()?.config ?? V;
 }
-function ne() {
+function ie() {
   return [...m().instances.values()].map((e) => e.config);
 }
-function re(e) {
+function se(e) {
   return m().instances.get(e)?.config ?? null;
 }
-function oe() {
+function ae() {
   const e = m();
-  e.instances.clear(), e.defaultPrefix = null, e.pendingColorPresets = null, e.pendingPostConfigureHooks.length = 0, v().clear();
+  e.instances.clear(), e.defaultPrefix = null, e.pendingColorPresets = null, e.pendingPostConfigureHooks.length = 0, A().clear();
 }
-function v() {
+function A() {
   const e = m();
   return e.colorSchemeOwners || (e.colorSchemeOwners = /* @__PURE__ */ new Set()), e.colorSchemeOwners;
 }
-function ie(e) {
-  v().add(e);
+function le(e) {
+  A().add(e);
 }
-function se(e) {
-  v().delete(e);
+function fe(e) {
+  A().delete(e);
 }
-function ae(e) {
-  return v().has(e);
+function ce(e) {
+  return A().has(e);
 }
-function le(e = D()) {
-  return L(e.tabs);
+function ge(e = _()) {
+  return F(e.tabs);
 }
-function fe(e) {
+function de(e) {
   return `${e.storagePrefix}-state-v2`;
 }
-function ce(e) {
+function ue(e) {
   return `${e.storagePrefix}-state-v3`;
 }
-function ge(e) {
+function pe(e) {
   return `${e.storagePrefix}-state-v4`;
 }
-function de(e) {
+function ye(e) {
   return `${e.storagePrefix}-state`;
 }
-function ue(e) {
+function me(e) {
   return `${e.storagePrefix}-open`;
 }
-function pe(e) {
+function he(e) {
   return `${e.storagePrefix}-position`;
 }
-function ye(e) {
+function we(e) {
   return `${e.storagePrefix}-size`;
 }
-function me(e) {
+function be(e) {
   return `${e.storagePrefix}-density`;
 }
-function he(e) {
+function ke(e) {
   return `${e.storagePrefix}:visible`;
 }
-function we(e) {
+function $e(e) {
   return `${e.storagePrefix}:autoload`;
 }
-function be(e) {
+function Ce(e) {
   return `${e.storagePrefix}-root`;
 }
-const J = _.storagePrefix, q = "toggle-design-token-panel";
-function ke(e) {
-  return e.storagePrefix === J ? q : e.toggleEvent ?? `toggle-${e.storagePrefix}`;
+const q = V.storagePrefix, G = "toggle-design-token-panel";
+function Pe(e) {
+  return e.storagePrefix === q ? G : e.toggleEvent ?? `toggle-${e.storagePrefix}`;
 }
-const G = "__zdtp:open-state-changed";
-function $e(e) {
-  return `${G}:${e.storagePrefix}`;
+const B = "__zdtp:open-state-changed";
+function Ee(e) {
+  return `${B}:${e.storagePrefix}`;
 }
-function Ce(e, t) {
+function Ae(e, t) {
   return `${e.modalClassPrefix}${t}`;
 }
-function Pe(e) {
+function ve(e) {
   return `${e.exportFilenameBase}.json`;
 }
-const R = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:global-alias-marker");
-function Ee(e) {
+const D = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:global-alias-marker");
+function M(e) {
+  return typeof e == "object" && e !== null || typeof e == "function";
+}
+function U(e) {
+  if (!M(e)) return !1;
+  try {
+    return e[D] === !0;
+  } catch {
+    return !1;
+  }
+}
+function W(e) {
+  if (!M(e)) return !1;
+  try {
+    const t = e;
+    return typeof t.show == "function" && typeof t.hide == "function" && typeof t.toggle == "function";
+  } catch {
+    return !1;
+  }
+}
+function Se(e) {
   if (typeof window > "u") return;
   const t = window, n = t.zdtp;
   if (n !== void 0) {
-    if ((typeof n == "object" || typeof n == "function") && n !== null && n[R] === !0) return;
+    if (U(n) || W(n))
+      return;
     console.warn(
       "[design-token-panel] window.zdtp already exists and was not installed by this package. Skipping the zdtp.show() / zdtp.hide() / zdtp.toggle() global alias to avoid clobbering it. Use window[consoleNamespace].* or the configurePanel(cfg) handle instead."
     );
     return;
   }
   const i = { ...e };
-  i[R] = !0, t.zdtp = i;
+  i[D] = !0, t.zdtp = i;
 }
-function ve(e) {
+function xe(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;
@@ -528,7 +549,7 @@ function ve(e) {
       throw new Error(
         `[design-token-panel] PanelConfig.${n} must be a non-empty string (got ${typeof t[n]})`
       );
-  if (B(t.tabs), t.toggleEvent !== void 0 && (typeof t.toggleEvent != "string" || t.toggleEvent.length === 0))
+  if (Z(t.tabs), t.toggleEvent !== void 0 && (typeof t.toggleEvent != "string" || t.toggleEvent.length === 0))
     throw new Error(
       `[design-token-panel] PanelConfig.toggleEvent must be a non-empty string when set (got ${typeof t.toggleEvent})`
     );
@@ -579,7 +600,7 @@ function ve(e) {
         );
   }
 }
-function B(e) {
+function Z(e) {
   if (!Array.isArray(e))
     throw new Error("[design-token-panel] PanelConfig.tabs must be an array");
   const t = /* @__PURE__ */ new Set();
@@ -593,10 +614,10 @@ function B(e) {
       throw new Error(
         `[design-token-panel] PanelConfig.tabs: duplicate tab id "${i.id}"`
       );
-    t.add(i.id), W(i.id, i, e);
+    t.add(i.id), X(i.id, i, e);
   }
 }
-function U(e) {
+function Y(e) {
   if (typeof e == "number" || e === "bg" || e === "fg") return !0;
   if (e === null || typeof e != "object" || Array.isArray(e)) return !1;
   const t = e;
@@ -615,7 +636,7 @@ function U(e) {
   }
   return !1;
 }
-function W(e, t, n) {
+function X(e, t, n) {
   if (!Array.isArray(t.tiers))
     throw new Error(
       `[design-token-panel] PanelConfig.tabs["${e}"].tiers must be an array`
@@ -737,6 +758,10 @@ function W(e, t, n) {
       throw new Error(
         `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps must be an array`
       );
+    if (e !== "color" && e !== "color-secondary")
+      throw new Error(
+        `[design-token-panel] PanelConfig.tabs["${e}"].tiers["${l}"].referencesRamps is only supported on tabs with id "color" or "color-secondary" (got "${e}")`
+      );
     const f = g.get(l), r = a.referencesRamps;
     for (let o = 0; o < r.length; o++) {
       const d = r[o];
@@ -848,7 +873,7 @@ function W(e, t, n) {
         );
       const r = s.semanticDefaults;
       for (const [o, d] of Object.entries(r))
-        if (!U(d))
+        if (!Y(d))
           throw new Error(
             `[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)}`
           );
@@ -905,10 +930,10 @@ function W(e, t, n) {
       `[design-token-panel] PanelConfig.tabs["${e}"].notesExtras must only be set on a tab with id "notes"`
     );
 }
-function Ae(e = D()) {
+function Te(e = _()) {
   return e.applyRouting ?? {};
 }
-function Se(e) {
+function je(e) {
   const t = x();
   if (t === null) {
     m().pendingColorPresets = e;
@@ -917,42 +942,42 @@ function Se(e) {
   t.config = { ...t.config, colorPresets: e };
 }
 export {
-  Pe as A,
-  Ae as B,
-  V as C,
-  $e as D,
-  I as E,
-  te as F,
-  ke as G,
-  q as H,
-  ne as I,
-  re as J,
-  be as K,
-  oe as _,
-  he as a,
-  ve as b,
-  ee as c,
-  ue as d,
-  pe as e,
-  de as f,
-  D as g,
-  fe as h,
-  Ee as i,
-  we as j,
-  ge as k,
-  ce as l,
-  Ce as m,
-  se as n,
-  le as o,
-  Y as p,
-  Z as q,
-  Q as r,
-  Se as s,
-  ye as t,
-  me as u,
-  X as v,
-  ie as w,
-  ae as x,
-  M as y,
+  ve as A,
+  Te as B,
+  O as C,
+  Ee as D,
+  ne as E,
+  oe as F,
+  Pe as G,
+  G as H,
+  ie as I,
+  se as J,
+  Ce as K,
+  ae as _,
+  ke as a,
+  xe as b,
+  re as c,
+  me as d,
+  he as e,
+  ye as f,
+  _ as g,
+  de as h,
+  Se as i,
+  $e as j,
+  pe as k,
+  ue as l,
+  Ae as m,
+  fe as n,
+  ge as o,
+  Q as p,
+  I as q,
+  te as r,
+  je as s,
+  we as t,
+  be as u,
+  ee as v,
+  le as w,
+  ce as x,
+  N as y,
   S as z
 };

package/dist/tabs/palette/palette-check-view.d.ts

@@ -1,16 +1,3 @@
-/**
- * PaletteCheckView — Check mode Left/Right contrast checker (#394).
- *
- * Left column: full palette as selectable base rows (div[role="button"]).
- * Right column: every palette color annotated against the selected base:
- *   - Live "Aa" sample (candidate foreground on base background)
- *   - WCAG ratio (contrastRatio)
- *   - Fail/AA/AAA chip using fixed semantic colors (not theme tokens)
- *
- * WCAG contrast is symmetric; ratio is computed once per candidate pair.
- *
- * Toggles: grouped↔flat listing; normal/large text thresholds.
- */
 import type { TabConfig } from '../../tokens/tier-model';
 import type { TabOverrides } from '../../apply/tier-resolver';
 export interface PaletteCheckViewProps {

package/dist/testing.js

@@ -1,5 +1,5 @@
-import { _ as r, c as _, d as i, e as n, f as g, h as R, a as p } from "./panel-config-7Xg59uKj.js";
-import { a as l, b as y, l as O } from "./tweak-state-DRKV1uYj.js";
+import { _ as r, c as _, d as i, e as n, f as g, h as R, a as p } from "./panel-config-SgA84Uqe.js";
+import { a as l, b as y, l as O } from "./tweak-state-DGLrzIwq.js";
 import { F as K, G as E, a as S, S as u } from "./manifest-DCReQE0k.js";
 async function s(e, a) {
   await e.fill(a), await e.dispatchEvent("input");

package/dist/tokens/tier-model.d.ts

@@ -119,11 +119,13 @@ export interface TierConfig {
      */
     semantic?: true;
     /**
-     * Cross-tab ramp-source declaration for a semantic tier: the ramp tier(s)
-     * this tier's `{ ref }` mappings are allowed to point into. Each entry names
-     * a tier id and an optional tab id (omitted `tab` means "this tab").
-     * `assertValidPanelConfig` validates every declared source up front (the
-     * tab/tier must exist and share this tier's kind); `resolveColorClusterFromTab`
+     * Cross-tab ramp-source declaration for a semantic tier owned by a tab whose
+     * id is exactly `color` or `color-secondary`; `assertValidPanelConfig`
+     * rejects every other owning tab id. The ramp tier(s) are the sources this
+     * tier's `{ ref }` mappings may point into. Each entry names a tier id and an
+     * optional tab id (omitted `tab` means "this tab"). The validator also checks
+     * every declared source up front (the tab/tier must exist and share this
+     * tier's kind); `resolveColorClusterFromTab`
      * (`config/cluster-config.ts`) uses the allow-list to derive each row's
      * `SemanticValue`; the grouped `TierRefSelector` picker
      * (`controls/tier-ref-selector.tsx`) renders one `<optgroup>` per declared