twenty-ui 2.46.0 → 2.48.0

package/dist/Dropdown-C2hXrjvD.js

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