@televet/kibble-ui 4.0.0-beta.48 → 4.0.0-beta.49

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

@@ -0,0 +1,677 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import Ke, { forwardRef as x, useEffect as _, useId as F, useRef as Y, useCallback as I, useState as Z, useMemo as G } from "react";
+import { B as V } from "./button.component-BWlRjD5a.js";
+import { I as oe } from "./icon.component-BmcWaysM.js";
+import { W as z } from "./text.component-D3E0SdX1.js";
+import { F as y } from "./flex-C2d2LH-K.js";
+import { W as Ue } from "./textInput.component-BpCIE07n.js";
+import { S as qe } from "./spinner.component-DCSsW51J.js";
+import { B as O } from "./box-y05hq0PT.js";
+import { u as Je } from "./tooltip.component-DYBYGsfe.js";
+import { W as Qe, u as Xe } from "./checkbox.component-C99uwLFM.js";
+import { a as N, f as g, b as w, u as W, h as Ye, i as Ze, j as et, k as tt, n as nt, s as re, l as se, m as ae, P as ot } from "./use-locale-context-zakBNK5b.js";
+import { c as rt } from "./create-slot-recipe-context-DJkLYvCT.js";
+import { b as st } from "./icons-grAfs3Oz.js";
+import { c as at, m as ct } from "./index-sWaESJRS.js";
+import { U as m } from "./index-DLvqBeH6.js";
+const [ce, p] = N({
+  name: "MenuContext",
+  hookName: "useMenuContext",
+  providerName: "<MenuProvider />",
+  strict: !1
+}), ue = x((o, n) => {
+  const t = p(), r = m(t.getArrowProps(), o);
+  return /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
+});
+ue.displayName = "MenuArrow";
+const ie = x((o, n) => {
+  const t = p(), r = m(t.getArrowTipProps(), o);
+  return /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
+});
+ie.displayName = "MenuArrowTip";
+const [D, Wt] = N({
+  name: "MenuItemContext",
+  hookName: "useMenuItemContext",
+  providerName: "<MenuItemProvider />"
+}), [le, de] = N({
+  name: "MenuOptionItemPropsContext",
+  hookName: "useMenuOptionItemPropsContext",
+  providerName: "<MenuOptionItemPropsProvider />"
+}), me = x((o, n) => {
+  const [t, r] = w()(o, [
+    "checked",
+    "closeOnSelect",
+    "disabled",
+    "onCheckedChange",
+    "value",
+    "valueText"
+  ]), s = {
+    ...t,
+    type: "checkbox"
+  }, u = p(), c = m(u.getOptionItemProps(s), r), l = u.getOptionItemState(s);
+  return /* @__PURE__ */ e.jsx(le, { value: s, children: /* @__PURE__ */ e.jsx(D, { value: l, children: /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n }) }) });
+});
+me.displayName = "MenuCheckboxItem";
+const pe = x((o, n) => {
+  const t = p(), r = W(), s = m(t.getContentProps(), r.getPresenceProps(), o);
+  return r.unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...s, ref: Ye(r.ref, n) });
+});
+pe.displayName = "MenuContent";
+const he = x((o, n) => {
+  const t = p(), r = m(t.getContextTriggerProps(), o);
+  return /* @__PURE__ */ e.jsx(g.button, { ...r, ref: n });
+});
+he.displayName = "MenuContextTrigger";
+const xe = x((o, n) => {
+  const t = p(), r = m(t.getIndicatorProps(), o);
+  return /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
+});
+xe.displayName = "MenuIndicator";
+const ge = x((o, n) => {
+  const [t, r] = w()(o, [
+    "closeOnSelect",
+    "disabled",
+    "value",
+    "valueText",
+    "onSelect"
+  ]), s = p(), u = m(s.getItemProps(t), r), c = s.getItemState(t);
+  return _(() => s.addItemListener({ id: c.id, onSelect: t.onSelect }), [c.id, t.onSelect]), /* @__PURE__ */ e.jsx(D, { value: c, children: /* @__PURE__ */ e.jsx(g.div, { ...u, ref: n }) });
+});
+ge.displayName = "MenuItem";
+const [Me, fe] = N({
+  name: "MenuItemGroupContext",
+  hookName: "useMenuItemGroupContext",
+  providerName: "<MenuItemGroupProvider />"
+}), Pe = x((o, n) => {
+  const [t, r] = w()(o, ["id"]), s = p(), c = { id: F(), ...t }, l = m(s.getItemGroupProps(c), r);
+  return /* @__PURE__ */ e.jsx(Me, { value: c, children: /* @__PURE__ */ e.jsx(g.div, { ...l, ref: n }) });
+});
+Pe.displayName = "MenuItemGroup";
+const ve = x((o, n) => {
+  const t = p(), r = fe(), s = m(t.getItemGroupLabelProps({ htmlFor: r.id }), o);
+  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
+});
+ve.displayName = "MenuItemGroupLabel";
+const Ce = x((o, n) => {
+  const t = p(), r = de(), s = m(t.getItemIndicatorProps(r), o);
+  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
+});
+Ce.displayName = "MenuItemIndicator";
+const Ie = x((o, n) => {
+  const t = p(), r = de(), s = m(t.getItemTextProps(r), o);
+  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
+});
+Ie.displayName = "MenuItemText";
+const je = x((o, n) => {
+  const t = p(), r = m(t.getPositionerProps(), o);
+  return W().unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
+});
+je.displayName = "MenuPositioner";
+const be = x((o, n) => {
+  const [t, r] = w()(o, [
+    "closeOnSelect",
+    "disabled",
+    "value",
+    "valueText"
+  ]), s = p(), u = fe(), c = {
+    ...t,
+    checked: u.value === t.value,
+    type: "radio",
+    onCheckedChange: () => u.onValueChange?.({ value: t.value })
+  }, l = m(s.getOptionItemProps(c), r), M = s.getOptionItemState(c);
+  return /* @__PURE__ */ e.jsx(le, { value: c, children: /* @__PURE__ */ e.jsx(D, { value: M, children: /* @__PURE__ */ e.jsx(g.div, { ...l, ref: n }) }) });
+});
+be.displayName = "MenuRadioItem";
+const ke = x((o, n) => {
+  const [t, r] = w()(o, [
+    "id",
+    "onValueChange",
+    "value"
+  ]), s = p(), c = { id: F(), ...t }, l = m(s.getItemGroupProps({ id: c.id }), r);
+  return /* @__PURE__ */ e.jsx(Me, { value: c, children: /* @__PURE__ */ e.jsx(g.div, { ...l, ref: n }) });
+});
+ke.displayName = "MenuRadioItemGroup";
+const Se = (o) => {
+  const n = Y(o), t = Y(!1);
+  _(() => {
+    n.current = o;
+  }), _(() => {
+    t.current !== !0 && (t.current = !0, n.current());
+  }, []);
+}, ut = (o) => {
+  const n = F(), { getRootNode: t } = Ze(), { dir: r } = et(), s = {
+    id: n,
+    dir: r,
+    getRootNode: t,
+    ...o
+  }, u = tt(ct, s);
+  return { api: at(u, nt), service: u };
+}, [Ne, we] = N({
+  name: "MenuMachineContext",
+  hookName: "useMenuMachineContext",
+  providerName: "<MenuMachineProvider />",
+  strict: !1
+}), [Te, it] = N({
+  name: "MenuMachineContext",
+  hookName: "useMenuMachineContext",
+  providerName: "<MenuMachineProvider />",
+  strict: !1
+}), lt = (o) => {
+  const [n, t] = re(o), [r, s] = w()(t, [
+    "anchorPoint",
+    "aria-label",
+    "closeOnSelect",
+    "composite",
+    "defaultHighlightedValue",
+    "defaultOpen",
+    "highlightedValue",
+    "id",
+    "ids",
+    "loopFocus",
+    "navigate",
+    "onEscapeKeyDown",
+    "onFocusOutside",
+    "onHighlightChange",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "onSelect",
+    "open",
+    "positioning",
+    "typeahead"
+  ]), u = p(), c = we(), { api: l, service: M } = ut(r), P = se(m({ present: l.open }, n));
+  Se(() => {
+    c && u && (u.setChild(M), l.setParent(c));
+  });
+  const b = I(() => u?.getTriggerItemProps(l), [l, u]);
+  return /* @__PURE__ */ e.jsx(Te, { value: b, children: /* @__PURE__ */ e.jsx(Ne, { value: M, children: /* @__PURE__ */ e.jsx(ce, { value: l, children: /* @__PURE__ */ e.jsx(ae, { value: P, ...s }) }) }) });
+}, dt = (o) => {
+  const n = p(), t = we(), [r, { value: s, children: u }] = re(o), { api: c, service: l } = s, M = se(m({ present: c.open }, r));
+  Se(() => {
+    t && n && (n.setChild(l), c.setParent(t));
+  });
+  const P = I(() => n?.getTriggerItemProps(c), [c, n]);
+  return /* @__PURE__ */ e.jsx(Te, { value: P, children: /* @__PURE__ */ e.jsx(Ne, { value: l, children: /* @__PURE__ */ e.jsx(ce, { value: c, children: /* @__PURE__ */ e.jsx(ae, { value: M, children: u }) }) }) });
+}, ye = x((o, n) => {
+  const t = p(), r = m(t.getSeparatorProps(), o);
+  return /* @__PURE__ */ e.jsx(g.hr, { ...r, ref: n });
+});
+ye.displayName = "MenuSeparator";
+const Ae = x((o, n) => {
+  const t = p(), r = W(), s = m(
+    {
+      ...t.getTriggerProps(),
+      "aria-controls": r.unmounted ? void 0 : t.getTriggerProps()["aria-controls"]
+    },
+    o
+  );
+  return /* @__PURE__ */ e.jsx(g.button, { ...s, ref: n });
+});
+Ae.displayName = "MenuTrigger";
+const Ge = x((o, n) => {
+  const t = it(), r = m(t?.() ?? {}, o);
+  return /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
+});
+Ge.displayName = "MenuTriggerItem";
+const {
+  withRootProvider: Oe,
+  withContext: h
+} = rt({ key: "menu" });
+Oe(
+  dt
+);
+const mt = Oe(lt, {
+  defaultProps: { lazyMount: !0, unmountOnExit: !0 }
+}), pt = h(
+  Ae,
+  "trigger",
+  { forwardAsChild: !0 }
+);
+h(he, "contextTrigger", { forwardAsChild: !0 });
+const ht = h(
+  je,
+  "positioner",
+  { forwardAsChild: !0 }
+);
+h(
+  ye,
+  "separator",
+  { forwardAsChild: !0 }
+);
+const xt = h(
+  pe,
+  "content",
+  { forwardAsChild: !0 }
+), gt = h(
+  ie,
+  "arrowTip",
+  { forwardAsChild: !0 }
+);
+h(
+  ue,
+  "arrow",
+  { forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ e.jsx(gt, {}) } }
+);
+h(
+  xe,
+  "indicator",
+  { forwardAsChild: !0 }
+);
+const Mt = h(
+  Pe,
+  "itemGroup",
+  { forwardAsChild: !0 }
+), ft = h(ve, "itemGroupLabel", { forwardAsChild: !0 }), Pt = h(
+  ge,
+  "item",
+  { forwardAsChild: !0 }
+), vt = h(Ge, "item", { forwardAsChild: !0 });
+h(
+  Ie,
+  "itemText",
+  { forwardAsChild: !0 }
+);
+h(
+  "kbd",
+  "itemCommand"
+);
+h(Ce, "itemIndicator", {
+  forwardAsChild: !0,
+  defaultProps: { children: /* @__PURE__ */ e.jsx(st, { boxSize: "4" }) }
+});
+const Ct = h(me, "item", { forwardAsChild: !0 });
+h(ke, "itemGroup", { forwardAsChild: !0 });
+h(
+  be,
+  "item",
+  { forwardAsChild: !0 }
+);
+const It = ({
+  hideCaret: o = !1,
+  size: n = "md",
+  text: t,
+  textProps: r,
+  variant: s,
+  ...u
+}) => /* @__PURE__ */ e.jsxs(
+  V,
+  {
+    className: "Menu__Button",
+    "data-testid": "kibble-menu-button",
+    size: n,
+    variant: s,
+    ...u,
+    children: [
+      t && /* @__PURE__ */ e.jsx(
+        z,
+        {
+          className: "Menu__ButtonText",
+          "data-testid": "kibble-menu-button-text",
+          fontWeight: "semibold",
+          size: n,
+          color: s ? "inherit" : r?.color || "text.contrast",
+          truncate: !0,
+          ...r,
+          children: t
+        }
+      ),
+      !o && /* @__PURE__ */ e.jsx(
+        y,
+        {
+          className: "Menu__ButtonCaret",
+          "data-testid": "kibble-menu-button-caret",
+          children: /* @__PURE__ */ e.jsx(oe, { name: "chevronDown", size: n === "lg" ? "sm" : "xs" })
+        }
+      )
+    ]
+  }
+), jt = ({
+  label: o,
+  leftElement: n,
+  onSelect: t,
+  shouldTruncateText: r,
+  type: s = "default",
+  variant: u,
+  ...c
+}) => {
+  const l = I(() => {
+    t && t(c.value);
+  }, [t, c.value]);
+  if (s === "submenu") {
+    const { valueText: M, listProps: P } = c;
+    return /* @__PURE__ */ e.jsx(
+      bt,
+      {
+        submenuTrigger: /* @__PURE__ */ e.jsxs(
+          vt,
+          {
+            className: "Menu__Item--Submenu",
+            "data-testid": "kibble-menu-item-submenu",
+            justifyContent: "space-between",
+            "aria-valuetext": M,
+            children: [
+              /* @__PURE__ */ e.jsx(
+                L,
+                {
+                  label: o,
+                  leftElement: n,
+                  shouldTruncateText: r,
+                  variant: u
+                }
+              ),
+              /* @__PURE__ */ e.jsx(oe, { name: "chevronRight", size: "sm" })
+            ]
+          }
+        ),
+        portalled: !0,
+        listProps: P
+      }
+    );
+  }
+  if (s === "checkbox") {
+    const { checked: M, value: P, closeOnSelect: b, ...C } = c;
+    return /* @__PURE__ */ e.jsxs(
+      Ct,
+      {
+        className: "Menu__Item--Checkbox",
+        "data-testid": "kibble-menu-item-checkbox",
+        value: P,
+        checked: !!M,
+        onCheckedChange: l,
+        closeOnSelect: b || !1,
+        gap: 3,
+        ...C,
+        children: [
+          /* @__PURE__ */ e.jsx(Qe, { checked: !!M, size: "md" }),
+          /* @__PURE__ */ e.jsx(
+            L,
+            {
+              label: o,
+              leftElement: n,
+              shouldTruncateText: r,
+              variant: u
+            }
+          )
+        ]
+      }
+    );
+  }
+  if (s === "default") {
+    const {
+      selected: M = !1,
+      value: P,
+      ...b
+    } = c;
+    return /* @__PURE__ */ e.jsx(
+      Pt,
+      {
+        className: "Menu__Item--Default",
+        "data-testid": "kibble-menu-item-default",
+        value: P,
+        onSelect: l,
+        ...M && { bgColor: "background.secondaryAlpha.hover" },
+        ...b,
+        children: /* @__PURE__ */ e.jsx(
+          L,
+          {
+            label: o,
+            leftElement: n,
+            shouldTruncateText: r,
+            variant: M ? "info" : u
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ e.jsx(e.Fragment, {});
+}, L = ({
+  label: o,
+  leftElement: n,
+  shouldTruncateText: t,
+  variant: r
+}) => /* @__PURE__ */ e.jsxs(y, { className: "Menu__ItemLabel", alignItems: "center", gap: 3, children: [
+  n,
+  typeof o == "string" ? /* @__PURE__ */ e.jsx(z, { size: "sm", truncated: t, variant: r, children: o }) : o
+] }), ee = ({
+  groupName: o,
+  hasSelectedItems: n = !1,
+  onToggle: t
+}) => {
+  const r = !!o;
+  return /* @__PURE__ */ e.jsx(
+    O,
+    {
+      className: "Menu__ToggleButtons",
+      "data-testid": "kibble-menu-toggle-buttons",
+      ...r ? { textAlign: "right", w: "50%" } : { mt: 2 },
+      children: r ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n ? /* @__PURE__ */ e.jsx(
+        ne,
+        {
+          hasSelectedItems: n,
+          groupName: o,
+          onToggle: t
+        }
+      ) : /* @__PURE__ */ e.jsx(te, { groupName: o, onToggle: t }) }) : /* @__PURE__ */ e.jsxs(y, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ e.jsx(te, { groupName: o, onToggle: t }),
+        /* @__PURE__ */ e.jsx(
+          ne,
+          {
+            hasSelectedItems: n,
+            groupName: o,
+            onToggle: t
+          }
+        )
+      ] })
+    }
+  );
+}, te = ({
+  groupName: o,
+  onToggle: n
+}) => /* @__PURE__ */ e.jsx(
+  V,
+  {
+    variant: "ghost",
+    size: "xs",
+    onClick: () => n({ groupName: o, clear: !1 }),
+    children: "Select All"
+  }
+), ne = ({
+  hasSelectedItems: o,
+  groupName: n,
+  onToggle: t
+}) => /* @__PURE__ */ e.jsx(
+  V,
+  {
+    variant: "ghostNeutral",
+    iconName: "arrowCircle",
+    size: "xs",
+    disabled: !o,
+    onClick: () => t({ groupName: n, clear: !0 }),
+    children: "Clear All"
+  }
+), bt = ({
+  buttonProps: o,
+  listProps: n,
+  portalled: t = !1,
+  submenuTrigger: r,
+  ...s
+}) => {
+  const { contentRef: u } = Je(), {
+    canSelectAll: c,
+    canSelectGroups: l,
+    emptyStateText: M = "No results found",
+    loading: P,
+    maxH: b = "480px",
+    menuItems: C = [],
+    minW: _e = "240px",
+    onSearch: j,
+    onSelect: E,
+    onSelectAll: H,
+    searchable: K,
+    searchPlaceholder: Re = "Search...",
+    shouldTruncateText: $e,
+    ...Be
+  } = n || {}, [R, $] = Z(""), [U, B] = Z(C), q = G(() => {
+    const a = {};
+    return U?.forEach((i) => {
+      const d = i.groupLabel || "default", f = i.type === "checkbox" ? "checkbox" : "default";
+      a[d] || (a[d] = {}), a[d][f] || (a[d][f] = []), a[d][f].push(i);
+    }), a;
+  }, [U]), J = G(() => Object.entries(q), [q]), S = G(
+    () => C?.filter((a) => a.type === "checkbox") || [],
+    [C]
+  ), Le = G(() => (S?.filter((i) => i.checked) || []).map((i) => i.value), [S]), v = Xe({
+    defaultValue: Le
+  }), Q = I(
+    (a, i) => a === "" || !a ? i : i.filter((d) => !!(typeof d.label == "string" ? d.label : d.valueText)?.toLowerCase().includes(a.toLowerCase())),
+    []
+  );
+  _(() => {
+    B(j ? C : Q(R, C));
+  }, [R, j, Q, C]);
+  const Fe = I(
+    (a) => {
+      const i = a.target.value;
+      $(i), j && j(a);
+    },
+    [j]
+  ), Ve = I(() => {
+    $(""), j && j({
+      target: { value: "" }
+    });
+  }, [j]), X = I(
+    ({ groupName: a, clear: i }) => {
+      let d = [];
+      if (a) {
+        const f = S.filter((k) => k.groupLabel === a).map((k) => k.value);
+        d = i ? v.value.filter((k) => !f.includes(k)) : [...v.value, ...f];
+      } else
+        d = i ? [] : S.map((f) => f.value);
+      H?.(d), v.setValue(d);
+    },
+    [S, H, v]
+  ), ze = I(
+    (a) => {
+      a.onSelect?.(a.value);
+      const i = v.value, d = v.isChecked(a.value);
+      E?.(
+        a.value,
+        d ? i.filter((f) => f !== a.value) : [...i, a.value]
+      ), a.type === "checkbox" && v.toggleValue(a.value);
+    },
+    [E, v]
+  ), We = I(
+    (a) => {
+      a || ($(""), B(C));
+    },
+    [C]
+  );
+  return /* @__PURE__ */ e.jsxs(
+    mt,
+    {
+      ...s,
+      onOpenChange: (a) => {
+        We(a.open), s.onOpenChange?.(a);
+      },
+      children: [
+        r || /* @__PURE__ */ e.jsx(
+          pt,
+          {
+            asChild: !0,
+            className: "Menu__Trigger",
+            "data-testid": "kibble-menu-trigger",
+            children: /* @__PURE__ */ e.jsx(It, { ...o })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(ot, { disabled: !t, container: u || void 0, children: /* @__PURE__ */ e.jsx(ht, { className: "Menu", "data-testid": "kibble-menu", children: /* @__PURE__ */ e.jsxs(
+          xt,
+          {
+            className: "Menu__Content",
+            "data-testid": "kibble-menu-content",
+            maxH: b,
+            minW: _e,
+            ...Be,
+            children: [
+              (K || c) && /* @__PURE__ */ e.jsxs(
+                O,
+                {
+                  className: "Menu__Header",
+                  "data-testid": "kibble-menu-header",
+                  m: "0 12px 8px",
+                  children: [
+                    K && /* @__PURE__ */ e.jsx(
+                      Ue,
+                      {
+                        className: "Menu__SearchBar",
+                        "data-testid": "kibble-menu-search-bar",
+                        placeholder: Re,
+                        onChange: Fe,
+                        size: "sm",
+                        value: R,
+                        clearable: !0,
+                        onClear: Ve,
+                        formControlStyle: { mt: 1 }
+                      }
+                    ),
+                    c && !!S.length && /* @__PURE__ */ e.jsx(
+                      ee,
+                      {
+                        onToggle: X,
+                        hasSelectedItems: !!v.value.length
+                      }
+                    )
+                  ]
+                }
+              ),
+              P ? /* @__PURE__ */ e.jsx(y, { justifyContent: "center", py: 5, children: /* @__PURE__ */ e.jsx(qe, {}) }) : /* @__PURE__ */ e.jsx(O, { className: "Menu__List", "data-testid": "kibble-menu-list", children: J.length ? /* @__PURE__ */ e.jsx(e.Fragment, { children: J.map(([a, i]) => {
+                const d = a === "default", f = Object.keys(i), k = d ? Ke.Fragment : Mt, De = i.checkbox?.map(
+                  (T) => T.value
+                )?.some(
+                  (T) => v.value.includes(T)
+                );
+                return /* @__PURE__ */ e.jsxs(k, { children: [
+                  !d && /* @__PURE__ */ e.jsx(ft, { children: /* @__PURE__ */ e.jsxs(
+                    y,
+                    {
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      children: [
+                        a,
+                        l && f.includes("checkbox") && /* @__PURE__ */ e.jsx(
+                          ee,
+                          {
+                            groupName: a,
+                            onToggle: X,
+                            hasSelectedItems: De
+                          }
+                        )
+                      ]
+                    }
+                  ) }),
+                  Object.entries(i).map(
+                    ([T, Ee]) => Ee.map((A, He) => /* @__PURE__ */ e.jsx(
+                      jt,
+                      {
+                        ...A,
+                        shouldTruncateText: $e,
+                        ...A.type === "checkbox" && {
+                          checked: v.isChecked(A.value)
+                        },
+                        onSelect: () => ze(A)
+                      },
+                      `menu-item-${a}-${T}-${He}`
+                    ))
+                  )
+                ] }, a);
+              }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(O, { textAlign: "center", p: 3, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "subtle", children: M }) }) }) })
+            ]
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  bt as M
+};
+//# sourceMappingURL=menu.component-DbVIiM3g.js.map