twenty-ui 2.48.0 → 2.49.0

package/dist/Dropdown-C2hXrjvD.js

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