twenty-ui 2.45.0 → 2.47.0

package/dist/Dropdown-CScN_olN.js

@@ -0,0 +1,784 @@
+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
+};