@adyen/bento-vue3 1.67.0 → 1.68.0

package/dist/chunks/{menu.CeLJ1gIz.js → menu.C-3obPGl.js}

@@ -1,53 +1,54 @@
-import { createElementBlock as L, openBlock as p, mergeProps as X, createCommentVNode as w, createElementVNode as P, toDisplayString as V, defineComponent as W, computed as E, resolveComponent as B, createBlock as S, normalizeClass as Q, createSlots as ee, withCtx as I, createVNode as $, createTextVNode as j, resolveDynamicComponent as re, ref as c, inject as te, toHandlers as ce, renderSlot as G, onMounted as ne, Transition as de, withKeys as g, withModifiers as U, Fragment as oe, renderList as se, watch as me, nextTick as q, normalizeStyle as le, useSlots as fe, provide as pe, unref as h } from "vue";
-import { B as ie, D as ve } from "./divider.qUOSAbU6.js";
-import { a as be, B as ye } from "./popover.VI3TrUkL.js";
-import { u as Ce } from "./use-click-outside.BnhTgpSt.js";
-import { u as he } from "./use-has-slot.B7eQSabc.js";
-import { g as _e } from "./generate-uid.NJ8tVoha.js";
-import { u as Ie } from "./i18n.B6g5VX0q.js";
-import { B as ge, p as ke } from "./typography.DN5eC5ch.js";
-import { C as Me } from "./chevron-down.DCQ6ZLaq.js";
+import { createElementBlock as T, openBlock as p, mergeProps as q, createCommentVNode as O, createElementVNode as W, toDisplayString as G, defineComponent as A, computed as E, resolveComponent as B, createBlock as S, normalizeClass as ee, createSlots as te, withCtx as _, createVNode as $, createTextVNode as z, resolveDynamicComponent as ce, ref as r, inject as ne, toHandlers as de, renderSlot as X, onMounted as oe, Transition as me, withKeys as g, withModifiers as V, Fragment as se, renderList as le, watch as fe, nextTick as Y, normalizeStyle as ie, useSlots as pe, provide as ve, unref as h } from "vue";
+import { B as ue, D as be } from "./divider.qUOSAbU6.js";
+import { B as ye } from "./popover.DYgCCUCJ.js";
+import { B as Ce } from "./popover.types.V8old-GW.js";
+import { u as he } from "./use-click-outside.BnhTgpSt.js";
+import { u as _e } from "./use-has-slot.B7eQSabc.js";
+import { g as Ie } from "./generate-uid.NJ8tVoha.js";
+import { u as ge } from "./i18n.B6g5VX0q.js";
+import { B as ke, p as Me } from "./typography.DN5eC5ch.js";
+import { C as Be } from "./chevron-down.DCQ6ZLaq.js";
 /* empty css              */
 import { _ as R } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as Be } from "./toggle-button.NQwrfSr1.js";
-import { B as Se } from "./teleport.CfGWjxe2.js";
-import { a as $e, C as z } from "./chevron-right.Brdj0WlO.js";
-import { a as J, B as Ee } from "./base-button.DdNFlbgH.js";
-import { t as Le } from "./truncate.BfIl_-71.js";
+import { B as Se } from "./toggle-button.NQwrfSr1.js";
+import { B as $e } from "./teleport.CfGWjxe2.js";
+import { a as Ee, C as J } from "./chevron-right.Brdj0WlO.js";
+import { a as Z, B as Le } from "./base-button.DdNFlbgH.js";
+import { t as Te } from "./truncate.BfIl_-71.js";
 import "../assets/menu.css";
-const Te = Symbol("menu inverse style injection key");
-let Z = 0;
-const we = {
+const we = Symbol("menu inverse style injection key");
+let Q = 0;
+const Oe = {
   beforeCreate() {
-    this.uuid = Z.toString(), Z += 1;
+    this.uuid = Q.toString(), Q += 1;
   }
-}, Oe = { key: 0 };
-function Ne(e, o, v, s, d, b) {
-  return p(), L("svg", X({ role: "img" }, e.$attrs, {
+}, Ne = { key: 0 };
+function Re(e, o, v, s, c, b) {
+  return p(), T("svg", q({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (p(), L("title", Oe, V(e.$attrs["svg-title"]), 1)) : w("", !0),
-    o[0] || (o[0] = P("path", {
+    e.$attrs["svg-title"] ? (p(), T("title", Ne, G(e.$attrs["svg-title"]), 1)) : O("", !0),
+    o[0] || (o[0] = W("path", {
       fill: "#001222",
       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)),
-    o[1] || (o[1] = P("path", {
+    o[1] || (o[1] = W("path", {
       fill: "#001222",
       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)),
-    o[2] || (o[2] = P("path", {
+    o[2] || (o[2] = W("path", {
       fill: "#001222",
       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 Re = /* @__PURE__ */ R(we, [["render", Ne]]), De = W({
+const De = /* @__PURE__ */ R(Oe, [["render", Re]]), Pe = A({
   name: "menu-item",
-  components: { BaseButton: Ee, BentoTypography: ge, ChevronRightIcon: $e },
+  components: { BaseButton: Le, BentoTypography: ke, ChevronRightIcon: Ee },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -115,41 +116,41 @@ const Re = /* @__PURE__ */ R(we, [["render", Ne]]), De = W({
       default: !1
     }
   },
-  emits: [J.CLICK],
+  emits: [Z.CLICK],
   setup(e, { emit: o }) {
     const s = E(() => ({
       "b-menu-item--critical": e.critical,
       "b-menu-item--indent": e.indent
-    })), d = E(() => Le(e.secondaryText, 10));
+    })), c = E(() => Te(e.secondaryText, 10));
     return {
       // Values
       conditionalClasses: s,
-      computedSecondaryText: d,
+      computedSecondaryText: c,
       // Methods
       onClick: (i) => {
-        i.stopPropagation(), e.handler(), o(J.CLICK);
+        i.stopPropagation(), e.handler(), o(Z.CLICK);
       }
     };
   }
 });
-function Pe(e, o, v, s, d, b) {
+function We(e, o, v, s, c, b) {
   const i = B("bento-typography"), a = B("chevron-right-icon"), u = B("base-button");
   return p(), S(u, {
-    class: Q(["b-menu-item", e.conditionalClasses]),
+    class: ee(["b-menu-item", e.conditionalClasses]),
     role: "menuitem",
     disabled: e.disabled,
     tabindex: "-1",
     onClick: e.onClick
-  }, ee({
-    default: I(() => [
+  }, te({
+    default: _(() => [
       $(i, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
-        default: I(() => [
-          j(V(e.text), 1)
+        default: _(() => [
+          z(G(e.text), 1)
         ]),
         _: 1
       }, 8, ["stronger"]),
@@ -159,18 +160,18 @@ function Pe(e, o, v, s, d, b) {
         variant: "body",
         class: "b-menu-item__secondary-text"
       }, {
-        default: I(() => [
-          j(V(e.computedSecondaryText), 1)
+        default: _(() => [
+          z(G(e.computedSecondaryText), 1)
         ]),
         _: 1
-      })) : w("", !0)
+      })) : O("", !0)
     ]),
     _: 2
   }, [
     e.icon ? {
       name: "iconLeft",
-      fn: I(() => [
-        (p(), S(re(e.icon), {
+      fn: _(() => [
+        (p(), S(ce(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
         }))
@@ -179,48 +180,48 @@ function Pe(e, o, v, s, d, b) {
     } : void 0,
     e.chevron ? {
       name: "iconRight",
-      fn: I(() => [
+      fn: _(() => [
         $(a, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const ue = /* @__PURE__ */ R(De, [["render", Pe], ["__scopeId", "data-v-4cecac65"]]);
+const ae = /* @__PURE__ */ R(Pe, [["render", We], ["__scopeId", "data-v-4cecac65"]]);
 var M = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(M || {});
-const We = Symbol("menu registering injection key"), Ke = {
+const Ae = Symbol("menu registering injection key"), Ke = {
   name: "bento-menu-list-container"
-}, Ae = /* @__PURE__ */ W({
+}, He = /* @__PURE__ */ A({
   ...Ke,
   setup(e) {
-    const o = c(), v = c({}), s = te(
-      We,
+    const o = r(), v = r({}), s = ne(
+      Ae,
       !1
     );
     if (s) {
-      const { registerMenuContainerElement: d } = s;
-      d(o), v.value = {
+      const { registerMenuContainerElement: c } = s;
+      c(o), v.value = {
         mouseleave: s == null ? void 0 : s.menuMouseLeave
       };
     }
-    return (d, b) => (p(), L("div", X({
+    return (c, b) => (p(), T("div", q({
       ref_key: "menuListContainerRef",
       ref: o,
       class: "b-menu-list-container",
       "data-testid": "menu-list-container"
-    }, ce(v.value, !0)), [
-      G(d.$slots, "default", {}, void 0, !0)
+    }, de(v.value, !0)), [
+      X(c.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), ae = /* @__PURE__ */ R(Ae, [["__scopeId", "data-v-02a3ca45"]]), Y = {
+}), re = /* @__PURE__ */ R(He, [["__scopeId", "data-v-02a3ca45"]]), j = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
   }
-}, xe = W({
-  i18n: { messages: Y },
+}, xe = A({
+  i18n: { messages: j },
   name: "sub-menu-item-list",
-  components: { BentoDivider: ie, MenuItem: ue, MenuListContainer: ae },
+  components: { BentoDivider: ue, MenuItem: ae, MenuListContainer: re },
   props: {
     items: {
       type: Array,
@@ -233,7 +234,7 @@ const We = Symbol("menu registering injection key"), Ke = {
   },
   emits: [M.CLOSE, M.BACK],
   setup(e, { emit: o }) {
-    const v = c(null), s = c(0), d = c(e.items.length), b = () => o(M.CLOSE), i = () => o(M.BACK), a = E(() => {
+    const v = r(null), s = r(0), c = r(e.items.length), b = () => o(M.CLOSE), i = () => o(M.BACK), a = E(() => {
       var m;
       const l = (m = e.items) == null ? void 0 : m.map((f) => ({
         ...f,
@@ -246,7 +247,7 @@ const We = Symbol("menu registering injection key"), Ke = {
           text: e.title,
           secondaryText: null,
           critical: !1,
-          icon: z,
+          icon: J,
           isTitle: !0,
           disabled: !1,
           indent: !1,
@@ -260,13 +261,13 @@ const We = Symbol("menu registering injection key"), Ke = {
       var l, m, f, y, k;
       (k = (y = (f = (m = (l = v.value) == null ? void 0 : l.children) == null ? void 0 : m[s.value]) == null ? void 0 : f.children) == null ? void 0 : y[0]) == null || k.focus();
     };
-    ne(async () => {
+    oe(async () => {
       setTimeout(() => u(), 150);
     });
     const n = () => {
-      s.value > 0 ? (s.value -= 1, a.value[s.value].disabled && n()) : s.value = d.value, u();
+      s.value > 0 ? (s.value -= 1, a.value[s.value].disabled && n()) : s.value = c.value, u();
     }, t = () => {
-      s.value < d.value ? (s.value += 1, a.value[s.value].disabled && t()) : s.value = 0, u();
+      s.value < c.value ? (s.value += 1, a.value[s.value].disabled && t()) : s.value = 0, u();
     };
     return {
       // Enums
@@ -274,7 +275,7 @@ const We = Symbol("menu registering injection key"), Ke = {
       // Values
       subMenuItemListRefLocal: v,
       subMenuFocusedIndex: s,
-      ChevronLeftIcon: z,
+      ChevronLeftIcon: J,
       computedItems: a,
       // Methods
       closeMenu: b,
@@ -284,26 +285,26 @@ const We = Symbol("menu registering injection key"), Ke = {
     };
   }
 });
-function He(e, o, v, s, d, b) {
+function Fe(e, o, v, s, c, b) {
   const i = B("menu-item"), a = B("bento-divider"), u = B("menu-list-container");
-  return p(), S(de, {
+  return p(), S(me, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
-    default: I(() => [
+    default: _(() => [
       $(u, { class: "b-sub-menu-item-list" }, {
-        default: I(() => [
-          P("ul", {
+        default: _(() => [
+          W("ul", {
             ref: "subMenuItemListRefLocal",
             role: "menu",
             class: "b-sub-menu-item-list__list",
             onKeydown: [
-              o[0] || (o[0] = g(U((...n) => e.focusNext && e.focusNext(...n), ["stop"]), ["down"])),
-              o[1] || (o[1] = g(U((...n) => e.focusPrevious && e.focusPrevious(...n), ["stop"]), ["up"])),
-              o[2] || (o[2] = g(U((...n) => e.onBackButton && e.onBackButton(...n), ["stop"]), ["esc"]))
+              o[0] || (o[0] = g(V((...n) => e.focusNext && e.focusNext(...n), ["stop"]), ["down"])),
+              o[1] || (o[1] = g(V((...n) => e.focusPrevious && e.focusPrevious(...n), ["stop"]), ["up"])),
+              o[2] || (o[2] = g(V((...n) => e.onBackButton && e.onBackButton(...n), ["stop"]), ["esc"]))
             ]
           }, [
-            (p(!0), L(oe, null, se(e.computedItems, (n, t) => (p(), L("li", {
+            (p(!0), T(se, null, le(e.computedItems, (n, t) => (p(), T("li", {
               key: `sub-menu-item-list-item-${t}`,
               role: "none"
             }, [
@@ -322,7 +323,7 @@ function He(e, o, v, s, d, b) {
               n.addDivider ? (p(), S(a, {
                 key: 0,
                 class: "b-sub-menu-item-list__divider"
-              })) : w("", !0)
+              })) : O("", !0)
             ]))), 128))
           ], 544)
         ]),
@@ -332,9 +333,9 @@ function He(e, o, v, s, d, b) {
     _: 1
   });
 }
-const Fe = /* @__PURE__ */ R(xe, [["render", He], ["__scopeId", "data-v-621db243"]]);
-function Ue(e, o, v) {
-  const b = c(0), i = c(0), a = (n) => {
+const Ue = /* @__PURE__ */ R(xe, [["render", Fe], ["__scopeId", "data-v-621db243"]]);
+function Ve(e, o, v) {
+  const b = r(0), i = r(0), a = (n) => {
     if (!n || !n.parentElement)
       return;
     const t = n.parentElement, l = n.cloneNode(!0);
@@ -344,10 +345,10 @@ function Ue(e, o, v) {
     const y = l.offsetHeight;
     i.value = y, t.removeChild(l), i.value = y;
   };
-  return me([o, v], async ([n]) => {
+  return fe([o, v], async ([n]) => {
     var t, l;
     if (n !== null) {
-      await q();
+      await Y();
       const m = (l = (t = e.value) == null ? void 0 : t[0]) == null ? void 0 : l.$el;
       m && a(m);
     } else
@@ -357,9 +358,9 @@ function Ue(e, o, v) {
     return v.value && (i.value > 0 && (n.height = `${i.value}px`), b.value > 0 && (n.width = `${b.value}px`)), n;
   }) };
 }
-const Ve = W({
+const Ge = A({
   name: "menu-item-list",
-  components: { BentoDivider: ie, MenuItem: ue, MenuListContainer: ae, SubMenuItemList: Fe },
+  components: { BentoDivider: ue, MenuItem: ae, MenuListContainer: re, SubMenuItemList: Ue },
   props: {
     /**
      * The data to be displayed in the list
@@ -392,29 +393,29 @@ const Ve = W({
   },
   emits: [M.CLOSE, "menu-item-click"],
   setup(e, { emit: o, expose: v }) {
-    const s = c(null), d = c(null), b = c(null), i = c(null), a = c(!1), u = c(null), n = c(e.focusLastElement ? e.data.length - 1 : 0), t = c(0), l = c(e.data.length - 1), m = E(() => e.data.some((C) => C.icon)), f = E(() => e.indentItems || m.value ? e.data.map((C) => {
-      let _ = !1;
-      return C.icon || (_ = !0), {
+    const s = r(null), c = r(null), b = r(null), i = r(null), a = r(!1), u = r(null), n = r(e.focusLastElement ? e.data.length - 1 : 0), t = r(0), l = r(e.data.length - 1), m = E(() => e.data.some((C) => C.icon)), f = E(() => e.indentItems || m.value ? e.data.map((C) => {
+      let I = !1;
+      return C.icon || (I = !0), {
         ...C,
-        indent: _
+        indent: I
       };
     }) : e.data), y = async () => {
-      var C, _, r;
-      await q(), (r = (_ = (C = d.value) == null ? void 0 : C.children[n.value]) == null ? void 0 : _.children[0]) == null || r.focus();
-    }, k = () => o(M.CLOSE), O = (C, _) => {
+      var C, I, L;
+      await Y(), (L = (I = (C = c.value) == null ? void 0 : C.children[n.value]) == null ? void 0 : I.children[0]) == null || L.focus();
+    }, k = () => o(M.CLOSE), N = (C, I) => {
       if (C.items) {
-        u.value = _, a.value = !0;
+        u.value = I, a.value = !0;
         return;
       }
-      u.value = _, a.value = !1, !C.skipClose && e.closeMenuOnItemSelect !== !1 && k(), o("menu-item-click");
+      u.value = I, a.value = !1, !C.skipClose && e.closeMenuOnItemSelect !== !1 && k(), o("menu-item-click");
     }, K = () => {
       n.value > 0 ? (n.value -= 1, f.value[n.value].disabled && K()) : n.value = l.value, y();
-    }, N = () => {
-      n.value < l.value ? (n.value += 1, f.value[n.value].disabled && N()) : n.value = 0, y();
-    }, T = (C, _) => {
-      var r;
-      (r = C == null ? void 0 : C.items) != null && r.length && (u.value = _, a.value = !0);
-    }, A = () => {
+    }, H = () => {
+      n.value < l.value ? (n.value += 1, f.value[n.value].disabled && H()) : n.value = 0, y();
+    }, D = (C, I) => {
+      var L;
+      (L = C == null ? void 0 : C.items) != null && L.length && (u.value = I, a.value = !0);
+    }, w = () => {
       u.value && a.value && (u.value = null, a.value = !1);
     }, x = () => {
       a.value = !1, u.value = null, y();
@@ -422,38 +423,38 @@ const Ve = W({
     v({
       focusItem: y
     });
-    const { computedStyle: H } = Ue(i, u, a);
+    const { computedStyle: F } = Ve(i, u, a);
     return {
       // Values
-      menuItemListRef: d,
+      menuItemListRef: c,
       menuItemListWrapperRef: b,
       subMenuItemListRef: i,
       menuItemRef: s,
       computedData: f,
-      computedStyle: H,
+      computedStyle: F,
       focusedIndex: n,
       subMenuFocusedIndex: t,
       showSubMenu: a,
       visibleSubMenuIndex: u,
       // Methods
-      menuItemClick: O,
+      menuItemClick: N,
       closeMenu: k,
       focusPrevious: K,
-      focusNext: N,
-      focusRight: T,
-      focusLeft: A,
+      focusNext: H,
+      focusRight: D,
+      focusLeft: w,
       onBackButton: x
     };
   }
-}), Ge = ["onKeydown"];
-function Xe(e, o, v, s, d, b) {
+}), Xe = ["onKeydown"];
+function qe(e, o, v, s, c, b) {
   const i = B("menu-item"), a = B("bento-divider"), u = B("sub-menu-item-list"), n = B("menu-list-container");
   return p(), S(n, {
     ref: "menuItemListWrapperRef",
-    style: le(e.computedStyle)
+    style: ie(e.computedStyle)
   }, {
-    default: I(() => [
-      P("ul", {
+    default: _(() => [
+      W("ul", {
         ref: "menuItemListRef",
         class: "b-menu-item-list",
         role: "menu",
@@ -464,17 +465,17 @@ function Xe(e, o, v, s, d, b) {
           o[4] || (o[4] = g((...t) => e.closeMenu && e.closeMenu(...t), ["tab"]))
         ]
       }, [
-        (p(!0), L(oe, null, se(e.computedData, (t, l) => {
+        (p(!0), T(se, null, le(e.computedData, (t, l) => {
           var m, f, y, k;
-          return p(), L("li", {
+          return p(), T("li", {
             key: `menu-item-${l}`,
             ref_for: !0,
             ref: "menuItemRef",
             class: "b-menu-item-list__item",
             role: "none",
             onKeydown: [
-              g((O) => e.focusRight(t, l), ["right"]),
-              o[0] || (o[0] = g((O) => e.focusLeft(), ["left"]))
+              g((N) => e.focusRight(t, l), ["right"]),
+              o[0] || (o[0] = g((N) => e.focusLeft(), ["left"]))
             ]
           }, [
             $(i, {
@@ -489,12 +490,12 @@ function Xe(e, o, v, s, d, b) {
               tabindex: l === e.subMenuFocusedIndex ? "0" : "-1",
               "aria-haspopup": !!((y = t.items) != null && y.length),
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === l,
-              onClick: (O) => e.menuItemClick(t, l)
+              onClick: (N) => e.menuItemClick(t, l)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
             t.addDivider ? (p(), S(a, {
               key: 0,
               class: "b-menu-item-list__divider"
-            })) : w("", !0),
+            })) : O("", !0),
             (k = t.items) != null && k.length && e.showSubMenu && e.visibleSubMenuIndex === l ? (p(), S(u, {
               key: 1,
               ref_for: !0,
@@ -503,19 +504,19 @@ function Xe(e, o, v, s, d, b) {
               title: t.text,
               onBack: e.onBackButton,
               onClose: e.closeMenu
-            }, null, 8, ["items", "title", "onBack", "onClose"])) : w("", !0)
-          ], 40, Ge);
+            }, null, 8, ["items", "title", "onBack", "onClose"])) : O("", !0)
+          ], 40, Xe);
         }), 128))
       ], 544)
     ]),
     _: 1
   }, 8, ["style"]);
 }
-const qe = /* @__PURE__ */ R(Ve, [["render", Xe], ["__scopeId", "data-v-999aa4e9"]]), Ye = {
-  i18n: { messages: Y },
+const Ye = /* @__PURE__ */ R(Ge, [["render", qe], ["__scopeId", "data-v-999aa4e9"]]), je = {
+  i18n: { messages: j },
   name: "bento-menu"
-}, je = /* @__PURE__ */ W({
-  ...Ye,
+}, ze = /* @__PURE__ */ A({
+  ...je,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -523,7 +524,7 @@ const qe = /* @__PURE__ */ R(Ve, [["render", Xe], ["__scopeId", "data-v-999aa4e9
     closeMenuOnItemSelect: { type: Boolean, default: !0 },
     data: {},
     disableArrowDownOpeningMenu: { type: Boolean, default: !1 },
-    menuPosition: { default: be.BOTTOM_START },
+    menuPosition: { default: Ce.BOTTOM_START },
     menuFixedPositioning: { type: Boolean, default: !1 },
     menuWidth: { default: null },
     revertFocusToButton: { type: Boolean, default: !0 },
@@ -532,73 +533,74 @@ const qe = /* @__PURE__ */ R(Ve, [["render", Xe], ["__scopeId", "data-v-999aa4e9
   },
   emits: ["menu-item-click", "click-outside"],
   setup(e, { expose: o, emit: v }) {
-    var _;
-    const s = e, d = v, b = fe(), i = he(b), { t: a } = Ie({ messages: Y }), u = c(null), n = c(null), t = c(!1), l = c(!1), m = c(null), f = _e("menu"), y = te(Te, c(!1));
-    pe(ve, y);
+    var L;
+    const s = e, c = v, b = pe(), i = _e(b), { t: a } = ge({ messages: j }), u = r(null), n = r(null), t = r(!1), l = r(!1), m = r(null), f = Ie("menu"), y = ne(we, r(!1));
+    ve(be, y);
     const k = E(() => ({
       "b-menu--inverse": y.value
-    })), O = E(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), K = E(() => {
+    })), N = E(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), K = E(() => {
       if (s != null && s.button)
         return {
           variant: "secondary",
           ...s.button
         };
-    }), N = () => {
-      t.value = !0, d(M.OPEN);
-    }, T = async (r = s.revertFocusToButton) => {
-      var D, F;
-      t.value && (t.value = !1, r && (await q(), (F = (D = u.value) == null ? void 0 : D.$el) == null || F.focus()), d(M.CLOSE));
-    }, A = (r) => {
-      r.stopPropagation(), t.value ? T() : N();
-    }, x = (r) => {
-      r.preventDefault(), l.value = !1, s.disableArrowDownOpeningMenu || N();
-    }, H = (r) => {
-      r.preventDefault(), l.value = !0, N();
-    }, C = () => {
-      d("menu-item-click");
+    }), H = (d) => d == null ? void 0 : d["aria-label"], D = () => {
+      t.value = !0, c(M.OPEN);
+    }, w = async (d = s.revertFocusToButton) => {
+      var P, U;
+      t.value && (t.value = !1, d && (await Y(), (U = (P = u.value) == null ? void 0 : P.$el) == null || U.focus()), c(M.CLOSE));
+    }, x = (d) => {
+      d.stopPropagation(), t.value ? w() : D();
+    }, F = (d) => {
+      d.preventDefault(), l.value = !1, s.disableArrowDownOpeningMenu || D();
+    }, C = (d) => {
+      d.preventDefault(), l.value = !0, D();
+    }, I = () => {
+      c("menu-item-click");
     };
-    return Ce(
+    return he(
       m,
       () => {
-        T(), d("click-outside");
+        w(), c("click-outside");
       },
       {
         ...s.closeOnClickOutsideOptions,
-        ignore: [u, ...((_ = s.closeOnClickOutsideOptions) == null ? void 0 : _.ignore) ?? []]
+        ignore: [u, ...((L = s.closeOnClickOutsideOptions) == null ? void 0 : L.ignore) ?? []]
       }
     ), o({
       /**
        * Control to enable programmatic closing of the menu
        */
-      closeMenu: T
-    }), ne(() => {
-      i("iconRight") && ke(
+      closeMenu: w
+    }), oe(() => {
+      i("iconRight") && Me(
         '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
       );
-    }), (r, D) => (p(), L("div", {
-      class: Q([k.value, "b-menu"]),
+    }), (d, P) => (p(), T("div", {
+      class: ee([k.value, "b-menu"]),
       "data-testid": "menu",
       onKeydown: [
-        g(x, ["down"]),
-        g(H, ["up"]),
-        D[0] || (D[0] = g((F) => T(), ["esc"]))
+        g(F, ["down"]),
+        g(C, ["up"]),
+        P[0] || (P[0] = g((U) => w(), ["esc"]))
       ]
     }, [
-      $(h(Be), X({
+      $(h(Se), q({
         ref_key: "menuButtonRef",
         ref: u,
         "aria-haspopup": "true"
       }, K.value, {
         "aria-controls": t.value ? h(f) : null,
+        "aria-label": H(d.$attrs),
         toggled: t.value,
         inverse: h(y),
-        onClick: A
-      }), ee({ _: 2 }, [
+        onClick: x
+      }), te({ _: 2 }, [
         !h(i)("default") || h(i)("iconLeft") ? {
           name: "iconLeft",
-          fn: I(() => [
-            G(r.$slots, "iconLeft", {}, () => [
-              $(h(Re), {
+          fn: _(() => [
+            X(d.$slots, "iconLeft", {}, () => [
+              $(h(De), {
                 title: h(a)("menuButton")
               }, null, 8, ["title"])
             ], !0)
@@ -607,24 +609,24 @@ const qe = /* @__PURE__ */ R(Ve, [["render", Xe], ["__scopeId", "data-v-999aa4e9
         } : void 0,
         h(i)("default") ? {
           name: "default",
-          fn: I(() => [
-            G(r.$slots, "default", {}, void 0, !0)
+          fn: _(() => [
+            X(d.$slots, "default", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         h(i)("default") ? {
           name: "iconRight",
-          fn: I(() => [
-            $(h(Me))
+          fn: _(() => [
+            $(h(Be))
           ]),
           key: "2"
         } : void 0
-      ]), 1040, ["aria-controls", "toggled", "inverse"]),
-      u.value ? (p(), S(h(Se), {
+      ]), 1040, ["aria-controls", "aria-label", "toggled", "inverse"]),
+      u.value ? (p(), S(h($e), {
         key: 0,
-        disabled: !r.teleport
+        disabled: !d.teleport
       }, {
-        default: I(() => [
+        default: _(() => [
           u.value ? (p(), S(h(ye), {
             key: 0,
             id: h(f),
@@ -633,10 +635,10 @@ const qe = /* @__PURE__ */ R(Ve, [["render", Xe], ["__scopeId", "data-v-999aa4e9
             role: null,
             open: t.value,
             class: "b-menu__popover",
-            style: le(O.value),
+            style: ie(N.value),
             "target-element": u.value,
-            position: r.menuPosition,
-            "fixed-positioning": r.menuFixedPositioning,
+            position: d.menuPosition,
+            "fixed-positioning": d.menuFixedPositioning,
             "fallback-position": [
               "bottom-start",
               "bottom-end",
@@ -647,33 +649,33 @@ const qe = /* @__PURE__ */ R(Ve, [["render", Xe], ["__scopeId", "data-v-999aa4e9
               "left-start",
               "left-end"
             ],
-            teleport: r.teleport,
+            teleport: d.teleport,
             "without-space": ""
           }, {
-            default: I(() => [
-              $(h(qe), {
+            default: _(() => [
+              $(h(Ye), {
                 ref_key: "menuItemListRef",
                 ref: n,
-                "close-menu-on-item-select": r.closeMenuOnItemSelect,
-                data: r.data,
+                "close-menu-on-item-select": d.closeMenuOnItemSelect,
+                data: d.data,
                 "focus-last-element": l.value,
-                onClose: T,
-                onMenuItemClick: C
+                onClose: w,
+                onMenuItemClick: I
               }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element"])
             ]),
             _: 1
-          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : w("", !0)
+          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : O("", !0)
         ]),
         _: 1
-      }, 8, ["disabled"])) : w("", !0)
+      }, 8, ["disabled"])) : O("", !0)
     ], 34));
   }
-}), mt = /* @__PURE__ */ R(je, [["__scopeId", "data-v-6f029bdb"]]);
+}), pt = /* @__PURE__ */ R(ze, [["__scopeId", "data-v-b6ba391e"]]);
 export {
-  mt as B,
-  We as D,
-  Te as M,
-  Re as O,
+  pt as B,
+  Ae as D,
+  we as M,
+  De as O,
   M as a
 };
-//# sourceMappingURL=menu.CeLJ1gIz.js.map
+//# sourceMappingURL=menu.C-3obPGl.js.map