@takazudo/zdtp 0.5.0 → 0.5.2

package/dist/constants.js

@@ -1,16 +1,24 @@
-const n = "zudo-design-token-panel", l = "toggle-design-token-panel";
-function o(e) {
-  return e.storagePrefix === void 0 || e.storagePrefix === n ? l : e.toggleEvent ?? `toggle-${e.storagePrefix}`;
+const o = "zudo-design-token-panel", l = "toggle-design-token-panel";
+function r(e) {
+  return e.storagePrefix === void 0 || e.storagePrefix === o ? l : e.toggleEvent ?? `toggle-${e.storagePrefix}`;
 }
-const a = {
+const s = {
   ":visible": { acceptedValues: ["1"], requiredConfig: null },
   "-open": { acceptedValues: ["1"], requiredConfig: null },
   ":autoload": { acceptedValues: ["1", "auto"], requiredConfig: null },
   "-elpath-enabled": { acceptedValues: ["1"], requiredConfig: null },
   "-domtweaker-enabled": { acceptedValues: ["1"], requiredConfig: "domTweaker" }
-}, r = {
-  matchesKey(e, t) {
-    return t.startsWith(e) && /^-state(-v\d+)?$/.test(t.slice(e.length));
+}, t = {
+  v1: "-state",
+  v2: "-state-v2",
+  v3: "-state-v3",
+  v4: "-state-v4"
+}, u = {
+  keySuffixes: t,
+  matchesKey(e, a) {
+    return Object.values(t).some(
+      (n) => a === e + n
+    );
   },
   valueRules: {
     blank: !1,
@@ -22,9 +30,10 @@ const a = {
   }
 };
 export {
-  n as DEFAULT_STORAGE_PREFIX,
+  o as DEFAULT_STORAGE_PREFIX,
   l as DEFAULT_TOGGLE_EVENT,
-  a as EAGER_LOAD_GATE_KEY_SUFFIXES,
-  r as EAGER_LOAD_GATE_STATE_FAMILY,
-  o as resolveToggleEventName
+  s as EAGER_LOAD_GATE_KEY_SUFFIXES,
+  u as EAGER_LOAD_GATE_STATE_FAMILY,
+  t as READABLE_STATE_KEY_SUFFIXES,
+  r as resolveToggleEventName
 };

package/dist/controls/actions-menu-popover.d.ts

@@ -1,7 +1,7 @@
 /**
  * ActionsMenuPopover — narrow-panel replacement for the header action links
  * (Export / Load from JSON… / Apply / Reset), collapsed behind the kebab
- * trigger below the panel's <480px container-query breakpoint (#518).
+ * trigger when the header yields through its CSS container query (#787).
  *
  * A PLAIN popover of ordinary action RoleButtons, NOT an ARIA menu:
  * role="menu"/menuitem demands arrow-key navigation and focus management,
@@ -11,6 +11,10 @@
  */
 import type { ComponentChildren, JSX } from 'preact';
 export interface ActionsMenuAction {
+    /** Stable action id, emitted as `data-zdtp-action` on the rendered item.
+     *  Required so the DOM hook can never silently go missing; labels are
+     *  display strings and must not be used as the key (PORTABLE-CONTRACT §7.6). */
+    id: string;
     label: string;
     onSelect: () => void;
     disabled?: boolean;

package/dist/controls/role-button.d.ts

@@ -16,5 +16,8 @@ export interface RoleButtonProps {
     title?: string;
     'aria-label'?: string;
     'data-testid'?: string;
+    /** Stable per-action DOM hook for consumer tests (see PORTABLE-CONTRACT §7.6).
+     *  Keyed on an action id, never on the display label. */
+    'data-zdtp-action'?: string;
 }
-export declare function RoleButton({ children, onClick, className, 'aria-disabled': ariaDisabled, ariaProps, tabIndex, elementRef, id, title, 'aria-label': ariaLabel, 'data-testid': testId, }: RoleButtonProps): JSX.Element;
+export declare function RoleButton({ children, onClick, className, 'aria-disabled': ariaDisabled, ariaProps, tabIndex, elementRef, id, title, 'aria-label': ariaLabel, 'data-testid': testId, 'data-zdtp-action': zdtpAction, }: RoleButtonProps): JSX.Element;

package/dist/dom-tweaker/dom-tweaker-toggle-button.d.ts

@@ -6,4 +6,6 @@
  * import through DomTweakerOrchestrator.
  */
 import type { JSX } from 'preact';
-export declare function DomTweakerToggleButton(): JSX.Element | null;
+export declare function DomTweakerToggleButton({ compact }?: {
+    compact?: boolean;
+}): JSX.Element | null;

package/dist/element-inspect/element-inspect-toggle-button.d.ts

@@ -1,3 +1,5 @@
 import type { JSX } from 'preact';
 /** Header control for the element → tokens picker. */
-export declare function ElementInspectToggleButton(): JSX.Element | null;
+export declare function ElementInspectToggleButton({ compact }?: {
+    compact?: boolean;
+}): JSX.Element | null;

package/dist/element-path/element-path-toggle-button.d.ts

@@ -10,4 +10,6 @@
  * through its `ariaProps` bag.
  */
 import type { JSX } from 'preact';
-export declare function ElementPathToggleButton(): JSX.Element | null;
+export declare function ElementPathToggleButton({ compact }?: {
+    compact?: boolean;
+}): JSX.Element | null;

package/dist/{index-By6zFdp4.js → index-CAQf4HKm.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-CHzTi0y5.js";
-import { g as vt, m as j } from "./panel-config-BSu6TUht.js";
+import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-ChsJ5u4d.js";
+import { g as vt, m as j } from "./panel-config-CqbuB0nh.js";
 const xt = (e, o) => {
   const t = new Array(e.length + o.length);
   for (let r = 0; r < e.length; r++)