twenty-ui 2.49.0 → 2.50.0

package/dist/Dropdown-1OAJvS1f.js

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