@serendie/ui 2.1.3 → 2.2.0

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

@@ -1,12 +1,12 @@
 import { createAnatomy as de } from "../../anatomy/dist/index.js";
 import { mergeProps as ue, createMachine as ce, createGuards as he } from "../../core/dist/index.js";
-import { dataAttr as C, isDownloadingEvent as Y, isOpeningInNewTab as q, isSelfTarget as pe, getEventTarget as ie, isValidTabEvent as Oe, getEventKey as j, isPrintableKey as Ee, isModifierKey as me, isEditableElement as re, isContextMenuEvent as Te, getEventPoint as b, ariaAttr as Ie, isAnchorElement as fe, isHTMLElement as Pe, raf as _, observeAttributes as ye, addDomEvent as Ce, getByTypeahead as oe, clickIfLink as ve, getWindow as Re, queryAll as Se, getInitialFocus as Ne, contains as J, scrollIntoView as ke } from "../../dom-query/dist/index.js";
-import { getPlacementStyles as Le, getPlacementSide as Ae, getPlacement as Q } from "../../popper/dist/index.js";
-import { hasProp as U, cast as Z, last as Me, first as be, prev as _e, next as De } from "../../utils/dist/index.js";
-import { trackDismissableElement as He } from "../../dismissable/dist/index.js";
-import { getElementPolygon as we, isPointInPolygon as Ge } from "../../rect-utils/dist/index.js";
+import { dataAttr as C, isDownloadingEvent as J, isOpeningInNewTab as Q, isSelfTarget as pe, getEventTarget as B, isValidTabEvent as Oe, getEventKey as Z, isPrintableKey as Ee, isModifierKey as me, isEditableElement as re, isContextMenuEvent as Te, getEventPoint as b, ariaAttr as Ie, isAnchorElement as fe, isHTMLElement as Pe, raf as D, observeAttributes as ye, addDomEvent as Ce, getByTypeahead as oe, clickIfLink as Re, getWindow as ve, queryAll as Se, getInitialFocus as Ne, contains as U, scrollIntoView as ke } from "../../dom-query/dist/index.js";
+import { getPlacementStyles as Le, getPlacementSide as Ae, getPlacement as z } from "../../popper/dist/index.js";
+import { hasProp as W, cast as ee, last as Me, first as be, isEqual as De, prev as _e, next as He } from "../../utils/dist/index.js";
+import { trackDismissableElement as we } from "../../dismissable/dist/index.js";
+import { getElementPolygon as Ge, isPointInPolygon as Ve } from "../../rect-utils/dist/index.js";
 import { createProps as k } from "../../types/dist/index.js";
-var Ve = de("menu").parts(
+var Fe = de("menu").parts(
   "arrow",
   "arrowTip",
   "content",
@@ -21,7 +21,7 @@ var Ve = de("menu").parts(
   "separator",
   "trigger",
   "triggerItem"
-), E = Ve.build(), w = (e) => {
+), O = Fe.build(), w = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.trigger) ?? `menu:${e.id}:trigger`;
 }, ae = (e) => {
@@ -30,148 +30,149 @@ var Ve = de("menu").parts(
 }, S = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.content) ?? `menu:${e.id}:content`;
-}, Fe = (e) => {
+}, Ue = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.arrow) ?? `menu:${e.id}:arrow`;
 }, se = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.positioner) ?? `menu:${e.id}:popper`;
-}, Ue = (e, t) => {
-  var n, r;
-  return ((r = (n = e.ids) == null ? void 0 : n.group) == null ? void 0 : r.call(n, t)) ?? `menu:${e.id}:group:${t}`;
-}, N = (e, t) => `${e.id}/${t}`, f = (e) => (e == null ? void 0 : e.dataset.value) ?? null, z = (e, t) => {
-  var n, r;
-  return ((r = (n = e.ids) == null ? void 0 : n.groupLabel) == null ? void 0 : r.call(n, t)) ?? `menu:${e.id}:group-label:${t}`;
-}, I = (e) => e.getById(S(e)), ee = (e) => e.getById(se(e)), D = (e) => e.getById(w(e)), le = (e, t) => t ? e.getById(N(e, t)) : null, te = (e) => e.getById(ae(e)), L = (e) => {
+}, We = (e, t) => {
+  var n, i;
+  return ((i = (n = e.ids) == null ? void 0 : n.group) == null ? void 0 : i.call(n, t)) ?? `menu:${e.id}:group:${t}`;
+}, N = (e, t) => `${e.id}/${t}`, y = (e) => (e == null ? void 0 : e.dataset.value) ?? null, te = (e, t) => {
+  var n, i;
+  return ((i = (n = e.ids) == null ? void 0 : n.groupLabel) == null ? void 0 : i.call(n, t)) ?? `menu:${e.id}:group-label:${t}`;
+}, I = (e) => e.getById(S(e)), ne = (e) => e.getById(se(e)), _ = (e) => e.getById(w(e)), le = (e, t) => t ? e.getById(N(e, t)) : null, x = (e) => e.getById(ae(e)), L = (e) => {
   const n = `[role^="menuitem"][data-ownedby=${CSS.escape(S(e))}]:not([data-disabled])`;
   return Se(I(e), n);
-}, We = (e) => be(L(e)), xe = (e) => Me(L(e)), x = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Be = (e, t) => {
-  const n = L(e), r = n.findIndex((o) => x(o, t.value));
-  return De(n, r, { loop: t.loop ?? t.loopFocus });
-}, Ke = (e, t) => {
-  const n = L(e), r = n.findIndex((o) => x(o, t.value));
-  return _e(n, r, { loop: t.loop ?? t.loopFocus });
+}, xe = (e) => be(L(e)), Be = (e) => Me(L(e)), $ = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Ke = (e, t) => {
+  const n = L(e), i = n.findIndex((s) => $(s, t.value));
+  return He(n, i, { loop: t.loop ?? t.loopFocus });
 }, $e = (e, t) => {
-  const n = L(e), r = n.find((o) => x(o, t.value));
-  return oe(n, { state: t.typeaheadState, key: t.key, activeId: (r == null ? void 0 : r.id) ?? null });
-}, H = (e) => Pe(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Xe = (e) => {
+  const n = L(e), i = n.findIndex((s) => $(s, t.value));
+  return _e(n, i, { loop: t.loop ?? t.loopFocus });
+}, Xe = (e, t) => {
+  const n = L(e), i = n.find((s) => $(s, t.value));
+  return oe(n, { state: t.typeaheadState, key: t.key, activeId: (i == null ? void 0 : i.id) ?? null });
+}, H = (e) => Pe(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Ye = (e) => {
   var t;
   return !!((t = e == null ? void 0 : e.getAttribute("role")) != null && t.startsWith("menuitem")) && !!(e != null && e.hasAttribute("aria-controls"));
-}, W = "menu:select";
-function Ye(e, t) {
+}, K = "menu:select";
+function qe(e, t) {
   if (!e) return;
-  const n = Re(e), r = new n.CustomEvent(W, { detail: { value: t } });
-  e.dispatchEvent(r);
+  const n = ve(e), i = new n.CustomEvent(K, { detail: { value: t } });
+  e.dispatchEvent(i);
 }
-function ot(e, t) {
-  const { context: n, send: r, state: o, computed: g, prop: a, scope: l } = e, c = o.hasTag("open"), P = g("isSubmenu"), A = g("isTypingAhead"), B = a("composite"), K = n.get("currentPlacement"), ge = n.get("anchorPoint"), R = n.get("highlightedValue"), G = Le({
-    ...a("positioning"),
-    placement: ge ? "bottom" : K
+function at(e, t) {
+  const { context: n, send: i, state: s, computed: g, prop: o, scope: l } = e, u = s.hasTag("open"), f = n.get("isSubmenu"), P = g("isTypingAhead"), X = o("composite"), Y = n.get("currentPlacement"), ge = n.get("anchorPoint"), v = n.get("highlightedValue"), G = Le({
+    ...o("positioning"),
+    placement: ge ? "bottom" : Y
   });
-  function V(i) {
+  function V(r) {
     return {
-      id: N(l, i.value),
-      disabled: !!i.disabled,
-      highlighted: R === i.value
+      id: N(l, r.value),
+      disabled: !!r.disabled,
+      highlighted: v === r.value
     };
   }
-  function $(i) {
-    const s = i.valueText ?? i.value;
-    return { ...i, id: i.value, valueText: s };
+  function q(r) {
+    const a = r.valueText ?? r.value;
+    return { ...r, id: r.value, valueText: a };
   }
-  function M(i) {
+  function A(r) {
     return {
-      ...V($(i)),
-      checked: !!i.checked
+      ...V(q(r)),
+      checked: !!r.checked
     };
   }
-  function F(i) {
-    const { closeOnSelect: s, valueText: p, value: h } = i, O = V(i), T = N(l, h);
+  function F(r) {
+    const { closeOnSelect: a, valueText: p, value: E } = r, c = V(r), T = N(l, E);
     return t.element({
-      ...E.item.attrs,
+      ...O.item.attrs,
       id: T,
       role: "menuitem",
-      "aria-disabled": Ie(O.disabled),
-      "data-disabled": C(O.disabled),
+      "aria-disabled": Ie(c.disabled),
+      "data-disabled": C(c.disabled),
       "data-ownedby": S(l),
-      "data-highlighted": C(O.highlighted),
-      "data-value": h,
+      "data-highlighted": C(c.highlighted),
+      "data-value": E,
       "data-valuetext": p,
       onDragStart(d) {
         d.currentTarget.matches("a[href]") && d.preventDefault();
       },
       onPointerMove(d) {
-        if (O.disabled || d.pointerType !== "mouse") return;
-        const u = d.currentTarget;
-        O.highlighted || r({ type: "ITEM_POINTERMOVE", id: T, target: u, closeOnSelect: s });
+        if (c.disabled || d.pointerType !== "mouse") return;
+        const h = d.currentTarget;
+        c.highlighted || i({ type: "ITEM_POINTERMOVE", id: T, target: h, closeOnSelect: a });
       },
       onPointerLeave(d) {
-        var X;
-        if (O.disabled || d.pointerType !== "mouse" || !((X = e.event.previous()) == null ? void 0 : X.type.includes("POINTER"))) return;
-        const y = d.currentTarget;
-        r({ type: "ITEM_POINTERLEAVE", id: T, target: y, closeOnSelect: s });
+        var j;
+        if (c.disabled || d.pointerType !== "mouse" || !((j = e.event.previous()) == null ? void 0 : j.type.includes("POINTER"))) return;
+        const M = d.currentTarget;
+        i({ type: "ITEM_POINTERLEAVE", id: T, target: M, closeOnSelect: a });
       },
       onPointerDown(d) {
-        if (O.disabled) return;
-        const u = d.currentTarget;
-        r({ type: "ITEM_POINTERDOWN", target: u, id: T, closeOnSelect: s });
+        if (c.disabled) return;
+        const h = d.currentTarget;
+        i({ type: "ITEM_POINTERDOWN", target: h, id: T, closeOnSelect: a });
       },
       onClick(d) {
-        if (Y(d) || q(d) || O.disabled) return;
-        const u = d.currentTarget;
-        r({ type: "ITEM_CLICK", target: u, id: T, closeOnSelect: s });
+        if (J(d) || Q(d) || c.disabled) return;
+        const h = d.currentTarget;
+        i({ type: "ITEM_CLICK", target: h, id: T, closeOnSelect: a });
       }
     });
   }
   return {
-    highlightedValue: R,
-    open: c,
-    setOpen(i) {
-      o.hasTag("open") !== i && r({ type: i ? "OPEN" : "CLOSE" });
+    highlightedValue: v,
+    open: u,
+    setOpen(r) {
+      s.hasTag("open") !== r && i({ type: r ? "OPEN" : "CLOSE" });
     },
-    setHighlightedValue(i) {
-      r({ type: "HIGHLIGHTED.SET", value: i });
+    setHighlightedValue(r) {
+      i({ type: "HIGHLIGHTED.SET", value: r });
     },
-    setParent(i) {
-      r({ type: "PARENT.SET", value: i, id: i.prop("id") });
+    setParent(r) {
+      i({ type: "PARENT.SET", value: r, id: r.prop("id") });
     },
-    setChild(i) {
-      r({ type: "CHILD.SET", value: i, id: i.prop("id") });
+    setChild(r) {
+      i({ type: "CHILD.SET", value: r, id: r.prop("id") });
     },
-    reposition(i = {}) {
-      r({ type: "POSITIONING.SET", options: i });
+    reposition(r = {}) {
+      i({ type: "POSITIONING.SET", options: r });
     },
-    addItemListener(i) {
-      const s = l.getById(i.id);
-      if (!s) return;
+    addItemListener(r) {
+      const a = l.getById(r.id);
+      if (!a) return;
       const p = () => {
-        var h;
-        return (h = i.onSelect) == null ? void 0 : h.call(i);
+        var E;
+        return (E = r.onSelect) == null ? void 0 : E.call(r);
       };
-      return s.addEventListener(W, p), () => s.removeEventListener(W, p);
+      return a.addEventListener(K, p), () => a.removeEventListener(K, p);
     },
     getContextTriggerProps() {
       return t.element({
-        ...E.contextTrigger.attrs,
-        dir: a("dir"),
+        ...O.contextTrigger.attrs,
+        dir: o("dir"),
         id: ae(l),
-        onPointerDown(i) {
-          if (i.pointerType === "mouse") return;
-          const s = b(i);
-          r({ type: "CONTEXT_MENU_START", point: s });
+        "data-state": u ? "open" : "closed",
+        onPointerDown(r) {
+          if (r.pointerType === "mouse") return;
+          const a = b(r);
+          i({ type: "CONTEXT_MENU_START", point: a });
         },
-        onPointerCancel(i) {
-          i.pointerType !== "mouse" && r({ type: "CONTEXT_MENU_CANCEL" });
+        onPointerCancel(r) {
+          r.pointerType !== "mouse" && i({ type: "CONTEXT_MENU_CANCEL" });
         },
-        onPointerMove(i) {
-          i.pointerType !== "mouse" && r({ type: "CONTEXT_MENU_CANCEL" });
+        onPointerMove(r) {
+          r.pointerType !== "mouse" && i({ type: "CONTEXT_MENU_CANCEL" });
         },
-        onPointerUp(i) {
-          i.pointerType !== "mouse" && r({ type: "CONTEXT_MENU_CANCEL" });
+        onPointerUp(r) {
+          r.pointerType !== "mouse" && i({ type: "CONTEXT_MENU_CANCEL" });
         },
-        onContextMenu(i) {
-          const s = b(i);
-          r({ type: "CONTEXT_MENU", point: s }), i.preventDefault();
+        onContextMenu(r) {
+          const a = b(r);
+          i({ type: "CONTEXT_MENU", point: a }), r.preventDefault();
         },
         style: {
           WebkitTouchCallout: "none",
@@ -180,232 +181,232 @@ function ot(e, t) {
         }
       });
     },
-    getTriggerItemProps(i) {
-      const s = i.getTriggerProps();
-      return ue(F({ value: s.id }), s);
+    getTriggerItemProps(r) {
+      const a = r.getTriggerProps();
+      return ue(F({ value: a.id }), a);
     },
     getTriggerProps() {
       return t.button({
-        ...P ? E.triggerItem.attrs : E.trigger.attrs,
+        ...f ? O.triggerItem.attrs : O.trigger.attrs,
         "data-placement": n.get("currentPlacement"),
         type: "button",
-        dir: a("dir"),
+        dir: o("dir"),
         id: w(l),
-        "data-uid": a("id"),
-        "aria-haspopup": B ? "menu" : "dialog",
+        "data-uid": o("id"),
+        "aria-haspopup": X ? "menu" : "dialog",
         "aria-controls": S(l),
-        "aria-expanded": c || void 0,
-        "data-state": c ? "open" : "closed",
-        onPointerMove(i) {
-          if (i.pointerType !== "mouse" || H(i.currentTarget) || !P) return;
-          const p = b(i);
-          r({ type: "TRIGGER_POINTERMOVE", target: i.currentTarget, point: p });
+        "aria-expanded": u || void 0,
+        "data-state": u ? "open" : "closed",
+        onPointerMove(r) {
+          if (r.pointerType !== "mouse" || H(r.currentTarget) || !f) return;
+          const p = b(r);
+          i({ type: "TRIGGER_POINTERMOVE", target: r.currentTarget, point: p });
         },
-        onPointerLeave(i) {
-          if (H(i.currentTarget) || i.pointerType !== "mouse" || !P) return;
-          const s = b(i);
-          r({
+        onPointerLeave(r) {
+          if (H(r.currentTarget) || r.pointerType !== "mouse" || !f) return;
+          const a = b(r);
+          i({
             type: "TRIGGER_POINTERLEAVE",
-            target: i.currentTarget,
-            point: s
+            target: r.currentTarget,
+            point: a
           });
         },
-        onPointerDown(i) {
-          H(i.currentTarget) || Te(i) || i.preventDefault();
+        onPointerDown(r) {
+          H(r.currentTarget) || Te(r) || r.preventDefault();
         },
-        onClick(i) {
-          i.defaultPrevented || H(i.currentTarget) || r({ type: "TRIGGER_CLICK", target: i.currentTarget });
+        onClick(r) {
+          r.defaultPrevented || H(r.currentTarget) || i({ type: "TRIGGER_CLICK", target: r.currentTarget });
         },
         onBlur() {
-          r({ type: "TRIGGER_BLUR" });
+          i({ type: "TRIGGER_BLUR" });
         },
         onFocus() {
-          r({ type: "TRIGGER_FOCUS" });
+          i({ type: "TRIGGER_FOCUS" });
         },
-        onKeyDown(i) {
-          if (i.defaultPrevented) return;
-          const s = {
+        onKeyDown(r) {
+          if (r.defaultPrevented) return;
+          const a = {
             ArrowDown() {
-              r({ type: "ARROW_DOWN" });
+              i({ type: "ARROW_DOWN" });
             },
             ArrowUp() {
-              r({ type: "ARROW_UP" });
+              i({ type: "ARROW_UP" });
             },
             Enter() {
-              r({ type: "ARROW_DOWN", src: "enter" });
+              i({ type: "ARROW_DOWN", src: "enter" });
             },
             Space() {
-              r({ type: "ARROW_DOWN", src: "space" });
+              i({ type: "ARROW_DOWN", src: "space" });
             }
-          }, p = j(i, {
+          }, p = Z(r, {
             orientation: "vertical",
-            dir: a("dir")
-          }), h = s[p];
-          h && (i.preventDefault(), h(i));
+            dir: o("dir")
+          }), E = a[p];
+          E && (r.preventDefault(), E(r));
         }
       });
     },
     getIndicatorProps() {
       return t.element({
-        ...E.indicator.attrs,
-        dir: a("dir"),
-        "data-state": c ? "open" : "closed"
+        ...O.indicator.attrs,
+        dir: o("dir"),
+        "data-state": u ? "open" : "closed"
       });
     },
     getPositionerProps() {
       return t.element({
-        ...E.positioner.attrs,
-        dir: a("dir"),
+        ...O.positioner.attrs,
+        dir: o("dir"),
         id: se(l),
         style: G.floating
       });
     },
     getArrowProps() {
       return t.element({
-        id: Fe(l),
-        ...E.arrow.attrs,
-        dir: a("dir"),
+        id: Ue(l),
+        ...O.arrow.attrs,
+        dir: o("dir"),
         style: G.arrow
       });
     },
     getArrowTipProps() {
       return t.element({
-        ...E.arrowTip.attrs,
-        dir: a("dir"),
+        ...O.arrowTip.attrs,
+        dir: o("dir"),
         style: G.arrowTip
       });
     },
     getContentProps() {
       return t.element({
-        ...E.content.attrs,
+        ...O.content.attrs,
         id: S(l),
-        "aria-label": a("aria-label"),
-        hidden: !c,
-        "data-state": c ? "open" : "closed",
-        role: B ? "menu" : "dialog",
+        "aria-label": o("aria-label"),
+        hidden: !u,
+        "data-state": u ? "open" : "closed",
+        role: X ? "menu" : "dialog",
         tabIndex: 0,
-        dir: a("dir"),
+        dir: o("dir"),
         "aria-activedescendant": g("highlightedId") || void 0,
         "aria-labelledby": w(l),
-        "data-placement": K,
-        onPointerEnter(i) {
-          i.pointerType === "mouse" && r({ type: "MENU_POINTERENTER" });
+        "data-placement": Y,
+        onPointerEnter(r) {
+          r.pointerType === "mouse" && i({ type: "MENU_POINTERENTER" });
         },
-        onKeyDown(i) {
-          if (i.defaultPrevented || !pe(i)) return;
-          const s = ie(i);
-          if (!((s == null ? void 0 : s.closest("[role=menu]")) === i.currentTarget || s === i.currentTarget)) return;
-          if (i.key === "Tab" && !Oe(i)) {
-            i.preventDefault();
+        onKeyDown(r) {
+          if (r.defaultPrevented || !pe(r)) return;
+          const a = B(r);
+          if (!((a == null ? void 0 : a.closest("[role=menu]")) === r.currentTarget || a === r.currentTarget)) return;
+          if (r.key === "Tab" && !Oe(r)) {
+            r.preventDefault();
             return;
           }
-          const h = le(l, R), O = {
+          const E = le(l, v), c = {
             ArrowDown() {
-              r({ type: "ARROW_DOWN" });
+              i({ type: "ARROW_DOWN" });
             },
             ArrowUp() {
-              r({ type: "ARROW_UP" });
+              i({ type: "ARROW_UP" });
             },
             ArrowLeft() {
-              r({ type: "ARROW_LEFT" });
+              i({ type: "ARROW_LEFT" });
             },
             ArrowRight() {
-              r({ type: "ARROW_RIGHT" });
+              i({ type: "ARROW_RIGHT" });
             },
             Enter() {
-              var u;
-              r({ type: "ENTER" }), R != null && fe(h) && ((u = a("navigate")) == null || u({ value: R, node: h, href: h.href }));
+              var h;
+              i({ type: "ENTER" }), v != null && fe(E) && ((h = o("navigate")) == null || h({ value: v, node: E, href: E.href }));
             },
-            Space(u) {
-              var y;
-              A ? r({ type: "TYPEAHEAD", key: u.key }) : (y = O.Enter) == null || y.call(O, u);
+            Space(h) {
+              var M;
+              P ? i({ type: "TYPEAHEAD", key: h.key }) : (M = c.Enter) == null || M.call(c, h);
             },
             Home() {
-              r({ type: "HOME" });
+              i({ type: "HOME" });
             },
             End() {
-              r({ type: "END" });
+              i({ type: "END" });
             }
-          }, T = j(i, { dir: a("dir") }), d = O[T];
+          }, T = Z(r, { dir: o("dir") }), d = c[T];
           if (d) {
-            d(i), i.stopPropagation(), i.preventDefault();
+            d(r), r.stopPropagation(), r.preventDefault();
             return;
           }
-          a("typeahead") && Ee(i) && (me(i) || re(s) || (r({ type: "TYPEAHEAD", key: i.key }), i.preventDefault()));
+          o("typeahead") && Ee(r) && (me(r) || re(a) || (i({ type: "TYPEAHEAD", key: r.key }), r.preventDefault()));
         }
       });
     },
     getSeparatorProps() {
       return t.element({
-        ...E.separator.attrs,
+        ...O.separator.attrs,
         role: "separator",
-        dir: a("dir"),
+        dir: o("dir"),
         "aria-orientation": "horizontal"
       });
     },
     getItemState: V,
     getItemProps: F,
-    getOptionItemState: M,
-    getOptionItemProps(i) {
-      const { type: s, disabled: p, onCheckedChange: h, closeOnSelect: O } = i, T = $(i), d = M(i);
+    getOptionItemState: A,
+    getOptionItemProps(r) {
+      const { type: a, disabled: p, closeOnSelect: E } = r, c = q(r), T = A(r);
       return {
-        ...F(T),
+        ...F(c),
         ...t.element({
-          "data-type": s,
-          ...E.item.attrs,
-          dir: a("dir"),
-          "data-value": T.value,
-          role: `menuitem${s}`,
-          "aria-checked": !!d.checked,
-          "data-state": d.checked ? "checked" : "unchecked",
-          onClick(u) {
-            if (p || Y(u) || q(u)) return;
-            const y = u.currentTarget;
-            r({ type: "ITEM_CLICK", target: y, option: T, closeOnSelect: O }), h == null || h(!d.checked);
+          "data-type": a,
+          ...O.item.attrs,
+          dir: o("dir"),
+          "data-value": c.value,
+          role: `menuitem${a}`,
+          "aria-checked": !!T.checked,
+          "data-state": T.checked ? "checked" : "unchecked",
+          onClick(d) {
+            if (p || J(d) || Q(d)) return;
+            const h = d.currentTarget;
+            i({ type: "ITEM_CLICK", target: h, option: c, closeOnSelect: E });
           }
         })
       };
     },
-    getItemIndicatorProps(i) {
-      const s = M(Z(i)), p = s.checked ? "checked" : "unchecked";
+    getItemIndicatorProps(r) {
+      const a = A(ee(r)), p = a.checked ? "checked" : "unchecked";
       return t.element({
-        ...E.itemIndicator.attrs,
-        dir: a("dir"),
-        "data-disabled": C(s.disabled),
-        "data-highlighted": C(s.highlighted),
-        "data-state": U(i, "checked") ? p : void 0,
-        hidden: U(i, "checked") ? !s.checked : void 0
+        ...O.itemIndicator.attrs,
+        dir: o("dir"),
+        "data-disabled": C(a.disabled),
+        "data-highlighted": C(a.highlighted),
+        "data-state": W(r, "checked") ? p : void 0,
+        hidden: W(r, "checked") ? !a.checked : void 0
       });
     },
-    getItemTextProps(i) {
-      const s = M(Z(i)), p = s.checked ? "checked" : "unchecked";
+    getItemTextProps(r) {
+      const a = A(ee(r)), p = a.checked ? "checked" : "unchecked";
       return t.element({
-        ...E.itemText.attrs,
-        dir: a("dir"),
-        "data-disabled": C(s.disabled),
-        "data-highlighted": C(s.highlighted),
-        "data-state": U(i, "checked") ? p : void 0
+        ...O.itemText.attrs,
+        dir: o("dir"),
+        "data-disabled": C(a.disabled),
+        "data-highlighted": C(a.highlighted),
+        "data-state": W(r, "checked") ? p : void 0
       });
     },
-    getItemGroupLabelProps(i) {
+    getItemGroupLabelProps(r) {
       return t.element({
-        ...E.itemGroupLabel.attrs,
-        id: z(l, i.htmlFor),
-        dir: a("dir")
+        ...O.itemGroupLabel.attrs,
+        id: te(l, r.htmlFor),
+        dir: o("dir")
       });
     },
-    getItemGroupProps(i) {
+    getItemGroupProps(r) {
       return t.element({
-        id: Ue(l, i.id),
-        ...E.itemGroup.attrs,
-        dir: a("dir"),
-        "aria-labelledby": z(l, i.id),
+        id: We(l, r.id),
+        ...O.itemGroup.attrs,
+        dir: o("dir"),
+        "aria-labelledby": te(l, r.id),
         role: "group"
       });
     }
   };
 }
-var { not: m, and: v, or: qe } = he(), at = ce({
+var { not: m, and: R, or: je } = he(), st = ce({
   props({ props: e }) {
     return {
       closeOnSelect: !0,
@@ -413,7 +414,7 @@ var { not: m, and: v, or: qe } = he(), at = ce({
       composite: !0,
       loopFocus: !1,
       navigate(t) {
-        ve(t.node);
+        Re(t.node);
       },
       ...e,
       positioning: {
@@ -435,8 +436,8 @@ var { not: m, and: v, or: qe } = he(), at = ce({
         defaultValue: t("defaultHighlightedValue") || null,
         value: t("highlightedValue"),
         onChange(n) {
-          var r;
-          (r = t("onHighlightChange")) == null || r({ highlightedValue: n });
+          var i;
+          (i = t("onHighlightChange")) == null || i({ highlightedValue: n });
         }
       })),
       lastHighlightedValue: e(() => ({
@@ -453,6 +454,9 @@ var { not: m, and: v, or: qe } = he(), at = ce({
         hash(n) {
           return `x: ${n == null ? void 0 : n.x}, y: ${n == null ? void 0 : n.y}`;
         }
+      })),
+      isSubmenu: e(() => ({
+        defaultValue: !1
       }))
     };
   },
@@ -465,17 +469,16 @@ var { not: m, and: v, or: qe } = he(), at = ce({
     };
   },
   computed: {
-    isSubmenu: ({ refs: e }) => e.get("parent") != null,
     isRtl: ({ prop: e }) => e("dir") === "rtl",
     isTypingAhead: ({ refs: e }) => e.get("typeaheadState").keysSoFar !== "",
-    highlightedId: ({ context: e, scope: t, refs: n }) => Je(n.get("children"), e.get("highlightedValue"), t)
+    highlightedId: ({ context: e, scope: t, refs: n }) => Qe(n.get("children"), e.get("highlightedValue"), t)
   },
-  watch({ track: e, action: t, context: n, computed: r, prop: o }) {
-    e([() => r("isSubmenu")], () => {
+  watch({ track: e, action: t, context: n, prop: i }) {
+    e([() => n.get("isSubmenu")], () => {
       t(["setSubmenuPlacement"]);
     }), e([() => n.hash("anchorPoint")], () => {
-      t(["reposition"]);
-    }), e([() => o("open")], () => {
+      n.get("anchorPoint") && t(["reposition"]);
+    }), e([() => i("open")], () => {
       t(["toggleVisibility"]);
     });
   },
@@ -678,11 +681,11 @@ var { not: m, and: v, or: qe } = he(), at = ce({
     },
     closed: {
       tags: ["closed"],
-      entry: ["clearHighlightedItem", "focusTrigger", "resumePointer"],
+      entry: ["clearHighlightedItem", "focusTrigger", "resumePointer", "clearAnchorPoint"],
       on: {
         "CONTROLLED.OPEN": [
           {
-            guard: qe("isOpenAutoFocusEvent", "isArrowDownEvent"),
+            guard: je("isOpenAutoFocusEvent", "isArrowDownEvent"),
             target: "open",
             actions: ["highlightFirstItem"]
           },
@@ -763,7 +766,7 @@ var { not: m, and: v, or: qe } = he(), at = ce({
         ],
         TRIGGER_CLICK: [
           {
-            guard: v(m("isTriggerItem"), "isOpenControlled"),
+            guard: R(m("isTriggerItem"), "isOpenControlled"),
             actions: ["invokeOnClose"]
           },
           {
@@ -783,7 +786,7 @@ var { not: m, and: v, or: qe } = he(), at = ce({
         },
         ARROW_LEFT: [
           {
-            guard: v("isSubmenu", "isOpenControlled"),
+            guard: R("isSubmenu", "isOpenControlled"),
             actions: ["invokeOnClose"]
           },
           {
@@ -821,13 +824,13 @@ var { not: m, and: v, or: qe } = he(), at = ce({
           }
         ],
         ITEM_POINTERLEAVE: {
-          guard: v(m("isPointerSuspended"), m("isTriggerItem")),
+          guard: R(m("isPointerSuspended"), m("isTriggerItem")),
           actions: ["clearHighlightedItem"]
         },
         ITEM_CLICK: [
           // == grouped ==
           {
-            guard: v(
+            guard: R(
               m("isTriggerItemHighlighted"),
               m("isHighlightedItemEditable"),
               "closeOnSelect",
@@ -836,13 +839,13 @@ var { not: m, and: v, or: qe } = he(), at = ce({
             actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
           },
           {
-            guard: v(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable"), "closeOnSelect"),
+            guard: R(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable"), "closeOnSelect"),
             target: "closed",
             actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
           },
           //
           {
-            guard: v(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable")),
+            guard: R(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable")),
             actions: ["invokeOnSelect", "setOptionState"]
           },
           { actions: ["setHighlightedItem"] }
@@ -873,13 +876,13 @@ var { not: m, and: v, or: qe } = he(), at = ce({
     guards: {
       closeOnSelect: ({ prop: e, event: t }) => !!((t == null ? void 0 : t.closeOnSelect) ?? e("closeOnSelect")),
       // whether the trigger is also a menu item
-      isTriggerItem: ({ event: e }) => Xe(e.target),
+      isTriggerItem: ({ event: e }) => Ye(e.target),
       // whether the trigger item is the active item
       isTriggerItemHighlighted: ({ event: e, scope: t, computed: n }) => {
-        const r = e.target ?? t.getById(n("highlightedId"));
-        return !!(r != null && r.hasAttribute("aria-controls"));
+        const i = e.target ?? t.getById(n("highlightedId"));
+        return !!(i != null && i.hasAttribute("aria-controls"));
       },
-      isSubmenu: ({ computed: e }) => e("isSubmenu"),
+      isSubmenu: ({ context: e }) => e.get("isSubmenu"),
       isPointerSuspended: ({ context: e }) => e.get("suspendPointer"),
       isHighlightedItemEditable: ({ scope: e, computed: t }) => re(e.getById(t("highlightedId"))),
       // guard assertions (for controlled mode)
@@ -920,119 +923,132 @@ var { not: m, and: v, or: qe } = he(), at = ce({
         }, 700);
         return () => clearTimeout(t);
       },
-      trackPositioning({ context: e, prop: t, scope: n, refs: r }) {
-        if (te(n)) return;
-        const o = {
+      trackPositioning({ context: e, prop: t, scope: n, refs: i }) {
+        if (x(n)) return;
+        const s = {
           ...t("positioning"),
-          ...r.get("positioningOverride")
+          ...i.get("positioningOverride")
         };
-        e.set("currentPlacement", o.placement);
-        const g = () => ee(n);
-        return Q(D(n), g, {
-          ...o,
+        e.set("currentPlacement", s.placement);
+        const g = () => ne(n);
+        return z(_(n), g, {
+          ...s,
           defer: !0,
-          onComplete(a) {
-            e.set("currentPlacement", a.placement);
+          onComplete(o) {
+            e.set("currentPlacement", o.placement);
           }
         });
       },
-      trackInteractOutside({ refs: e, scope: t, prop: n, computed: r, send: o }) {
+      trackInteractOutside({ refs: e, scope: t, prop: n, context: i, send: s }) {
         const g = () => I(t);
-        let a = !0;
-        return He(g, {
+        let o = !0;
+        return we(g, {
           defer: !0,
-          exclude: [D(t)],
+          exclude: [_(t)],
           onInteractOutside: n("onInteractOutside"),
-          onFocusOutside: n("onFocusOutside"),
+          onRequestDismiss: n("onRequestDismiss"),
+          onFocusOutside(l) {
+            var P;
+            (P = n("onFocusOutside")) == null || P(l);
+            const u = B(l.detail.originalEvent);
+            if (U(x(t), u)) {
+              l.preventDefault();
+              return;
+            }
+          },
           onEscapeKeyDown(l) {
-            var c;
-            (c = n("onEscapeKeyDown")) == null || c(l), r("isSubmenu") && l.preventDefault(), ne({ parent: e.get("parent") });
+            var u;
+            (u = n("onEscapeKeyDown")) == null || u(l), i.get("isSubmenu") && l.preventDefault(), ie({ parent: e.get("parent") });
           },
           onPointerDownOutside(l) {
-            var A;
-            const c = ie(l.detail.originalEvent);
-            if (J(te(t), c) && l.detail.contextmenu) {
+            var P;
+            (P = n("onPointerDownOutside")) == null || P(l);
+            const u = B(l.detail.originalEvent);
+            if (U(x(t), u) && l.detail.contextmenu) {
               l.preventDefault();
               return;
             }
-            a = !l.detail.focusable, (A = n("onPointerDownOutside")) == null || A(l);
+            o = !l.detail.focusable;
           },
           onDismiss() {
-            o({ type: "CLOSE", src: "interact-outside", restoreFocus: a });
+            s({ type: "CLOSE", src: "interact-outside", restoreFocus: o });
           }
         });
       },
-      trackPointerMove({ context: e, scope: t, send: n, refs: r, flush: o }) {
-        const g = r.get("parent");
-        o(() => {
+      trackPointerMove({ context: e, scope: t, send: n, refs: i, flush: s }) {
+        const g = i.get("parent");
+        s(() => {
           g.context.set("suspendPointer", !0);
         });
-        const a = t.getDoc();
-        return Ce(a, "pointermove", (l) => {
-          je(e.get("intentPolygon"), {
+        const o = t.getDoc();
+        return Ce(o, "pointermove", (l) => {
+          Je(e.get("intentPolygon"), {
             x: l.clientX,
             y: l.clientY
           }) || (n({ type: "POINTER_MOVED_AWAY_FROM_SUBMENU" }), g.context.set("suspendPointer", !1));
         });
       },
       scrollToHighlightedItem({ event: e, scope: t, computed: n }) {
-        const r = () => {
+        const i = () => {
           if (e.type.startsWith("ITEM_POINTER")) return;
-          const g = t.getById(n("highlightedId")), a = I(t);
-          ke(g, { rootEl: a, block: "nearest" });
+          const g = t.getById(n("highlightedId")), o = I(t);
+          ke(g, { rootEl: o, block: "nearest" });
         };
-        return _(() => r()), ye(() => I(t), {
+        return D(() => i()), ye(() => I(t), {
           defer: !0,
           attributes: ["aria-activedescendant"],
-          callback: r
+          callback: i
         });
       }
     },
     actions: {
       setAnchorPoint({ context: e, event: t }) {
-        e.set("anchorPoint", t.point);
+        e.set("anchorPoint", (n) => De(n, t.point) ? n : t.point);
       },
-      setSubmenuPlacement({ computed: e, refs: t }) {
-        if (!e("isSubmenu")) return;
-        const n = e("isRtl") ? "left-start" : "right-start";
-        t.set("positioningOverride", { placement: n, gutter: 0 });
+      setSubmenuPlacement({ context: e, computed: t, refs: n }) {
+        if (!e.get("isSubmenu")) return;
+        const i = t("isRtl") ? "left-start" : "right-start";
+        n.set("positioningOverride", { placement: i, gutter: 0 });
       },
-      reposition({ context: e, scope: t, prop: n, event: r, refs: o }) {
-        const g = () => ee(t), a = e.get("anchorPoint"), l = a ? () => ({ width: 0, height: 0, ...a }) : void 0, c = {
+      reposition({ context: e, scope: t, prop: n, event: i, refs: s }) {
+        const g = () => ne(t), o = e.get("anchorPoint"), l = o ? () => ({ width: 0, height: 0, ...o }) : void 0, u = {
           ...n("positioning"),
-          ...o.get("positioningOverride")
+          ...s.get("positioningOverride")
         };
-        Q(D(t), g, {
-          ...c,
+        z(_(t), g, {
+          ...u,
           defer: !0,
           getAnchorRect: l,
-          ...r.options ?? {},
+          ...i.options ?? {},
           listeners: !1,
-          onComplete(P) {
-            e.set("currentPlacement", P.placement);
+          onComplete(f) {
+            e.set("currentPlacement", f.placement);
           }
         });
       },
       setOptionState({ event: e }) {
         if (!e.option) return;
-        const { checked: t, onCheckedChange: n, type: r } = e.option;
-        r === "radio" ? n == null || n(!0) : r === "checkbox" && (n == null || n(!t));
+        const { checked: t, onCheckedChange: n, type: i } = e.option;
+        i === "radio" ? n == null || n(!0) : i === "checkbox" && (n == null || n(!t));
       },
       clickHighlightedItem({ scope: e, computed: t }) {
         const n = e.getById(t("highlightedId"));
         !n || n.dataset.disabled || queueMicrotask(() => n.click());
       },
       setIntentPolygon({ context: e, scope: t, event: n }) {
-        const r = I(t), o = e.get("currentPlacement");
-        if (!r || !o) return;
-        const g = r.getBoundingClientRect(), a = we(g, o);
-        if (!a) return;
-        const c = Ae(o) === "right" ? -5 : 5;
-        e.set("intentPolygon", [{ ...n.point, x: n.point.x + c }, ...a]);
+        const i = I(t), s = e.get("currentPlacement");
+        if (!i || !s) return;
+        const g = i.getBoundingClientRect(), o = Ge(g, s);
+        if (!o) return;
+        const u = Ae(s) === "right" ? -5 : 5;
+        e.set("intentPolygon", [{ ...n.point, x: n.point.x + u }, ...o]);
       },
       clearIntentPolygon({ context: e }) {
         e.set("intentPolygon", null);
       },
+      clearAnchorPoint({ context: e }) {
+        e.set("anchorPoint", null);
+      },
       resumePointer({ refs: e, flush: t }) {
         const n = e.get("parent");
         n && t(() => {
@@ -1040,94 +1056,94 @@ var { not: m, and: v, or: qe } = he(), at = ce({
         });
       },
       setHighlightedItem({ context: e, event: t }) {
-        const n = t.value || f(t.target);
+        const n = t.value || y(t.target);
         e.set("highlightedValue", n);
       },
       clearHighlightedItem({ context: e }) {
         e.set("highlightedValue", null);
       },
       focusMenu({ scope: e }) {
-        _(() => {
+        D(() => {
           const t = I(e), n = Ne({
             root: t,
-            enabled: !J(t, e.getActiveElement()),
-            filter(r) {
-              var o;
-              return !((o = r.role) != null && o.startsWith("menuitem"));
+            enabled: !U(t, e.getActiveElement()),
+            filter(i) {
+              var s;
+              return !((s = i.role) != null && s.startsWith("menuitem"));
             }
           });
           n == null || n.focus({ preventScroll: !0 });
         });
       },
       highlightFirstItem({ context: e, scope: t }) {
-        (I(t) ? queueMicrotask : _)(() => {
-          const r = We(t);
-          r && e.set("highlightedValue", f(r));
+        (I(t) ? queueMicrotask : D)(() => {
+          const i = xe(t);
+          i && e.set("highlightedValue", y(i));
         });
       },
       highlightLastItem({ context: e, scope: t }) {
-        (I(t) ? queueMicrotask : _)(() => {
-          const r = xe(t);
-          r && e.set("highlightedValue", f(r));
+        (I(t) ? queueMicrotask : D)(() => {
+          const i = Be(t);
+          i && e.set("highlightedValue", y(i));
         });
       },
-      highlightNextItem({ context: e, scope: t, event: n, prop: r }) {
-        const o = Be(t, {
+      highlightNextItem({ context: e, scope: t, event: n, prop: i }) {
+        const s = Ke(t, {
           loop: n.loop,
           value: e.get("highlightedValue"),
-          loopFocus: r("loopFocus")
+          loopFocus: i("loopFocus")
         });
-        e.set("highlightedValue", f(o));
+        e.set("highlightedValue", y(s));
       },
-      highlightPrevItem({ context: e, scope: t, event: n, prop: r }) {
-        const o = Ke(t, {
+      highlightPrevItem({ context: e, scope: t, event: n, prop: i }) {
+        const s = $e(t, {
           loop: n.loop,
           value: e.get("highlightedValue"),
-          loopFocus: r("loopFocus")
+          loopFocus: i("loopFocus")
         });
-        e.set("highlightedValue", f(o));
+        e.set("highlightedValue", y(s));
       },
       invokeOnSelect({ context: e, prop: t, scope: n }) {
         var g;
-        const r = e.get("highlightedValue");
-        if (r == null) return;
-        const o = le(n, r);
-        Ye(o, r), (g = t("onSelect")) == null || g({ value: r });
+        const i = e.get("highlightedValue");
+        if (i == null) return;
+        const s = le(n, i);
+        qe(s, i), (g = t("onSelect")) == null || g({ value: i });
       },
-      focusTrigger({ scope: e, context: t, event: n, computed: r }) {
-        r("isSubmenu") || t.get("anchorPoint") || n.restoreFocus === !1 || queueMicrotask(() => {
-          var o;
-          return (o = D(e)) == null ? void 0 : o.focus({ preventScroll: !0 });
+      focusTrigger({ scope: e, context: t, event: n }) {
+        t.get("isSubmenu") || t.get("anchorPoint") || n.restoreFocus === !1 || queueMicrotask(() => {
+          var i;
+          return (i = _(e)) == null ? void 0 : i.focus({ preventScroll: !0 });
         });
       },
-      highlightMatchedItem({ scope: e, context: t, event: n, refs: r }) {
-        const o = $e(e, {
+      highlightMatchedItem({ scope: e, context: t, event: n, refs: i }) {
+        const s = Xe(e, {
           key: n.key,
           value: t.get("highlightedValue"),
-          typeaheadState: r.get("typeaheadState")
+          typeaheadState: i.get("typeaheadState")
         });
-        o && t.set("highlightedValue", f(o));
+        s && t.set("highlightedValue", y(s));
       },
-      setParentMenu({ refs: e, event: t }) {
-        e.set("parent", t.value);
+      setParentMenu({ refs: e, event: t, context: n }) {
+        e.set("parent", t.value), n.set("isSubmenu", !0);
       },
       setChildMenu({ refs: e, event: t }) {
         const n = e.get("children");
         n[t.id] = t.value, e.set("children", n);
       },
       closeRootMenu({ refs: e }) {
-        ne({ parent: e.get("parent") });
+        ie({ parent: e.get("parent") });
       },
       openSubmenu({ refs: e, scope: t, computed: n }) {
-        const r = t.getById(n("highlightedId")), o = r == null ? void 0 : r.getAttribute("data-uid"), g = e.get("children"), a = o ? g[o] : null;
-        a == null || a.send({ type: "OPEN_AUTOFOCUS" });
+        const i = t.getById(n("highlightedId")), s = i == null ? void 0 : i.getAttribute("data-uid"), g = e.get("children"), o = s ? g[s] : null;
+        o == null || o.send({ type: "OPEN_AUTOFOCUS" });
       },
       focusParentMenu({ refs: e }) {
         var t;
         (t = e.get("parent")) == null || t.send({ type: "FOCUS_MENU" });
       },
       setLastHighlightedItem({ context: e, event: t }) {
-        e.set("lastHighlightedValue", f(t.target));
+        e.set("lastHighlightedValue", y(t.target));
       },
       restoreHighlightedItem({ context: e }) {
         e.get("lastHighlightedValue") && (e.set("highlightedValue", e.get("lastHighlightedValue")), e.set("lastHighlightedValue", null));
@@ -1153,24 +1169,24 @@ var { not: m, and: v, or: qe } = he(), at = ce({
     }
   }
 });
-function ne(e) {
+function ie(e) {
   let t = e.parent;
-  for (; t && t.computed("isSubmenu"); )
+  for (; t && t.context.get("isSubmenu"); )
     t = t.refs.get("parent");
   t == null || t.send({ type: "CLOSE" });
 }
-function je(e, t) {
-  return e ? Ge(e, t) : !1;
+function Je(e, t) {
+  return e ? Ve(e, t) : !1;
 }
-function Je(e, t, n) {
-  const r = Object.keys(e).length > 0;
+function Qe(e, t, n) {
+  const i = Object.keys(e).length > 0;
   if (!t) return null;
-  if (!r)
+  if (!i)
     return N(n, t);
-  for (const o in e) {
-    const g = e[o], a = w(g.scope);
-    if (a === t)
-      return a;
+  for (const s in e) {
+    const g = e[s], o = w(g.scope);
+    if (o === t)
+      return o;
   }
   return N(n, t);
 }
@@ -1194,6 +1210,7 @@ k()([
   "onInteractOutside",
   "onOpenChange",
   "onPointerDownOutside",
+  "onRequestDismiss",
   "onSelect",
   "open",
   "positioning",
@@ -1212,7 +1229,7 @@ k()([
   "valueText"
 ]);
 export {
-  Ve as anatomy,
-  ot as connect,
-  at as machine
+  Fe as anatomy,
+  at as connect,
+  st as machine
 };