@televet/kibble-ui 4.0.0-beta.6 → 4.0.0-beta.60

package/dist/chunks/index-D5Dscg8T.js

@@ -0,0 +1,1195 @@
+import { c as le, S as te, z as ge, r as M, U as ce, V as ue, o as de, W as he, t as pe, O as ne, X as Oe, b as Ee, d as y, Y as K, Z as $, Q as me, E as ie, R as Te, q, _ as Ie, n as fe, $ as Pe, a0 as _, a1 as ye, F as Ce, a2 as ve, a3 as Re, k as Se, a4 as Ne, l as ke, y as Le, g as be, a5 as j, P as Ae } from "./index-C323eOJV.js";
+import { e as Me, g as Q, d as _e, b as k } from "./portal-D2KZrSzZ.js";
+var R = (e, t) => ({ x: e, y: t });
+function De(e) {
+  const { x: t, y: r, width: n, height: o } = e, g = t + n / 2, a = r + o / 2;
+  return {
+    x: t,
+    y: r,
+    width: n,
+    height: o,
+    minX: t,
+    minY: r,
+    maxX: t + n,
+    maxY: r + o,
+    midX: g,
+    midY: a,
+    center: R(g, a)
+  };
+}
+function He(e) {
+  const t = R(e.minX, e.minY), r = R(e.maxX, e.minY), n = R(e.maxX, e.maxY), o = R(e.minX, e.maxY);
+  return { top: t, right: r, bottom: n, left: o };
+}
+function we(e, t) {
+  const r = De(e), { top: n, right: o, left: g, bottom: a } = He(r), [l] = t.split("-");
+  return {
+    top: [g, n, o, a],
+    right: [n, o, a, g],
+    bottom: [n, g, a, o],
+    left: [o, n, g, a]
+  }[l];
+}
+function Ge(e, t) {
+  const { x: r, y: n } = t;
+  let o = !1;
+  for (let g = 0, a = e.length - 1; g < e.length; a = g++) {
+    const l = e[g].x, u = e[g].y, I = e[a].x, b = e[a].y;
+    u > n != b > n && r < (I - l) * (n - u) / (b - u) + l && (o = !o);
+  }
+  return o;
+}
+var Ve = Ee("menu").parts(
+  "arrow",
+  "arrowTip",
+  "content",
+  "contextTrigger",
+  "indicator",
+  "item",
+  "itemGroup",
+  "itemGroupLabel",
+  "itemIndicator",
+  "itemText",
+  "positioner",
+  "separator",
+  "trigger",
+  "triggerItem"
+), h = Ve.build(), w = (e) => e.ids?.trigger ?? `menu:${e.id}:trigger`, re = (e) => e.ids?.contextTrigger ?? `menu:${e.id}:ctx-trigger`, S = (e) => e.ids?.content ?? `menu:${e.id}:content`, Fe = (e) => e.ids?.arrow ?? `menu:${e.id}:arrow`, oe = (e) => e.ids?.positioner ?? `menu:${e.id}:popper`, Ue = (e, t) => e.ids?.group?.(t) ?? `menu:${e.id}:group:${t}`, N = (e, t) => `${e.id}/${t}`, P = (e) => e?.dataset.value ?? null, Z = (e, t) => e.ids?.groupLabel?.(t) ?? `menu:${e.id}:group-label:${t}`, f = (e) => e.getById(S(e)), J = (e) => e.getById(oe(e)), D = (e) => e.getById(w(e)), ae = (e, t) => t ? e.getById(N(e, t)) : null, z = (e) => e.getById(re(e)), L = (e) => {
+  const r = `[role^="menuitem"][data-ownedby=${CSS.escape(S(e))}]:not([data-disabled])`;
+  return Le(f(e), r);
+}, xe = (e) => ue(L(e)), We = (e) => ce(L(e)), W = (e, t) => t ? e.id === t || e.dataset.value === t : !1, Be = (e, t) => {
+  const r = L(e), n = r.findIndex((o) => W(o, t.value));
+  return Re(r, n, { loop: t.loop ?? t.loopFocus });
+}, Xe = (e, t) => {
+  const r = L(e), n = r.findIndex((o) => W(o, t.value));
+  return ve(r, n, { loop: t.loop ?? t.loopFocus });
+}, Ye = (e, t) => {
+  const r = L(e), n = r.find((o) => W(o, t.value));
+  return ne(r, { state: t.typeaheadState, key: t.key, activeId: n?.id ?? null });
+}, H = (e) => ke(e) && (e.dataset.disabled === "" || e.hasAttribute("disabled")), Ke = (e) => !!e?.getAttribute("role")?.startsWith("menuitem") && !!e?.hasAttribute("aria-controls"), x = "menu:select";
+function $e(e, t) {
+  if (!e) return;
+  const r = Ce(e), n = new r.CustomEvent(x, { detail: { value: t } });
+  e.dispatchEvent(n);
+}
+function ze(e, t) {
+  const { context: r, send: n, state: o, computed: g, prop: a, scope: l } = e, u = o.hasTag("open"), I = g("isSubmenu"), b = g("isTypingAhead"), B = a("composite"), X = r.get("currentPlacement"), se = r.get("anchorPoint"), v = r.get("highlightedValue"), G = _e({
+    ...a("positioning"),
+    placement: se ? "bottom" : X
+  });
+  function V(i) {
+    return {
+      id: N(l, i.value),
+      disabled: !!i.disabled,
+      highlighted: v === i.value
+    };
+  }
+  function Y(i) {
+    const s = i.valueText ?? i.value;
+    return { ...i, id: i.value, valueText: s };
+  }
+  function A(i) {
+    return {
+      ...V(Y(i)),
+      checked: !!i.checked
+    };
+  }
+  function F(i) {
+    const { closeOnSelect: s, valueText: E, value: m } = i, p = V(i), T = N(l, m);
+    return t.element({
+      ...h.item.attrs,
+      id: T,
+      role: "menuitem",
+      "aria-disabled": Se(p.disabled),
+      "data-disabled": y(p.disabled),
+      "data-ownedby": S(l),
+      "data-highlighted": y(p.highlighted),
+      "data-value": m,
+      "data-valuetext": E,
+      onDragStart(c) {
+        c.currentTarget.matches("a[href]") && c.preventDefault();
+      },
+      onPointerMove(c) {
+        if (p.disabled || c.pointerType !== "mouse") return;
+        const d = c.currentTarget;
+        p.highlighted || n({ type: "ITEM_POINTERMOVE", id: T, target: d, closeOnSelect: s });
+      },
+      onPointerLeave(c) {
+        if (p.disabled || c.pointerType !== "mouse" || !e.event.previous()?.type.includes("POINTER")) return;
+        const U = c.currentTarget;
+        n({ type: "ITEM_POINTERLEAVE", id: T, target: U, closeOnSelect: s });
+      },
+      onPointerDown(c) {
+        if (p.disabled) return;
+        const d = c.currentTarget;
+        n({ type: "ITEM_POINTERDOWN", target: d, id: T, closeOnSelect: s });
+      },
+      onClick(c) {
+        if (K(c) || $(c) || p.disabled) return;
+        const d = c.currentTarget;
+        n({ type: "ITEM_CLICK", target: d, id: T, closeOnSelect: s });
+      }
+    });
+  }
+  return {
+    highlightedValue: v,
+    open: u,
+    setOpen(i) {
+      o.hasTag("open") !== i && n({ type: i ? "OPEN" : "CLOSE" });
+    },
+    setHighlightedValue(i) {
+      n({ type: "HIGHLIGHTED.SET", value: i });
+    },
+    setParent(i) {
+      n({ type: "PARENT.SET", value: i, id: i.prop("id") });
+    },
+    setChild(i) {
+      n({ type: "CHILD.SET", value: i, id: i.prop("id") });
+    },
+    reposition(i = {}) {
+      n({ type: "POSITIONING.SET", options: i });
+    },
+    addItemListener(i) {
+      const s = l.getById(i.id);
+      if (!s) return;
+      const E = () => i.onSelect?.();
+      return s.addEventListener(x, E), () => s.removeEventListener(x, E);
+    },
+    getContextTriggerProps() {
+      return t.element({
+        ...h.contextTrigger.attrs,
+        dir: a("dir"),
+        id: re(l),
+        onPointerDown(i) {
+          if (i.pointerType === "mouse") return;
+          const s = _(i);
+          n({ type: "CONTEXT_MENU_START", point: s });
+        },
+        onPointerCancel(i) {
+          i.pointerType !== "mouse" && n({ type: "CONTEXT_MENU_CANCEL" });
+        },
+        onPointerMove(i) {
+          i.pointerType !== "mouse" && n({ type: "CONTEXT_MENU_CANCEL" });
+        },
+        onPointerUp(i) {
+          i.pointerType !== "mouse" && n({ type: "CONTEXT_MENU_CANCEL" });
+        },
+        onContextMenu(i) {
+          const s = _(i);
+          n({ type: "CONTEXT_MENU", point: s }), i.preventDefault();
+        },
+        style: {
+          WebkitTouchCallout: "none",
+          WebkitUserSelect: "none",
+          userSelect: "none"
+        }
+      });
+    },
+    getTriggerItemProps(i) {
+      const s = i.getTriggerProps();
+      return ye(F({ value: s.id }), s);
+    },
+    getTriggerProps() {
+      return t.button({
+        ...I ? h.triggerItem.attrs : h.trigger.attrs,
+        "data-placement": r.get("currentPlacement"),
+        type: "button",
+        dir: a("dir"),
+        id: w(l),
+        "data-uid": a("id"),
+        "aria-haspopup": B ? "menu" : "dialog",
+        "aria-controls": S(l),
+        "aria-expanded": u || void 0,
+        "data-state": u ? "open" : "closed",
+        onPointerMove(i) {
+          if (i.pointerType !== "mouse" || H(i.currentTarget) || !I) return;
+          const E = _(i);
+          n({ type: "TRIGGER_POINTERMOVE", target: i.currentTarget, point: E });
+        },
+        onPointerLeave(i) {
+          if (H(i.currentTarget) || i.pointerType !== "mouse" || !I) return;
+          const s = _(i);
+          n({
+            type: "TRIGGER_POINTERLEAVE",
+            target: i.currentTarget,
+            point: s
+          });
+        },
+        onPointerDown(i) {
+          H(i.currentTarget) || Pe(i) || i.preventDefault();
+        },
+        onClick(i) {
+          i.defaultPrevented || H(i.currentTarget) || n({ type: "TRIGGER_CLICK", target: i.currentTarget });
+        },
+        onBlur() {
+          n({ type: "TRIGGER_BLUR" });
+        },
+        onFocus() {
+          n({ type: "TRIGGER_FOCUS" });
+        },
+        onKeyDown(i) {
+          if (i.defaultPrevented) return;
+          const s = {
+            ArrowDown() {
+              n({ type: "ARROW_DOWN" });
+            },
+            ArrowUp() {
+              n({ type: "ARROW_UP" });
+            },
+            Enter() {
+              n({ type: "ARROW_DOWN", src: "enter" });
+            },
+            Space() {
+              n({ type: "ARROW_DOWN", src: "space" });
+            }
+          }, E = q(i, {
+            orientation: "vertical",
+            dir: a("dir")
+          }), m = s[E];
+          m && (i.preventDefault(), m(i));
+        }
+      });
+    },
+    getIndicatorProps() {
+      return t.element({
+        ...h.indicator.attrs,
+        dir: a("dir"),
+        "data-state": u ? "open" : "closed"
+      });
+    },
+    getPositionerProps() {
+      return t.element({
+        ...h.positioner.attrs,
+        dir: a("dir"),
+        id: oe(l),
+        style: G.floating
+      });
+    },
+    getArrowProps() {
+      return t.element({
+        id: Fe(l),
+        ...h.arrow.attrs,
+        dir: a("dir"),
+        style: G.arrow
+      });
+    },
+    getArrowTipProps() {
+      return t.element({
+        ...h.arrowTip.attrs,
+        dir: a("dir"),
+        style: G.arrowTip
+      });
+    },
+    getContentProps() {
+      return t.element({
+        ...h.content.attrs,
+        id: S(l),
+        "aria-label": a("aria-label"),
+        hidden: !u,
+        "data-state": u ? "open" : "closed",
+        role: B ? "menu" : "dialog",
+        tabIndex: 0,
+        dir: a("dir"),
+        "aria-activedescendant": g("highlightedId") || void 0,
+        "aria-labelledby": w(l),
+        "data-placement": X,
+        onPointerEnter(i) {
+          i.pointerType === "mouse" && n({ type: "MENU_POINTERENTER" });
+        },
+        onKeyDown(i) {
+          if (i.defaultPrevented || !me(i)) return;
+          const s = ie(i);
+          if (!(s?.closest("[role=menu]") === i.currentTarget || s === i.currentTarget)) return;
+          if (i.key === "Tab" && !Te(i)) {
+            i.preventDefault();
+            return;
+          }
+          const m = ae(l, v), p = {
+            ArrowDown() {
+              n({ type: "ARROW_DOWN" });
+            },
+            ArrowUp() {
+              n({ type: "ARROW_UP" });
+            },
+            ArrowLeft() {
+              n({ type: "ARROW_LEFT" });
+            },
+            ArrowRight() {
+              n({ type: "ARROW_RIGHT" });
+            },
+            Enter() {
+              n({ type: "ENTER" }), v != null && Ne(m) && a("navigate")?.({ value: v, node: m, href: m.href });
+            },
+            Space(d) {
+              b ? n({ type: "TYPEAHEAD", key: d.key }) : p.Enter?.(d);
+            },
+            Home() {
+              n({ type: "HOME" });
+            },
+            End() {
+              n({ type: "END" });
+            }
+          }, T = q(i, { dir: a("dir") }), c = p[T];
+          if (c) {
+            c(i), i.stopPropagation(), i.preventDefault();
+            return;
+          }
+          a("typeahead") && Ie(i) && (fe(i) || te(s) || (n({ type: "TYPEAHEAD", key: i.key }), i.preventDefault()));
+        }
+      });
+    },
+    getSeparatorProps() {
+      return t.element({
+        ...h.separator.attrs,
+        role: "separator",
+        dir: a("dir"),
+        "aria-orientation": "horizontal"
+      });
+    },
+    getItemState: V,
+    getItemProps: F,
+    getOptionItemState: A,
+    getOptionItemProps(i) {
+      const { type: s, disabled: E, onCheckedChange: m, closeOnSelect: p } = i, T = Y(i), c = A(i);
+      return {
+        ...F(T),
+        ...t.element({
+          "data-type": s,
+          ...h.item.attrs,
+          dir: a("dir"),
+          "data-value": T.value,
+          role: `menuitem${s}`,
+          "aria-checked": !!c.checked,
+          "data-state": c.checked ? "checked" : "unchecked",
+          onClick(d) {
+            if (E || K(d) || $(d)) return;
+            const U = d.currentTarget;
+            n({ type: "ITEM_CLICK", target: U, option: T, closeOnSelect: p }), m?.(!c.checked);
+          }
+        })
+      };
+    },
+    getItemIndicatorProps(i) {
+      const s = A(i);
+      return t.element({
+        ...h.itemIndicator.attrs,
+        dir: a("dir"),
+        "data-disabled": y(s.disabled),
+        "data-highlighted": y(s.highlighted),
+        "data-state": s.checked ? "checked" : "unchecked",
+        hidden: !s.checked
+      });
+    },
+    getItemTextProps(i) {
+      const s = A(i);
+      return t.element({
+        ...h.itemText.attrs,
+        dir: a("dir"),
+        "data-disabled": y(s.disabled),
+        "data-highlighted": y(s.highlighted),
+        "data-state": s.checked ? "checked" : "unchecked"
+      });
+    },
+    getItemGroupLabelProps(i) {
+      return t.element({
+        ...h.itemGroupLabel.attrs,
+        id: Z(l, i.htmlFor),
+        dir: a("dir")
+      });
+    },
+    getItemGroupProps(i) {
+      return t.element({
+        id: Ue(l, i.id),
+        ...h.itemGroup.attrs,
+        dir: a("dir"),
+        "aria-labelledby": Z(l, i.id),
+        role: "group"
+      });
+    }
+  };
+}
+var { not: O, and: C, or: qe } = ge(), et = le({
+  props({ props: e }) {
+    return {
+      closeOnSelect: !0,
+      typeahead: !0,
+      composite: !0,
+      loopFocus: !1,
+      navigate(t) {
+        Oe(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(r) {
+          t("onHighlightChange")?.({ highlightedValue: r });
+        }
+      })),
+      lastHighlightedValue: e(() => ({
+        defaultValue: null
+      })),
+      currentPlacement: e(() => ({
+        defaultValue: void 0
+      })),
+      intentPolygon: e(() => ({
+        defaultValue: null
+      })),
+      anchorPoint: e(() => ({
+        defaultValue: null,
+        hash(r) {
+          return `x: ${r?.x}, y: ${r?.y}`;
+        }
+      }))
+    };
+  },
+  refs() {
+    return {
+      parent: null,
+      children: {},
+      typeaheadState: { ...ne.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: r }) => Qe(r.get("children"), e.get("highlightedValue"), t)
+  },
+  watch({ track: e, action: t, context: r, computed: n, prop: o }) {
+    e([() => n("isSubmenu")], () => {
+      t(["setSubmenuPlacement"]);
+    }), e([() => r.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"]
+      },
+      {
+        // 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: O("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"],
+      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"]
+        },
+        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: C(O("isTriggerItem"), "isOpenControlled"),
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: O("isTriggerItem"),
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        CONTEXT_MENU: {
+          actions: ["setAnchorPoint", "focusMenu"]
+        },
+        ARROW_UP: {
+          actions: ["highlightPrevItem", "focusMenu"]
+        },
+        ARROW_DOWN: {
+          actions: ["highlightNextItem", "focusMenu"]
+        },
+        ARROW_LEFT: [
+          {
+            guard: C("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: O("isPointerSuspended"),
+            actions: ["setHighlightedItem", "focusMenu"]
+          },
+          {
+            actions: ["setLastHighlightedItem"]
+          }
+        ],
+        ITEM_POINTERLEAVE: {
+          guard: C(O("isPointerSuspended"), O("isTriggerItem")),
+          actions: ["clearHighlightedItem"]
+        },
+        ITEM_CLICK: [
+          // == grouped ==
+          {
+            guard: C(
+              O("isTriggerItemHighlighted"),
+              O("isHighlightedItemEditable"),
+              "closeOnSelect",
+              "isOpenControlled"
+            ),
+            actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
+          },
+          {
+            guard: C(O("isTriggerItemHighlighted"), O("isHighlightedItemEditable"), "closeOnSelect"),
+            target: "closed",
+            actions: ["invokeOnSelect", "setOptionState", "closeRootMenu", "invokeOnClose"]
+          },
+          //
+          {
+            guard: C(O("isTriggerItemHighlighted"), O("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?.closeOnSelect ?? e("closeOnSelect")),
+      // whether the trigger is also a menu item
+      isTriggerItem: ({ event: e }) => Ke(e.target),
+      // whether the trigger item is the active item
+      isTriggerItemHighlighted: ({ event: e, scope: t, computed: r }) => !!(e.target ?? t.getById(r("highlightedId")))?.hasAttribute("aria-controls"),
+      isSubmenu: ({ computed: e }) => e("isSubmenu"),
+      isPointerSuspended: ({ context: e }) => e.get("suspendPointer"),
+      isHighlightedItemEditable: ({ scope: e, computed: t }) => te(e.getById(t("highlightedId"))),
+      // guard assertions (for controlled mode)
+      isOpenControlled: ({ prop: e }) => e("open") !== void 0,
+      isArrowLeftEvent: ({ event: e }) => e.previousEvent?.type === "ARROW_LEFT",
+      isArrowUpEvent: ({ event: e }) => e.previousEvent?.type === "ARROW_UP",
+      isArrowDownEvent: ({ event: e }) => e.previousEvent?.type === "ARROW_DOWN",
+      isOpenAutoFocusEvent: ({ event: e }) => e.previousEvent?.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: r, refs: n }) {
+        if (z(r)) return;
+        const o = {
+          ...t("positioning"),
+          ...n.get("positioningOverride")
+        };
+        e.set("currentPlacement", o.placement);
+        const g = () => J(r);
+        return Q(D(r), g, {
+          ...o,
+          defer: !0,
+          onComplete(a) {
+            e.set("currentPlacement", a.placement);
+          }
+        });
+      },
+      trackInteractOutside({ refs: e, scope: t, prop: r, computed: n, send: o }) {
+        const g = () => f(t);
+        let a = !0;
+        return pe(g, {
+          defer: !0,
+          exclude: [D(t)],
+          onInteractOutside: r("onInteractOutside"),
+          onFocusOutside: r("onFocusOutside"),
+          onEscapeKeyDown(l) {
+            r("onEscapeKeyDown")?.(l), n("isSubmenu") && l.preventDefault(), ee({ parent: e.get("parent") });
+          },
+          onPointerDownOutside(l) {
+            const u = ie(l.detail.originalEvent);
+            if (j(z(t), u) && l.detail.contextmenu) {
+              l.preventDefault();
+              return;
+            }
+            a = !l.detail.focusable, r("onPointerDownOutside")?.(l);
+          },
+          onDismiss() {
+            o({ type: "CLOSE", src: "interact-outside", restoreFocus: a });
+          }
+        });
+      },
+      trackPointerMove({ context: e, scope: t, send: r, refs: n, flush: o }) {
+        const g = n.get("parent");
+        o(() => {
+          g.context.set("suspendPointer", !0);
+        });
+        const a = t.getDoc();
+        return he(a, "pointermove", (l) => {
+          je(e.get("intentPolygon"), {
+            x: l.clientX,
+            y: l.clientY
+          }) || (r({ type: "POINTER_MOVED_AWAY_FROM_SUBMENU" }), g.context.set("suspendPointer", !1));
+        });
+      },
+      scrollToHighlightedItem({ event: e, scope: t, computed: r }) {
+        const n = () => {
+          if (e.type.startsWith("ITEM_POINTER")) return;
+          const g = t.getById(r("highlightedId")), a = f(t);
+          Ae(g, { rootEl: a, block: "nearest" });
+        };
+        return M(() => n()), de(() => f(t), {
+          defer: !0,
+          attributes: ["aria-activedescendant"],
+          callback: n
+        });
+      }
+    },
+    actions: {
+      setAnchorPoint({ context: e, event: t }) {
+        e.set("anchorPoint", t.point);
+      },
+      setSubmenuPlacement({ computed: e, refs: t }) {
+        if (!e("isSubmenu")) return;
+        const r = e("isRtl") ? "left-start" : "right-start";
+        t.set("positioningOverride", { placement: r, gutter: 0 });
+      },
+      reposition({ context: e, scope: t, prop: r, event: n, refs: o }) {
+        const g = () => J(t), a = e.get("anchorPoint"), l = a ? () => ({ width: 0, height: 0, ...a }) : void 0, u = {
+          ...r("positioning"),
+          ...o.get("positioningOverride")
+        };
+        Q(D(t), g, {
+          ...u,
+          defer: !0,
+          getAnchorRect: l,
+          ...n.options ?? {},
+          listeners: !1,
+          onComplete(I) {
+            e.set("currentPlacement", I.placement);
+          }
+        });
+      },
+      setOptionState({ event: e }) {
+        if (!e.option) return;
+        const { checked: t, onCheckedChange: r, type: n } = e.option;
+        n === "radio" ? r?.(!0) : n === "checkbox" && r?.(!t);
+      },
+      clickHighlightedItem({ scope: e, computed: t }) {
+        const r = e.getById(t("highlightedId"));
+        !r || r.dataset.disabled || queueMicrotask(() => r.click());
+      },
+      setIntentPolygon({ context: e, scope: t, event: r }) {
+        const n = f(t), o = e.get("currentPlacement");
+        if (!n || !o) return;
+        const g = n.getBoundingClientRect(), a = we(g, o);
+        if (!a) return;
+        const u = Me(o) === "right" ? -5 : 5;
+        e.set("intentPolygon", [{ ...r.point, x: r.point.x + u }, ...a]);
+      },
+      clearIntentPolygon({ context: e }) {
+        e.set("intentPolygon", null);
+      },
+      resumePointer({ refs: e, flush: t }) {
+        const r = e.get("parent");
+        r && t(() => {
+          r.context.set("suspendPointer", !1);
+        });
+      },
+      setHighlightedItem({ context: e, event: t }) {
+        const r = t.value || P(t.target);
+        e.set("highlightedValue", r);
+      },
+      clearHighlightedItem({ context: e }) {
+        e.set("highlightedValue", null);
+      },
+      focusMenu({ scope: e }) {
+        M(() => {
+          const t = f(e);
+          be({
+            root: t,
+            enabled: !j(t, e.getActiveElement()),
+            filter(n) {
+              return !n.role?.startsWith("menuitem");
+            }
+          })?.focus({ preventScroll: !0 });
+        });
+      },
+      highlightFirstItem({ context: e, scope: t }) {
+        (f(t) ? queueMicrotask : M)(() => {
+          const n = xe(t);
+          n && e.set("highlightedValue", P(n));
+        });
+      },
+      highlightLastItem({ context: e, scope: t }) {
+        (f(t) ? queueMicrotask : M)(() => {
+          const n = We(t);
+          n && e.set("highlightedValue", P(n));
+        });
+      },
+      highlightNextItem({ context: e, scope: t, event: r, prop: n }) {
+        const o = Be(t, {
+          loop: r.loop,
+          value: e.get("highlightedValue"),
+          loopFocus: n("loopFocus")
+        });
+        e.set("highlightedValue", P(o));
+      },
+      highlightPrevItem({ context: e, scope: t, event: r, prop: n }) {
+        const o = Xe(t, {
+          loop: r.loop,
+          value: e.get("highlightedValue"),
+          loopFocus: n("loopFocus")
+        });
+        e.set("highlightedValue", P(o));
+      },
+      invokeOnSelect({ context: e, prop: t, scope: r }) {
+        const n = e.get("highlightedValue");
+        if (n == null) return;
+        const o = ae(r, n);
+        $e(o, n), t("onSelect")?.({ value: n });
+      },
+      focusTrigger({ scope: e, context: t, event: r, computed: n }) {
+        n("isSubmenu") || t.get("anchorPoint") || r.restoreFocus === !1 || queueMicrotask(() => D(e)?.focus({ preventScroll: !0 }));
+      },
+      highlightMatchedItem({ scope: e, context: t, event: r, refs: n }) {
+        const o = Ye(e, {
+          key: r.key,
+          value: t.get("highlightedValue"),
+          typeaheadState: n.get("typeaheadState")
+        });
+        o && t.set("highlightedValue", P(o));
+      },
+      setParentMenu({ refs: e, event: t }) {
+        e.set("parent", t.value);
+      },
+      setChildMenu({ refs: e, event: t }) {
+        const r = e.get("children");
+        r[t.id] = t.value, e.set("children", r);
+      },
+      closeRootMenu({ refs: e }) {
+        ee({ parent: e.get("parent") });
+      },
+      openSubmenu({ refs: e, scope: t, computed: r }) {
+        const o = t.getById(r("highlightedId"))?.getAttribute("data-uid"), g = e.get("children");
+        (o ? g[o] : null)?.send({ type: "OPEN_AUTOFOCUS" });
+      },
+      focusParentMenu({ refs: e }) {
+        e.get("parent")?.send({ type: "FOCUS_MENU" });
+      },
+      setLastHighlightedItem({ context: e, event: t }) {
+        e.set("lastHighlightedValue", P(t.target));
+      },
+      restoreHighlightedItem({ context: e }) {
+        e.get("lastHighlightedValue") && (e.set("highlightedValue", e.get("lastHighlightedValue")), e.set("lastHighlightedValue", null));
+      },
+      restoreParentHighlightedItem({ refs: e }) {
+        e.get("parent")?.send({ type: "HIGHLIGHTED.RESTORE" });
+      },
+      invokeOnOpen({ prop: e }) {
+        e("onOpenChange")?.({ open: !0 });
+      },
+      invokeOnClose({ prop: e }) {
+        e("onOpenChange")?.({ open: !1 });
+      },
+      toggleVisibility({ prop: e, event: t, send: r }) {
+        r({
+          type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+          previousEvent: t
+        });
+      }
+    }
+  }
+});
+function ee(e) {
+  let t = e.parent;
+  for (; t && t.computed("isSubmenu"); )
+    t = t.refs.get("parent");
+  t?.send({ type: "CLOSE" });
+}
+function je(e, t) {
+  return e ? Ge(e, t) : !1;
+}
+function Qe(e, t, r) {
+  const n = Object.keys(e).length > 0;
+  if (!t) return null;
+  if (!n)
+    return N(r, t);
+  for (const o in e) {
+    const g = e[o], a = w(g.scope);
+    if (a === t)
+      return a;
+  }
+  return N(r, t);
+}
+k()([
+  "anchorPoint",
+  "aria-label",
+  "closeOnSelect",
+  "composite",
+  "defaultHighlightedValue",
+  "defaultOpen",
+  "dir",
+  "getRootNode",
+  "highlightedValue",
+  "id",
+  "ids",
+  "loopFocus",
+  "navigate",
+  "onEscapeKeyDown",
+  "onFocusOutside",
+  "onHighlightChange",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "onSelect",
+  "open",
+  "positioning",
+  "typeahead"
+]);
+k()(["closeOnSelect", "disabled", "value", "valueText"]);
+k()(["htmlFor"]);
+k()(["id"]);
+k()([
+  "checked",
+  "closeOnSelect",
+  "disabled",
+  "onCheckedChange",
+  "type",
+  "value",
+  "valueText"
+]);
+export {
+  Ve as a,
+  ze as c,
+  et as m
+};
+//# sourceMappingURL=index-D5Dscg8T.js.map