@adyen/bento-vue2 1.86.0 → 1.87.0

package/dist/chunks/{button-actions.VSc47LLH.js → button-actions.DyPS54Yi.js}

@@ -1,23 +1,23 @@
-import { defineComponent as g, useSlots as w, computed as p, onMounted as T, onUnmounted as j, useAttrs as se, inject as x, ref as c, toRefs as oe, watch as G, nextTick as N, toRef as Y, provide as ae } from "vue";
+import { defineComponent as g, useSlots as w, computed as p, onMounted as T, onUnmounted as j, useAttrs as se, inject as S, ref as c, toRefs as oe, watch as Y, nextTick as P, toRef as G, provide as ae } from "vue";
 import { B as b } from "./button.Ctj3rkxw.js";
 import { B as ie } from "./loading-indicator.PxbRzshH.js";
-import { C as re } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as le } from "./checkmark-circle-fill.BttTCjrM.js";
+import { C as le } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as re } from "./checkmark-circle-fill.BttTCjrM.js";
 import { u as D } from "./use-has-slot.C9lQZ6nz.js";
-import { u as H } from "./index.B6WW_F-J.js";
+import { u as J } from "./index.B6WW_F-J.js";
 import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { i as J } from "./index.Cl4_42j5.js";
+import { i as H } from "./index.Cl4_42j5.js";
 import { B as q, D as ue } from "./divider.DX5gwN7p.js";
 import { C as ce } from "./cross.CC_B-vG-.js";
-import { B as X, c as F, p as de } from "./typography.C8lPlsbD.js";
-import { a as fe, P as pe, b as _e } from "./popper-container.D4dworD4.js";
+import { B as X, c as $, p as de } from "./typography.C8lPlsbD.js";
+import { a as fe, P as pe, b as _e } from "./popper-container.C_n9Ds1W.js";
 import { u as me } from "./aria-label.CaUURpnB.js";
 import { o as ve } from "./on-click-outside.BW4rkhzG.js";
 import { g as ye } from "./generate-uid.NJ8tVoha.js";
 import { C as he } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
-import { C as be, a as W } from "./chevron-left.BS24hEFa.js";
-import { a as U, B as ge } from "./base-button.BPRPrO0p.js";
+import { C as be, a as U } from "./chevron-left.BS24hEFa.js";
+import { a as W, B as ge } from "./base-button.BPRPrO0p.js";
 import { t as Ce } from "./truncate.BfIl_-71.js";
 import { o as ke } from "./resize.Bqks3WUm.js";
 import { g as Ie } from "./es6.C1DXQV6f.js";
@@ -38,7 +38,7 @@ const Be = {
   }
 }, Oe = {
   i18n: { messages: Be }
-}, xe = /* @__PURE__ */ g({
+}, Se = /* @__PURE__ */ g({
   ...Oe,
   __name: "loading-button",
   props: {
@@ -90,22 +90,22 @@ const Be = {
   },
   emits: ["click"],
   setup(o, { emit: e }) {
-    const n = o, t = w(), s = D(t), { t: i } = H(), f = p(() => ({
+    const n = o, t = w(), s = D(t), { t: i } = J(), f = p(() => ({
       [`b-loading-button--${n.variant}-${I.LOADING}`]: n.state === I.LOADING && !n.disabled,
       "b-loading-button--loading": n.state === I.LOADING && !n.disabled,
       [`b-loading-button--${n.variant}-${I.SUCCESS}`]: n.state === I.SUCCESS,
       "b-loading-button--inverse": n.inverse
-    })), l = p(
+    })), r = p(
       () => n.variant === "primary" && !n.inverse || n.variant !== "primary" && n.inverse
     ), u = p(
       () => n.critical && n.state === I.START || n.state === I.FAIL
     );
-    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: i, conditionalClasses: f, isInverseLoadingIndicator: l, isCritical: u, onClick: (r) => {
-      r.stopPropagation(), n.state !== I.LOADING && e("click", r);
-    }, BentoLoadingIndicator: ie, BentoButton: b, Cross: re, Checkmark: le };
+    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: i, conditionalClasses: f, isInverseLoadingIndicator: r, isCritical: u, onClick: (l) => {
+      l.stopPropagation(), n.state !== I.LOADING && e("click", l);
+    }, BentoLoadingIndicator: ie, BentoButton: b, Cross: le, Checkmark: re };
   }
 });
-var Se = function() {
+var xe = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
   return n(t.BentoButton, { staticClass: "b-loading-button", class: t.conditionalClasses, attrs: { critical: t.isCritical, variant: e.variant, condensed: e.condensed, disabled: e.disabled, inverse: e.inverse }, on: { "!click": function(s) {
     return s.stopPropagation(), t.onClick.apply(null, arguments);
@@ -115,8 +115,8 @@ var Se = function() {
     return [n("span", { staticClass: "b-loading-button__icon", attrs: { "data-testid": "loading-button-rotating-icon" } }, [e.state === "fail" ? n(t.Cross, { attrs: { "svg-title": t.t("failed") } }) : e.state === "success" ? n(t.Checkmark, { attrs: { "svg-title": t.t("succeded") } }) : e.state === "loading" ? n(t.BentoLoadingIndicator, { attrs: { small: "", inverse: t.isInverseLoadingIndicator } }) : e._e()], 1)];
   }, proxy: !0 } : null], null, !0) }, [e._t("default")], 2);
 }, Le = [], Ee = /* @__PURE__ */ C(
-  xe,
   Se,
+  xe,
   Le,
   !1,
   null,
@@ -187,15 +187,15 @@ var Re = function() {
       return [e._t(i, null, null, t.getSlotKeyIfVue3(i))];
     }, proxy: !0 };
   })], null, !0) }, "bento-button", e.$attrs, !1));
-}, Pe = [], Ae = /* @__PURE__ */ C(
+}, Ne = [], Ae = /* @__PURE__ */ C(
   Me,
   Re,
-  Pe,
+  Ne,
   !1,
   null,
   "0bc368c9"
 );
-const Ne = Ae.exports, De = g({
+const Pe = Ae.exports, De = g({
   name: "bento-popover-dismiss-button",
   components: { BentoButton: b, CrossIcon: ce },
   props: {
@@ -211,22 +211,22 @@ const Ne = Ae.exports, De = g({
     };
   }
 });
-var $e = function() {
+var Fe = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("bento-button", { class: e.conditionalClass, attrs: { variant: "tertiary" }, on: { click: function(t) {
     return e.$emit("click");
   } }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [n("cross-icon", { attrs: { "svg-title": "dismiss" } })];
   }, proxy: !0 }]) });
-}, Fe = [], We = /* @__PURE__ */ C(
+}, $e = [], Ue = /* @__PURE__ */ C(
   De,
-  $e,
   Fe,
+  $e,
   !1,
   null,
   "4c18828f"
 );
-const Ue = We.exports, Ve = g({
+const We = Ue.exports, Ke = g({
   components: { BentoTypography: X },
   props: {
     /**
@@ -240,7 +240,7 @@ const Ue = We.exports, Ve = g({
   },
   setup(o) {
     const e = p(() => !o.isImageTitle), n = p(
-      () => o.isImageTitle ? F.SUBTITLE : F.BODY
+      () => o.isImageTitle ? $.SUBTITLE : $.BODY
     );
     return {
       // Values
@@ -249,25 +249,25 @@ const Ue = We.exports, Ve = g({
     };
   }
 });
-var Ke = function() {
+var Ve = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("bento-typography", { attrs: { strongest: e.isStrongest, variant: e.titleVariant, el: "span" } }, [e._v(" " + e._s(e.title) + " ")]);
-}, je = [], Ge = /* @__PURE__ */ C(
-  Ve,
+}, je = [], Ye = /* @__PURE__ */ C(
   Ke,
+  Ve,
   je,
   !1,
   null,
   null
 );
-const Ye = Ge.exports, He = (o, e, n = {}) => {
+const Ge = Ye.exports, Je = (o, e, n = {}) => {
   let t;
   T(() => {
     t = ve(o, e, n);
   }), j(() => {
     t && (t(), t = null);
   });
-}, Je = /* @__PURE__ */ Symbol("input field popover injection key"), qe = /* @__PURE__ */ Symbol("input field popover injection key"), Xe = /* @__PURE__ */ Symbol("popover offset injection key"), ze = {}, Ze = /* @__PURE__ */ g({
+}, He = /* @__PURE__ */ Symbol("input field popover injection key"), qe = /* @__PURE__ */ Symbol("input field popover injection key"), Xe = /* @__PURE__ */ Symbol("popover offset injection key"), ze = {}, Ze = /* @__PURE__ */ g({
   ...ze,
   __name: "popover",
   props: {
@@ -300,12 +300,12 @@ const Ye = Ge.exports, He = (o, e, n = {}) => {
         id: (B = i.id) == null ? void 0 : B.toString(),
         role: (i == null ? void 0 : i.role) === null ? void 0 : fe.POPOVER
       };
-    }), l = x(Xe, t), u = c(i["aria-label"]), { ariaLabel: a, title: r } = oe(n), d = me({
+    }), r = S(Xe, t), u = c(i["aria-label"]), { ariaLabel: a, title: l } = oe(n), d = me({
       ariaLabel: u.value,
       // TODO: take this line away when the aria-label props is removed
       label: a,
-      defaultFallback: r
-    }), m = x(qe, !1) || x(Je, !1), _ = p(() => ({
+      defaultFallback: l
+    }), m = S(qe, !1) || S(He, !1), _ = p(() => ({
       "b-popover--small": n.small && !n.large,
       "b-popover--with-divider": !!n.divider,
       "b-popover--large": n.large && !n.small,
@@ -315,7 +315,7 @@ const Ye = Ge.exports, He = (o, e, n = {}) => {
     })), y = p(() => ({
       "b-popover__content--with-title": !!n.title
     })), k = () => e("dismiss"), L = D(s);
-    return { __sfc: !0, DEFAULT_OFFSET: t, props: n, emit: e, slots: s, attrs: i, computedAttributes: f, offset: l, ariaLabelAttribute: u, ariaLabel: a, title: r, computedAriaLabel: d, isOverflowVisible: m, conditionalClasses: _, contentConditionalClasses: y, dismissPopover: k, hasSlot: L, BentoPopoverDismissButton: Ue, BentoPopoverTitle: Ye, BentoButtonActions: Qt, PopperContainer: pe };
+    return { __sfc: !0, DEFAULT_OFFSET: t, props: n, emit: e, slots: s, attrs: i, computedAttributes: f, offset: r, ariaLabelAttribute: u, ariaLabel: a, title: l, computedAriaLabel: d, isOverflowVisible: m, conditionalClasses: _, contentConditionalClasses: y, dismissPopover: k, hasSlot: L, BentoPopoverDismissButton: We, BentoPopoverTitle: Ge, BentoButtonActions: Qt, PopperContainer: pe };
   }
 });
 var Qe = function() {
@@ -331,7 +331,7 @@ var Qe = function() {
   null,
   "2de66a7e"
 );
-const nt = tt.exports, st = /* @__PURE__ */ Symbol("modal injection key"), ot = /* @__PURE__ */ Symbol("sidepanel children element injection key"), at = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), it = g({
+const nt = tt.exports, st = /* @__PURE__ */ Symbol("modal injection key"), ot = /* @__PURE__ */ Symbol("sidepanel children element injection key"), at = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), Bn = /* @__PURE__ */ Symbol("modal fullscreen title id injection key"), On = /* @__PURE__ */ Symbol("modal fullscreen close injection key"), it = g({
   name: "teleport",
   props: {
     to: {
@@ -350,7 +350,7 @@ const nt = tt.exports, st = /* @__PURE__ */ Symbol("modal injection key"), ot =
     waiting: !1,
     observer: null,
     parent: null,
-    isVue2: J
+    isVue2: H
   }),
   computed: {
     classes() {
@@ -359,7 +359,7 @@ const nt = tt.exports, st = /* @__PURE__ */ Symbol("modal injection key"), ot =
     defaultTo() {
       if (this.to)
         return this.to;
-      const o = x(st, "") || x(at, "") || x(ot, "");
+      const o = S(st, "") || S(at, "") || S(ot, "");
       return o ? `#${o}` : "body";
     }
   },
@@ -430,28 +430,28 @@ const nt = tt.exports, st = /* @__PURE__ */ Symbol("modal injection key"), ot =
       return this.$vnode.componentOptions.children.map((o) => o.elm).filter((o) => o);
     }
   }
-}), rt = /* @__PURE__ */ g({
+}), lt = /* @__PURE__ */ g({
   ...it,
   setup(o) {
-    return { __sfc: !0, isVue2: J };
+    return { __sfc: !0, isVue2: H };
   }
 });
-var lt = function() {
+var rt = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
   return t.isVue2 ? n("div", { class: e.classes }, [e._t("default")], 2) : n("Teleport", { class: e.classes, attrs: { to: e.defaultTo, where: e.where, disabled: e.disabled } }, [e._t("default")], 2);
 }, ut = [], ct = /* @__PURE__ */ C(
-  rt,
   lt,
+  rt,
   ut,
   !1,
   null,
   "fda08514"
 );
 const dt = ct.exports;
-let V = 0;
+let K = 0;
 const ft = {
   beforeCreate() {
-    this.uuid = V.toString(), V += 1;
+    this.uuid = K.toString(), K += 1;
   }
 };
 var pt = function() {
@@ -535,7 +535,7 @@ const vt = mt.exports, yt = g({
       default: !1
     }
   },
-  emits: [U.CLICK],
+  emits: [W.CLICK],
   setup(o, { emit: e }) {
     const t = p(() => ({
       "b-menu-item--critical": o.critical,
@@ -547,7 +547,7 @@ const vt = mt.exports, yt = g({
       computedSecondaryText: s,
       // Methods
       onClick: (f) => {
-        f.stopPropagation(), o.handler(), e(U.CLICK);
+        f.stopPropagation(), o.handler(), e(W.CLICK);
       }
     };
   }
@@ -577,7 +577,7 @@ const Ct = /* @__PURE__ */ Symbol("menu registering injection key"), kt = {
 }, It = /* @__PURE__ */ g({
   ...kt,
   setup(o) {
-    const e = c(), n = c({}), t = x(Ct, !1);
+    const e = c(), n = c({}), t = S(Ct, !1);
     if (t) {
       const { registerMenuContainerElement: s } = t;
       s(e), n.value = {
@@ -590,7 +590,7 @@ const Ct = /* @__PURE__ */ Symbol("menu registering injection key"), kt = {
 var Bt = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
   return n("div", e._g({ ref: "menuListContainerRef", staticClass: "b-menu-list-container", attrs: { "data-testid": "menu-list-container" } }, t.menuListContainerEvents), [e._t("default")], 2);
-}, Ot = [], xt = /* @__PURE__ */ C(
+}, Ot = [], St = /* @__PURE__ */ C(
   It,
   Bt,
   Ot,
@@ -598,7 +598,7 @@ var Bt = function() {
   null,
   "1669d56a"
 );
-const Z = xt.exports, Q = {
+const Z = St.exports, Q = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
@@ -611,7 +611,7 @@ const Z = xt.exports, Q = {
     backButton: "voltar",
     menuButton: "Abrir menu"
   }
-}, St = g({
+}, xt = g({
   i18n: { messages: Q },
   name: "sub-menu-item-list",
   components: { BentoDivider: q, MenuItem: z, MenuListContainer: Z },
@@ -627,7 +627,7 @@ const Z = xt.exports, Q = {
   },
   emits: [O.CLOSE, O.BACK],
   setup(o, { emit: e }) {
-    const n = c(null), t = c(0), s = c(o.items.length), i = () => e(O.CLOSE), f = () => e(O.BACK), l = p(() => {
+    const n = c(null), t = c(0), s = c(o.items.length), i = () => e(O.CLOSE), f = () => e(O.BACK), r = p(() => {
       var m;
       const d = (m = o.items) == null ? void 0 : m.map((_) => ({
         ..._,
@@ -640,7 +640,7 @@ const Z = xt.exports, Q = {
           text: o.title,
           secondaryText: null,
           critical: !1,
-          icon: W,
+          icon: U,
           isTitle: !0,
           disabled: !1,
           indent: !1,
@@ -658,9 +658,9 @@ const Z = xt.exports, Q = {
       setTimeout(() => u(), 150);
     });
     const a = () => {
-      t.value > 0 ? (t.value -= 1, l.value[t.value].disabled && a()) : t.value = s.value, u();
-    }, r = () => {
-      t.value < s.value ? (t.value += 1, l.value[t.value].disabled && r()) : t.value = 0, u();
+      t.value > 0 ? (t.value -= 1, r.value[t.value].disabled && a()) : t.value = s.value, u();
+    }, l = () => {
+      t.value < s.value ? (t.value += 1, r.value[t.value].disabled && l()) : t.value = 0, u();
     };
     return {
       // Enums
@@ -668,13 +668,13 @@ const Z = xt.exports, Q = {
       // Values
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: t,
-      ChevronLeftIcon: W,
-      computedItems: l,
+      ChevronLeftIcon: U,
+      computedItems: r,
       // Methods
       closeMenu: i,
       onBackButton: f,
       focusPrevious: a,
-      focusNext: r
+      focusNext: l
     };
   }
 });
@@ -690,7 +690,7 @@ var Lt = function() {
     return n("li", { key: `sub-menu-item-list-item-${s}`, attrs: { role: "none" } }, [n("menu-item", { attrs: { text: t.text, handler: t.handler, "secondary-text": t.secondaryText, icon: t.icon, "is-title": t.isTitle, disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: s === e.subMenuFocusedIndex ? "0" : "-1" }, on: { click: t.clickHandler } }), t.addDivider ? n("bento-divider", { staticClass: "b-sub-menu-item-list__divider" }) : e._e()], 1);
   }), 0)])], 1);
 }, Et = [], wt = /* @__PURE__ */ C(
-  St,
+  xt,
   Lt,
   Et,
   !1,
@@ -705,26 +705,26 @@ function Mt(o, e, n, t) {
   const s = c(0), i = c(0), f = (a) => {
     if (!a || !a.parentElement)
       return;
-    const r = a.parentElement, d = a.cloneNode(!0);
-    d.style.position = "absolute", d.style.visibility = "hidden", r.appendChild(d), d.style.width = "max-content";
+    const l = a.parentElement, d = a.cloneNode(!0);
+    d.style.position = "absolute", d.style.visibility = "hidden", l.appendChild(d), d.style.width = "max-content";
     const m = d.offsetWidth, _ = Math.max(te, Math.min(m, ee));
     s.value = _, d.style.width = `${_}px`;
     const y = d.offsetHeight;
-    i.value = y, r.removeChild(d), i.value = y;
+    i.value = y, l.removeChild(d), i.value = y;
   };
-  G([e, n], async ([a]) => {
-    var r, d;
+  Y([e, n], async ([a]) => {
+    var l, d;
     if (a !== null) {
-      await N();
-      const m = (d = (r = o.value) == null ? void 0 : r[0]) == null ? void 0 : d.$el;
+      await P();
+      const m = (d = (l = o.value) == null ? void 0 : l[0]) == null ? void 0 : d.$el;
       m && f(m);
     } else
       s.value = 0, i.value = 0;
   });
-  const l = p(() => t != null && t.value ? ne(t.value) : 0);
+  const r = p(() => t != null && t.value ? ne(t.value) : 0);
   return { computedStyle: p(() => {
     const a = {
-      width: l.value > 0 ? `${l.value}px` : "max-content"
+      width: r.value > 0 ? `${r.value}px` : "max-content"
     };
     return n.value && (i.value > 0 && (a.height = `${i.value}px`), s.value > 0 && (a.width = `${s.value}px`)), a;
   }) };
@@ -771,32 +771,32 @@ const Rt = g({
   },
   emits: [O.CLOSE, "menu-item-click"],
   setup(o, { emit: e, expose: n }) {
-    const t = c(null), s = c(null), i = c(null), f = c(null), l = c(!1), u = c(null), a = c(o.focusLastElement ? o.data.length - 1 : 0), r = c(0), d = c(o.data.length - 1), m = p(() => o.data.some((h) => h.icon)), _ = p(() => o.indentItems || m.value ? o.data.map((h) => {
+    const t = c(null), s = c(null), i = c(null), f = c(null), r = c(!1), u = c(null), a = c(o.focusLastElement ? o.data.length - 1 : 0), l = c(0), d = c(o.data.length - 1), m = p(() => o.data.some((h) => h.icon)), _ = p(() => o.indentItems || m.value ? o.data.map((h) => {
       let v = !1;
       return h.icon || (v = !0), {
         ...h,
         indent: v
       };
     }) : o.data), y = async () => {
-      var h, v, S;
-      (S = (v = (h = s.value) == null ? void 0 : h.children[a.value]) == null ? void 0 : v.children[0]) == null || S.focus();
+      var h, v, x;
+      (x = (v = (h = s.value) == null ? void 0 : h.children[a.value]) == null ? void 0 : v.children[0]) == null || x.focus();
     }, k = () => e(O.CLOSE), L = (h, v) => {
       if (h.items) {
-        u.value = v, l.value = !0;
+        u.value = v, r.value = !0;
         return;
       }
-      u.value = v, l.value = !1, !h.skipClose && o.closeMenuOnItemSelect !== !1 && k(), e("menu-item-click");
+      u.value = v, r.value = !1, !h.skipClose && o.closeMenuOnItemSelect !== !1 && k(), e("menu-item-click");
     }, B = () => {
       a.value > 0 ? (a.value -= 1, _.value[a.value].disabled && B()) : a.value = d.value, y();
     }, E = () => {
       a.value < d.value ? (a.value += 1, _.value[a.value].disabled && E()) : a.value = 0, y();
     }, M = (h, v) => {
-      var S;
-      (S = h == null ? void 0 : h.items) != null && S.length && (u.value = v, l.value = !0);
+      var x;
+      (x = h == null ? void 0 : h.items) != null && x.length && (u.value = v, r.value = !0);
     }, R = () => {
-      u.value && l.value && (u.value = null, l.value = !1);
-    }, P = () => {
-      l.value = !1, u.value = null, y();
+      u.value && r.value && (u.value = null, r.value = !1);
+    }, N = () => {
+      r.value = !1, u.value = null, y();
     };
     n({
       focusItem: y
@@ -804,8 +804,8 @@ const Rt = g({
     const { computedStyle: A } = Mt(
       f,
       u,
-      l,
-      Y(o, "popoverWidth")
+      r,
+      G(o, "popoverWidth")
     );
     return {
       // Values
@@ -816,8 +816,8 @@ const Rt = g({
       computedData: _,
       computedStyle: A,
       focusedIndex: a,
-      subMenuFocusedIndex: r,
-      showSubMenu: l,
+      subMenuFocusedIndex: l,
+      showSubMenu: r,
       visibleSubMenuIndex: u,
       // Methods
       menuItemClick: L,
@@ -826,11 +826,11 @@ const Rt = g({
       focusNext: E,
       focusRight: M,
       focusLeft: R,
-      onBackButton: P
+      onBackButton: N
     };
   }
 });
-var Pt = function() {
+var Nt = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("menu-list-container", { ref: "menuItemListWrapperRef", style: e.computedStyle }, [n("ul", { ref: "menuItemListRef", staticClass: "b-menu-item-list", attrs: { role: "menu" }, on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.focusNext.apply(null, arguments);
@@ -841,28 +841,28 @@ var Pt = function() {
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.closeMenu.apply(null, arguments);
   }] } }, e._l(e.computedData, function(t, s) {
-    var i, f, l, u;
+    var i, f, r, u;
     return n("li", { key: `menu-item-${s}`, ref: "menuItemRef", refInFor: !0, staticClass: "b-menu-item-list__item", attrs: { role: "none" }, on: { keydown: [function(a) {
       return !a.type.indexOf("key") && e._k(a.keyCode, "right", 39, a.key, ["Right", "ArrowRight"]) || "button" in a && a.button !== 2 ? null : e.focusRight(t, s);
     }, function(a) {
       return !a.type.indexOf("key") && e._k(a.keyCode, "left", 37, a.key, ["Left", "ArrowLeft"]) || "button" in a && a.button !== 0 ? null : e.focusLeft();
-    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (i = t.items) != null && i.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((f = t.items) != null && f.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: s === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((l = t.items) != null && l.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === s }, on: { click: function(a) {
+    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (i = t.items) != null && i.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((f = t.items) != null && f.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: s === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((r = t.items) != null && r.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === s }, on: { click: function(a) {
       return e.menuItemClick(t, s);
     } } }), t.addDivider ? n("bento-divider", { staticClass: "b-menu-item-list__divider" }) : e._e(), (u = t.items) != null && u.length && e.showSubMenu && e.visibleSubMenuIndex === s ? n("sub-menu-item-list", { ref: "subMenuItemListRef", refInFor: !0, attrs: { items: t.items, title: t.text }, on: { back: e.onBackButton, close: e.closeMenu } }) : e._e()], 1);
   }), 0)]);
-}, At = [], Nt = /* @__PURE__ */ C(
+}, At = [], Pt = /* @__PURE__ */ C(
   Rt,
-  Pt,
+  Nt,
   At,
   !1,
   null,
   "273aba04"
 );
-const Dt = Nt.exports, $t = /* @__PURE__ */ Symbol("menu inverse style injection key"), Ft = {
+const Dt = Pt.exports, Ft = /* @__PURE__ */ Symbol("menu inverse style injection key"), $t = {
   i18n: { messages: Q },
   name: "bento-menu"
-}, Wt = /* @__PURE__ */ g({
-  ...Ft,
+}, Ut = /* @__PURE__ */ g({
+  ...$t,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -880,7 +880,7 @@ const Dt = Nt.exports, $t = /* @__PURE__ */ Symbol("menu inverse style injection
   emits: ["menu-item-click", "click-outside"],
   setup(o, { expose: e, emit: n }) {
     var h;
-    const t = o, s = w(), i = D(s), { t: f } = H(), l = c(null), u = c(null), a = c(!1), r = c(!1), d = c(null), m = ye("menu"), _ = x($t, c(!1));
+    const t = o, s = w(), i = D(s), { t: f } = J(), r = c(null), u = c(null), a = c(!1), l = c(!1), d = c(null), m = ye("menu"), _ = S(Ft, c(!1));
     ae(ue, _);
     const y = p(() => ({
       "b-menu--inverse": _.value
@@ -895,25 +895,25 @@ const Dt = Nt.exports, $t = /* @__PURE__ */ Symbol("menu inverse style injection
     }), B = () => {
       a.value = !0, n(O.OPEN);
     }, E = async (v = t.revertFocusToButton) => {
-      var S, $;
-      a.value && (a.value = !1, v && (await N(), ($ = (S = l.value) == null ? void 0 : S.$el) == null || $.focus()), n(O.CLOSE));
+      var x, F;
+      a.value && (a.value = !1, v && (await P(), (F = (x = r.value) == null ? void 0 : x.$el) == null || F.focus()), n(O.CLOSE));
     }, M = (v) => {
       v.stopPropagation(), a.value ? E() : B();
     }, R = (v) => {
-      v.preventDefault(), r.value = !1, t.disableArrowDownOpeningMenu || B();
-    }, P = (v) => {
-      v.preventDefault(), r.value = !0, B();
+      v.preventDefault(), l.value = !1, t.disableArrowDownOpeningMenu || B();
+    }, N = (v) => {
+      v.preventDefault(), l.value = !0, B();
     }, A = () => {
       n("menu-item-click");
     };
-    return He(
+    return Je(
       d,
       () => {
         E(), n("click-outside");
       },
       {
         ...t.closeOnClickOutsideOptions,
-        ignore: [l, ...((h = t.closeOnClickOutsideOptions) == null ? void 0 : h.ignore) ?? []]
+        ignore: [r, ...((h = t.closeOnClickOutsideOptions) == null ? void 0 : h.ignore) ?? []]
       }
     ), e({
       /**
@@ -924,10 +924,10 @@ const Dt = Nt.exports, $t = /* @__PURE__ */ Symbol("menu inverse style injection
       i("iconRight") && de(
         '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
       );
-    }), { __sfc: !0, props: t, emit: n, slots: s, hasSlot: i, t: f, menuButtonRef: l, menuItemListRef: u, showMenu: a, isLastElementFocused: r, popoverRef: d, menuId: m, isInverseColorSet: _, computedClasses: y, computedMenuWidth: k, computedButtonPropsWithDefaults: L, openMenu: B, closeMenu: E, toggleShowMenu: M, onKeyDown: R, onKeyUp: P, menuItemClick: A, BentoToggleButton: Ne, BentoPopover: nt, BentoTeleport: dt, ChevronDownIcon: he, OptionsVerticalIcon: vt, MenuItemList: Dt };
+    }), { __sfc: !0, props: t, emit: n, slots: s, hasSlot: i, t: f, menuButtonRef: r, menuItemListRef: u, showMenu: a, isLastElementFocused: l, popoverRef: d, menuId: m, isInverseColorSet: _, computedClasses: y, computedMenuWidth: k, computedButtonPropsWithDefaults: L, openMenu: B, closeMenu: E, toggleShowMenu: M, onKeyDown: R, onKeyUp: N, menuItemClick: A, BentoToggleButton: Pe, BentoPopover: nt, BentoTeleport: dt, ChevronDownIcon: he, OptionsVerticalIcon: vt, MenuItemList: Dt };
   }
 });
-var Ut = function() {
+var Wt = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
   return n("div", { staticClass: "b-menu", class: t.computedClasses, attrs: { "data-testid": "menu" }, on: { keydown: [function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "down", 40, s.key, ["Down", "ArrowDown"]) ? null : t.onKeyDown.apply(null, arguments);
@@ -953,48 +953,48 @@ var Ut = function() {
     "left-start",
     "left-end"
   ], teleport: e.teleport, "without-space": "" } }, [n(t.MenuItemList, { ref: "menuItemListRef", attrs: { "close-menu-on-item-select": e.closeMenuOnItemSelect, data: e.data, "focus-last-element": t.isLastElementFocused, "popover-width": e.menuWidth }, on: { close: t.closeMenu, "menu-item-click": t.menuItemClick } })], 1) : e._e()], 1) : e._e()], 1);
-}, Vt = [], Kt = /* @__PURE__ */ C(
-  Wt,
+}, Kt = [], Vt = /* @__PURE__ */ C(
   Ut,
-  Vt,
+  Wt,
+  Kt,
   !1,
   null,
   "677f361d"
 );
-const jt = Kt.exports, Gt = /* @__PURE__ */ Symbol(
+const jt = Vt.exports, Yt = /* @__PURE__ */ Symbol(
   "button actions with menu container injection key"
-), Yt = 242, K = parseInt(Ie, 10), Ht = (o, e, n) => {
+), Gt = 242, V = parseInt(Ie, 10), Jt = (o, e, n) => {
   const t = c(0);
   let s = null;
-  const { buttonActionsWithMenu: i, menu: f, stackButtons: l } = x(Gt, {
+  const { buttonActionsWithMenu: i, menu: f, stackButtons: r } = S(Yt, {
     buttonActionsWithMenu: c(null),
     menu: c(null),
     stackButtons: c(!1)
-  }), u = p(() => i.value ?? o.value), a = p(() => f.value ? [...e.value, f.value.$el] : e.value), r = (d) => {
+  }), u = p(() => i.value ?? o.value), a = p(() => f.value ? [...e.value, f.value.$el] : e.value), l = (d) => {
     var y;
     const m = (y = a.value) == null ? void 0 : y.reduce(
-      (k, L) => k + L.clientWidth + K,
-      -K - 1
+      (k, L) => k + L.clientWidth + V,
+      -V - 1
     ), _ = u.value.clientWidth;
-    return d && (t.value = _ >= Yt && !l.value ? m : 0), t.value > _;
+    return d && (t.value = _ >= Gt && !r.value ? m : 0), t.value > _;
   };
-  return G(
+  return Y(
     () => n.value,
     () => {
-      N(() => {
-        l.value = r(!0);
+      P(() => {
+        r.value = l(!0);
       });
     },
     { deep: !0 }
   ), T(() => {
     s = ke(u.value, () => {
-      l.value = r(t.value === 0);
+      r.value = l(t.value === 0);
     });
   }), j(() => {
     s == null || s.disconnect();
-  }), l;
-}, Jt = {}, qt = /* @__PURE__ */ g({
-  ...Jt,
+  }), r;
+}, Ht = {}, qt = /* @__PURE__ */ g({
+  ...Ht,
   __name: "button-actions",
   props: {
     actions: null,
@@ -1002,16 +1002,16 @@ const jt = Kt.exports, Gt = /* @__PURE__ */ Symbol(
     layout: { default: "buttons-end" }
   },
   setup(o) {
-    const e = o, n = c(null), t = c(null), s = Ht(n, t, Y(e, "actions")), i = p(() => e.actions.slice().reverse()), f = (r) => {
+    const e = o, n = c(null), t = c(null), s = Jt(n, t, G(e, "actions")), i = p(() => e.actions.slice().reverse()), f = (l) => {
       const d = e.actions.length - 1;
-      return r === d ? "primary" : "secondary";
-    }, l = p(() => ({
+      return l === d ? "primary" : "secondary";
+    }, r = p(() => ({
       [`b-button-actions--${e.layout}`]: !0,
       "b-button-actions--stacked-buttons": s.value
     }));
-    return { __sfc: !0, props: e, buttonActions: n, buttons: t, stackButtons: s, reversedActionsList: i, generateButtonVariantByIndex: f, conditionalClasses: l, generateButtonEvents: (r) => (r == null ? void 0 : r.event) !== void 0 ? {
-      click: r.event
-    } : {}, isIconOnly: (r) => r.iconOnly && (r.iconLeft || r.iconRight || r.icon), BentoButton: b, BentoLoadingButton: we, BentoMenu: jt };
+    return { __sfc: !0, props: e, buttonActions: n, buttons: t, stackButtons: s, reversedActionsList: i, generateButtonVariantByIndex: f, conditionalClasses: r, generateButtonEvents: (l) => (l == null ? void 0 : l.event) !== void 0 ? {
+      click: l.event
+    } : {}, isIconOnly: (l) => l.iconOnly && (l.iconLeft || l.iconRight || l.icon), BentoButton: b, BentoLoadingButton: we, BentoMenu: jt };
   }
 });
 var Xt = function() {
@@ -1045,22 +1045,24 @@ const Qt = Zt.exports;
 export {
   Qt as B,
   Ct as D,
-  Je as I,
-  $t as M,
+  He as I,
+  Ft as M,
   vt as O,
   Xe as P,
   ot as S,
   we as a,
   I as b,
-  Ne as c,
-  Gt as d,
+  Pe as c,
+  Yt as d,
   dt as e,
   jt as f,
   O as g,
   nt as h,
-  at as i,
-  st as j,
-  qe as k,
-  He as u
+  Bn as i,
+  On as j,
+  at as k,
+  st as l,
+  qe as m,
+  Je as u
 };
-//# sourceMappingURL=button-actions.VSc47LLH.js.map
+//# sourceMappingURL=button-actions.DyPS54Yi.js.map