@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

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

@@ -1,1235 +0,0 @@
-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 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 Fe = de("menu").parts(
-  "arrow",
-  "arrowTip",
-  "content",
-  "contextTrigger",
-  "indicator",
-  "item",
-  "itemGroup",
-  "itemGroupLabel",
-  "itemIndicator",
-  "itemText",
-  "positioner",
-  "separator",
-  "trigger",
-  "triggerItem"
-), O = Fe.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`;
-}, 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`;
-}, 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);
-}, 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), 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"));
-}, K = "menu:select";
-function qe(e, t) {
-  if (!e) return;
-  const n = ve(e), i = new n.CustomEvent(K, { detail: { value: t } });
-  e.dispatchEvent(i);
-}
-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(r) {
-    return {
-      id: N(l, r.value),
-      disabled: !!r.disabled,
-      highlighted: v === r.value
-    };
-  }
-  function q(r) {
-    const a = r.valueText ?? r.value;
-    return { ...r, id: r.value, valueText: a };
-  }
-  function A(r) {
-    return {
-      ...V(q(r)),
-      checked: !!r.checked
-    };
-  }
-  function F(r) {
-    const { closeOnSelect: a, valueText: p, value: E } = r, c = V(r), T = N(l, E);
-    return t.element({
-      ...O.item.attrs,
-      id: T,
-      role: "menuitem",
-      "aria-disabled": Ie(c.disabled),
-      "data-disabled": C(c.disabled),
-      "data-ownedby": S(l),
-      "data-highlighted": C(c.highlighted),
-      "data-value": E,
-      "data-valuetext": p,
-      onDragStart(d) {
-        d.currentTarget.matches("a[href]") && d.preventDefault();
-      },
-      onPointerMove(d) {
-        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 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 (c.disabled) return;
-        const h = d.currentTarget;
-        i({ type: "ITEM_POINTERDOWN", target: h, id: T, closeOnSelect: a });
-      },
-      onClick(d) {
-        if (J(d) || Q(d) || c.disabled) return;
-        const h = d.currentTarget;
-        i({ type: "ITEM_CLICK", target: h, id: T, closeOnSelect: a });
-      }
-    });
-  }
-  return {
-    highlightedValue: v,
-    open: u,
-    setOpen(r) {
-      s.hasTag("open") !== r && i({ type: r ? "OPEN" : "CLOSE" });
-    },
-    setHighlightedValue(r) {
-      i({ type: "HIGHLIGHTED.SET", value: r });
-    },
-    setParent(r) {
-      i({ type: "PARENT.SET", value: r, id: r.prop("id") });
-    },
-    setChild(r) {
-      i({ type: "CHILD.SET", value: r, id: r.prop("id") });
-    },
-    reposition(r = {}) {
-      i({ type: "POSITIONING.SET", options: r });
-    },
-    addItemListener(r) {
-      const a = l.getById(r.id);
-      if (!a) return;
-      const p = () => {
-        var E;
-        return (E = r.onSelect) == null ? void 0 : E.call(r);
-      };
-      return a.addEventListener(K, p), () => a.removeEventListener(K, p);
-    },
-    getContextTriggerProps() {
-      return t.element({
-        ...O.contextTrigger.attrs,
-        dir: o("dir"),
-        id: ae(l),
-        "data-state": u ? "open" : "closed",
-        onPointerDown(r) {
-          if (r.pointerType === "mouse") return;
-          const a = b(r);
-          i({ type: "CONTEXT_MENU_START", point: a });
-        },
-        onPointerCancel(r) {
-          r.pointerType !== "mouse" && i({ type: "CONTEXT_MENU_CANCEL" });
-        },
-        onPointerMove(r) {
-          r.pointerType !== "mouse" && i({ type: "CONTEXT_MENU_CANCEL" });
-        },
-        onPointerUp(r) {
-          r.pointerType !== "mouse" && i({ type: "CONTEXT_MENU_CANCEL" });
-        },
-        onContextMenu(r) {
-          const a = b(r);
-          i({ type: "CONTEXT_MENU", point: a }), r.preventDefault();
-        },
-        style: {
-          WebkitTouchCallout: "none",
-          WebkitUserSelect: "none",
-          userSelect: "none"
-        }
-      });
-    },
-    getTriggerItemProps(r) {
-      const a = r.getTriggerProps();
-      return ue(F({ value: a.id }), a);
-    },
-    getTriggerProps() {
-      return t.button({
-        ...f ? O.triggerItem.attrs : O.trigger.attrs,
-        "data-placement": n.get("currentPlacement"),
-        type: "button",
-        dir: o("dir"),
-        id: w(l),
-        "data-uid": o("id"),
-        "aria-haspopup": X ? "menu" : "dialog",
-        "aria-controls": S(l),
-        "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(r) {
-          if (H(r.currentTarget) || r.pointerType !== "mouse" || !f) return;
-          const a = b(r);
-          i({
-            type: "TRIGGER_POINTERLEAVE",
-            target: r.currentTarget,
-            point: a
-          });
-        },
-        onPointerDown(r) {
-          H(r.currentTarget) || Te(r) || r.preventDefault();
-        },
-        onClick(r) {
-          r.defaultPrevented || H(r.currentTarget) || i({ type: "TRIGGER_CLICK", target: r.currentTarget });
-        },
-        onBlur() {
-          i({ type: "TRIGGER_BLUR" });
-        },
-        onFocus() {
-          i({ type: "TRIGGER_FOCUS" });
-        },
-        onKeyDown(r) {
-          if (r.defaultPrevented) return;
-          const a = {
-            ArrowDown() {
-              i({ type: "ARROW_DOWN" });
-            },
-            ArrowUp() {
-              i({ type: "ARROW_UP" });
-            },
-            Enter() {
-              i({ type: "ARROW_DOWN", src: "enter" });
-            },
-            Space() {
-              i({ type: "ARROW_DOWN", src: "space" });
-            }
-          }, p = Z(r, {
-            orientation: "vertical",
-            dir: o("dir")
-          }), E = a[p];
-          E && (r.preventDefault(), E(r));
-        }
-      });
-    },
-    getIndicatorProps() {
-      return t.element({
-        ...O.indicator.attrs,
-        dir: o("dir"),
-        "data-state": u ? "open" : "closed"
-      });
-    },
-    getPositionerProps() {
-      return t.element({
-        ...O.positioner.attrs,
-        dir: o("dir"),
-        id: se(l),
-        style: G.floating
-      });
-    },
-    getArrowProps() {
-      return t.element({
-        id: Ue(l),
-        ...O.arrow.attrs,
-        dir: o("dir"),
-        style: G.arrow
-      });
-    },
-    getArrowTipProps() {
-      return t.element({
-        ...O.arrowTip.attrs,
-        dir: o("dir"),
-        style: G.arrowTip
-      });
-    },
-    getContentProps() {
-      return t.element({
-        ...O.content.attrs,
-        id: S(l),
-        "aria-label": o("aria-label"),
-        hidden: !u,
-        "data-state": u ? "open" : "closed",
-        role: X ? "menu" : "dialog",
-        tabIndex: 0,
-        dir: o("dir"),
-        "aria-activedescendant": g("highlightedId") || void 0,
-        "aria-labelledby": w(l),
-        "data-placement": Y,
-        onPointerEnter(r) {
-          r.pointerType === "mouse" && i({ type: "MENU_POINTERENTER" });
-        },
-        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 E = le(l, v), c = {
-            ArrowDown() {
-              i({ type: "ARROW_DOWN" });
-            },
-            ArrowUp() {
-              i({ type: "ARROW_UP" });
-            },
-            ArrowLeft() {
-              i({ type: "ARROW_LEFT" });
-            },
-            ArrowRight() {
-              i({ type: "ARROW_RIGHT" });
-            },
-            Enter() {
-              var h;
-              i({ type: "ENTER" }), v != null && fe(E) && ((h = o("navigate")) == null || h({ value: v, node: E, href: E.href }));
-            },
-            Space(h) {
-              var M;
-              P ? i({ type: "TYPEAHEAD", key: h.key }) : (M = c.Enter) == null || M.call(c, h);
-            },
-            Home() {
-              i({ type: "HOME" });
-            },
-            End() {
-              i({ type: "END" });
-            }
-          }, T = Z(r, { dir: o("dir") }), d = c[T];
-          if (d) {
-            d(r), r.stopPropagation(), r.preventDefault();
-            return;
-          }
-          o("typeahead") && Ee(r) && (me(r) || re(a) || (i({ type: "TYPEAHEAD", key: r.key }), r.preventDefault()));
-        }
-      });
-    },
-    getSeparatorProps() {
-      return t.element({
-        ...O.separator.attrs,
-        role: "separator",
-        dir: o("dir"),
-        "aria-orientation": "horizontal"
-      });
-    },
-    getItemState: V,
-    getItemProps: F,
-    getOptionItemState: A,
-    getOptionItemProps(r) {
-      const { type: a, disabled: p, closeOnSelect: E } = r, c = q(r), T = A(r);
-      return {
-        ...F(c),
-        ...t.element({
-          "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(r) {
-      const a = A(ee(r)), p = a.checked ? "checked" : "unchecked";
-      return t.element({
-        ...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(r) {
-      const a = A(ee(r)), p = a.checked ? "checked" : "unchecked";
-      return t.element({
-        ...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(r) {
-      return t.element({
-        ...O.itemGroupLabel.attrs,
-        id: te(l, r.htmlFor),
-        dir: o("dir")
-      });
-    },
-    getItemGroupProps(r) {
-      return t.element({
-        id: We(l, r.id),
-        ...O.itemGroup.attrs,
-        dir: o("dir"),
-        "aria-labelledby": te(l, r.id),
-        role: "group"
-      });
-    }
-  };
-}
-var { not: m, and: R, or: je } = he(), st = ce({
-  props({ props: e }) {
-    return {
-      closeOnSelect: !0,
-      typeahead: !0,
-      composite: !0,
-      loopFocus: !1,
-      navigate(t) {
-        Re(t.node);
-      },
-      ...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 i;
-          (i = t("onHighlightChange")) == null || i({ 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}`;
-        }
-      })),
-      isSubmenu: e(() => ({
-        defaultValue: !1
-      }))
-    };
-  },
-  refs() {
-    return {
-      parent: null,
-      children: {},
-      typeaheadState: { ...oe.defaultOptions },
-      positioningOverride: {}
-    };
-  },
-  computed: {
-    isRtl: ({ prop: e }) => e("dir") === "rtl",
-    isTypingAhead: ({ refs: e }) => e.get("typeaheadState").keysSoFar !== "",
-    highlightedId: ({ context: e, scope: t, refs: n }) => Qe(n.get("children"), e.get("highlightedValue"), t)
-  },
-  watch({ track: e, action: t, context: n, prop: i }) {
-    e([() => n.get("isSubmenu")], () => {
-      t(["setSubmenuPlacement"]);
-    }), e([() => n.hash("anchorPoint")], () => {
-      n.get("anchorPoint") && t(["reposition"]);
-    }), e([() => i("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"]
-      },
-      {
-        // 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: {
-        "CONTROLLED.OPEN": {
-          target: "open"
-        },
-        "CONTROLLED.CLOSE": {
-          target: "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: 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"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        "LONG_PRESS.OPEN": [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnOpen"]
-          },
-          {
-            target: "open",
-            actions: ["invokeOnOpen"]
-          }
-        ]
-      }
-    },
-    opening: {
-      tags: ["closed"],
-      effects: ["waitForOpenDelay"],
-      on: {
-        "CONTROLLED.OPEN": {
-          target: "open"
-        },
-        "CONTROLLED.CLOSE": {
-          target: "closed"
-        },
-        BLUR: [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnClose"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        TRIGGER_POINTERLEAVE: [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnClose"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        "DELAY.OPEN": [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnOpen"]
-          },
-          {
-            target: "open",
-            actions: ["invokeOnOpen"]
-          }
-        ]
-      }
-    },
-    closing: {
-      tags: ["open"],
-      effects: ["trackPointerMove", "trackInteractOutside", "waitForCloseDelay"],
-      on: {
-        "CONTROLLED.OPEN": {
-          target: "open"
-        },
-        "CONTROLLED.CLOSE": {
-          target: "closed",
-          actions: ["focusParentMenu", "restoreParentHighlightedItem"]
-        },
-        // 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", "restoreParentHighlightedItem"]
-          }
-        ],
-        "DELAY.CLOSE": [
-          {
-            guard: "isOpenControlled",
-            actions: ["invokeOnClose"]
-          },
-          {
-            target: "closed",
-            actions: ["focusParentMenu", "restoreParentHighlightedItem", "invokeOnClose"]
-          }
-        ]
-      }
-    },
-    closed: {
-      tags: ["closed"],
-      entry: ["clearHighlightedItem", "focusTrigger", "resumePointer", "clearAnchorPoint"],
-      on: {
-        "CONTROLLED.OPEN": [
-          {
-            guard: je("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: { 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: R(m("isTriggerItem"), "isOpenControlled"),
-            actions: ["invokeOnClose"]
-          },
-          {
-            guard: m("isTriggerItem"),
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        CONTEXT_MENU: {
-          actions: ["setAnchorPoint", "focusMenu"]
-        },
-        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: m("isPointerSuspended"),
-            actions: ["setHighlightedItem", "focusMenu"]
-          },
-          {
-            actions: ["setLastHighlightedItem"]
-          }
-        ],
-        ITEM_POINTERLEAVE: {
-          guard: R(m("isPointerSuspended"), m("isTriggerItem")),
-          actions: ["clearHighlightedItem"]
-        },
-        ITEM_CLICK: [
-          // == grouped ==
-          {
-            guard: R(
-              m("isTriggerItemHighlighted"),
-              m("isHighlightedItemEditable"),
-              "closeOnSelect",
-              "isOpenControlled"
-            ),
-            actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
-          },
-          {
-            guard: R(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable"), "closeOnSelect"),
-            target: "closed",
-            actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
-          },
-          //
-          {
-            guard: R(m("isTriggerItemHighlighted"), m("isHighlightedItemEditable")),
-            actions: ["invokeOnSelect", "setOptionState"]
-          },
-          { actions: ["setHighlightedItem"] }
-        ],
-        TRIGGER_POINTERMOVE: {
-          guard: "isTriggerItem",
-          actions: ["setIntentPolygon"]
-        },
-        TRIGGER_POINTERLEAVE: {
-          target: "closing"
-        },
-        ITEM_POINTERDOWN: {
-          actions: ["setHighlightedItem"]
-        },
-        TYPEAHEAD: {
-          actions: ["highlightMatchedItem"]
-        },
-        FOCUS_MENU: {
-          actions: ["focusMenu"]
-        },
-        "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 }) => Ye(e.target),
-      // whether the trigger item is the active item
-      isTriggerItemHighlighted: ({ event: e, scope: t, computed: n }) => {
-        const i = e.target ?? t.getById(n("highlightedId"));
-        return !!(i != null && i.hasAttribute("aria-controls"));
-      },
-      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)
-      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: i }) {
-        if (x(n)) return;
-        const s = {
-          ...t("positioning"),
-          ...i.get("positioningOverride")
-        };
-        e.set("currentPlacement", s.placement);
-        const g = () => ne(n);
-        return z(_(n), g, {
-          ...s,
-          defer: !0,
-          onComplete(o) {
-            e.set("currentPlacement", o.placement);
-          }
-        });
-      },
-      trackInteractOutside({ refs: e, scope: t, prop: n, context: i, send: s }) {
-        const g = () => I(t);
-        let o = !0;
-        return we(g, {
-          defer: !0,
-          exclude: [_(t)],
-          onInteractOutside: n("onInteractOutside"),
-          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 u;
-            (u = n("onEscapeKeyDown")) == null || u(l), i.get("isSubmenu") && l.preventDefault(), ie({ parent: e.get("parent") });
-          },
-          onPointerDownOutside(l) {
-            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;
-            }
-            o = !l.detail.focusable;
-          },
-          onDismiss() {
-            s({ type: "CLOSE", src: "interact-outside", restoreFocus: o });
-          }
-        });
-      },
-      trackPointerMove({ context: e, scope: t, send: n, refs: i, flush: s }) {
-        const g = i.get("parent");
-        s(() => {
-          g.context.set("suspendPointer", !0);
-        });
-        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 i = () => {
-          if (e.type.startsWith("ITEM_POINTER")) return;
-          const g = t.getById(n("highlightedId")), o = I(t);
-          ke(g, { rootEl: o, block: "nearest" });
-        };
-        return D(() => i()), ye(() => I(t), {
-          defer: !0,
-          attributes: ["aria-activedescendant"],
-          callback: i
-        });
-      }
-    },
-    actions: {
-      setAnchorPoint({ context: e, event: t }) {
-        e.set("anchorPoint", (n) => De(n, t.point) ? n : t.point);
-      },
-      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: i, refs: s }) {
-        const g = () => ne(t), o = e.get("anchorPoint"), l = o ? () => ({ width: 0, height: 0, ...o }) : void 0, u = {
-          ...n("positioning"),
-          ...s.get("positioningOverride")
-        };
-        z(_(t), g, {
-          ...u,
-          defer: !0,
-          getAnchorRect: l,
-          ...i.options ?? {},
-          listeners: !1,
-          onComplete(f) {
-            e.set("currentPlacement", f.placement);
-          }
-        });
-      },
-      setOptionState({ event: e }) {
-        if (!e.option) return;
-        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 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(() => {
-          n.context.set("suspendPointer", !1);
-        });
-      },
-      setHighlightedItem({ context: e, event: t }) {
-        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: !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 : D)(() => {
-          const i = xe(t);
-          i && e.set("highlightedValue", y(i));
-        });
-      },
-      highlightLastItem({ context: e, scope: t }) {
-        (I(t) ? queueMicrotask : D)(() => {
-          const i = Be(t);
-          i && e.set("highlightedValue", y(i));
-        });
-      },
-      highlightNextItem({ context: e, scope: t, event: n, prop: i }) {
-        const s = Ke(t, {
-          loop: n.loop,
-          value: e.get("highlightedValue"),
-          loopFocus: i("loopFocus")
-        });
-        e.set("highlightedValue", y(s));
-      },
-      highlightPrevItem({ context: e, scope: t, event: n, prop: i }) {
-        const s = $e(t, {
-          loop: n.loop,
-          value: e.get("highlightedValue"),
-          loopFocus: i("loopFocus")
-        });
-        e.set("highlightedValue", y(s));
-      },
-      invokeOnSelect({ context: e, prop: t, scope: n }) {
-        var g;
-        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 }) {
-        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: i }) {
-        const s = Xe(e, {
-          key: n.key,
-          value: t.get("highlightedValue"),
-          typeaheadState: i.get("typeaheadState")
-        });
-        s && t.set("highlightedValue", y(s));
-      },
-      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 }) {
-        ie({ parent: e.get("parent") });
-      },
-      openSubmenu({ refs: e, scope: t, computed: n }) {
-        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", y(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 ie(e) {
-  let t = e.parent;
-  for (; t && t.context.get("isSubmenu"); )
-    t = t.refs.get("parent");
-  t == null || t.send({ type: "CLOSE" });
-}
-function Je(e, t) {
-  return e ? Ve(e, t) : !1;
-}
-function Qe(e, t, n) {
-  const i = Object.keys(e).length > 0;
-  if (!t) return null;
-  if (!i)
-    return N(n, t);
-  for (const s in e) {
-    const g = e[s], o = w(g.scope);
-    if (o === t)
-      return o;
-  }
-  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",
-  "onRequestDismiss",
-  "onSelect",
-  "open",
-  "positioning",
-  "typeahead"
-]);
-k()(["closeOnSelect", "disabled", "value", "valueText"]);
-k()(["htmlFor"]);
-k()(["id"]);
-k()([
-  "checked",
-  "closeOnSelect",
-  "disabled",
-  "onCheckedChange",
-  "type",
-  "value",
-  "valueText"
-]);
-export {
-  Fe as anatomy,
-  at as connect,
-  st as machine
-};