@serendie/ui 3.5.1-dev.202605201240 → 3.5.1-dev.202606160617

package/dist/node_modules/@zag-js/menu/dist/menu.dom.js

@@ -1,4 +1,4 @@
-import { getByTypeahead as v } from "../../dom-query/dist/typeahead.js";
+import { getByTypeahead as c } from "../../dom-query/dist/typeahead.js";
 import { getWindow as I, isHTMLElement as u, contains as f } from "../../dom-query/dist/node.js";
 import { prev as p, next as E, last as y, first as $ } from "../../utils/dist/array.js";
 import { isFunction as l } from "../../utils/dist/guard.js";
@@ -14,7 +14,7 @@ var m = (e, t) => {
 }, d = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.content) ?? `menu:${e.id}:content`;
-}, M = (e) => {
+}, N = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.arrow) ?? `menu:${e.id}:arrow`;
 }, T = (e) => {
@@ -23,21 +23,21 @@ var m = (e, t) => {
 }, W = (e, t) => {
   var r, n;
   return ((n = (r = e.ids) == null ? void 0 : r.group) == null ? void 0 : n.call(r, t)) ?? `menu:${e.id}:group:${t}`;
-}, h = (e, t) => `${e.id}/${t}`, G = (e) => (e == null ? void 0 : e.dataset.value) ?? null, j = (e, t) => {
+}, h = (e, t) => `${e.id}/${t}`, D = (e) => (e == null ? void 0 : e.dataset.value) ?? null, G = (e, t) => {
   var r, n;
   return ((n = (r = e.ids) == null ? void 0 : r.groupLabel) == null ? void 0 : n.call(r, t)) ?? `menu:${e.id}:group-label:${t}`;
-}, c = (e) => e.getById(d(e)), q = (e) => e.getById(T(e)), w = (e) => e.getById(m(e)), H = (e, t) => t ? e.getById(h(e, t)) : null, K = (e) => e.getById(b(e)), B = (e) => a(e.getDoc(), `[data-scope="menu"][data-part="trigger"][data-ownedby="${e.id}"]`), N = (e) => a(e.getDoc(), `[data-scope="menu"][data-part="context-trigger"][data-ownedby="${e.id}"]`), O = (e, t) => t == null ? w(e) ?? B(e)[0] : e.getById(m(e, t)), o = (e) => {
+}, v = (e) => e.getById(d(e)), R = (e) => e.getById(T(e)), w = (e) => e.getById(m(e)), j = (e, t) => t ? e.getById(h(e, t)) : null, q = (e) => e.getById(b(e)), B = (e) => a(e.getRootNode(), `[data-scope="menu"][data-part="trigger"][data-ownedby="${e.id}"]`), H = (e) => a(e.getRootNode(), `[data-scope="menu"][data-part="context-trigger"][data-ownedby="${e.id}"]`), K = (e, t) => t == null ? w(e) ?? B(e)[0] : e.getById(m(e, t)), o = (e) => {
   const r = `[role^="menuitem"][data-ownedby=${CSS.escape(d(e))}]:not([data-disabled])`;
-  return a(c(e), r);
-}, V = (e) => $(o(e)), z = (e) => y(o(e)), g = (e, t) => t ? e.id === t || e.dataset.value === t : !1, J = (e, t) => {
+  return a(v(e), r);
+}, O = (e) => $(o(e)), V = (e) => y(o(e)), g = (e, t) => t ? e.id === t || e.dataset.value === t : !1, z = (e, t) => {
   const r = o(e), n = r.findIndex((i) => g(i, t.value));
   return E(r, n, { loop: t.loop ?? t.loopFocus });
-}, Q = (e, t) => {
+}, J = (e, t) => {
   const r = o(e), n = r.findIndex((i) => g(i, t.value));
   return p(r, n, { loop: t.loop ?? t.loopFocus });
-}, R = (e, t) => {
+}, Q = (e, t) => {
   const r = o(e), n = r.find((i) => g(i, t.value));
-  return v(r, { state: t.typeaheadState, key: t.key, activeId: (n == null ? void 0 : n.id) ?? null });
+  return c(r, { state: t.typeaheadState, key: t.key, activeId: (n == null ? void 0 : n.id) ?? null });
 }, U = (e) => u(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), X = (e) => {
   var t;
   return !!((t = e == null ? void 0 : e.getAttribute("role")) != null && t.startsWith("menuitem")) && !!(e != null && e.hasAttribute("data-controls"));
@@ -49,7 +49,7 @@ function Y(e, t) {
 }
 function A(e) {
   const t = d(e);
-  return c(e) ?? e.getDoc().getElementById(t);
+  return v(e) ?? e.getDoc().getElementById(t);
 }
 function S(e, t) {
   if (!u(e)) return !1;
@@ -63,26 +63,26 @@ function S(e, t) {
 }
 export {
   Y as dispatchSelectionEvent,
-  O as getActiveTriggerEl,
-  M as getArrowId,
-  c as getContentEl,
+  K as getActiveTriggerEl,
+  N as getArrowId,
+  v as getContentEl,
   d as getContentId,
-  K as getContextTriggerEl,
-  N as getContextTriggerEls,
+  q as getContextTriggerEl,
+  H as getContextTriggerEls,
   b as getContextTriggerId,
-  R as getElemByKey,
+  Q as getElemByKey,
   o as getElements,
-  V as getFirstEl,
+  O as getFirstEl,
   W as getGroupId,
-  j as getGroupLabelId,
-  H as getItemEl,
+  G as getGroupLabelId,
+  j as getItemEl,
   h as getItemId,
-  G as getItemValue,
-  z as getLastEl,
-  J as getNextEl,
-  q as getPositionerEl,
+  D as getItemValue,
+  V as getLastEl,
+  z as getNextEl,
+  R as getPositionerEl,
   T as getPositionerId,
-  Q as getPrevEl,
+  J as getPrevEl,
   w as getTriggerEl,
   B as getTriggerEls,
   m as getTriggerId,

package/dist/node_modules/@zag-js/menu/dist/menu.machine.js

@@ -14,7 +14,7 @@ import { addDomEvent as te, getEventTarget as L } from "../../dom-query/dist/eve
 import { trackDismissableElement as ne } from "../../dismissable/dist/dismissable-layer.js";
 import { getByTypeahead as ie } from "../../dom-query/dist/typeahead.js";
 import { clickIfLink as oe } from "../../dom-query/dist/navigate.js";
-import { scrollIntoView as re } from "../../dom-query/dist/overflow.js";
+import { scrollIntoView as re } from "../../dom-query/dist/scroll.js";
 var { not: a, and: O, or: se } = X(), Le = K({
   props({ props: e }) {
     return {

package/dist/node_modules/@zag-js/popper/dist/get-placement.js

@@ -5,7 +5,7 @@ import { getPlacementDetails as V } from "./placement.js";
 import { raf as ee } from "../../dom-query/dist/raf.js";
 import { getWindow as te, isHTMLElement as re } from "../../dom-query/dist/node.js";
 import { getComputedStyle as ne } from "../../dom-query/dist/computed-style.js";
-import { noop as H } from "../../utils/dist/functions.js";
+import { noop as W } from "../../utils/dist/functions.js";
 import { isNull as ie } from "../../utils/dist/guard.js";
 import { compact as oe } from "../../utils/dist/object.js";
 var se = {
@@ -22,14 +22,14 @@ var se = {
   overflowPadding: 8,
   arrowPadding: 4
 };
-function U(e, t) {
+function $(e, t) {
   const i = e.devicePixelRatio || 1;
   return Math.round(t * i) / i;
 }
-function y(e, t) {
+function m(e, t) {
   return e != null && Math.abs(e - t) < 0.5;
 }
-function b(e) {
+function w(e) {
   return typeof e == "function" ? e() : e === "clipping-ancestors" ? "clippingAncestors" : e;
 }
 function le(e, t, i) {
@@ -39,54 +39,65 @@ function le(e, t, i) {
 function fe(e, t) {
   if (!ie(t.offset ?? t.gutter))
     return k(({ placement: i }) => {
-      var l, a;
-      const o = ((e == null ? void 0 : e.clientHeight) || 0) / 2, f = ((l = t.offset) == null ? void 0 : l.mainAxis) ?? t.gutter, p = typeof f == "number" ? f + o : f ?? o, { hasAlign: n } = V(i), s = n ? void 0 : t.shift, d = ((a = t.offset) == null ? void 0 : a.crossAxis) ?? s;
+      var s, l;
+      const o = ((e == null ? void 0 : e.clientHeight) || 0) / 2, f = ((s = t.offset) == null ? void 0 : s.mainAxis) ?? t.gutter, u = typeof f == "number" ? f + o : f ?? o, { hasAlign: n } = V(i), c = n ? void 0 : t.shift, d = ((l = t.offset) == null ? void 0 : l.crossAxis) ?? c;
       return oe({
         crossAxis: d,
-        mainAxis: p,
+        mainAxis: u,
         alignmentAxis: t.shift
       });
     });
 }
 function ae(e) {
-  if (!e.flip) return;
-  const t = b(e.boundary);
-  return L({
-    ...t ? { boundary: t } : void 0,
-    padding: e.overflowPadding,
-    fallbackPlacements: e.flip === !0 ? void 0 : e.flip
-  });
+  if (e.flip)
+    return L(() => {
+      const t = w(e.boundary);
+      return {
+        ...t ? { boundary: t } : void 0,
+        padding: e.overflowPadding,
+        fallbackPlacements: e.flip === !0 ? void 0 : e.flip
+      };
+    });
 }
 function ce(e) {
-  if (!e.slide && !e.overlap) return;
-  const t = b(e.boundary);
-  return N({
-    ...t ? { boundary: t } : void 0,
-    mainAxis: e.slide,
-    crossAxis: e.overlap,
-    padding: e.overflowPadding,
-    limiter: J()
-  });
+  if (!(!e.slide && !e.overlap))
+    return N(() => {
+      const t = w(e.boundary);
+      return {
+        ...t ? { boundary: t } : void 0,
+        mainAxis: e.slide,
+        crossAxis: e.overlap,
+        padding: e.overflowPadding,
+        limiter: J()
+      };
+    });
 }
 function de(e) {
   if (e.sizeMiddleware === !1 && !e.sameWidth && !e.fitViewport) return;
   let t, i, o, f;
-  return Y({
-    padding: e.overflowPadding,
-    apply({ elements: p, rects: n, availableHeight: s, availableWidth: d }) {
-      const l = p.floating, a = Math.round(n.reference.width), g = Math.round(n.reference.height);
-      d = Math.floor(d), s = Math.floor(s), y(t, a) || (l.style.setProperty("--reference-width", `${a}px`), t = a), y(i, g) || (l.style.setProperty("--reference-height", `${g}px`), i = g), y(o, d) || (l.style.setProperty("--available-width", `${d}px`), o = d), y(f, s) || (l.style.setProperty("--available-height", `${s}px`), f = s);
-    }
+  return Y(() => {
+    const u = w(e.boundary);
+    return {
+      padding: e.overflowPadding,
+      ...u ? { boundary: u } : void 0,
+      apply({ elements: n, rects: c, availableHeight: d, availableWidth: s }) {
+        const l = n.floating, g = Math.round(c.reference.width), h = Math.round(c.reference.height);
+        s = Math.floor(s), d = Math.floor(d), m(t, g) || (l.style.setProperty("--reference-width", `${g}px`), t = g), m(i, h) || (l.style.setProperty("--reference-height", `${h}px`), i = h), m(o, s) || (l.style.setProperty("--available-width", `${s}px`), o = s), m(f, d) || (l.style.setProperty("--available-height", `${d}px`), f = d);
+      }
+    };
   });
 }
 function ue(e) {
   if (e.hideWhenDetached)
-    return G({ strategy: "referenceHidden", boundary: b(e.boundary) ?? "clippingAncestors" });
+    return G(() => ({
+      strategy: "referenceHidden",
+      boundary: w(e.boundary) ?? "clippingAncestors"
+    }));
 }
 function pe(e) {
   return e ? e === !0 ? { ancestorResize: !0, ancestorScroll: !0, elementResize: !0, layoutShift: !0 } : e : {};
 }
-var me = [
+var ye = [
   "transform",
   "visibility",
   "pointer-events",
@@ -98,9 +109,9 @@ var me = [
   "--available-width",
   "--available-height",
   "--transform-origin"
-], ye = ["top", "right", "bottom", "left"];
-function $(e, t) {
-  if (!e) return H;
+], me = ["top", "right", "bottom", "left"];
+function F(e, t) {
+  if (!e) return W;
   const i = new Map(t.map((o) => [o, e.style.getPropertyValue(o)]));
   return () => {
     i.forEach((o, f) => {
@@ -108,81 +119,81 @@ function $(e, t) {
     }), e.style.length === 0 && e.removeAttribute("style");
   };
 }
-function F(e) {
+function H(e) {
   return e == null ? null : re(e) ? e : typeof e == "object" && e && "contextElement" in e && e.contextElement ? e.contextElement : e;
 }
 function ge(e, t, i = {}) {
   const o = () => (typeof t == "function" ? t() : t) ?? null, f = () => {
-    var c;
+    var a;
     const r = typeof e == "function" ? e() : e;
-    return ((c = i.getAnchorElement) == null ? void 0 : c.call(i)) ?? r;
-  }, p = () => {
+    return ((a = i.getAnchorElement) == null ? void 0 : a.call(i)) ?? r;
+  }, u = () => {
     const r = f();
     return !r && !i.getAnchorRect ? null : K(r, i.getAnchorRect);
   }, n = Object.assign({}, se, i);
-  let s = [], d = null, l, a;
+  let c = [], d = null, s, l;
   function g(r) {
-    l == null || l(), a == null || a(), d = r, l = n.restoreStyles ? $(r, me) : void 0;
-    const c = r.querySelector("[data-part=arrow]");
-    a = n.restoreStyles ? $(c, ye) : void 0, s = [
-      fe(c, n),
+    s == null || s(), l == null || l(), d = r, s = n.restoreStyles ? F(r, ye) : void 0;
+    const a = r.querySelector("[data-part=arrow]");
+    l = n.restoreStyles ? F(a, me) : void 0, c = [
+      fe(a, n),
       ae(n),
       ce(n),
-      le(c, r.ownerDocument, n),
-      Z(c),
+      le(a, r.ownerDocument, n),
+      Z(a),
       _(
         { gutter: n.gutter, offset: n.offset, overlap: n.overlap },
-        c
+        a
       ),
       de(n),
       ue(n),
       Q
     ];
   }
-  const { placement: W, strategy: I, onComplete: v, onPositioned: m } = n;
-  let E, z, w = !1, R, C, P = H;
+  const { placement: h, strategy: I, onComplete: P, onPositioned: y } = n;
+  let z, R, x = !1, C, D, A = W;
   const j = pe(n.listeners);
   function q() {
     if (!n.listeners) return;
-    const r = f(), c = p(), u = o();
-    if (!c || !u) return;
-    (F(r) !== F(R) || u !== C) && (P(), R = r, C = u, P = T(c, u, O, j));
+    const r = f(), a = u(), p = o();
+    if (!a || !p) return;
+    (H(r) !== H(C) || p !== D) && (A(), C = r, D = p, A = T(a, p, S, j));
   }
-  async function D() {
-    var S;
+  async function O() {
+    var U;
     q();
     const r = o();
     if (!r) return;
-    r !== d && (g(r), w = !1);
-    const c = p();
-    if (!c) return;
-    const u = await B(c, r, {
-      placement: W,
-      middleware: s,
+    r !== d && (g(r), x = !1);
+    const a = u();
+    if (!a) return;
+    const p = await B(a, r, {
+      placement: h,
+      middleware: c,
       strategy: I
     });
-    v == null || v(u);
-    const x = te(r), h = U(x, u.x), A = U(x, u.y);
-    if (y(E, h) || (r.style.setProperty("--x", `${h}px`), E = h), y(z, A) || (r.style.setProperty("--y", `${A}px`), z = A), n.hideWhenDetached && (((S = u.middlewareData.hide) == null ? void 0 : S.referenceHidden) ? (r.style.setProperty("visibility", "hidden"), r.style.setProperty("pointer-events", "none")) : (r.style.removeProperty("visibility"), r.style.removeProperty("pointer-events"))), !w) {
-      const M = r.firstElementChild;
-      M && (r.style.setProperty("--z-index", ne(M).zIndex), w = !0);
+    P == null || P(p);
+    const M = te(r), v = $(M, p.x), b = $(M, p.y);
+    if (m(z, v) || (r.style.setProperty("--x", `${v}px`), z = v), m(R, b) || (r.style.setProperty("--y", `${b}px`), R = b), n.hideWhenDetached && (((U = p.middlewareData.hide) == null ? void 0 : U.referenceHidden) ? (r.style.setProperty("visibility", "hidden"), r.style.setProperty("pointer-events", "none")) : (r.style.removeProperty("visibility"), r.style.removeProperty("pointer-events"))), !x) {
+      const E = r.firstElementChild;
+      E && (r.style.setProperty("--z-index", ne(E).zIndex), x = !0);
     }
   }
-  async function O() {
-    i.updatePosition ? (await i.updatePosition({ updatePosition: D, floatingElement: o() }), m == null || m({ placed: !0 })) : await D();
+  async function S() {
+    i.updatePosition ? (await i.updatePosition({ updatePosition: O, floatingElement: o() }), y == null || y({ placed: !0 })) : await O();
   }
-  return O(), () => {
-    P(), a == null || a(), l == null || l(), m == null || m({ placed: !1 });
+  return S(), () => {
+    A(), l == null || l(), s == null || s(), y == null || y({ placed: !1 });
   };
 }
 function Re(e, t, i = {}) {
-  const { defer: o, ...f } = i, p = o ? ee : (s) => s(), n = [];
+  const { defer: o, ...f } = i, u = o ? ee : (c) => c(), n = [];
   return n.push(
-    p(() => {
+    u(() => {
       n.push(ge(e, t, f));
     })
   ), () => {
-    n.forEach((s) => s == null ? void 0 : s());
+    n.forEach((c) => c == null ? void 0 : c());
   };
 }
 export {