@adyen/bento-vue3 1.8.0 → 1.9.0

package/dist/chunks/{index.d2542c6a.js → index.73ed22a7.js}

@@ -1,50 +1,45 @@
-import { openBlock as f, createElementBlock as L, mergeProps as q, toDisplayString as P, createCommentVNode as K, pushScopeId as oe, popScopeId as se, createElementVNode as O, defineComponent as E, computed as B, resolveComponent as h, createBlock as S, normalizeClass as N, createSlots as ie, withCtx as I, createVNode as k, createTextVNode as F, resolveDynamicComponent as le, renderSlot as j, ref as p, onMounted as ue, Transition as ae, withKeys as y, withModifiers as T, Fragment as Z, renderList as z, normalizeStyle as G, inject as re, resolveDirective as ce, withDirectives as de } from "vue";
-import { _ as w } from "./_plugin-vue_export-helper.dad06003.js";
-import { g as W } from "./unique-id.a2a2b458.js";
-import { B as me } from "./directive.0408e565.js";
-import { a as pe } from "./button.82ed953e.js";
-import { a as fe, B as A } from "./index.726e2f3c.js";
-import { a as ve, C as H } from "./chevron-left.2fd6b083.js";
-import { B as _e, a as U } from "./base-button.aa085dfa.js";
-import { B as be } from "./index.75f3672e.js";
-import "../assets/index38.css";
-let V = 0;
-const ye = {
+import { openBlock as f, createElementBlock as L, mergeProps as V, toDisplayString as P, createCommentVNode as K, createElementVNode as O, defineComponent as E, computed as B, resolveComponent as h, createBlock as w, normalizeClass as N, createSlots as te, withCtx as M, createVNode as k, createTextVNode as D, resolveDynamicComponent as oe, renderSlot as q, ref as p, onMounted as se, Transition as ie, withKeys as y, withModifiers as T, Fragment as j, renderList as Z, normalizeStyle as z, inject as ue, resolveDirective as ae, withDirectives as le } from "vue";
+import { _ as S } from "./_plugin-vue_export-helper.dad06003.js";
+import { g as F } from "./unique-id.a2a2b458.js";
+import { B as re } from "./directive.0408e565.js";
+import { a as ce } from "./button.82ed953e.js";
+import { a as de, B as W } from "./index.98174339.js";
+import { a as me, C as A } from "./chevron-left.4ee92950.js";
+import { B as pe, a as H } from "./base-button.aa085dfa.js";
+import { B as fe } from "./index.75f3672e.js";
+import "../assets/index26.css";
+let U = 0;
+const ve = {
   beforeCreate() {
-    this.uuid = V.toString(), V += 1;
+    this.uuid = U.toString(), U += 1;
   }
-}, R = (e) => (oe("data-v-c663a42e"), e = e(), se(), e), Ce = { key: 0 }, he = /* @__PURE__ */ R(() => /* @__PURE__ */ O("path", {
+}, _e = { key: 0 }, be = /* @__PURE__ */ O("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  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.00166 0.970945 7.70006 1.00065 7.42597 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.65804 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z",
-  "clip-rule": "evenodd"
-}, null, -1)), ge = /* @__PURE__ */ R(() => /* @__PURE__ */ O("path", {
+  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), ye = /* @__PURE__ */ O("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  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.00166 11.9709 7.70006 12.0007 7.42597 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.65804 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z",
-  "clip-rule": "evenodd"
-}, null, -1)), Ie = /* @__PURE__ */ R(() => /* @__PURE__ */ O("path", {
+  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), Ce = /* @__PURE__ */ O("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  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.65804 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.42597 6.61418C7.70006 6.50065 8.00166 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",
-  "clip-rule": "evenodd"
-}, null, -1));
-function Me(e, t, m, s, r, a) {
-  return f(), L("svg", q({ role: "img" }, e.$attrs, {
+  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 he(e, t, m, s, r, l) {
+  return f(), L("svg", V({ 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"] ? (f(), L("title", Ce, P(e.$attrs["svg-title"]), 1)) : K("", !0),
-    he,
-    ge,
-    Ie
+    e.$attrs["svg-title"] ? (f(), L("title", _e, P(e.$attrs["svg-title"]), 1)) : K("", !0),
+    be,
+    ye,
+    Ce
   ], 16);
 }
-const $e = /* @__PURE__ */ w(ye, [["render", Me], ["__scopeId", "data-v-c663a42e"]]), Be = E({
+const ge = /* @__PURE__ */ S(ve, [["render", he]]), Me = E({
   name: "menu-item",
-  components: { BaseButton: _e, BentoTypography: be, ChevronRightIcon: ve },
+  components: { BaseButton: pe, BentoTypography: fe, ChevronRightIcon: me },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -112,7 +107,7 @@ const $e = /* @__PURE__ */ w(ye, [["render", Me], ["__scopeId", "data-v-c663a42e
       default: !1
     }
   },
-  emits: [U.CLICK],
+  emits: [H.CLICK],
   setup(e, { emit: t }) {
     return {
       // Values
@@ -122,40 +117,40 @@ const $e = /* @__PURE__ */ w(ye, [["render", Me], ["__scopeId", "data-v-c663a42e
       })),
       // Methods
       onClick: (r) => {
-        r.stopPropagation(), e.handler(), t(U.CLICK);
+        r.stopPropagation(), e.handler(), t(H.CLICK);
       }
     };
   }
 });
-function ke(e, t, m, s, r, a) {
-  const l = h("bento-typography"), i = h("chevron-right-icon"), o = h("base-button");
-  return f(), S(o, {
+function $e(e, t, m, s, r, l) {
+  const u = h("bento-typography"), i = h("chevron-right-icon"), o = h("base-button");
+  return f(), w(o, {
     class: N(["b-menu-item", e.conditionalClasses]),
     role: "menuitem",
     disabled: e.disabled,
     tabindex: "-1",
     onClick: e.onClick
-  }, ie({
-    default: I(() => [
-      k(l, {
+  }, te({
+    default: M(() => [
+      k(u, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
-        default: I(() => [
-          F(P(e.text), 1)
+        default: M(() => [
+          D(P(e.text), 1)
         ]),
         _: 1
       }, 8, ["stronger"]),
-      e.secondaryText ? (f(), S(l, {
+      e.secondaryText ? (f(), w(u, {
         key: 0,
         el: "span",
         variant: "body",
         class: "b-menu-item__secondary-text"
       }, {
-        default: I(() => [
-          F(P(e.secondaryText), 1)
+        default: M(() => [
+          D(P(e.secondaryText), 1)
         ]),
         _: 1
       })) : K("", !0)
@@ -164,8 +159,8 @@ function ke(e, t, m, s, r, a) {
   }, [
     e.icon ? {
       name: "iconLeft",
-      fn: I(() => [
-        (f(), S(le(e.icon), {
+      fn: M(() => [
+        (f(), w(oe(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
         }))
@@ -174,33 +169,33 @@ function ke(e, t, m, s, r, a) {
     } : void 0,
     e.chevron ? {
       name: "iconRight",
-      fn: I(() => [
+      fn: M(() => [
         k(i, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const J = /* @__PURE__ */ w(Be, [["render", ke], ["__scopeId", "data-v-9e8afd9c"]]);
+const G = /* @__PURE__ */ S(Me, [["render", $e], ["__scopeId", "data-v-9e8afd9c"]]);
 var C = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(C || {});
-const Le = E({
+const Ie = E({
   name: "bento-menu-list-container"
 });
-const Se = { class: "b-menu-list-container" };
-function we(e, t, m, s, r, a) {
-  return f(), L("div", Se, [
-    j(e.$slots, "default", {}, void 0, !0)
+const Be = { class: "b-menu-list-container" };
+function ke(e, t, m, s, r, l) {
+  return f(), L("div", Be, [
+    q(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Y = /* @__PURE__ */ w(Le, [["render", we], ["__scopeId", "data-v-ea0113ba"]]), Q = {
+const J = /* @__PURE__ */ S(Ie, [["render", ke], ["__scopeId", "data-v-ea0113ba"]]), Y = {
   "en-US": {
     menuButton: "Open menu",
     backButton: "Go back"
   }
-}, Oe = E({
-  i18n: { messages: Q },
+}, Le = E({
+  i18n: { messages: Y },
   name: "sub-menu-item-list",
-  components: { MenuItem: J, MenuListContainer: Y },
+  components: { MenuItem: G, MenuListContainer: J },
   props: {
     items: {
       type: Array,
@@ -213,33 +208,33 @@ const Y = /* @__PURE__ */ w(Le, [["render", we], ["__scopeId", "data-v-ea0113ba"
   },
   emits: [C.CLOSE, C.BACK],
   setup(e, { emit: t }) {
-    const m = p(null), s = p(0), r = p(e.items.length), a = () => t(C.CLOSE), l = () => t(C.BACK), i = B(() => {
+    const m = p(null), s = p(0), r = p(e.items.length), l = () => t(C.CLOSE), u = () => t(C.BACK), i = B(() => {
       var v;
-      const u = (v = e.items) == null ? void 0 : v.map((b) => ({
+      const a = (v = e.items) == null ? void 0 : v.map((b) => ({
         ...b,
         indent: !b.icon,
         isTitle: !1,
-        clickHandler: a
+        clickHandler: l
       }));
       return [
         {
           text: e.title,
           secondaryText: null,
           critical: !1,
-          icon: H,
+          icon: A,
           isTitle: !0,
           disabled: !1,
           indent: !1,
-          handler: l,
-          clickHandler: l
+          handler: u,
+          clickHandler: u
         },
-        ...u
+        ...a
       ];
     }), o = async () => {
-      var u, v, b, M, g;
-      (g = (M = (b = (v = (u = m.value) == null ? void 0 : u.children) == null ? void 0 : v[s.value]) == null ? void 0 : b.children) == null ? void 0 : M[0]) == null || g.focus();
+      var a, v, b, $, g;
+      (g = ($ = (b = (v = (a = m.value) == null ? void 0 : a.children) == null ? void 0 : v[s.value]) == null ? void 0 : b.children) == null ? void 0 : $[0]) == null || g.focus();
     };
-    ue(async () => {
+    se(async () => {
       setTimeout(() => o(), 150);
     });
     const n = () => {
@@ -253,25 +248,25 @@ const Y = /* @__PURE__ */ w(Le, [["render", we], ["__scopeId", "data-v-ea0113ba"
       // Values
       subMenuItemListRefLocal: m,
       subMenuFocusedIndex: s,
-      ChevronLeftIcon: H,
+      ChevronLeftIcon: A,
       computedItems: i,
       // Methods
-      closeMenu: a,
-      onBackButton: l,
+      closeMenu: l,
+      onBackButton: u,
       focusPrevious: n,
       focusNext: c
     };
   }
 });
-function Ee(e, t, m, s, r, a) {
-  const l = h("menu-item"), i = h("menu-list-container");
-  return f(), S(ae, {
+function we(e, t, m, s, r, l) {
+  const u = h("menu-item"), i = h("menu-list-container");
+  return f(), w(ie, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
-    default: I(() => [
+    default: M(() => [
       k(i, { class: "b-sub-menu-item-list" }, {
-        default: I(() => [
+        default: M(() => [
           O("ul", {
             ref: "subMenuItemListRefLocal",
             role: "menu",
@@ -282,7 +277,7 @@ function Ee(e, t, m, s, r, a) {
               t[2] || (t[2] = y(T((...o) => e.onBackButton && e.onBackButton(...o), ["stop"]), ["esc"]))
             ]
           }, [
-            (f(!0), L(Z, null, z(e.computedItems, (o, n) => (f(), L("li", {
+            (f(!0), L(j, null, Z(e.computedItems, (o, n) => (f(), L("li", {
               key: `sub-menu-item-list-item-${n}`,
               class: N([
                 { "b-sub-menu-item-list__back-button": n === 0 },
@@ -290,7 +285,7 @@ function Ee(e, t, m, s, r, a) {
               ]),
               role: "none"
             }, [
-              k(l, {
+              k(u, {
                 text: o.text,
                 handler: o.handler,
                 "secondary-text": o.secondaryText,
@@ -311,9 +306,9 @@ function Ee(e, t, m, s, r, a) {
     _: 1
   });
 }
-const Ke = /* @__PURE__ */ w(Oe, [["render", Ee], ["__scopeId", "data-v-67456329"]]), Te = E({
+const Se = /* @__PURE__ */ S(Le, [["render", we], ["__scopeId", "data-v-67456329"]]), Oe = E({
   name: "menu-item-list",
-  components: { MenuItem: J, MenuListContainer: Y, SubMenuItemList: Ke },
+  components: { MenuItem: G, MenuListContainer: J, SubMenuItemList: Se },
   props: {
     /**
      * The data to be displayed in the list
@@ -339,7 +334,7 @@ const Ke = /* @__PURE__ */ w(Oe, [["render", Ee], ["__scopeId", "data-v-67456329
   },
   emits: [C.CLOSE],
   setup(e, { emit: t }) {
-    const m = p(null), s = p(null), r = p(null), a = p(!1), l = p(null), i = p(e.focusLastElement ? e.data.length - 1 : 0), o = p(0), n = p(e.data.length - 1), c = B(() => e.data.some((d) => d.icon)), u = B(() => e.indentItems || c.value ? e.data.map((d) => {
+    const m = p(null), s = p(null), r = p(null), l = p(!1), u = p(null), i = p(e.focusLastElement ? e.data.length - 1 : 0), o = p(0), n = p(e.data.length - 1), c = B(() => e.data.some((d) => d.icon)), a = B(() => e.indentItems || c.value ? e.data.map((d) => {
       let _ = !1;
       return d.icon || (_ = !0), {
         ...d,
@@ -347,55 +342,55 @@ const Ke = /* @__PURE__ */ w(Oe, [["render", Ee], ["__scopeId", "data-v-67456329
         indent: _
       };
     }) : e.data), v = () => {
-      var d, _, $;
-      return ($ = (_ = (d = m.value) == null ? void 0 : d.children[i.value]) == null ? void 0 : _.children[0]) == null ? void 0 : $.focus();
-    }, b = () => t(C.CLOSE), M = async (d, _) => {
-      d.items ? (l.value = _, a.value = !0) : (l.value = _, a.value = !1, b());
+      var d, _, I;
+      return (I = (_ = (d = m.value) == null ? void 0 : d.children[i.value]) == null ? void 0 : _.children[0]) == null ? void 0 : I.focus();
+    }, b = () => t(C.CLOSE), $ = async (d, _) => {
+      d.items ? (u.value = _, l.value = !0) : (u.value = _, l.value = !1, b());
     }, g = () => {
-      i.value > 0 ? (i.value -= 1, u.value[i.value].disabled && g()) : i.value = n.value, v();
-    }, D = () => {
-      i.value < n.value ? (i.value += 1, u.value[i.value].disabled && D()) : i.value = 0, v();
-    }, X = (d, _) => {
-      var $;
-      ($ = d == null ? void 0 : d.items) != null && $.length && (l.value = _, a.value = !0);
+      i.value > 0 ? (i.value -= 1, a.value[i.value].disabled && g()) : i.value = n.value, v();
+    }, R = () => {
+      i.value < n.value ? (i.value += 1, a.value[i.value].disabled && R()) : i.value = 0, v();
+    }, Q = (d, _) => {
+      var I;
+      (I = d == null ? void 0 : d.items) != null && I.length && (u.value = _, l.value = !0);
+    }, X = () => {
+      u.value && l.value && (u.value = null, l.value = !1);
     }, x = () => {
-      l.value && a.value && (l.value = null, a.value = !1);
-    }, ee = () => {
-      a.value = !1, l.value = null, v();
-    }, ne = B(() => {
-      var d, _, $;
-      return ($ = (_ = (d = r.value) == null ? void 0 : d[0]) == null ? void 0 : _.$el) == null ? void 0 : $.offsetHeight;
-    }), te = B(() => a.value ? `${ne.value}px` : "");
+      l.value = !1, u.value = null, v();
+    }, ee = B(() => {
+      var d, _, I;
+      return (I = (_ = (d = r.value) == null ? void 0 : d[0]) == null ? void 0 : _.$el) == null ? void 0 : I.offsetHeight;
+    }), ne = B(() => l.value ? `${ee.value}px` : "");
     return {
       // Values
       menuItemListRef: m,
       menuItemListWrapperRef: s,
       subMenuItemListRef: r,
-      computedData: u,
-      computedHeight: te,
+      computedData: a,
+      computedHeight: ne,
       focusedIndex: i,
       subMenuFocusedIndex: o,
-      showSubMenu: a,
-      visibleSubMenuIndex: l,
+      showSubMenu: l,
+      visibleSubMenuIndex: u,
       // Methods
-      toggleMenu: M,
+      toggleMenu: $,
       closeMenu: b,
       focusPrevious: g,
-      focusNext: D,
-      focusRight: X,
-      focusLeft: x,
-      onBackButton: ee
+      focusNext: R,
+      focusRight: Q,
+      focusLeft: X,
+      onBackButton: x
     };
   }
 });
-const Pe = ["onKeydown"];
-function Ne(e, t, m, s, r, a) {
-  const l = h("menu-item"), i = h("sub-menu-item-list"), o = h("menu-list-container");
-  return f(), S(o, {
+const Ee = ["onKeydown"];
+function Ke(e, t, m, s, r, l) {
+  const u = h("menu-item"), i = h("sub-menu-item-list"), o = h("menu-list-container");
+  return f(), w(o, {
     ref: "menuItemListWrapperRef",
-    style: G({ height: e.computedHeight })
+    style: z({ height: e.computedHeight })
   }, {
-    default: I(() => [
+    default: M(() => [
       O("ul", {
         ref: "menuItemListRef",
         class: "b-menu-item-list",
@@ -407,8 +402,8 @@ function Ne(e, t, m, s, r, a) {
           t[4] || (t[4] = y((...n) => e.closeMenu && e.closeMenu(...n), ["tab"]))
         ]
       }, [
-        (f(!0), L(Z, null, z(e.computedData, (n, c) => {
-          var u, v, b, M;
+        (f(!0), L(j, null, Z(e.computedData, (n, c) => {
+          var a, v, b, $;
           return f(), L("li", {
             key: `menu-item-${c}`,
             class: "b-menu-item-list__item",
@@ -418,9 +413,9 @@ function Ne(e, t, m, s, r, a) {
               t[0] || (t[0] = y((g) => e.focusLeft(), ["left"]))
             ]
           }, [
-            k(l, {
+            k(u, {
               text: n.text,
-              handler: (u = n.items) != null && u.length ? () => null : n.handler,
+              handler: (a = n.items) != null && a.length ? () => null : n.handler,
               "secondary-text": n.secondaryText,
               icon: n.icon,
               chevron: !!((v = n.items) != null && v.length),
@@ -432,7 +427,7 @@ function Ne(e, t, m, s, r, a) {
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === c,
               onClick: (g) => e.toggleMenu(n, c)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
-            (M = n.items) != null && M.length && e.showSubMenu && e.visibleSubMenuIndex === c ? (f(), S(i, {
+            ($ = n.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === c ? (f(), w(i, {
               key: 0,
               ref_for: !0,
               ref: "subMenuItemListRef",
@@ -441,18 +436,18 @@ function Ne(e, t, m, s, r, a) {
               onBack: e.onBackButton,
               onClose: e.closeMenu
             }, null, 8, ["items", "title", "onBack", "onClose"])) : K("", !0)
-          ], 40, Pe);
+          ], 40, Ee);
         }), 128))
       ], 544)
     ]),
     _: 1
   }, 8, ["style"]);
 }
-const Re = /* @__PURE__ */ w(Te, [["render", Ne], ["__scopeId", "data-v-aa350acc"]]), De = Symbol("menu inverse style injection key"), Fe = E({
-  i18n: { messages: Q },
+const Te = /* @__PURE__ */ S(Oe, [["render", Ke], ["__scopeId", "data-v-aa350acc"]]), Pe = Symbol("menu inverse style injection key"), Ne = E({
+  i18n: { messages: Y },
   name: "bento-menu",
-  components: { BentoButton: pe, BentoPopover: fe, MenuItemList: Re, OptionsVerticalIcon: $e },
-  directives: { BentoClickOutsideDirective: me },
+  components: { BentoButton: ce, BentoPopover: de, MenuItemList: Te, OptionsVerticalIcon: ge },
+  directives: { BentoClickOutsideDirective: re },
   props: {
     /**
      * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.
@@ -475,8 +470,8 @@ const Re = /* @__PURE__ */ w(Te, [["render", Ne], ["__scopeId", "data-v-aa350acc
      */
     menuPosition: {
       type: String,
-      default: A.BOTTOM_START,
-      validator: (e) => Object.values(A).includes(e)
+      default: W.BOTTOM_START,
+      validator: (e) => Object.values(W).includes(e)
     },
     /**
      * Instructs the menu popover to be visible outside of the containing container.
@@ -496,18 +491,18 @@ const Re = /* @__PURE__ */ w(Te, [["render", Ne], ["__scopeId", "data-v-aa350acc
   },
   emits: [C.CLOSE, C.OPEN],
   setup(e, { emit: t }) {
-    const m = p(null), s = p(!1), r = p(!1), a = W("menu"), l = W("menu-popover"), i = re(De, p(!1)), o = B(() => ({
+    const m = p(null), s = p(!1), r = p(!1), l = F("menu"), u = F("menu-popover"), i = ue(Pe, p(!1)), o = B(() => ({
       "b-menu--inverse": i.value
     })), n = B(() => e.menuWidth ? { width: `${e.menuWidth}px` } : null), c = () => {
       s.value = !0, t(C.OPEN);
-    }, u = () => {
+    }, a = () => {
       s.value && (s.value = !1, m.value.$el.focus(), t(C.CLOSE));
     };
     return {
       // Values
       menuButtonRef: m,
-      menuId: a,
-      popoverId: l,
+      menuId: l,
+      popoverId: u,
       showMenu: s,
       computedMenuWidth: n,
       isLastElementFocused: r,
@@ -521,24 +516,24 @@ const Re = /* @__PURE__ */ w(Te, [["render", Ne], ["__scopeId", "data-v-aa350acc
       onKeyUp: () => {
         r.value = !0, c();
       },
-      closeMenu: u,
+      closeMenu: a,
       toggleShowMenu: (g) => {
-        g.stopPropagation(), s.value ? u() : c();
+        g.stopPropagation(), s.value ? a() : c();
       }
     };
   }
 });
-function We(e, t, m, s, r, a) {
-  const l = h("options-vertical-icon"), i = h("bento-button"), o = h("menu-item-list"), n = h("bento-popover"), c = ce("bento-click-outside-directive");
-  return de((f(), L("div", {
+function Re(e, t, m, s, r, l) {
+  const u = h("options-vertical-icon"), i = h("bento-button"), o = h("menu-item-list"), n = h("bento-popover"), c = ae("bento-click-outside-directive");
+  return le((f(), L("div", {
     class: N([e.computedClasses, "b-menu"]),
     onKeydown: [
-      t[0] || (t[0] = y((...u) => e.onKeyDown && e.onKeyDown(...u), ["down"])),
-      t[1] || (t[1] = y((...u) => e.onKeyUp && e.onKeyUp(...u), ["up"])),
-      t[2] || (t[2] = y((...u) => e.closeMenu && e.closeMenu(...u), ["esc"]))
+      t[0] || (t[0] = y((...a) => e.onKeyDown && e.onKeyDown(...a), ["down"])),
+      t[1] || (t[1] = y((...a) => e.onKeyUp && e.onKeyUp(...a), ["up"])),
+      t[2] || (t[2] = y((...a) => e.closeMenu && e.closeMenu(...a), ["esc"]))
     ]
   }, [
-    k(i, q({
+    k(i, V({
       ref: "menuButtonRef",
       "aria-haspopup": "true"
     }, e.button, {
@@ -547,21 +542,21 @@ function We(e, t, m, s, r, a) {
       inverse: e.isInverseColorSet,
       onClick: e.toggleShowMenu
     }), {
-      iconLeft: I(() => [
-        j(e.$slots, "default", {}, () => [
-          k(l, {
+      iconLeft: M(() => [
+        q(e.$slots, "default", {}, () => [
+          k(u, {
             title: e.$t("menuButton")
           }, null, 8, ["title"])
         ], !0)
       ]),
       _: 3
     }, 16, ["aria-expanded", "aria-controls", "inverse", "onClick"]),
-    e.menuButtonRef ? (f(), S(n, {
+    e.menuButtonRef ? (f(), w(n, {
       key: 0,
       id: e.menuId,
       open: e.showMenu,
       class: "b-menu__popover",
-      style: G(e.computedMenuWidth),
+      style: z(e.computedMenuWidth),
       "target-element": e.menuButtonRef,
       position: e.menuPosition,
       "fixed-positioning": e.menuFixedPositioning,
@@ -577,7 +572,7 @@ function We(e, t, m, s, r, a) {
       ],
       "without-space": ""
     }, {
-      default: I(() => [
+      default: M(() => [
         k(o, {
           data: e.data,
           "focus-last-element": e.isLastElementFocused,
@@ -590,10 +585,10 @@ function We(e, t, m, s, r, a) {
     [c, e.closeMenu]
   ]);
 }
-const Je = /* @__PURE__ */ w(Fe, [["render", We], ["__scopeId", "data-v-7849afd2"]]);
+const Ze = /* @__PURE__ */ S(Ne, [["render", Re], ["__scopeId", "data-v-7849afd2"]]);
 export {
-  Je as B,
-  De as M,
+  Ze as B,
+  Pe as M,
   C as a
 };
-//# sourceMappingURL=index.d2542c6a.js.map
+//# sourceMappingURL=index.73ed22a7.js.map