twenty-ui 2.50.0 → 2.51.3

package/dist/Dropdown-ChTVyesF.js

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