@adyen/bento-vue2 1.89.2 → 1.90.0

package/dist/chunks/{button-actions.BLk114As.js → button-actions.BmU1DngD.js}

@@ -1,17 +1,17 @@
-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.DxhJNOtr.js";
+import { defineComponent as g, useSlots as T, computed as p, onMounted as w, onUnmounted as j, useAttrs as se, inject as S, ref as c, toRefs as oe, watch as G, nextTick as P, toRef as Y, provide as ae } from "vue";
+import { B as b } from "./button.C9b2AC9w.js";
 import { B as ie } from "./loading-indicator.PxbRzshH.js";
-import { C as le } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as re } from "./checkmark-circle-fill.BttTCjrM.js";
+import { C as re } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as le } from "./checkmark-circle-fill.BttTCjrM.js";
 import { u as D } from "./use-has-slot.C9lQZ6nz.js";
 import { u as J } from "./index.B6WW_F-J.js";
 import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { i as H } from "./index.Cl4_42j5.js";
-import { B as q, D as ue } from "./divider.DX5gwN7p.js";
+import { B as z, D as ue } from "./divider.DX5gwN7p.js";
 import { C as ce } from "./cross.CC_B-vG-.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 { a as fe, P as pe, b as me } from "./popper-container.C_n9Ds1W.js";
+import { u as _e } 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";
@@ -24,9 +24,46 @@ import { g as Ie } from "./es6.C1DXQV6f.js";
 import "../assets/button-actions.css";
 var I = /* @__PURE__ */ ((o) => (o.START = "start", o.LOADING = "loading", o.SUCCESS = "success", o.FAIL = "fail", o))(I || {});
 const Be = {
-  "en-US": { failed: "Failed", succeded: "Succeded" },
-  "ja-JP": { failed: "失敗しました", succeded: "成功" },
-  "pt-BR": { failed: "Falha", succeded: "Bem-sucedido" }
+  "de-DE": {
+    failed: "Fehlgeschlagen",
+    succeded: "Erfolgreich"
+  },
+  "en-GB": {
+    failed: "Failed",
+    succeded: "Succeeded"
+  },
+  "en-US": {
+    failed: "Failed",
+    succeded: "Succeded"
+  },
+  "es-ES": {
+    failed: "Error",
+    succeded: "Correcto"
+  },
+  "es-MX": {
+    failed: "Fallido",
+    succeded: "Correcto"
+  },
+  "fr-FR": {
+    failed: "Échec",
+    succeded: "Réussite"
+  },
+  "it-IT": {
+    failed: "Operazione non riuscita",
+    succeded: "Operazione riuscita"
+  },
+  "ja-JP": {
+    failed: "失敗",
+    succeded: "成功"
+  },
+  "pt-BR": {
+    failed: "Falhou",
+    succeded: "Bem-sucedido"
+  },
+  "zh-CN": {
+    failed: "失败",
+    succeded: "成功"
+  }
 }, Oe = {
   i18n: { messages: Be }
 }, Se = /* @__PURE__ */ g({
@@ -81,22 +118,22 @@ const Be = {
   },
   emits: ["click"],
   setup(o, { emit: e }) {
-    const n = o, t = w(), s = D(t), { t: i } = J(), f = p(() => ({
+    const n = o, t = T(), 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
-    })), r = p(
+    })), l = 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: r, isCritical: u, onClick: (l) => {
-      l.stopPropagation(), n.state !== I.LOADING && e("click", l);
-    }, BentoLoadingIndicator: ie, BentoButton: b, Cross: le, Checkmark: re };
+    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 };
   }
 });
-var xe = function() {
+var Ee = 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);
@@ -105,16 +142,16 @@ var xe = function() {
   }, proxy: !0 } : e.state !== "start" ? { key: "iconLeft", fn: 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 = [], Le = /* @__PURE__ */ C(
   Se,
+  Ee,
   xe,
-  Le,
   !1,
   null,
   "bc74b2f7"
 );
-const we = Ee.exports, Te = {}, Me = /* @__PURE__ */ g({
-  ...Te,
+const Te = Le.exports, we = {}, Me = /* @__PURE__ */ g({
+  ...we,
   __name: "toggle-button",
   props: {
     /**
@@ -165,7 +202,7 @@ const we = Ee.exports, Te = {}, Me = /* @__PURE__ */ g({
       "b-toggle-button--inverse": n.inverse
     })), i = (u) => {
       u.stopPropagation(), n != null && n.disabled || (e("click", u), e("update:toggled", !n.toggled));
-    }, f = w();
+    }, f = T();
     return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: f, getSlotKeyIfVue3: (u) => ({}), BentoButton: b };
   }
 });
@@ -217,7 +254,7 @@ var Fe = function() {
   null,
   "4c18828f"
 );
-const We = Ue.exports, Ke = g({
+const We = Ue.exports, Ve = g({
   components: { BentoTypography: X },
   props: {
     /**
@@ -240,26 +277,26 @@ const We = Ue.exports, Ke = g({
     };
   }
 });
-var Ve = function() {
+var Ke = 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 = [], Ye = /* @__PURE__ */ C(
-  Ke,
+}, je = [], Ge = /* @__PURE__ */ C(
   Ve,
+  Ke,
   je,
   !1,
   null,
   null
 );
-const Ge = Ye.exports, Je = (o, e, n = {}) => {
+const Ye = Ge.exports, Je = (o, e, n = {}) => {
   let t;
-  T(() => {
+  w(() => {
     t = ve(o, e, n);
   }), j(() => {
     t && (t(), t = null);
   });
-}, 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,
+}, He = /* @__PURE__ */ Symbol("input field popover injection key"), ze = /* @__PURE__ */ Symbol("input field popover injection key"), Xe = /* @__PURE__ */ Symbol("popover offset injection key"), qe = {}, Ze = /* @__PURE__ */ g({
+  ...qe,
   __name: "popover",
   props: {
     actions: { default: void 0 },
@@ -285,28 +322,28 @@ const Ge = Ye.exports, Je = (o, e, n = {}) => {
   },
   emits: ["dismiss", "placement"],
   setup(o, { emit: e }) {
-    const n = o, t = 2, s = w(), i = se(), f = p(() => {
+    const n = o, t = 2, s = T(), i = se(), f = p(() => {
       var B;
       return {
         id: (B = i.id) == null ? void 0 : B.toString(),
         role: (i == null ? void 0 : i.role) === null ? void 0 : fe.POPOVER
       };
-    }), r = S(Xe, t), u = c(i["aria-label"]), { ariaLabel: a, title: l } = oe(n), d = me({
+    }), l = S(Xe, t), u = c(i["aria-label"]), { ariaLabel: a, title: r } = oe(n), d = _e({
       ariaLabel: u.value,
       // TODO: take this line away when the aria-label props is removed
       label: a,
-      defaultFallback: l
-    }), m = S(qe, !1) || S(He, !1), _ = p(() => ({
+      defaultFallback: r
+    }), _ = S(ze, !1) || S(He, !1), m = p(() => ({
       "b-popover--small": n.small && !n.large,
       "b-popover--with-divider": !!n.divider,
       "b-popover--large": n.large && !n.small,
       "b-popover--fit-content": n.fitContent,
       "b-popover--without-space": n.withoutSpace,
-      "b-popover--overflow-visible": n.overflowVisible || m
+      "b-popover--overflow-visible": n.overflowVisible || _
     })), 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: 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 };
+    })), k = () => e("dismiss"), x = 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: _, conditionalClasses: m, contentConditionalClasses: y, dismissPopover: k, hasSlot: x, BentoPopoverDismissButton: We, BentoPopoverTitle: Ye, BentoButtonActions: Qt, PopperContainer: pe };
   }
 });
 var Qe = function() {
@@ -421,42 +458,42 @@ const nt = tt.exports, st = /* @__PURE__ */ Symbol("modal injection key"), ot =
       return this.$vnode.componentOptions.children.map((o) => o.elm).filter((o) => o);
     }
   }
-}), lt = /* @__PURE__ */ g({
+}), rt = /* @__PURE__ */ g({
   ...it,
   setup(o) {
     return { __sfc: !0, isVue2: H };
   }
 });
-var rt = function() {
+var lt = 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(
-  lt,
   rt,
+  lt,
   ut,
   !1,
   null,
   "fda08514"
 );
 const dt = ct.exports;
-let K = 0;
+let V = 0;
 const ft = {
   beforeCreate() {
-    this.uuid = K.toString(), K += 1;
+    this.uuid = V.toString(), V += 1;
   }
 };
 var pt = function() {
   var e = this, n = e._self._c;
   return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { 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" } }), n("path", { attrs: { 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" } }), n("path", { attrs: { 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" } })]);
-}, _t = [], mt = /* @__PURE__ */ C(
+}, mt = [], _t = /* @__PURE__ */ C(
   ft,
   pt,
-  _t,
+  mt,
   !1,
   null,
   null
 );
-const vt = mt.exports, yt = g({
+const vt = _t.exports, yt = g({
   name: "menu-item",
   components: { BaseButton: ge, BentoTypography: X, ChevronRightIcon: be },
   props: {
@@ -560,8 +597,8 @@ var ht = function() {
   null,
   "a173cbf5"
 );
-const z = gt.exports;
-({ ..._e });
+const q = gt.exports;
+({ ...me });
 var O = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(O || {});
 const Ct = /* @__PURE__ */ Symbol("menu registering injection key"), kt = {
   name: "bento-menu-list-container"
@@ -590,13 +627,50 @@ var Bt = function() {
   "1669d56a"
 );
 const Z = St.exports, Q = {
-  "en-US": { backButton: "Go back", menuButton: "Open menu" },
-  "ja-JP": { backButton: "戻る", menuButton: "メニューを開く" },
-  "pt-BR": { backButton: "voltar", menuButton: "Abrir menu" }
-}, xt = g({
+  "de-DE": {
+    backButton: "Zurück",
+    menuButton: "Menü öffnen"
+  },
+  "en-GB": {
+    backButton: "Go back",
+    menuButton: "Open menu"
+  },
+  "en-US": {
+    backButton: "Go back",
+    menuButton: "Open menu"
+  },
+  "es-ES": {
+    backButton: "Volver atrás",
+    menuButton: "Abrir menú"
+  },
+  "es-MX": {
+    backButton: "Volver",
+    menuButton: "Abrir menú"
+  },
+  "fr-FR": {
+    backButton: "Retour",
+    menuButton: "Ouvrir le menu"
+  },
+  "it-IT": {
+    backButton: "Torna indietro",
+    menuButton: "Apri menu"
+  },
+  "ja-JP": {
+    backButton: "戻る",
+    menuButton: "メニューを開く"
+  },
+  "pt-BR": {
+    backButton: "Voltar",
+    menuButton: "Abrir menu"
+  },
+  "zh-CN": {
+    backButton: "返回",
+    menuButton: "打开菜单"
+  }
+}, Et = g({
   i18n: { messages: Q },
   name: "sub-menu-item-list",
-  components: { BentoDivider: q, MenuItem: z, MenuListContainer: Z },
+  components: { BentoDivider: z, MenuItem: q, MenuListContainer: Z },
   props: {
     items: {
       type: Array,
@@ -609,11 +683,11 @@ const Z = St.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), r = p(() => {
-      var m;
-      const d = (m = o.items) == null ? void 0 : m.map((_) => ({
-        ..._,
-        indent: !_.icon,
+    const n = c(null), t = c(0), s = c(o.items.length), i = () => e(O.CLOSE), f = () => e(O.BACK), l = p(() => {
+      var _;
+      const d = (_ = o.items) == null ? void 0 : _.map((m) => ({
+        ...m,
+        indent: !m.icon,
         isTitle: !1,
         clickHandler: i
       }));
@@ -633,16 +707,16 @@ const Z = St.exports, Q = {
         ...d
       ];
     }), u = async () => {
-      var d, m, _, y, k;
-      (k = (y = (_ = (m = (d = n.value) == null ? void 0 : d.children) == null ? void 0 : m[t.value]) == null ? void 0 : _.children) == null ? void 0 : y[0]) == null || k.focus();
+      var d, _, m, y, k;
+      (k = (y = (m = (_ = (d = n.value) == null ? void 0 : d.children) == null ? void 0 : _[t.value]) == null ? void 0 : m.children) == null ? void 0 : y[0]) == null || k.focus();
     };
-    T(async () => {
+    w(async () => {
       setTimeout(() => u(), 150);
     });
     const a = () => {
-      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();
+      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();
     };
     return {
       // Enums
@@ -651,16 +725,16 @@ const Z = St.exports, Q = {
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: t,
       ChevronLeftIcon: U,
-      computedItems: r,
+      computedItems: l,
       // Methods
       closeMenu: i,
       onBackButton: f,
       focusPrevious: a,
-      focusNext: l
+      focusNext: r
     };
   }
 });
-var Lt = function() {
+var xt = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("transition", { attrs: { name: "b-sub-menu-item-list__transition", appear: "" } }, [n("menu-list-container", { staticClass: "b-sub-menu-item-list" }, [n("ul", { ref: "subMenuItemListRefLocal", staticClass: "b-sub-menu-item-list__list", attrs: { role: "menu" }, on: { keydown: [function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : (t.stopPropagation(), e.focusNext.apply(null, arguments));
@@ -671,15 +745,15 @@ var Lt = function() {
   }] } }, e._l(e.computedItems, function(t, s) {
     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(
+}, Lt = [], Tt = /* @__PURE__ */ C(
+  Et,
   xt,
   Lt,
-  Et,
   !1,
   null,
   "93387117"
 );
-const Tt = wt.exports, ee = 350, te = 150;
+const wt = Tt.exports, ee = 350, te = 150;
 function ne(o) {
   return Math.max(te, Math.min(o, ee));
 }
@@ -687,33 +761,33 @@ function Mt(o, e, n, t) {
   const s = c(0), i = c(0), f = (a) => {
     if (!a || !a.parentElement)
       return;
-    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 r = a.parentElement, d = a.cloneNode(!0);
+    d.style.position = "absolute", d.style.visibility = "hidden", r.appendChild(d), d.style.width = "max-content";
+    const _ = d.offsetWidth, m = Math.max(te, Math.min(_, ee));
+    s.value = m, d.style.width = `${m}px`;
     const y = d.offsetHeight;
-    i.value = y, l.removeChild(d), i.value = y;
+    i.value = y, r.removeChild(d), i.value = y;
   };
-  Y([e, n], async ([a]) => {
-    var l, d;
+  G([e, n], async ([a]) => {
+    var r, d;
     if (a !== null) {
       await P();
-      const m = (d = (l = o.value) == null ? void 0 : l[0]) == null ? void 0 : d.$el;
-      m && f(m);
+      const _ = (d = (r = o.value) == null ? void 0 : r[0]) == null ? void 0 : d.$el;
+      _ && f(_);
     } else
       s.value = 0, i.value = 0;
   });
-  const r = p(() => t != null && t.value ? ne(t.value) : 0);
+  const l = p(() => t != null && t.value ? ne(t.value) : 0);
   return { computedStyle: p(() => {
     const a = {
-      width: r.value > 0 ? `${r.value}px` : "max-content"
+      width: l.value > 0 ? `${l.value}px` : "max-content"
     };
     return n.value && (i.value > 0 && (a.height = `${i.value}px`), s.value > 0 && (a.width = `${s.value}px`)), a;
   }) };
 }
 const Rt = g({
   name: "menu-item-list",
-  components: { BentoDivider: q, MenuItem: z, MenuListContainer: Z, SubMenuItemList: Tt },
+  components: { BentoDivider: z, MenuItem: q, MenuListContainer: Z, SubMenuItemList: wt },
   props: {
     /**
      * The data to be displayed in the list
@@ -753,32 +827,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), 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) => {
+    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), _ = p(() => o.data.some((h) => h.icon)), m = p(() => o.indentItems || _.value ? o.data.map((h) => {
       let v = !1;
       return h.icon || (v = !0), {
         ...h,
         indent: v
       };
     }) : o.data), y = async () => {
-      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) => {
+      var h, v, E;
+      (E = (v = (h = s.value) == null ? void 0 : h.children[a.value]) == null ? void 0 : v.children[0]) == null || E.focus();
+    }, k = () => e(O.CLOSE), x = (h, v) => {
       if (h.items) {
-        u.value = v, r.value = !0;
+        u.value = v, l.value = !0;
         return;
       }
-      u.value = v, r.value = !1, !h.skipClose && o.closeMenuOnItemSelect !== !1 && k(), e("menu-item-click");
+      u.value = v, l.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();
+      a.value > 0 ? (a.value -= 1, m.value[a.value].disabled && B()) : a.value = d.value, y();
+    }, L = () => {
+      a.value < d.value ? (a.value += 1, m.value[a.value].disabled && L()) : a.value = 0, y();
     }, M = (h, v) => {
-      var x;
-      (x = h == null ? void 0 : h.items) != null && x.length && (u.value = v, r.value = !0);
+      var E;
+      (E = h == null ? void 0 : h.items) != null && E.length && (u.value = v, l.value = !0);
     }, R = () => {
-      u.value && r.value && (u.value = null, r.value = !1);
+      u.value && l.value && (u.value = null, l.value = !1);
     }, N = () => {
-      r.value = !1, u.value = null, y();
+      l.value = !1, u.value = null, y();
     };
     n({
       focusItem: y
@@ -786,8 +860,8 @@ const Rt = g({
     const { computedStyle: A } = Mt(
       f,
       u,
-      r,
-      G(o, "popoverWidth")
+      l,
+      Y(o, "popoverWidth")
     );
     return {
       // Values
@@ -795,17 +869,17 @@ const Rt = g({
       menuItemListWrapperRef: i,
       subMenuItemListRef: f,
       menuItemRef: t,
-      computedData: _,
+      computedData: m,
       computedStyle: A,
       focusedIndex: a,
-      subMenuFocusedIndex: l,
-      showSubMenu: r,
+      subMenuFocusedIndex: r,
+      showSubMenu: l,
       visibleSubMenuIndex: u,
       // Methods
-      menuItemClick: L,
+      menuItemClick: x,
       closeMenu: k,
       focusPrevious: B,
-      focusNext: E,
+      focusNext: L,
       focusRight: M,
       focusLeft: R,
       onBackButton: N
@@ -823,12 +897,12 @@ var Nt = 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, r, u;
+    var i, f, l, 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": !!((r = t.items) != null && r.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": !!((l = t.items) != null && l.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)]);
@@ -862,13 +936,13 @@ const Dt = Pt.exports, Ft = /* @__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 } = 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 t = o, s = T(), i = D(s), { t: f } = J(), l = c(null), u = c(null), a = c(!1), r = c(!1), d = c(null), _ = ye("menu"), m = S(Ft, c(!1));
+    ae(ue, m);
     const y = p(() => ({
-      "b-menu--inverse": _.value
+      "b-menu--inverse": m.value
     })), k = p(
       () => t.menuWidth ? { width: `${ne(t.menuWidth)}px` } : null
-    ), L = p(() => {
+    ), x = p(() => {
       if (t != null && t.button)
         return {
           variant: "secondary",
@@ -876,37 +950,37 @@ const Dt = Pt.exports, Ft = /* @__PURE__ */ Symbol("menu inverse style injection
         };
     }), B = () => {
       a.value = !0, n(O.OPEN);
-    }, E = async (v = t.revertFocusToButton) => {
-      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));
+    }, L = async (v = t.revertFocusToButton) => {
+      var E, F;
+      a.value && (a.value = !1, v && (await P(), (F = (E = l.value) == null ? void 0 : E.$el) == null || F.focus()), n(O.CLOSE));
     }, M = (v) => {
-      v.stopPropagation(), a.value ? E() : B();
+      v.stopPropagation(), a.value ? L() : B();
     }, R = (v) => {
-      v.preventDefault(), l.value = !1, t.disableArrowDownOpeningMenu || B();
+      v.preventDefault(), r.value = !1, t.disableArrowDownOpeningMenu || B();
     }, N = (v) => {
-      v.preventDefault(), l.value = !0, B();
+      v.preventDefault(), r.value = !0, B();
     }, A = () => {
       n("menu-item-click");
     };
     return Je(
       d,
       () => {
-        E(), n("click-outside");
+        L(), n("click-outside");
       },
       {
         ...t.closeOnClickOutsideOptions,
-        ignore: [r, ...((h = t.closeOnClickOutsideOptions) == null ? void 0 : h.ignore) ?? []]
+        ignore: [l, ...((h = t.closeOnClickOutsideOptions) == null ? void 0 : h.ignore) ?? []]
       }
     ), e({
       /**
        * Control to enable programmatic closing of the menu
        */
-      closeMenu: E
-    }), T(() => {
+      closeMenu: L
+    }), w(() => {
       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: 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 };
+    }), { __sfc: !0, props: t, emit: n, slots: s, hasSlot: i, t: f, menuButtonRef: l, menuItemListRef: u, showMenu: a, isLastElementFocused: r, popoverRef: d, menuId: _, isInverseColorSet: m, computedClasses: y, computedMenuWidth: k, computedButtonPropsWithDefaults: x, openMenu: B, closeMenu: L, toggleShowMenu: M, onKeyDown: R, onKeyUp: N, menuItemClick: A, BentoToggleButton: Pe, BentoPopover: nt, BentoTeleport: dt, ChevronDownIcon: he, OptionsVerticalIcon: vt, MenuItemList: Dt };
   }
 });
 var Wt = function() {
@@ -935,47 +1009,47 @@ var Wt = 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);
-}, Kt = [], Vt = /* @__PURE__ */ C(
+}, Vt = [], Kt = /* @__PURE__ */ C(
   Ut,
   Wt,
-  Kt,
+  Vt,
   !1,
   null,
   "677f361d"
 );
-const jt = Vt.exports, Yt = /* @__PURE__ */ Symbol(
+const jt = Kt.exports, Gt = /* @__PURE__ */ Symbol(
   "button actions with menu container injection key"
-), Gt = 242, V = parseInt(Ie, 10), Jt = (o, e, n) => {
+), Yt = 242, K = parseInt(Ie, 10), Jt = (o, e, n) => {
   const t = c(0);
   let s = null;
-  const { buttonActionsWithMenu: i, menu: f, stackButtons: r } = S(Yt, {
+  const { buttonActionsWithMenu: i, menu: f, stackButtons: l } = S(Gt, {
     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), l = (d) => {
+  }), u = p(() => i.value ?? o.value), a = p(() => f.value ? [...e.value, f.value.$el] : e.value), r = (d) => {
     var y;
-    const m = (y = a.value) == null ? void 0 : y.reduce(
-      (k, L) => k + L.clientWidth + V,
-      -V - 1
-    ), _ = u.value.clientWidth;
-    return d && (t.value = _ >= Gt && !r.value ? m : 0), t.value > _;
+    const _ = (y = a.value) == null ? void 0 : y.reduce(
+      (k, x) => k + x.clientWidth + K,
+      -K - 1
+    ), m = u.value.clientWidth;
+    return d && (t.value = m >= Yt && !l.value ? _ : 0), t.value > m;
   };
-  return Y(
+  return G(
     () => n.value,
     () => {
       P(() => {
-        r.value = l(!0);
+        l.value = r(!0);
       });
     },
     { deep: !0 }
-  ), T(() => {
+  ), w(() => {
     s = ke(u.value, () => {
-      r.value = l(t.value === 0);
+      l.value = r(t.value === 0);
     });
   }), j(() => {
     s == null || s.disconnect();
-  }), r;
-}, Ht = {}, qt = /* @__PURE__ */ g({
+  }), l;
+}, Ht = {}, zt = /* @__PURE__ */ g({
   ...Ht,
   __name: "button-actions",
   props: {
@@ -984,16 +1058,16 @@ const jt = Vt.exports, Yt = /* @__PURE__ */ Symbol(
     layout: { default: "buttons-end" }
   },
   setup(o) {
-    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 e = o, n = c(null), t = c(null), s = Jt(n, t, Y(e, "actions")), i = p(() => e.actions.slice().reverse()), f = (r) => {
       const d = e.actions.length - 1;
-      return l === d ? "primary" : "secondary";
-    }, r = p(() => ({
+      return r === d ? "primary" : "secondary";
+    }, l = 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: 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 };
+    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: Te, BentoMenu: jt };
   }
 });
 var Xt = function() {
@@ -1015,10 +1089,10 @@ var Xt = function() {
       return [n(s.iconRight, { tag: "component", attrs: { "svg-title": s.title } })];
     }, proxy: !0 } : null], null, !0) }, t.generateButtonEvents(s)))]], 2);
   }), 0)]);
-}, zt = [], Zt = /* @__PURE__ */ C(
-  qt,
-  Xt,
+}, qt = [], Zt = /* @__PURE__ */ C(
   zt,
+  Xt,
+  qt,
   !1,
   null,
   "82f686dc"
@@ -1032,10 +1106,10 @@ export {
   vt as O,
   Xe as P,
   ot as S,
-  we as a,
+  Te as a,
   I as b,
   Pe as c,
-  Yt as d,
+  Gt as d,
   dt as e,
   jt as f,
   O as g,
@@ -1044,7 +1118,7 @@ export {
   On as j,
   at as k,
   st as l,
-  qe as m,
+  ze as m,
   Je as u
 };
-//# sourceMappingURL=button-actions.BLk114As.js.map
+//# sourceMappingURL=button-actions.BmU1DngD.js.map