@serendie/ui 2.0.0 → 2.1.0

package/dist/node_modules/@zag-js/accordion/dist/index.js

@@ -1,290 +1,274 @@
-import { createAnatomy as R } from "../../anatomy/dist/index.js";
-import { getEventKey as y } from "../../dom-event/dist/index.js";
-import { createScope as G, isSafari as O, dataAttr as s, prevById as C, nextById as h, queryAll as S } from "../../dom-query/dist/index.js";
-import { compact as x, createSplitProps as P, last as F, first as w, warn as L, add as A, remove as N, isEqual as p } from "../../utils/dist/index.js";
-import { createMachine as $, guards as B } from "../../core/dist/index.js";
-import { createProps as v } from "../../types/dist/index.js";
-var U = R("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), g = U.build(), i = G({
-  getRootId: (e) => {
-    var o;
-    return ((o = e.ids) == null ? void 0 : o.root) ?? `accordion:${e.id}`;
-  },
-  getItemId: (e, o) => {
-    var t, a;
-    return ((a = (t = e.ids) == null ? void 0 : t.item) == null ? void 0 : a.call(t, o)) ?? `accordion:${e.id}:item:${o}`;
-  },
-  getItemContentId: (e, o) => {
-    var t, a;
-    return ((a = (t = e.ids) == null ? void 0 : t.itemContent) == null ? void 0 : a.call(t, o)) ?? `accordion:${e.id}:content:${o}`;
-  },
-  getItemTriggerId: (e, o) => {
-    var t, a;
-    return ((a = (t = e.ids) == null ? void 0 : t.itemTrigger) == null ? void 0 : a.call(t, o)) ?? `accordion:${e.id}:trigger:${o}`;
-  },
-  getRootEl: (e) => i.getById(e, i.getRootId(e)),
-  getTriggerEls: (e) => {
-    const t = `[aria-controls][data-ownedby='${CSS.escape(i.getRootId(e))}']:not([disabled])`;
-    return S(i.getRootEl(e), t);
-  },
-  getFirstTriggerEl: (e) => w(i.getTriggerEls(e)),
-  getLastTriggerEl: (e) => F(i.getTriggerEls(e)),
-  getNextTriggerEl: (e, o) => h(i.getTriggerEls(e), i.getItemTriggerId(e, o)),
-  getPrevTriggerEl: (e, o) => C(i.getTriggerEls(e), i.getItemTriggerId(e, o))
-});
-function J(e, o, t) {
-  const a = e.context.focusedValue, d = e.context.value, I = e.context.multiple;
-  function E(n) {
-    let r = n;
-    I && r.length > 1 && (r = [r[0]]), o({ type: "VALUE.SET", value: r });
+import { createAnatomy as C } from "../../anatomy/dist/index.js";
+import { getEventKey as h, isSafari as S, dataAttr as u, prevById as F, nextById as P, queryAll as w } from "../../dom-query/dist/index.js";
+import { warn as x, last as L, first as A, add as $, remove as B } from "../../utils/dist/index.js";
+import { createMachine as N, createGuards as U } from "../../core/dist/index.js";
+import { createProps as y } from "../../types/dist/index.js";
+var H = C("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), g = H.build(), v = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.root) ?? `accordion:${e.id}`;
+}, K = (e, t) => {
+  var a, o;
+  return ((o = (a = e.ids) == null ? void 0 : a.item) == null ? void 0 : o.call(a, t)) ?? `accordion:${e.id}:item:${t}`;
+}, b = (e, t) => {
+  var a, o;
+  return ((o = (a = e.ids) == null ? void 0 : a.itemContent) == null ? void 0 : o.call(a, t)) ?? `accordion:${e.id}:content:${t}`;
+}, m = (e, t) => {
+  var a, o;
+  return ((o = (a = e.ids) == null ? void 0 : a.itemTrigger) == null ? void 0 : o.call(a, t)) ?? `accordion:${e.id}:trigger:${t}`;
+}, k = (e) => e.getById(v(e)), p = (e) => {
+  const a = `[aria-controls][data-ownedby='${CSS.escape(v(e))}']:not([disabled])`;
+  return w(k(e), a);
+}, D = (e) => A(p(e)), X = (e) => L(p(e)), z = (e, t) => P(p(e), m(e, t)), M = (e, t) => F(p(e), m(e, t));
+function _(e, t) {
+  const { send: a, context: o, prop: n, scope: l, computed: f } = e, T = o.get("focusedValue"), I = o.get("value"), E = n("multiple");
+  function R(i) {
+    let r = i;
+    !E && r.length > 1 && (r = [r[0]]), a({ type: "VALUE.SET", value: r });
   }
-  function c(n) {
+  function c(i) {
     return {
-      expanded: d.includes(n.value),
-      focused: a === n.value,
-      disabled: !!(n.disabled ?? e.context.disabled)
+      expanded: I.includes(i.value),
+      focused: T === i.value,
+      disabled: !!(i.disabled ?? n("disabled"))
     };
   }
   return {
-    focusedValue: a,
-    value: d,
-    setValue: E,
+    focusedValue: T,
+    value: I,
+    setValue: R,
     getItemState: c,
     getRootProps() {
       return t.element({
         ...g.root.attrs,
-        dir: e.context.dir,
-        id: i.getRootId(e.context),
-        "data-orientation": e.context.orientation
+        dir: n("dir"),
+        id: v(l),
+        "data-orientation": n("orientation")
       });
     },
-    getItemProps(n) {
-      const r = c(n);
+    getItemProps(i) {
+      const r = c(i);
       return t.element({
         ...g.item.attrs,
-        dir: e.context.dir,
-        id: i.getItemId(e.context, n.value),
+        dir: n("dir"),
+        id: K(l, i.value),
         "data-state": r.expanded ? "open" : "closed",
-        "data-focus": s(r.focused),
-        "data-disabled": s(r.disabled),
-        "data-orientation": e.context.orientation
+        "data-focus": u(r.focused),
+        "data-disabled": u(r.disabled),
+        "data-orientation": n("orientation")
       });
     },
-    getItemContentProps(n) {
-      const r = c(n);
+    getItemContentProps(i) {
+      const r = c(i);
       return t.element({
         ...g.itemContent.attrs,
-        dir: e.context.dir,
+        dir: n("dir"),
         role: "region",
-        id: i.getItemContentId(e.context, n.value),
-        "aria-labelledby": i.getItemTriggerId(e.context, n.value),
+        id: b(l, i.value),
+        "aria-labelledby": m(l, i.value),
         hidden: !r.expanded,
         "data-state": r.expanded ? "open" : "closed",
-        "data-disabled": s(r.disabled),
-        "data-focus": s(r.focused),
-        "data-orientation": e.context.orientation
+        "data-disabled": u(r.disabled),
+        "data-focus": u(r.focused),
+        "data-orientation": n("orientation")
       });
     },
-    getItemIndicatorProps(n) {
-      const r = c(n);
+    getItemIndicatorProps(i) {
+      const r = c(i);
       return t.element({
         ...g.itemIndicator.attrs,
-        dir: e.context.dir,
+        dir: n("dir"),
         "aria-hidden": !0,
         "data-state": r.expanded ? "open" : "closed",
-        "data-disabled": s(r.disabled),
-        "data-focus": s(r.focused),
-        "data-orientation": e.context.orientation
+        "data-disabled": u(r.disabled),
+        "data-focus": u(r.focused),
+        "data-orientation": n("orientation")
       });
     },
-    getItemTriggerProps(n) {
-      const { value: r } = n, l = c(n);
+    getItemTriggerProps(i) {
+      const { value: r } = i, d = c(i);
       return t.button({
         ...g.itemTrigger.attrs,
         type: "button",
-        dir: e.context.dir,
-        id: i.getItemTriggerId(e.context, r),
-        "aria-controls": i.getItemContentId(e.context, r),
-        "aria-expanded": l.expanded,
-        disabled: l.disabled,
-        "data-orientation": e.context.orientation,
-        "aria-disabled": l.disabled,
-        "data-state": l.expanded ? "open" : "closed",
-        "data-ownedby": i.getRootId(e.context),
+        dir: n("dir"),
+        id: m(l, r),
+        "aria-controls": b(l, r),
+        "aria-expanded": d.expanded,
+        disabled: d.disabled,
+        "data-orientation": n("orientation"),
+        "aria-disabled": d.disabled,
+        "data-state": d.expanded ? "open" : "closed",
+        "data-ownedby": v(l),
         onFocus() {
-          l.disabled || o({ type: "TRIGGER.FOCUS", value: r });
+          d.disabled || a({ type: "TRIGGER.FOCUS", value: r });
         },
         onBlur() {
-          l.disabled || o("TRIGGER.BLUR");
+          d.disabled || a({ type: "TRIGGER.BLUR" });
         },
-        onClick(u) {
-          l.disabled || (O() && u.currentTarget.focus(), o({ type: "TRIGGER.CLICK", value: r }));
+        onClick(s) {
+          d.disabled || (S() && s.currentTarget.focus(), a({ type: "TRIGGER.CLICK", value: r }));
         },
-        onKeyDown(u) {
-          if (u.defaultPrevented || l.disabled) return;
-          const V = {
+        onKeyDown(s) {
+          if (s.defaultPrevented || d.disabled) return;
+          const G = {
             ArrowDown() {
-              e.context.isHorizontal || o({ type: "GOTO.NEXT", value: r });
+              f("isHorizontal") || a({ type: "GOTO.NEXT", value: r });
             },
             ArrowUp() {
-              e.context.isHorizontal || o({ type: "GOTO.PREV", value: r });
+              f("isHorizontal") || a({ type: "GOTO.PREV", value: r });
             },
             ArrowRight() {
-              e.context.isHorizontal && o({ type: "GOTO.NEXT", value: r });
+              f("isHorizontal") && a({ type: "GOTO.NEXT", value: r });
             },
             ArrowLeft() {
-              e.context.isHorizontal && o({ type: "GOTO.PREV", value: r });
+              f("isHorizontal") && a({ type: "GOTO.PREV", value: r });
             },
             Home() {
-              o({ type: "GOTO.FIRST", value: r });
+              a({ type: "GOTO.FIRST", value: r });
             },
             End() {
-              o({ type: "GOTO.LAST", value: r });
+              a({ type: "GOTO.LAST", value: r });
             }
-          }, b = y(u, {
-            dir: e.context.dir,
-            orientation: e.context.orientation
-          }), m = V[b];
-          m && (m(u), u.preventDefault());
+          }, O = h(s, {
+            dir: n("dir"),
+            orientation: n("orientation")
+          }), V = G[O];
+          V && (V(s), s.preventDefault());
         }
       });
     }
   };
 }
-var { and: H, not: k } = B;
-function Q(e) {
-  const o = x(e);
-  return $(
-    {
-      id: "accordion",
-      initial: "idle",
-      context: {
-        focusedValue: null,
-        value: [],
-        collapsible: !1,
-        multiple: !1,
-        orientation: "vertical",
-        ...o
-      },
-      watch: {
-        value: "coarseValue",
-        multiple: "coarseValue"
-      },
-      created: "coarseValue",
-      computed: {
-        isHorizontal: (t) => t.orientation === "horizontal"
-      },
-      on: {
-        "VALUE.SET": {
-          actions: ["setValue"]
+var { and: q, not: j } = U(), ee = N({
+  props({ props: e }) {
+    return {
+      collapsible: !1,
+      multiple: !1,
+      orientation: "vertical",
+      defaultValue: [],
+      ...e
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      focusedValue: t(() => ({
+        defaultValue: null,
+        sync: !0,
+        onChange(a) {
+          var o;
+          (o = e("onFocusChange")) == null || o({ value: a });
         }
-      },
-      states: {
-        idle: {
-          on: {
-            "TRIGGER.FOCUS": {
-              target: "focused",
-              actions: "setFocusedValue"
-            }
-          }
-        },
-        focused: {
-          on: {
-            "GOTO.NEXT": {
-              actions: "focusNextTrigger"
-            },
-            "GOTO.PREV": {
-              actions: "focusPrevTrigger"
-            },
-            "TRIGGER.CLICK": [
-              {
-                guard: H("isExpanded", "canToggle"),
-                actions: ["collapse"]
-              },
-              {
-                guard: k("isExpanded"),
-                actions: ["expand"]
-              }
-            ],
-            "GOTO.FIRST": {
-              actions: "focusFirstTrigger"
-            },
-            "GOTO.LAST": {
-              actions: "focusLastTrigger"
-            },
-            "TRIGGER.BLUR": {
-              target: "idle",
-              actions: "clearFocusedValue"
-            }
-          }
+      })),
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        onChange(a) {
+          var o;
+          (o = e("onValueChange")) == null || o({ value: a });
+        }
+      }))
+    };
+  },
+  computed: {
+    isHorizontal: ({ prop: e }) => e("orientation") === "horizontal"
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    }
+  },
+  states: {
+    idle: {
+      on: {
+        "TRIGGER.FOCUS": {
+          target: "focused",
+          actions: ["setFocusedValue"]
         }
       }
     },
-    {
-      guards: {
-        canToggle: (t) => !!t.collapsible || !!t.multiple,
-        isExpanded: (t, a) => t.value.includes(a.value)
-      },
-      actions: {
-        collapse(t, a) {
-          const d = t.multiple ? N(t.value, a.value) : [];
-          f.value(t, t.multiple ? d : []);
-        },
-        expand(t, a) {
-          const d = t.multiple ? A(t.value, a.value) : [a.value];
-          f.value(t, d);
-        },
-        focusFirstTrigger(t) {
-          var a;
-          (a = i.getFirstTriggerEl(t)) == null || a.focus();
-        },
-        focusLastTrigger(t) {
-          var a;
-          (a = i.getLastTriggerEl(t)) == null || a.focus();
-        },
-        focusNextTrigger(t) {
-          if (!t.focusedValue) return;
-          const a = i.getNextTriggerEl(t, t.focusedValue);
-          a == null || a.focus();
-        },
-        focusPrevTrigger(t) {
-          if (!t.focusedValue) return;
-          const a = i.getPrevTriggerEl(t, t.focusedValue);
-          a == null || a.focus();
+    focused: {
+      on: {
+        "GOTO.NEXT": {
+          actions: ["focusNextTrigger"]
         },
-        setFocusedValue(t, a) {
-          f.focusedValue(t, a.value);
+        "GOTO.PREV": {
+          actions: ["focusPrevTrigger"]
         },
-        clearFocusedValue(t) {
-          f.focusedValue(t, null);
+        "TRIGGER.CLICK": [
+          {
+            guard: q("isExpanded", "canToggle"),
+            actions: ["collapse"]
+          },
+          {
+            guard: j("isExpanded"),
+            actions: ["expand"]
+          }
+        ],
+        "GOTO.FIRST": {
+          actions: ["focusFirstTrigger"]
         },
-        setValue(t, a) {
-          f.value(t, a.value);
+        "GOTO.LAST": {
+          actions: ["focusLastTrigger"]
         },
-        coarseValue(t) {
-          !t.multiple && t.value.length > 1 && (L("The value of accordion should be a single value when multiple is false."), t.value = [t.value[0]]);
+        "TRIGGER.BLUR": {
+          target: "idle",
+          actions: ["clearFocusedValue"]
         }
       }
     }
-  );
-}
-var T = {
-  change(e) {
-    var o;
-    (o = e.onValueChange) == null || o.call(e, { value: Array.from(e.value) });
-  },
-  focusChange(e) {
-    var o;
-    (o = e.onFocusChange) == null || o.call(e, { value: e.focusedValue });
-  }
-}, f = {
-  value(e, o) {
-    p(e.value, o) || (e.value = o, T.change(e));
   },
-  focusedValue(e, o) {
-    p(e.focusedValue, o) || (e.focusedValue = o, T.focusChange(e));
+  implementations: {
+    guards: {
+      canToggle: ({ prop: e }) => !!e("collapsible") || !!e("multiple"),
+      isExpanded: ({ context: e, event: t }) => e.get("value").includes(t.value)
+    },
+    actions: {
+      collapse({ context: e, prop: t, event: a }) {
+        const o = t("multiple") ? B(e.get("value"), a.value) : [];
+        e.set("value", o);
+      },
+      expand({ context: e, prop: t, event: a }) {
+        const o = t("multiple") ? $(e.get("value"), a.value) : [a.value];
+        e.set("value", o);
+      },
+      focusFirstTrigger({ scope: e }) {
+        var t;
+        (t = D(e)) == null || t.focus();
+      },
+      focusLastTrigger({ scope: e }) {
+        var t;
+        (t = X(e)) == null || t.focus();
+      },
+      focusNextTrigger({ context: e, scope: t }) {
+        const a = e.get("focusedValue");
+        if (!a) return;
+        const o = z(t, a);
+        o == null || o.focus();
+      },
+      focusPrevTrigger({ context: e, scope: t }) {
+        const a = e.get("focusedValue");
+        if (!a) return;
+        const o = M(t, a);
+        o == null || o.focus();
+      },
+      setFocusedValue({ context: e, event: t }) {
+        e.set("focusedValue", t.value);
+      },
+      clearFocusedValue({ context: e }) {
+        e.set("focusedValue", null);
+      },
+      setValue({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      coarseValue({ context: e, prop: t }) {
+        !t("multiple") && e.get("value").length > 1 && (x("The value of accordion should be a single value when multiple is false."), e.set("value", [e.get("value")[0]]));
+      }
+    }
   }
-};
-v()([
+});
+y()([
   "collapsible",
   "dir",
   "disabled",
@@ -295,13 +279,12 @@ v()([
   "onFocusChange",
   "onValueChange",
   "orientation",
-  "value"
+  "value",
+  "defaultValue"
 ]);
-var K = v()(["value", "disabled"]), W = P(K);
+y()(["value", "disabled"]);
 export {
-  U as anatomy,
-  J as connect,
-  K as itemProps,
-  Q as machine,
-  W as splitItemProps
+  H as anatomy,
+  _ as connect,
+  ee as machine
 };

package/dist/node_modules/@zag-js/aria-hidden/dist/index.js

@@ -1,19 +1,56 @@
-import { hideOthers as s } from "../../../aria-hidden/dist/es2015/index.js";
-var i = (t) => {
-  const o = requestAnimationFrame(() => t());
-  return () => cancelAnimationFrame(o);
+var i = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), p = {}, m = 0, b = (t) => t && (t.host || b(t.parentNode)), M = (t, n) => n.map((a) => {
+  if (t.contains(a)) return a;
+  const s = b(a);
+  return s && t.contains(s) ? s : (console.error("[zag-js > ariaHidden] target", a, "in not contained inside", t, ". Doing nothing"), null);
+}).filter((a) => !!a), W = (t) => t.localName === "next-route-announcer" || t.localName === "script" || t.hasAttribute("aria-live") ? !0 : t.matches("[data-live-announcer]"), g = (t, n) => {
+  const { parentNode: a, markerName: s, controlAttribute: o } = n, c = M(a, Array.isArray(t) ? t : [t]);
+  p[s] || (p[s] = /* @__PURE__ */ new WeakMap());
+  const u = p[s], v = [], f = /* @__PURE__ */ new Set(), N = new Set(c), A = (e) => {
+    !e || f.has(e) || (f.add(e), A(e.parentNode));
+  };
+  c.forEach(A);
+  const d = (e) => {
+    !e || N.has(e) || Array.prototype.forEach.call(e.children, (r) => {
+      if (f.has(r))
+        d(r);
+      else
+        try {
+          if (W(r)) return;
+          const k = r.getAttribute(o) === "true", w = (i.get(r) || 0) + 1, y = (u.get(r) || 0) + 1;
+          i.set(r, w), u.set(r, y), v.push(r), w === 1 && k && h.set(r, !0), y === 1 && r.setAttribute(s, ""), k || r.setAttribute(o, "true");
+        } catch (l) {
+          console.error("[zag-js > ariaHidden] cannot operate on ", r, l);
+        }
+    });
+  };
+  return d(a), f.clear(), m++, () => {
+    v.forEach((e) => {
+      const r = i.get(e) - 1, l = u.get(e) - 1;
+      i.set(e, r), u.set(e, l), r || (h.has(e) || e.removeAttribute(o), h.delete(e)), l || e.removeAttribute(s);
+    }), m--, m || (i = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), p = {});
+  };
+}, H = (t) => (Array.isArray(t) ? t[0] : t).ownerDocument.body, E = (t, n = H(t), a = "data-aria-hidden") => {
+  if (n)
+    return g(t, {
+      parentNode: n,
+      markerName: a,
+      controlAttribute: "aria-hidden"
+    });
+}, V = (t) => {
+  const n = requestAnimationFrame(() => t());
+  return () => cancelAnimationFrame(n);
 };
-function m(t, o = {}) {
-  const { defer: n = !0 } = o, a = n ? i : (e) => e(), r = [];
-  return r.push(
-    a(() => {
-      const c = (typeof t == "function" ? t() : t).filter(Boolean);
-      r.push(s(c));
+function S(t, n = {}) {
+  const { defer: a = !0 } = n, s = a ? V : (c) => c(), o = [];
+  return o.push(
+    s(() => {
+      const u = (typeof t == "function" ? t() : t).filter(Boolean);
+      u.length !== 0 && o.push(E(u));
     })
   ), () => {
-    r.forEach((e) => e == null ? void 0 : e());
+    o.forEach((c) => c == null ? void 0 : c());
   };
 }
 export {
-  m as ariaHidden
+  S as ariaHidden
 };