twenty-ui 2.50.0 → 2.51.1

package/dist/Dropdown-xXsGBv57.js

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