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

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

@@ -1,677 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-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-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] = S({
-  name: "MenuContext",
-  hookName: "useMenuContext",
-  providerName: "<MenuProvider />",
-  strict: !1
-}), ce = x((o, n) => {
-  const t = m(), s = d(t.getArrowProps(), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-ce.displayName = "MenuArrow";
-const ue = x((o, n) => {
-  const t = m(), s = d(t.getArrowTipProps(), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-ue.displayName = "MenuArrowTip";
-const [W, Vt] = S({
-  name: "MenuItemContext",
-  hookName: "useMenuItemContext",
-  providerName: "<MenuItemProvider />"
-}), [ie, le] = S({
-  name: "MenuOptionItemPropsContext",
-  hookName: "useMenuOptionItemPropsContext",
-  providerName: "<MenuOptionItemPropsProvider />"
-}), de = x((o, n) => {
-  const [t, s] = N()(o, [
-    "checked",
-    "closeOnSelect",
-    "disabled",
-    "onCheckedChange",
-    "value",
-    "valueText"
-  ]), r = {
-    ...t,
-    type: "checkbox"
-  }, u = m(), c = d(u.getOptionItemProps(r), s), l = u.getOptionItemState(r);
-  return /* @__PURE__ */ e.jsx(ie, { value: r, children: /* @__PURE__ */ e.jsx(W, { value: l, children: /* @__PURE__ */ e.jsx(g.div, { ...c, ref: n }) }) });
-});
-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) });
-});
-me.displayName = "MenuContent";
-const pe = x((o, n) => {
-  const t = m(), s = d(t.getContextTriggerProps(), o);
-  return /* @__PURE__ */ e.jsx(g.button, { ...s, ref: n });
-});
-pe.displayName = "MenuContextTrigger";
-const he = x((o, n) => {
-  const t = m(), s = d(t.getIndicatorProps(), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-he.displayName = "MenuIndicator";
-const xe = x((o, n) => {
-  const [t, s] = N()(o, [
-    "closeOnSelect",
-    "disabled",
-    "value",
-    "valueText",
-    "onSelect"
-  ]), r = m(), u = d(r.getItemProps(t), s), c = r.getItemState(t);
-  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] = S({
-  name: "MenuItemGroupContext",
-  hookName: "useMenuItemGroupContext",
-  providerName: "<MenuItemGroupProvider />"
-}), fe = x((o, n) => {
-  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";
-const Pe = x((o, n) => {
-  const t = m(), s = Me(), r = d(t.getItemGroupLabelProps({ htmlFor: s.id }), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
-});
-Pe.displayName = "MenuItemGroupLabel";
-const Ie = x((o, n) => {
-  const t = m(), s = le(), r = d(t.getItemIndicatorProps(s), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
-});
-Ie.displayName = "MenuItemIndicator";
-const ve = x((o, n) => {
-  const t = m(), s = le(), r = d(t.getItemTextProps(s), o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...r, ref: n });
-});
-ve.displayName = "MenuItemText";
-const Ce = x((o, n) => {
-  const t = m(), s = d(t.getPositionerProps(), o);
-  return z().unmounted ? null : /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-Ce.displayName = "MenuPositioner";
-const je = x((o, n) => {
-  const [t, s] = N()(o, [
-    "closeOnSelect",
-    "disabled",
-    "value",
-    "valueText"
-  ]), r = m(), u = Me(), c = {
-    ...t,
-    checked: u.value === t.value,
-    type: "radio",
-    onCheckedChange: () => u.onValueChange?.({ value: t.value })
-  }, l = d(r.getOptionItemProps(c), s), M = r.getOptionItemState(c);
-  return /* @__PURE__ */ e.jsx(ie, { value: c, children: /* @__PURE__ */ e.jsx(W, { value: M, children: /* @__PURE__ */ e.jsx(g.div, { ...l, ref: n }) }) });
-});
-je.displayName = "MenuRadioItem";
-const be = x((o, n) => {
-  const [t, s] = N()(o, [
-    "id",
-    "onValueChange",
-    "value"
-  ]), r = m(), c = { id: F(), ...t }, l = d(r.getItemGroupProps({ id: c.id }), s);
-  return /* @__PURE__ */ e.jsx(ge, { value: c, children: /* @__PURE__ */ e.jsx(g.div, { ...l, ref: n }) });
-});
-be.displayName = "MenuRadioItemGroup";
-const ke = (o) => {
-  const n = X(o), t = X(!1);
-  B(() => {
-    n.current = o;
-  }), B(() => {
-    t.current !== !0 && (t.current = !0, n.current());
-  }, []);
-}, at = (o) => {
-  const n = F(), { getRootNode: t } = Xe(), { dir: s } = Ye(), r = {
-    id: n,
-    dir: s,
-    getRootNode: t,
-    ...o
-  }, u = Ze(rt, r);
-  return { api: st(u, et), service: u };
-}, [Se, Ne] = S({
-  name: "MenuMachineContext",
-  hookName: "useMenuMachineContext",
-  providerName: "<MenuMachineProvider />",
-  strict: !1
-}), [Te, ct] = S({
-  name: "MenuMachineContext",
-  hookName: "useMenuMachineContext",
-  providerName: "<MenuMachineProvider />",
-  strict: !1
-}), ut = (o) => {
-  const [n, t] = oe(o), [s, r] = N()(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(), 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 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 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 });
-});
-we.displayName = "MenuSeparator";
-const ye = x((o, n) => {
-  const t = m(), s = z(), r = d(
-    {
-      ...t.getTriggerProps(),
-      "aria-controls": s.unmounted ? void 0 : t.getTriggerProps()["aria-controls"]
-    },
-    o
-  );
-  return /* @__PURE__ */ e.jsx(g.button, { ...r, ref: n });
-});
-ye.displayName = "MenuTrigger";
-const Ae = x((o, n) => {
-  const t = ct(), s = d(t?.() ?? {}, o);
-  return /* @__PURE__ */ e.jsx(g.div, { ...s, ref: n });
-});
-Ae.displayName = "MenuTriggerItem";
-const {
-  withRootProvider: Ge,
-  withContext: p
-} = nt({ key: "menu" });
-Ge(
-  it
-);
-const lt = Ge(ut, {
-  defaultProps: { lazyMount: !0, unmountOnExit: !0 }
-}), dt = p(
-  ye,
-  "trigger",
-  { forwardAsChild: !0 }
-);
-p(pe, "contextTrigger", { forwardAsChild: !0 });
-const mt = p(
-  Ce,
-  "positioner",
-  { forwardAsChild: !0 }
-);
-p(
-  we,
-  "separator",
-  { forwardAsChild: !0 }
-);
-const pt = p(
-  me,
-  "content",
-  { forwardAsChild: !0 }
-), ht = p(
-  ue,
-  "arrowTip",
-  { forwardAsChild: !0 }
-);
-p(
-  ce,
-  "arrow",
-  { forwardAsChild: !0, defaultProps: { children: /* @__PURE__ */ e.jsx(ht, {}) } }
-);
-p(
-  he,
-  "indicator",
-  { forwardAsChild: !0 }
-);
-const xt = p(
-  fe,
-  "itemGroup",
-  { forwardAsChild: !0 }
-), gt = p(Pe, "itemGroupLabel", { forwardAsChild: !0 }), Mt = p(
-  xe,
-  "item",
-  { forwardAsChild: !0 }
-), ft = p(Ae, "item", { forwardAsChild: !0 });
-p(
-  ve,
-  "itemText",
-  { forwardAsChild: !0 }
-);
-p(
-  "kbd",
-  "itemCommand"
-);
-p(Ie, "itemIndicator", {
-  forwardAsChild: !0,
-  defaultProps: { children: /* @__PURE__ */ e.jsx(ot, { boxSize: "4" }) }
-});
-const Pt = p(de, "item", { forwardAsChild: !0 });
-p(be, "itemGroup", { forwardAsChild: !0 });
-p(
-  je,
-  "item",
-  { forwardAsChild: !0 }
-);
-const It = ({
-  hideCaret: o = !1,
-  size: n = "md",
-  text: t,
-  textProps: s,
-  variant: r,
-  ...u
-}) => /* @__PURE__ */ e.jsxs(
-  L,
-  {
-    className: "Menu__Button",
-    "data-testid": "kibble-menu-button",
-    size: n,
-    variant: r,
-    ...u,
-    children: [
-      t && /* @__PURE__ */ e.jsx(
-        V,
-        {
-          className: "Menu__ButtonText",
-          "data-testid": "kibble-menu-button-text",
-          fontWeight: "semibold",
-          size: n,
-          color: r ? "inherit" : s?.color || "text.contrast",
-          truncate: !0,
-          ...s,
-          children: t
-        }
-      ),
-      !o && /* @__PURE__ */ e.jsx(
-        w,
-        {
-          className: "Menu__ButtonCaret",
-          "data-testid": "kibble-menu-button-caret",
-          children: /* @__PURE__ */ e.jsx(ne, { name: "chevronDown", size: n === "lg" ? "sm" : "xs" })
-        }
-      )
-    ]
-  }
-), vt = ({
-  label: o,
-  leftElement: n,
-  onSelect: t,
-  shouldTruncateText: s,
-  type: r = "default",
-  variant: u,
-  ...c
-}) => {
-  const l = b(() => {
-    t && t(c.value);
-  }, [t, c.value]);
-  if (r === "submenu") {
-    const { valueText: M, listProps: P } = c;
-    return /* @__PURE__ */ e.jsx(
-      Ct,
-      {
-        submenuTrigger: /* @__PURE__ */ e.jsxs(
-          ft,
-          {
-            className: "Menu__Item--Submenu",
-            "data-testid": "kibble-menu-item-submenu",
-            justifyContent: "space-between",
-            "aria-valuetext": M,
-            children: [
-              /* @__PURE__ */ e.jsx(
-                $,
-                {
-                  label: o,
-                  leftElement: n,
-                  shouldTruncateText: s,
-                  variant: u
-                }
-              ),
-              /* @__PURE__ */ e.jsx(ne, { name: "chevronRight", size: "sm" })
-            ]
-          }
-        ),
-        portalled: !0,
-        listProps: P
-      }
-    );
-  }
-  if (r === "checkbox") {
-    const { checked: M, value: P, closeOnSelect: j, ...v } = c;
-    return /* @__PURE__ */ e.jsxs(
-      Pt,
-      {
-        className: "Menu__Item--Checkbox",
-        "data-testid": "kibble-menu-item-checkbox",
-        value: P,
-        checked: !!M,
-        onCheckedChange: l,
-        closeOnSelect: j || !1,
-        gap: 3,
-        ...v,
-        children: [
-          /* @__PURE__ */ e.jsx(qe, { checked: !!M, size: "md" }),
-          /* @__PURE__ */ e.jsx(
-            $,
-            {
-              label: o,
-              leftElement: n,
-              shouldTruncateText: s,
-              variant: u
-            }
-          )
-        ]
-      }
-    );
-  }
-  if (r === "default") {
-    const {
-      selected: M = !1,
-      value: P,
-      ...j
-    } = c;
-    return /* @__PURE__ */ e.jsx(
-      Mt,
-      {
-        className: "Menu__Item--Default",
-        "data-testid": "kibble-menu-item-default",
-        value: P,
-        onSelect: l,
-        ...M && { bgColor: "background.secondaryAlpha.hover" },
-        ...j,
-        children: /* @__PURE__ */ e.jsx(
-          $,
-          {
-            label: o,
-            leftElement: n,
-            shouldTruncateText: s,
-            variant: M ? "info" : u
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ e.jsx(e.Fragment, {});
-}, $ = ({
-  label: o,
-  leftElement: n,
-  shouldTruncateText: t,
-  variant: s
-}) => /* @__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 = ({
-  groupName: o,
-  hasSelectedItems: n = !1,
-  onToggle: t
-}) => {
-  const s = !!o;
-  return /* @__PURE__ */ e.jsx(
-    G,
-    {
-      className: "Menu__ToggleButtons",
-      "data-testid": "kibble-menu-toggle-buttons",
-      ...s ? { textAlign: "right", w: "50%" } : { mt: 2 },
-      children: s ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n ? /* @__PURE__ */ e.jsx(
-        te,
-        {
-          hasSelectedItems: n,
-          groupName: o,
-          onToggle: t
-        }
-      ) : /* @__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,
-          {
-            hasSelectedItems: n,
-            groupName: o,
-            onToggle: t
-          }
-        )
-      ] })
-    }
-  );
-}, ee = ({
-  groupName: o,
-  onToggle: n
-}) => /* @__PURE__ */ e.jsx(
-  L,
-  {
-    variant: "ghost",
-    size: "xs",
-    onClick: () => n({ groupName: o, clear: !1 }),
-    children: "Select All"
-  }
-), te = ({
-  hasSelectedItems: o,
-  groupName: n,
-  onToggle: t
-}) => /* @__PURE__ */ e.jsx(
-  L,
-  {
-    variant: "ghostNeutral",
-    iconName: "arrowCircle",
-    size: "xs",
-    disabled: !o,
-    onClick: () => t({ groupName: n, clear: !0 }),
-    children: "Clear All"
-  }
-), Ct = ({
-  buttonProps: o,
-  listProps: n,
-  portalled: t = !1,
-  submenuTrigger: s,
-  ...r
-}) => {
-  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: _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 = 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(v);
-      else {
-        const h = v.filter((f) => !!(typeof f.label == "string" ? f.label : f.valueText)?.toLowerCase().includes(i.toLowerCase()));
-        R(h);
-      }
-    },
-    [v, O]
-  ), Q = b(
-    ({ groupName: a, clear: i }) => {
-      let h = [];
-      if (a) {
-        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 ? [] : k.map((f) => f.value);
-      E?.(h), I.setValue(h);
-    },
-    [k, E, I]
-  ), Le = b(
-    (a) => {
-      a.onSelect?.(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" && I.toggleValue(a.value);
-    },
-    [D, I]
-  ), Ve = b(
-    (a) => {
-      a || (_(""), R(v));
-    },
-    [v]
-  );
-  return /* @__PURE__ */ e.jsxs(
-    lt,
-    {
-      ...r,
-      onOpenChange: (a) => {
-        Ve(a.open), r.onOpenChange?.(a);
-      },
-      children: [
-        s || /* @__PURE__ */ e.jsx(
-          dt,
-          {
-            asChild: !0,
-            className: "Menu__Trigger",
-            "data-testid": "kibble-menu-trigger",
-            children: /* @__PURE__ */ e.jsx(It, { ...o })
-          }
-        ),
-        /* @__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: j,
-            minW: Oe,
-            ...$e,
-            children: [
-              (H || c) && /* @__PURE__ */ e.jsxs(
-                G,
-                {
-                  className: "Menu__Header",
-                  "data-testid": "kibble-menu-header",
-                  m: "0 12px 8px",
-                  children: [
-                    H && /* @__PURE__ */ e.jsx(
-                      He,
-                      {
-                        className: "Menu__SearchBar",
-                        "data-testid": "kibble-menu-search-bar",
-                        placeholder: _e,
-                        onChange: J,
-                        size: "sm",
-                        value: Be,
-                        clearable: !0,
-                        onClear: () => {
-                          _(""), J({
-                            target: { value: "" }
-                          });
-                        },
-                        formControlStyle: { mt: 1 }
-                      }
-                    ),
-                    c && !!k.length && /* @__PURE__ */ e.jsx(
-                      Z,
-                      {
-                        onToggle: Q,
-                        hasSelectedItems: !!I.value.length
-                      }
-                    )
-                  ]
-                }
-              ),
-              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(
-                  (T) => I.value.includes(T)
-                );
-                return /* @__PURE__ */ e.jsxs(C, { children: [
-                  !h && /* @__PURE__ */ e.jsx(gt, { children: /* @__PURE__ */ e.jsxs(
-                    w,
-                    {
-                      alignItems: "center",
-                      justifyContent: "space-between",
-                      children: [
-                        a,
-                        l && f.includes("checkbox") && /* @__PURE__ */ e.jsx(
-                          Z,
-                          {
-                            groupName: a,
-                            onToggle: Q,
-                            hasSelectedItems: ze
-                          }
-                        )
-                      ]
-                    }
-                  ) }),
-                  Object.entries(i).map(
-                    ([T, We]) => We.map((y, De) => /* @__PURE__ */ e.jsx(
-                      vt,
-                      {
-                        ...y,
-                        shouldTruncateText: Re,
-                        ...y.type === "checkbox" && {
-                          checked: I.isChecked(y.value)
-                        },
-                        onSelect: () => Le(y)
-                      },
-                      `menu-item-${a}-${T}-${De}`
-                    ))
-                  )
-                ] }, a);
-              }) }) : /* @__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 }) }) }) })
-            ]
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-export {
-  Ct as M
-};
-//# sourceMappingURL=menu.component-CTze16Re.js.map