@televet/kibble-ui 4.0.0-beta.44 → 4.0.0-beta.45

package/dist/chunks/{menu.component-toq-fDY8.js → menu.component-CTze16Re.js}

@@ -1,19 +1,20 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import De, { forwardRef as x, useEffect as B, useId as F, useRef as X, useCallback as j, useState as Y, useMemo as y } from "react";
+import Ee, { forwardRef as x, useEffect as B, useId as F, useRef as X, useCallback as b, useState as Y, useMemo as A } from "react";
 import { B as L } from "./button.component-BWlRjD5a.js";
 import { I as ne } from "./icon.component-BmcWaysM.js";
-import { W as V } from "./text.component-DZkwd4C0.js";
-import { F as T } from "./flex-C2d2LH-K.js";
-import { W as Ee } from "./textInput.component-D2StzwsH.js";
-import { S as He } from "./spinner.component-DRQDBF8j.js";
-import { B as A } from "./box-y05hq0PT.js";
-import { W as Ke, u as Ue } from "./checkbox.component-C8IPf20R.js";
-import { a as k, f as g, b as S, u as z, h as qe, i as Je, j as Qe, k as Xe, n as Ye, s as oe, l as se, m as re, P as Ze } from "./use-locale-context-zakBNK5b.js";
-import { c as et } from "./create-slot-recipe-context-DJkLYvCT.js";
-import { b as tt } from "./icons-grAfs3Oz.js";
-import { c as nt, m as ot } from "./index-sWaESJRS.js";
+import { W as V } from "./text.component-D3E0SdX1.js";
+import { F as w } from "./flex-C2d2LH-K.js";
+import { W as He } from "./textInput.component-BpCIE07n.js";
+import { S as Ke } from "./spinner.component-DCSsW51J.js";
+import { B as G } from "./box-y05hq0PT.js";
+import { u as Ue } from "./tooltip.component-DYBYGsfe.js";
+import { W as qe, u as Je } from "./checkbox.component-C99uwLFM.js";
+import { a as S, f as g, b as N, u as z, h as Qe, i as Xe, j as Ye, k as Ze, n as et, s as oe, l as se, m as re, P as tt } from "./use-locale-context-zakBNK5b.js";
+import { c as nt } from "./create-slot-recipe-context-DJkLYvCT.js";
+import { b as ot } from "./icons-grAfs3Oz.js";
+import { c as st, m as rt } from "./index-sWaESJRS.js";
 import { U as d } from "./index-DLvqBeH6.js";
-const [ae, m] = k({
+const [ae, m] = S({
   name: "MenuContext",
   hookName: "useMenuContext",
   providerName: "<MenuProvider />",
@@ -28,16 +29,16 @@ const ue = x((o, n) => {
   return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
 });
 ue.displayName = "MenuArrowTip";
-const [W, Bt] = k({
+const [W, Vt] = S({
   name: "MenuItemContext",
   hookName: "useMenuItemContext",
   providerName: "<MenuItemProvider />"
-}), [ie, le] = k({
+}), [ie, le] = S({
   name: "MenuOptionItemPropsContext",
   hookName: "useMenuOptionItemPropsContext",
   providerName: "<MenuOptionItemPropsProvider />"
 }), de = x((o, n) => {
-  const [t, s] = S()(o, [
+  const [t, s] = N()(o, [
     "checked",
     "closeOnSelect",
     "disabled",
@@ -53,7 +54,7 @@ const [W, Bt] = k({
 de.displayName = "MenuCheckboxItem";
 const me = x((o, n) => {
   const t = m(), s = z(), r = d(t.getContentProps(), s.getPresenceProps(), o);
-  return s.unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...r, ref: qe(s.ref, n) });
+  return s.unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...r, ref: Qe(s.ref, n) });
 });
 me.displayName = "MenuContent";
 const pe = x((o, n) => {
@@ -67,7 +68,7 @@ const he = x((o, n) => {
 });
 he.displayName = "MenuIndicator";
 const xe = x((o, n) => {
-  const [t, s] = S()(o, [
+  const [t, s] = N()(o, [
     "closeOnSelect",
     "disabled",
     "value",
@@ -77,12 +78,12 @@ const xe = x((o, n) => {
   return B(() => r.addItemListener({ id: c.id, onSelect: t.onSelect }), [c.id, t.onSelect]), /* @__PURE__ */ e.jsx(W, { value: c, children: /* @__PURE__ */ e.jsx(g.div, { ...u, ref: n }) });
 });
 xe.displayName = "MenuItem";
-const [ge, Me] = k({
+const [ge, Me] = S({
   name: "MenuItemGroupContext",
   hookName: "useMenuItemGroupContext",
   providerName: "<MenuItemGroupProvider />"
 }), fe = x((o, n) => {
-  const [t, s] = S()(o, ["id"]), r = m(), c = { id: F(), ...t }, l = d(r.getItemGroupProps(c), s);
+  const [t, s] = N()(o, ["id"]), r = m(), c = { id: F(), ...t }, l = d(r.getItemGroupProps(c), s);
   return /* @__PURE__ */ e.jsx(ge, { value: c, children: /* @__PURE__ */ e.jsx(g.div, { ...l, ref: n }) });
 });
 fe.displayName = "MenuItemGroup";
@@ -107,7 +108,7 @@ const Ce = x((o, n) => {
 });
 Ce.displayName = "MenuPositioner";
 const je = x((o, n) => {
-  const [t, s] = S()(o, [
+  const [t, s] = N()(o, [
     "closeOnSelect",
     "disabled",
     "value",
@@ -122,7 +123,7 @@ const je = x((o, n) => {
 });
 je.displayName = "MenuRadioItem";
 const be = x((o, n) => {
-  const [t, s] = S()(o, [
+  const [t, s] = N()(o, [
     "id",
     "onValueChange",
     "value"
@@ -137,26 +138,26 @@ const ke = (o) => {
   }), B(() => {
     t.current !== !0 && (t.current = !0, n.current());
   }, []);
-}, st = (o) => {
-  const n = F(), { getRootNode: t } = Je(), { dir: s } = Qe(), r = {
+}, at = (o) => {
+  const n = F(), { getRootNode: t } = Xe(), { dir: s } = Ye(), r = {
     id: n,
     dir: s,
     getRootNode: t,
     ...o
-  }, u = Xe(ot, r);
-  return { api: nt(u, Ye), service: u };
-}, [Se, Ne] = k({
+  }, u = Ze(rt, r);
+  return { api: st(u, et), service: u };
+}, [Se, Ne] = S({
   name: "MenuMachineContext",
   hookName: "useMenuMachineContext",
   providerName: "<MenuMachineProvider />",
   strict: !1
-}), [Te, rt] = k({
+}), [Te, ct] = S({
   name: "MenuMachineContext",
   hookName: "useMenuMachineContext",
   providerName: "<MenuMachineProvider />",
   strict: !1
-}), at = (o) => {
-  const [n, t] = oe(o), [s, r] = S()(t, [
+}), ut = (o) => {
+  const [n, t] = oe(o), [s, r] = N()(t, [
     "anchorPoint",
     "aria-label",
     "closeOnSelect",
@@ -178,19 +179,19 @@ const ke = (o) => {
     "open",
     "positioning",
     "typeahead"
-  ]), u = m(), c = Ne(), { api: l, service: M } = st(s), I = se(d({ present: l.open }, n));
+  ]), u = m(), c = Ne(), { api: l, service: M } = at(s), P = se(d({ present: l.open }, n));
   ke(() => {
     c && u && (u.setChild(M), l.setParent(c));
   });
-  const P = j(() => u?.getTriggerItemProps(l), [l, u]);
-  return /* @__PURE__ */ e.jsx(Te, { value: P, children: /* @__PURE__ */ e.jsx(Se, { value: M, children: /* @__PURE__ */ e.jsx(ae, { value: l, children: /* @__PURE__ */ e.jsx(re, { value: I, ...r }) }) }) });
-}, ct = (o) => {
+  const j = b(() => u?.getTriggerItemProps(l), [l, u]);
+  return /* @__PURE__ */ e.jsx(Te, { value: j, children: /* @__PURE__ */ e.jsx(Se, { value: M, children: /* @__PURE__ */ e.jsx(ae, { value: l, children: /* @__PURE__ */ e.jsx(re, { value: P, ...r }) }) }) });
+}, it = (o) => {
   const n = m(), t = Ne(), [s, { value: r, children: u }] = oe(o), { api: c, service: l } = r, M = se(d({ present: c.open }, s));
   ke(() => {
     t && n && (n.setChild(l), c.setParent(t));
   });
-  const I = j(() => n?.getTriggerItemProps(c), [c, n]);
-  return /* @__PURE__ */ e.jsx(Te, { value: I, children: /* @__PURE__ */ e.jsx(Se, { value: l, children: /* @__PURE__ */ e.jsx(ae, { value: c, children: /* @__PURE__ */ e.jsx(re, { value: M, children: u }) }) }) });
+  const P = b(() => n?.getTriggerItemProps(c), [c, n]);
+  return /* @__PURE__ */ e.jsx(Te, { value: P, children: /* @__PURE__ */ e.jsx(Se, { value: l, children: /* @__PURE__ */ e.jsx(ae, { value: c, children: /* @__PURE__ */ e.jsx(re, { value: M, children: u }) }) }) });
 }, we = x((o, n) => {
   const t = m(), s = d(t.getSeparatorProps(), o);
   return /* @__PURE__ */ e.jsx(g.hr, { ...s, ref: n });
@@ -208,26 +209,26 @@ const ye = x((o, n) => {
 });
 ye.displayName = "MenuTrigger";
 const Ae = x((o, n) => {
-  const t = rt(), s = d(t?.() ?? {}, o);
+  const t = ct(), s = d(t?.() ?? {}, o);
   return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
 });
 Ae.displayName = "MenuTriggerItem";
 const {
   withRootProvider: Ge,
   withContext: p
-} = et({ key: "menu" });
+} = nt({ key: "menu" });
 Ge(
-  ct
+  it
 );
-const ut = Ge(at, {
+const lt = Ge(ut, {
   defaultProps: { lazyMount: !0, unmountOnExit: !0 }
-}), it = p(
+}), dt = p(
   ye,
   "trigger",
   { forwardAsChild: !0 }
 );
 p(pe, "contextTrigger", { forwardAsChild: !0 });
-const lt = p(
+const mt = p(
   Ce,
   "positioner",
   { forwardAsChild: !0 }
@@ -237,11 +238,11 @@ p(
   "separator",
   { forwardAsChild: !0 }
 );
-const dt = p(
+const pt = p(
   me,
   "content",
   { forwardAsChild: !0 }
-), mt = p(
+), ht = p(
   ue,
   "arrowTip",
   { forwardAsChild: !0 }
@@ -249,22 +250,22 @@ const dt = p(
 p(
   ce,
   "arrow",
-  { forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ e.jsx(mt, {}) } }
+  { forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ e.jsx(ht, {}) } }
 );
 p(
   he,
   "indicator",
   { forwardAsChild: !0 }
 );
-const pt = p(
+const xt = p(
   fe,
   "itemGroup",
   { forwardAsChild: !0 }
-), ht = p(Pe, "itemGroupLabel", { forwardAsChild: !0 }), xt = p(
+), gt = p(Pe, "itemGroupLabel", { forwardAsChild: !0 }), Mt = p(
   xe,
   "item",
   { forwardAsChild: !0 }
-), gt = p(Ae, "item", { forwardAsChild: !0 });
+), ft = p(Ae, "item", { forwardAsChild: !0 });
 p(
   ve,
   "itemText",
@@ -276,16 +277,16 @@ p(
 );
 p(Ie, "itemIndicator", {
   forwardAsChild: !0,
-  defaultProps: { children: /* @__PURE__ */ e.jsx(tt, { boxSize: "4" }) }
+  defaultProps: { children: /* @__PURE__ */ e.jsx(ot, { boxSize: "4" }) }
 });
-const Mt = p(de, "item", { forwardAsChild: !0 });
+const Pt = p(de, "item", { forwardAsChild: !0 });
 p(be, "itemGroup", { forwardAsChild: !0 });
 p(
   je,
   "item",
   { forwardAsChild: !0 }
 );
-const ft = ({
+const It = ({
   hideCaret: o = !1,
   size: n = "md",
   text: t,
@@ -315,7 +316,7 @@ const ft = ({
         }
       ),
       !o && /* @__PURE__ */ e.jsx(
-        T,
+        w,
         {
           className: "Menu__ButtonCaret",
           "data-testid": "kibble-menu-button-caret",
@@ -324,7 +325,7 @@ const ft = ({
       )
     ]
   }
-), Pt = ({
+), vt = ({
   label: o,
   leftElement: n,
   onSelect: t,
@@ -333,16 +334,16 @@ const ft = ({
   variant: u,
   ...c
 }) => {
-  const l = j(() => {
+  const l = b(() => {
     t && t(c.value);
   }, [t, c.value]);
   if (r === "submenu") {
-    const { valueText: M, listProps: I } = c;
+    const { valueText: M, listProps: P } = c;
     return /* @__PURE__ */ e.jsx(
-      It,
+      Ct,
       {
         submenuTrigger: /* @__PURE__ */ e.jsxs(
-          gt,
+          ft,
           {
             className: "Menu__Item--Submenu",
             "data-testid": "kibble-menu-item-submenu",
@@ -363,25 +364,25 @@ const ft = ({
           }
         ),
         portalled: !0,
-        listProps: I
+        listProps: P
       }
     );
   }
   if (r === "checkbox") {
-    const { checked: M, value: I, closeOnSelect: P, ...G } = c;
+    const { checked: M, value: P, closeOnSelect: j, ...v } = c;
     return /* @__PURE__ */ e.jsxs(
-      Mt,
+      Pt,
       {
         className: "Menu__Item--Checkbox",
         "data-testid": "kibble-menu-item-checkbox",
-        value: I,
+        value: P,
         checked: !!M,
         onCheckedChange: l,
-        closeOnSelect: P || !1,
+        closeOnSelect: j || !1,
         gap: 3,
-        ...G,
+        ...v,
         children: [
-          /* @__PURE__ */ e.jsx(Ke, { checked: !!M, size: "md" }),
+          /* @__PURE__ */ e.jsx(qe, { checked: !!M, size: "md" }),
           /* @__PURE__ */ e.jsx(
             $,
             {
@@ -398,18 +399,18 @@ const ft = ({
   if (r === "default") {
     const {
       selected: M = !1,
-      value: I,
-      ...P
+      value: P,
+      ...j
     } = c;
     return /* @__PURE__ */ e.jsx(
-      xt,
+      Mt,
       {
         className: "Menu__Item--Default",
         "data-testid": "kibble-menu-item-default",
-        value: I,
+        value: P,
         onSelect: l,
         ...M && { bgColor: "background.secondaryAlpha.hover" },
-        ...P,
+        ...j,
         children: /* @__PURE__ */ e.jsx(
           $,
           {
@@ -428,7 +429,7 @@ const ft = ({
   leftElement: n,
   shouldTruncateText: t,
   variant: s
-}) => /* @__PURE__ */ e.jsxs(T, { className: "Menu__ItemLabel", alignItems: "center", gap: 3, children: [
+}) => /* @__PURE__ */ e.jsxs(w, { className: "Menu__ItemLabel", alignItems: "center", gap: 3, children: [
   n,
   typeof o == "string" ? /* @__PURE__ */ e.jsx(V, { size: "sm", truncated: t, variant: s, children: o }) : o
 ] }), Z = ({
@@ -438,7 +439,7 @@ const ft = ({
 }) => {
   const s = !!o;
   return /* @__PURE__ */ e.jsx(
-    A,
+    G,
     {
       className: "Menu__ToggleButtons",
       "data-testid": "kibble-menu-toggle-buttons",
@@ -450,7 +451,7 @@ const ft = ({
           groupName: o,
           onToggle: t
         }
-      ) : /* @__PURE__ */ e.jsx(ee, { groupName: o, onToggle: t }) }) : /* @__PURE__ */ e.jsxs(T, { justifyContent: "space-between", children: [
+      ) : /* @__PURE__ */ e.jsx(ee, { groupName: o, onToggle: t }) }) : /* @__PURE__ */ e.jsxs(w, { justifyContent: "space-between", children: [
         /* @__PURE__ */ e.jsx(ee, { groupName: o, onToggle: t }),
         /* @__PURE__ */ e.jsx(
           te,
@@ -488,121 +489,121 @@ const ft = ({
     onClick: () => t({ groupName: n, clear: !0 }),
     children: "Clear All"
   }
-), It = ({
+), Ct = ({
   buttonProps: o,
   listProps: n,
   portalled: t = !1,
   submenuTrigger: s,
   ...r
 }) => {
-  const {
-    canSelectAll: u,
-    canSelectGroups: c,
-    emptyStateText: l = "No results found",
-    loading: M,
-    maxH: I = "480px",
-    menuItems: P = [],
-    minW: G = "240px",
+  const { contentRef: u } = Ue(), {
+    canSelectAll: c,
+    canSelectGroups: l,
+    emptyStateText: M = "No results found",
+    loading: P,
+    maxH: j = "480px",
+    menuItems: v = [],
+    minW: Oe = "240px",
     onSearch: O,
     onSelect: D,
     onSelectAll: E,
     searchable: H,
-    searchPlaceholder: Oe = "Search...",
-    shouldTruncateText: _e,
-    ...Re
-  } = n || {}, [$e, _] = Y(""), [K, R] = Y(P), U = y(() => {
+    searchPlaceholder: _e = "Search...",
+    shouldTruncateText: Re,
+    ...$e
+  } = n || {}, [Be, _] = Y(""), [K, R] = Y(v), U = A(() => {
     const a = {};
     return K?.forEach((i) => {
       const h = i.groupLabel || "default", f = i.type === "checkbox" ? "checkbox" : "default";
       a[h] || (a[h] = {}), a[h][f] || (a[h][f] = []), a[h][f].push(i);
     }), a;
-  }, [K]), q = y(() => Object.entries(U), [U]), b = y(
-    () => P?.filter((a) => a.type === "checkbox") || [],
-    [P]
-  ), Be = y(() => (b?.filter((i) => i.checked) || []).map((i) => i.value), [b]), v = Ue({
-    defaultValue: Be
-  }), J = j(
+  }, [K]), q = A(() => Object.entries(U), [U]), k = A(
+    () => v?.filter((a) => a.type === "checkbox") || [],
+    [v]
+  ), Fe = A(() => (k?.filter((i) => i.checked) || []).map((i) => i.value), [k]), I = Je({
+    defaultValue: Fe
+  }), J = b(
     (a) => {
       const i = a.target.value;
       if (_(i), O)
         O(a);
       else if (i === "" || !i)
-        R(P);
+        R(v);
       else {
-        const h = P.filter((f) => !!(typeof f.label == "string" ? f.label : f.valueText)?.toLowerCase().includes(i.toLowerCase()));
+        const h = v.filter((f) => !!(typeof f.label == "string" ? f.label : f.valueText)?.toLowerCase().includes(i.toLowerCase()));
         R(h);
       }
     },
-    [P, O]
-  ), Q = j(
+    [v, O]
+  ), Q = b(
     ({ groupName: a, clear: i }) => {
       let h = [];
       if (a) {
-        const f = b.filter((C) => C.groupLabel === a).map((C) => C.value);
-        h = i ? v.value.filter((C) => !f.includes(C)) : [...v.value, ...f];
+        const f = k.filter((C) => C.groupLabel === a).map((C) => C.value);
+        h = i ? I.value.filter((C) => !f.includes(C)) : [...I.value, ...f];
       } else
-        h = i ? [] : b.map((f) => f.value);
-      E?.(h), v.setValue(h);
+        h = i ? [] : k.map((f) => f.value);
+      E?.(h), I.setValue(h);
     },
-    [b, E, v]
-  ), Fe = j(
+    [k, E, I]
+  ), Le = b(
     (a) => {
       a.onSelect?.(a.value);
-      const i = v.value, h = v.isChecked(a.value);
+      const i = I.value, h = I.isChecked(a.value);
       D?.(
         a.value,
         h ? i.filter((f) => f !== a.value) : [...i, a.value]
-      ), a.type === "checkbox" && v.toggleValue(a.value);
+      ), a.type === "checkbox" && I.toggleValue(a.value);
     },
-    [D, v]
-  ), Le = j(
+    [D, I]
+  ), Ve = b(
     (a) => {
-      a || (_(""), R(P));
+      a || (_(""), R(v));
     },
-    [P]
+    [v]
   );
   return /* @__PURE__ */ e.jsxs(
-    ut,
+    lt,
     {
       ...r,
       onOpenChange: (a) => {
-        Le(a.open), r.onOpenChange?.(a);
+        Ve(a.open), r.onOpenChange?.(a);
       },
       children: [
         s || /* @__PURE__ */ e.jsx(
-          it,
+          dt,
           {
             asChild: !0,
             className: "Menu__Trigger",
             "data-testid": "kibble-menu-trigger",
-            children: /* @__PURE__ */ e.jsx(ft, { ...o })
+            children: /* @__PURE__ */ e.jsx(It, { ...o })
           }
         ),
-        /* @__PURE__ */ e.jsx(Ze, { disabled: !t, children: /* @__PURE__ */ e.jsx(lt, { className: "Menu", "data-testid": "kibble-menu", children: /* @__PURE__ */ e.jsxs(
-          dt,
+        /* @__PURE__ */ e.jsx(tt, { disabled: !t, container: u || void 0, children: /* @__PURE__ */ e.jsx(mt, { className: "Menu", "data-testid": "kibble-menu", children: /* @__PURE__ */ e.jsxs(
+          pt,
           {
             className: "Menu__Content",
             "data-testid": "kibble-menu-content",
-            maxH: I,
-            minW: G,
-            ...Re,
+            maxH: j,
+            minW: Oe,
+            ...$e,
             children: [
-              (H || u) && /* @__PURE__ */ e.jsxs(
-                A,
+              (H || c) && /* @__PURE__ */ e.jsxs(
+                G,
                 {
                   className: "Menu__Header",
                   "data-testid": "kibble-menu-header",
                   m: "0 12px 8px",
                   children: [
                     H && /* @__PURE__ */ e.jsx(
-                      Ee,
+                      He,
                       {
                         className: "Menu__SearchBar",
                         "data-testid": "kibble-menu-search-bar",
-                        placeholder: Oe,
+                        placeholder: _e,
                         onChange: J,
                         size: "sm",
-                        value: $e,
+                        value: Be,
                         clearable: !0,
                         onClear: () => {
                           _(""), J({
@@ -612,57 +613,57 @@ const ft = ({
                         formControlStyle: { mt: 1 }
                       }
                     ),
-                    u && !!b.length && /* @__PURE__ */ e.jsx(
+                    c && !!k.length && /* @__PURE__ */ e.jsx(
                       Z,
                       {
                         onToggle: Q,
-                        hasSelectedItems: !!v.value.length
+                        hasSelectedItems: !!I.value.length
                       }
                     )
                   ]
                 }
               ),
-              M ? /* @__PURE__ */ e.jsx(T, { justifyContent: "center", py: 5, children: /* @__PURE__ */ e.jsx(He, {}) }) : /* @__PURE__ */ e.jsx(A, { className: "Menu__List", "data-testid": "kibble-menu-list", children: q.length ? /* @__PURE__ */ e.jsx(e.Fragment, { children: q.map(([a, i]) => {
-                const h = a === "default", f = Object.keys(i), C = h ? De.Fragment : pt, Ve = i.checkbox?.map(
-                  (N) => N.value
+              P ? /* @__PURE__ */ e.jsx(w, { justifyContent: "center", py: 5, children: /* @__PURE__ */ e.jsx(Ke, {}) }) : /* @__PURE__ */ e.jsx(G, { className: "Menu__List", "data-testid": "kibble-menu-list", children: q.length ? /* @__PURE__ */ e.jsx(e.Fragment, { children: q.map(([a, i]) => {
+                const h = a === "default", f = Object.keys(i), C = h ? Ee.Fragment : xt, ze = i.checkbox?.map(
+                  (T) => T.value
                 )?.some(
-                  (N) => v.value.includes(N)
+                  (T) => I.value.includes(T)
                 );
                 return /* @__PURE__ */ e.jsxs(C, { children: [
-                  !h && /* @__PURE__ */ e.jsx(ht, { children: /* @__PURE__ */ e.jsxs(
-                    T,
+                  !h && /* @__PURE__ */ e.jsx(gt, { children: /* @__PURE__ */ e.jsxs(
+                    w,
                     {
                       alignItems: "center",
                       justifyContent: "space-between",
                       children: [
                         a,
-                        c && f.includes("checkbox") && /* @__PURE__ */ e.jsx(
+                        l && f.includes("checkbox") && /* @__PURE__ */ e.jsx(
                           Z,
                           {
                             groupName: a,
                             onToggle: Q,
-                            hasSelectedItems: Ve
+                            hasSelectedItems: ze
                           }
                         )
                       ]
                     }
                   ) }),
                   Object.entries(i).map(
-                    ([N, ze]) => ze.map((w, We) => /* @__PURE__ */ e.jsx(
-                      Pt,
+                    ([T, We]) => We.map((y, De) => /* @__PURE__ */ e.jsx(
+                      vt,
                       {
-                        ...w,
-                        shouldTruncateText: _e,
-                        ...w.type === "checkbox" && {
-                          checked: v.isChecked(w.value)
+                        ...y,
+                        shouldTruncateText: Re,
+                        ...y.type === "checkbox" && {
+                          checked: I.isChecked(y.value)
                         },
-                        onSelect: () => Fe(w)
+                        onSelect: () => Le(y)
                       },
-                      `menu-item-${a}-${N}-${We}`
+                      `menu-item-${a}-${T}-${De}`
                     ))
                   )
                 ] }, a);
-              }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(A, { textAlign: "center", p: 3, children: /* @__PURE__ */ e.jsx(V, { size: "sm", variant: "subtle", children: l }) }) }) })
+              }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(G, { textAlign: "center", p: 3, children: /* @__PURE__ */ e.jsx(V, { size: "sm", variant: "subtle", children: M }) }) }) })
             ]
           }
         ) }) })
@@ -671,6 +672,6 @@ const ft = ({
   );
 };
 export {
-  It as M
+  Ct as M
 };
-//# sourceMappingURL=menu.component-toq-fDY8.js.map
+//# sourceMappingURL=menu.component-CTze16Re.js.map