twenty-ui 2.46.0 → 2.47.0

package/dist/{Dropdown-CZVEnq0N.js → Dropdown-CScN_olN.js}

@@ -1,28 +1,32 @@
 import { t as c } from "./isDefined-fMi6eQ4r.js";
-import { Cn as qe, Dn as Be, En as Me, hl as Ke } from "./icon-Bo3y4NHM.js";
-import { t as Ie } from "./isRenderableSlot-DT_depzM.js";
-import { n as ye, t as Ge } from "./Button-DQUIhQAm.js";
-import { t as Z } from "./mergeClassNames-ClFMR1v0.js";
-import { n as De, r as He } from "./OverflowingTextWithTooltip-wRABzEWd.js";
+import { Cn as Be, Dn as Me, En as Ke, hl as Ge } from "./icon-BdXwnJA6.js";
+import { t as j } from "./mergeClassNames-ClFMR1v0.js";
+import { t as He } from "./preventDismissingClickActivation-CzWqpjiX.js";
+import { r as ye, t as We } from "./Button-Cs07psdD.js";
+import { t as De } from "./isRenderableSlot-DT_depzM.js";
+import { t as Ue } from "./Tooltip-BMkznyoi.js";
+import { n as Te } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
 import { t as te } from "./ListItem.module-Ar-vZ7Qu.js";
-import { t as de } from "./ListItem-BVJEFywj.js";
-import { t as V } from "./Popover-C-JjVGKl.js";
-import { i as We, t as Ue } from "./Input-D3-FH2Zz.js";
-import { n as ze, r as $e, t as je } from "./MenuSeparator-BdPwyE9f.js";
-import { useRender as Te } from "@base-ui/react/use-render";
-import { isBoolean as Ye, isFunction as Ve, isNonEmptyString as oe, isPositiveInteger as _e } from "@sniptt/guards";
+import { t as de } from "./ListItem-CXu35dzp.js";
+import { t as X } from "./Popover-CWeCV7X9.js";
+import { t as ze } from "./Input-DZWl81G_.js";
+import { useRender as _e } from "@base-ui/react/use-render";
+import { isBoolean as $e, isFunction as je, isNonEmptyString as oe, isPositiveInteger as Ae } from "@sniptt/guards";
 import { clsx as M } from "clsx";
-import { createContext as Xe, useCallback as J, useContext as ne, useEffect as Je, useId as ue, useLayoutEffect as Ae, useRef as Ce, useState as B } from "react";
-import { Fragment as Qe, jsx as d, jsxs as ae } from "react/jsx-runtime";
-import { Button as ke } from "@base-ui/react/button";
+import { createContext as Ye, useCallback as Q, useContext as ne, useEffect as Ve, useId as ue, useLayoutEffect as Ce, useRef as ke, useState as B } from "react";
+import { Fragment as Xe, jsx as d, jsxs as ae } from "react/jsx-runtime";
+import { Button as Pe } from "@base-ui/react/button";
 import { useMergedRefs as se } from "@base-ui/utils/useMergedRefs";
-import { Popover as Pe } from "@base-ui/react/popover";
-import { useDirection as Ne } from "@base-ui/react/direction-provider";
-var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt = "_separator_wgn7f_39", ot = "_back_wgn7f_47", nt = "_backIcon_wgn7f_59", at = "_searchContainer_wgn7f_63", st = "_search_wgn7f_63", it = "_status_wgn7f_80", ct = "_header_wgn7f_86", dt = "_title_wgn7f_99", ut = "_itemWithActions_wgn7f_108", lt = "_itemWithActionsPrimary_wgn7f_114", pt = "_itemActions_wgn7f_129", mt = "_itemDecoration_wgn7f_133", C = {
-  content: Ze,
-  page: et,
-  section: tt,
-  separator: rt,
+import { Popover as Ne } from "@base-ui/react/popover";
+import { useDirection as xe } from "@base-ui/react/direction-provider";
+import { Menu as le } from "@base-ui/react/menu";
+var Je = "_content_pi98m_1", Qe = "_page_pi98m_12", Ze = "_group_pi98m_16", et = "_groupLabel_pi98m_22", tt = "_separator_pi98m_34", rt = "_section_pi98m_41", ot = "_back_pi98m_72", nt = "_backIcon_pi98m_84", at = "_searchContainer_pi98m_88", st = "_search_pi98m_88", it = "_status_pi98m_105", ct = "_header_pi98m_111", dt = "_title_pi98m_124", ut = "_itemWithActions_pi98m_133", lt = "_itemWithActionsPrimary_pi98m_139", pt = "_itemActions_pi98m_154", mt = "_itemDecoration_pi98m_158", _ = {
+  content: Je,
+  page: Qe,
+  group: Ze,
+  groupLabel: et,
+  separator: tt,
+  section: rt,
   back: ot,
   backIcon: nt,
   searchContainer: at,
@@ -34,7 +38,7 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
   itemWithActionsPrimary: lt,
   itemActions: pt,
   itemDecoration: mt
-}, le = ({ render: e, ref: t, disabled: r, ...o }) => Te({
+}, pe = ({ render: e, ref: t, disabled: r, ...o }) => _e({
   render: e,
   ref: t,
   defaultTagName: "button",
@@ -42,8 +46,8 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     ...o,
     disabled: r
   }
-}), pe = ({ nativeButton: e, renderProps: t }) => e && "disabled" in t && Ye(t.disabled) ? t.disabled : void 0, ft = "[data-dropdown-item]", xe = ({ actions: e, actionsVisibility: t = "hover", color: r = "neutral", selected: o = !1, focused: a = !1, indicator: s = "none", disabled: n = !1, hasSubmenu: u = !1, children: l }) => /* @__PURE__ */ ae("div", {
-  className: M(te.root, C.itemWithActions),
+}), me = ({ nativeButton: e, renderProps: t }) => e && "disabled" in t && $e(t.disabled) ? t.disabled : void 0, ft = "[data-dropdown-item]", Ee = ({ actions: e, actionsVisibility: t = "hover", color: r = "neutral", selected: o = !1, focused: a = !1, indicator: s = "none", disabled: n = !1, hasSubmenu: u = !1, children: l }) => /* @__PURE__ */ ae("div", {
+  className: M(te.root, _.itemWithActions),
   role: "none",
   "data-actions-visibility": t,
   "data-color": r,
@@ -57,38 +61,38 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
   children: [
     l,
     /* @__PURE__ */ d("span", {
-      className: M(te.actions, C.itemActions),
+      className: M(te.actions, _.itemActions),
       children: e
     }),
-    s === "check" && o && /* @__PURE__ */ d(qe, {
-      className: M(te.checkIndicator, C.itemDecoration),
+    s === "check" && o && /* @__PURE__ */ d(Be, {
+      className: M(te.checkIndicator, _.itemDecoration),
       "aria-hidden": !0
     }),
-    u && /* @__PURE__ */ d(Be, {
-      className: M(te.submenuIcon, C.itemDecoration),
+    u && /* @__PURE__ */ d(Me, {
+      className: M(te.submenuIcon, _.itemDecoration),
       "aria-hidden": !0
     })
   ]
-}), me = (e) => e.getAttribute("aria-label") ?? e.textContent ?? "", Q = (e) => Array.from(e.querySelectorAll("[data-dropdown-item]")).filter((t) => t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && t.closest("[data-dropdown-content]") === e), re = Xe(void 0), K = () => {
+}), fe = (e) => e.getAttribute("aria-label") ?? e.textContent ?? "", Z = (e) => Array.from(e.querySelectorAll("[data-dropdown-item]")).filter((t) => t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && t.closest("[data-dropdown-content]") === e), re = Ye(void 0), K = () => {
   const e = ne(re);
   if (!c(e)) throw new Error("Dropdown components must be inside Dropdown.Root");
   return e;
-}, fe = ({ id: e, disabled: t, isSubmenuTrigger: r = !1 }) => {
+}, ge = ({ id: e, disabled: t, isSubmenuTrigger: r = !1 }) => {
   const o = K(), a = r ? o.parentType : o.type, s = r ? o.parentActiveItemId : o.activeItemId, n = r ? o.setParentActiveItemId : o.setActiveItemId;
   return {
     tabIndex: t || a === "menu" && s !== e ? -1 : 0,
     activate: () => n?.(e)
   };
-}, Ee = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: n, hasSubmenu: u, actions: l, actionsVisibility: m, children: f, render: g, disabled: v = !1, nativeButton: i = !c(g), closeOnClick: N = !0, onClick: w, onFocus: y, page: p, id: b, ...h }) => {
-  const { type: D, closeTree: E, goToPage: _ } = K(), S = ue(), R = b ?? S, x = fe({
+}, Oe = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: n, hasSubmenu: u, actions: l, actionsVisibility: m, children: f, render: g, disabled: v = !1, nativeButton: i = !c(g), closeOnClick: N = !0, onClick: h, onFocus: y, page: p, id: b, ...w }) => {
+  const { type: D, closeTree: E, goToPage: A } = K(), S = ue(), R = b ?? S, x = ge({
     id: R,
     disabled: v
-  }), k = Ie(l), F = u ?? c(p), L = /* @__PURE__ */ d(ke, {
-    ...h,
+  }), k = De(l), F = u ?? c(p), L = /* @__PURE__ */ d(Pe, {
+    ...w,
     id: R,
     disabled: v,
     nativeButton: i,
-    role: h.role ?? (D === "menu" ? "menuitem" : void 0),
+    role: w.role ?? (D === "menu" ? "menuitem" : void 0),
     tabIndex: x.tabIndex,
     onFocus: (T) => {
       x.activate(), y?.(T);
@@ -96,17 +100,17 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     "data-dropdown-item": "",
     "data-dropdown-page": p,
     onClick: (T) => {
-      if (w?.(T), !T.defaultPrevented) {
+      if (h?.(T), !T.defaultPrevented) {
         if (c(p)) {
           const P = T.currentTarget.closest("[data-dropdown-content]");
           if (!c(P)) return;
-          _({
+          A({
             id: p,
             trigger: {
               id: b,
-              index: Q(P).indexOf(T.currentTarget),
+              index: Z(P).indexOf(T.currentTarget),
               page: p,
-              label: me(T.currentTarget)
+              label: fe(T.currentTarget)
             }
           });
           return;
@@ -115,17 +119,17 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       }
     },
     render: (T) => {
-      const P = pe({
+      const P = me({
         nativeButton: i,
         renderProps: T
       });
       return /* @__PURE__ */ d(de, {
         ...T,
-        render: /* @__PURE__ */ d(le, {
+        render: /* @__PURE__ */ d(pe, {
           render: g,
           disabled: P
         }),
-        className: M(T.className, k && C.itemWithActionsPrimary),
+        className: M(T.className, k && _.itemWithActionsPrimary),
         disabled: v,
         color: e,
         startIcon: t,
@@ -140,7 +144,7 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       });
     }
   });
-  return k ? /* @__PURE__ */ d(xe, {
+  return k ? /* @__PURE__ */ d(Ee, {
     actions: l,
     actionsVisibility: m,
     color: e,
@@ -150,24 +154,24 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
   }) : L;
 }, gt = ({ children: e = "Back", className: t, onClick: r, ...o }) => {
   const { goBack: a, canGoBack: s } = K();
-  return /* @__PURE__ */ d(Ee, {
+  return /* @__PURE__ */ d(Oe, {
     ...o,
-    className: M(C.back, t),
+    className: M(_.back, t),
     "data-dropdown-back": "",
     disabled: o.disabled || !s,
-    startIcon: /* @__PURE__ */ d(Me, { className: C.backIcon }),
+    startIcon: /* @__PURE__ */ d(Ke, { className: _.backIcon }),
     closeOnClick: !1,
     onClick: (n) => {
       r?.(n), !n.defaultPrevented && a();
     },
     children: e
   });
-}, wt = "_button_1qwl0_1", ht = "_tooltipAnchor_1qwl0_29", vt = "_icon_1qwl0_33", ce = {
-  button: wt,
-  tooltipAnchor: ht,
+}, ht = "_button_1qwl0_1", wt = "_tooltipAnchor_1qwl0_29", vt = "_icon_1qwl0_33", ce = {
+  button: ht,
+  tooltipAnchor: wt,
   icon: vt
 }, bt = ({ children: e, size: t, shape: r = "square", className: o, tooltip: a, tooltipPlace: s = "bottom", tooltipDelay: n = 1e3, tooltipOffset: u = 5, disabled: l, loading: m, ...f }) => {
-  const g = ne(ye), v = t ?? g?.size ?? "md", i = oe(a), N = l || m, w = /* @__PURE__ */ d(Ge, {
+  const g = ne(ye), v = t ?? g?.size ?? "md", i = oe(a), N = l || m, h = /* @__PURE__ */ d(We, {
     ...f,
     size: v === "xs" ? "sm" : v,
     "data-icon-size": v,
@@ -178,18 +182,18 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       className: ce.icon,
       children: e
     }),
-    className: Z(ce.button, o)
+    className: j(ce.button, o)
   });
-  return i ? /* @__PURE__ */ d(He, {
+  return i ? /* @__PURE__ */ d(Ue, {
     content: a,
     delay: n,
     side: s,
     sideOffset: u,
     children: N ? /* @__PURE__ */ d("span", {
       className: ce.tooltipAnchor,
-      children: w
-    }) : w
-  }) : w;
+      children: h
+    }) : h
+  }) : h;
 }, It = "_button_prhtf_1", yt = { button: It }, Dt = ({ className: e, emphasis: t = "standard", size: r, variant: o, ...a }) => {
   const s = ne(ye), n = r ?? s?.size ?? "sm", u = o ?? s?.variant ?? "ghost";
   return /* @__PURE__ */ d(bt, {
@@ -197,23 +201,23 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     size: n,
     variant: u,
     "data-emphasis": t,
-    className: Z(yt.button, e)
+    className: j(yt.button, e)
   });
-}, Tt = ({ render: e, children: t, "aria-label": r, ...o }) => /* @__PURE__ */ d(Pe.Close, {
+}, Tt = ({ render: e, children: t, "aria-label": r, ...o }) => /* @__PURE__ */ d(Ne.Close, {
   ...o,
   "aria-label": r,
   render: e ?? /* @__PURE__ */ d(Dt, {
     size: "sm",
     "aria-label": r,
-    children: t ?? /* @__PURE__ */ d(Ke, {})
+    children: t ?? /* @__PURE__ */ d(Ge, {})
   }),
   children: c(e) ? t : void 0
-}), ge = ({ content: e, target: t, edge: r = "first", type: o }) => {
+}), he = ({ content: e, target: t, edge: r = "first", type: o }) => {
   const a = c(t?.id) ? e.ownerDocument.getElementById(t.id) : null;
   if (c(a) && e.contains(a)) return a;
-  const s = Q(e), n = c(t) ? s.filter((i) => i.dataset.dropdownPage === t.page) : [], [u] = n;
+  const s = Z(e), n = c(t) ? s.filter((i) => i.dataset.dropdownPage === t.page) : [], [u] = n;
   if (n.length === 1 && c(u)) return u;
-  const l = oe(t?.label) ? n.filter((i) => me(i) === t?.label) : [], [m] = l;
+  const l = oe(t?.label) ? n.filter((i) => fe(i) === t?.label) : [], [m] = l;
   if (l.length === 1 && c(m)) return m;
   const f = c(t) ? s[t.index] : void 0;
   if (c(f)) return f;
@@ -223,8 +227,8 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
   return c(v) ? v : r === "last" ? s[s.length - 1] ?? g ?? e : s.find((i) => !i.hasAttribute("data-dropdown-back")) ?? s[0] ?? g ?? e;
 }, _t = ({ contentRef: e }) => {
   const { open: t, pageId: r, pageFocusRequest: o, setPageFocusRequest: a } = K();
-  return Ae(() => {
-    c(o) && (a(void 0), !(!t || o.pageId !== r || !c(e.current)) && ge({
+  return Ce(() => {
+    c(o) && (a(void 0), !(!t || o.pageId !== r || !c(e.current)) && he({
       content: e.current,
       target: o.target
     }).focus());
@@ -239,10 +243,10 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
   if (e.dataset.type === "panel") return;
   const t = e.querySelector("[data-dropdown-search]:not(:disabled)");
   if (!(!c(t) || !oe(t.value.trim())))
-    return Q(e).find((r) => r.hasAttribute("data-dropdown-option-item"));
+    return Z(e).find((r) => r.hasAttribute("data-dropdown-option-item"));
 }, At = ({ content: e }) => {
   const { setSearchTargetId: t } = K();
-  return Ae(() => {
+  return Ce(() => {
     if (!c(e)) return;
     const r = () => t(we(e)?.id);
     r();
@@ -262,25 +266,25 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     const s = [e[o - a], e[o + a]].find(r);
     if (c(s)) return s;
   }
-}, Oe = ({ key: e, items: t, currentItem: r, search: o, isRightToLeft: a }) => {
+}, Se = ({ key: e, items: t, currentItem: r, search: o, isRightToLeft: a }) => {
   const s = r?.closest("[data-dropdown-columns]"), n = Number(s?.dataset.dropdownColumns), u = [
     "ArrowUp",
     "ArrowDown",
     "ArrowLeft",
     "ArrowRight"
   ].includes(e);
-  if (!c(s) || !c(r) || !u || !_e(n)) return;
+  if (!c(s) || !c(r) || !u || !Ae(n)) return;
   const l = Array.from(s.children).filter((p) => p instanceof HTMLElement && !p.hasAttribute("data-dropdown-section-label")), m = l.indexOf(r);
   if (m < 0) return;
-  const f = Math.floor(m / n), g = m % n, v = e === "ArrowUp" || e === "ArrowDown", i = e === "ArrowDown" || e === (a ? "ArrowLeft" : "ArrowRight") ? 1 : -1, N = Math.ceil(l.length / n), w = new Set(t), y = (p) => c(p) && w.has(p);
+  const f = Math.floor(m / n), g = m % n, v = e === "ArrowUp" || e === "ArrowDown", i = e === "ArrowDown" || e === (a ? "ArrowLeft" : "ArrowRight") ? 1 : -1, N = Math.ceil(l.length / n), h = new Set(t), y = (p) => c(p) && h.has(p);
   if (v) {
-    for (let h = f + i; h >= 0 && h < N; h += i) {
-      const D = l[Math.min(h * n + g, l.length - 1)];
+    for (let w = f + i; w >= 0 && w < N; w += i) {
+      const D = l[Math.min(w * n + g, l.length - 1)];
       if (y(D)) return D;
     }
-    for (let h = f + i; h >= 0 && h < N; h += i) {
+    for (let w = f + i; w >= 0 && w < N; w += i) {
       const D = Pt({
-        rowCells: l.slice(h * n, (h + 1) * n),
+        rowCells: l.slice(w * n, (w + 1) * n),
         column: g,
         isEnabledCell: y
       });
@@ -295,7 +299,7 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
   }
   return r;
 }, Nt = ({ key: e, items: t, currentIndex: r, search: o, isSearch: a, isRightToLeft: s = !1 }) => {
-  const n = Oe({
+  const n = Se({
     key: e,
     items: t,
     currentItem: t[r],
@@ -310,7 +314,7 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
   if (!a && e === "Home") return t[0];
   if (!a && e === "End") return t[u];
 }, xt = 500, Et = ({ type: e, isSubmenu: t, setOpen: r }) => {
-  const o = Ne(), [a, s] = B({
+  const o = xe(), [a, s] = B({
     text: "",
     timestamp: 0
   });
@@ -318,9 +322,9 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     if (n.defaultPrevented) return;
     const u = n.currentTarget, l = n.target;
     if (!(l instanceof HTMLElement) || l.closest("[data-dropdown-content]") !== u) return;
-    const m = l.matches('input,textarea,select,[contenteditable="true"]'), f = o === "rtl", g = f ? "ArrowRight" : "ArrowLeft", v = t && !m && n.key === g, i = v && e !== "panel" ? Oe({
+    const m = l.matches('input,textarea,select,[contenteditable="true"]'), f = o === "rtl", g = f ? "ArrowRight" : "ArrowLeft", v = t && !m && n.key === g, i = v && e !== "panel" ? Se({
       key: n.key,
-      items: Q(u),
+      items: Z(u),
       currentItem: l,
       search: null,
       isRightToLeft: f
@@ -330,18 +334,18 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       return;
     }
     if (e === "panel") return;
-    const w = u.querySelector("[data-dropdown-search]:not(:disabled)"), y = l === w;
+    const h = u.querySelector("[data-dropdown-search]:not(:disabled)"), y = l === h;
     if (m && !y) return;
-    const p = Q(u).filter((x) => !c(w) || !x.hasAttribute("data-dropdown-back")), b = y && n.key === "Enter" && !n.nativeEvent.isComposing ? we(u) : void 0;
+    const p = Z(u).filter((x) => !c(h) || !x.hasAttribute("data-dropdown-back")), b = y && n.key === "Enter" && !n.nativeEvent.isComposing ? we(u) : void 0;
     if (c(b)) {
       n.preventDefault(), b.click();
       return;
     }
-    const h = p.indexOf(l), D = Nt({
+    const w = p.indexOf(l), D = Nt({
       key: n.key,
       items: p,
-      currentIndex: h,
-      search: w,
+      currentIndex: w,
+      search: h,
       isSearch: y,
       isRightToLeft: f
     });
@@ -350,48 +354,48 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       return;
     }
     if (m || n.key.length !== 1 || n.key === " " || n.altKey || n.ctrlKey || n.metaKey) return;
-    const E = Date.now(), _ = E - a.timestamp > xt ? n.key : a.text + n.key;
+    const E = Date.now(), A = E - a.timestamp > xt ? n.key : a.text + n.key;
     s({
-      text: _,
+      text: A,
       timestamp: E
     });
-    const S = ([..._].every((x) => x === _[0]) ? n.key : _).toLocaleLowerCase(), R = [...p.slice(h + 1), ...p.slice(0, h + 1)].find((x) => me(x).trim().toLocaleLowerCase().startsWith(S));
+    const S = ([...A].every((x) => x === A[0]) ? n.key : A).toLocaleLowerCase(), R = [...p.slice(w + 1), ...p.slice(0, w + 1)].find((x) => fe(x).trim().toLocaleLowerCase().startsWith(S));
     c(R) && (n.preventDefault(), R.focus());
   };
-}, Ot = ({ side: e, align: t = "start", sideOffset: r = 0, alignOffset: o, anchor: a, collisionPadding: s, container: n, keepMounted: u, width: l = 200, className: m, style: f, children: g, initialFocus: v, onKeyDown: i, onInput: N, onClick: w, onMouseDown: y, onPointerDown: p, "aria-label": b, "aria-labelledby": h, ref: D, ...E }) => {
-  const { type: _, isSubmenu: S, setOpen: R, initialFocusEdge: x, focusOnOpen: k, triggerId: F, titleId: L, setSearchTargetId: T } = K(), P = Ce(null), [A, G] = B(null), H = se(P, D, G), z = Et({
-    type: _,
+}, Ot = ({ side: e, align: t = "start", sideOffset: r = 0, alignOffset: o, anchor: a, collisionPadding: s, container: n, keepMounted: u, width: l = 200, className: m, style: f, children: g, initialFocus: v, onKeyDown: i, onInput: N, onClick: h, onMouseDown: y, onPointerDown: p, "aria-label": b, "aria-labelledby": w, ref: D, ...E }) => {
+  const { type: A, isSubmenu: S, setOpen: R, initialFocusEdge: x, focusOnOpen: k, triggerId: F, titleId: L, setSearchTargetId: T } = K(), P = ke(null), [C, G] = B(null), H = se(P, D, G), z = Et({
+    type: A,
     isSubmenu: S,
     setOpen: R
   }), $ = c(b) ? void 0 : L ?? F;
-  return /* @__PURE__ */ ae(Qe, { children: [
-    /* @__PURE__ */ d(V.Portal, {
+  return /* @__PURE__ */ ae(Xe, { children: [
+    /* @__PURE__ */ d(X.Portal, {
       container: n,
       keepMounted: u,
-      children: /* @__PURE__ */ d(V.Positioner, {
+      children: /* @__PURE__ */ d(X.Positioner, {
         side: e ?? (S ? "inline-end" : "bottom"),
         align: t,
         sideOffset: r,
         alignOffset: o,
         anchor: a,
         collisionPadding: s,
-        children: /* @__PURE__ */ d(V.Popup, {
+        children: /* @__PURE__ */ d(X.Popup, {
           ...E,
           ref: H,
-          role: _ === "menu" ? "menu" : "dialog",
+          role: A === "menu" ? "menu" : "dialog",
           "aria-label": b,
-          "aria-labelledby": h ?? $,
+          "aria-labelledby": w ?? $,
           "data-dropdown-content": "",
-          "data-type": _,
-          className: Z(C.content, m),
+          "data-type": A,
+          className: j(_.content, m),
           style: (I) => ({
             width: l,
-            ...Ve(f) ? f(I) : f
+            ...je(f) ? f(I) : f
           }),
-          initialFocus: v ?? (() => k ? c(P.current) ? ge({
+          initialFocus: v ?? (() => k ? c(P.current) ? he({
             content: P.current,
             edge: x,
-            type: _
+            type: A
           }) : !0 : !1),
           onKeyDown: (I) => {
             i?.(I), z(I), Ct(I) || I.stopPropagation();
@@ -400,7 +404,7 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
             N?.(I), T(we(I.currentTarget)?.id);
           },
           onClick: (I) => {
-            I.stopPropagation(), w?.(I);
+            I.stopPropagation(), h?.(I);
           },
           onMouseDown: (I) => {
             I.stopPropagation(), y?.(I);
@@ -413,31 +417,31 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       })
     }),
     /* @__PURE__ */ d(_t, { contentRef: P }),
-    /* @__PURE__ */ d(At, { content: A })
+    /* @__PURE__ */ d(At, { content: C })
   ] });
-}, St = ({ className: e, ...t }) => /* @__PURE__ */ d(De, {
+}, St = ({ className: e, ...t }) => /* @__PURE__ */ d(Te, {
   ...t,
   role: "status",
   "aria-live": "polite",
-  className: M(C.status, e)
-}), Rt = ({ render: e, ref: t, className: r, ...o }) => Te({
+  className: M(_.status, e)
+}), Rt = ({ render: e, ref: t, className: r, ...o }) => _e({
   render: e,
   ref: t,
   props: {
     ...o,
-    className: M(C.header, r)
+    className: M(_.header, r)
   }
-}), Ft = ({ className: e, ...t }) => /* @__PURE__ */ d(De, {
+}), Ft = ({ className: e, ...t }) => /* @__PURE__ */ d(Te, {
   ...t,
   role: "status",
   "aria-live": "polite",
   "aria-busy": "true",
-  className: M(C.status, e)
-}), Lt = ({ selected: e, indicator: t, onSelect: r, closeOnSelect: o, color: a, startIcon: s, endIcon: n, description: u, descriptionPlacement: l, shortcut: m, shortcutJoinLabel: f, hasSubmenu: g, actions: v, actionsVisibility: i, children: N, render: w, disabled: y = !1, nativeButton: p = !c(w), onClick: b, onFocus: h, id: D, ...E }) => {
-  const { type: _, multiple: S, closeTree: R, searchTargetId: x } = K(), k = _ === "menu", F = c(e), L = !k && (p || E.role === "button"), T = !k && !L && F && e, P = F ? S ? "menuitemcheckbox" : "menuitemradio" : "menuitem", A = S ? "checkbox" : "check", G = ue(), H = D ?? G, z = fe({
+  className: M(_.status, e)
+}), Lt = ({ selected: e, indicator: t, onSelect: r, closeOnSelect: o, color: a, startIcon: s, endIcon: n, description: u, descriptionPlacement: l, shortcut: m, shortcutJoinLabel: f, hasSubmenu: g, actions: v, actionsVisibility: i, children: N, render: h, disabled: y = !1, nativeButton: p = !c(h), onClick: b, onFocus: w, id: D, ...E }) => {
+  const { type: A, multiple: S, closeTree: R, searchTargetId: x } = K(), k = A === "menu", F = c(e), L = !k && (p || E.role === "button"), T = !k && !L && F && e, P = F ? S ? "menuitemcheckbox" : "menuitemradio" : "menuitem", C = S ? "checkbox" : "check", G = ue(), H = D ?? G, z = ge({
     id: H,
     disabled: y
-  }), $ = Ie(v), I = x === H, j = t ?? (F ? A : "none"), ee = $ && j === "check", Y = /* @__PURE__ */ d(ke, {
+  }), $ = De(v), I = x === H, Y = t ?? (F ? C : "none"), ee = $ && Y === "check", V = /* @__PURE__ */ d(Pe, {
     ...E,
     id: H,
     disabled: y,
@@ -448,7 +452,7 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     "aria-current": T ? "true" : void 0,
     tabIndex: z.tabIndex,
     onFocus: (W) => {
-      z.activate(), h?.(W);
+      z.activate(), w?.(W);
     },
     "data-dropdown-item": "",
     "data-dropdown-option-item": "",
@@ -456,21 +460,21 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       b?.(W), !W.defaultPrevented && (r?.(), (o ?? !S) && R());
     },
     render: (W) => {
-      const ie = pe({
+      const ie = me({
         nativeButton: p,
         renderProps: W
       });
       return /* @__PURE__ */ d(de, {
         ...W,
-        render: /* @__PURE__ */ d(le, {
-          render: w,
+        render: /* @__PURE__ */ d(pe, {
+          render: h,
           disabled: ie
         }),
-        className: M(W.className, $ && C.itemWithActionsPrimary),
+        className: M(W.className, $ && _.itemWithActionsPrimary),
         disabled: y,
         selected: e,
         focused: I,
-        indicator: ee ? "none" : j,
+        indicator: ee ? "none" : Y,
         color: a,
         startIcon: s,
         endIcon: n,
@@ -484,19 +488,19 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       });
     }
   });
-  return $ ? /* @__PURE__ */ d(xe, {
+  return $ ? /* @__PURE__ */ d(Ee, {
     actions: v,
     actionsVisibility: i,
     color: a,
     selected: e,
     focused: I,
-    indicator: j,
+    indicator: Y,
     disabled: y,
     hasSubmenu: g,
-    children: Y
-  }) : Y;
+    children: V
+  }) : V;
 }, qt = ({ id: e, type: t, children: r }) => {
-  const o = K(), { registerPage: a } = o, s = J((n) => {
+  const o = K(), { registerPage: a } = o, s = Q((n) => {
     c(n) && a({
       id: e,
       type: t
@@ -513,15 +517,15 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     },
     children: /* @__PURE__ */ d("div", {
       ref: s,
-      className: C.page,
+      className: _.page,
       "data-dropdown-page-type": t ?? o.rootType,
       children: r
     })
   });
-}, Bt = ({ open: e, registerOpenNestedRoot: t }) => (Je(() => {
+}, Bt = ({ open: e, registerOpenNestedRoot: t }) => (Ve(() => {
   if (e)
     return t?.();
-}, [e, t]), null), Mt = (e) => e instanceof FocusEvent ? e.type === "focusout" && e.relatedTarget instanceof Element ? e.relatedTarget : null : e.target instanceof Element ? e.target : null, ve = ({ onDismiss: e, event: t }) => {
+}, [e, t]), null), Mt = (e) => e instanceof FocusEvent ? e.type === "focusout" && e.relatedTarget instanceof Element ? e.relatedTarget : null : e.target instanceof Element ? e.target : null, be = ({ onDismiss: e, event: t }) => {
   if (!c(e)) return !1;
   let r = !1;
   return e({
@@ -531,69 +535,69 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       r = !0;
     }
   }), r;
-}, be = () => {
+}, Ie = () => {
   const [e, t] = B();
-  return [e, J((r) => (t(r), () => t((o) => o === r ? void 0 : o)), [])];
-}, Se = ({ children: e, type: t, open: r, defaultOpen: o = !1, onOpenChange: a, onEscapeKeyDown: s, onInteractOutside: n, multiple: u = !1, defaultPage: l = "root", isSubmenu: m = !1 }) => {
-  const f = ne(re), g = Ce(0), v = J(() => (g.current += 1, () => {
+  return [e, Q((r) => (t(r), () => t((o) => o === r ? void 0 : o)), [])];
+}, Re = ({ children: e, type: t, open: r, defaultOpen: o = !1, onOpenChange: a, onEscapeKeyDown: s, onInteractOutside: n, multiple: u = !1, defaultPage: l = "root", isSubmenu: m = !1 }) => {
+  const f = ne(re), g = ke(0), v = Q(() => (g.current += 1, () => {
     g.current -= 1;
-  }), []), [i, N] = B(o), w = r ?? i, [y, p] = B(w), [b, h] = B([{ id: l }]), [D, E] = B(), [_, S] = B(), R = b[b.length - 1]?.id, [x, k] = B(), [F, L] = B("first"), [T, P] = B(!0), [A, G] = B(), [H, z] = be(), [$, I] = be(), j = w && !y, ee = !w && y;
-  (j || ee) && p(w), j && (h([{ id: l }]), E(void 0), k(void 0)), ee && (L("first"), P(!0), G(void 0));
-  const Y = (q) => {
+  }), []), [i, N] = B(o), h = r ?? i, [y, p] = B(h), [b, w] = B([{ id: l }]), [D, E] = B(), [A, S] = B(), R = b[b.length - 1]?.id, [x, k] = B(), [F, L] = B("first"), [T, P] = B(!0), [C, G] = B(), [H, z] = Ie(), [$, I] = Ie(), Y = h && !y, ee = !h && y;
+  (Y || ee) && p(h), Y && (w([{ id: l }]), E(void 0), k(void 0)), ee && (L("first"), P(!0), G(void 0));
+  const V = (q) => {
     c(r) || N(q), a?.(q);
   }, W = () => {
-    Y(!1), m && f?.closeTree();
+    V(!1), m && f?.closeTree();
   }, ie = ({ id: q, trigger: O }) => {
-    k({ pageId: q }), h((U) => [...U, {
+    k({ pageId: q }), w((U) => [...U, {
       id: q,
       trigger: O
     }]);
-  }, Re = () => {
+  }, Fe = () => {
     const q = b[b.length - 2];
     if (!c(q)) return;
     const O = b[b.length - 1]?.trigger;
     k({
       pageId: q.id,
       target: O
-    }), h((U) => U.slice(0, -1));
-  }, Fe = J(({ id: q, type: O }) => {
-    if (!w) return;
+    }), w((U) => U.slice(0, -1));
+  }, Le = Q(({ id: q, type: O }) => {
+    if (!h) return;
     const U = O ?? t;
-    E((X) => X?.id === q && X.type === U ? X : {
+    E((J) => J?.id === q && J.type === U ? J : {
       id: q,
       type: U
     });
-  }, [w, t]);
-  return /* @__PURE__ */ d(V.Root, {
-    open: w,
+  }, [h, t]);
+  return /* @__PURE__ */ d(X.Root, {
+    open: h,
     onOpenChange: (q, O) => {
       const U = O.reason === "outside-press" || O.reason === "focus-out";
       if (U && g.current > 0) {
         O.cancel();
         return;
       }
-      const X = O.reason === "escape-key" && ve({
+      const J = O.reason === "escape-key" && be({
         onDismiss: s,
         event: O.event
-      }), Le = U && ve({
+      }), qe = U && be({
         onDismiss: n,
         event: O.event
       });
-      if (X || Le) {
+      if (J || qe) {
         O.cancel();
         return;
       }
-      U && We(O.event), P(O.reason !== "trigger-hover"), Y(q);
+      U && He(O.event), P(O.reason !== "trigger-hover"), V(q);
     },
     children: /* @__PURE__ */ ae(re.Provider, {
       value: {
         type: c(D) && D.id === R ? D.type : t,
         rootType: t,
-        open: w,
+        open: h,
         multiple: u,
         isSubmenu: m,
         parentType: f?.type,
-        activeItemId: _,
+        activeItemId: A,
         parentActiveItemId: f?.activeItemId,
         setActiveItemId: S,
         setParentActiveItemId: f?.setActiveItemId,
@@ -605,13 +609,13 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
         setInitialFocusEdge: L,
         focusOnOpen: T,
         setFocusOnOpen: P,
-        setOpen: Y,
+        setOpen: V,
         closeTree: W,
         goToPage: ie,
-        goBack: Re,
-        registerPage: Fe,
+        goBack: Fe,
+        registerPage: Le,
         registerOpenNestedRoot: v,
-        searchTargetId: A,
+        searchTargetId: C,
         setSearchTargetId: G,
         triggerId: H,
         registerTrigger: z,
@@ -619,7 +623,7 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
         registerTitle: I
       },
       children: [/* @__PURE__ */ d(Bt, {
-        open: w,
+        open: h,
         registerOpenNestedRoot: m ? void 0 : f?.registerOpenNestedRoot
       }), e]
     })
@@ -627,20 +631,26 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
 }, Kt = ({ onValueChange: e, className: t, ...r }) => {
   const { searchTargetId: o } = K();
   return /* @__PURE__ */ d("div", {
-    className: C.searchContainer,
-    children: /* @__PURE__ */ d(Ue, {
+    className: _.searchContainer,
+    children: /* @__PURE__ */ d(ze, {
       type: "search",
       autoComplete: "off",
       "aria-activedescendant": o,
       ...r,
       "data-dropdown-search": "",
-      className: Z(C.search, t),
+      className: j(_.search, t),
       onValueChange: (a) => e?.(a)
     })
   });
-}, Gt = ({ label: e, scrollable: t, columns: r, style: o, className: a, children: s, ...n }) => {
-  const u = _e(r) ? r : void 0;
-  return /* @__PURE__ */ ae($e, {
+}, Gt = ({ className: e, ...t }) => /* @__PURE__ */ d(le.Group, {
+  ...t,
+  className: j(_.group, e)
+}), Ht = ({ className: e, ...t }) => /* @__PURE__ */ d(le.GroupLabel, {
+  ...t,
+  className: j(_.groupLabel, e)
+}), Wt = ({ label: e, scrollable: t, columns: r, style: o, className: a, children: s, ...n }) => {
+  const u = Ae(r) ? r : void 0;
+  return /* @__PURE__ */ ae(Gt, {
     ...n,
     "data-scrollable": t || void 0,
     "data-dropdown-columns": u,
@@ -648,31 +658,31 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       ...o,
       ...c(u) && { gridTemplateColumns: `repeat(${u}, minmax(0, 1fr))` }
     },
-    className: M(C.section, a),
-    children: [c(e) && /* @__PURE__ */ d(ze, {
+    className: M(_.section, a),
+    children: [c(e) && /* @__PURE__ */ d(Ht, {
       "data-dropdown-section-label": "",
       children: e
     }), s]
   });
-}, Ht = ({ className: e, ...t }) => /* @__PURE__ */ d(je, {
+}, Ut = ({ className: e, ...t }) => /* @__PURE__ */ d(le.Separator, {
   ...t,
   role: "separator",
   "data-dropdown-separator": "",
-  className: M(C.separator, e)
-}), Wt = ({ type: e = "menu", ...t }) => /* @__PURE__ */ d(Se, {
+  className: M(_.separator, e)
+}), zt = ({ type: e = "menu", ...t }) => /* @__PURE__ */ d(Re, {
   ...t,
   type: e,
   isSubmenu: !0
-}), he = (e) => J((t) => {
+}), ve = (e) => Q((t) => {
   if (!(!c(t) || !oe(t.id)))
     return e(t.id);
-}, [e]), Ut = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: n, hasSubmenu: u = !0, children: l, render: m, disabled: f = !1, nativeButton: g = !c(m), openOnHover: v = !0, onKeyDown: i, onFocus: N, id: w, ref: y, ...p }) => {
-  const b = Ne(), { type: h, rootType: D, parentType: E, open: _, setOpen: S, setFocusOnOpen: R, registerTrigger: x } = K(), k = _ ? h : D, F = ue(), L = w ?? F, T = fe({
+}, [e]), $t = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: n, hasSubmenu: u = !0, children: l, render: m, disabled: f = !1, nativeButton: g = !c(m), openOnHover: v = !0, onKeyDown: i, onFocus: N, id: h, ref: y, ...p }) => {
+  const b = xe(), { type: w, rootType: D, parentType: E, open: A, setOpen: S, setFocusOnOpen: R, registerTrigger: x } = K(), k = A ? w : D, F = ue(), L = h ?? F, T = ge({
     id: L,
     disabled: f,
     isSubmenuTrigger: !0
-  }), P = se(y, he(x));
-  return /* @__PURE__ */ d(V.Trigger, {
+  }), P = se(y, ve(x));
+  return /* @__PURE__ */ d(X.Trigger, {
     ...p,
     ref: P,
     id: L,
@@ -682,34 +692,34 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
     role: E === "menu" ? "menuitem" : void 0,
     "aria-haspopup": k === "menu" ? "menu" : "dialog",
     tabIndex: T.tabIndex,
-    onFocus: (A) => {
-      T.activate(), N?.(A);
+    onFocus: (C) => {
+      T.activate(), N?.(C);
     },
     "data-dropdown-item": "",
-    onKeyDown: (A) => {
-      if (i?.(A), A.defaultPrevented || f) return;
+    onKeyDown: (C) => {
+      if (i?.(C), C.defaultPrevented || f) return;
       const G = b === "rtl" ? "ArrowLeft" : "ArrowRight";
-      if (A.key === G) {
-        A.preventDefault(), A.stopPropagation(), R(!0);
-        const H = A.currentTarget.getAttribute("aria-controls"), z = c(H) ? A.currentTarget.ownerDocument.getElementById(H) : null;
-        if (_ && c(z)) {
-          ge({
+      if (C.key === G) {
+        C.preventDefault(), C.stopPropagation(), R(!0);
+        const H = C.currentTarget.getAttribute("aria-controls"), z = c(H) ? C.currentTarget.ownerDocument.getElementById(H) : null;
+        if (A && c(z)) {
+          he({
             content: z,
-            type: h
+            type: w
           }).focus();
           return;
         }
         S(!0);
       }
     },
-    render: (A) => {
-      const G = pe({
+    render: (C) => {
+      const G = me({
         nativeButton: g,
-        renderProps: A
+        renderProps: C
       });
       return /* @__PURE__ */ d(de, {
-        ...A,
-        render: /* @__PURE__ */ d(le, {
+        ...C,
+        render: /* @__PURE__ */ d(pe, {
           render: m,
           disabled: G
         }),
@@ -726,17 +736,17 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       });
     }
   });
-}, zt = ({ className: e, render: t, ref: r, ...o }) => {
-  const { registerTitle: a } = K(), s = se(r, he(a));
-  return /* @__PURE__ */ d(Pe.Title, {
+}, jt = ({ className: e, render: t, ref: r, ...o }) => {
+  const { registerTitle: a } = K(), s = se(r, ve(a));
+  return /* @__PURE__ */ d(Ne.Title, {
     ...o,
     ref: s,
     render: t ?? /* @__PURE__ */ d("div", {}),
-    className: Z(C.title, e)
+    className: j(_.title, e)
   });
-}, $t = ({ onKeyDown: e, onClick: t, ref: r, ...o }) => {
-  const { type: a, rootType: s, open: n, setOpen: u, setInitialFocusEdge: l, setFocusOnOpen: m, registerTrigger: f } = K(), g = n ? a : s, v = se(r, he(f));
-  return /* @__PURE__ */ d(V.Trigger, {
+}, Yt = ({ onKeyDown: e, onClick: t, ref: r, ...o }) => {
+  const { type: a, rootType: s, open: n, setOpen: u, setInitialFocusEdge: l, setFocusOnOpen: m, registerTrigger: f } = K(), g = n ? a : s, v = se(r, ve(f));
+  return /* @__PURE__ */ d(X.Trigger, {
     ...o,
     ref: v,
     "aria-haspopup": g === "menu" ? "menu" : "dialog",
@@ -747,22 +757,22 @@ var Ze = "_content_wgn7f_1", et = "_page_wgn7f_12", tt = "_section_wgn7f_16", rt
       e?.(i), !(i.defaultPrevented || i.baseUIHandlerPrevented || o.disabled || g === "panel") && (i.key !== "ArrowDown" && i.key !== "ArrowUp" || (i.preventDefault(), m(!0), l(i.key === "ArrowUp" ? "last" : "first"), u(!0)));
     }
   });
-}, jt = Se, fr = {
-  Root: jt,
-  Trigger: $t,
+}, Vt = Re, vr = {
+  Root: Vt,
+  Trigger: Yt,
   Content: Ot,
-  ActionItem: Ee,
+  ActionItem: Oe,
   OptionItem: Lt,
   Search: Kt,
   Header: Rt,
-  Title: zt,
+  Title: jt,
   Close: Tt,
   Page: qt,
   Back: gt,
-  Submenu: Wt,
-  SubmenuTrigger: Ut,
-  Section: Gt,
-  Separator: Ht,
+  Submenu: zt,
+  SubmenuTrigger: $t,
+  Section: Wt,
+  Separator: Ut,
   Loading: Ft,
   Empty: St
 };
@@ -770,5 +780,5 @@ export {
   K as i,
   Dt as n,
   bt as r,
-  fr as t
+  vr as t
 };