twenty-ui 2.49.0 → 2.50.0

package/dist/Dropdown-ChTVyesF.js

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