twenty-ui 2.51.3 → 2.53.0

package/dist/Dropdown-COpO_G9D.js

@@ -0,0 +1,1164 @@
+import { t as a } from "./isDefined-fMi6eQ4r.js";
+import { t as We } from "./isRenderableSlot-DT_depzM.js";
+import { Ec as ut, Ot as pt, Tt as ft, kt as mt } from "./TablerIcons-B6BhOlW_.js";
+import { t as ne } from "./doNotTranslate-BSVT8Xyd.js";
+import { t as Z } from "./mergeClassNames-ClFMR1v0.js";
+import { t as gt } from "./preventDismissingClickActivation-BQFMKRey.js";
+import { r as ze, t as wt } from "./Button-Dd8cNsn1.js";
+import { t as ht } from "./Tooltip-CT9YCDaV.js";
+import { r as He } from "./OverflowingTextWithTooltip-CAQ-5aUp.js";
+import { t as ve } from "./ListItem.module-B31VK9XZ.js";
+import { t as Ee } from "./ListItem-txrdGXhb.js";
+import { t as oe } from "./Popover-DhFCYRtv.js";
+import { t as vt } from "./Input-BKRR1xlO.js";
+import { useRender as ue } from "@base-ui/react/use-render";
+import { isBoolean as bt, isFunction as yt, isNonEmptyString as ye, isPositiveInteger as $e, isUndefined as be } from "@sniptt/guards";
+import { clsx as U } from "clsx";
+import { Fragment as Tt, createContext as Se, isValidElement as Dt, useCallback as J, useContext as pe, useEffect as It, useId as Te, useLayoutEffect as fe, useRef as Ce, useState as M } from "react";
+import { Fragment as _t, jsx as u, jsxs as ee } from "react/jsx-runtime";
+import { Button as Ye } from "@base-ui/react/button";
+import { useMergedRefs as me } from "@base-ui/utils/useMergedRefs";
+import { Popover as je } from "@base-ui/react/popover";
+import { areArraysEqual as At } from "@base-ui/utils/areArraysEqual";
+import { useDirection as Xe } from "@base-ui/react/direction-provider";
+import { Menu as Pe } from "@base-ui/react/menu";
+var Et = "_content_nig04_1", St = "_inactivePositioner_nig04_13", Ct = "_page_nig04_17", Pt = "_selectionGroup_nig04_24", Ot = "_group_nig04_28", Rt = "_groupLabel_nig04_34", kt = "_separator_nig04_43", Nt = "_section_nig04_50", xt = "_back_nig04_84", Ft = "_backIcon_nig04_96", Lt = "_searchContainer_nig04_100", Bt = "_search_nig04_100", Mt = "_status_nig04_113", Gt = "_header_nig04_117", Kt = "_title_nig04_130", qt = "_itemWithActions_nig04_139", Ut = "_itemWithActionsPrimary_nig04_145", Vt = "_itemActions_nig04_160", Wt = "_itemDecoration_nig04_164", O = {
+  content: Et,
+  inactivePositioner: St,
+  page: Ct,
+  selectionGroup: Pt,
+  group: Ot,
+  groupLabel: Rt,
+  separator: kt,
+  section: Nt,
+  back: xt,
+  backIcon: Ft,
+  searchContainer: Lt,
+  search: Bt,
+  status: Mt,
+  header: Gt,
+  title: Kt,
+  itemWithActions: qt,
+  itemWithActionsPrimary: Ut,
+  itemActions: Vt,
+  itemDecoration: Wt
+}, Je = ({ render: e, ref: t, disabled: r, ...o }) => ue({
+  render: e,
+  ref: t,
+  defaultTagName: "button",
+  props: {
+    ...o,
+    disabled: r
+  }
+}), Oe = ({ nativeButton: e, renderProps: t }) => e && "disabled" in t && bt(t.disabled) ? t.disabled : void 0, zt = "[data-dropdown-item]", Qe = ({ actions: e, actionsVisibility: t = "hover", color: r = "neutral", selected: o = !1, focused: i = !1, indicator: c = "none", disabled: s = !1, hasSubmenu: d = !1, children: n }) => /* @__PURE__ */ ee("div", {
+  className: U(ve.root, O.itemWithActions),
+  role: "none",
+  "data-actions-visibility": t,
+  "data-color": r,
+  "data-selected": o ? "" : void 0,
+  "data-highlighted": i ? "" : void 0,
+  "data-indicator": c,
+  "data-disabled": s ? "" : void 0,
+  onClick: (l) => {
+    l.target === l.currentTarget && l.currentTarget.querySelector(zt)?.click();
+  },
+  children: [
+    n,
+    /* @__PURE__ */ u("span", {
+      className: U(ve.actions, O.itemActions),
+      children: e
+    }),
+    c === "check" && o && /* @__PURE__ */ u(ft, {
+      className: U(ve.checkIndicator, O.itemDecoration),
+      "aria-hidden": !0
+    }),
+    d && /* @__PURE__ */ u(mt, {
+      className: U(ve.submenuIcon, O.itemDecoration),
+      "aria-hidden": !0
+    })
+  ]
+}), Re = ({ id: e, render: t }) => Dt(t) ? t.props.id ?? e : e, ke = (e) => e.getAttribute("aria-label") ?? e.textContent ?? "", Ne = ({ firstElement: e, secondElement: t }) => {
+  if (e === t) return 0;
+  const r = (e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0 ? -1 : 1;
+  let o = e;
+  for (; a(o.parentElement) && !o.parentElement.contains(t); ) o = o.parentElement;
+  const i = o.parentElement, c = i?.ownerDocument.defaultView;
+  if (!a(i) || !a(c)) return r;
+  let s = t;
+  for (; a(s.parentElement) && s.parentElement !== i; ) s = s.parentElement;
+  if (o === s) return r;
+  const d = c.getComputedStyle(i);
+  if (!(d.display === "flex" || d.display === "inline-flex")) return r;
+  const n = Number(c.getComputedStyle(o).order) - Number(c.getComputedStyle(s).order) || r;
+  return d.flexDirection === "column-reverse" ? -n : n;
+}, Ht = "[hidden],[inert]", ae = (e) => !a(e.closest(Ht)), xe = ({ content: e, item: t }) => t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && ae(t) && t.closest("[data-dropdown-content]") === e, ge = (e) => Array.from(e.querySelectorAll("[data-dropdown-item]")).filter((t) => xe({
+  content: e,
+  item: t
+})).sort((t, r) => Ne({
+  firstElement: t,
+  secondElement: r
+})), de = Se(void 0), F = () => {
+  const e = pe(de);
+  if (!a(e)) throw new Error(ne("Dropdown components must be inside Dropdown.Root"));
+  return e;
+}, Fe = ({ id: e, disabled: t, isSubmenuTrigger: r = !1 }) => {
+  const o = F(), i = r ? o.parentType : o.type, c = r ? o.parentRowFocus : o.rowFocus, s = i !== "panel" && (c?.rowIds?.includes(e) ?? !0);
+  return { tabIndex: t || s && c?.tabStopRowId !== e ? -1 : 0 };
+}, Ze = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: i, shortcut: c, shortcutJoinLabel: s, hasSubmenu: d, actions: n, actionsVisibility: l, children: p, render: w, disabled: T = !1, nativeButton: g = !a(w), closeOnClick: f = !0, onClick: _, page: R, id: v, ...m }) => {
+  const { type: S, closeTree: h, goToPage: b } = F(), k = Te(), N = Re({
+    id: v,
+    render: w
+  }), L = N ?? k, B = Fe({
+    id: L,
+    disabled: T
+  }), C = We(n), P = d ?? a(R), x = /* @__PURE__ */ u(Ye, {
+    ...m,
+    id: L,
+    disabled: T,
+    nativeButton: g,
+    role: m.role ?? (S === "menu" ? "menuitem" : void 0),
+    tabIndex: B.tabIndex,
+    "data-dropdown-item": "",
+    "data-dropdown-page": R,
+    onClick: (I) => {
+      if (_?.(I), !I.defaultPrevented) {
+        if (a(R)) {
+          const A = I.currentTarget.closest("[data-dropdown-content]");
+          if (!a(A)) return;
+          const G = ge(A).indexOf(I.currentTarget);
+          b({
+            id: R,
+            trigger: {
+              id: N,
+              index: G,
+              page: R,
+              label: ke(I.currentTarget)
+            }
+          });
+          return;
+        }
+        f && h();
+      }
+    },
+    render: (I) => {
+      const A = Oe({
+        nativeButton: g,
+        renderProps: I
+      });
+      return /* @__PURE__ */ u(Ee, {
+        ...I,
+        render: /* @__PURE__ */ u(Je, {
+          render: w,
+          disabled: A
+        }),
+        className: U(I.className, C && O.itemWithActionsPrimary),
+        disabled: T,
+        color: e,
+        startIcon: t,
+        endIcon: r,
+        actionsVisibility: l,
+        description: o,
+        descriptionPlacement: i,
+        shortcut: c,
+        shortcutJoinLabel: s,
+        hasSubmenu: !C && P,
+        children: p
+      });
+    }
+  });
+  return C ? /* @__PURE__ */ u(Qe, {
+    actions: n,
+    actionsVisibility: l,
+    color: e,
+    disabled: T,
+    hasSubmenu: P,
+    children: x
+  }) : x;
+}, $t = ({ children: e = ne("Back"), className: t, onClick: r, ...o }) => {
+  const { goBack: i, canGoBack: c } = F();
+  return /* @__PURE__ */ u(Ze, {
+    ...o,
+    className: U(O.back, t),
+    "data-dropdown-back": "",
+    disabled: o.disabled || !c,
+    startIcon: /* @__PURE__ */ u(pt, { className: O.backIcon }),
+    closeOnClick: !1,
+    onClick: (s) => {
+      r?.(s), !s.defaultPrevented && i();
+    },
+    children: e
+  });
+}, Yt = "_button_1qwl0_1", jt = "_tooltipAnchor_1qwl0_29", Xt = "_icon_1qwl0_33", Ie = {
+  button: Yt,
+  tooltipAnchor: jt,
+  icon: Xt
+}, Jt = ({ children: e, size: t, shape: r = "square", className: o, tooltip: i, tooltipPlace: c = "bottom", tooltipDelay: s = 1e3, tooltipOffset: d = 5, disabled: n, loading: l, ...p }) => {
+  const w = pe(ze), T = t ?? w?.size ?? "md", g = ye(i), f = n || l, _ = /* @__PURE__ */ u(wt, {
+    ...p,
+    size: T === "xs" ? "sm" : T,
+    "data-icon-size": T,
+    "data-shape": r,
+    disabled: n,
+    loading: l,
+    startIcon: /* @__PURE__ */ u("span", {
+      className: Ie.icon,
+      children: e
+    }),
+    className: Z(Ie.button, o)
+  });
+  return g ? /* @__PURE__ */ u(ht, {
+    content: i,
+    delay: s,
+    side: c,
+    sideOffset: d,
+    children: f ? /* @__PURE__ */ u("span", {
+      className: Ie.tooltipAnchor,
+      children: _
+    }) : _
+  }) : _;
+}, Qt = "_button_prhtf_1", Zt = { button: Qt }, er = ({ className: e, emphasis: t = "standard", size: r, variant: o, ...i }) => {
+  const c = pe(ze), s = r ?? c?.size ?? "sm", d = o ?? c?.variant ?? "ghost";
+  return /* @__PURE__ */ u(Jt, {
+    ...i,
+    size: s,
+    variant: d,
+    "data-emphasis": t,
+    className: Z(Zt.button, e)
+  });
+}, tr = ({ render: e, children: t, "aria-label": r, ...o }) => /* @__PURE__ */ u(je.Close, {
+  ...o,
+  "aria-label": r,
+  render: e ?? /* @__PURE__ */ u(er, {
+    size: "sm",
+    "aria-label": r,
+    children: t ?? /* @__PURE__ */ u(ut, {})
+  }),
+  children: a(e) ? t : void 0
+}), rr = Se(void 0), ce = () => null, or = {
+  open: ce,
+  side: ce,
+  align: ce,
+  instant: ce,
+  transitionStatus: ce
+}, nr = ({ props: e, state: t, render: r }) => {
+  const o = ue({
+    defaultTagName: "div",
+    props: { ...e },
+    state: { ...t },
+    stateAttributesMapping: or,
+    render: r
+  });
+  return /* @__PURE__ */ u(rr.Provider, {
+    value: {
+      side: t.side,
+      align: t.align
+    },
+    children: o
+  });
+}, De = (e) => Array.from(e.querySelectorAll("[data-dropdown-search]:not(:disabled)")).find((t) => t.closest("[data-dropdown-content]") === e && ae(t)) ?? null, Le = ({ content: e, target: t, edge: r = "first", type: o }) => {
+  const i = a(t?.id) ? e.ownerDocument.getElementById(t.id) : null;
+  if (a(i) && xe({
+    content: e,
+    item: i
+  })) return i;
+  const c = ge(e), s = a(t) ? c.filter((f) => f.dataset.dropdownPage === t.page) : [], [d] = s;
+  if (s.length === 1 && a(d)) return d;
+  const n = ye(t?.label) ? s.filter((f) => ke(f) === t?.label) : [], [l] = n;
+  if (n.length === 1 && a(l)) return l;
+  const p = a(t) ? c[t.index] : void 0;
+  if (a(p)) return p;
+  const w = Array.from(e.querySelectorAll('input:not(:disabled):not([type="hidden"]),button:not(:disabled),textarea:not(:disabled),select:not(:disabled),a[href],[tabindex="0"]')).find(ae), T = Array.from(e.querySelectorAll("[data-dropdown-page-type]")).find((f) => f.closest("[data-dropdown-content]") === e && ae(f))?.dataset.dropdownPageType ?? o ?? e.dataset.type;
+  if (T === "panel") return w ?? e;
+  const g = De(e);
+  return a(g) ? g : r === "last" ? c[c.length - 1] ?? w ?? e : (T === "picker" ? c.find((f) => f.hasAttribute("data-dropdown-option-item") && (f.getAttribute("aria-selected") === "true" || f.getAttribute("aria-pressed") === "true" || f.getAttribute("aria-checked") === "true" || f.getAttribute("aria-current") === "true")) : void 0) ?? c.find((f) => !f.hasAttribute("data-dropdown-back")) ?? c[0] ?? w ?? e;
+}, ar = ({ contentRef: e }) => {
+  const { open: t, pageId: r, pageFocusRequest: o, setPageFocusRequest: i } = F();
+  return fe(() => {
+    a(o) && (i(void 0), !(!t || o.pageId !== r || !a(e.current)) && Le({
+      content: e.current,
+      target: o.target
+    }).focus());
+  }, [
+    e,
+    t,
+    r,
+    o,
+    i
+  ]), null;
+}, et = ({ content: e, item: t }) => t.hasAttribute("data-dropdown-item") && xe({
+  content: e,
+  item: t
+}) && (!t.hasAttribute("data-dropdown-back") || !a(De(e))), tt = (e) => ge(e).filter((t) => et({
+  content: e,
+  item: t
+})), le = (e) => {
+  if (e.dataset.type === "panel") return;
+  const t = De(e);
+  if (!(!a(t) || t !== e.ownerDocument.activeElement || !ye(t.value.trim())))
+    return ge(e).find((r) => r.hasAttribute("data-dropdown-option-item"));
+}, ir = ({ content: e }) => {
+  const { setRowIds: t, setSearchTargetId: r } = F();
+  return fe(() => {
+    if (!a(e)) return;
+    const o = () => {
+      const c = tt(e).map((s) => s.id);
+      t((s) => a(s) && At(s, c) ? s : c), r(le(e)?.id);
+    };
+    o();
+    const i = new MutationObserver(o);
+    return i.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: [
+        "disabled",
+        "aria-disabled",
+        "id",
+        "hidden",
+        "inert",
+        "class",
+        "style"
+      ]
+    }), () => {
+      i.disconnect(), t(void 0), r(void 0);
+    };
+  }, [
+    e,
+    t,
+    r
+  ]), null;
+}, sr = (e) => (e.ctrlKey || e.metaKey) && !e.defaultPrevented, _e = /* @__PURE__ */ new WeakMap(), rt = {
+  activate: ({ item: e, event: t }) => {
+    _e.set(e, t);
+    try {
+      e.click();
+    } finally {
+      _e.delete(e);
+    }
+  },
+  getEvent: ({ item: e, event: t }) => _e.get(e) ?? t
+}, Ue = (e) => Array.from(e.ownerDocument.querySelectorAll("[aria-controls]")).find((t) => t.getAttribute("aria-controls") === e.id && ae(t)), cr = 'a[href],button,input:not([type="hidden"]),select,textarea,[tabindex]', ot = ({ content: e, target: t, shiftKey: r }) => {
+  const o = Array.from(e.querySelectorAll(cr)).filter((d) => Number(d.getAttribute("data-tabindex") ?? d.tabIndex) >= 0 && !d.matches(':disabled,[aria-disabled="true"]') && ae(d) && d.closest("[data-dropdown-content]") === e), i = [...o].sort((d, n) => Ne({
+    firstElement: d,
+    secondElement: n
+  })), c = o.some((d, n) => d !== i[n]), s = a(t) ? i.indexOf(t) : -1;
+  if (!(!c || a(t) && s < 0))
+    return { target: i[s + (r ? -1 : 1)] };
+}, dr = ({ rowCells: e, column: t, isEnabledCell: r }) => {
+  const o = Math.min(t, e.length - 1);
+  for (let i = 0; i < e.length; i++) {
+    const c = [e[o - i], e[o + i]].find(r);
+    if (a(c)) return c;
+  }
+}, nt = ({ key: e, items: t, currentItem: r, search: o, isRightToLeft: i }) => {
+  const c = r?.closest("[data-dropdown-columns]"), s = Number(c?.dataset.dropdownColumns), d = ne([
+    "ArrowUp",
+    "ArrowDown",
+    "ArrowLeft",
+    "ArrowRight"
+  ]).includes(e);
+  if (!a(c) || !a(r) || !d || !$e(s)) return;
+  const n = Array.from(c.children).filter((m) => m instanceof HTMLElement && !m.hasAttribute("data-dropdown-section-label")), l = n.indexOf(r);
+  if (l < 0) return;
+  const p = Math.floor(l / s), w = l % s, T = e === "ArrowUp" || e === "ArrowDown", g = ne(i ? "ArrowLeft" : "ArrowRight"), f = e === "ArrowDown" || e === g ? 1 : -1, _ = Math.ceil(n.length / s), R = new Set(t), v = (m) => a(m) && R.has(m);
+  if (T) {
+    for (let h = p + f; h >= 0 && h < _; h += f) {
+      const b = n[Math.min(h * s + w, n.length - 1)];
+      if (v(b)) return b;
+    }
+    for (let h = p + f; h >= 0 && h < _; h += f) {
+      const b = dr({
+        rowCells: n.slice(h * s, (h + 1) * s),
+        column: w,
+        isEnabledCell: v
+      });
+      if (a(b)) return b;
+    }
+    const m = n.filter(v), S = f < 0 ? m[0] : m[m.length - 1];
+    return (a(S) ? t[t.indexOf(S) + f] : void 0) ?? (f < 0 ? o : void 0) ?? r;
+  }
+  for (let m = w + f; m >= 0 && m < s; m += f) {
+    const S = n[p * s + m];
+    if (v(S)) return S;
+  }
+  return r;
+}, lr = ({ key: e, items: t, currentIndex: r, search: o, isSearch: i, isRightToLeft: c = !1 }) => {
+  const s = nt({
+    key: e,
+    items: t,
+    currentItem: t[r],
+    search: o,
+    isRightToLeft: c
+  });
+  if (a(s)) return s;
+  const d = t.length - 1, n = t[d], l = a(o) && a(n) && Ne({
+    firstElement: n,
+    secondElement: o
+  }) < 0;
+  if (e === "ArrowDown" && r === d && l) return o ?? void 0;
+  if (e === "ArrowDown") return t[r === d ? 0 : r + 1];
+  if (e === "ArrowUp" && r === 0 && a(o) && !l) return o;
+  if (e === "ArrowUp") return t[r <= 0 ? d : r - 1];
+  if (!i && e === "Home") return t[0];
+  if (!i && e === "End") return t[d];
+}, ur = 500, pr = 229, fr = () => {
+  const { type: e, isSubmenu: t, setOpen: r, closeTree: o, tabForwardOutOfTree: i } = F(), c = Xe(), [s, d] = M({
+    text: "",
+    timestamp: 0
+  });
+  return (n) => {
+    if (n.defaultPrevented || n.nativeEvent.isComposing || n.nativeEvent.keyCode === pr) return;
+    const l = n.currentTarget, p = n.target;
+    if (!(p instanceof HTMLElement) || p.closest("[data-dropdown-content]") !== l) return;
+    const w = p.matches('input,textarea,select,[contenteditable="true"]'), T = c === "rtl", g = ne(T ? "ArrowRight" : "ArrowLeft"), f = t && !w && n.key === g, _ = f && e !== "panel" ? nt({
+      key: n.key,
+      items: ge(l),
+      currentItem: p,
+      search: null,
+      isRightToLeft: T
+    }) : void 0, R = a(_) && _ !== p;
+    if (t && (n.key === "Escape" || f && !R)) {
+      n.preventDefault(), n.stopPropagation(), Ue(l)?.focus(), r(!1);
+      return;
+    }
+    if (e === "panel") return;
+    const v = e === "picker" && n.key === "Tab" ? ot({
+      content: l,
+      target: p,
+      shiftKey: n.shiftKey
+    }) : void 0;
+    if (a(v) && n.preventDefault(), a(v?.target)) {
+      v.target.focus();
+      return;
+    }
+    const m = a(v) && n.shiftKey ? Ue(l) : void 0;
+    if (a(m)) {
+      m.focus();
+      return;
+    }
+    if (a(v) && n.shiftKey) {
+      o(n.nativeEvent);
+      return;
+    }
+    if (a(v)) {
+      i({
+        ownerDocument: l.ownerDocument,
+        tabOutEvent: n.nativeEvent
+      });
+      return;
+    }
+    if (e === "menu" && n.key === "Tab" && n.shiftKey) {
+      n.preventDefault(), o(n.nativeEvent);
+      return;
+    }
+    if (e === "menu" && n.key === "Tab" && t) {
+      n.preventDefault(), i({
+        ownerDocument: l.ownerDocument,
+        tabOutEvent: n.nativeEvent
+      });
+      return;
+    }
+    const S = De(l), h = p === S;
+    if (w && !h) return;
+    const b = tt(l), k = h && n.key === "Enter" ? le(l) : void 0;
+    if (a(k)) {
+      n.preventDefault(), rt.activate({
+        item: k,
+        event: n.nativeEvent
+      });
+      return;
+    }
+    const N = b.indexOf(p), L = lr({
+      key: n.key,
+      items: b,
+      currentIndex: N,
+      search: S,
+      isSearch: h,
+      isRightToLeft: T
+    });
+    if (a(L)) {
+      n.preventDefault(), L.focus();
+      return;
+    }
+    if (w || n.key.length !== 1 || n.key === " " || n.altKey || n.ctrlKey || n.metaKey) return;
+    const B = Date.now(), C = B - s.timestamp > ur ? n.key : s.text + n.key;
+    d({
+      text: C,
+      timestamp: B
+    });
+    const P = ([...C].every((I) => I === C[0]) ? n.key : C).toLocaleLowerCase(), x = [...b.slice(N + 1), ...b.slice(0, N + 1)].find((I) => ke(I).trim().toLocaleLowerCase().startsWith(P));
+    a(x) && (n.preventDefault(), x.focus());
+  };
+}, mr = ({ side: e, align: t = "start", sideOffset: r = 0, alignOffset: o, anchor: i, collisionPadding: c, container: s, keepMounted: d, width: n = 200, className: l, style: p, render: w, children: T, initialFocus: g, finalFocus: f, onKeyDown: _, onFocus: R, onInput: v, onClick: m, onMouseDown: S, onPointerDown: h, "aria-label": b, "aria-labelledby": k, ref: N, ...L }) => {
+  const B = F(), { type: C, isPageActive: P, sessionId: x, isSubmenu: I, rowFocus: A, initialFocusEdge: G, focusOnOpen: K, triggerId: H, titleId: te, setSearchTargetId: Q } = B, $ = Ce(null), [ie, Y] = M(null), se = me($, N, Y), z = fr(), re = a(b) ? void 0 : te ?? H;
+  return /* @__PURE__ */ ee(_t, { children: [
+    /* @__PURE__ */ u(oe.Portal, {
+      container: s,
+      keepMounted: d,
+      children: /* @__PURE__ */ u(oe.Positioner, {
+        className: P ? void 0 : O.inactivePositioner,
+        inert: !P || void 0,
+        side: e ?? (I ? "inline-end" : "bottom"),
+        align: t,
+        sideOffset: r,
+        alignOffset: o,
+        anchor: i,
+        collisionPadding: c,
+        children: /* @__PURE__ */ u(oe.Popup, {
+          ...L,
+          ref: se,
+          render: (y, V) => /* @__PURE__ */ u(nr, {
+            props: y,
+            state: V,
+            render: w
+          }),
+          role: C === "menu" ? "menu" : "dialog",
+          "aria-label": b,
+          "aria-labelledby": k ?? re,
+          "data-dropdown-content": "",
+          "data-type": C,
+          className: Z(O.content, l),
+          style: (y) => ({
+            width: n,
+            ...yt(p) ? p(y) : p
+          }),
+          initialFocus: g ?? (() => K ? a($.current) ? Le({
+            content: $.current,
+            edge: G,
+            type: C
+          }) : !0 : !1),
+          finalFocus: P ? f : !1,
+          onKeyDown: (y) => {
+            _?.(y), z(y), sr(y) || y.stopPropagation();
+          },
+          onFocus: (y) => {
+            R?.(y), Q(le(y.currentTarget)?.id);
+            const { target: V } = y;
+            V instanceof HTMLElement && et({
+              content: y.currentTarget,
+              item: V
+            }) && A.focusRow(V.id);
+          },
+          onInput: (y) => {
+            v?.(y), Q(le(y.currentTarget)?.id);
+          },
+          onClick: (y) => {
+            y.stopPropagation(), m?.(y);
+          },
+          onMouseDown: (y) => {
+            y.stopPropagation(), S?.(y);
+          },
+          onPointerDown: (y) => {
+            y.stopPropagation(), h?.(y);
+          },
+          children: /* @__PURE__ */ u(de.Provider, {
+            value: {
+              ...B,
+              isInsideContent: !0
+            },
+            children: /* @__PURE__ */ u(Tt, { children: T }, x)
+          })
+        })
+      })
+    }),
+    /* @__PURE__ */ u(ar, { contentRef: $ }),
+    /* @__PURE__ */ u(ir, { content: ie })
+  ] });
+}, gr = ({ color: e, className: t, ...r }) => /* @__PURE__ */ u(He, {
+  ...r,
+  render: /* @__PURE__ */ u("div", { color: e }),
+  size: "sm",
+  color: "secondary",
+  role: "status",
+  "aria-live": "polite",
+  className: U(O.status, t)
+}), wr = ({ render: e, ref: t, className: r, ...o }) => ue({
+  render: e,
+  ref: t,
+  props: {
+    ...o,
+    className: U(O.header, r)
+  }
+}), hr = ({ color: e, className: t, ...r }) => /* @__PURE__ */ u(He, {
+  ...r,
+  render: /* @__PURE__ */ u("div", { color: e }),
+  size: "sm",
+  color: "secondary",
+  role: "status",
+  "aria-live": "polite",
+  "aria-busy": "true",
+  className: U(O.status, t)
+}), vr = ({ render: e, ref: t, state: r, ...o }) => ue({
+  render: e,
+  ref: t,
+  state: r,
+  defaultTagName: "button",
+  props: o
+}), Be = Se(void 0), br = ({ event: e, trigger: t }) => {
+  let r = !1;
+  return {
+    reason: "item-press",
+    event: e,
+    trigger: t,
+    cancel: () => {
+      r = !0;
+    },
+    get isCanceled() {
+      return r;
+    }
+  };
+}, yr = ({ type: e, hasSelectionState: t, hasSelectionOwner: r, multiple: o, role: i }) => e === "menu" && t ? o ? "menuitemcheckbox" : "menuitemradio" : e === "menu" ? "menuitem" : e === "picker" && r ? "option" : i, Tr = ({ selection: e, value: t, standaloneSelected: r }) => !a(e) || !a(t) ? r : e.multiple ? e.value.includes(t) : e.value === t, Dr = ({ value: e, selected: t, indicator: r, onSelect: o, closeOnSelect: i, color: c, startIcon: s, endIcon: d, description: n, descriptionPlacement: l, shortcut: p, shortcutJoinLabel: w, hasSubmenu: T, actions: g, actionsVisibility: f, children: _, render: R, disabled: v = !1, nativeButton: m = !a(R), onClick: S, id: h, ...b }) => {
+  const { type: k, multiple: N, closeTree: L, searchTargetId: B } = F(), C = pe(Be), P = a(C) && a(e), x = P ? C.multiple : N, I = Tr({
+    selection: C,
+    value: e,
+    standaloneSelected: t
+  }), A = k === "menu", G = k === "picker" && P, K = a(I), H = !A && !G && (m || b.role === "button"), te = !A && !G && !H && K && I, Q = yr({
+    type: k,
+    hasSelectionState: K,
+    hasSelectionOwner: P,
+    multiple: x,
+    role: b.role
+  }), $ = x ? "checkbox" : "check", ie = Te(), Y = Re({
+    id: h,
+    render: R
+  }) ?? ie, se = Fe({
+    id: Y,
+    disabled: v
+  }), z = We(g), re = B === Y, y = r ?? (K ? $ : "none"), V = z && y === "check", we = /* @__PURE__ */ u(Ye, {
+    ...b,
+    id: Y,
+    disabled: v,
+    nativeButton: m,
+    role: Q,
+    "aria-checked": A && K ? I : void 0,
+    "aria-selected": G ? I : void 0,
+    "aria-pressed": H && K ? I : void 0,
+    "aria-current": te ? "true" : void 0,
+    tabIndex: se.tabIndex,
+    "data-dropdown-item": "",
+    "data-dropdown-option-item": "",
+    onClick: (q) => {
+      if (S?.(q), q.defaultPrevented) return;
+      const j = br({
+        event: rt.getEvent({
+          item: q.currentTarget,
+          event: q.nativeEvent
+        }),
+        trigger: q.currentTarget
+      });
+      o?.(j), !(j.isCanceled || q.defaultPrevented) && (P && C.select({
+        value: e,
+        eventDetails: j
+      }), !(j.isCanceled || q.defaultPrevented) && (i ?? (P ? C.closeOnSelect : !x)) && L());
+    },
+    render: (q) => {
+      const j = Oe({
+        nativeButton: m,
+        renderProps: q
+      });
+      return /* @__PURE__ */ u(Ee, {
+        ...q,
+        render: /* @__PURE__ */ u(vr, {
+          render: R,
+          disabled: j,
+          state: {
+            selected: I ?? !1,
+            multiple: x,
+            disabled: v
+          }
+        }),
+        className: U(q.className, z && O.itemWithActionsPrimary),
+        disabled: v,
+        selected: I,
+        focused: re,
+        indicator: V ? "none" : y,
+        color: c,
+        startIcon: s,
+        endIcon: d,
+        actionsVisibility: f,
+        description: n,
+        descriptionPlacement: l,
+        shortcut: p,
+        shortcutJoinLabel: w,
+        hasSubmenu: !z && T,
+        children: _
+      });
+    }
+  });
+  return z ? /* @__PURE__ */ u(Qe, {
+    actions: g,
+    actionsVisibility: f,
+    color: c,
+    selected: I,
+    focused: re,
+    indicator: y,
+    disabled: v,
+    hasSubmenu: T,
+    children: we
+  }) : we;
+}, Ir = ({ id: e, type: t, isActive: r }) => {
+  const { registerPage: o } = F();
+  return fe(() => {
+    r && o({
+      id: e,
+      type: t
+    });
+  }, [
+    e,
+    t,
+    r,
+    o
+  ]), null;
+}, _r = ({ id: e, type: t, children: r }) => {
+  const o = F(), { registerTitle: i } = o, [c, s] = M(), d = o.isPageActive && o.pageId === e, n = d && o.open, l = J((p) => d ? i(p) : () => {
+  }, [d, i]);
+  return n && c !== e && s(e), c !== e && !n ? null : /* @__PURE__ */ ee(de.Provider, {
+    value: {
+      ...o,
+      type: t ?? o.rootType,
+      isPageActive: d,
+      registerTitle: l
+    },
+    children: [/* @__PURE__ */ u("div", {
+      hidden: !d,
+      inert: !d,
+      className: O.page,
+      "data-dropdown-page-type": t ?? o.rootType,
+      children: r
+    }), /* @__PURE__ */ u(Ir, {
+      id: e,
+      type: t,
+      isActive: d
+    })]
+  });
+}, Ar = ({ open: e, registerOpenNestedRoot: t }) => (It(() => {
+  if (e)
+    return t?.();
+}, [e, t]), null), Er = ({ rowIds: e = [], focusedRowId: t }) => a(t) && e.includes(t) ? t : e[0], Sr = "data-base-ui-focus-guard", Cr = (e) => {
+  const t = e?.nextElementSibling;
+  if (!(!(t instanceof HTMLElement) || !t.hasAttribute(Sr)))
+    return t;
+}, Pr = (e) => e instanceof FocusEvent ? e.type === "focusout" && e.relatedTarget instanceof Element ? e.relatedTarget : null : e.target instanceof Element ? e.target : null, Ae = ({ onDismiss: e, event: t, target: r = Pr(t) }) => {
+  if (!a(e)) return !1;
+  let o = !1;
+  return e({
+    target: r,
+    type: t.type,
+    preventDefault: () => {
+      o = !0;
+    }
+  }), o;
+}, Ve = () => {
+  const [e, t] = M();
+  return [e, J((r) => (t(r), () => t((o) => o === r ? void 0 : o)), [])];
+}, Or = () => {
+  const [e, t] = M(() => /* @__PURE__ */ new Map());
+  return {
+    selections: e,
+    initializeSelection: J(({ id: r, state: o }) => {
+      t((i) => i.get(r)?.multiple === o.multiple ? i : new Map(i).set(r, o));
+    }, []),
+    updateSelection: J(({ id: r, state: o }) => {
+      t((i) => new Map(i).set(r, o));
+    }, [])
+  };
+}, at = ({ children: e, type: t, open: r, defaultOpen: o = !1, onOpenChange: i, onEscapeKeyDown: c, onInteractOutside: s, multiple: d = !1, defaultPage: n = "root", isSubmenu: l = !1 }) => {
+  const p = pe(de), w = Or(), { selections: T, initializeSelection: g, updateSelection: f } = l && a(p) ? p : w, _ = Ce(0), R = J(() => (_.current += 1, () => {
+    _.current -= 1;
+  }), []), [v, m] = M(o), S = !a(p) || p.isPageActive && (!p.isInsideContent || p.open), h = S && (r ?? v), [b, k] = M(h), [N, L] = M(0), [{ history: B, focusRequest: C }, P] = M({ history: [{ id: n }] }), x = J((D) => {
+    P((E) => E.focusRequest === D ? E : {
+      ...E,
+      focusRequest: D
+    });
+  }, []), [I, A] = M(), [G, K] = M(), [H, te] = M(), Q = B[B.length - 1], $ = Q?.id, [ie, Y] = M("first"), [se, z] = M(!0), [re, y] = M(), [V, we] = Ve(), [q, j] = Ve(), Ge = h && !b, Ke = !h && b;
+  !S && v && !a(r) && m(!1), (Ge || Ke) && k(h), Ge && (L(N + 1), P({ history: [{ id: n }] }), A(void 0), te(void 0), K(void 0)), Ke && (Y("first"), z(!0), y(void 0));
+  const he = (D) => {
+    a(r) || m(D), i?.(D);
+  }, qe = (D) => {
+    a(D) && Ae({
+      onDismiss: s,
+      event: D,
+      target: null
+    }) || (he(!1), l && p?.closeTree(D));
+  }, it = ({ ownerDocument: D, tabOutEvent: E }) => {
+    const W = a(V) ? D.getElementById(V) : null;
+    if (l && a(p)) {
+      he(!1), W?.focus(), p.tabForwardOutOfTree({
+        ownerDocument: D,
+        tabOutEvent: E
+      });
+      return;
+    }
+    const X = Cr(W);
+    if (!a(X)) {
+      qe(E);
+      return;
+    }
+    X.focus();
+  }, st = ({ id: D, trigger: E }) => {
+    P((W) => ({
+      history: [...W.history, {
+        id: D,
+        trigger: E
+      }],
+      focusRequest: { pageId: D }
+    }));
+  }, ct = () => {
+    P((D) => {
+      if (D.history[D.history.length - 1] !== Q) return D;
+      const E = D.history[D.history.length - 2];
+      return a(E) ? {
+        history: D.history.slice(0, -1),
+        focusRequest: {
+          pageId: E.id,
+          target: D.history[D.history.length - 1]?.trigger
+        }
+      } : D;
+    });
+  }, dt = J(({ id: D, type: E }) => {
+    if (!h) return;
+    const W = E ?? t;
+    A((X) => X?.id === D && X.type === W ? X : {
+      id: D,
+      type: W
+    });
+  }, [h, t]);
+  return /* @__PURE__ */ u(oe.Root, {
+    open: h,
+    onOpenChange: (D, E) => {
+      if (!S || !D && !h) {
+        E.cancel();
+        return;
+      }
+      const W = E.reason === "outside-press" || E.reason === "focus-out";
+      if (W && _.current > 0) {
+        E.cancel();
+        return;
+      }
+      const X = E.reason === "escape-key" && Ae({
+        onDismiss: c,
+        event: E.event
+      }), lt = W && Ae({
+        onDismiss: s,
+        event: E.event
+      });
+      if (X || lt) {
+        E.cancel();
+        return;
+      }
+      W && gt(E.event), z(E.reason !== "trigger-hover"), he(D);
+    },
+    children: /* @__PURE__ */ ee(de.Provider, {
+      value: {
+        type: a(I) && I.id === $ ? I.type : t,
+        rootType: t,
+        open: h,
+        isPageActive: S,
+        isInsideContent: !1,
+        sessionId: N,
+        multiple: d,
+        selections: T,
+        initializeSelection: g,
+        updateSelection: f,
+        isSubmenu: l,
+        parentType: p?.type,
+        rowFocus: {
+          rowIds: G,
+          tabStopRowId: Er({
+            rowIds: G,
+            focusedRowId: H
+          }),
+          focusRow: te
+        },
+        parentRowFocus: p?.rowFocus,
+        setRowIds: K,
+        pageId: $,
+        pageFocusRequest: C,
+        setPageFocusRequest: x,
+        canGoBack: B.length > 1,
+        initialFocusEdge: ie,
+        setInitialFocusEdge: Y,
+        focusOnOpen: se,
+        setFocusOnOpen: z,
+        setOpen: he,
+        closeTree: qe,
+        tabForwardOutOfTree: it,
+        goToPage: st,
+        goBack: ct,
+        registerPage: dt,
+        registerOpenNestedRoot: R,
+        searchTargetId: re,
+        setSearchTargetId: y,
+        triggerId: V,
+        registerTrigger: we,
+        titleId: q,
+        registerTitle: j
+      },
+      children: [/* @__PURE__ */ u(Ar, {
+        open: h,
+        registerOpenNestedRoot: l ? void 0 : p?.registerOpenNestedRoot
+      }), /* @__PURE__ */ u(Be.Provider, {
+        value: void 0,
+        children: e
+      })]
+    })
+  });
+}, Rr = ({ searchRef: e, value: t }) => {
+  const { setSearchTargetId: r } = F();
+  return fe(() => {
+    const o = e.current?.closest("[data-dropdown-content]");
+    a(o) && r(le(o)?.id);
+  }, [
+    e,
+    t,
+    r
+  ]), null;
+}, kr = ({ onValueChange: e, onBlur: t, className: r, hasFocusRing: o = !1, value: i, ref: c, ...s }) => {
+  const { searchTargetId: d, setSearchTargetId: n } = F(), l = Ce(null), p = me(l, c);
+  return /* @__PURE__ */ ee("div", {
+    className: O.searchContainer,
+    children: [/* @__PURE__ */ u(vt, {
+      type: "search",
+      autoComplete: "off",
+      "aria-activedescendant": d,
+      ...s,
+      ref: p,
+      value: i,
+      "data-dropdown-search": "",
+      variant: "plain",
+      hasFocusRing: o,
+      className: Z(O.search, r),
+      onValueChange: (w) => e?.(w),
+      onBlur: (w) => {
+        n(void 0), t?.(w);
+      }
+    }), /* @__PURE__ */ u(Rr, {
+      searchRef: l,
+      value: i
+    })]
+  });
+}, Nr = ({ className: e, ...t }) => /* @__PURE__ */ u(Pe.Group, {
+  ...t,
+  className: Z(O.group, e)
+}), xr = ({ className: e, ...t }) => /* @__PURE__ */ u(Pe.GroupLabel, {
+  ...t,
+  className: Z(O.groupLabel, e)
+}), Fr = ({ label: e, scrollable: t, columns: r, style: o, className: i, children: c, ...s }) => {
+  const d = $e(r) ? r : void 0;
+  return /* @__PURE__ */ ee(Nr, {
+    ...s,
+    "data-scrollable": t || void 0,
+    "data-dropdown-columns": d,
+    style: {
+      ...o,
+      ...a(d) && { gridTemplateColumns: `repeat(${d}, minmax(0, 1fr))` }
+    },
+    className: U(O.section, i),
+    children: [a(e) && /* @__PURE__ */ u(xr, {
+      "data-dropdown-section-label": "",
+      children: e
+    }), c]
+  });
+}, Lr = ({ id: e, initialState: t, initializeSelection: r }) => (fe(() => {
+  r({
+    id: e,
+    state: t
+  });
+}, [
+  e,
+  t,
+  r
+]), null), Br = ({ props: e, storedState: t }) => e.multiple ? {
+  multiple: !0,
+  value: e.value ?? (t?.multiple ? t.value : e.defaultValue ?? [])
+} : be(e.value) ? {
+  multiple: !1,
+  value: t?.multiple === !1 ? t.value : e.defaultValue ?? null
+} : {
+  multiple: !1,
+  value: e.value
+}, Mr = (e) => {
+  const { id: t, multiple: r = !1, value: o, defaultValue: i, onValueChange: c, closeOnSelect: s = !r, render: d, ref: n, className: l, children: p, ...w } = e, { type: T, selections: g, initializeSelection: f, updateSelection: _ } = F(), R = Te(), v = t ?? R, m = Br({
+    props: e,
+    storedState: g.get(v)
+  }), S = ({ value: b, eventDetails: k }) => {
+    if (!(!m.multiple && m.value === b)) {
+      if (m.multiple && e.multiple) {
+        const N = m.value.includes(b) ? m.value.filter((L) => L !== b) : [...m.value, b];
+        e.onValueChange?.(N, k), !k.isCanceled && be(o) && _({
+          id: v,
+          state: {
+            multiple: !0,
+            value: N
+          }
+        });
+        return;
+      }
+      e.multiple || (e.onValueChange?.(b, k), !k.isCanceled && be(o) && _({
+        id: v,
+        state: {
+          multiple: !1,
+          value: b
+        }
+      }));
+    }
+  }, h = ue({
+    render: d,
+    ref: n,
+    state: m,
+    props: {
+      ...w,
+      id: v,
+      className: U(O.selectionGroup, l),
+      role: T === "picker" ? "listbox" : "group",
+      "aria-multiselectable": T === "picker" ? r : void 0,
+      children: p
+    }
+  });
+  return /* @__PURE__ */ ee(Be.Provider, {
+    value: {
+      ...m,
+      closeOnSelect: s,
+      select: S
+    },
+    children: [be(o) && /* @__PURE__ */ u(Lr, {
+      id: v,
+      initialState: m,
+      initializeSelection: f
+    }), h]
+  });
+}, Gr = ({ className: e, ...t }) => /* @__PURE__ */ u(Pe.Separator, {
+  ...t,
+  role: "separator",
+  "data-dropdown-separator": "",
+  className: U(O.separator, e)
+}), Kr = ({ type: e = "menu", ...t }) => /* @__PURE__ */ u(at, {
+  ...t,
+  type: e,
+  isSubmenu: !0
+}), Me = (e) => J((t) => {
+  if (!(!a(t) || !ye(t.id)))
+    return e(t.id);
+}, [e]), qr = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: i, shortcut: c, shortcutJoinLabel: s, hasSubmenu: d = !0, children: n, render: l, disabled: p = !1, nativeButton: w = !a(l), openOnHover: T = !0, onKeyDown: g, id: f, ref: _, ...R }) => {
+  const v = Xe(), { type: m, rootType: S, parentType: h, open: b, setOpen: k, setFocusOnOpen: N, registerTrigger: L } = F(), B = b ? m : S, C = Te(), P = Re({
+    id: f,
+    render: l
+  }) ?? C, x = Fe({
+    id: P,
+    disabled: p,
+    isSubmenuTrigger: !0
+  }), I = me(_, Me(L));
+  return /* @__PURE__ */ u(oe.Trigger, {
+    ...R,
+    ref: I,
+    id: P,
+    disabled: p,
+    nativeButton: w,
+    openOnHover: T,
+    role: h === "menu" ? "menuitem" : void 0,
+    "aria-haspopup": B === "menu" ? "menu" : "dialog",
+    tabIndex: x.tabIndex,
+    "data-dropdown-item": "",
+    onKeyDown: (A) => {
+      if (g?.(A), A.defaultPrevented || p) return;
+      const G = ne(v === "rtl" ? "ArrowLeft" : "ArrowRight");
+      if (A.key === G) {
+        A.preventDefault(), A.stopPropagation(), N(!0);
+        const K = A.currentTarget.getAttribute("aria-controls"), H = a(K) ? A.currentTarget.ownerDocument.getElementById(K) : null;
+        if (b && a(H)) {
+          Le({
+            content: H,
+            type: m
+          }).focus();
+          return;
+        }
+        k(!0);
+      }
+    },
+    render: (A) => {
+      const G = Oe({
+        nativeButton: w,
+        renderProps: A
+      });
+      return /* @__PURE__ */ u(Ee, {
+        ...A,
+        render: /* @__PURE__ */ u(Je, {
+          render: l,
+          disabled: G
+        }),
+        disabled: p,
+        color: e,
+        startIcon: t,
+        endIcon: r,
+        description: o,
+        descriptionPlacement: i,
+        shortcut: c,
+        shortcutJoinLabel: s,
+        hasSubmenu: d,
+        children: n
+      });
+    }
+  });
+}, Ur = ({ className: e, render: t, ref: r, ...o }) => {
+  const { registerTitle: i } = F(), c = me(r, Me(i));
+  return /* @__PURE__ */ u(je.Title, {
+    ...o,
+    ref: c,
+    render: t ?? /* @__PURE__ */ u("div", {}),
+    className: Z(O.title, e)
+  });
+}, Vr = (e) => {
+  const t = e.getAttribute("aria-controls"), r = a(t) ? e.ownerDocument.getElementById(t) : null;
+  if (a(r))
+    return ot({
+      content: r,
+      shiftKey: !1
+    })?.target;
+}, Wr = ({ onKeyDown: e, onClick: t, ref: r, ...o }) => {
+  const { type: i, rootType: c, open: s, setOpen: d, setInitialFocusEdge: n, setFocusOnOpen: l, registerTrigger: p } = F(), w = s ? i : c, T = me(r, Me(p));
+  return /* @__PURE__ */ u(oe.Trigger, {
+    ...o,
+    ref: T,
+    "aria-haspopup": w === "menu" ? "menu" : "dialog",
+    onClick: (g) => {
+      g.stopPropagation(), g.preventDefault(), t?.(g);
+    },
+    onKeyDown: (g) => {
+      if (e?.(g), g.defaultPrevented || g.baseUIHandlerPrevented || o.disabled || w === "panel") return;
+      const f = s && w === "picker" && g.key === "Tab" && !g.shiftKey ? Vr(g.currentTarget) : void 0;
+      if (a(f)) {
+        g.preventDefault(), f.focus();
+        return;
+      }
+      g.key !== "ArrowDown" && g.key !== "ArrowUp" || (g.preventDefault(), l(!0), n(g.key === "ArrowUp" ? "last" : "first"), d(!0));
+    }
+  });
+}, zr = at, ho = {
+  Root: zr,
+  Trigger: Wr,
+  Content: mr,
+  ActionItem: Ze,
+  OptionItem: Dr,
+  SelectionGroup: Mr,
+  Search: kr,
+  Header: wr,
+  Title: Ur,
+  Close: tr,
+  Page: _r,
+  Back: $t,
+  Submenu: Kr,
+  SubmenuTrigger: qr,
+  Section: Fr,
+  Separator: Gr,
+  Loading: hr,
+  Empty: gr
+};
+export {
+  er as a,
+  rr as i,
+  Br as n,
+  Jt as o,
+  Lr as r,
+  F as s,
+  ho as t
+};