twenty-ui 2.51.1 → 2.52.0

package/dist/Dropdown-xXsGBv57.js

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