@serendie/ui 3.5.1-dev.202606091509 → 3.5.1

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

@@ -1,43 +1,42 @@
-import { queryAll as t } from "../../dom-query/dist/query.js";
-import { isFunction as o } from "../../utils/dist/guard.js";
-var a = (r) => {
-  var e;
-  return ((e = r.ids) == null ? void 0 : e.positioner) ?? `dialog:${r.id}:positioner`;
-}, l = (r) => {
-  var e;
-  return ((e = r.ids) == null ? void 0 : e.backdrop) ?? `dialog:${r.id}:backdrop`;
-}, n = (r) => {
-  var e;
-  return ((e = r.ids) == null ? void 0 : e.content) ?? `dialog:${r.id}:content`;
-}, d = (r, e) => {
+import { queryAll as d } from "../../dom-query/dist/query.js";
+import { isFunction as t } from "../../utils/dist/guard.js";
+var o = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.positioner) ?? `dialog:${i.id}:positioner`;
+}, a = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.backdrop) ?? `dialog:${i.id}:backdrop`;
+}, l = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.content) ?? `dialog:${i.id}:content`;
+}, n = (i, r) => {
   var g;
-  const i = (g = r.ids) == null ? void 0 : g.trigger;
-  return i != null ? o(i) ? i(e) : i : e ? `dialog:${r.id}:trigger:${e}` : `dialog:${r.id}:trigger`;
-}, s = (r) => {
-  var e;
-  return ((e = r.ids) == null ? void 0 : e.title) ?? `dialog:${r.id}:title`;
-}, I = (r) => {
-  var e;
-  return ((e = r.ids) == null ? void 0 : e.description) ?? `dialog:${r.id}:description`;
-}, p = (r) => {
-  var e;
-  return ((e = r.ids) == null ? void 0 : e.closeTrigger) ?? `dialog:${r.id}:close`;
-}, E = (r) => r.getById(n(r)), T = (r) => r.getById(a(r)), u = (r) => r.getById(l(r)), v = (r) => r.getById(d(r)), m = (r) => r.getById(s(r)), f = (r) => r.getById(I(r)), k = (r) => r.getById(p(r)), y = (r) => t(r.getRootNode(), `[data-scope="dialog"][data-part="trigger"][data-ownedby="${r.id}"]`), C = (r, e) => e == null ? v(r) ?? y(r)[0] : r.getById(d(r, e));
+  const e = (g = i.ids) == null ? void 0 : g.trigger;
+  return e != null ? t(e) ? e(r) : e : r ? `dialog:${i.id}:trigger:${r}` : `dialog:${i.id}:trigger`;
+}, s = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.title) ?? `dialog:${i.id}:title`;
+}, p = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.description) ?? `dialog:${i.id}:description`;
+}, I = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.closeTrigger) ?? `dialog:${i.id}:close`;
+}, B = (i) => i.getById(l(i)), E = (i) => i.getById(o(i)), T = (i) => i.getById(a(i)), m = (i) => i.getById(s(i)), u = (i) => i.getById(p(i)), k = (i) => i.getById(I(i)), v = (i) => d(i.getDoc(), `[data-scope="dialog"][data-part="trigger"][data-ownedby="${i.id}"]`), C = (i, r) => r == null ? v(i)[0] : i.getById(n(i, r));
 export {
   C as getActiveTriggerEl,
-  u as getBackdropEl,
-  l as getBackdropId,
+  T as getBackdropEl,
+  a as getBackdropId,
   k as getCloseTriggerEl,
-  p as getCloseTriggerId,
-  E as getContentEl,
-  n as getContentId,
-  f as getDescriptionEl,
-  I as getDescriptionId,
-  T as getPositionerEl,
-  a as getPositionerId,
+  I as getCloseTriggerId,
+  B as getContentEl,
+  l as getContentId,
+  u as getDescriptionEl,
+  p as getDescriptionId,
+  E as getPositionerEl,
+  o as getPositionerId,
   m as getTitleEl,
   s as getTitleId,
-  v as getTriggerEl,
-  y as getTriggerEls,
-  d as getTriggerId
+  v as getTriggerEls,
+  n as getTriggerId
 };

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

@@ -1,14 +1,15 @@
 import { ariaHidden as O } from "../../aria-hidden/dist/index.js";
-import { trapFocus as f } from "../../focus-trap/dist/index.js";
-import { preventBodyScroll as m } from "../../remove-scroll/dist/index.js";
-import { getDescriptionEl as C, getTitleEl as T, getContentEl as l, getTriggerEl as v, getTriggerEls as g, getActiveTriggerEl as d, getCloseTriggerEl as p, getBackdropEl as F, getPositionerEl as V } from "./dialog.dom.js";
-import { createMachine as D } from "../../core/dist/create-machine.js";
-import { raf as E } from "../../dom-query/dist/raf.js";
-import { getInitialFocus as k } from "../../dom-query/dist/initial-focus.js";
-import { trackDismissableElement as L } from "../../dismissable/dist/dismissable-layer.js";
-var B = D({
+import { trapFocus as m } from "../../focus-trap/dist/index.js";
+import { preventBodyScroll as f } from "../../remove-scroll/dist/index.js";
+import { getContentEl as l, getPositionerEl as p, getBackdropEl as C, getDescriptionEl as v, getTitleEl as T, getTriggerEls as d, getActiveTriggerEl as E, getCloseTriggerEl as V } from "./dialog.dom.js";
+import { createMachine as y } from "../../core/dist/create-machine.js";
+import { raf as s } from "../../dom-query/dist/raf.js";
+import { getComputedStyle as F } from "../../dom-query/dist/computed-style.js";
+import { getInitialFocus as D } from "../../dom-query/dist/initial-focus.js";
+import { trackDismissableElement as k } from "../../dismissable/dist/dismissable-layer.js";
+var N = y({
   props({ props: e, scope: t }) {
-    const n = e.role === "alertdialog", i = n ? () => p(t) : void 0, r = typeof e.modal == "boolean" ? e.modal : !0;
+    const n = e.role === "alertdialog", i = n ? () => V(t) : void 0, r = typeof e.modal == "boolean" ? e.modal : !0;
     return {
       role: "dialog",
       modal: r,
@@ -35,7 +36,7 @@ var B = D({
         onChange(i) {
           const r = t("onTriggerValueChange");
           if (!r) return;
-          const o = d(n, i);
+          const o = E(n, i);
           r({ value: i, triggerElement: o });
         }
       }))
@@ -48,7 +49,7 @@ var B = D({
   },
   states: {
     open: {
-      entry: ["checkRenderedElements", "setInitialFocus"],
+      entry: ["checkRenderedElements", "syncZIndex", "setInitialFocus"],
       effects: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
       on: {
         "CONTROLLED.CLOSE": {
@@ -116,12 +117,11 @@ var B = D({
     },
     effects: {
       trackDismissableElement({ scope: e, send: t, prop: n }) {
-        return L(() => l(e), {
+        return k(() => l(e), {
           type: "dialog",
           defer: !0,
           pointerBlocking: n("modal"),
-          layerStyleTargets: [() => F(e), () => V(e)],
-          exclude: [v(e), ...g(e)].filter(Boolean),
+          exclude: d(e),
           onInteractOutside(r) {
             var o;
             (o = n("onInteractOutside")) == null || o(r), n("closeOnInteractOutside") || r.preventDefault();
@@ -141,10 +141,10 @@ var B = D({
       },
       preventScroll({ scope: e, prop: t }) {
         if (t("preventScroll"))
-          return m(e.getDoc());
+          return f(e.getDoc());
       },
       trapFocus({ scope: e, prop: t, context: n }) {
-        return t("trapFocus") ? f(() => l(e), {
+        return t("trapFocus") ? m(() => l(e), {
           preventScroll: !0,
           returnFocusOnDeactivate: !!t("restoreFocus"),
           initialFocus: t("initialFocusEl"),
@@ -152,13 +152,13 @@ var B = D({
             var u;
             const o = (u = t("finalFocusEl")) == null ? void 0 : u();
             if (o) return o;
-            const s = n.get("triggerValue");
-            if (s) {
-              const c = d(e, s);
-              if (c) return c;
+            const a = n.get("triggerValue");
+            if (a) {
+              const g = E(e, a);
+              if (g) return g;
             }
-            const a = g(e)[0];
-            return a || r;
+            const c = d(e)[0];
+            return c || r;
           },
           getShadowRoot: !0
         }) : void 0;
@@ -169,8 +169,8 @@ var B = D({
     },
     actions: {
       setInitialFocus({ prop: e, scope: t }) {
-        e("trapFocus") || E(() => {
-          const n = k({
+        e("trapFocus") || s(() => {
+          const n = D({
             root: l(t),
             getInitialEl: e("initialFocusEl")
           });
@@ -178,10 +178,20 @@ var B = D({
         });
       },
       checkRenderedElements({ context: e, scope: t }) {
-        E(() => {
+        s(() => {
           e.set("rendered", {
             title: !!T(t),
-            description: !!C(t)
+            description: !!v(t)
+          });
+        });
+      },
+      syncZIndex({ scope: e }) {
+        s(() => {
+          const t = l(e);
+          if (!t) return;
+          const n = F(t);
+          [p(e), C(e)].forEach((r) => {
+            r == null || r.style.setProperty("--z-index", n.zIndex), r == null || r.style.setProperty("--layer-index", n.getPropertyValue("--layer-index"));
           });
         });
       },
@@ -206,5 +216,5 @@ var B = D({
   }
 });
 export {
-  B as machine
+  N as machine
 };

package/dist/node_modules/@zag-js/dismissable/dist/dismissable-layer.js

@@ -1,13 +1,13 @@
 import { trackInteractOutside as x } from "../../interact-outside/dist/index.js";
 import { trackEscapeKeydown as L } from "./escape-keydown.js";
-import { layerStack as c } from "./layer-stack.js";
-import { assignPointerEventToLayers as g, disablePointerEventsOutside as K, clearPointerEvent as M } from "./pointer-event-outside.js";
-import { raf as h } from "../../dom-query/dist/raf.js";
+import { layerStack as s } from "./layer-stack.js";
+import { assignPointerEventToLayers as g, disablePointerEventsOutside as T, clearPointerEvent as K } from "./pointer-event-outside.js";
+import { raf as y } from "../../dom-query/dist/raf.js";
 import { isFunction as P } from "../../utils/dist/guard.js";
 import { warn as w } from "../../utils/dist/warning.js";
-import { getEventTarget as y } from "../../dom-query/dist/event.js";
-import { isHTMLElement as j, contains as q } from "../../dom-query/dist/node.js";
-function z(t, e) {
+import { getEventTarget as h } from "../../dom-query/dist/event.js";
+import { isHTMLElement as M, contains as j } from "../../dom-query/dist/node.js";
+function q(t, e) {
   const { warnOnMissingNode: f = !0 } = e;
   if (f && !t) {
     w("[@zag-js/dismissable] node is `null` or `undefined`");
@@ -15,81 +15,66 @@ function z(t, e) {
   }
   if (!t)
     return;
-  const {
-    onDismiss: i,
-    onRequestDismiss: n,
-    pointerBlocking: a,
-    exclude: d,
-    debug: o,
-    type: b = "dialog",
-    layerStyleTargets: k
-  } = e, B = {
-    dismiss: i,
-    node: t,
-    type: b,
-    pointerBlocking: a,
-    requestDismiss: n,
-    styleTargets: k
-  };
-  c.add(B), g();
+  const { onDismiss: n, onRequestDismiss: c, pointerBlocking: i, exclude: d, debug: o, type: b = "dialog" } = e, k = { dismiss: n, node: t, type: b, pointerBlocking: i, requestDismiss: c };
+  s.add(k), g();
+  function B(r) {
+    var u, l;
+    const a = h(r.detail.originalEvent);
+    s.isBelowPointerBlockingLayer(t) || s.isInBranch(a) || ((u = e.onPointerDownOutside) == null || u.call(e, r), (l = e.onInteractOutside) == null || l.call(e, r), !r.defaultPrevented && (o && console.log("onPointerDownOutside:", r.detail.originalEvent), n == null || n()));
+  }
   function D(r) {
     var u, l;
-    const s = y(r.detail.originalEvent);
-    c.isBelowPointerBlockingLayer(t) || c.isInBranch(s) || ((u = e.onPointerDownOutside) == null || u.call(e, r), (l = e.onInteractOutside) == null || l.call(e, r), !r.defaultPrevented && (o && console.log("onPointerDownOutside:", r.detail.originalEvent), i == null || i()));
+    const a = h(r.detail.originalEvent);
+    s.isInBranch(a) || ((u = e.onFocusOutside) == null || u.call(e, r), (l = e.onInteractOutside) == null || l.call(e, r), !r.defaultPrevented && (o && console.log("onFocusOutside:", r.detail.originalEvent), n == null || n()));
   }
   function I(r) {
-    var u, l;
-    const s = y(r.detail.originalEvent);
-    c.isInBranch(s) || ((u = e.onFocusOutside) == null || u.call(e, r), (l = e.onInteractOutside) == null || l.call(e, r), !r.defaultPrevented && (o && console.log("onFocusOutside:", r.detail.originalEvent), i == null || i()));
+    var a;
+    s.isTopMost(t) && ((a = e.onEscapeKeyDown) == null || a.call(e, r), !r.defaultPrevented && n && (r.preventDefault(), n()));
   }
   function O(r) {
-    var s;
-    c.isTopMost(t) && ((s = e.onEscapeKeyDown) == null || s.call(e, r), !r.defaultPrevented && i && (r.preventDefault(), i()));
-  }
-  function T(r) {
     var E;
     if (!t) return !1;
-    const s = typeof d == "function" ? d() : d, u = Array.isArray(s) ? s : [s], l = (E = e.persistentElements) == null ? void 0 : E.map((m) => m()).filter(j);
-    return l && u.push(...l), u.some((m) => q(m, r)) || c.isInNestedLayer(t, r);
+    const a = typeof d == "function" ? d() : d, u = Array.isArray(a) ? a : [a], l = (E = e.persistentElements) == null ? void 0 : E.map((m) => m()).filter(M);
+    return l && u.push(...l), u.some((m) => j(m, r)) || s.isInNestedLayer(t, r);
   }
   const v = [
-    a ? K(t, e.persistentElements) : void 0,
-    L(t, O),
-    x(t, { exclude: T, onFocusOutside: I, onPointerDownOutside: D, defer: e.defer })
+    i ? T(t, e.persistentElements) : void 0,
+    L(t, I),
+    x(t, { exclude: O, onFocusOutside: D, onPointerDownOutside: B, defer: e.defer })
   ];
   return () => {
-    c.remove(t), g(), M(t), v.forEach((r) => r == null ? void 0 : r());
+    s.remove(t), g(), K(t), v.forEach((r) => r == null ? void 0 : r());
   };
 }
-function G(t, e) {
-  const { defer: f } = e, i = f ? h : (a) => a(), n = [];
-  return n.push(
-    i(() => {
-      const a = P(t) ? t() : t;
-      n.push(z(a, e));
+function F(t, e) {
+  const { defer: f } = e, n = f ? y : (i) => i(), c = [];
+  return c.push(
+    n(() => {
+      const i = P(t) ? t() : t;
+      c.push(q(i, e));
     })
   ), () => {
-    n.forEach((a) => a == null ? void 0 : a());
+    c.forEach((i) => i == null ? void 0 : i());
   };
 }
-function J(t, e = {}) {
-  const { defer: f } = e, i = f ? h : (a) => a(), n = [];
-  return n.push(
-    i(() => {
-      const a = P(t) ? t() : t;
-      if (!a) {
+function G(t, e = {}) {
+  const { defer: f } = e, n = f ? y : (i) => i(), c = [];
+  return c.push(
+    n(() => {
+      const i = P(t) ? t() : t;
+      if (!i) {
         w("[@zag-js/dismissable] branch node is `null` or `undefined`");
         return;
       }
-      c.addBranch(a), n.push(() => {
-        c.removeBranch(a);
+      s.addBranch(i), c.push(() => {
+        s.removeBranch(i);
       });
     })
   ), () => {
-    n.forEach((a) => a == null ? void 0 : a());
+    c.forEach((i) => i == null ? void 0 : i());
   };
 }
 export {
-  J as trackDismissableBranch,
-  G as trackDismissableElement
+  G as trackDismissableBranch,
+  F as trackDismissableElement
 };

package/dist/node_modules/@zag-js/dismissable/dist/layer-stack.js

@@ -1,7 +1,6 @@
-import { getComputedStyle as c } from "../../dom-query/dist/computed-style.js";
-import { nextTick as h } from "../../dom-query/dist/raf.js";
-import { contains as a } from "../../dom-query/dist/node.js";
-var d = "layer:request-dismiss", o = {
+import { nextTick as d } from "../../dom-query/dist/raf.js";
+import { contains as o } from "../../dom-query/dist/node.js";
+var a = "layer:request-dismiss", c = {
   layers: [],
   branches: [],
   recentlyRemoved: /* @__PURE__ */ new Set(),
@@ -18,9 +17,9 @@ var d = "layer:request-dismiss", o = {
     return this.pointerBlockingLayers().length > 0;
   },
   isBelowPointerBlockingLayer(e) {
-    var r;
-    const t = this.indexOf(e), s = this.topMostPointerBlockingLayer() ? this.indexOf((r = this.topMostPointerBlockingLayer()) == null ? void 0 : r.node) : -1;
-    return t < s;
+    var s;
+    const t = this.indexOf(e), n = this.topMostPointerBlockingLayer() ? this.indexOf((s = this.topMostPointerBlockingLayer()) == null ? void 0 : s.node) : -1;
+    return t < n;
   },
   isTopMost(e) {
     const t = this.layers[this.count() - 1];
@@ -33,38 +32,32 @@ var d = "layer:request-dismiss", o = {
     return this.layers.filter((t) => t.type === e);
   },
   getNestedLayersByType(e, t) {
-    const s = this.indexOf(e);
-    return s === -1 ? [] : this.layers.slice(s + 1).filter((r) => r.type === t);
+    const n = this.indexOf(e);
+    return n === -1 ? [] : this.layers.slice(n + 1).filter((s) => s.type === t);
   },
   getParentLayerOfType(e, t) {
-    const s = this.indexOf(e);
-    if (!(s <= 0))
-      return this.layers.slice(0, s).reverse().find((r) => r.type === t);
+    const n = this.indexOf(e);
+    if (!(n <= 0))
+      return this.layers.slice(0, n).reverse().find((s) => s.type === t);
   },
   countNestedLayersOfType(e, t) {
     return this.getNestedLayersByType(e, t).length;
   },
   isInNestedLayer(e, t) {
-    return !!(this.getNestedLayers(e).some((r) => a(r.node, t)) || this.recentlyRemoved.size > 0);
+    return !!(this.getNestedLayers(e).some((s) => o(s.node, t)) || this.recentlyRemoved.size > 0);
   },
   isInBranch(e) {
-    return Array.from(this.branches).some((t) => a(t, e));
+    return Array.from(this.branches).some((t) => o(t, e));
   },
   add(e) {
-    const t = this.indexOf(e.node);
-    t !== -1 && this.layers.splice(t, 1), this.layers.push(e), this.syncLayers();
+    this.layers.push(e), this.syncLayers();
   },
   addBranch(e) {
     this.branches.push(e);
   },
   remove(e) {
-    var r;
     const t = this.indexOf(e);
-    if (t < 0) return;
-    (r = this.layers[t].styleTargets) == null || r.forEach((n) => {
-      const i = n();
-      i && u(i);
-    }), this.recentlyRemoved.add(e), h(() => this.recentlyRemoved.delete(e)), t < this.count() - 1 && this.getNestedLayers(e).forEach((i) => o.dismiss(i.node, e)), this.layers.splice(t, 1), this.syncLayers();
+    t < 0 || (this.recentlyRemoved.add(e), d(() => this.recentlyRemoved.delete(e)), t < this.count() - 1 && this.getNestedLayers(e).forEach((s) => c.dismiss(s.node, e)), this.layers.splice(t, 1), this.syncLayers());
   },
   removeBranch(e) {
     const t = this.branches.indexOf(e);
@@ -72,30 +65,25 @@ var d = "layer:request-dismiss", o = {
   },
   syncLayers() {
     this.layers.forEach((e, t) => {
-      var s;
-      y(e, t, e.node), (s = e.styleTargets) == null || s.forEach((r) => {
-        const n = r();
-        if (!n || n === e.node) return;
-        y(e, t, n);
-        const { zIndex: i } = c(e.node);
-        n.style.setProperty("--z-index", i);
-      });
+      e.node.style.setProperty("--layer-index", `${t}`), e.node.removeAttribute("data-nested"), e.node.removeAttribute("data-has-nested"), this.getParentLayerOfType(e.node, e.type) && e.node.setAttribute("data-nested", e.type);
+      const s = this.countNestedLayersOfType(e.node, e.type);
+      s > 0 && e.node.setAttribute("data-has-nested", e.type), e.node.style.setProperty("--nested-layer-count", `${s}`);
     });
   },
   indexOf(e) {
     return this.layers.findIndex((t) => t.node === e);
   },
   dismiss(e, t) {
-    const s = this.indexOf(e);
-    if (s === -1) return;
-    const r = this.layers[s];
-    l(e, d, (n) => {
+    const n = this.indexOf(e);
+    if (n === -1) return;
+    const s = this.layers[n];
+    y(e, a, (r) => {
       var i;
-      (i = r.requestDismiss) == null || i.call(r, n), n.defaultPrevented || r == null || r.dismiss();
-    }), f(e, d, {
+      (i = s.requestDismiss) == null || i.call(s, r), r.defaultPrevented || s == null || s.dismiss();
+    }), h(e, a, {
       originalLayer: e,
       targetLayer: t,
-      originalIndex: s,
+      originalIndex: n,
       targetIndex: t ? this.indexOf(t) : -1
     }), this.syncLayers();
   },
@@ -103,21 +91,13 @@ var d = "layer:request-dismiss", o = {
     this.remove(this.layers[0].node);
   }
 };
-function y(e, t, s) {
-  s.style.setProperty("--layer-index", `${t}`), s.removeAttribute("data-nested"), s.removeAttribute("data-has-nested"), o.getParentLayerOfType(e.node, e.type) && s.setAttribute("data-nested", e.type);
-  const n = o.countNestedLayersOfType(e.node, e.type);
-  n > 0 && s.setAttribute("data-has-nested", e.type), s.style.setProperty("--nested-layer-count", `${n}`);
+function h(e, t, n) {
+  const s = e.ownerDocument.defaultView || window, r = new s.CustomEvent(t, { cancelable: !0, bubbles: !0, detail: n });
+  return e.dispatchEvent(r);
 }
-function u(e) {
-  e.style.removeProperty("--layer-index"), e.style.removeProperty("--nested-layer-count"), e.style.removeProperty("--z-index"), e.removeAttribute("data-nested"), e.removeAttribute("data-has-nested");
-}
-function f(e, t, s) {
-  const r = e.ownerDocument.defaultView || window, n = new r.CustomEvent(t, { cancelable: !0, bubbles: !0, detail: s });
-  return e.dispatchEvent(n);
-}
-function l(e, t, s) {
-  e.addEventListener(t, s, { once: !0 });
+function y(e, t, n) {
+  e.addEventListener(t, n, { once: !0 });
 }
 export {
-  o as layerStack
+  c as layerStack
 };

package/dist/node_modules/@zag-js/dismissable/dist/pointer-event-outside.js

@@ -1,58 +1,37 @@
-import { layerStack as a } from "./layer-stack.js";
-import { getDocument as f, getWindow as v, isHTMLElement as b } from "../../dom-query/dist/node.js";
-import { waitForElement as p } from "../../dom-query/dist/wait-for.js";
-import { setStyle as d } from "../../dom-query/dist/set.js";
-var c = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
-function E(t) {
-  return a.isBelowPointerBlockingLayer(t) ? "none" : "auto";
-}
-function l(t) {
-  const r = E(t);
-  t.style.pointerEvents !== r && (t.style.pointerEvents = r);
-}
-function g(t) {
-  if (o.has(t)) return;
-  const r = v(t);
-  if (typeof r.MutationObserver > "u") return;
-  const n = new r.MutationObserver(() => {
-    o.has(t) && l(t);
-  });
-  n.observe(t, { attributes: !0, attributeFilter: ["style"] }), o.set(t, n);
-}
-function w() {
-  a.layers.forEach(({ node: t }) => {
-    l(t), g(t);
+import { layerStack as r } from "./layer-stack.js";
+import { getDocument as c, isHTMLElement as l } from "../../dom-query/dist/node.js";
+import { waitForElement as d } from "../../dom-query/dist/wait-for.js";
+import { setStyle as b } from "../../dom-query/dist/set.js";
+var s;
+function E() {
+  r.layers.forEach(({ node: o }) => {
+    o.style.pointerEvents = r.isBelowPointerBlockingLayer(o) ? "none" : "auto";
   });
 }
-function M(t) {
-  const r = o.get(t);
-  r && (r.disconnect(), o.delete(t)), t.style.pointerEvents = "";
+function h(o) {
+  o.style.pointerEvents = "";
 }
-function B(t, r) {
-  const n = f(t), u = [];
-  return a.hasPointerBlockingLayer() && !n.body.hasAttribute("data-inert") && (c.set(n.body, n.body.style.pointerEvents), queueMicrotask(() => {
-    const e = n.body;
-    e && (e.style.pointerEvents = "none", e.setAttribute("data-inert", ""));
-  })), r == null || r.forEach((e) => {
-    const [i, y] = p(
+function g(o, n) {
+  const t = c(o), i = [];
+  return r.hasPointerBlockingLayer() && !t.body.hasAttribute("data-inert") && (s = document.body.style.pointerEvents, queueMicrotask(() => {
+    t.body.style.pointerEvents = "none", t.body.setAttribute("data-inert", "");
+  })), n == null || n.forEach((a) => {
+    const [u, y] = d(
       () => {
-        const s = e();
-        return b(s) ? s : null;
+        const e = a();
+        return l(e) ? e : null;
       },
       { timeout: 1e3 }
     );
-    i.then((s) => u.push(d(s, { pointerEvents: "auto" }))), u.push(y);
+    u.then((e) => i.push(b(e, { pointerEvents: "auto" }))), i.push(y);
   }), () => {
-    a.hasPointerBlockingLayer() || (queueMicrotask(() => {
-      const e = n.body;
-      if (!e) return;
-      const i = c.get(e);
-      i !== void 0 && (e.style.pointerEvents = i, c.delete(e)), e.removeAttribute("data-inert"), e.style.length === 0 && e.removeAttribute("style");
-    }), u.forEach((e) => e()));
+    r.hasPointerBlockingLayer() || (queueMicrotask(() => {
+      t.body.style.pointerEvents = s, t.body.removeAttribute("data-inert"), t.body.style.length === 0 && t.body.removeAttribute("style");
+    }), i.forEach((a) => a()));
   };
 }
 export {
-  w as assignPointerEventToLayers,
-  M as clearPointerEvent,
-  B as disablePointerEventsOutside
+  E as assignPointerEventToLayers,
+  h as clearPointerEvent,
+  g as disablePointerEventsOutside
 };

package/dist/node_modules/@zag-js/dom-query/dist/controller.js

@@ -1,5 +1,5 @@
 import { getRootNode as g } from "./node.js";
-var E = /* @__PURE__ */ new Set(["menu", "listbox", "dialog", "grid", "tree", "region", "application"]), p = (t) => E.has(t), A = (t) => {
+var E = /* @__PURE__ */ new Set(["menu", "listbox", "dialog", "grid", "tree", "region"]), C = (t) => E.has(t), A = (t) => {
   var o;
   return ((o = t.getAttribute("aria-controls")) == null ? void 0 : o.split(" ")) || [];
 };
@@ -15,7 +15,7 @@ function S(t, o) {
         const e = i.getElementById(n);
         if (e) {
           const s = e.getAttribute("role"), f = e.getAttribute("aria-modal") === "true";
-          if (s && p(s) && !f && (e === o || e.contains(o) || l(e)))
+          if (s && C(s) && !f && (e === o || e.contains(o) || l(e)))
             return !0;
         }
       }
@@ -24,7 +24,7 @@ function S(t, o) {
   };
   return l(t);
 }
-function C(t, o) {
+function p(t, o) {
   const r = g(t), i = /* @__PURE__ */ new Set(), l = (c) => {
     const d = c.querySelectorAll("[aria-controls]");
     for (const a of d) {
@@ -45,7 +45,7 @@ function C(t, o) {
 }
 function x(t) {
   const o = /* @__PURE__ */ new Set();
-  return C(t, (r) => {
+  return p(t, (r) => {
     t.contains(r) || o.add(r);
   }), Array.from(o);
 }
@@ -66,7 +66,7 @@ function y(t) {
   return !!(o.querySelector(i) && I(t));
 }
 export {
-  C as findControlledElements,
+  p as findControlledElements,
   x as getControlledElements,
   v as hasControllerElements,
   y as isControlledByExpandedController,