@adyen/bento-vue3 1.32.0 → 1.33.0

package/dist/chunks/{menu.CE8khC0O.js → menu.DFMKn3Zr.js}

@@ -1,20 +1,20 @@
-import { defineComponent as T, computed as M, resolveComponent as v, openBlock as c, createBlock as B, normalizeClass as Z, createSlots as z, withCtx as h, createVNode as L, createTextVNode as U, toDisplayString as H, createCommentVNode as R, resolveDynamicComponent as ie, ref as d, inject as Q, createElementBlock as S, mergeProps as V, toHandlers as ue, renderSlot as O, onMounted as le, Transition as ae, createElementVNode as N, withKeys as I, withModifiers as W, Fragment as X, renderList as x, normalizeStyle as ee, provide as re } from "vue";
+import { defineComponent as N, computed as _, resolveComponent as v, openBlock as c, createBlock as M, normalizeClass as Z, createSlots as z, withCtx as g, createVNode as L, createTextVNode as U, toDisplayString as H, createCommentVNode as R, resolveDynamicComponent as ie, ref as d, inject as Q, createElementBlock as S, mergeProps as V, toHandlers as ue, renderSlot as O, onMounted as le, Transition as ae, createElementVNode as T, withKeys as I, withModifiers as W, Fragment as X, renderList as x, normalizeStyle as ee, provide as re } from "vue";
 import { g as j } from "./unique-id.XFfoKuc2.js";
-import { B as de, a as q } from "./popover.BSGQxusD.js";
-import { B as te, D as ce } from "./divider.CnwfddJD.js";
+import { B as de, a as q } from "./popover.CczC6Fhk.js";
+import { B as te, D as ce } from "./divider.ugNXYI-T.js";
 import { u as me } from "./use-click-outside.D6aIgS15.js";
 import { u as fe } from "./use-has-slot.B7eQSabc.js";
-import { u as pe } from "./i18n.DY5YXG5f.js";
+import { u as pe } from "./i18n.DL9GT2-k.js";
 import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as ve } from "./toggle-button.CYVGUQYj.js";
+import { B as ve } from "./toggle-button.CBRd1v6x.js";
 import { B as be } from "./teleport.L8qFCYpr.js";
-import { a as Ce, C as G } from "./chevron-left.4JHuWe7i.js";
-import { B as ye, a as J } from "./base-button.jyEuuRdl.js";
-import { B as he } from "./typography.CSIykcgS.js";
+import { a as Ce, C as G } from "./chevron-left.NvV5m76j.js";
+import { B as ye, a as J } from "./base-button.BxUrydaP.js";
+import { B as ge } from "./typography.z9P0Ec3Q.js";
 import "../assets/menu.css";
-const ge = T({
+const he = N({
   name: "menu-item",
-  components: { BaseButton: ye, BentoTypography: he, ChevronRightIcon: Ce },
+  components: { BaseButton: ye, BentoTypography: ge, ChevronRightIcon: Ce },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -86,7 +86,7 @@ const ge = T({
   setup(e, { emit: t }) {
     return {
       // Values
-      conditionalClasses: M(() => ({
+      conditionalClasses: _(() => ({
         "b-menu-item--critical": e.critical,
         "b-menu-item--indent": e.indent
       })),
@@ -99,32 +99,32 @@ const ge = T({
 });
 function Ie(e, t, m, s, r, l) {
   const u = v("bento-typography"), i = v("chevron-right-icon"), p = v("base-button");
-  return c(), B(p, {
+  return c(), M(p, {
     class: Z(["b-menu-item", e.conditionalClasses]),
     role: "menuitem",
     disabled: e.disabled,
     tabindex: "-1",
     onClick: e.onClick
   }, z({
-    default: h(() => [
+    default: g(() => [
       L(u, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
-        default: h(() => [
+        default: g(() => [
           U(H(e.text), 1)
         ]),
         _: 1
       }, 8, ["stronger"]),
-      e.secondaryText ? (c(), B(u, {
+      e.secondaryText ? (c(), M(u, {
         key: 0,
         el: "span",
         variant: "body",
         class: "b-menu-item__secondary-text"
       }, {
-        default: h(() => [
+        default: g(() => [
           U(H(e.secondaryText), 1)
         ]),
         _: 1
@@ -134,8 +134,8 @@ function Ie(e, t, m, s, r, l) {
   }, [
     e.icon ? {
       name: "iconLeft",
-      fn: h(() => [
-        (c(), B(ie(e.icon), {
+      fn: g(() => [
+        (c(), M(ie(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
         }))
@@ -144,22 +144,22 @@ function Ie(e, t, m, s, r, l) {
     } : void 0,
     e.chevron ? {
       name: "iconRight",
-      fn: h(() => [
+      fn: g(() => [
         L(i, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const ne = /* @__PURE__ */ w(ge, [["render", Ie], ["__scopeId", "data-v-9e8afd9c"]]);
-var _ = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(_ || {});
-const _e = Symbol("menu registering injection key"), ke = {
+const ne = /* @__PURE__ */ w(he, [["render", Ie], ["__scopeId", "data-v-9e8afd9c"]]);
+var k = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(k || {});
+const ke = Symbol("menu registering injection key"), Be = {
   name: "bento-menu-list-container"
-}, Be = /* @__PURE__ */ T({
-  ...ke,
+}, Me = /* @__PURE__ */ N({
+  ...Be,
   setup(e) {
     const t = d(), m = d({}), s = Q(
-      _e,
+      ke,
       !1
     );
     if (s) {
@@ -177,12 +177,12 @@ const _e = Symbol("menu registering injection key"), ke = {
       O(r.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), oe = /* @__PURE__ */ w(Be, [["__scopeId", "data-v-02a3ca45"]]), A = {
+}), oe = /* @__PURE__ */ w(Me, [["__scopeId", "data-v-02a3ca45"]]), A = {
   "en-US": {
     menuButton: "Open menu",
     backButton: "Go back"
   }
-}, Me = T({
+}, _e = N({
   i18n: { messages: A },
   name: "sub-menu-item-list",
   components: { BentoDivider: te, MenuItem: ne, MenuListContainer: oe },
@@ -196,9 +196,9 @@ const _e = Symbol("menu registering injection key"), ke = {
       required: !0
     }
   },
-  emits: [_.CLOSE, _.BACK],
+  emits: [k.CLOSE, k.BACK],
   setup(e, { emit: t }) {
-    const m = d(null), s = d(0), r = d(e.items.length), l = () => t(_.CLOSE), u = () => t(_.BACK), i = M(() => {
+    const m = d(null), s = d(0), r = d(e.items.length), l = () => t(k.CLOSE), u = () => t(k.BACK), i = _(() => {
       var b;
       const a = (b = e.items) == null ? void 0 : b.map((C) => ({
         ...C,
@@ -222,8 +222,8 @@ const _e = Symbol("menu registering injection key"), ke = {
         ...a
       ];
     }), p = async () => {
-      var a, b, C, k, g;
-      (g = (k = (C = (b = (a = m.value) == null ? void 0 : a.children) == null ? void 0 : b[s.value]) == null ? void 0 : C.children) == null ? void 0 : k[0]) == null || g.focus();
+      var a, b, C, B, h;
+      (h = (B = (C = (b = (a = m.value) == null ? void 0 : a.children) == null ? void 0 : b[s.value]) == null ? void 0 : C.children) == null ? void 0 : B[0]) == null || h.focus();
     };
     le(async () => {
       setTimeout(() => p(), 150);
@@ -235,7 +235,7 @@ const _e = Symbol("menu registering injection key"), ke = {
     };
     return {
       // Enums
-      BentoMenuEvent: _,
+      BentoMenuEvent: k,
       // Values
       subMenuItemListRefLocal: m,
       subMenuFocusedIndex: s,
@@ -251,14 +251,14 @@ const _e = Symbol("menu registering injection key"), ke = {
 });
 function $e(e, t, m, s, r, l) {
   const u = v("menu-item"), i = v("bento-divider"), p = v("menu-list-container");
-  return c(), B(ae, {
+  return c(), M(ae, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
-    default: h(() => [
+    default: g(() => [
       L(p, { class: "b-sub-menu-item-list" }, {
-        default: h(() => [
-          N("ul", {
+        default: g(() => [
+          T("ul", {
             ref: "subMenuItemListRefLocal",
             role: "menu",
             class: "b-sub-menu-item-list__list",
@@ -284,7 +284,7 @@ function $e(e, t, m, s, r, l) {
                 tabindex: n === e.subMenuFocusedIndex ? "0" : "-1",
                 onClick: o.clickHandler
               }, null, 8, ["text", "handler", "secondary-text", "icon", "is-title", "disabled", "critical", "indent", "tabindex", "onClick"]),
-              o.addDivider ? (c(), B(i, {
+              o.addDivider ? (c(), M(i, {
                 key: 0,
                 class: "b-sub-menu-item-list__divider"
               })) : R("", !0)
@@ -297,7 +297,7 @@ function $e(e, t, m, s, r, l) {
     _: 1
   });
 }
-const Le = /* @__PURE__ */ w(Me, [["render", $e], ["__scopeId", "data-v-621db243"]]), Se = T({
+const Le = /* @__PURE__ */ w(_e, [["render", $e], ["__scopeId", "data-v-621db243"]]), Se = N({
   name: "menu-item-list",
   components: { BentoDivider: te, MenuItem: ne, MenuListContainer: oe, SubMenuItemList: Le },
   props: {
@@ -323,9 +323,9 @@ const Le = /* @__PURE__ */ w(Me, [["render", $e], ["__scopeId", "data-v-621db243
       default: !1
     }
   },
-  emits: [_.CLOSE, "menu-item-click"],
+  emits: [k.CLOSE, "menu-item-click"],
   setup(e, { emit: t }) {
-    const m = d(null), s = d(null), r = d(null), l = d(!1), u = d(null), i = d(e.focusLastElement ? e.data.length - 1 : 0), p = d(0), o = d(e.data.length - 1), n = M(() => e.data.some((f) => f.icon)), a = M(() => e.indentItems || n.value ? e.data.map((f) => {
+    const m = d(null), s = d(null), r = d(null), l = d(!1), u = d(null), i = d(e.focusLastElement ? e.data.length - 1 : 0), p = d(0), o = d(e.data.length - 1), n = _(() => e.data.some((f) => f.icon)), a = _(() => e.indentItems || n.value ? e.data.map((f) => {
       let y = !1;
       return f.icon || (y = !0), {
         ...f,
@@ -335,10 +335,10 @@ const Le = /* @__PURE__ */ w(Me, [["render", $e], ["__scopeId", "data-v-621db243
     }) : e.data), b = () => {
       var f, y, $;
       return ($ = (y = (f = m.value) == null ? void 0 : f.children[i.value]) == null ? void 0 : y.children[0]) == null ? void 0 : $.focus();
-    }, C = () => t(_.CLOSE), k = (f, y) => {
+    }, C = () => t(k.CLOSE), B = (f, y) => {
       f.items ? (u.value = y, l.value = !0) : (u.value = y, l.value = !1, C(), t("menu-item-click"));
-    }, g = () => {
-      i.value > 0 ? (i.value -= 1, a.value[i.value].disabled && g()) : i.value = o.value, b();
+    }, h = () => {
+      i.value > 0 ? (i.value -= 1, a.value[i.value].disabled && h()) : i.value = o.value, b();
     }, E = () => {
       i.value < o.value ? (i.value += 1, a.value[i.value].disabled && E()) : i.value = 0, b();
     }, P = (f, y) => {
@@ -348,10 +348,10 @@ const Le = /* @__PURE__ */ w(Me, [["render", $e], ["__scopeId", "data-v-621db243
       u.value && l.value && (u.value = null, l.value = !1);
     }, D = () => {
       l.value = !1, u.value = null, b();
-    }, F = M(() => {
+    }, F = _(() => {
       var f, y, $;
       return ($ = (y = (f = r.value) == null ? void 0 : f[0]) == null ? void 0 : y.$el) == null ? void 0 : $.offsetHeight;
-    }), se = M(() => l.value ? `${F.value}px` : "");
+    }), se = _(() => l.value ? `${F.value}px` : "");
     return {
       // Values
       menuItemListRef: m,
@@ -364,9 +364,9 @@ const Le = /* @__PURE__ */ w(Me, [["render", $e], ["__scopeId", "data-v-621db243
       showSubMenu: l,
       visibleSubMenuIndex: u,
       // Methods
-      menuItemClick: k,
+      menuItemClick: B,
       closeMenu: C,
-      focusPrevious: g,
+      focusPrevious: h,
       focusNext: E,
       focusRight: P,
       focusLeft: K,
@@ -376,12 +376,12 @@ const Le = /* @__PURE__ */ w(Me, [["render", $e], ["__scopeId", "data-v-621db243
 }), Ee = ["onKeydown"];
 function Re(e, t, m, s, r, l) {
   const u = v("menu-item"), i = v("bento-divider"), p = v("sub-menu-item-list"), o = v("menu-list-container");
-  return c(), B(o, {
+  return c(), M(o, {
     ref: "menuItemListWrapperRef",
     style: ee({ height: e.computedHeight })
   }, {
-    default: h(() => [
-      N("ul", {
+    default: g(() => [
+      T("ul", {
         ref: "menuItemListRef",
         class: "b-menu-item-list",
         role: "menu",
@@ -393,7 +393,7 @@ function Re(e, t, m, s, r, l) {
         ]
       }, [
         (c(!0), S(X, null, x(e.computedData, (n, a) => {
-          var b, C, k, g;
+          var b, C, B, h;
           return c(), S("li", {
             key: `menu-item-${a}`,
             class: "b-menu-item-list__item",
@@ -413,15 +413,15 @@ function Re(e, t, m, s, r, l) {
               critical: n.critical,
               indent: n.indent,
               tabindex: a === e.subMenuFocusedIndex ? "0" : "-1",
-              "aria-haspopup": !!((k = n.items) != null && k.length),
+              "aria-haspopup": !!((B = n.items) != null && B.length),
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === a,
               onClick: (E) => e.menuItemClick(n, a)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
-            n.addDivider ? (c(), B(i, {
+            n.addDivider ? (c(), M(i, {
               key: 0,
               class: "b-menu-item-list__divider"
             })) : R("", !0),
-            (g = n.items) != null && g.length && e.showSubMenu && e.visibleSubMenuIndex === a ? (c(), B(p, {
+            (h = n.items) != null && h.length && e.showSubMenu && e.visibleSubMenuIndex === a ? (c(), M(p, {
               key: 1,
               ref_for: !0,
               ref: "subMenuItemListRef",
@@ -443,17 +443,8 @@ const Ne = {
   beforeCreate() {
     this.uuid = Y.toString(), Y += 1;
   }
-}, Oe = { key: 0 }, Pe = /* @__PURE__ */ N("path", {
-  fill: "#00112C",
-  d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z"
-}, null, -1), Ke = /* @__PURE__ */ N("path", {
-  fill: "#00112C",
-  d: "M8 15C8.29667 15 8.58668 14.912 8.83335 14.7472C9.08003 14.5824 9.27229 14.3481 9.38582 14.074C9.49935 13.7999 9.52906 13.4983 9.47118 13.2074C9.4133 12.9164 9.27044 12.6491 9.06066 12.4393C8.85088 12.2296 8.58361 12.0867 8.29264 12.0288C8.00167 11.9709 7.70006 12.0007 7.42598 12.1142C7.15189 12.2277 6.91762 12.42 6.7528 12.6666C6.58797 12.9133 6.5 13.2033 6.5 13.5C6.5 13.8978 6.65803 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z"
-}, null, -1), De = /* @__PURE__ */ N("path", {
-  fill: "#00112C",
-  d: "M8.83335 9.24721C8.58668 9.41203 8.29667 9.5 8 9.5C7.60218 9.5 7.22064 9.34197 6.93934 9.06066C6.65803 8.77936 6.5 8.39783 6.5 8C6.5 7.70333 6.58797 7.41332 6.7528 7.16665C6.91762 6.91997 7.15189 6.72771 7.42598 6.61418C7.70006 6.50065 8.00167 6.47094 8.29264 6.52882C8.58361 6.5867 8.85088 6.72956 9.06066 6.93934C9.27044 7.14912 9.4133 7.41639 9.47118 7.70737C9.52906 7.99834 9.49935 8.29994 9.38582 8.57403C9.27229 8.84811 9.08003 9.08238 8.83335 9.24721Z"
-}, null, -1);
-function Fe(e, t, m, s, r, l) {
+}, Oe = { key: 0 };
+function Pe(e, t, m, s, r, l) {
   return c(), S("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -462,15 +453,24 @@ function Fe(e, t, m, s, r, l) {
     fill: "none"
   }), [
     e.$attrs["svg-title"] ? (c(), S("title", Oe, H(e.$attrs["svg-title"]), 1)) : R("", !0),
-    Pe,
-    Ke,
-    De
+    t[0] || (t[0] = T("path", {
+      fill: "#00112C",
+      d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z"
+    }, null, -1)),
+    t[1] || (t[1] = T("path", {
+      fill: "#00112C",
+      d: "M8 15C8.29667 15 8.58668 14.912 8.83335 14.7472C9.08003 14.5824 9.27229 14.3481 9.38582 14.074C9.49935 13.7999 9.52906 13.4983 9.47118 13.2074C9.4133 12.9164 9.27044 12.6491 9.06066 12.4393C8.85088 12.2296 8.58361 12.0867 8.29264 12.0288C8.00167 11.9709 7.70006 12.0007 7.42598 12.1142C7.15189 12.2277 6.91762 12.42 6.7528 12.6666C6.58797 12.9133 6.5 13.2033 6.5 13.5C6.5 13.8978 6.65803 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z"
+    }, null, -1)),
+    t[2] || (t[2] = T("path", {
+      fill: "#00112C",
+      d: "M8.83335 9.24721C8.58668 9.41203 8.29667 9.5 8 9.5C7.60218 9.5 7.22064 9.34197 6.93934 9.06066C6.65803 8.77936 6.5 8.39783 6.5 8C6.5 7.70333 6.58797 7.41332 6.7528 7.16665C6.91762 6.91997 7.15189 6.72771 7.42598 6.61418C7.70006 6.50065 8.00167 6.47094 8.29264 6.52882C8.58361 6.5867 8.85088 6.72956 9.06066 6.93934C9.27044 7.14912 9.4133 7.41639 9.47118 7.70737C9.52906 7.99834 9.49935 8.29994 9.38582 8.57403C9.27229 8.84811 9.08003 9.08238 8.83335 9.24721Z"
+    }, null, -1))
   ], 16);
 }
-const We = /* @__PURE__ */ w(Ne, [["render", Fe]]), He = T({
+const Ke = /* @__PURE__ */ w(Ne, [["render", Pe]]), De = N({
   i18n: { messages: A },
   name: "bento-menu",
-  components: { BentoToggleButton: ve, BentoPopover: de, BentoTeleport: be, MenuItemList: we, OptionsVerticalIcon: We },
+  components: { BentoToggleButton: ve, BentoPopover: de, BentoTeleport: be, MenuItemList: we, OptionsVerticalIcon: Ke },
   props: {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -520,32 +520,32 @@ const We = /* @__PURE__ */ w(Ne, [["render", Fe]]), He = T({
       default: !1
     }
   },
-  emits: [_.CLOSE, _.OPEN, "menu-item-click"],
+  emits: [k.CLOSE, k.OPEN, "menu-item-click"],
   setup(e, { emit: t, slots: m }) {
     const { t: s } = pe({ messages: A }), r = d(null), l = d(!1), u = d(!1), i = d(null), p = j("menu"), o = j("menu-popover"), n = Q(Te, d(!1));
     re(ce, n);
-    const a = M(() => ({
+    const a = _(() => ({
       "b-menu--inverse": n.value
-    })), b = M(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), C = M(() => {
+    })), b = _(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), C = _(() => {
       if (e != null && e.button)
         return {
           variant: "secondary",
           ...e.button
         };
-    }), k = () => {
-      l.value = !0, t(_.OPEN);
-    }, g = () => {
-      l.value && (l.value = !1, r.value.$el.focus(), t(_.CLOSE));
+    }), B = () => {
+      l.value = !0, t(k.OPEN);
+    }, h = () => {
+      l.value && (l.value = !1, r.value.$el.focus(), t(k.CLOSE));
     }, E = (F) => {
-      F.stopPropagation(), l.value ? g() : k();
+      F.stopPropagation(), l.value ? h() : B();
     }, P = () => {
-      u.value = !1, k();
+      u.value = !1, B();
     }, K = () => {
-      u.value = !0, k();
+      u.value = !0, B();
     }, D = () => {
       t("menu-item-click");
     };
-    return me(i, g, { ignore: [r] }), {
+    return me(i, h, { ignore: [r] }), {
       // Refs
       popoverRef: i,
       menuButtonRef: r,
@@ -563,7 +563,7 @@ const We = /* @__PURE__ */ w(Ne, [["render", Fe]]), He = T({
       hasSlot: fe(m),
       onKeyDown: P,
       onKeyUp: K,
-      closeMenu: g,
+      closeMenu: h,
       menuItemClick: D,
       toggleShowMenu: E,
       // Translations
@@ -571,7 +571,7 @@ const We = /* @__PURE__ */ w(Ne, [["render", Fe]]), He = T({
     };
   }
 });
-function Ae(e, t, m, s, r, l) {
+function Fe(e, t, m, s, r, l) {
   const u = v("options-vertical-icon"), i = v("bento-toggle-button"), p = v("menu-item-list"), o = v("bento-popover"), n = v("bento-teleport");
   return c(), S("div", {
     class: Z([e.computedClasses, "b-menu"]),
@@ -592,7 +592,7 @@ function Ae(e, t, m, s, r, l) {
     }), z({ _: 2 }, [
       !e.hasSlot("default") || e.hasSlot("iconLeft") ? {
         name: "iconLeft",
-        fn: h(() => [
+        fn: g(() => [
           O(e.$slots, "iconLeft", {}, () => [
             L(u, {
               title: e.t("menuButton")
@@ -603,25 +603,25 @@ function Ae(e, t, m, s, r, l) {
       } : void 0,
       e.hasSlot("default") ? {
         name: "default",
-        fn: h(() => [
+        fn: g(() => [
           O(e.$slots, "default", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       e.hasSlot("iconRight") ? {
         name: "iconRight",
-        fn: h(() => [
+        fn: g(() => [
           O(e.$slots, "iconRight", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0
     ]), 1040, ["aria-controls", "toggled", "inverse", "onClick"]),
-    e.menuButtonRef ? (c(), B(n, {
+    e.menuButtonRef ? (c(), M(n, {
       key: 0,
       disabled: !e.teleport
     }, {
-      default: h(() => [
-        e.menuButtonRef ? (c(), B(o, {
+      default: g(() => [
+        e.menuButtonRef ? (c(), M(o, {
           key: 0,
           id: e.menuId,
           ref: "popoverRef",
@@ -644,7 +644,7 @@ function Ae(e, t, m, s, r, l) {
           teleport: e.teleport,
           "without-space": ""
         }, {
-          default: h(() => [
+          default: g(() => [
             L(p, {
               data: e.data,
               "focus-last-element": e.isLastElementFocused,
@@ -659,12 +659,12 @@ function Ae(e, t, m, s, r, l) {
     }, 8, ["disabled"])) : R("", !0)
   ], 34);
 }
-const tt = /* @__PURE__ */ w(He, [["render", Ae], ["__scopeId", "data-v-8de6bc80"]]);
+const Xe = /* @__PURE__ */ w(De, [["render", Fe], ["__scopeId", "data-v-8de6bc80"]]);
 export {
-  tt as B,
-  _e as D,
+  Xe as B,
+  ke as D,
   Te as M,
-  We as O,
-  _ as a
+  Ke as O,
+  k as a
 };
-//# sourceMappingURL=menu.CE8khC0O.js.map
+//# sourceMappingURL=menu.DFMKn3Zr.js.map