@takazudo/zdtp 0.4.13 → 0.4.14

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to `@takazudo/zdtp` are documented in this file.
 
 The format is based on Keep a Changelog, and release notes are generated from the changelog MDX pages.
 
+## [0.4.14] - 2026-08-29
+
+### Fixed
+
+- fix(zdtp): silence compatible global alias warning (2630d84)
+
+### Other Changes
+
+- test(zdtp): cover partial global alias shape (6314a7f)
+- Merge pull request [#647](https://github.com/Takazudo/zudo-design-token-panel/pull/647) from Takazudo/fix/646-compatible-zdtp-alias: fix(zdtp): silence warnings for compatible global aliases (44f6ca4)
+
 ## [0.4.13] - 2026-08-29
 
 ### Features

package/PORTABLE-CONTRACT.md

@@ -1104,11 +1104,12 @@ window.zdtp.toggle = () => void | Promise<void>;  // toggle the panel
     always installs first ("first install wins" — see the next point). The
     package-root install site is therefore reached only by non-Astro hosts.
 - **Never clobbers a host-defined `window.zdtp`.** If `window.zdtp` already
-  exists and was not installed by this package, the install is skipped with
-  a `console.warn` — the host's own global is left untouched. (This also
-  covers the edge case of a host that picks `consoleNamespace: 'zdtp'`: the
-  namespace object installed at §6.4 is not this package's alias marker, so
-  the second install site treats it as host-owned and skips.)
+  exposes callable `show` / `hide` / `toggle` methods, the install is skipped
+  silently — this supports hosts that pre-claim the alias before lazily loading
+  the panel bundle. Other pre-existing values are also left untouched, but
+  produce a `console.warn`. (This includes the edge case of a host that picks
+  `consoleNamespace: 'zdtp'`: the namespace object installed at §6.4 does not
+  expose the fixed-name alias shape, so the second install site warns and skips.)
 - **Auto-remember carries over for free.** `zdtp.show()` routes through the
   same `showDesignTokenPanel()` / `handle.open()` core as every other open
   path, so it arms `${storagePrefix}:autoload = 'auto'` exactly like

package/README.md

@@ -1053,7 +1053,7 @@ zdtp.toggle(); // toggle open/closed
 - **Available on both integration paths:**
   - Non-Astro hosts get it as soon as `@takazudo/zdtp`'s package-root module has loaded (it installs the alias at module init).
   - Astro hosts get it as soon as the host-adapter `<script>` has run — **before** the panel bundle itself has loaded. The first `zdtp.*` call lazy-imports the bundle, exactly like `window[consoleNamespace].*`.
-- **Never clobbers a host-defined `window.zdtp`.** If your page already has its own `window.zdtp` for something unrelated, the package leaves it alone and logs a `console.warn` instead of overwriting it — including the edge case of choosing `consoleNamespace: 'zdtp'` yourself.
+- **Never clobbers a host-defined `window.zdtp`.** If the existing value exposes callable `show`, `hide`, and `toggle` methods, the package treats it as an intentional host alias and stays silent — enabling hosts to pre-claim the alias before lazily loading the panel bundle. Other existing values are still left untouched and produce a `console.warn`, including the edge case of choosing `consoleNamespace: 'zdtp'` yourself.
 - **Auto-remember applies too** — `zdtp.show()` arms the `:autoload` flag with `'auto'` provenance exactly like `showDesignPanel()` (§10.1's Auto-remember footgun note applies here as well).
 
 See `PORTABLE-CONTRACT.md` §6.5 for the full install-site and no-clobber/no-double-install contract.

package/dist/astro/host-adapter.js

@@ -1,6 +1,6 @@
-import { c as y, g as m, a as w, b, i as P } from "../panel-config-COHesW2B.js";
-import { g, Z as k } from "../tweak-state-BKNxtHzb.js";
-import { s as A, l as D, a as E, i as c, r as f, c as _, b as I, d } from "../autoload-state-CfL2VUe1.js";
+import { c as y, g as m, a as w, b, i as P } from "../panel-config-SgA84Uqe.js";
+import { g, Z as k } from "../tweak-state-DGLrzIwq.js";
+import { s as A, l as D, a as E, i as c, r as f, c as _, b as I, d } from "../autoload-state-IlkEci88.js";
 const u = "tokenpanel-config";
 function S() {
   if (typeof document > "u")

package/dist/astro/index.js

@@ -1,4 +1,4 @@
-import { s as t } from "../panel-config-COHesW2B.js";
+import { s as t } from "../panel-config-SgA84Uqe.js";
 import { c as d } from "../color-schemes-CgzOBqGO.js";
 import { F as r, G as m, a as g, S as z } from "../manifest-DCReQE0k.js";
 const e = {

package/dist/{autoload-state-CfL2VUe1.js → autoload-state-IlkEci88.js}

@@ -1,4 +1,4 @@
-import { g as n, j as o } from "./panel-config-COHesW2B.js";
+import { g as n, j as o } from "./panel-config-SgA84Uqe.js";
 function c() {
   return typeof document < "u" && document !== null && typeof document.getElementById == "function";
 }

package/dist/config/panel-config.d.ts

@@ -532,31 +532,6 @@ export interface ZdtpGlobalApi {
     hide: () => void | Promise<void>;
     toggle: () => void | Promise<void>;
 }
-/**
- * Install `window.zdtp = { show, hide, toggle }`, the fixed-name console
- * sugar for the common single-panel case (issue #523).
- *
- * Guard rules:
- *  - A pre-existing `window.zdtp` WITHOUT this package's marker is assumed to
- *    be host-defined — never overwritten. Logs a `console.warn` so the host
- *    can see why `zdtp.show()` did not appear.
- *  - A pre-existing `window.zdtp` WITH the marker means this package already
- *    installed the alias (from the other call site, or an earlier run of this
- *    same one). First install wins — the call is a silent no-op. In the Astro
- *    flow this manifests as "the adapter wins": its bootstrap script always
- *    runs (and installs the alias) before the panel module's lazy dynamic
- *    import can resolve and reach the package-root install site.
- *
- * `show` / `hide` / `toggle` are caller-supplied closures, so which instance
- * they target is up to the caller — the package-root install site (below,
- * `index.tsx`) wraps `showDesignTokenPanel()` etc., which re-resolve
- * `getPanelConfig()` (the CURRENT default instance) on every call; the Astro
- * host-adapter install site instead binds to the specific `PanelInstanceHandle`
- * captured at its own install time, which does NOT track a later change of
- * default (see PORTABLE-CONTRACT.md §6.5 for the full nuance). Either way,
- * for a multi-instance page use `configurePanel(cfg).open()` etc. on the
- * specific instance's own handle instead of relying on this alias.
- */
 export declare function installZdtpGlobalAlias(api: ZdtpGlobalApi): void;
 /**
  * Runtime validation at the host-adapter trust boundary. The Astro inline

package/dist/{index-U7Ol7tgA.js → index-Ds4bCeiC.js}

@@ -1,12 +1,12 @@
 import { jsxs as f, jsx as a, Fragment as fe } from "preact/jsx-runtime";
 import { createContext as Lt, render as xo } from "preact";
 import { useRef as H, useCallback as O, useState as Y, useMemo as ne, useEffect as oe, useId as ut, useLayoutEffect as yo, useContext as br, createPortal as Dt, memo as Ie } from "preact/compat";
-import { c as Ee, i as Xe, d as Zt, e as Ye, f as Fe, n as cn, h as No, s as xr, o as Me, j as Co, k as yr, m as Vt, p as de, q as Ae, M as dn, r as pn, t as Nr, u as lt, v as $n, w as Cr, x as Eo, y as Tt, z as _o, D as Tn, A as Er, B as _r, g as it, C as Sr, E as $r, F as vt, G as Tr, H as Ar, l as Qt, I as en, J as So, K as An, L as Ln, N as Dn, O as St, P as Lr, Q as Ge, R as Dr, S as Bt, T as Mn, U as Pn, V as Ft, W as Mr, X as Pr, b as Rr } from "./tweak-state-BKNxtHzb.js";
-import { g as ie, v as Se, z as un, y as $o, A as Or, m as G, p as ft, q as zr, o as Ir, B as Vr, C as Rn, a as To, D as Ao, E as Br, i as Fr, F as Hr, G as jr, H as Kr, I as fn, J as Lo, K as Ur } from "./panel-config-COHesW2B.js";
+import { c as Ee, i as Xe, d as Zt, e as Ye, f as Fe, n as cn, h as No, s as xr, o as Me, j as Co, k as yr, m as Vt, p as de, q as Ae, M as dn, r as pn, t as Nr, u as lt, v as $n, w as Cr, x as Eo, y as Tt, z as _o, D as Tn, A as Er, B as _r, g as it, C as Sr, E as $r, F as vt, G as Tr, H as Ar, l as Qt, I as en, J as So, K as An, L as Ln, N as Dn, O as St, P as Lr, Q as Ge, R as Dr, S as Bt, T as Mn, U as Pn, V as Ft, W as Mr, X as Pr, b as Rr } from "./tweak-state-DGLrzIwq.js";
+import { g as ie, v as Se, z as un, y as $o, A as Or, m as G, p as ft, q as zr, o as Ir, B as Vr, C as Rn, a as To, D as Ao, E as Br, i as Fr, F as Hr, G as jr, H as Kr, I as fn, J as Lo, K as Ur } from "./panel-config-SgA84Uqe.js";
 import { c as Wr } from "./color-schemes-CgzOBqGO.js";
 import { r as qr } from "./route-tokens-to-files-1DvmWBdj.js";
 import { useContext as kt, useCallback as ee, useRef as be, useEffect as he, useState as Ce, useMemo as et } from "preact/hooks";
-import { e as we, l as Do, b as At, a as Mo, f as Gr, s as Po, r as kn, c as Xr, g as Yr } from "./autoload-state-CfL2VUe1.js";
+import { e as we, l as Do, b as At, a as Mo, f as Gr, s as Po, r as kn, c as Xr, g as Yr } from "./autoload-state-IlkEci88.js";
 function On(e, t, n) {
   return t < e.left || t > e.right || n < e.top || n > e.bottom;
 }
@@ -3545,7 +3545,7 @@ function ni({
   he(() => () => {
     Zn(t);
   }, [t]), he(() => {
-    !n && !p || r !== null || d.current !== null || (n && s("loading"), d.current = import("./index-BAY1JOUl.js").then((b) => {
+    !n && !p || r !== null || d.current !== null || (n && s("loading"), d.current = import("./index-EdhZv8Ru.js").then((b) => {
       l(() => b.DomTweakerLazyBoundary);
     }).catch((b) => {
       d.current = null, n && s("error"), console.warn(

package/dist/{index-BAY1JOUl.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-U7Ol7tgA.js";
-import { g as vt, m as j } from "./panel-config-COHesW2B.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-U7Ol7tgA.js";
-import { Z as y, V as D, v as k, u as H, Y as L } from "./tweak-state-BKNxtHzb.js";
-import { c as Y, s as b } from "./panel-config-COHesW2B.js";
-import "./autoload-state-CfL2VUe1.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,

package/dist/{panel-config-COHesW2B.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`
@@ -852,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)}`
           );
@@ -909,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;
@@ -921,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/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-COHesW2B.js";
-import { a as l, b as y, l as O } from "./tweak-state-BKNxtHzb.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/{tweak-state-BKNxtHzb.js → tweak-state-DGLrzIwq.js}

@@ -1,4 +1,4 @@
-import { r as mt, g, k as yt, l as bt, h as xt, d as Mt, n as Z, o as Q, p as Ae, q as Pe, t as kt, e as vt, u as St, v as B, f as wt, w as _e, x as $t, y as Nt } from "./panel-config-COHesW2B.js";
+import { r as mt, g, k as yt, l as bt, h as xt, d as Mt, n as Z, o as Q, p as Ae, q as Pe, t as kt, e as vt, u as St, v as B, f as wt, w as _e, x as $t, y as Nt } from "./panel-config-SgA84Uqe.js";
 const Le = (e, t) => {
   if (typeof e == "number") {
     if (t === 3)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takazudo/zdtp",
-  "version": "0.4.13",
+  "version": "0.4.14",
   "description": "Dynamic design-token tweak panel — host-config-driven, framework-agnostic Preact UI.",
   "private": false,
   "license": "MIT",