@serendie/ui 2.0.0 → 2.1.0

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

@@ -1,14 +1,12 @@
-import { createAnatomy as U } from "../../anatomy/dist/index.js";
-import { createMachine as V, guards as F, mergeProps as W } from "../../core/dist/index.js";
-import { addDomEvent as B, getEventKey as k, isPrintableKey as K, isModifierKey as Y, isContextMenuEvent as X, getEventPoint as L, clickIfLink as $ } from "../../dom-event/dist/index.js";
-import { isEditableElement as G, createScope as q, raf as b, getInitialFocus as j, contains as J, observeAttributes as Q, scrollIntoView as Z, getByTypeahead as w, dataAttr as C, isDownloadingEvent as A, isOpeningInNewTab as M, isSelfTarget as x, getEventTarget as z, isValidTabEvent as ee, prevById as te, nextById as ne, isHTMLElement as ie, queryAll as oe } from "../../dom-query/dist/index.js";
-import { getPlacementSide as re, getPlacement as D, getPlacementStyles as ae } from "../../popper/dist/index.js";
-import { compact as se, cast as le, last as ge, first as ue, isEqual as de } from "../../utils/dist/index.js";
-import { trackDismissableElement as ce } from "../../dismissable/dist/index.js";
-import { getElementPolygon as pe, isPointInPolygon as he } from "../../rect-utils/dist/index.js";
-import { createProps as y } from "../../types/dist/index.js";
-import { ref as _ } from "../../store/dist/index.js";
-var Ee = U("menu").parts(
+import { createAnatomy as de } from "../../anatomy/dist/index.js";
+import { createMachine as ue, createGuards as ce, mergeProps as he } from "../../core/dist/index.js";
+import { isEditableElement as ie, raf as b, observeAttributes as pe, addDomEvent as Oe, getByTypeahead as re, clickIfLink as Ee, dataAttr as C, isDownloadingEvent as Y, isOpeningInNewTab as q, isSelfTarget as me, getEventTarget as oe, isValidTabEvent as Te, getEventKey as j, isPrintableKey as Ie, isModifierKey as fe, isContextMenuEvent as Pe, getEventPoint as _, getWindow as ye, ariaAttr as Ce, isAnchorElement as ve, isHTMLElement as Re, queryAll as Se, getInitialFocus as Ne, contains as J, scrollIntoView as ke } from "../../dom-query/dist/index.js";
+import { getPlacementSide as Le, getPlacement as Q, getPlacementStyles as Ae } from "../../popper/dist/index.js";
+import { last as Me, first as be, hasProp as U, prev as _e, next as De, cast as Z } 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 { createProps as k } from "../../types/dist/index.js";
+var Ve = de("menu").parts(
   "arrow",
   "arrowTip",
   "content",
@@ -23,161 +21,157 @@ var Ee = U("menu").parts(
   "separator",
   "trigger",
   "triggerItem"
-), p = Ee.build(), a = q({
-  getTriggerId: (t) => {
-    var o;
-    return ((o = t.ids) == null ? void 0 : o.trigger) ?? `menu:${t.id}:trigger`;
-  },
-  getContextTriggerId: (t) => {
-    var o;
-    return ((o = t.ids) == null ? void 0 : o.contextTrigger) ?? `menu:${t.id}:ctx-trigger`;
-  },
-  getContentId: (t) => {
-    var o;
-    return ((o = t.ids) == null ? void 0 : o.content) ?? `menu:${t.id}:content`;
-  },
-  getArrowId: (t) => {
-    var o;
-    return ((o = t.ids) == null ? void 0 : o.arrow) ?? `menu:${t.id}:arrow`;
-  },
-  getPositionerId: (t) => {
-    var o;
-    return ((o = t.ids) == null ? void 0 : o.positioner) ?? `menu:${t.id}:popper`;
-  },
-  getGroupId: (t, o) => {
-    var e, i;
-    return ((i = (e = t.ids) == null ? void 0 : e.group) == null ? void 0 : i.call(e, o)) ?? `menu:${t.id}:group:${o}`;
-  },
-  getGroupLabelId: (t, o) => {
-    var e, i;
-    return ((i = (e = t.ids) == null ? void 0 : e.groupLabel) == null ? void 0 : i.call(e, o)) ?? `menu:${t.id}:group-label:${o}`;
-  },
-  getContentEl: (t) => a.getById(t, a.getContentId(t)),
-  getPositionerEl: (t) => a.getById(t, a.getPositionerId(t)),
-  getTriggerEl: (t) => a.getById(t, a.getTriggerId(t)),
-  getHighlightedItemEl: (t) => t.highlightedValue ? a.getById(t, t.highlightedValue) : null,
-  getArrowEl: (t) => a.getById(t, a.getArrowId(t)),
-  getElements: (t) => {
-    const e = `[role^="menuitem"][data-ownedby=${CSS.escape(a.getContentId(t))}]:not([data-disabled])`;
-    return oe(a.getContentEl(t), e);
-  },
-  getFirstEl: (t) => ue(a.getElements(t)),
-  getLastEl: (t) => ge(a.getElements(t)),
-  getNextEl: (t, o) => ne(a.getElements(t), t.highlightedValue, o ?? t.loopFocus),
-  getPrevEl: (t, o) => te(a.getElements(t), t.highlightedValue, o ?? t.loopFocus),
-  getElemByKey: (t, o) => w(a.getElements(t), { state: t.typeaheadState, key: o, activeId: t.highlightedValue }),
-  isTargetDisabled: (t) => ie(t) && (t.dataset.disabled === "" || t.hasAttribute("disabled")),
-  isTriggerItem: (t) => {
-    var o;
-    return !!((o = t == null ? void 0 : t.getAttribute("role")) != null && o.startsWith("menuitem")) && !!(t != null && t.hasAttribute("aria-controls"));
-  },
-  getOptionFromItemEl(t) {
-    return {
-      id: t.id,
-      name: t.dataset.name,
-      value: t.dataset.value,
-      valueText: t.dataset.valueText,
-      type: t.dataset.type
-    };
-  }
-});
-function be(t, o, e) {
-  const i = t.context.isSubmenu, r = t.context.isTypingAhead, l = t.context.composite, g = t.hasTag("open"), d = ae({
-    ...t.context.positioning,
-    placement: t.context.anchorPoint ? "bottom" : t.context.currentPlacement
+), E = Ve.build(), w = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.trigger) ?? `menu:${e.id}:trigger`;
+}, ae = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.contextTrigger) ?? `menu:${e.id}:ctx-trigger`;
+}, S = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.content) ?? `menu:${e.id}:content`;
+}, Fe = (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) => {
+  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 });
+}, $e = (e, t) => {
+  const n = L(e), r = n.find((o) => x(o, t.value));
+  return re(n, { state: t.typeaheadState, key: t.key, activeId: (r == null ? void 0 : r.id) ?? null });
+}, H = (e) => Re(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Xe = (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) {
+  if (!e) return;
+  const n = ye(e), r = new n.CustomEvent(W, { detail: { value: t } });
+  e.dispatchEvent(r);
+}
+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 = Ae({
+    ...a("positioning"),
+    placement: ge ? "bottom" : K
   });
-  function m(n) {
+  function V(i) {
     return {
-      disabled: !!n.disabled,
-      highlighted: t.context.highlightedValue === n.value
+      id: N(l, i.value),
+      disabled: !!i.disabled,
+      highlighted: R === i.value
     };
   }
-  function P(n) {
-    const s = n.valueText ?? n.value;
-    return { ...n, id: n.value, valueText: s };
+  function $(i) {
+    const s = i.valueText ?? i.value;
+    return { ...i, id: i.value, valueText: s };
   }
-  function S(n) {
+  function M(i) {
     return {
-      ...m(P(n)),
-      checked: !!n.checked
+      ...V($(i)),
+      checked: !!i.checked
     };
   }
-  function v(n) {
-    const { value: s, closeOnSelect: T, valueText: O } = n, c = m(n);
-    return e.element({
-      ...p.item.attrs,
-      id: s,
+  function F(i) {
+    const { closeOnSelect: s, valueText: p, value: h } = i, O = V(i), T = N(l, h);
+    return t.element({
+      ...E.item.attrs,
+      id: T,
       role: "menuitem",
-      "aria-disabled": c.disabled,
-      "data-disabled": C(c.disabled),
-      "data-ownedby": a.getContentId(t.context),
-      "data-highlighted": C(c.highlighted),
-      "data-valuetext": O,
-      onDragStart(u) {
-        u.currentTarget.matches("a[href]") && u.preventDefault();
+      "aria-disabled": Ce(O.disabled),
+      "data-disabled": C(O.disabled),
+      "data-ownedby": S(l),
+      "data-highlighted": C(O.highlighted),
+      "data-value": h,
+      "data-valuetext": p,
+      onDragStart(d) {
+        d.currentTarget.matches("a[href]") && d.preventDefault();
       },
-      onPointerMove(u) {
-        if (c.disabled || u.pointerType !== "mouse") return;
-        const h = u.currentTarget;
-        c.highlighted || o({ type: "ITEM_POINTERMOVE", id: s, target: h, closeOnSelect: T });
+      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 });
       },
-      onPointerLeave(u) {
-        if (c.disabled || u.pointerType !== "mouse" || !t.previousEvent.type.includes("POINTER")) return;
-        const I = u.currentTarget;
-        o({ type: "ITEM_POINTERLEAVE", id: s, target: I, closeOnSelect: T });
+      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 });
       },
-      onPointerDown(u) {
-        if (c.disabled) return;
-        const h = u.currentTarget;
-        o({ type: "ITEM_POINTERDOWN", target: h, id: s, closeOnSelect: T });
+      onPointerDown(d) {
+        if (O.disabled) return;
+        const u = d.currentTarget;
+        r({ type: "ITEM_POINTERDOWN", target: u, id: T, closeOnSelect: s });
       },
-      onClick(u) {
-        if (A(u) || M(u) || c.disabled) return;
-        const h = u.currentTarget;
-        o({ type: "ITEM_CLICK", target: h, id: s, closeOnSelect: T });
+      onClick(d) {
+        if (Y(d) || q(d) || O.disabled) return;
+        const u = d.currentTarget;
+        r({ type: "ITEM_CLICK", target: u, id: T, closeOnSelect: s });
       }
     });
   }
   return {
-    highlightedValue: t.context.highlightedValue,
-    open: g,
-    setOpen(n) {
-      n !== g && o(n ? "OPEN" : "CLOSE");
+    highlightedValue: R,
+    open: c,
+    setOpen(i) {
+      o.hasTag("open") !== i && r({ type: i ? "OPEN" : "CLOSE" });
+    },
+    setHighlightedValue(i) {
+      r({ type: "HIGHLIGHTED.SET", value: i });
     },
-    setHighlightedValue(n) {
-      o({ type: "HIGHLIGHTED.SET", id: n });
+    setParent(i) {
+      r({ type: "PARENT.SET", value: i, id: i.prop("id") });
     },
-    setParent(n) {
-      o({ type: "PARENT.SET", value: n, id: n.state.context.id });
+    setChild(i) {
+      r({ type: "CHILD.SET", value: i, id: i.prop("id") });
     },
-    setChild(n) {
-      o({ type: "CHILD.SET", value: n, id: n.state.context.id });
+    reposition(i = {}) {
+      r({ type: "POSITIONING.SET", options: i });
     },
-    reposition(n = {}) {
-      o({ type: "POSITIONING.SET", options: n });
+    addItemListener(i) {
+      const s = l.getById(i.id);
+      if (!s) return;
+      const p = () => {
+        var h;
+        return (h = i.onSelect) == null ? void 0 : h.call(i);
+      };
+      return s.addEventListener(W, p), () => s.removeEventListener(W, p);
     },
     getContextTriggerProps() {
-      return e.element({
-        ...p.contextTrigger.attrs,
-        dir: t.context.dir,
-        id: a.getContextTriggerId(t.context),
-        onPointerDown(n) {
-          if (n.pointerType === "mouse") return;
-          const s = L(n);
-          o({ type: "CONTEXT_MENU_START", point: s });
+      return t.element({
+        ...E.contextTrigger.attrs,
+        dir: a("dir"),
+        id: ae(l),
+        onPointerDown(i) {
+          if (i.pointerType === "mouse") return;
+          const s = _(i);
+          r({ type: "CONTEXT_MENU_START", point: s });
         },
-        onPointerCancel(n) {
-          n.pointerType !== "mouse" && o("CONTEXT_MENU_CANCEL");
+        onPointerCancel(i) {
+          i.pointerType !== "mouse" && r({ type: "CONTEXT_MENU_CANCEL" });
         },
-        onPointerMove(n) {
-          n.pointerType !== "mouse" && o("CONTEXT_MENU_CANCEL");
+        onPointerMove(i) {
+          i.pointerType !== "mouse" && r({ type: "CONTEXT_MENU_CANCEL" });
         },
-        onPointerUp(n) {
-          n.pointerType !== "mouse" && o("CONTEXT_MENU_CANCEL");
+        onPointerUp(i) {
+          i.pointerType !== "mouse" && r({ type: "CONTEXT_MENU_CANCEL" });
         },
-        onContextMenu(n) {
-          const s = L(n);
-          o({ type: "CONTEXT_MENU", point: s }), n.preventDefault();
+        onContextMenu(i) {
+          const s = _(i);
+          r({ type: "CONTEXT_MENU", point: s }), i.preventDefault();
         },
         style: {
           WebkitTouchCallout: "none",
@@ -186,919 +180,1039 @@ function be(t, o, e) {
         }
       });
     },
-    getTriggerItemProps(n) {
-      return W(
-        v({ value: n.getTriggerProps().id }),
-        n.getTriggerProps()
-      );
+    getTriggerItemProps(i) {
+      const s = i.getTriggerProps();
+      return he(F({ value: s.id }), s);
     },
     getTriggerProps() {
-      return e.button({
-        ...i ? p.triggerItem.attrs : p.trigger.attrs,
-        "data-placement": t.context.currentPlacement,
+      return t.button({
+        ...P ? E.triggerItem.attrs : E.trigger.attrs,
+        "data-placement": n.get("currentPlacement"),
         type: "button",
-        dir: t.context.dir,
-        id: a.getTriggerId(t.context),
-        "data-uid": t.context.id,
-        "aria-haspopup": l ? "menu" : "dialog",
-        "aria-controls": a.getContentId(t.context),
-        "aria-expanded": g || void 0,
-        "data-state": g ? "open" : "closed",
-        onPointerMove(n) {
-          n.pointerType !== "mouse" || a.isTargetDisabled(n.currentTarget) || !i || o({ type: "TRIGGER_POINTERMOVE", target: n.currentTarget });
+        dir: a("dir"),
+        id: w(l),
+        "data-uid": a("id"),
+        "aria-haspopup": B ? "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 = _(i);
+          r({ type: "TRIGGER_POINTERMOVE", target: i.currentTarget, point: p });
         },
-        onPointerLeave(n) {
-          if (a.isTargetDisabled(n.currentTarget) || n.pointerType !== "mouse" || !i) return;
-          const s = L(n);
-          o({ type: "TRIGGER_POINTERLEAVE", target: n.currentTarget, point: s });
+        onPointerLeave(i) {
+          if (H(i.currentTarget) || i.pointerType !== "mouse" || !P) return;
+          const s = _(i);
+          r({
+            type: "TRIGGER_POINTERLEAVE",
+            target: i.currentTarget,
+            point: s
+          });
         },
-        onPointerDown(n) {
-          a.isTargetDisabled(n.currentTarget) || X(n) || n.preventDefault();
+        onPointerDown(i) {
+          H(i.currentTarget) || Pe(i) || i.preventDefault();
         },
-        onClick(n) {
-          n.defaultPrevented || a.isTargetDisabled(n.currentTarget) || o({ type: "TRIGGER_CLICK", target: n.currentTarget });
+        onClick(i) {
+          i.defaultPrevented || H(i.currentTarget) || r({ type: "TRIGGER_CLICK", target: i.currentTarget });
         },
         onBlur() {
-          o("TRIGGER_BLUR");
+          r({ type: "TRIGGER_BLUR" });
         },
         onFocus() {
-          o("TRIGGER_FOCUS");
+          r({ type: "TRIGGER_FOCUS" });
         },
-        onKeyDown(n) {
-          if (n.defaultPrevented) return;
+        onKeyDown(i) {
+          if (i.defaultPrevented) return;
           const s = {
             ArrowDown() {
-              o("ARROW_DOWN");
+              r({ type: "ARROW_DOWN" });
             },
             ArrowUp() {
-              o("ARROW_UP");
+              r({ type: "ARROW_UP" });
             },
             Enter() {
-              o({ type: "ARROW_DOWN", src: "enter" });
+              r({ type: "ARROW_DOWN", src: "enter" });
             },
             Space() {
-              o({ type: "ARROW_DOWN", src: "space" });
+              r({ type: "ARROW_DOWN", src: "space" });
             }
-          }, T = k(n, t.context), O = s[T];
-          O && (n.preventDefault(), O(n));
+          }, p = j(i, {
+            orientation: "vertical",
+            dir: a("dir")
+          }), h = s[p];
+          h && (i.preventDefault(), h(i));
         }
       });
     },
     getIndicatorProps() {
-      return e.element({
-        ...p.indicator.attrs,
-        dir: t.context.dir,
-        "data-state": g ? "open" : "closed"
+      return t.element({
+        ...E.indicator.attrs,
+        dir: a("dir"),
+        "data-state": c ? "open" : "closed"
       });
     },
     getPositionerProps() {
-      return e.element({
-        ...p.positioner.attrs,
-        dir: t.context.dir,
-        id: a.getPositionerId(t.context),
-        style: d.floating
+      return t.element({
+        ...E.positioner.attrs,
+        dir: a("dir"),
+        id: se(l),
+        style: G.floating
       });
     },
     getArrowProps() {
-      return e.element({
-        id: a.getArrowId(t.context),
-        ...p.arrow.attrs,
-        dir: t.context.dir,
-        style: d.arrow
+      return t.element({
+        id: Fe(l),
+        ...E.arrow.attrs,
+        dir: a("dir"),
+        style: G.arrow
       });
     },
     getArrowTipProps() {
-      return e.element({
-        ...p.arrowTip.attrs,
-        dir: t.context.dir,
-        style: d.arrowTip
+      return t.element({
+        ...E.arrowTip.attrs,
+        dir: a("dir"),
+        style: G.arrowTip
       });
     },
     getContentProps() {
-      return e.element({
-        ...p.content.attrs,
-        id: a.getContentId(t.context),
-        "aria-label": t.context["aria-label"],
-        hidden: !g,
-        "data-state": g ? "open" : "closed",
-        role: l ? "menu" : "dialog",
+      return t.element({
+        ...E.content.attrs,
+        id: S(l),
+        "aria-label": a("aria-label"),
+        hidden: !c,
+        "data-state": c ? "open" : "closed",
+        role: B ? "menu" : "dialog",
         tabIndex: 0,
-        dir: t.context.dir,
-        "aria-activedescendant": t.context.highlightedValue ?? void 0,
-        "aria-labelledby": a.getTriggerId(t.context),
-        "data-placement": t.context.currentPlacement,
-        onPointerEnter(n) {
-          n.pointerType === "mouse" && o("MENU_POINTERENTER");
+        dir: a("dir"),
+        "aria-activedescendant": g("highlightedId") || void 0,
+        "aria-labelledby": w(l),
+        "data-placement": K,
+        onPointerEnter(i) {
+          i.pointerType === "mouse" && r({ type: "MENU_POINTERENTER" });
         },
-        onKeyDown(n) {
-          if (n.defaultPrevented || !x(n)) return;
-          const s = z(n);
-          if (!((s == null ? void 0 : s.closest("[role=menu]")) === n.currentTarget || s === n.currentTarget)) return;
-          if (n.key === "Tab" && !ee(n)) {
-            n.preventDefault();
+        onKeyDown(i) {
+          if (i.defaultPrevented || !me(i)) return;
+          const s = oe(i);
+          if (!((s == null ? void 0 : s.closest("[role=menu]")) === i.currentTarget || s === i.currentTarget)) return;
+          if (i.key === "Tab" && !Te(i)) {
+            i.preventDefault();
             return;
           }
-          const O = a.getHighlightedItemEl(t.context), c = {
+          const h = le(l, R), O = {
             ArrowDown() {
-              o("ARROW_DOWN");
+              r({ type: "ARROW_DOWN" });
             },
             ArrowUp() {
-              o("ARROW_UP");
+              r({ type: "ARROW_UP" });
             },
             ArrowLeft() {
-              o("ARROW_LEFT");
+              r({ type: "ARROW_LEFT" });
             },
             ArrowRight() {
-              o("ARROW_RIGHT");
+              r({ type: "ARROW_RIGHT" });
             },
             Enter() {
-              o("ENTER"), $(O);
+              var u;
+              r({ type: "ENTER" }), R != null && ve(h) && ((u = a("navigate")) == null || u({ value: R, node: h, href: h.href }));
             },
-            Space(I) {
-              var N;
-              r ? o({ type: "TYPEAHEAD", key: I.key }) : (N = c.Enter) == null || N.call(c, I);
+            Space(u) {
+              var y;
+              A ? r({ type: "TYPEAHEAD", key: u.key }) : (y = O.Enter) == null || y.call(O, u);
             },
             Home() {
-              o("HOME");
+              r({ type: "HOME" });
             },
             End() {
-              o("END");
+              r({ type: "END" });
             }
-          }, u = k(n, { dir: t.context.dir }), h = c[u];
-          if (h) {
-            h(n), n.stopPropagation(), n.preventDefault();
+          }, T = j(i, { dir: a("dir") }), d = O[T];
+          if (d) {
+            d(i), i.stopPropagation(), i.preventDefault();
             return;
           }
-          t.context.typeahead && K(n) && (Y(n) || G(s) || (o({ type: "TYPEAHEAD", key: n.key }), n.preventDefault()));
+          a("typeahead") && Ie(i) && (fe(i) || ie(s) || (r({ type: "TYPEAHEAD", key: i.key }), i.preventDefault()));
         }
       });
     },
     getSeparatorProps() {
-      return e.element({
-        ...p.separator.attrs,
+      return t.element({
+        ...E.separator.attrs,
         role: "separator",
-        dir: t.context.dir,
+        dir: a("dir"),
         "aria-orientation": "horizontal"
       });
     },
-    getItemState: m,
-    getItemProps: v,
-    getOptionItemState: S,
-    getOptionItemProps(n) {
-      const { type: s, disabled: T, onCheckedChange: O, closeOnSelect: c } = n, u = P(n), h = S(n);
+    getItemState: V,
+    getItemProps: F,
+    getOptionItemState: M,
+    getOptionItemProps(i) {
+      const { type: s, disabled: p, onCheckedChange: h, closeOnSelect: O } = i, T = $(i), d = M(i);
       return {
-        ...v(u),
-        ...e.element({
+        ...F(T),
+        ...t.element({
           "data-type": s,
-          ...p.item.attrs,
-          dir: t.context.dir,
-          "data-value": u.value,
+          ...E.item.attrs,
+          dir: a("dir"),
+          "data-value": T.value,
           role: `menuitem${s}`,
-          "aria-checked": !!h.checked,
-          "data-state": h.checked ? "checked" : "unchecked",
-          onClick(I) {
-            if (T || A(I) || M(I)) return;
-            const N = I.currentTarget;
-            o({ type: "ITEM_CLICK", target: N, option: u, closeOnSelect: c }), O == null || O(!h.checked);
+          "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);
           }
         })
       };
     },
-    getItemIndicatorProps(n) {
-      const s = S(n);
-      return e.element({
-        ...p.itemIndicator.attrs,
-        dir: t.context.dir,
+    getItemIndicatorProps(i) {
+      const s = M(Z(i)), p = s.checked ? "checked" : "unchecked";
+      return t.element({
+        ...E.itemIndicator.attrs,
+        dir: a("dir"),
         "data-disabled": C(s.disabled),
         "data-highlighted": C(s.highlighted),
-        "data-state": s.checked ? "checked" : "unchecked",
-        hidden: !s.checked
+        "data-state": U(i, "checked") ? p : void 0,
+        hidden: U(i, "checked") ? !s.checked : void 0
       });
     },
-    getItemTextProps(n) {
-      const s = S(n);
-      return e.element({
-        ...p.itemText.attrs,
-        dir: t.context.dir,
+    getItemTextProps(i) {
+      const s = M(Z(i)), p = s.checked ? "checked" : "unchecked";
+      return t.element({
+        ...E.itemText.attrs,
+        dir: a("dir"),
         "data-disabled": C(s.disabled),
         "data-highlighted": C(s.highlighted),
-        "data-state": s.checked ? "checked" : "unchecked"
+        "data-state": U(i, "checked") ? p : void 0
       });
     },
-    getItemGroupLabelProps(n) {
-      return e.element({
-        id: a.getGroupLabelId(t.context, n.htmlFor),
-        dir: t.context.dir,
-        ...p.itemGroupLabel.attrs
+    getItemGroupLabelProps(i) {
+      return t.element({
+        ...E.itemGroupLabel.attrs,
+        id: z(l, i.htmlFor),
+        dir: a("dir")
       });
     },
-    getItemGroupProps(n) {
-      return e.element({
-        id: a.getGroupId(t.context, n.id),
-        ...p.itemGroup.attrs,
-        dir: t.context.dir,
-        "aria-labelledby": a.getGroupLabelId(t.context, n.id),
+    getItemGroupProps(i) {
+      return t.element({
+        id: Ue(l, i.id),
+        ...E.itemGroup.attrs,
+        dir: a("dir"),
+        "aria-labelledby": z(l, i.id),
         role: "group"
       });
     }
   };
 }
-var { not: E, and: R, or: Oe } = F;
-function ve(t) {
-  const o = se(t);
-  return V(
-    {
-      id: "menu",
-      initial: o.open ? "open" : "idle",
-      context: {
-        highlightedValue: null,
-        loopFocus: !1,
-        anchorPoint: null,
-        closeOnSelect: !0,
-        typeahead: !0,
-        composite: !0,
-        ...o,
-        positioning: {
-          placement: "bottom-start",
-          gutter: 8,
-          ...o.positioning
-        },
-        intentPolygon: null,
-        parent: null,
-        lastHighlightedValue: null,
-        children: le(_({})),
-        suspendPointer: !1,
-        restoreFocus: !0,
-        typeaheadState: w.defaultOptions
+var { not: m, and: v, or: qe } = ce(), at = ue({
+  props({ props: e }) {
+    return {
+      closeOnSelect: !0,
+      typeahead: !0,
+      composite: !0,
+      loopFocus: !1,
+      navigate(t) {
+        Ee(t.node);
       },
-      computed: {
-        isSubmenu: (e) => e.parent !== null,
-        isRtl: (e) => e.dir === "rtl",
-        isTypingAhead: (e) => e.typeaheadState.keysSoFar !== ""
+      ...e,
+      positioning: {
+        placement: "bottom-start",
+        gutter: 8,
+        ...e.positioning
+      }
+    };
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "idle";
+  },
+  context({ bindable: e, prop: t }) {
+    return {
+      suspendPointer: e(() => ({
+        defaultValue: !1
+      })),
+      highlightedValue: e(() => ({
+        defaultValue: t("defaultHighlightedValue") || null,
+        value: t("highlightedValue"),
+        onChange(n) {
+          var r;
+          (r = t("onHighlightChange")) == null || r({ highlightedValue: n });
+        }
+      })),
+      lastHighlightedValue: e(() => ({
+        defaultValue: null
+      })),
+      currentPlacement: e(() => ({
+        defaultValue: void 0
+      })),
+      intentPolygon: e(() => ({
+        defaultValue: null
+      })),
+      anchorPoint: e(() => ({
+        defaultValue: null,
+        hash(n) {
+          return `x: ${n == null ? void 0 : n.x}, y: ${n == null ? void 0 : n.y}`;
+        }
+      }))
+    };
+  },
+  refs() {
+    return {
+      parent: null,
+      children: {},
+      typeaheadState: { ...re.defaultOptions },
+      positioningOverride: {}
+    };
+  },
+  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)
+  },
+  watch({ track: e, action: t, context: n, computed: r, prop: o }) {
+    e([() => r("isSubmenu")], () => {
+      t(["setSubmenuPlacement"]);
+    }), e([() => n.hash("anchorPoint")], () => {
+      t(["reposition"]);
+    }), e([() => o("open")], () => {
+      t(["toggleVisibility"]);
+    });
+  },
+  on: {
+    "PARENT.SET": {
+      actions: ["setParentMenu"]
+    },
+    "CHILD.SET": {
+      actions: ["setChildMenu"]
+    },
+    OPEN: [
+      {
+        guard: "isOpenControlled",
+        actions: ["invokeOnOpen"]
+      },
+      {
+        target: "open",
+        actions: ["invokeOnOpen"]
+      }
+    ],
+    OPEN_AUTOFOCUS: [
+      {
+        guard: "isOpenControlled",
+        actions: ["invokeOnOpen"]
       },
-      watch: {
-        isSubmenu: "setSubmenuPlacement",
-        anchorPoint: "reposition",
-        open: "toggleVisibility"
+      {
+        // internal: true,
+        target: "open",
+        actions: ["highlightFirstItem", "invokeOnOpen"]
+      }
+    ],
+    CLOSE: [
+      {
+        guard: "isOpenControlled",
+        actions: ["invokeOnClose"]
       },
+      {
+        target: "closed",
+        actions: ["invokeOnClose"]
+      }
+    ],
+    "HIGHLIGHTED.RESTORE": {
+      actions: ["restoreHighlightedItem"]
+    },
+    "HIGHLIGHTED.SET": {
+      actions: ["setHighlightedItem"]
+    }
+  },
+  states: {
+    idle: {
+      tags: ["closed"],
       on: {
-        "PARENT.SET": {
-          actions: "setParentMenu"
+        "CONTROLLED.OPEN": {
+          target: "open"
         },
-        "CHILD.SET": {
-          actions: "setChildMenu"
+        "CONTROLLED.CLOSE": {
+          target: "closed"
         },
-        OPEN: [
+        CONTEXT_MENU_START: {
+          target: "opening:contextmenu",
+          actions: ["setAnchorPoint"]
+        },
+        CONTEXT_MENU: [
           {
             guard: "isOpenControlled",
-            actions: "invokeOnOpen"
+            actions: ["setAnchorPoint", "invokeOnOpen"]
           },
           {
             target: "open",
-            actions: "invokeOnOpen"
+            actions: ["setAnchorPoint", "invokeOnOpen"]
           }
         ],
-        OPEN_AUTOFOCUS: [
+        TRIGGER_CLICK: [
           {
             guard: "isOpenControlled",
             actions: ["invokeOnOpen"]
           },
           {
-            internal: !0,
             target: "open",
-            actions: ["highlightFirstItem", "invokeOnOpen"]
+            actions: ["invokeOnOpen"]
           }
         ],
-        CLOSE: [
+        TRIGGER_FOCUS: {
+          guard: m("isSubmenu"),
+          target: "closed"
+        },
+        TRIGGER_POINTERMOVE: {
+          guard: "isSubmenu",
+          target: "opening"
+        }
+      }
+    },
+    "opening:contextmenu": {
+      tags: ["closed"],
+      effects: ["waitForLongPress"],
+      on: {
+        "CONTROLLED.OPEN": { target: "open" },
+        "CONTROLLED.CLOSE": { target: "closed" },
+        CONTEXT_MENU_CANCEL: [
           {
             guard: "isOpenControlled",
-            actions: "invokeOnClose"
+            actions: ["invokeOnClose"]
           },
           {
             target: "closed",
-            actions: "invokeOnClose"
+            actions: ["invokeOnClose"]
           }
         ],
-        "HIGHLIGHTED.RESTORE": {
-          actions: "restoreHighlightedItem"
-        },
-        "HIGHLIGHTED.SET": {
-          actions: "setHighlightedItem"
-        }
-      },
-      states: {
-        idle: {
-          tags: ["closed"],
-          on: {
-            "CONTROLLED.OPEN": "open",
-            "CONTROLLED.CLOSE": "closed",
-            CONTEXT_MENU_START: {
-              target: "opening:contextmenu",
-              actions: "setAnchorPoint"
-            },
-            CONTEXT_MENU: [
-              {
-                guard: "isOpenControlled",
-                actions: ["setAnchorPoint", "invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setAnchorPoint", "invokeOnOpen"]
-              }
-            ],
-            TRIGGER_CLICK: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnOpen"
-              },
-              {
-                target: "open",
-                actions: "invokeOnOpen"
-              }
-            ],
-            TRIGGER_FOCUS: {
-              guard: E("isSubmenu"),
-              target: "closed"
-            },
-            TRIGGER_POINTERMOVE: {
-              guard: "isSubmenu",
-              target: "opening"
-            }
-          }
-        },
-        "opening:contextmenu": {
-          tags: ["closed"],
-          after: {
-            LONG_PRESS_DELAY: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnOpen"
-              },
-              {
-                target: "open",
-                actions: "invokeOnOpen"
-              }
-            ]
+        "LONG_PRESS.OPEN": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
           },
-          on: {
-            "CONTROLLED.OPEN": "open",
-            "CONTROLLED.CLOSE": "closed",
-            CONTEXT_MENU_CANCEL: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnClose"
-              },
-              {
-                target: "closed",
-                actions: "invokeOnClose"
-              }
-            ]
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
           }
+        ]
+      }
+    },
+    opening: {
+      tags: ["closed"],
+      effects: ["waitForOpenDelay"],
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open"
         },
-        opening: {
-          tags: ["closed"],
-          after: {
-            SUBMENU_OPEN_DELAY: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnOpen"
-              },
-              {
-                target: "open",
-                actions: "invokeOnOpen"
-              }
-            ]
-          },
-          on: {
-            "CONTROLLED.OPEN": "open",
-            "CONTROLLED.CLOSE": "closed",
-            BLUR: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnClose"
-              },
-              {
-                target: "closed",
-                actions: "invokeOnClose"
-              }
-            ],
-            TRIGGER_POINTERLEAVE: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnClose"
-              },
-              {
-                target: "closed",
-                actions: "invokeOnClose"
-              }
-            ]
-          }
+        "CONTROLLED.CLOSE": {
+          target: "closed"
         },
-        closing: {
-          tags: ["open"],
-          activities: ["trackPointerMove", "trackInteractOutside"],
-          after: {
-            SUBMENU_CLOSE_DELAY: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "closed",
-                actions: ["focusParentMenu", "restoreParentHiglightedItem", "invokeOnClose"]
-              }
-            ]
+        BLUR: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
           },
-          on: {
-            "CONTROLLED.OPEN": "open",
-            "CONTROLLED.CLOSE": {
-              target: "closed",
-              actions: ["focusParentMenu", "restoreParentHiglightedItem"]
-            },
-            // don't invoke on open here since the menu is still open (we're only keeping it open)
-            MENU_POINTERENTER: {
-              target: "open",
-              actions: "clearIntentPolygon"
-            },
-            POINTER_MOVED_AWAY_FROM_SUBMENU: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnClose"
-              },
-              {
-                target: "closed",
-                actions: ["focusParentMenu", "restoreParentHiglightedItem"]
-              }
-            ]
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
           }
-        },
-        closed: {
-          tags: ["closed"],
-          entry: ["clearHighlightedItem", "focusTrigger", "resumePointer"],
-          on: {
-            "CONTROLLED.OPEN": [
-              {
-                guard: Oe("isOpenAutoFocusEvent", "isArrowDownEvent"),
-                target: "open",
-                actions: "highlightFirstItem"
-              },
-              {
-                guard: "isArrowUpEvent",
-                target: "open",
-                actions: "highlightLastItem"
-              },
-              {
-                target: "open"
-              }
-            ],
-            CONTEXT_MENU_START: {
-              target: "opening:contextmenu",
-              actions: "setAnchorPoint"
-            },
-            CONTEXT_MENU: [
-              {
-                guard: "isOpenControlled",
-                actions: ["setAnchorPoint", "invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setAnchorPoint", "invokeOnOpen"]
-              }
-            ],
-            TRIGGER_CLICK: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnOpen"
-              },
-              {
-                target: "open",
-                actions: "invokeOnOpen"
-              }
-            ],
-            TRIGGER_POINTERMOVE: {
-              guard: "isTriggerItem",
-              target: "opening"
-            },
-            TRIGGER_BLUR: "idle",
-            ARROW_DOWN: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnOpen"
-              },
-              {
-                target: "open",
-                actions: ["highlightFirstItem", "invokeOnOpen"]
-              }
-            ],
-            ARROW_UP: [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnOpen"
-              },
-              {
-                target: "open",
-                actions: ["highlightLastItem", "invokeOnOpen"]
-              }
-            ]
+        ],
+        TRIGGER_POINTERLEAVE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
           }
-        },
-        open: {
-          tags: ["open"],
-          activities: ["trackInteractOutside", "trackPositioning", "scrollToHighlightedItem"],
-          entry: ["focusMenu", "resumePointer"],
-          on: {
-            "CONTROLLED.CLOSE": [
-              {
-                target: "closed",
-                guard: "isArrowLeftEvent",
-                actions: ["focusParentMenu"]
-              },
-              {
-                target: "closed"
-              }
-            ],
-            TRIGGER_CLICK: [
-              {
-                guard: R(E("isTriggerItem"), "isOpenControlled"),
-                actions: "invokeOnClose"
-              },
-              {
-                guard: E("isTriggerItem"),
-                target: "closed",
-                actions: "invokeOnClose"
-              }
-            ],
-            ARROW_UP: {
-              actions: ["highlightPrevItem", "focusMenu"]
-            },
-            ARROW_DOWN: {
-              actions: ["highlightNextItem", "focusMenu"]
-            },
-            ARROW_LEFT: [
-              {
-                guard: R("isSubmenu", "isOpenControlled"),
-                actions: "invokeOnClose"
-              },
-              {
-                guard: "isSubmenu",
-                target: "closed",
-                actions: ["focusParentMenu", "invokeOnClose"]
-              }
-            ],
-            HOME: {
-              actions: ["highlightFirstItem", "focusMenu"]
-            },
-            END: {
-              actions: ["highlightLastItem", "focusMenu"]
-            },
-            ARROW_RIGHT: {
-              guard: "isTriggerItemHighlighted",
-              actions: "openSubmenu"
-            },
-            ENTER: [
-              {
-                guard: "isTriggerItemHighlighted",
-                actions: "openSubmenu"
-              },
-              {
-                actions: "clickHighlightedItem"
-              }
-            ],
-            ITEM_POINTERMOVE: [
-              {
-                guard: E("suspendPointer"),
-                actions: ["setHighlightedItem", "focusMenu"]
-              },
-              {
-                actions: "setLastHighlightedItem"
-              }
-            ],
-            ITEM_POINTERLEAVE: {
-              guard: R(E("suspendPointer"), E("isTriggerItem")),
-              actions: "clearHighlightedItem"
-            },
-            ITEM_CLICK: [
-              // == grouped ==
-              {
-                guard: R(
-                  E("isTriggerItemHighlighted"),
-                  E("isHighlightedItemEditable"),
-                  "closeOnSelect",
-                  "isOpenControlled"
-                ),
-                actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
-              },
-              {
-                guard: R(E("isTriggerItemHighlighted"), E("isHighlightedItemEditable"), "closeOnSelect"),
-                target: "closed",
-                actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
-              },
-              //
-              {
-                guard: R(E("isTriggerItemHighlighted"), E("isHighlightedItemEditable")),
-                actions: ["invokeOnSelect", "setOptionState"]
-              },
-              { actions: "setHighlightedItem" }
-            ],
-            TRIGGER_POINTERLEAVE: {
-              target: "closing",
-              actions: "setIntentPolygon"
-            },
-            ITEM_POINTERDOWN: {
-              actions: "setHighlightedItem"
-            },
-            TYPEAHEAD: {
-              actions: "highlightMatchedItem"
-            },
-            FOCUS_MENU: {
-              actions: "focusMenu"
-            },
-            "POSITIONING.SET": {
-              actions: "reposition"
-            }
+        ],
+        "DELAY.OPEN": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
           }
-        }
+        ]
       }
     },
-    {
-      delays: {
-        LONG_PRESS_DELAY: 700,
-        SUBMENU_OPEN_DELAY: 100,
-        SUBMENU_CLOSE_DELAY: 100
-      },
-      guards: {
-        closeOnSelect: (e, i) => !!((i == null ? void 0 : i.closeOnSelect) ?? e.closeOnSelect),
-        // whether the trigger is also a menu item
-        isTriggerItem: (e, i) => a.isTriggerItem(i.target),
-        // whether the trigger item is the active item
-        isTriggerItemHighlighted: (e, i) => {
-          const r = i.target ?? a.getHighlightedItemEl(e);
-          return !!(r != null && r.hasAttribute("aria-controls"));
-        },
-        isSubmenu: (e) => e.isSubmenu,
-        suspendPointer: (e) => e.suspendPointer,
-        isHighlightedItemEditable: (e) => G(a.getHighlightedItemEl(e)),
-        isWithinPolygon: (e, i) => e.intentPolygon ? he(e.intentPolygon, i.point) : !1,
-        // guard assertions (for controlled mode)
-        isOpenControlled: (e) => !!e["open.controlled"],
-        isArrowLeftEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "ARROW_LEFT";
-        },
-        isArrowUpEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "ARROW_UP";
-        },
-        isArrowDownEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "ARROW_DOWN";
-        },
-        isOpenAutoFocusEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "OPEN_AUTOFOCUS";
-        }
-      },
-      activities: {
-        trackPositioning(e) {
-          if (e.anchorPoint) return;
-          e.currentPlacement = e.positioning.placement;
-          const i = () => a.getPositionerEl(e);
-          return D(a.getTriggerEl(e), i, {
-            ...e.positioning,
-            defer: !0,
-            onComplete(r) {
-              e.currentPlacement = r.placement;
-            }
-          });
-        },
-        trackInteractOutside(e, i, { send: r }) {
-          return ce(() => a.getContentEl(e), {
-            defer: !0,
-            exclude: [a.getTriggerEl(e)],
-            onInteractOutside: e.onInteractOutside,
-            onFocusOutside: e.onFocusOutside,
-            onEscapeKeyDown(g) {
-              var d;
-              (d = e.onEscapeKeyDown) == null || d.call(e, g), e.isSubmenu && g.preventDefault(), H(e);
-            },
-            onPointerDownOutside(g) {
-              var d;
-              e.restoreFocus = !g.detail.focusable, (d = e.onPointerDownOutside) == null || d.call(e, g);
-            },
-            onDismiss() {
-              r({ type: "CLOSE", src: "interact-outside" });
-            }
-          });
-        },
-        trackPointerMove(e, i, { guards: r, send: l }) {
-          const { isWithinPolygon: g } = r;
-          e.parent.state.context.suspendPointer = !0;
-          const d = a.getDoc(e);
-          return B(d, "pointermove", (m) => {
-            const P = { x: m.clientX, y: m.clientY };
-            g(e, { point: P }) || (l("POINTER_MOVED_AWAY_FROM_SUBMENU"), e.parent.state.context.suspendPointer = !1);
-          });
-        },
-        scrollToHighlightedItem(e, i, { getState: r }) {
-          const l = () => {
-            if (r().event.type.startsWith("ITEM_POINTER")) return;
-            const m = a.getHighlightedItemEl(e), P = a.getContentEl(e);
-            Z(m, { rootEl: P, block: "nearest" });
-          };
-          return b(() => l()), Q(() => a.getContentEl(e), {
-            defer: !0,
-            attributes: ["aria-activedescendant"],
-            callback: l
-          });
-        }
-      },
-      actions: {
-        setAnchorPoint(e, i) {
-          e.anchorPoint = i.point;
-        },
-        setSubmenuPlacement(e) {
-          e.isSubmenu && (e.positioning.placement = e.isRtl ? "left-start" : "right-start", e.positioning.gutter = 0);
-        },
-        reposition(e, i) {
-          const r = () => a.getPositionerEl(e), l = e.anchorPoint ? () => ({ width: 0, height: 0, ...e.anchorPoint }) : void 0;
-          D(a.getTriggerEl(e), r, {
-            ...e.positioning,
-            defer: !0,
-            getAnchorRect: l,
-            ...i.options ?? {},
-            listeners: !1,
-            onComplete(g) {
-              e.currentPlacement = g.placement;
-            }
-          });
-        },
-        setOptionState(e, i) {
-          if (!i.option) return;
-          const { checked: r, onCheckedChange: l, type: g } = i.option;
-          g === "radio" ? l == null || l(!0) : g === "checkbox" && (l == null || l(!r));
-        },
-        clickHighlightedItem(e, i) {
-          const r = a.getHighlightedItemEl(e);
-          !r || r.dataset.disabled || queueMicrotask(() => r.click());
-        },
-        setIntentPolygon(e, i) {
-          const r = a.getContentEl(e), l = e.currentPlacement;
-          if (!r || !l) return;
-          const g = r.getBoundingClientRect(), d = pe(g, l);
-          if (!d) return;
-          const P = re(l) === "right" ? -5 : 5;
-          e.intentPolygon = [{ ...i.point, x: i.point.x + P }, ...d];
-        },
-        clearIntentPolygon(e) {
-          e.intentPolygon = null;
-        },
-        resumePointer(e) {
-          e.parent && (e.parent.state.context.suspendPointer = !1);
-        },
-        setHighlightedItem(e, i) {
-          f.highlighted(e, i.id);
-        },
-        clearHighlightedItem(e) {
-          f.highlighted(e, null);
-        },
-        focusMenu(e) {
-          b(() => {
-            const i = a.getContentEl(e), r = j({
-              root: i,
-              enabled: !J(i, a.getActiveElement(e)),
-              filter(l) {
-                var g;
-                return !((g = l.role) != null && g.startsWith("menuitem"));
-              }
-            });
-            r == null || r.focus({ preventScroll: !0 });
-          });
-        },
-        highlightFirstItem(e) {
-          (a.getContentEl(e) ? queueMicrotask : b)(() => {
-            const r = a.getFirstEl(e);
-            r && f.highlighted(e, r.id);
-          });
+    closing: {
+      tags: ["open"],
+      effects: ["trackPointerMove", "trackInteractOutside", "waitForCloseDelay"],
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open"
         },
-        highlightLastItem(e) {
-          (a.getContentEl(e) ? queueMicrotask : b)(() => {
-            const r = a.getLastEl(e);
-            r && f.highlighted(e, r.id);
-          });
+        "CONTROLLED.CLOSE": {
+          target: "closed",
+          actions: ["focusParentMenu", "restoreParentHighlightedItem"]
         },
-        highlightNextItem(e, i) {
-          const r = a.getNextEl(e, i.loop);
-          f.highlighted(e, (r == null ? void 0 : r.id) ?? null);
+        // don't invoke on open here since the menu is still open (we're only keeping it open)
+        MENU_POINTERENTER: {
+          target: "open",
+          actions: ["clearIntentPolygon"]
         },
-        highlightPrevItem(e, i) {
-          const r = a.getPrevEl(e, i.loop);
-          f.highlighted(e, (r == null ? void 0 : r.id) ?? null);
+        POINTER_MOVED_AWAY_FROM_SUBMENU: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["focusParentMenu", "restoreParentHighlightedItem"]
+          }
+        ],
+        "DELAY.CLOSE": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["focusParentMenu", "restoreParentHighlightedItem", "invokeOnClose"]
+          }
+        ]
+      }
+    },
+    closed: {
+      tags: ["closed"],
+      entry: ["clearHighlightedItem", "focusTrigger", "resumePointer"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: qe("isOpenAutoFocusEvent", "isArrowDownEvent"),
+            target: "open",
+            actions: ["highlightFirstItem"]
+          },
+          {
+            guard: "isArrowUpEvent",
+            target: "open",
+            actions: ["highlightLastItem"]
+          },
+          {
+            target: "open"
+          }
+        ],
+        CONTEXT_MENU_START: {
+          target: "opening:contextmenu",
+          actions: ["setAnchorPoint"]
         },
-        invokeOnSelect(e) {
-          var i;
-          e.highlightedValue && ((i = e.onSelect) == null || i.call(e, { value: e.highlightedValue }));
+        CONTEXT_MENU: [
+          {
+            guard: "isOpenControlled",
+            actions: ["setAnchorPoint", "invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setAnchorPoint", "invokeOnOpen"]
+          }
+        ],
+        TRIGGER_CLICK: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
+          }
+        ],
+        TRIGGER_POINTERMOVE: {
+          guard: "isTriggerItem",
+          target: "opening"
         },
-        focusTrigger(e) {
-          e.isSubmenu || e.anchorPoint || !e.restoreFocus || queueMicrotask(() => {
-            var i;
-            return (i = a.getTriggerEl(e)) == null ? void 0 : i.focus({ preventScroll: !0 });
-          });
+        TRIGGER_BLUR: { target: "idle" },
+        ARROW_DOWN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["highlightFirstItem", "invokeOnOpen"]
+          }
+        ],
+        ARROW_UP: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["highlightLastItem", "invokeOnOpen"]
+          }
+        ]
+      }
+    },
+    open: {
+      tags: ["open"],
+      effects: ["trackInteractOutside", "trackPositioning", "scrollToHighlightedItem"],
+      entry: ["focusMenu", "resumePointer"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            target: "closed",
+            guard: "isArrowLeftEvent",
+            actions: ["focusParentMenu"]
+          },
+          {
+            target: "closed"
+          }
+        ],
+        TRIGGER_CLICK: [
+          {
+            guard: v(m("isTriggerItem"), "isOpenControlled"),
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: m("isTriggerItem"),
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        CONTEXT_MENU: {
+          actions: ["setAnchorPoint", "focusMenu"]
         },
-        highlightMatchedItem(e, i) {
-          const r = a.getElemByKey(e, i.key);
-          r && f.highlighted(e, r.id);
+        ARROW_UP: {
+          actions: ["highlightPrevItem", "focusMenu"]
         },
-        setParentMenu(e, i) {
-          e.parent = _(i.value);
+        ARROW_DOWN: {
+          actions: ["highlightNextItem", "focusMenu"]
         },
-        setChildMenu(e, i) {
-          e.children[i.id] = _(i.value);
+        ARROW_LEFT: [
+          {
+            guard: v("isSubmenu", "isOpenControlled"),
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "isSubmenu",
+            target: "closed",
+            actions: ["focusParentMenu", "invokeOnClose"]
+          }
+        ],
+        HOME: {
+          actions: ["highlightFirstItem", "focusMenu"]
         },
-        closeRootMenu(e) {
-          H(e);
+        END: {
+          actions: ["highlightLastItem", "focusMenu"]
         },
-        openSubmenu(e) {
-          const i = a.getHighlightedItemEl(e), r = i == null ? void 0 : i.getAttribute("data-uid"), l = r ? e.children[r] : null;
-          l == null || l.send("OPEN_AUTOFOCUS");
+        ARROW_RIGHT: {
+          guard: "isTriggerItemHighlighted",
+          actions: ["openSubmenu"]
         },
-        focusParentMenu(e) {
-          var i;
-          (i = e.parent) == null || i.send("FOCUS_MENU");
+        ENTER: [
+          {
+            guard: "isTriggerItemHighlighted",
+            actions: ["openSubmenu"]
+          },
+          {
+            actions: ["clickHighlightedItem"]
+          }
+        ],
+        ITEM_POINTERMOVE: [
+          {
+            guard: m("isPointerSuspended"),
+            actions: ["setHighlightedItem", "focusMenu"]
+          },
+          {
+            actions: ["setLastHighlightedItem"]
+          }
+        ],
+        ITEM_POINTERLEAVE: {
+          guard: v(m("isPointerSuspended"), m("isTriggerItem")),
+          actions: ["clearHighlightedItem"]
         },
-        setLastHighlightedItem(e, i) {
-          e.lastHighlightedValue = i.id;
+        ITEM_CLICK: [
+          // == grouped ==
+          {
+            guard: v(
+              m("isTriggerItemHighlighted"),
+              m("isHighlightedItemEditable"),
+              "closeOnSelect",
+              "isOpenControlled"
+            ),
+            actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
+          },
+          {
+            guard: v(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable"), "closeOnSelect"),
+            target: "closed",
+            actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
+          },
+          //
+          {
+            guard: v(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable")),
+            actions: ["invokeOnSelect", "setOptionState"]
+          },
+          { actions: ["setHighlightedItem"] }
+        ],
+        TRIGGER_POINTERMOVE: {
+          guard: "isTriggerItem",
+          actions: ["setIntentPolygon"]
         },
-        restoreHighlightedItem(e) {
-          e.lastHighlightedValue && (f.highlighted(e, e.lastHighlightedValue), e.lastHighlightedValue = null);
+        TRIGGER_POINTERLEAVE: {
+          target: "closing"
         },
-        restoreParentHiglightedItem(e) {
-          var i;
-          (i = e.parent) == null || i.send("HIGHLIGHTED.RESTORE");
+        ITEM_POINTERDOWN: {
+          actions: ["setHighlightedItem"]
         },
-        invokeOnOpen(e) {
-          var i;
-          (i = e.onOpenChange) == null || i.call(e, { open: !0 });
+        TYPEAHEAD: {
+          actions: ["highlightMatchedItem"]
         },
-        invokeOnClose(e) {
-          var i;
-          (i = e.onOpenChange) == null || i.call(e, { open: !1 });
+        FOCUS_MENU: {
+          actions: ["focusMenu"]
         },
-        toggleVisibility(e, i, { send: r }) {
-          r({ type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: i });
+        "POSITIONING.SET": {
+          actions: ["reposition"]
         }
       }
     }
-  );
+  },
+  implementations: {
+    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),
+      // 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"));
+      },
+      isSubmenu: ({ computed: e }) => e("isSubmenu"),
+      isPointerSuspended: ({ context: e }) => e.get("suspendPointer"),
+      isHighlightedItemEditable: ({ scope: e, computed: t }) => ie(e.getById(t("highlightedId"))),
+      // guard assertions (for controlled mode)
+      isOpenControlled: ({ prop: e }) => e("open") !== void 0,
+      isArrowLeftEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "ARROW_LEFT";
+      },
+      isArrowUpEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "ARROW_UP";
+      },
+      isArrowDownEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "ARROW_DOWN";
+      },
+      isOpenAutoFocusEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "OPEN_AUTOFOCUS";
+      }
+    },
+    effects: {
+      waitForOpenDelay({ send: e }) {
+        const t = setTimeout(() => {
+          e({ type: "DELAY.OPEN" });
+        }, 100);
+        return () => clearTimeout(t);
+      },
+      waitForCloseDelay({ send: e }) {
+        const t = setTimeout(() => {
+          e({ type: "DELAY.CLOSE" });
+        }, 300);
+        return () => clearTimeout(t);
+      },
+      waitForLongPress({ send: e }) {
+        const t = setTimeout(() => {
+          e({ type: "LONG_PRESS.OPEN" });
+        }, 700);
+        return () => clearTimeout(t);
+      },
+      trackPositioning({ context: e, prop: t, scope: n, refs: r }) {
+        if (te(n)) return;
+        const o = {
+          ...t("positioning"),
+          ...r.get("positioningOverride")
+        };
+        e.set("currentPlacement", o.placement);
+        const g = () => ee(n);
+        return Q(D(n), g, {
+          ...o,
+          defer: !0,
+          onComplete(a) {
+            e.set("currentPlacement", a.placement);
+          }
+        });
+      },
+      trackInteractOutside({ refs: e, scope: t, prop: n, computed: r, send: o }) {
+        const g = () => I(t);
+        let a = !0;
+        return He(g, {
+          defer: !0,
+          exclude: [D(t)],
+          onInteractOutside: n("onInteractOutside"),
+          onFocusOutside: n("onFocusOutside"),
+          onEscapeKeyDown(l) {
+            var c;
+            (c = n("onEscapeKeyDown")) == null || c(l), r("isSubmenu") && l.preventDefault(), ne({ parent: e.get("parent") });
+          },
+          onPointerDownOutside(l) {
+            var A;
+            const c = oe(l.detail.originalEvent);
+            if (J(te(t), c) && l.detail.contextmenu) {
+              l.preventDefault();
+              return;
+            }
+            a = !l.detail.focusable, (A = n("onPointerDownOutside")) == null || A(l);
+          },
+          onDismiss() {
+            o({ type: "CLOSE", src: "interact-outside", restoreFocus: a });
+          }
+        });
+      },
+      trackPointerMove({ context: e, scope: t, send: n, refs: r, flush: o }) {
+        const g = r.get("parent");
+        o(() => {
+          g.context.set("suspendPointer", !0);
+        });
+        const a = t.getDoc();
+        return Oe(a, "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 = () => {
+          if (e.type.startsWith("ITEM_POINTER")) return;
+          const g = t.getById(n("highlightedId")), a = I(t);
+          ke(g, { rootEl: a, block: "nearest" });
+        };
+        return b(() => r()), pe(() => I(t), {
+          defer: !0,
+          attributes: ["aria-activedescendant"],
+          callback: r
+        });
+      }
+    },
+    actions: {
+      setAnchorPoint({ context: e, event: t }) {
+        e.set("anchorPoint", 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 });
+      },
+      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 = {
+          ...n("positioning"),
+          ...o.get("positioningOverride")
+        };
+        Q(D(t), g, {
+          ...c,
+          defer: !0,
+          getAnchorRect: l,
+          ...r.options ?? {},
+          listeners: !1,
+          onComplete(P) {
+            e.set("currentPlacement", P.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));
+      },
+      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 = Le(o) === "right" ? -5 : 5;
+        e.set("intentPolygon", [{ ...n.point, x: n.point.x + c }, ...a]);
+      },
+      clearIntentPolygon({ context: e }) {
+        e.set("intentPolygon", null);
+      },
+      resumePointer({ refs: e, flush: t }) {
+        const n = e.get("parent");
+        n && t(() => {
+          n.context.set("suspendPointer", !1);
+        });
+      },
+      setHighlightedItem({ context: e, event: t }) {
+        const n = t.value || f(t.target);
+        e.set("highlightedValue", n);
+      },
+      clearHighlightedItem({ context: e }) {
+        e.set("highlightedValue", null);
+      },
+      focusMenu({ scope: e }) {
+        b(() => {
+          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"));
+            }
+          });
+          n == null || n.focus({ preventScroll: !0 });
+        });
+      },
+      highlightFirstItem({ context: e, scope: t }) {
+        (I(t) ? queueMicrotask : b)(() => {
+          const r = We(t);
+          r && e.set("highlightedValue", f(r));
+        });
+      },
+      highlightLastItem({ context: e, scope: t }) {
+        (I(t) ? queueMicrotask : b)(() => {
+          const r = xe(t);
+          r && e.set("highlightedValue", f(r));
+        });
+      },
+      highlightNextItem({ context: e, scope: t, event: n, prop: r }) {
+        const o = Be(t, {
+          loop: n.loop,
+          value: e.get("highlightedValue"),
+          loopFocus: r("loopFocus")
+        });
+        e.set("highlightedValue", f(o));
+      },
+      highlightPrevItem({ context: e, scope: t, event: n, prop: r }) {
+        const o = Ke(t, {
+          loop: n.loop,
+          value: e.get("highlightedValue"),
+          loopFocus: r("loopFocus")
+        });
+        e.set("highlightedValue", f(o));
+      },
+      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 });
+      },
+      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 });
+        });
+      },
+      highlightMatchedItem({ scope: e, context: t, event: n, refs: r }) {
+        const o = $e(e, {
+          key: n.key,
+          value: t.get("highlightedValue"),
+          typeaheadState: r.get("typeaheadState")
+        });
+        o && t.set("highlightedValue", f(o));
+      },
+      setParentMenu({ refs: e, event: t }) {
+        e.set("parent", t.value);
+      },
+      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") });
+      },
+      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" });
+      },
+      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));
+      },
+      restoreHighlightedItem({ context: e }) {
+        e.get("lastHighlightedValue") && (e.set("highlightedValue", e.get("lastHighlightedValue")), e.set("lastHighlightedValue", null));
+      },
+      restoreParentHighlightedItem({ refs: e }) {
+        var t;
+        (t = e.get("parent")) == null || t.send({ type: "HIGHLIGHTED.RESTORE" });
+      },
+      invokeOnOpen({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !0 });
+      },
+      invokeOnClose({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !1 });
+      },
+      toggleVisibility({ prop: e, event: t, send: n }) {
+        n({
+          type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+          previousEvent: t
+        });
+      }
+    }
+  }
+});
+function ne(e) {
+  let t = e.parent;
+  for (; t && t.computed("isSubmenu"); )
+    t = t.refs.get("parent");
+  t == null || t.send({ type: "CLOSE" });
 }
-function H(t) {
-  let o = t.parent;
-  for (; o && o.state.context.isSubmenu; )
-    o = o.state.context.parent;
-  o == null || o.send("CLOSE");
+function je(e, t) {
+  return e ? Ge(e, t) : !1;
 }
-var f = {
-  highlighted(t, o) {
-    var e;
-    de(t.highlightedValue, o) || (t.highlightedValue = o, (e = t.onHighlightChange) == null || e.call(t, { highlightedValue: o }));
+function Je(e, t, n) {
+  const r = Object.keys(e).length > 0;
+  if (!t) return null;
+  if (!r)
+    return N(n, t);
+  for (const o in e) {
+    const g = e[o], a = w(g.scope);
+    if (a === t)
+      return a;
   }
-};
-y()([
+  return N(n, t);
+}
+k()([
   "anchorPoint",
   "aria-label",
   "closeOnSelect",
+  "composite",
+  "defaultHighlightedValue",
+  "defaultOpen",
   "dir",
   "getRootNode",
   "highlightedValue",
   "id",
   "ids",
   "loopFocus",
+  "navigate",
+  "onEscapeKeyDown",
   "onFocusOutside",
+  "onHighlightChange",
   "onInteractOutside",
   "onOpenChange",
   "onPointerDownOutside",
-  "onEscapeKeyDown",
   "onSelect",
-  "onHighlightChange",
   "open",
-  "open.controlled",
   "positioning",
-  "typeahead",
-  "composite"
+  "typeahead"
 ]);
-y()(["closeOnSelect", "disabled", "value", "valueText"]);
-y()(["htmlFor"]);
-y()(["id"]);
-y()([
-  "disabled",
-  "valueText",
+k()(["closeOnSelect", "disabled", "value", "valueText"]);
+k()(["htmlFor"]);
+k()(["id"]);
+k()([
+  "checked",
   "closeOnSelect",
+  "disabled",
+  "onCheckedChange",
   "type",
   "value",
-  "checked",
-  "onCheckedChange"
+  "valueText"
 ]);
 export {
-  Ee as anatomy,
-  be as connect,
-  ve as machine
+  Ve as anatomy,
+  ot as connect,
+  at as machine
 };