@takazudo/zdtp 0.4.15 → 0.5.0

package/dist/index.js

@@ -1,39 +1,40 @@
 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 A, l as C, m as S, n as u, o as T, q as c, r as f, s as K, t as M, v, w, x, y as E, z as F } from "./index-BOOmFtJh.js";
-import { Z as y, a2 as D, x as k, w as H, a5 as L } from "./tweak-state-BGp_7Tfh.js";
-import { c as O, s as V } from "./panel-config-CRf-ONSV.js";
-import "./autoload-state-7BQYXI7Y.js";
+import { S as i, c as n, d as l, _ as d, e as _, f as p, g as m, h as g, i as P, j as A, k as C, l as S, m as u, n as T, o as c, q as f, r as K, s as M, t as v, v as w, w as x, x as E, y as F, z as h } from "./index-CHzTi0y5.js";
+import { Z as D, a2 as k, x as H, w as L, a5 as b } from "./tweak-state-B7ok3Ob3.js";
+import { c as V, s as Y } from "./panel-config-BSu6TUht.js";
+import "./autoload-state-DmTY6tRy.js";
+import "./constants.js";
 export {
-  t as SCHEMA_V1,
-  i as SCHEMA_V2,
-  n as SCHEMA_V3,
-  y as ZDTP_LEGACY_TYPOGRAPHY_RENAME_MAP,
-  l as __mountedSpawnSlotsForTests,
-  d as __panelConfigForTest,
-  _ as __reapplyFromStorageForTests,
-  p as __resetInstanceBindingsForTests,
+  i as SCHEMA_V1,
+  n as SCHEMA_V2,
+  l as SCHEMA_V3,
+  D as ZDTP_LEGACY_TYPOGRAPHY_RENAME_MAP,
+  d as __mountedSpawnSlotsForTests,
+  _ as __panelConfigForTest,
+  p as __reapplyFromStorageForTests,
+  m as __resetInstanceBindingsForTests,
   g as __resetSpawnSlotsForTests,
-  O as configurePanel,
-  m as disableAutoload,
-  D as emptyOverrides,
-  P as enableAutoload,
-  k as getClusterDefaultMode,
-  A as hideDesignTokenPanel,
-  C as isColorKind,
-  S as isContentKind,
-  u as isCursorKind,
-  T as isLengthKind,
-  c as isMaskImageKind,
-  f as isNumberKind,
-  K as isSelectKind,
-  M as isTextKind,
-  v as reapplyPersistedOverrides,
-  H as resolvePerModeLiteral,
-  L as resolveSemanticPreviewColor,
-  w as setLifecycleAdapter,
-  V as setPanelColorPresets,
-  x as shouldAutoload,
-  E as showDesignTokenPanel,
-  F as toggleDesignPanel
+  V as configurePanel,
+  P as disableAutoload,
+  k as emptyOverrides,
+  A as enableAutoload,
+  H as getClusterDefaultMode,
+  C as hideDesignTokenPanel,
+  S as isColorKind,
+  u as isContentKind,
+  T as isCursorKind,
+  c as isLengthKind,
+  f as isMaskImageKind,
+  K as isNumberKind,
+  M as isSelectKind,
+  v as isTextKind,
+  w as reapplyPersistedOverrides,
+  L as resolvePerModeLiteral,
+  b as resolveSemanticPreviewColor,
+  x as setLifecycleAdapter,
+  Y as setPanelColorPresets,
+  E as shouldAutoload,
+  F as showDesignTokenPanel,
+  h as toggleDesignPanel
 };

package/dist/{panel-config-CRf-ONSV.js → panel-config-BSu6TUht.js}

@@ -1,3 +1,4 @@
+import { DEFAULT_STORAGE_PREFIX as K, resolveToggleEventName as N } from "./constants.js";
 class k extends Error {
   constructor(t) {
     super(t), this.name = "TierResolverError", Object.setPrototypeOf(this, k.prototype);
@@ -9,7 +10,7 @@ function A(e, t) {
 function $(e, t) {
   return e.items.find((n) => n.id === t);
 }
-function I(e, t, n, i) {
+function ee(e, t, n, i) {
   const u = A(e, t);
   if (!u)
     throw new k(
@@ -40,10 +41,10 @@ function I(e, t, n, i) {
   }
   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 };
 }
-function ee(e) {
+function te(e) {
   return e.kind === "literal" ? e.value : `var(${e.targetCssVar})`;
 }
-function N(e, t, n = [t]) {
+function M(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 k(
@@ -61,10 +62,10 @@ function N(e, t, n = [t]) {
     );
   return d.cssVar;
 }
-function te(e, t) {
+function ne(e, t) {
   return e.paletteCssVarTemplate.replace("{n}", String(t));
 }
-const M = /* @__PURE__ */ new Set([
+const D = /* @__PURE__ */ new Set([
   "aliceblue",
   "antiquewhite",
   "aqua",
@@ -221,10 +222,10 @@ const M = /* @__PURE__ */ new Set([
   "revert",
   "revert-layer"
 ]);
-function D(e) {
-  return e.startsWith("#") || e.includes("(") || M.has(e.toLowerCase());
+function H(e) {
+  return e.startsWith("#") || e.includes("(") || D.has(e.toLowerCase());
 }
-function H(e, t, n, i) {
+function B(e, t, n, i) {
   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);
@@ -234,14 +235,14 @@ function H(e, t, n, i) {
   u.push({ tab: s.tab, tier: s.tier, item: e });
   for (const r of u)
     try {
-      return N(r, n, i), { ref: r };
+      return M(r, n, i), { ref: r };
     } catch {
     }
   return { ref: u[0] };
 }
 function L(e, t, n, i, 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 && !D(e.default) ? H(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 && !H(e.default) ? B(e.default, n, i, 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 };
 }
@@ -297,22 +298,22 @@ function V(e, t = [e]) {
     panelSettings: n.panelSettings
   };
 }
-function ne(e) {
+function re(e) {
   const t = e.find((n) => n.id === "color");
   if (t)
     return V(t, e);
 }
-function B(e) {
+function J(e) {
   const t = e.find((n) => n.id === "color-secondary");
   return t ? V(t, e) ?? null : null;
 }
-function x(e, t) {
+function S(e, t) {
   if (Object.is(e, t)) return !0;
   if (e === null || t === null || typeof e != typeof t || typeof e != "object") return !1;
   if (Array.isArray(e)) {
     if (!Array.isArray(t) || e.length !== t.length) return !1;
     for (let d = 0; d < e.length; d++)
-      if (!x(e[d], t[d])) return !1;
+      if (!S(e[d], t[d])) return !1;
     return !0;
   }
   if (Array.isArray(t)) return !1;
@@ -320,12 +321,12 @@ function x(e, t) {
   if (n.length !== i.length) return !1;
   const u = new Set(i);
   for (const d of n)
-    if (!u.has(d) || !x(e[d], t[d]))
+    if (!u.has(d) || !S(e[d], t[d]))
       return !1;
   return !0;
 }
-const _ = {
-  storagePrefix: "zudo-design-token-panel",
+const q = {
+  storagePrefix: K,
   consoleNamespace: "zudo",
   modalClassPrefix: "zudo-design-token-panel-modal",
   schemaId: "zudo-design-tokens/v1",
@@ -371,7 +372,7 @@ function F(e) {
     }
   };
 }
-function re(e) {
+function oe(e) {
   m().lifecycleHooks = {
     configured: e.configured,
     open: e.open,
@@ -380,11 +381,11 @@ function re(e) {
     destroy: e.destroy
   };
 }
-function oe(e) {
+function ie(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)))
+    if (S(l(i.suppliedConfig), l(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.)`
@@ -409,12 +410,12 @@ function oe(e) {
     l();
   return t.lifecycleHooks.configured?.(n), f.handle;
 }
-function S() {
+function x() {
   const e = m();
   return e.defaultPrefix === null ? null : e.instances.get(e.defaultPrefix) ?? null;
 }
-function ie(e) {
-  const t = S();
+function se(e) {
+  const t = x();
   if (t === null) {
     const n = m();
     if (n.pendingPostConfigureHooks.includes(e)) return;
@@ -424,110 +425,109 @@ function ie(e) {
   t.postConfigureHooks.includes(e) || (t.postConfigureHooks.push(e), e());
 }
 function j() {
-  return S()?.config ?? _;
+  return x()?.config ?? q;
 }
-function se() {
+function ae() {
   return [...m().instances.values()].map((e) => e.config);
 }
-function ae(e) {
+function le(e) {
   return m().instances.get(e)?.config ?? null;
 }
-function le() {
+function fe() {
   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, E().clear();
 }
-function v() {
+function E() {
   const e = m();
   return e.colorSchemeOwners || (e.colorSchemeOwners = /* @__PURE__ */ new Set()), e.colorSchemeOwners;
 }
-function fe(e) {
-  v().add(e);
-}
 function ce(e) {
-  v().delete(e);
+  E().add(e);
 }
 function ge(e) {
-  return v().has(e);
+  E().delete(e);
 }
-function de(e = j()) {
-  return B(e.tabs);
+function de(e) {
+  return E().has(e);
 }
-function ue(e) {
-  return `${e.storagePrefix}-state-v2`;
+function ue(e = j()) {
+  return J(e.tabs);
 }
 function pe(e) {
-  return `${e.storagePrefix}-state-v3`;
+  return `${e.storagePrefix}-state-v2`;
 }
 function ye(e) {
-  return `${e.storagePrefix}-state-v4`;
+  return `${e.storagePrefix}-state-v3`;
 }
 function me(e) {
-  return `${e.storagePrefix}-state`;
+  return `${e.storagePrefix}-state-v4`;
 }
 function he(e) {
-  return `${e.storagePrefix}-open`;
+  return `${e.storagePrefix}-state`;
 }
 function we(e) {
-  return `${e.storagePrefix}-position`;
+  return `${e.storagePrefix}-open`;
 }
 function be(e) {
-  return `${e.storagePrefix}-size`;
+  return `${e.storagePrefix}-position`;
 }
 function ke(e) {
-  return `${e.storagePrefix}-dock`;
+  return `${e.storagePrefix}-size`;
 }
 function $e(e) {
-  return `${e.storagePrefix}-dock-size`;
+  return `${e.storagePrefix}-dock`;
 }
 function Ce(e) {
-  return `${e.storagePrefix}-density`;
+  return `${e.storagePrefix}-dock-size`;
 }
 function Pe(e) {
+  return `${e.storagePrefix}-density`;
+}
+function ve(e) {
   return `${e.storagePrefix}-specimen`;
 }
 function Ee(e, t) {
   return `${e.storagePrefix}-snapshot-${t}`;
 }
-function ve(e) {
+function Ae(e) {
   return `${e.storagePrefix}-last-applied`;
 }
-function Ae(e) {
+function Se(e) {
   return `${e.storagePrefix}:visible`;
 }
 function xe(e) {
   return `${e.storagePrefix}:autoload`;
 }
-function Se(e) {
+function je(e) {
   return `${e.storagePrefix}-root`;
 }
-const J = _.storagePrefix, q = "toggle-design-token-panel";
-function je(e) {
-  return e.storagePrefix === J ? q : e.toggleEvent ?? `toggle-${e.storagePrefix}`;
+function Te(e) {
+  return N(e);
 }
 const G = "__zdtp:open-state-changed";
-function Te(e) {
+function Oe(e) {
   return `${G}:${e.storagePrefix}`;
 }
-function Oe(e, t) {
+function Re(e, t) {
   return `${e.modalClassPrefix}${t}`;
 }
-function Re(e) {
+function Ve(e) {
   return `${e.exportFilenameBase}.json`;
 }
-const z = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:global-alias-marker");
-function K(e) {
+const _ = /* @__PURE__ */ Symbol.for("@takazudo/zdtp:global-alias-marker");
+function z(e) {
   return typeof e == "object" && e !== null || typeof e == "function";
 }
 function U(e) {
-  if (!K(e)) return !1;
+  if (!z(e)) return !1;
   try {
-    return e[z] === !0;
+    return e[_] === !0;
   } catch {
     return !1;
   }
 }
 function W(e) {
-  if (!K(e)) return !1;
+  if (!z(e)) return !1;
   try {
     const t = e;
     return typeof t.show == "function" && typeof t.hide == "function" && typeof t.toggle == "function";
@@ -535,7 +535,7 @@ function W(e) {
     return !1;
   }
 }
-function Ve(e) {
+function _e(e) {
   if (typeof window > "u") return;
   const t = window, n = t.zdtp;
   if (n !== void 0) {
@@ -547,9 +547,9 @@ function Ve(e) {
     return;
   }
   const i = { ...e };
-  i[z] = !0, t.zdtp = i;
+  i[_] = !0, t.zdtp = i;
 }
-function _e(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;
@@ -641,7 +641,7 @@ function Z(e) {
       throw new Error(
         `[design-token-panel] PanelConfig.tabs: duplicate tab id "${i.id}"`
       );
-    t.add(i.id), Q(i.id, i, e);
+    t.add(i.id), X(i.id, i, e);
   }
 }
 function Y(e) {
@@ -663,7 +663,7 @@ function Y(e) {
   }
   return !1;
 }
-function Q(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`
@@ -876,9 +876,9 @@ function Q(e, t, n) {
         let y;
         for (const w of b) {
           if (w === null || typeof w != "object" || Array.isArray(w)) continue;
-          const E = w.type;
-          if (E === null || typeof E != "object" || Array.isArray(E)) continue;
-          const O = E.kind;
+          const v = w.type;
+          if (v === null || typeof v != "object" || Array.isArray(v)) continue;
+          const O = v.kind;
           if (typeof O == "string") {
             y = O;
             break;
@@ -996,14 +996,14 @@ function Q(e, t, n) {
       `[design-token-panel] PanelConfig.tabs["${e}"].notesExtras must only be set on a tab with id "notes"`
     );
 }
-function X(e = j()) {
+function Q(e = j()) {
   return e.applyRouting ?? {};
 }
-function ze(e = j()) {
-  return !!e.applyEndpoint && Object.keys(X(e)).length > 0;
+function Ke(e = j()) {
+  return !!e.applyEndpoint && Object.keys(Q(e)).length > 0;
 }
-function Ke(e) {
-  const t = S();
+function Ne(e) {
+  const t = x();
   if (t === null) {
     m().pendingColorPresets = e;
     return;
@@ -1011,48 +1011,47 @@ function Ke(e) {
   t.config = { ...t.config, colorPresets: e };
 }
 export {
-  N as A,
+  M as A,
   V as B,
-  x as C,
-  Re as D,
-  X as E,
-  ze as F,
-  ve as G,
+  S as C,
+  Ve as D,
+  Q as E,
+  Ke as F,
+  Ae as G,
   Ee as H,
-  Pe as I,
-  Te as J,
-  re as K,
-  ie as L,
-  je as M,
-  q as N,
-  se as O,
-  ae as P,
-  Se as Q,
-  le as _,
-  Ae as a,
-  _e as b,
-  oe as c,
-  he as d,
-  we as e,
-  me as f,
+  ve as I,
+  Oe as J,
+  oe as K,
+  se as L,
+  Te as M,
+  ae as N,
+  le as O,
+  je as P,
+  fe as _,
+  Se as a,
+  ze as b,
+  ie as c,
+  we as d,
+  be as e,
+  he as f,
   j as g,
-  ue as h,
-  Ve as i,
+  pe as h,
+  _e as i,
   xe as j,
-  ye as k,
-  pe as l,
-  Oe as m,
-  ce as n,
-  de as o,
-  I as p,
-  ee as q,
-  ne as r,
-  Ke as s,
-  be as t,
-  Ce as u,
-  $e as v,
-  ke as w,
-  te as x,
-  fe as y,
-  ge as z
+  me as k,
+  ye as l,
+  Re as m,
+  ge as n,
+  ue as o,
+  ee as p,
+  te as q,
+  re as r,
+  Ne as s,
+  ke as t,
+  Pe as u,
+  Ce as v,
+  $e as w,
+  ne as x,
+  ce as y,
+  de as z
 };

package/dist/shell/header.d.ts

@@ -1,5 +1,4 @@
 import { type JSX } from 'preact';
-export declare function ShellHeader({ width, onMouseDown, }: {
-    width: number;
+export declare function ShellHeader({ onMouseDown, }: {
     onMouseDown: JSX.MouseEventHandler<HTMLDivElement>;
 }): JSX.Element;

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-CRf-ONSV.js";
-import { a as l, b as y, l as O } from "./tweak-state-BGp_7Tfh.js";
+import { _ as r, c as _, d as i, e as n, f as g, h as R, a as p } from "./panel-config-BSu6TUht.js";
+import { a as l, b as y, l as O } from "./tweak-state-B7ok3Ob3.js";
 import { F as K, G as E, a as S, S as u } from "./manifest-DvuKi7I4.js";
 async function s(e, a) {
   await e.fill(a), await e.dispatchEvent("input");

package/dist/{tweak-state-BGp_7Tfh.js → tweak-state-B7ok3Ob3.js}

@@ -1,4 +1,4 @@
-import { r as xt, g, k as Mt, l as kt, h as vt, d as St, n as Z, o as Q, p as Pe, q as De, t as wt, e as Nt, u as $t, v as Ct, w as Tt, x as B, f as It, y as Ee, z as Ot, A as At } from "./panel-config-CRf-ONSV.js";
+import { r as xt, g, k as Mt, l as kt, h as vt, d as St, n as Z, o as Q, p as Pe, q as De, t as wt, e as Nt, u as $t, v as Ct, w as Tt, x as B, f as It, y as Ee, z as Ot, A as At } from "./panel-config-BSu6TUht.js";
 const Le = (e, t) => {
   if (typeof e == "number") {
     if (t === 3)