@televet/kibble-ui 5.0.2-beta.menu.5 → 5.0.2-beta.menu.6

package/dist/chunks/menu.component-Di6p2OQm.js

@@ -1,712 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import st, { forwardRef as h, useEffect as _, useId as Y, useRef as de, useCallback as j, useState as B, useMemo as D } from "react";
-import { B as T } from "./index-9BerxEcw.js";
-import { B as Z } from "./button.component-BO6oee_V.js";
-import { I as ge } from "./icon.component-PV_nHBId.js";
-import { W as ee } from "./text.component-CdTyTFds.js";
-import { T as fe } from "./tooltip.component-C_NS-AoH.js";
-import { F as z } from "./flex-CX-8gE9T.js";
-import { W as ct } from "./textInput.component-BC0Hi8R_.js";
-import { S as at } from "./spinner.component-B3dkvoO9.js";
-import { u as it } from "./usePortalContentRef-DO_jc4W9.js";
-import { u as te, s as Me, c as Pe, d as ve, P as ut } from "./index-C9UYIjEB.js";
-import { c as lt } from "./create-slot-recipe-context-D_FXDJGp.js";
-import { d as dt } from "./icons-CoSqruIn.js";
-import { a as O, d as g, b as $, e as pt, u as mt, f as xt, g as ht, n as gt } from "./use-locale-context-Bw4Gg9Z0.js";
-import { m as ft, c as Mt } from "./index-CbVKVxMW.js";
-import { a6 as p } from "./index-fHSGm2nC.js";
-import { W as Pt } from "./checkbox.component-DE35wBj-.js";
-const [je, m] = O({
-  name: "MenuContext",
-  hookName: "useMenuContext",
-  providerName: "<MenuProvider />",
-  strict: !1
-}), Ce = h((o, n) => {
-  const t = m(), s = p(t.getArrowProps(), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-Ce.displayName = "MenuArrow";
-const Ie = h((o, n) => {
-  const t = m(), s = p(t.getArrowTipProps(), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-Ie.displayName = "MenuArrowTip";
-const [ne, Zt] = O({
-  name: "MenuItemContext",
-  hookName: "useMenuItemContext",
-  providerName: "<MenuItemProvider />"
-}), [oe, be] = O({
-  name: "MenuItemPropsContext",
-  hookName: "useMenuItemPropsContext",
-  providerName: "<MenuItemPropsProvider />"
-}), ke = h((o, n) => {
-  const [t, s] = $()(o, [
-    "checked",
-    "closeOnSelect",
-    "disabled",
-    "onCheckedChange",
-    "value",
-    "valueText"
-  ]), c = {
-    ...t,
-    type: "checkbox"
-  }, u = m(), a = p(u.getOptionItemProps(c), s), i = u.getOptionItemState(c);
-  return /* @__PURE__ */ e.jsx(oe, { value: c, children: /* @__PURE__ */ e.jsx(ne, { value: i, children: /* @__PURE__ */ e.jsx(g.div, { ...a, ref: n }) }) });
-});
-ke.displayName = "MenuCheckboxItem";
-const Se = h((o, n) => {
-  const t = m(), s = te(), c = p(t.getContentProps(), s.getPresenceProps(), o);
-  return s.unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...c, ref: pt(s.ref, n) });
-});
-Se.displayName = "MenuContent";
-const we = h((o, n) => {
-  const t = m(), s = p(t.getContextTriggerProps(), o);
-  return /* @__PURE__ */ e.jsx(g.button, { ...s, ref: n });
-});
-we.displayName = "MenuContextTrigger";
-const Ne = h((o, n) => {
-  const t = m(), s = p(t.getIndicatorProps(), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-Ne.displayName = "MenuIndicator";
-const ye = h((o, n) => {
-  const [t, s] = $()(o, [
-    "closeOnSelect",
-    "disabled",
-    "value",
-    "valueText",
-    "onSelect"
-  ]), c = m(), u = p(c.getItemProps(t), s), a = c.getItemState(t);
-  return _(() => c.addItemListener({ id: a.id, onSelect: t.onSelect }), [a.id, t.onSelect]), /* @__PURE__ */ e.jsx(oe, { value: t, children: /* @__PURE__ */ e.jsx(ne, { value: a, children: /* @__PURE__ */ e.jsx(g.div, { ...u, ref: n }) }) });
-});
-ye.displayName = "MenuItem";
-const [Ae, Te] = O({
-  name: "MenuItemGroupContext",
-  hookName: "useMenuItemGroupContext",
-  providerName: "<MenuItemGroupProvider />"
-}), Ge = h((o, n) => {
-  const [t, s] = $()(o, ["id"]), c = m(), a = { id: Y(), ...t }, i = p(c.getItemGroupProps(a), s);
-  return /* @__PURE__ */ e.jsx(Ae, { value: a, children: /* @__PURE__ */ e.jsx(g.div, { ...i, ref: n }) });
-});
-Ge.displayName = "MenuItemGroup";
-const _e = h((o, n) => {
-  const t = m(), s = Te(), c = p(t.getItemGroupLabelProps({ htmlFor: s.id }), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n });
-});
-_e.displayName = "MenuItemGroupLabel";
-const Oe = h((o, n) => {
-  const t = m(), s = be(), c = p(t.getItemIndicatorProps(s), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n });
-});
-Oe.displayName = "MenuItemIndicator";
-const $e = h((o, n) => {
-  const t = m(), s = be(), c = p(t.getItemTextProps(s), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n });
-});
-$e.displayName = "MenuItemText";
-const Re = h((o, n) => {
-  const t = m(), s = p(t.getPositionerProps(), o);
-  return te().unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-Re.displayName = "MenuPositioner";
-const Le = h((o, n) => {
-  const [t, s] = $()(o, [
-    "closeOnSelect",
-    "disabled",
-    "value",
-    "valueText"
-  ]), c = m(), u = Te(), a = {
-    ...t,
-    checked: u.value === t.value,
-    type: "radio",
-    onCheckedChange: () => u.onValueChange?.({ value: t.value })
-  }, i = p(c.getOptionItemProps(a), s), f = c.getOptionItemState(a);
-  return /* @__PURE__ */ e.jsx(oe, { value: a, children: /* @__PURE__ */ e.jsx(ne, { value: f, children: /* @__PURE__ */ e.jsx(g.div, { ...i, ref: n }) }) });
-});
-Le.displayName = "MenuRadioItem";
-const Be = h((o, n) => {
-  const [t, s] = $()(o, [
-    "id",
-    "onValueChange",
-    "value"
-  ]), c = m(), a = { id: Y(), ...t }, i = p(c.getItemGroupProps({ id: a.id }), s);
-  return /* @__PURE__ */ e.jsx(Ae, { value: a, children: /* @__PURE__ */ e.jsx(g.div, { ...i, ref: n }) });
-});
-Be.displayName = "MenuRadioItemGroup";
-const ze = (o) => {
-  const n = de(o), t = de(!1);
-  _(() => {
-    n.current = o;
-  }), _(() => {
-    t.current !== !0 && (t.current = !0, n.current());
-  }, []);
-}, vt = (o) => {
-  const n = Y(), { getRootNode: t } = mt(), { dir: s } = xt(), c = {
-    id: n,
-    dir: s,
-    getRootNode: t,
-    ...o
-  }, u = ht(ft, c);
-  return { api: Mt(u, gt), service: u };
-}, [Fe, We] = O({
-  name: "MenuMachineContext",
-  hookName: "useMenuMachineContext",
-  providerName: "<MenuMachineProvider />",
-  strict: !1
-}), [Ee, jt] = O({
-  name: "MenuMachineContext",
-  hookName: "useMenuMachineContext",
-  providerName: "<MenuMachineProvider />",
-  strict: !1
-}), Ct = (o) => {
-  const [n, t] = Me(o), [s, c] = $()(t, [
-    "anchorPoint",
-    "aria-label",
-    "closeOnSelect",
-    "composite",
-    "defaultHighlightedValue",
-    "defaultOpen",
-    "highlightedValue",
-    "id",
-    "ids",
-    "loopFocus",
-    "navigate",
-    "onEscapeKeyDown",
-    "onFocusOutside",
-    "onHighlightChange",
-    "onInteractOutside",
-    "onOpenChange",
-    "onPointerDownOutside",
-    "onSelect",
-    "open",
-    "positioning",
-    "typeahead"
-  ]), u = m(), a = We(), { api: i, service: f } = vt(s), N = Pe(p({ present: i.open }, n));
-  ze(() => {
-    a && u && (u.setChild(f), i.setParent(a));
-  });
-  const y = j(() => u?.getTriggerItemProps(i), [i, u]);
-  return /* @__PURE__ */ e.jsx(Ee, { value: y, children: /* @__PURE__ */ e.jsx(Fe, { value: f, children: /* @__PURE__ */ e.jsx(je, { value: i, children: /* @__PURE__ */ e.jsx(ve, { value: N, ...c }) }) }) });
-}, It = (o) => {
-  const n = m(), t = We(), [s, { value: c, children: u }] = Me(o), { api: a, service: i } = c, f = Pe(p({ present: a.open }, s));
-  ze(() => {
-    t && n && (n.setChild(i), a.setParent(t));
-  });
-  const N = j(() => n?.getTriggerItemProps(a), [a, n]);
-  return /* @__PURE__ */ e.jsx(Ee, { value: N, children: /* @__PURE__ */ e.jsx(Fe, { value: i, children: /* @__PURE__ */ e.jsx(je, { value: a, children: /* @__PURE__ */ e.jsx(ve, { value: f, children: u }) }) }) });
-}, De = h((o, n) => {
-  const t = m(), s = p(t.getSeparatorProps(), o);
-  return /* @__PURE__ */ e.jsx(g.hr, { ...s, ref: n });
-});
-De.displayName = "MenuSeparator";
-const Ve = h((o, n) => {
-  const t = m(), s = te(), c = p(
-    {
-      ...t.getTriggerProps(),
-      "aria-controls": s.unmounted ? void 0 : t.getTriggerProps()["aria-controls"]
-    },
-    o
-  );
-  return /* @__PURE__ */ e.jsx(g.button, { ...c, ref: n });
-});
-Ve.displayName = "MenuTrigger";
-const He = h((o, n) => {
-  const t = jt(), s = p(t?.() ?? {}, o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-He.displayName = "MenuTriggerItem";
-const {
-  withRootProvider: Ke,
-  withContext: x
-} = lt({ key: "menu" });
-Ke(
-  It
-);
-const bt = Ke(Ct, {
-  defaultProps: { lazyMount: !0, unmountOnExit: !0 }
-}), kt = x(
-  Ve,
-  "trigger",
-  { forwardAsChild: !0 }
-);
-x(we, "contextTrigger", { forwardAsChild: !0 });
-const St = x(
-  Re,
-  "positioner",
-  { forwardAsChild: !0 }
-);
-x(
-  De,
-  "separator",
-  { forwardAsChild: !0 }
-);
-const wt = x(
-  Se,
-  "content",
-  { forwardAsChild: !0 }
-), Nt = x(
-  Ie,
-  "arrowTip",
-  { forwardAsChild: !0 }
-);
-x(
-  Ce,
-  "arrow",
-  { forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ e.jsx(Nt, {}) } }
-);
-x(
-  Ne,
-  "indicator",
-  { forwardAsChild: !0 }
-);
-const yt = x(
-  Ge,
-  "itemGroup",
-  { forwardAsChild: !0 }
-), At = x(_e, "itemGroupLabel", { forwardAsChild: !0 }), pe = x(
-  ye,
-  "item",
-  { forwardAsChild: !0 }
-), Tt = x(He, "item", { forwardAsChild: !0 });
-x(
-  $e,
-  "itemText",
-  { forwardAsChild: !0 }
-);
-x(
-  "kbd",
-  "itemCommand"
-);
-x(Oe, "itemIndicator", {
-  forwardAsChild: !0,
-  defaultProps: { children: /* @__PURE__ */ e.jsx(dt, { boxSize: "4" }) }
-});
-x(ke, "item", { forwardAsChild: !0 });
-x(Be, "itemGroup", { forwardAsChild: !0 });
-x(
-  Le,
-  "item",
-  { forwardAsChild: !0 }
-);
-const qe = ({
-  hideCaret: o = !1,
-  size: n = "md",
-  text: t,
-  textProps: s,
-  variant: c,
-  onClick: u,
-  ["data-testid"]: a = "kibble-menu-button",
-  ...i
-}) => /* @__PURE__ */ e.jsxs(
-  Z,
-  {
-    className: "Menu__Button",
-    "data-testid": a,
-    size: n,
-    variant: c,
-    ...i,
-    ...!t && o && { paddingInline: 0, paddingBlock: 0 },
-    onClick: (f) => {
-      f.stopPropagation(), u?.(f);
-    },
-    children: [
-      t && /* @__PURE__ */ e.jsx(
-        ee,
-        {
-          className: "Menu__ButtonText",
-          "data-testid": `${a}-text`,
-          fontWeight: "semibold",
-          size: n,
-          color: c ? "inherit" : s?.color || "text.contrast",
-          truncated: !0,
-          ...s,
-          children: t
-        }
-      ),
-      !o && /* @__PURE__ */ e.jsx(z, { className: "Menu__ButtonCaret", "data-testid": `${a}-caret`, children: /* @__PURE__ */ e.jsx(ge, { name: "chevronDown", size: n === "lg" ? "sm" : "xs" }) })
-    ]
-  }
-), Gt = ({ tooltipProps: o, isMenuOpen: n, ...t }) => {
-  const [s, c] = B(!1), u = j(() => {
-    n || c(!0);
-  }, [n]), a = j(() => {
-    n || c(!1);
-  }, [n]);
-  return _(() => {
-    n && c(!1);
-  }, [n]), /* @__PURE__ */ e.jsx(fe, { label: t.text || "", open: s && !n, ...o, children: /* @__PURE__ */ e.jsx(
-    T,
-    {
-      onClick: (i) => {
-        i.preventDefault(), i.stopPropagation(), c(!1);
-      },
-      onMouseEnter: u,
-      onMouseLeave: a,
-      children: /* @__PURE__ */ e.jsx(qe, { ...t })
-    }
-  ) });
-}, _t = ({
-  label: o,
-  leftElement: n,
-  onSelect: t,
-  shouldTruncateText: s,
-  type: c = "default",
-  variant: u,
-  ["data-testid"]: a = "kibble-menu-item",
-  ...i
-}) => {
-  const [f, N] = B(!1), y = j(() => {
-    t && t(i.value);
-  }, [t, i.value]);
-  if (c === "submenu") {
-    const {
-      valueText: S,
-      listProps: C,
-      positionerProps: M,
-      portalled: A = !0,
-      open: k,
-      lazyMount: I = !0,
-      unmountOnExit: V = !0
-    } = i;
-    return console.log("positionerProps inside menu item", M), /* @__PURE__ */ e.jsx(
-      Ot,
-      {
-        lazyMount: I,
-        unmountOnExit: V,
-        submenuTrigger: /* @__PURE__ */ e.jsxs(
-          Tt,
-          {
-            className: "Menu__Item--Submenu",
-            "data-testid": `${a}-submenu`,
-            justifyContent: "space-between",
-            "aria-valuetext": S,
-            position: "relative",
-            onClick: () => {
-              k !== void 0 && t ? t(i.value) : N(!f);
-            },
-            children: [
-              /* @__PURE__ */ e.jsx(
-                X,
-                {
-                  label: o,
-                  leftElement: n,
-                  shouldTruncateText: s,
-                  variant: u
-                }
-              ),
-              /* @__PURE__ */ e.jsx(ge, { name: "chevronRight", size: "sm" })
-            ]
-          }
-        ),
-        portalled: A,
-        open: k !== void 0 ? k : f,
-        listProps: C,
-        positionerProps: M
-      }
-    );
-  }
-  if (c === "checkbox") {
-    const { checked: S, value: C, disabled: M, tooltipLabel: A, ...k } = i;
-    return /* @__PURE__ */ e.jsxs(
-      pe,
-      {
-        className: "Menu__Item--Checkbox",
-        "data-testid": `${a}-checkbox`,
-        value: C,
-        closeOnSelect: !1,
-        onSelect: M ? void 0 : y,
-        gap: 3,
-        disabled: M,
-        ...k,
-        children: [
-          /* @__PURE__ */ e.jsx(Pt, { checked: !!S, disabled: M, size: "md", fullWidth: !1 }),
-          /* @__PURE__ */ e.jsx(
-            X,
-            {
-              label: o,
-              leftElement: n,
-              shouldTruncateText: s,
-              variant: u,
-              tooltipLabel: A
-            }
-          )
-        ]
-      }
-    );
-  }
-  if (c === "default") {
-    const { selected: S = !1, disabled: C, value: M, tooltipLabel: A, ...k } = i;
-    return /* @__PURE__ */ e.jsx(
-      pe,
-      {
-        className: "Menu__Item--Default",
-        "data-testid": `${a}-default`,
-        value: M,
-        onSelect: C ? void 0 : y,
-        disabled: C,
-        ...S && { bgColor: "background.secondaryAlpha.hover" },
-        ...k,
-        children: /* @__PURE__ */ e.jsx(
-          X,
-          {
-            label: o,
-            leftElement: n,
-            shouldTruncateText: s,
-            variant: S ? "info" : u,
-            tooltipLabel: A
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ e.jsx(e.Fragment, {});
-}, X = ({
-  label: o,
-  leftElement: n,
-  shouldTruncateText: t,
-  variant: s,
-  tooltipLabel: c
-}) => {
-  const u = /* @__PURE__ */ e.jsxs(z, { className: "Menu__ItemLabel", alignItems: "center", gap: 3, children: [
-    n,
-    typeof o == "string" ? /* @__PURE__ */ e.jsx(ee, { size: "sm", truncated: t, variant: s, children: o }) : o
-  ] });
-  return c ? /* @__PURE__ */ e.jsx(fe, { label: c, children: u }) : u;
-}, me = ({
-  groupName: o,
-  hasSelectedItems: n = !1,
-  onToggle: t,
-  ["data-testid"]: s = "kibble-menu-toggle-buttons"
-}) => {
-  const c = !!o;
-  return /* @__PURE__ */ e.jsx(T, { className: "Menu__ToggleButtons", "data-testid": s, ...c && { textAlign: "right", w: "50%" }, children: c ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n ? /* @__PURE__ */ e.jsx(he, { hasSelectedItems: n, groupName: o, onToggle: t }) : /* @__PURE__ */ e.jsx(xe, { groupName: o, onToggle: t }) }) : /* @__PURE__ */ e.jsxs(z, { justifyContent: "space-between", children: [
-    /* @__PURE__ */ e.jsx(xe, { groupName: o, onToggle: t }),
-    /* @__PURE__ */ e.jsx(he, { hasSelectedItems: n, groupName: o, onToggle: t })
-  ] }) });
-}, xe = ({ groupName: o, onToggle: n }) => /* @__PURE__ */ e.jsx(Z, { variant: "ghost", size: "xs", onClick: () => n({ groupName: o, clear: !1 }), children: "Select All" }), he = ({ hasSelectedItems: o, groupName: n, onToggle: t }) => /* @__PURE__ */ e.jsx(
-  Z,
-  {
-    variant: "ghostNeutral",
-    iconName: "arrowCircle",
-    size: "xs",
-    disabled: !o,
-    onClick: () => t({ groupName: n, clear: !0 }),
-    children: "Clear All"
-  }
-), Ot = ({
-  buttonProps: o,
-  listProps: n,
-  positionerProps: t,
-  portalled: s = !1,
-  submenuTrigger: c,
-  lazyMount: u = !0,
-  onOpenChange: a,
-  ["data-testid"]: i = "kibble-menu",
-  ...f
-}) => {
-  const { contentRef: N } = it(), {
-    canSelectAll: y,
-    canSelectGroups: S,
-    emptyState: C = "No results found",
-    groupSortOrder: M,
-    loading: A,
-    maxH: k = "480px",
-    menuItems: I = [],
-    minW: V = "240px",
-    onSearch: w,
-    onSelect: H,
-    onSelectAll: re,
-    searchable: K,
-    searchPlaceholder: Je = "Search...",
-    shouldTruncateText: Qe,
-    ...se
-  } = n || {}, [Ue, Xe] = B(!1), [q, J] = B(""), [F, Q] = B(I);
-  _(() => {
-    console.log("positionerProps at root menu level", t);
-  }, [t]);
-  const ce = D(() => {
-    const r = {};
-    return F?.forEach((l) => {
-      const d = l.groupLabel || "default", P = l.type === "checkbox" ? "checkbox" : "default";
-      r[d] || (r[d] = {}), r[d][P] || (r[d][P] = []), r[d][P].push(l);
-    }), r;
-  }, [F]), ae = D(() => {
-    const r = Object.entries(ce);
-    return !M || M.length === 0 ? r : r.sort(([l], [d]) => {
-      const P = M.indexOf(l), v = M.indexOf(d);
-      return P !== -1 && v !== -1 ? P - v : P !== -1 ? -1 : v !== -1 ? 1 : 0;
-    });
-  }, [ce, M]), R = D(() => I?.filter((r) => r.type === "checkbox") || [], [I]), U = j(
-    (r) => R.some((l) => l.value === r && l.checked),
-    [R]
-  ), b = D(() => R.filter((r) => r.checked), [R]), ie = j(
-    ({ groupName: r, clear: l }) => {
-      let d;
-      const P = F.filter((v) => v.type === "checkbox" && !v.disabled);
-      if (r) {
-        const v = P.filter((W) => W.groupLabel === r);
-        d = l ? b.filter((W) => W.groupLabel !== r) : (
-          // Otherwise, add the items in the group to the selected items
-          [.../* @__PURE__ */ new Set([...b, ...v])]
-        );
-      } else
-        d = l ? [] : P.map((v) => ({ ...v, checked: !0 }));
-      re?.({ allSelectedItems: d });
-    },
-    [re, F, b]
-  ), Ye = j(
-    (r) => {
-      if (r.type === "checkbox") {
-        const l = U(r.value) ? b.filter((d) => d.value !== r.value) : [...b, r];
-        if (r.onSelect) {
-          r.onSelect(r.value);
-          return;
-        }
-        H?.({ item: r, allSelectedItems: l });
-        return;
-      }
-      if (r.onSelect) {
-        r.onSelect(r.value);
-        return;
-      }
-      H?.({ item: r, allSelectedItems: [r] });
-    },
-    [H, U, b]
-  ), ue = j((r, l) => r === "" || !r ? l : l.filter((d) => !!(typeof d.label == "string" ? d.label : d.valueText)?.toLowerCase().includes(r.toLowerCase())), []), Ze = j(
-    (r) => {
-      const l = r.target.value;
-      J(l), w && w(r);
-    },
-    [w]
-  ), et = j(() => {
-    J(""), w && w({
-      target: { value: "" }
-    });
-  }, [w]), tt = j(
-    (r) => {
-      Xe(r), r || (J(""), Q(I)), a && a({ open: r, allSelectedItems: b });
-    },
-    [I, a, b]
-  );
-  return _(() => {
-    Q(w ? I : ue(q, I));
-  }, [q, w, ue, I]), /* @__PURE__ */ e.jsxs(
-    bt,
-    {
-      lazyMount: u,
-      unmountOnExit: u,
-      onOpenChange: (r) => {
-        tt(r.open);
-      },
-      ...f,
-      children: [
-        c || /* @__PURE__ */ e.jsx(kt, { asChild: !0, className: "Menu__Trigger", "data-testid": `${i}-trigger`, children: o?.showTooltip ? /* @__PURE__ */ e.jsx(Gt, { isMenuOpen: Ue, ...o }) : /* @__PURE__ */ e.jsx(qe, { ...o }) }),
-        /* @__PURE__ */ e.jsx(ut, { disabled: !s, container: N || void 0, children: /* @__PURE__ */ e.jsx(St, { className: "Menu", "data-testid": i, ...t, children: /* @__PURE__ */ e.jsxs(
-          wt,
-          {
-            className: "Menu__Content",
-            "data-testid": `${i}-content`,
-            maxH: k,
-            minW: V,
-            ...se,
-            ...K && { pt: "0" },
-            onClick: (r) => {
-              r.stopPropagation(), se?.onClick?.(r);
-            },
-            children: [
-              K && /* @__PURE__ */ e.jsx(
-                T,
-                {
-                  className: "Menu__SearchBarContainer",
-                  "data-testid": `${i}-search-bar-container`,
-                  px: 3,
-                  py: 2,
-                  position: "sticky",
-                  top: 0,
-                  bg: "background",
-                  zIndex: "docked",
-                  children: /* @__PURE__ */ e.jsx(
-                    ct,
-                    {
-                      className: "Menu__SearchBar",
-                      "data-testid": `${i}-search-bar`,
-                      placeholder: Je,
-                      onChange: Ze,
-                      size: "sm",
-                      value: q,
-                      clearable: !0,
-                      onClear: et,
-                      onKeyDown: (r) => {
-                        r.code === "Space" && r.stopPropagation();
-                      }
-                    }
-                  )
-                }
-              ),
-              y && /* @__PURE__ */ e.jsx(
-                T,
-                {
-                  className: "Menu__CheckboxGroupHeader",
-                  "data-testid": `${i}-checkbox-group-header`,
-                  px: 3,
-                  mt: K ? 1 : 2,
-                  children: y && !!R.length && /* @__PURE__ */ e.jsx(
-                    me,
-                    {
-                      onToggle: ie,
-                      hasSelectedItems: !!b.length
-                    }
-                  )
-                }
-              ),
-              A && /* @__PURE__ */ e.jsx(z, { justifyContent: "center", py: 5, children: /* @__PURE__ */ e.jsx(at, { fullScreen: !0 }) }),
-              /* @__PURE__ */ e.jsx(T, { className: "Menu__List", "data-testid": `${i}-list`, children: ae.length ? /* @__PURE__ */ e.jsx(e.Fragment, { children: ae.map(([r, l]) => {
-                const d = r === "default", P = Object.keys(l), v = d ? st.Fragment : yt, nt = l.checkbox?.map((L) => L.value)?.some(
-                  (L) => b.some((E) => E.value === L && E.checked)
-                );
-                return /* @__PURE__ */ e.jsxs(v, { children: [
-                  !d && /* @__PURE__ */ e.jsx(At, { children: /* @__PURE__ */ e.jsxs(z, { alignItems: "center", justifyContent: "space-between", children: [
-                    r,
-                    S && P.includes("checkbox") && /* @__PURE__ */ e.jsx(
-                      me,
-                      {
-                        groupName: r,
-                        onToggle: ie,
-                        hasSelectedItems: nt
-                      }
-                    )
-                  ] }) }),
-                  Object.entries(l).map(
-                    ([L, E]) => E.map((G, ot) => {
-                      const { groupLabel: rt, ...le } = G;
-                      return console.log("item props", le), console.log("positionerProps inside menu item", t), /* @__PURE__ */ e.jsx(
-                        _t,
-                        {
-                          ...le,
-                          shouldTruncateText: Qe,
-                          ...G.type === "checkbox" && {
-                            checked: U(G.value)
-                          },
-                          "data-testid": `${i}-item-${G.label}`,
-                          onSelect: () => Ye(G),
-                          ...G.type === "submenu" && {
-                            positionerProps: t
-                          }
-                        },
-                        `menu-item-${rt}-${L}-${ot}`
-                      );
-                    })
-                  )
-                ] }, r);
-              }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(T, { p: 3, children: typeof C == "string" ? /* @__PURE__ */ e.jsx(T, { textAlign: "center", children: /* @__PURE__ */ e.jsx(ee, { size: "sm", variant: "subtle", "data-testid": `${i}-empty-state`, children: C }) }) : C }) }) })
-            ]
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-export {
-  Ot as M
-};
-//# sourceMappingURL=menu.component-Di6p2OQm.js.map