twenty-ui 2.47.0 → 2.49.0

package/dist/Dropdown-1OAJvS1f.js

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