twenty-ui 2.47.0 → 2.48.0

package/dist/Dropdown-CScN_olN.js

@@ -1,784 +0,0 @@
-import { t as c } from "./isDefined-fMi6eQ4r.js";
-import { Cn as Be, Dn as Me, En as Ke, hl as Ge } from "./icon-BdXwnJA6.js";
-import { t as j } from "./mergeClassNames-ClFMR1v0.js";
-import { t as He } from "./preventDismissingClickActivation-CzWqpjiX.js";
-import { r as ye, t as We } from "./Button-Cs07psdD.js";
-import { t as De } from "./isRenderableSlot-DT_depzM.js";
-import { t as Ue } from "./Tooltip-BMkznyoi.js";
-import { n as Te } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
-import { t as te } from "./ListItem.module-Ar-vZ7Qu.js";
-import { t as de } from "./ListItem-CXu35dzp.js";
-import { t as X } from "./Popover-CWeCV7X9.js";
-import { t as ze } from "./Input-DZWl81G_.js";
-import { useRender as _e } from "@base-ui/react/use-render";
-import { isBoolean as $e, isFunction as je, isNonEmptyString as oe, isPositiveInteger as Ae } from "@sniptt/guards";
-import { clsx as M } from "clsx";
-import { createContext as Ye, useCallback as Q, useContext as ne, useEffect as Ve, useId as ue, useLayoutEffect as Ce, useRef as ke, useState as B } from "react";
-import { Fragment as Xe, jsx as d, jsxs as ae } from "react/jsx-runtime";
-import { Button as Pe } from "@base-ui/react/button";
-import { useMergedRefs as se } from "@base-ui/utils/useMergedRefs";
-import { Popover as Ne } from "@base-ui/react/popover";
-import { useDirection as xe } from "@base-ui/react/direction-provider";
-import { Menu as le } from "@base-ui/react/menu";
-var Je = "_content_pi98m_1", Qe = "_page_pi98m_12", Ze = "_group_pi98m_16", et = "_groupLabel_pi98m_22", tt = "_separator_pi98m_34", rt = "_section_pi98m_41", ot = "_back_pi98m_72", nt = "_backIcon_pi98m_84", at = "_searchContainer_pi98m_88", st = "_search_pi98m_88", it = "_status_pi98m_105", ct = "_header_pi98m_111", dt = "_title_pi98m_124", ut = "_itemWithActions_pi98m_133", lt = "_itemWithActionsPrimary_pi98m_139", pt = "_itemActions_pi98m_154", mt = "_itemDecoration_pi98m_158", _ = {
-  content: Je,
-  page: Qe,
-  group: Ze,
-  groupLabel: et,
-  separator: tt,
-  section: rt,
-  back: ot,
-  backIcon: nt,
-  searchContainer: at,
-  search: st,
-  status: it,
-  header: ct,
-  title: dt,
-  itemWithActions: ut,
-  itemWithActionsPrimary: lt,
-  itemActions: pt,
-  itemDecoration: mt
-}, pe = ({ render: e, ref: t, disabled: r, ...o }) => _e({
-  render: e,
-  ref: t,
-  defaultTagName: "button",
-  props: {
-    ...o,
-    disabled: r
-  }
-}), me = ({ nativeButton: e, renderProps: t }) => e && "disabled" in t && $e(t.disabled) ? t.disabled : void 0, ft = "[data-dropdown-item]", Ee = ({ actions: e, actionsVisibility: t = "hover", color: r = "neutral", selected: o = !1, focused: a = !1, indicator: s = "none", disabled: n = !1, hasSubmenu: u = !1, children: l }) => /* @__PURE__ */ ae("div", {
-  className: M(te.root, _.itemWithActions),
-  role: "none",
-  "data-actions-visibility": t,
-  "data-color": r,
-  "data-selected": o ? "" : void 0,
-  "data-highlighted": a ? "" : void 0,
-  "data-indicator": s,
-  "data-disabled": n ? "" : void 0,
-  onClick: (m) => {
-    m.target === m.currentTarget && m.currentTarget.querySelector(ft)?.click();
-  },
-  children: [
-    l,
-    /* @__PURE__ */ d("span", {
-      className: M(te.actions, _.itemActions),
-      children: e
-    }),
-    s === "check" && o && /* @__PURE__ */ d(Be, {
-      className: M(te.checkIndicator, _.itemDecoration),
-      "aria-hidden": !0
-    }),
-    u && /* @__PURE__ */ d(Me, {
-      className: M(te.submenuIcon, _.itemDecoration),
-      "aria-hidden": !0
-    })
-  ]
-}), fe = (e) => e.getAttribute("aria-label") ?? e.textContent ?? "", Z = (e) => Array.from(e.querySelectorAll("[data-dropdown-item]")).filter((t) => t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && t.closest("[data-dropdown-content]") === e), re = Ye(void 0), K = () => {
-  const e = ne(re);
-  if (!c(e)) throw new Error("Dropdown components must be inside Dropdown.Root");
-  return e;
-}, ge = ({ id: e, disabled: t, isSubmenuTrigger: r = !1 }) => {
-  const o = K(), a = r ? o.parentType : o.type, s = r ? o.parentActiveItemId : o.activeItemId, n = r ? o.setParentActiveItemId : o.setActiveItemId;
-  return {
-    tabIndex: t || a === "menu" && s !== e ? -1 : 0,
-    activate: () => n?.(e)
-  };
-}, Oe = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: n, hasSubmenu: u, actions: l, actionsVisibility: m, children: f, render: g, disabled: v = !1, nativeButton: i = !c(g), closeOnClick: N = !0, onClick: h, onFocus: y, page: p, id: b, ...w }) => {
-  const { type: D, closeTree: E, goToPage: A } = K(), S = ue(), R = b ?? S, x = ge({
-    id: R,
-    disabled: v
-  }), k = De(l), F = u ?? c(p), L = /* @__PURE__ */ d(Pe, {
-    ...w,
-    id: R,
-    disabled: v,
-    nativeButton: i,
-    role: w.role ?? (D === "menu" ? "menuitem" : void 0),
-    tabIndex: x.tabIndex,
-    onFocus: (T) => {
-      x.activate(), y?.(T);
-    },
-    "data-dropdown-item": "",
-    "data-dropdown-page": p,
-    onClick: (T) => {
-      if (h?.(T), !T.defaultPrevented) {
-        if (c(p)) {
-          const P = T.currentTarget.closest("[data-dropdown-content]");
-          if (!c(P)) return;
-          A({
-            id: p,
-            trigger: {
-              id: b,
-              index: Z(P).indexOf(T.currentTarget),
-              page: p,
-              label: fe(T.currentTarget)
-            }
-          });
-          return;
-        }
-        N && E();
-      }
-    },
-    render: (T) => {
-      const P = me({
-        nativeButton: i,
-        renderProps: T
-      });
-      return /* @__PURE__ */ d(de, {
-        ...T,
-        render: /* @__PURE__ */ d(pe, {
-          render: g,
-          disabled: P
-        }),
-        className: M(T.className, k && _.itemWithActionsPrimary),
-        disabled: v,
-        color: e,
-        startIcon: t,
-        endIcon: r,
-        actionsVisibility: m,
-        description: o,
-        descriptionPlacement: a,
-        shortcut: s,
-        shortcutJoinLabel: n,
-        hasSubmenu: !k && F,
-        children: f
-      });
-    }
-  });
-  return k ? /* @__PURE__ */ d(Ee, {
-    actions: l,
-    actionsVisibility: m,
-    color: e,
-    disabled: v,
-    hasSubmenu: F,
-    children: L
-  }) : L;
-}, gt = ({ children: e = "Back", className: t, onClick: r, ...o }) => {
-  const { goBack: a, canGoBack: s } = K();
-  return /* @__PURE__ */ d(Oe, {
-    ...o,
-    className: M(_.back, t),
-    "data-dropdown-back": "",
-    disabled: o.disabled || !s,
-    startIcon: /* @__PURE__ */ d(Ke, { className: _.backIcon }),
-    closeOnClick: !1,
-    onClick: (n) => {
-      r?.(n), !n.defaultPrevented && a();
-    },
-    children: e
-  });
-}, ht = "_button_1qwl0_1", wt = "_tooltipAnchor_1qwl0_29", vt = "_icon_1qwl0_33", ce = {
-  button: ht,
-  tooltipAnchor: wt,
-  icon: vt
-}, bt = ({ children: e, size: t, shape: r = "square", className: o, tooltip: a, tooltipPlace: s = "bottom", tooltipDelay: n = 1e3, tooltipOffset: u = 5, disabled: l, loading: m, ...f }) => {
-  const g = ne(ye), v = t ?? g?.size ?? "md", i = oe(a), N = l || m, h = /* @__PURE__ */ d(We, {
-    ...f,
-    size: v === "xs" ? "sm" : v,
-    "data-icon-size": v,
-    "data-shape": r,
-    disabled: l,
-    loading: m,
-    startIcon: /* @__PURE__ */ d("span", {
-      className: ce.icon,
-      children: e
-    }),
-    className: j(ce.button, o)
-  });
-  return i ? /* @__PURE__ */ d(Ue, {
-    content: a,
-    delay: n,
-    side: s,
-    sideOffset: u,
-    children: N ? /* @__PURE__ */ d("span", {
-      className: ce.tooltipAnchor,
-      children: h
-    }) : h
-  }) : h;
-}, It = "_button_prhtf_1", yt = { button: It }, Dt = ({ className: e, emphasis: t = "standard", size: r, variant: o, ...a }) => {
-  const s = ne(ye), n = r ?? s?.size ?? "sm", u = o ?? s?.variant ?? "ghost";
-  return /* @__PURE__ */ d(bt, {
-    ...a,
-    size: n,
-    variant: u,
-    "data-emphasis": t,
-    className: j(yt.button, e)
-  });
-}, Tt = ({ render: e, children: t, "aria-label": r, ...o }) => /* @__PURE__ */ d(Ne.Close, {
-  ...o,
-  "aria-label": r,
-  render: e ?? /* @__PURE__ */ d(Dt, {
-    size: "sm",
-    "aria-label": r,
-    children: t ?? /* @__PURE__ */ d(Ge, {})
-  }),
-  children: c(e) ? t : void 0
-}), he = ({ content: e, target: t, edge: r = "first", type: o }) => {
-  const a = c(t?.id) ? e.ownerDocument.getElementById(t.id) : null;
-  if (c(a) && e.contains(a)) return a;
-  const s = Z(e), n = c(t) ? s.filter((i) => i.dataset.dropdownPage === t.page) : [], [u] = n;
-  if (n.length === 1 && c(u)) return u;
-  const l = oe(t?.label) ? n.filter((i) => fe(i) === t?.label) : [], [m] = l;
-  if (l.length === 1 && c(m)) return m;
-  const f = c(t) ? s[t.index] : void 0;
-  if (c(f)) return f;
-  const g = e.querySelector('input:not(:disabled):not([type="hidden"]),button:not(:disabled),textarea:not(:disabled),select:not(:disabled),a[href],[tabindex="0"]');
-  if ((Array.from(e.querySelectorAll("[data-dropdown-page-type]")).find((i) => i.closest("[data-dropdown-content]") === e)?.dataset.dropdownPageType ?? o ?? e.dataset.type) === "panel") return g ?? e;
-  const v = e.querySelector("[data-dropdown-search]:not(:disabled)");
-  return c(v) ? v : r === "last" ? s[s.length - 1] ?? g ?? e : s.find((i) => !i.hasAttribute("data-dropdown-back")) ?? s[0] ?? g ?? e;
-}, _t = ({ contentRef: e }) => {
-  const { open: t, pageId: r, pageFocusRequest: o, setPageFocusRequest: a } = K();
-  return Ce(() => {
-    c(o) && (a(void 0), !(!t || o.pageId !== r || !c(e.current)) && he({
-      content: e.current,
-      target: o.target
-    }).focus());
-  }, [
-    e,
-    t,
-    r,
-    o,
-    a
-  ]), null;
-}, we = (e) => {
-  if (e.dataset.type === "panel") return;
-  const t = e.querySelector("[data-dropdown-search]:not(:disabled)");
-  if (!(!c(t) || !oe(t.value.trim())))
-    return Z(e).find((r) => r.hasAttribute("data-dropdown-option-item"));
-}, At = ({ content: e }) => {
-  const { setSearchTargetId: t } = K();
-  return Ce(() => {
-    if (!c(e)) return;
-    const r = () => t(we(e)?.id);
-    r();
-    const o = new MutationObserver(r);
-    return o.observe(e, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["disabled", "aria-disabled"]
-    }), () => {
-      o.disconnect(), t(void 0);
-    };
-  }, [e, t]), null;
-}, Ct = (e) => (e.ctrlKey || e.metaKey) && !e.defaultPrevented, kt = (e) => Array.from(e.ownerDocument.querySelectorAll("[data-dropdown-item][aria-controls]")).find((t) => t.getAttribute("aria-controls") === e.id), Pt = ({ rowCells: e, column: t, isEnabledCell: r }) => {
-  const o = Math.min(t, e.length - 1);
-  for (let a = 0; a < e.length; a++) {
-    const s = [e[o - a], e[o + a]].find(r);
-    if (c(s)) return s;
-  }
-}, Se = ({ key: e, items: t, currentItem: r, search: o, isRightToLeft: a }) => {
-  const s = r?.closest("[data-dropdown-columns]"), n = Number(s?.dataset.dropdownColumns), u = [
-    "ArrowUp",
-    "ArrowDown",
-    "ArrowLeft",
-    "ArrowRight"
-  ].includes(e);
-  if (!c(s) || !c(r) || !u || !Ae(n)) return;
-  const l = Array.from(s.children).filter((p) => p instanceof HTMLElement && !p.hasAttribute("data-dropdown-section-label")), m = l.indexOf(r);
-  if (m < 0) return;
-  const f = Math.floor(m / n), g = m % n, v = e === "ArrowUp" || e === "ArrowDown", i = e === "ArrowDown" || e === (a ? "ArrowLeft" : "ArrowRight") ? 1 : -1, N = Math.ceil(l.length / n), h = new Set(t), y = (p) => c(p) && h.has(p);
-  if (v) {
-    for (let w = f + i; w >= 0 && w < N; w += i) {
-      const D = l[Math.min(w * n + g, l.length - 1)];
-      if (y(D)) return D;
-    }
-    for (let w = f + i; w >= 0 && w < N; w += i) {
-      const D = Pt({
-        rowCells: l.slice(w * n, (w + 1) * n),
-        column: g,
-        isEnabledCell: y
-      });
-      if (c(D)) return D;
-    }
-    const p = l.filter(y), b = i < 0 ? p[0] : p[p.length - 1];
-    return (c(b) ? t[t.indexOf(b) + i] : void 0) ?? (i < 0 ? o : void 0) ?? r;
-  }
-  for (let p = g + i; p >= 0 && p < n; p += i) {
-    const b = l[f * n + p];
-    if (y(b)) return b;
-  }
-  return r;
-}, Nt = ({ key: e, items: t, currentIndex: r, search: o, isSearch: a, isRightToLeft: s = !1 }) => {
-  const n = Se({
-    key: e,
-    items: t,
-    currentItem: t[r],
-    search: o,
-    isRightToLeft: s
-  });
-  if (c(n)) return n;
-  const u = t.length - 1;
-  if (e === "ArrowDown") return t[r === u ? 0 : r + 1];
-  if (e === "ArrowUp" && r === 0 && c(o)) return o;
-  if (e === "ArrowUp") return t[r <= 0 ? u : r - 1];
-  if (!a && e === "Home") return t[0];
-  if (!a && e === "End") return t[u];
-}, xt = 500, Et = ({ type: e, isSubmenu: t, setOpen: r }) => {
-  const o = xe(), [a, s] = B({
-    text: "",
-    timestamp: 0
-  });
-  return (n) => {
-    if (n.defaultPrevented) return;
-    const u = n.currentTarget, l = n.target;
-    if (!(l instanceof HTMLElement) || l.closest("[data-dropdown-content]") !== u) return;
-    const m = l.matches('input,textarea,select,[contenteditable="true"]'), f = o === "rtl", g = f ? "ArrowRight" : "ArrowLeft", v = t && !m && n.key === g, i = v && e !== "panel" ? Se({
-      key: n.key,
-      items: Z(u),
-      currentItem: l,
-      search: null,
-      isRightToLeft: f
-    }) : void 0, N = c(i) && i !== l;
-    if (t && (n.key === "Escape" || v && !N)) {
-      n.preventDefault(), n.stopPropagation(), kt(u)?.focus(), r(!1);
-      return;
-    }
-    if (e === "panel") return;
-    const h = u.querySelector("[data-dropdown-search]:not(:disabled)"), y = l === h;
-    if (m && !y) return;
-    const p = Z(u).filter((x) => !c(h) || !x.hasAttribute("data-dropdown-back")), b = y && n.key === "Enter" && !n.nativeEvent.isComposing ? we(u) : void 0;
-    if (c(b)) {
-      n.preventDefault(), b.click();
-      return;
-    }
-    const w = p.indexOf(l), D = Nt({
-      key: n.key,
-      items: p,
-      currentIndex: w,
-      search: h,
-      isSearch: y,
-      isRightToLeft: f
-    });
-    if (c(D)) {
-      n.preventDefault(), D.focus();
-      return;
-    }
-    if (m || n.key.length !== 1 || n.key === " " || n.altKey || n.ctrlKey || n.metaKey) return;
-    const E = Date.now(), A = E - a.timestamp > xt ? n.key : a.text + n.key;
-    s({
-      text: A,
-      timestamp: E
-    });
-    const S = ([...A].every((x) => x === A[0]) ? n.key : A).toLocaleLowerCase(), R = [...p.slice(w + 1), ...p.slice(0, w + 1)].find((x) => fe(x).trim().toLocaleLowerCase().startsWith(S));
-    c(R) && (n.preventDefault(), R.focus());
-  };
-}, Ot = ({ side: e, align: t = "start", sideOffset: r = 0, alignOffset: o, anchor: a, collisionPadding: s, container: n, keepMounted: u, width: l = 200, className: m, style: f, children: g, initialFocus: v, onKeyDown: i, onInput: N, onClick: h, onMouseDown: y, onPointerDown: p, "aria-label": b, "aria-labelledby": w, ref: D, ...E }) => {
-  const { type: A, isSubmenu: S, setOpen: R, initialFocusEdge: x, focusOnOpen: k, triggerId: F, titleId: L, setSearchTargetId: T } = K(), P = ke(null), [C, G] = B(null), H = se(P, D, G), z = Et({
-    type: A,
-    isSubmenu: S,
-    setOpen: R
-  }), $ = c(b) ? void 0 : L ?? F;
-  return /* @__PURE__ */ ae(Xe, { children: [
-    /* @__PURE__ */ d(X.Portal, {
-      container: n,
-      keepMounted: u,
-      children: /* @__PURE__ */ d(X.Positioner, {
-        side: e ?? (S ? "inline-end" : "bottom"),
-        align: t,
-        sideOffset: r,
-        alignOffset: o,
-        anchor: a,
-        collisionPadding: s,
-        children: /* @__PURE__ */ d(X.Popup, {
-          ...E,
-          ref: H,
-          role: A === "menu" ? "menu" : "dialog",
-          "aria-label": b,
-          "aria-labelledby": w ?? $,
-          "data-dropdown-content": "",
-          "data-type": A,
-          className: j(_.content, m),
-          style: (I) => ({
-            width: l,
-            ...je(f) ? f(I) : f
-          }),
-          initialFocus: v ?? (() => k ? c(P.current) ? he({
-            content: P.current,
-            edge: x,
-            type: A
-          }) : !0 : !1),
-          onKeyDown: (I) => {
-            i?.(I), z(I), Ct(I) || I.stopPropagation();
-          },
-          onInput: (I) => {
-            N?.(I), T(we(I.currentTarget)?.id);
-          },
-          onClick: (I) => {
-            I.stopPropagation(), h?.(I);
-          },
-          onMouseDown: (I) => {
-            I.stopPropagation(), y?.(I);
-          },
-          onPointerDown: (I) => {
-            I.stopPropagation(), p?.(I);
-          },
-          children: g
-        })
-      })
-    }),
-    /* @__PURE__ */ d(_t, { contentRef: P }),
-    /* @__PURE__ */ d(At, { content: C })
-  ] });
-}, St = ({ className: e, ...t }) => /* @__PURE__ */ d(Te, {
-  ...t,
-  role: "status",
-  "aria-live": "polite",
-  className: M(_.status, e)
-}), Rt = ({ render: e, ref: t, className: r, ...o }) => _e({
-  render: e,
-  ref: t,
-  props: {
-    ...o,
-    className: M(_.header, r)
-  }
-}), Ft = ({ className: e, ...t }) => /* @__PURE__ */ d(Te, {
-  ...t,
-  role: "status",
-  "aria-live": "polite",
-  "aria-busy": "true",
-  className: M(_.status, e)
-}), Lt = ({ selected: e, indicator: t, onSelect: r, closeOnSelect: o, color: a, startIcon: s, endIcon: n, description: u, descriptionPlacement: l, shortcut: m, shortcutJoinLabel: f, hasSubmenu: g, actions: v, actionsVisibility: i, children: N, render: h, disabled: y = !1, nativeButton: p = !c(h), onClick: b, onFocus: w, id: D, ...E }) => {
-  const { type: A, multiple: S, closeTree: R, searchTargetId: x } = K(), k = A === "menu", F = c(e), L = !k && (p || E.role === "button"), T = !k && !L && F && e, P = F ? S ? "menuitemcheckbox" : "menuitemradio" : "menuitem", C = S ? "checkbox" : "check", G = ue(), H = D ?? G, z = ge({
-    id: H,
-    disabled: y
-  }), $ = De(v), I = x === H, Y = t ?? (F ? C : "none"), ee = $ && Y === "check", V = /* @__PURE__ */ d(Pe, {
-    ...E,
-    id: H,
-    disabled: y,
-    nativeButton: p,
-    role: k ? P : E.role,
-    "aria-checked": k && F ? e : void 0,
-    "aria-pressed": L && F ? e : void 0,
-    "aria-current": T ? "true" : void 0,
-    tabIndex: z.tabIndex,
-    onFocus: (W) => {
-      z.activate(), w?.(W);
-    },
-    "data-dropdown-item": "",
-    "data-dropdown-option-item": "",
-    onClick: (W) => {
-      b?.(W), !W.defaultPrevented && (r?.(), (o ?? !S) && R());
-    },
-    render: (W) => {
-      const ie = me({
-        nativeButton: p,
-        renderProps: W
-      });
-      return /* @__PURE__ */ d(de, {
-        ...W,
-        render: /* @__PURE__ */ d(pe, {
-          render: h,
-          disabled: ie
-        }),
-        className: M(W.className, $ && _.itemWithActionsPrimary),
-        disabled: y,
-        selected: e,
-        focused: I,
-        indicator: ee ? "none" : Y,
-        color: a,
-        startIcon: s,
-        endIcon: n,
-        actionsVisibility: i,
-        description: u,
-        descriptionPlacement: l,
-        shortcut: m,
-        shortcutJoinLabel: f,
-        hasSubmenu: !$ && g,
-        children: N
-      });
-    }
-  });
-  return $ ? /* @__PURE__ */ d(Ee, {
-    actions: v,
-    actionsVisibility: i,
-    color: a,
-    selected: e,
-    focused: I,
-    indicator: Y,
-    disabled: y,
-    hasSubmenu: g,
-    children: V
-  }) : V;
-}, qt = ({ id: e, type: t, children: r }) => {
-  const o = K(), { registerPage: a } = o, s = Q((n) => {
-    c(n) && a({
-      id: e,
-      type: t
-    });
-  }, [
-    e,
-    t,
-    a
-  ]);
-  return o.pageId !== e ? null : /* @__PURE__ */ d(re.Provider, {
-    value: {
-      ...o,
-      type: t ?? o.rootType
-    },
-    children: /* @__PURE__ */ d("div", {
-      ref: s,
-      className: _.page,
-      "data-dropdown-page-type": t ?? o.rootType,
-      children: r
-    })
-  });
-}, Bt = ({ open: e, registerOpenNestedRoot: t }) => (Ve(() => {
-  if (e)
-    return t?.();
-}, [e, t]), null), Mt = (e) => e instanceof FocusEvent ? e.type === "focusout" && e.relatedTarget instanceof Element ? e.relatedTarget : null : e.target instanceof Element ? e.target : null, be = ({ onDismiss: e, event: t }) => {
-  if (!c(e)) return !1;
-  let r = !1;
-  return e({
-    target: Mt(t),
-    type: t.type,
-    preventDefault: () => {
-      r = !0;
-    }
-  }), r;
-}, Ie = () => {
-  const [e, t] = B();
-  return [e, Q((r) => (t(r), () => t((o) => o === r ? void 0 : o)), [])];
-}, Re = ({ children: e, type: t, open: r, defaultOpen: o = !1, onOpenChange: a, onEscapeKeyDown: s, onInteractOutside: n, multiple: u = !1, defaultPage: l = "root", isSubmenu: m = !1 }) => {
-  const f = ne(re), g = ke(0), v = Q(() => (g.current += 1, () => {
-    g.current -= 1;
-  }), []), [i, N] = B(o), h = r ?? i, [y, p] = B(h), [b, w] = B([{ id: l }]), [D, E] = B(), [A, S] = B(), R = b[b.length - 1]?.id, [x, k] = B(), [F, L] = B("first"), [T, P] = B(!0), [C, G] = B(), [H, z] = Ie(), [$, I] = Ie(), Y = h && !y, ee = !h && y;
-  (Y || ee) && p(h), Y && (w([{ id: l }]), E(void 0), k(void 0)), ee && (L("first"), P(!0), G(void 0));
-  const V = (q) => {
-    c(r) || N(q), a?.(q);
-  }, W = () => {
-    V(!1), m && f?.closeTree();
-  }, ie = ({ id: q, trigger: O }) => {
-    k({ pageId: q }), w((U) => [...U, {
-      id: q,
-      trigger: O
-    }]);
-  }, Fe = () => {
-    const q = b[b.length - 2];
-    if (!c(q)) return;
-    const O = b[b.length - 1]?.trigger;
-    k({
-      pageId: q.id,
-      target: O
-    }), w((U) => U.slice(0, -1));
-  }, Le = Q(({ id: q, type: O }) => {
-    if (!h) return;
-    const U = O ?? t;
-    E((J) => J?.id === q && J.type === U ? J : {
-      id: q,
-      type: U
-    });
-  }, [h, t]);
-  return /* @__PURE__ */ d(X.Root, {
-    open: h,
-    onOpenChange: (q, O) => {
-      const U = O.reason === "outside-press" || O.reason === "focus-out";
-      if (U && g.current > 0) {
-        O.cancel();
-        return;
-      }
-      const J = O.reason === "escape-key" && be({
-        onDismiss: s,
-        event: O.event
-      }), qe = U && be({
-        onDismiss: n,
-        event: O.event
-      });
-      if (J || qe) {
-        O.cancel();
-        return;
-      }
-      U && He(O.event), P(O.reason !== "trigger-hover"), V(q);
-    },
-    children: /* @__PURE__ */ ae(re.Provider, {
-      value: {
-        type: c(D) && D.id === R ? D.type : t,
-        rootType: t,
-        open: h,
-        multiple: u,
-        isSubmenu: m,
-        parentType: f?.type,
-        activeItemId: A,
-        parentActiveItemId: f?.activeItemId,
-        setActiveItemId: S,
-        setParentActiveItemId: f?.setActiveItemId,
-        pageId: R,
-        pageFocusRequest: x,
-        setPageFocusRequest: k,
-        canGoBack: b.length > 1,
-        initialFocusEdge: F,
-        setInitialFocusEdge: L,
-        focusOnOpen: T,
-        setFocusOnOpen: P,
-        setOpen: V,
-        closeTree: W,
-        goToPage: ie,
-        goBack: Fe,
-        registerPage: Le,
-        registerOpenNestedRoot: v,
-        searchTargetId: C,
-        setSearchTargetId: G,
-        triggerId: H,
-        registerTrigger: z,
-        titleId: $,
-        registerTitle: I
-      },
-      children: [/* @__PURE__ */ d(Bt, {
-        open: h,
-        registerOpenNestedRoot: m ? void 0 : f?.registerOpenNestedRoot
-      }), e]
-    })
-  });
-}, Kt = ({ onValueChange: e, className: t, ...r }) => {
-  const { searchTargetId: o } = K();
-  return /* @__PURE__ */ d("div", {
-    className: _.searchContainer,
-    children: /* @__PURE__ */ d(ze, {
-      type: "search",
-      autoComplete: "off",
-      "aria-activedescendant": o,
-      ...r,
-      "data-dropdown-search": "",
-      className: j(_.search, t),
-      onValueChange: (a) => e?.(a)
-    })
-  });
-}, Gt = ({ className: e, ...t }) => /* @__PURE__ */ d(le.Group, {
-  ...t,
-  className: j(_.group, e)
-}), Ht = ({ className: e, ...t }) => /* @__PURE__ */ d(le.GroupLabel, {
-  ...t,
-  className: j(_.groupLabel, e)
-}), Wt = ({ label: e, scrollable: t, columns: r, style: o, className: a, children: s, ...n }) => {
-  const u = Ae(r) ? r : void 0;
-  return /* @__PURE__ */ ae(Gt, {
-    ...n,
-    "data-scrollable": t || void 0,
-    "data-dropdown-columns": u,
-    style: {
-      ...o,
-      ...c(u) && { gridTemplateColumns: `repeat(${u}, minmax(0, 1fr))` }
-    },
-    className: M(_.section, a),
-    children: [c(e) && /* @__PURE__ */ d(Ht, {
-      "data-dropdown-section-label": "",
-      children: e
-    }), s]
-  });
-}, Ut = ({ className: e, ...t }) => /* @__PURE__ */ d(le.Separator, {
-  ...t,
-  role: "separator",
-  "data-dropdown-separator": "",
-  className: M(_.separator, e)
-}), zt = ({ type: e = "menu", ...t }) => /* @__PURE__ */ d(Re, {
-  ...t,
-  type: e,
-  isSubmenu: !0
-}), ve = (e) => Q((t) => {
-  if (!(!c(t) || !oe(t.id)))
-    return e(t.id);
-}, [e]), $t = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: n, hasSubmenu: u = !0, children: l, render: m, disabled: f = !1, nativeButton: g = !c(m), openOnHover: v = !0, onKeyDown: i, onFocus: N, id: h, ref: y, ...p }) => {
-  const b = xe(), { type: w, rootType: D, parentType: E, open: A, setOpen: S, setFocusOnOpen: R, registerTrigger: x } = K(), k = A ? w : D, F = ue(), L = h ?? F, T = ge({
-    id: L,
-    disabled: f,
-    isSubmenuTrigger: !0
-  }), P = se(y, ve(x));
-  return /* @__PURE__ */ d(X.Trigger, {
-    ...p,
-    ref: P,
-    id: L,
-    disabled: f,
-    nativeButton: g,
-    openOnHover: v,
-    role: E === "menu" ? "menuitem" : void 0,
-    "aria-haspopup": k === "menu" ? "menu" : "dialog",
-    tabIndex: T.tabIndex,
-    onFocus: (C) => {
-      T.activate(), N?.(C);
-    },
-    "data-dropdown-item": "",
-    onKeyDown: (C) => {
-      if (i?.(C), C.defaultPrevented || f) return;
-      const G = b === "rtl" ? "ArrowLeft" : "ArrowRight";
-      if (C.key === G) {
-        C.preventDefault(), C.stopPropagation(), R(!0);
-        const H = C.currentTarget.getAttribute("aria-controls"), z = c(H) ? C.currentTarget.ownerDocument.getElementById(H) : null;
-        if (A && c(z)) {
-          he({
-            content: z,
-            type: w
-          }).focus();
-          return;
-        }
-        S(!0);
-      }
-    },
-    render: (C) => {
-      const G = me({
-        nativeButton: g,
-        renderProps: C
-      });
-      return /* @__PURE__ */ d(de, {
-        ...C,
-        render: /* @__PURE__ */ d(pe, {
-          render: m,
-          disabled: G
-        }),
-        disabled: f,
-        color: e,
-        startIcon: t,
-        endIcon: r,
-        description: o,
-        descriptionPlacement: a,
-        shortcut: s,
-        shortcutJoinLabel: n,
-        hasSubmenu: u,
-        children: l
-      });
-    }
-  });
-}, jt = ({ className: e, render: t, ref: r, ...o }) => {
-  const { registerTitle: a } = K(), s = se(r, ve(a));
-  return /* @__PURE__ */ d(Ne.Title, {
-    ...o,
-    ref: s,
-    render: t ?? /* @__PURE__ */ d("div", {}),
-    className: j(_.title, e)
-  });
-}, Yt = ({ onKeyDown: e, onClick: t, ref: r, ...o }) => {
-  const { type: a, rootType: s, open: n, setOpen: u, setInitialFocusEdge: l, setFocusOnOpen: m, registerTrigger: f } = K(), g = n ? a : s, v = se(r, ve(f));
-  return /* @__PURE__ */ d(X.Trigger, {
-    ...o,
-    ref: v,
-    "aria-haspopup": g === "menu" ? "menu" : "dialog",
-    onClick: (i) => {
-      i.stopPropagation(), i.preventDefault(), t?.(i);
-    },
-    onKeyDown: (i) => {
-      e?.(i), !(i.defaultPrevented || i.baseUIHandlerPrevented || o.disabled || g === "panel") && (i.key !== "ArrowDown" && i.key !== "ArrowUp" || (i.preventDefault(), m(!0), l(i.key === "ArrowUp" ? "last" : "first"), u(!0)));
-    }
-  });
-}, Vt = Re, vr = {
-  Root: Vt,
-  Trigger: Yt,
-  Content: Ot,
-  ActionItem: Oe,
-  OptionItem: Lt,
-  Search: Kt,
-  Header: Rt,
-  Title: jt,
-  Close: Tt,
-  Page: qt,
-  Back: gt,
-  Submenu: zt,
-  SubmenuTrigger: $t,
-  Section: Wt,
-  Separator: Ut,
-  Loading: Ft,
-  Empty: St
-};
-export {
-  K as i,
-  Dt as n,
-  bt as r,
-  vr as t
-};