@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/{button-actions.Dpbx0xf3.js → button-actions.CxX7lK7z.js}

@@ -1,98 +1,65 @@
-import { defineComponent as g, useSlots as T, computed as m, onMounted as M, onUnmounted as j, useAttrs as ie, inject as k, ref as f, toRefs as re, watch as G, nextTick as P, toRef as Y, provide as le } from "vue";
-import { B as h } from "./button.CKS_V3p5.js";
-import { B as ue } from "./loading-indicator.PxbRzshH.js";
-import { C as ce } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as de } 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 z, D as fe } from "./divider.DX5gwN7p.js";
-import { C as pe } from "./cross.CC_B-vG-.js";
-import { B as X, c as $, p as me } from "./typography.C8lPlsbD.js";
-import { a as _e, P as ve, b as ye } from "./popper-container.Cb9wuFId.js";
-import { u as be } from "./aria-label.CaUURpnB.js";
-import { o as he } from "./on-click-outside.Cy1eFULD.js";
-import { g as ge } from "./generate-uid.NJ8tVoha.js";
-import { C as Ce } from "./chevron-down.eYtgv5ly.js";
+import { defineComponent as h, useSlots as L, computed as f, onMounted as M, onUnmounted as V, useAttrs as oe, inject as C, ref as c, toRefs as ae, watch as K, nextTick as N, toRef as j, provide as ie } from "vue";
+import { B as b } from "./button.C4kKejsg.js";
+import { B as re } from "./loading-indicator.PxbRzshH.js";
+import { C as le } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as ue } from "./checkmark-circle-fill.BttTCjrM.js";
+import { u as P } from "./use-has-slot.C9lQZ6nz.js";
+import { u as G } from "./index.CPOlyau9.js";
+import { n as g } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { i as Y } from "./index.Cl4_42j5.js";
+import { B as J, D as ce } from "./divider.DX5gwN7p.js";
+import { C as de } from "./cross.CC_B-vG-.js";
+import { B as H, c as D, p as fe } from "./typography.D1OZJbEa.js";
+import { a as pe, P as me, b as _e } from "./popper-container.D08eTt4B.js";
+import { u as ve } from "./aria-label.CaUURpnB.js";
+import { o as ye } from "./on-click-outside.BgIzQ2G1.js";
+import { g as be } from "./generate-uid.DBWe4g6T.js";
+import { C as he } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
-import { C as ke, a as U } from "./chevron-left.BS24hEFa.js";
-import { a as V, B as Ie } from "./base-button.BPRPrO0p.js";
-import { t as Be } from "./truncate.BfIl_-71.js";
-import { o as Oe } from "./resize.Bqks3WUm.js";
-import { g as Se } from "./es6.Cu3DYUPA.js";
+import { C as ge, a as F } from "./chevron-left.BS24hEFa.js";
+import { a as $, B as Ce } from "./base-button.D5C9VIYP.js";
+import { t as ke } from "./truncate.DmCXQmeb.js";
+import { o as Ie } from "./resize.Bqks3WUm.js";
+import { g as Be } from "./es6.Cu3DYUPA.js";
 import "../assets/button-actions.css";
-var B = /* @__PURE__ */ ((o) => (o.START = "start", o.LOADING = "loading", o.SUCCESS = "success", o.FAIL = "fail", o))(B || {});
-const xe = {
-  "de-DE": {
-    failed: "Fehlgeschlagen",
-    succeded: "Erfolgreich"
-  },
-  "en-GB": {
-    failed: "Failed",
-    succeded: "Succeeded"
-  },
-  "en-US": {
-    failed: "Failed",
-    succeded: "Succeded"
-  },
-  "es-419": {
-    failed: "Fallo",
-    succeded: "Correcto"
-  },
-  "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: "成功"
-  }
-}, Ee = {
-  i18n: { messages: xe }
-}, Le = /* @__PURE__ */ g({
-  ...Ee,
+var k = /* @__PURE__ */ ((o) => (o.START = "start", o.LOADING = "loading", o.SUCCESS = "success", o.FAIL = "fail", o))(k || {});
+const Oe = {
+  "de-DE": { failed: "Fehlgeschlagen", succeded: "Erfolgreich" },
+  "en-GB": { failed: "Failed", succeded: "Succeeded" },
+  "en-US": { failed: "Failed", succeded: "Succeded" },
+  "es-419": { failed: "Fallo", succeded: "Correcto" },
+  "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: "成功" }
+}, Se = {
+  i18n: { messages: Oe }
+}, xe = /* @__PURE__ */ h({
+  ...Se,
   __name: "loading-button",
   props: {
     /**
      * Reduces sizing of button
      */
     condensed: {
-      type: h.props.condensed.type,
+      type: b.props.condensed.type,
       default: !1
     },
     /**
      * Displays loading-button as critical
      */
     critical: {
-      type: h.props.critical.type,
+      type: b.props.critical.type,
       default: !1
     },
     /**
      * Disables button functonality
      */
     disabled: {
-      type: h.props.disabled.type,
+      type: b.props.disabled.type,
       default: !1
     },
     /**
@@ -108,36 +75,36 @@ const xe = {
      */
     state: {
       type: String,
-      default: B.START,
-      validator: (o) => Object.values(B).includes(o)
+      default: k.START,
+      validator: (o) => Object.values(k).includes(o)
     },
     /**
      * Types of flavour of Button
      */
     variant: {
-      type: h.props.variant.type,
+      type: b.props.variant.type,
       default: "primary",
-      validator: h.props.variant.validator
+      validator: b.props.variant.validator
     }
   },
   emits: ["click"],
   setup(o, { emit: e }) {
-    const n = o, t = T(), s = D(t), { t: i } = J(), p = m(() => ({
-      [`b-loading-button--${n.variant}-${B.LOADING}`]: n.state === B.LOADING && !n.disabled,
-      "b-loading-button--loading": n.state === B.LOADING && !n.disabled,
-      [`b-loading-button--${n.variant}-${B.SUCCESS}`]: n.state === B.SUCCESS,
+    const n = o, t = L(), s = P(t), { t: a } = G(), p = f(() => ({
+      [`b-loading-button--${n.variant}-${k.LOADING}`]: n.state === k.LOADING && !n.disabled,
+      "b-loading-button--loading": n.state === k.LOADING && !n.disabled,
+      [`b-loading-button--${n.variant}-${k.SUCCESS}`]: n.state === k.SUCCESS,
       "b-loading-button--inverse": n.inverse
-    })), l = m(
+    })), u = f(
       () => n.variant === "primary" && !n.inverse || n.variant !== "primary" && n.inverse
-    ), u = m(
-      () => n.critical && n.state === B.START || n.state === B.FAIL
+    ), d = f(
+      () => n.critical && n.state === k.START || n.state === k.FAIL
     );
-    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: i, conditionalClasses: p, isInverseLoadingIndicator: l, isCritical: u, onClick: (r) => {
-      r.stopPropagation(), n.state !== B.LOADING && e("click", r);
-    }, BentoLoadingIndicator: ue, BentoButton: h, Cross: ce, Checkmark: de };
+    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: a, conditionalClasses: p, isInverseLoadingIndicator: u, isCritical: d, onClick: (r) => {
+      r.stopPropagation(), n.state !== k.LOADING && e("click", r);
+    }, BentoLoadingIndicator: re, BentoButton: b, Cross: le, Checkmark: ue };
   }
 });
-var Te = 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);
@@ -146,30 +113,30 @@ var Te = 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);
-}, Me = [], we = /* @__PURE__ */ C(
+}, Le = [], Me = /* @__PURE__ */ g(
+  xe,
+  Ee,
   Le,
-  Te,
-  Me,
   !1,
   null,
   "bc74b2f7"
 );
-const Re = we.exports, Ae = {}, Ne = /* @__PURE__ */ g({
-  ...Ae,
+const Te = Me.exports, we = {}, Re = /* @__PURE__ */ h({
+  ...we,
   __name: "toggle-button",
   props: {
     /**
      * Reduces sizing of button
      */
     condensed: {
-      type: h.props.condensed.type,
+      type: b.props.condensed.type,
       default: !1
     },
     /**
      * Disables button functonality
      */
     disabled: {
-      type: h.props.disabled.type,
+      type: b.props.disabled.type,
       default: !1
     },
     /**
@@ -184,9 +151,9 @@ const Re = we.exports, Ae = {}, Ne = /* @__PURE__ */ g({
      * @values primary, secondary, tertiary
      */
     variant: {
-      type: h.props.variant.type,
+      type: b.props.variant.type,
       default: "primary",
-      validator: h.props.variant.validator
+      validator: b.props.variant.validator
     },
     /**
      * The state of the button whether it is toggled or not.
@@ -198,38 +165,38 @@ const Re = we.exports, Ae = {}, Ne = /* @__PURE__ */ g({
   },
   emits: ["click", "update:toggled"],
   setup(o, { emit: e }) {
-    const n = o, t = m(
+    const n = o, t = f(
       () => n.variant === "tertiary" ? "tertiary-with-background" : n.variant
-    ), s = m(() => ({
-      "b-toggle-button--condensed": n == null ? void 0 : n.condensed,
+    ), s = f(() => ({
+      "b-toggle-button--condensed": n?.condensed,
       [`b-toggle-button--${t.value}-toggled`]: n.toggled,
       "b-toggle-button--inverse": n.inverse
-    })), i = (u) => {
-      u.stopPropagation(), n != null && n.disabled || (e("click", u), e("update:toggled", !n.toggled));
-    }, p = T();
-    return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: p, getSlotKeyIfVue3: (u) => ({}), BentoButton: h };
+    })), a = (d) => {
+      d.stopPropagation(), n?.disabled || (e("click", d), e("update:toggled", !n.toggled));
+    }, p = L();
+    return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: a, slots: p, getSlotKeyIfVue3: (d) => ({}), BentoButton: b };
   }
 });
-var Pe = function() {
+var Ae = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
   return n(t.BentoButton, e._b({ staticClass: "b-toggle-button", class: t.conditionalClasses, attrs: { "aria-expanded": `${e.toggled}`, "aria-pressed": `${e.toggled}`, condensed: e.condensed, disabled: e.disabled, inverse: e.inverse, variant: t.computedVariant }, on: { "!click": function(s) {
     return s.stopPropagation(), t.onClick.apply(null, arguments);
-  } }, scopedSlots: e._u([e._l(t.slots, function(s, i) {
-    return { key: i, fn: function() {
-      return [e._t(i, null, null, t.getSlotKeyIfVue3(i))];
+  } }, scopedSlots: e._u([e._l(t.slots, function(s, a) {
+    return { key: a, fn: function() {
+      return [e._t(a, null, null, t.getSlotKeyIfVue3(a))];
     }, proxy: !0 };
   })], null, !0) }, "bento-button", e.$attrs, !1));
-}, De = [], Fe = /* @__PURE__ */ C(
+}, Ne = [], Pe = /* @__PURE__ */ g(
+  Re,
+  Ae,
   Ne,
-  Pe,
-  De,
   !1,
   null,
   "0bc368c9"
 );
-const $e = Fe.exports, Ue = g({
+const De = Pe.exports, Fe = h({
   name: "bento-popover-dismiss-button",
-  components: { BentoButton: h, CrossIcon: pe },
+  components: { BentoButton: b, CrossIcon: de },
   props: {
     onImage: {
       type: Boolean,
@@ -239,27 +206,27 @@ const $e = Fe.exports, Ue = g({
   setup(o) {
     return {
       // Values
-      conditionalClass: m(() => ({ "b-popover-dismiss-button--on-image": o.onImage }))
+      conditionalClass: f(() => ({ "b-popover-dismiss-button--on-image": o.onImage }))
     };
   }
 });
-var Ve = function() {
+var $e = 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 }]) });
-}, We = [], Ke = /* @__PURE__ */ C(
-  Ue,
-  Ve,
+}, We = [], Ue = /* @__PURE__ */ g(
+  Fe,
+  $e,
   We,
   !1,
   null,
   "4c18828f"
 );
-const je = Ke.exports, Ge = g({
-  components: { BentoTypography: X },
+const Ve = Ue.exports, Ke = h({
+  components: { BentoTypography: H },
   props: {
     /**
      * Indicates if the popover contains an image.
@@ -271,8 +238,8 @@ const je = Ke.exports, Ge = g({
     title: { type: String, default: null }
   },
   setup(o) {
-    const e = m(() => !o.isImageTitle), n = m(
-      () => o.isImageTitle ? $.SUBTITLE : $.BODY
+    const e = f(() => !o.isImageTitle), n = f(
+      () => o.isImageTitle ? D.SUBTITLE : D.BODY
     );
     return {
       // Values
@@ -281,26 +248,26 @@ const je = Ke.exports, Ge = g({
     };
   }
 });
-var Ye = function() {
+var je = 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 = [], He = /* @__PURE__ */ C(
+}, Ge = [], Ye = /* @__PURE__ */ g(
+  Ke,
+  je,
   Ge,
-  Ye,
-  Je,
   !1,
   null,
   null
 );
-const ze = He.exports, Xe = (o, e, n = {}) => {
+const Je = Ye.exports, He = (o, e, n = {}) => {
   let t;
   M(() => {
-    t = he(o, e, n);
-  }), j(() => {
+    t = ye(o, e, n);
+  }), V(() => {
     t && (t(), t = null);
   });
-}, qe = /* @__PURE__ */ Symbol("input field popover injection key"), Ze = /* @__PURE__ */ Symbol("input field popover injection key"), Qe = /* @__PURE__ */ Symbol("popover offset injection key"), et = {}, tt = /* @__PURE__ */ g({
-  ...et,
+}, ze = /* @__PURE__ */ Symbol("input field popover injection key"), Xe = /* @__PURE__ */ Symbol("input field popover injection key"), qe = /* @__PURE__ */ Symbol("popover offset injection key"), Ze = {}, Qe = /* @__PURE__ */ h({
+  ...Ze,
   __name: "popover",
   props: {
     actions: { default: void 0 },
@@ -326,44 +293,41 @@ const ze = He.exports, Xe = (o, e, n = {}) => {
   },
   emits: ["dismiss", "placement"],
   setup(o, { emit: e }) {
-    const n = o, t = 2, s = T(), i = ie(), p = m(() => {
-      var O;
-      return {
-        id: (O = i.id) == null ? void 0 : O.toString(),
-        role: (i == null ? void 0 : i.role) === null ? void 0 : _e.POPOVER
-      };
-    }), l = k(Qe, t), u = f(i["aria-label"]), { ariaLabel: a, title: r } = re(n), c = be({
-      ariaLabel: u.value,
+    const n = o, t = 2, s = L(), a = oe(), p = f(() => ({
+      id: a.id?.toString(),
+      role: a?.role === null ? void 0 : pe.POPOVER
+    })), u = C(qe, t), d = c(a["aria-label"]), { ariaLabel: i, title: r } = ae(n), l = ve({
+      ariaLabel: d.value,
       // TODO: take this line away when the aria-label props is removed
-      label: a,
+      label: i,
       defaultFallback: r
-    }), d = k(Ze, !1) || k(qe, !1), _ = m(() => ({
+    }), v = C(Xe, !1) || C(ze, !1), _ = f(() => ({
       "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 || d
-    })), y = m(() => ({
+      "b-popover--overflow-visible": n.overflowVisible || v
+    })), y = f(() => ({
       "b-popover__content--with-title": !!n.title
-    })), I = () => e("dismiss"), E = D(s);
-    return { __sfc: !0, DEFAULT_OFFSET: t, props: n, emit: e, slots: s, attrs: i, computedAttributes: p, offset: l, ariaLabelAttribute: u, ariaLabel: a, title: r, computedAriaLabel: c, isOverflowVisible: d, conditionalClasses: _, contentConditionalClasses: y, dismissPopover: I, hasSlot: E, BentoPopoverDismissButton: je, BentoPopoverTitle: ze, BentoButtonActions: Qt, PopperContainer: ve };
+    })), B = () => e("dismiss"), E = P(s);
+    return { __sfc: !0, DEFAULT_OFFSET: t, props: n, emit: e, slots: s, attrs: a, computedAttributes: p, offset: u, ariaLabelAttribute: d, ariaLabel: i, title: r, computedAriaLabel: l, isOverflowVisible: v, conditionalClasses: _, contentConditionalClasses: y, dismissPopover: B, hasSlot: E, BentoPopoverDismissButton: Ve, BentoPopoverTitle: Je, BentoButtonActions: qt, PopperContainer: me };
   }
 });
-var nt = function() {
+var et = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
   return n("Transition", { attrs: { name: "b-popover__animation" } }, [e.open ? n(t.PopperContainer, { staticClass: "b-popover", class: t.conditionalClasses, attrs: { id: t.computedAttributes.id, "aria-role": t.computedAttributes.role, "aria-label": t.computedAriaLabel, arrow: { classes: ["b-popover__arrow"] }, "disabled-focus-trap": e.disableFocusTrap, "trap-all": e.trapAll, "trap-all-options": e.trapAllOptions, "fallback-position": e.fallbackPosition, "fixed-positioning": e.fixedPositioning, offset: [0, t.offset], position: e.position, "target-element": e.targetElement }, on: { placement: function(s) {
     return e.$emit("placement", s);
   } } }, [t.hasSlot("image") ? n("div", { staticClass: "b-popover__image" }, [e.dismissible ? n("div", { staticClass: "b-popover__image-dismiss-button" }, [n(t.BentoPopoverDismissButton, { attrs: { "on-image": "" }, on: { click: t.dismissPopover } })], 1) : e._e(), e._t("image")], 2) : e._e(), t.title ? n("div", { staticClass: "b-popover__header" }, [n("div", { staticClass: "b-popover__header-title" }, [t.hasSlot("headerIcon") ? e._t("headerIcon") : e._e(), n(t.BentoPopoverTitle, { attrs: { title: t.title, "is-image-title": !!t.hasSlot("image") } })], 2), e.dismissible && !t.hasSlot("image") ? n("div", [n(t.BentoPopoverDismissButton, { on: { click: t.dismissPopover } })], 1) : e._e()]) : e._e(), t.hasSlot("default") ? n("div", { staticClass: "b-popover__content", class: t.contentConditionalClasses }, [e._t("default")], 2) : e._e(), e.actions ? n("div", { staticClass: "b-popover__footer" }, [n(t.BentoButtonActions, { attrs: { actions: e.actions, layout: e.actionsLayout } })], 1) : e._e()]) : e._e()], 1);
-}, st = [], ot = /* @__PURE__ */ C(
+}, tt = [], nt = /* @__PURE__ */ g(
+  Qe,
+  et,
   tt,
-  nt,
-  st,
   !1,
   null,
   "2de66a7e"
 );
-const at = ot.exports, q = /* @__PURE__ */ Symbol("modal injection key"), Z = /* @__PURE__ */ Symbol("sidepanel children element injection key"), Q = /* @__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({
+const st = nt.exports, z = /* @__PURE__ */ Symbol("modal injection key"), X = /* @__PURE__ */ Symbol("sidepanel children element injection key"), q = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), kn = /* @__PURE__ */ Symbol("modal fullscreen title id injection key"), In = /* @__PURE__ */ Symbol("modal fullscreen close injection key"), ot = h({
   name: "teleport",
   props: {
     to: {
@@ -382,7 +346,7 @@ const at = ot.exports, q = /* @__PURE__ */ Symbol("modal injection key"), Z = /*
     waiting: !1,
     observer: null,
     parent: null,
-    isVue2: H
+    isVue2: Y
   }),
   computed: {
     classes() {
@@ -401,7 +365,7 @@ const at = ot.exports, q = /* @__PURE__ */ Symbol("modal injection key"), Z = /*
     defaultTo() {
       if (this.to)
         return this.to;
-      const o = k(q, "") || k(Q, "") || k(Z, "");
+      const o = C(z, "") || C(q, "") || C(X, "");
       return o ? `#${o}` : "body";
     }
   },
@@ -444,7 +408,7 @@ const at = ot.exports, q = /* @__PURE__ */ Symbol("modal injection key"), Z = /*
       let e = !1;
       for (let n = 0; n < o.length; n++) {
         const t = o[n], s = Array.from(t.addedNodes).filter(
-          (i) => !this.nodes.includes(i)
+          (a) => !this.nodes.includes(a)
         );
         Array.from(t.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && s.length > 0 && (e = !0);
       }
@@ -472,48 +436,48 @@ const at = ot.exports, q = /* @__PURE__ */ Symbol("modal injection key"), Z = /*
       return this.$vnode.componentOptions.children.map((o) => o.elm).filter((o) => o);
     }
   }
-}), rt = /* @__PURE__ */ g({
-  ...it,
+}), at = /* @__PURE__ */ h({
+  ...ot,
   setup(o) {
-    const e = k(q, ""), n = k(Q, ""), t = k(Z, ""), s = m(() => {
-      const i = e || n || t;
-      return i ? `#${i}` : "body";
+    const e = C(z, ""), n = C(q, ""), t = C(X, ""), s = f(() => {
+      const a = e || n || t;
+      return a ? `#${a}` : "body";
     });
-    return { __sfc: !0, injectedModalKey: e, injectedModalFullscreenKey: n, injectedSidepanelKey: t, teleportTarget: s, isVue2: H };
+    return { __sfc: !0, injectedModalKey: e, injectedModalFullscreenKey: n, injectedSidepanelKey: t, teleportTarget: s, isVue2: Y };
   }
 });
-var lt = function() {
+var it = 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", { attrs: { to: e.to || t.teleportTarget, disabled: e.disabled } }, [e._t("default")], 2);
-}, ut = [], ct = /* @__PURE__ */ C(
+}, rt = [], lt = /* @__PURE__ */ g(
+  at,
+  it,
   rt,
-  lt,
-  ut,
   !1,
   null,
   "4755b0e0"
 );
-const dt = ct.exports;
+const ut = lt.exports;
 let W = 0;
-const ft = {
+const ct = {
   beforeCreate() {
     this.uuid = W.toString(), W += 1;
   }
 };
-var pt = function() {
+var dt = 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" } })]);
-}, mt = [], _t = /* @__PURE__ */ C(
+}, ft = [], pt = /* @__PURE__ */ g(
+  ct,
+  dt,
   ft,
-  pt,
-  mt,
   !1,
   null,
   null
 );
-const vt = _t.exports, yt = g({
+const mt = pt.exports, _t = h({
   name: "menu-item",
-  components: { BaseButton: Ie, BentoTypography: X, ChevronRightIcon: ke },
+  components: { BaseButton: Ce, BentoTypography: H, ChevronRightIcon: ge },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -581,24 +545,24 @@ const vt = _t.exports, yt = g({
       default: !1
     }
   },
-  emits: [V.CLICK],
+  emits: [$.CLICK],
   setup(o, { emit: e }) {
-    const t = m(() => ({
+    const t = f(() => ({
       "b-menu-item--critical": o.critical,
       "b-menu-item--indent": o.indent
-    })), s = m(() => Be(o.secondaryText, 10));
+    })), s = f(() => ke(o.secondaryText, 10));
     return {
       // Values
       conditionalClasses: t,
       computedSecondaryText: s,
       // Methods
       onClick: (p) => {
-        p.stopPropagation(), o.handler(), e(V.CLICK);
+        p.stopPropagation(), o.handler(), e($.CLICK);
       }
     };
   }
 });
-var bt = function() {
+var vt = function() {
   var e = this, n = e._self._c;
   return e._self._setupProxy, n("base-button", { staticClass: "b-menu-item", class: e.conditionalClasses, attrs: { role: "menuitem", disabled: e.disabled, tabindex: "-1" }, on: { click: e.onClick }, scopedSlots: e._u([e.icon ? { key: "iconLeft", fn: function() {
     return [n(e.icon, { tag: "component", staticClass: "b-menu-item__icon-left", attrs: { "aria-hidden": "true" } })];
@@ -607,92 +571,59 @@ var bt = function() {
   }, proxy: !0 }, e.chevron ? { key: "iconRight", fn: function() {
     return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) });
-}, ht = [], gt = /* @__PURE__ */ C(
+}, yt = [], bt = /* @__PURE__ */ g(
+  _t,
+  vt,
   yt,
-  bt,
-  ht,
   !1,
   null,
   "a173cbf5"
 );
-const ee = gt.exports;
-({ ...ye });
-var S = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(S || {});
-const Ct = /* @__PURE__ */ Symbol("menu registering injection key"), kt = {
+const Z = bt.exports;
+({ ..._e });
+var I = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(I || {});
+const ht = /* @__PURE__ */ Symbol("menu registering injection key"), gt = {
   name: "bento-menu-list-container"
-}, It = /* @__PURE__ */ g({
-  ...kt,
+}, Ct = /* @__PURE__ */ h({
+  ...gt,
   setup(o) {
-    const e = f(), n = f({}), t = k(Ct, !1);
+    const e = c(), n = c({}), t = C(ht, !1);
     if (t) {
       const { registerMenuContainerElement: s } = t;
       s(e), n.value = {
-        mouseleave: t == null ? void 0 : t.menuMouseLeave
+        mouseleave: t?.menuMouseLeave
       };
     }
     return { __sfc: !0, menuListContainerRef: e, menuListContainerEvents: n, registeringAndMousingOut: t };
   }
 });
-var Bt = function() {
+var kt = 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 = [], St = /* @__PURE__ */ C(
+}, It = [], Bt = /* @__PURE__ */ g(
+  Ct,
+  kt,
   It,
-  Bt,
-  Ot,
   !1,
   null,
   "1669d56a"
 );
-const te = St.exports, ne = {
-  "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-419": {
-    backButton: "Volver",
-    menuButton: "Abrir menú"
-  },
-  "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: "打开菜单"
-  }
-}, xt = g({
-  i18n: { messages: ne },
+const Q = Bt.exports, ee = {
+  "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-419": { backButton: "Volver", menuButton: "Abrir menú" },
+  "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: "打开菜单" }
+}, Ot = h({
+  i18n: { messages: ee },
   name: "sub-menu-item-list",
-  components: { BentoDivider: z, MenuItem: ee, MenuListContainer: te },
+  components: { BentoDivider: J, MenuItem: Z, MenuListContainer: Q },
   props: {
     items: {
       type: Array,
@@ -703,22 +634,21 @@ const te = St.exports, ne = {
       required: !0
     }
   },
-  emits: [S.CLOSE, S.BACK],
+  emits: [I.CLOSE, I.BACK],
   setup(o, { emit: e }) {
-    const n = f(null), t = f(0), s = f(o.items.length), i = () => e(S.CLOSE), p = () => e(S.BACK), l = m(() => {
-      var d;
-      const c = (d = o.items) == null ? void 0 : d.map((_) => ({
-        ..._,
-        indent: !_.icon,
+    const n = c(null), t = c(0), s = c(o.items.length), a = () => e(I.CLOSE), p = () => e(I.BACK), u = f(() => {
+      const l = o.items?.map((v) => ({
+        ...v,
+        indent: !v.icon,
         isTitle: !1,
-        clickHandler: i
+        clickHandler: a
       }));
       return [
         {
           text: o.title,
           secondaryText: null,
           critical: !1,
-          icon: U,
+          icon: F,
           isTitle: !0,
           disabled: !1,
           indent: !1,
@@ -726,37 +656,36 @@ const te = St.exports, ne = {
           clickHandler: p,
           addDivider: !0
         },
-        ...c
+        ...l
       ];
-    }), u = async () => {
-      var c, d, _, y, I;
-      (I = (y = (_ = (d = (c = n.value) == null ? void 0 : c.children) == null ? void 0 : d[t.value]) == null ? void 0 : _.children) == null ? void 0 : y[0]) == null || I.focus();
+    }), d = async () => {
+      n.value?.children?.[t.value]?.children?.[0]?.focus();
     };
     M(async () => {
-      setTimeout(() => u(), 150);
+      setTimeout(() => d(), 150);
     });
-    const a = () => {
-      t.value > 0 ? (t.value -= 1, l.value[t.value].disabled && a()) : t.value = s.value, u();
+    const i = () => {
+      t.value > 0 ? (t.value -= 1, u.value[t.value].disabled && i()) : t.value = s.value, d();
     }, r = () => {
-      t.value < s.value ? (t.value += 1, l.value[t.value].disabled && r()) : t.value = 0, u();
+      t.value < s.value ? (t.value += 1, u.value[t.value].disabled && r()) : t.value = 0, d();
     };
     return {
       // Enums
-      BentoMenuEvent: S,
+      BentoMenuEvent: I,
       // Values
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: t,
-      ChevronLeftIcon: U,
-      computedItems: l,
+      ChevronLeftIcon: F,
+      computedItems: u,
       // Methods
-      closeMenu: i,
+      closeMenu: a,
       onBackButton: p,
-      focusPrevious: a,
+      focusPrevious: i,
       focusNext: r
     };
   }
 });
-var Et = function() {
+var St = 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));
@@ -767,49 +696,48 @@ var Et = 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);
-}, Lt = [], Tt = /* @__PURE__ */ C(
+}, xt = [], Et = /* @__PURE__ */ g(
+  Ot,
+  St,
   xt,
-  Et,
-  Lt,
   !1,
   null,
   "93387117"
 );
-const Mt = Tt.exports, se = 350, oe = 150;
-function ae(o) {
-  return Math.max(oe, Math.min(o, se));
+const Lt = Et.exports, te = 350, ne = 150;
+function se(o) {
+  return Math.max(ne, Math.min(o, te));
 }
-function wt(o, e, n, t) {
-  const s = f(0), i = f(0), p = (a) => {
-    if (!a || !a.parentElement)
+function Mt(o, e, n, t) {
+  const s = c(0), a = c(0), p = (i) => {
+    if (!i || !i.parentElement)
       return;
-    const r = a.parentElement, c = a.cloneNode(!0);
-    c.style.position = "absolute", c.style.visibility = "hidden", r.appendChild(c), c.style.width = "max-content";
-    const d = c.offsetWidth, _ = Math.max(oe, Math.min(d, se));
-    s.value = _, c.style.width = `${_}px`;
-    const y = c.offsetHeight;
-    i.value = y, r.removeChild(c), i.value = y;
+    const r = i.parentElement, l = i.cloneNode(!0);
+    l.style.position = "absolute", l.style.visibility = "hidden", r.appendChild(l), l.style.width = "max-content";
+    const v = l.offsetWidth, _ = Math.max(ne, Math.min(v, te));
+    s.value = _, l.style.width = `${_}px`;
+    const y = l.offsetHeight;
+    a.value = y, r.removeChild(l), a.value = y;
   };
-  G([e, n], async ([a]) => {
-    var r, c;
-    if (a !== null) {
-      await P();
-      const d = (c = (r = o.value) == null ? void 0 : r[0]) == null ? void 0 : c.$el;
-      d && p(d);
+  K([e, n], async ([i]) => {
+    if (i !== null) {
+      await N();
+      const r = o.value?.[0]?.$el;
+      r && p(r);
     } else
-      s.value = 0, i.value = 0;
+      s.value = 0, a.value = 0;
   });
-  const l = m(() => t != null && t.value ? ae(t.value) : 0);
-  return { computedStyle: m(() => {
-    const a = {
-      width: l.value > 0 ? `${l.value}px` : "max-content"
+  const u = f(() => t?.value ? se(t.value) : 0);
+  return { computedStyle: f(() => {
+    const i = {
+      width: u.value > 0 ? `${u.value}px` : "max-content"
     };
-    return n.value && (i.value > 0 && (a.height = `${i.value}px`), s.value > 0 && (a.width = `${s.value}px`)), a;
+    return n.value && (a.value > 0 && (i.height = `${a.value}px`), s.value > 0 && (i.width = `${s.value}px`)), i;
   }) };
 }
-const Rt = g({
+const Tt = h({
   name: "menu-item-list",
-  components: { BentoDivider: z, MenuItem: ee, MenuListContainer: te, SubMenuItemList: Mt },
+  components: { BentoDivider: J, MenuItem: Z, MenuListContainer: Q, SubMenuItemList: Lt },
   props: {
     /**
      * The data to be displayed in the list
@@ -847,68 +775,66 @@ const Rt = g({
       default: null
     }
   },
-  emits: [S.CLOSE, "menu-item-click"],
+  emits: [I.CLOSE, "menu-item-click"],
   setup(o, { emit: e, expose: n }) {
-    const t = f(null), s = f(null), i = f(null), p = f(null), l = f(!1), u = f(null), a = f(o.focusLastElement ? o.data.length - 1 : 0), r = f(0), c = f(o.data.length - 1), d = m(() => o.data.some((b) => b.icon)), _ = m(() => o.indentItems || d.value ? o.data.map((b) => {
-      let v = !1;
-      return b.icon || (v = !0), {
-        ...b,
-        indent: v
+    const t = c(null), s = c(null), a = c(null), p = c(null), u = c(!1), d = c(null), i = c(o.focusLastElement ? o.data.length - 1 : 0), r = c(0), l = c(o.data.length - 1), v = f(() => o.data.some((m) => m.icon)), _ = f(() => o.indentItems || v.value ? o.data.map((m) => {
+      let x = !1;
+      return m.icon || (x = !0), {
+        ...m,
+        indent: x
       };
     }) : o.data), y = async () => {
-      var b, v, x;
-      (x = (v = (b = s.value) == null ? void 0 : b.children[a.value]) == null ? void 0 : v.children[0]) == null || x.focus();
-    }, I = () => e(S.CLOSE), E = (b, v) => {
-      if (b.items) {
-        u.value = v, l.value = !0;
+      s.value?.children[i.value]?.children[0]?.focus();
+    }, B = () => e(I.CLOSE), E = (m, x) => {
+      if (m.items) {
+        d.value = x, u.value = !0;
         return;
       }
-      u.value = v, l.value = !1, !b.skipClose && o.closeMenuOnItemSelect !== !1 && I(), e("menu-item-click");
+      d.value = x, u.value = !1, !m.skipClose && o.closeMenuOnItemSelect !== !1 && B(), e("menu-item-click");
     }, O = () => {
-      a.value > 0 ? (a.value -= 1, _.value[a.value].disabled && O()) : a.value = c.value, y();
-    }, L = () => {
-      a.value < c.value ? (a.value += 1, _.value[a.value].disabled && L()) : a.value = 0, y();
-    }, w = (b, v) => {
-      var x;
-      (x = b == null ? void 0 : b.items) != null && x.length && (u.value = v, l.value = !0);
+      i.value > 0 ? (i.value -= 1, _.value[i.value].disabled && O()) : i.value = l.value, y();
+    }, S = () => {
+      i.value < l.value ? (i.value += 1, _.value[i.value].disabled && S()) : i.value = 0, y();
+    }, T = (m, x) => {
+      m?.items?.length && (d.value = x, u.value = !0);
+    }, w = () => {
+      d.value && u.value && (d.value = null, u.value = !1);
     }, R = () => {
-      u.value && l.value && (u.value = null, l.value = !1);
-    }, A = () => {
-      l.value = !1, u.value = null, y();
+      u.value = !1, d.value = null, y();
     };
     n({
       focusItem: y
     });
-    const { computedStyle: N } = wt(
+    const { computedStyle: A } = Mt(
       p,
+      d,
       u,
-      l,
-      Y(o, "popoverWidth")
+      j(o, "popoverWidth")
     );
     return {
       // Values
       menuItemListRef: s,
-      menuItemListWrapperRef: i,
+      menuItemListWrapperRef: a,
       subMenuItemListRef: p,
       menuItemRef: t,
       computedData: _,
-      computedStyle: N,
-      focusedIndex: a,
+      computedStyle: A,
+      focusedIndex: i,
       subMenuFocusedIndex: r,
-      showSubMenu: l,
-      visibleSubMenuIndex: u,
+      showSubMenu: u,
+      visibleSubMenuIndex: d,
       // Methods
       menuItemClick: E,
-      closeMenu: I,
+      closeMenu: B,
       focusPrevious: O,
-      focusNext: L,
-      focusRight: w,
-      focusLeft: R,
-      onBackButton: A
+      focusNext: S,
+      focusRight: T,
+      focusLeft: w,
+      onBackButton: R
     };
   }
 });
-var At = function() {
+var wt = 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);
@@ -919,28 +845,27 @@ var At = 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, p, 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: !!((p = t.items) != null && p.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: t.items?.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!t.items?.length, disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: s === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!t.items?.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);
+    } } }), t.addDivider ? n("bento-divider", { staticClass: "b-menu-item-list__divider" }) : e._e(), t.items?.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)]);
-}, Nt = [], Pt = /* @__PURE__ */ C(
+}, Rt = [], At = /* @__PURE__ */ g(
+  Tt,
+  wt,
   Rt,
-  At,
-  Nt,
   !1,
   null,
   "273aba04"
 );
-const Dt = Pt.exports, Ft = /* @__PURE__ */ Symbol("menu inverse style injection key"), $t = {
-  i18n: { messages: ne },
+const Nt = At.exports, Pt = /* @__PURE__ */ Symbol("menu inverse style injection key"), Dt = {
+  i18n: { messages: ee },
   name: "bento-menu"
-}, Ut = /* @__PURE__ */ g({
-  ...$t,
+}, Ft = /* @__PURE__ */ h({
+  ...Dt,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -957,55 +882,53 @@ const Dt = Pt.exports, Ft = /* @__PURE__ */ Symbol("menu inverse style injection
   },
   emits: ["menu-item-click", "click-outside"],
   setup(o, { expose: e, emit: n }) {
-    var b;
-    const t = o, s = T(), i = D(s), { t: p } = J(), l = f(null), u = f(null), a = f(!1), r = f(!1), c = f(null), d = ge("menu"), _ = k(Ft, f(!1));
-    le(fe, _);
-    const y = m(() => ({
+    const t = o, s = L(), a = P(s), { t: p } = G(), u = c(null), d = c(null), i = c(!1), r = c(!1), l = c(null), v = be("menu"), _ = C(Pt, c(!1));
+    ie(ce, _);
+    const y = f(() => ({
       "b-menu--inverse": _.value
-    })), I = m(
-      () => t.menuWidth ? { width: `${ae(t.menuWidth)}px` } : null
-    ), E = m(() => {
-      if (t != null && t.button)
+    })), B = f(
+      () => t.menuWidth ? { width: `${se(t.menuWidth)}px` } : null
+    ), E = f(() => {
+      if (t?.button)
         return {
           variant: "secondary",
           ...t.button
         };
     }), O = () => {
-      a.value = !0, n(S.OPEN);
-    }, L = async (v = t.revertFocusToButton) => {
-      var x, F;
-      a.value && (a.value = !1, v && (await P(), (F = (x = l.value) == null ? void 0 : x.$el) == null || F.focus()), n(S.CLOSE));
-    }, w = (v) => {
-      v.stopPropagation(), a.value ? L() : O();
-    }, R = (v) => {
-      v.preventDefault(), r.value = !1, t.disableArrowDownOpeningMenu || O();
-    }, A = (v) => {
-      v.preventDefault(), r.value = !0, O();
-    }, N = () => {
+      i.value = !0, n(I.OPEN);
+    }, S = async (m = t.revertFocusToButton) => {
+      i.value && (i.value = !1, m && (await N(), u.value?.$el?.focus()), n(I.CLOSE));
+    }, T = (m) => {
+      m.stopPropagation(), i.value ? S() : O();
+    }, w = (m) => {
+      m.preventDefault(), r.value = !1, t.disableArrowDownOpeningMenu || O();
+    }, R = (m) => {
+      m.preventDefault(), r.value = !0, O();
+    }, A = () => {
       n("menu-item-click");
     };
-    return Xe(
-      c,
+    return He(
+      l,
       () => {
-        L(), n("click-outside");
+        S(), n("click-outside");
       },
       {
         ...t.closeOnClickOutsideOptions,
-        ignore: [l, ...((b = t.closeOnClickOutsideOptions) == null ? void 0 : b.ignore) ?? []]
+        ignore: [u, ...t.closeOnClickOutsideOptions?.ignore ?? []]
       }
     ), e({
       /**
        * Control to enable programmatic closing of the menu
        */
-      closeMenu: L
+      closeMenu: S
     }), M(() => {
-      i("iconRight") && me(
+      a("iconRight") && fe(
         '"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: p, menuButtonRef: l, menuItemListRef: u, showMenu: a, isLastElementFocused: r, popoverRef: c, menuId: d, isInverseColorSet: _, computedClasses: y, computedMenuWidth: I, computedButtonPropsWithDefaults: E, openMenu: O, closeMenu: L, toggleShowMenu: w, onKeyDown: R, onKeyUp: A, menuItemClick: N, BentoToggleButton: $e, BentoPopover: at, BentoTeleport: dt, ChevronDownIcon: Ce, OptionsVerticalIcon: vt, MenuItemList: Dt };
+    }), { __sfc: !0, props: t, emit: n, slots: s, hasSlot: a, t: p, menuButtonRef: u, menuItemListRef: d, showMenu: i, isLastElementFocused: r, popoverRef: l, menuId: v, isInverseColorSet: _, computedClasses: y, computedMenuWidth: B, computedButtonPropsWithDefaults: E, openMenu: O, closeMenu: S, toggleShowMenu: T, onKeyDown: w, onKeyUp: R, menuItemClick: A, BentoToggleButton: De, BentoPopover: st, BentoTeleport: ut, ChevronDownIcon: he, OptionsVerticalIcon: mt, MenuItemList: Nt };
   }
 });
-var Vt = function() {
+var $t = 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);
@@ -1031,60 +954,57 @@ var Vt = 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);
-}, Wt = [], Kt = /* @__PURE__ */ C(
-  Ut,
-  Vt,
+}, Wt = [], Ut = /* @__PURE__ */ g(
+  Ft,
+  $t,
   Wt,
   !1,
   null,
   "b2eabd1e"
 );
-const jt = Kt.exports, Gt = /* @__PURE__ */ Symbol(
+const Vt = Ut.exports, Kt = /* @__PURE__ */ Symbol(
   "button actions with menu container injection key"
-), Yt = 242, K = parseInt(Se, 10), Jt = (o, e, n) => {
-  const t = f(0);
+), jt = 242, U = parseInt(Be, 10), Gt = (o, e, n) => {
+  const t = c(0);
   let s = null;
-  const { buttonActionsWithMenu: i, menu: p, stackButtons: l } = k(Gt, {
-    buttonActionsWithMenu: f(null),
-    menu: f(null),
-    stackButtons: f(!1)
-  }), u = m(() => i.value ?? o.value), a = m(() => p.value ? [...e.value, p.value.$el] : e.value), r = (c) => {
-    var y;
-    const d = (y = a.value) == null ? void 0 : y.reduce(
-      (I, E) => I + E.clientWidth + K,
-      -K - 1
-    ), _ = u.value.clientWidth;
-    return c && (t.value = _ >= Yt && !l.value ? d : 0), t.value > _;
+  const { buttonActionsWithMenu: a, menu: p, stackButtons: u } = C(Kt, {
+    buttonActionsWithMenu: c(null),
+    menu: c(null),
+    stackButtons: c(!1)
+  }), d = f(() => a.value ?? o.value), i = f(() => p.value ? [...e.value, p.value.$el] : e.value), r = (l) => {
+    const v = i.value?.reduce(
+      (y, B) => y + B.clientWidth + U,
+      -U - 1
+      // to remove the extra spacing, as if there's 3 buttons, only two will have a gap in between
+    ), _ = d.value.clientWidth;
+    return l && (t.value = _ >= jt && !u.value ? v : 0), t.value > _;
   };
-  return G(
-    () => {
-      var c;
-      return (c = n.value) == null ? void 0 : c.map((d) => [
-        d.title,
-        d.state,
-        d.variant,
-        d.condensed,
-        d.iconOnly,
-        !!d.icon,
-        !!d.iconLeft,
-        !!d.iconRight,
-        !!d.data
-      ]);
-    },
+  return K(
+    () => n.value?.map((l) => [
+      l.title,
+      l.state,
+      l.variant,
+      l.condensed,
+      l.iconOnly,
+      !!l.icon,
+      !!l.iconLeft,
+      !!l.iconRight,
+      !!l.data
+    ]),
     () => {
-      P(() => {
-        l.value = r(!0);
+      N(() => {
+        u.value = r(!0);
       });
     }
   ), M(() => {
-    s = Oe(u.value, () => {
-      l.value = r(t.value === 0);
+    s = Ie(d.value, () => {
+      u.value = r(t.value === 0);
     });
-  }), j(() => {
-    s == null || s.disconnect();
-  }), l;
-}, Ht = {}, zt = /* @__PURE__ */ g({
-  ...Ht,
+  }), V(() => {
+    s?.disconnect();
+  }), u;
+}, Yt = {}, Jt = /* @__PURE__ */ h({
+  ...Yt,
   __name: "button-actions",
   props: {
     actions: null,
@@ -1092,30 +1012,30 @@ const jt = Kt.exports, Gt = /* @__PURE__ */ Symbol(
     layout: { default: "buttons-end" }
   },
   setup(o) {
-    const e = o, n = f(null), t = f(null), s = Jt(n, t, Y(e, "actions")), i = m(() => e.actions.slice().reverse()), p = (r) => {
-      const c = e.actions.length - 1;
-      return r === c ? "primary" : "secondary";
-    }, l = m(() => ({
+    const e = o, n = c(null), t = c(null), s = Gt(n, t, j(e, "actions")), a = f(() => e.actions.slice().reverse()), p = (r) => {
+      const l = e.actions.length - 1;
+      return r === l ? "primary" : "secondary";
+    }, u = f(() => ({
       [`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: p, conditionalClasses: l, generateButtonEvents: (r) => (r == null ? void 0 : r.event) !== void 0 ? {
+    return { __sfc: !0, props: e, buttonActions: n, buttons: t, stackButtons: s, reversedActionsList: a, generateButtonVariantByIndex: p, conditionalClasses: u, generateButtonEvents: (r) => r?.event !== void 0 ? {
       click: r.event
-    } : {}, isIconOnly: (r) => r.iconOnly && (r.iconLeft || r.iconRight || r.icon), BentoButton: h, BentoLoadingButton: Re, BentoMenu: jt };
+    } : {}, isIconOnly: (r) => r.iconOnly && (r.iconLeft || r.iconRight || r.icon), BentoButton: b, BentoLoadingButton: Te, BentoMenu: Vt };
   }
 });
-var Xt = function() {
+var Ht = function() {
   var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("div", { ref: "buttonActions", staticClass: "b-button-actions" }, [n("div", { staticClass: "b-button-actions__container-wrapper", class: t.conditionalClasses, attrs: { role: "group" } }, e._l(t.reversedActionsList, function(s, i) {
-    return n("div", { key: i, ref: "buttons", refInFor: !0, staticClass: "b-button-actions__button-wrapper" }, [s.data ? [n(t.BentoMenu, { ref: s.elementRef, refInFor: !0, attrs: { data: s.data, "close-menu-on-item-select": s.closeMenuOnItemSelect, "close-on-click-outside-options": s.closeOnClickOutsideOptions, "disable-arrow-down-opening-menu": s.disableArrowDownOpeningMenu, "menu-position": s.menuPosition, "menu-fixed-positioning": s.menuFixedPositioning, "menu-width": s.menuWidth, "revert-focus-to-button": s.revertFocusToButton, teleport: s.teleport }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
+  return n("div", { ref: "buttonActions", staticClass: "b-button-actions" }, [n("div", { staticClass: "b-button-actions__container-wrapper", class: t.conditionalClasses, attrs: { role: "group" } }, e._l(t.reversedActionsList, function(s, a) {
+    return n("div", { key: a, ref: "buttons", refInFor: !0, staticClass: "b-button-actions__button-wrapper" }, [s.data ? [n(t.BentoMenu, { ref: s.elementRef, refInFor: !0, attrs: { data: s.data, "close-menu-on-item-select": s.closeMenuOnItemSelect, "close-on-click-outside-options": s.closeOnClickOutsideOptions, "disable-arrow-down-opening-menu": s.disableArrowDownOpeningMenu, "menu-position": s.menuPosition, "menu-fixed-positioning": s.menuFixedPositioning, "menu-width": s.menuWidth, "revert-focus-to-button": s.revertFocusToButton, teleport: s.teleport }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
       return [n(s.icon || s.iconLeft, { tag: "component", attrs: { "svg-title": s.title } })];
     }, proxy: !0 } : null, t.isIconOnly(s) ? null : { key: "default", fn: function() {
       return [e._v(" " + e._s(s.title) + " ")];
-    }, proxy: !0 }], null, !0) })] : [s.state ? n(t.BentoLoadingButton, e._g({ ref: s.elementRef, refInFor: !0, attrs: { condensed: s.condensed, critical: s.critical, disabled: s.disabled, inverse: e.inverse, state: s.state, variant: s.variant || t.generateButtonVariantByIndex(i) }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
+    }, proxy: !0 }], null, !0) })] : [s.state ? n(t.BentoLoadingButton, e._g({ ref: s.elementRef, refInFor: !0, attrs: { condensed: s.condensed, critical: s.critical, disabled: s.disabled, inverse: e.inverse, state: s.state, variant: s.variant || t.generateButtonVariantByIndex(a) }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
       return [n(s.icon || s.iconLeft, { tag: "component", attrs: { "svg-title": s.title } })];
     }, proxy: !0 } : null, t.isIconOnly(s) ? null : { key: "default", fn: function() {
       return [e._v(" " + e._s(s.title) + " ")];
-    }, proxy: !0 }], null, !0) }, t.generateButtonEvents(s))) : n(t.BentoButton, e._g({ ref: s.elementRef, refInFor: !0, attrs: { condensed: s.condensed, critical: s.critical, disabled: s.disabled, inverse: e.inverse, link: s.link, variant: s.variant || t.generateButtonVariantByIndex(i) }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
+    }, proxy: !0 }], null, !0) }, t.generateButtonEvents(s))) : n(t.BentoButton, e._g({ ref: s.elementRef, refInFor: !0, attrs: { condensed: s.condensed, critical: s.critical, disabled: s.disabled, inverse: e.inverse, link: s.link, variant: s.variant || t.generateButtonVariantByIndex(a) }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
       return [n(s.icon || s.iconLeft, { tag: "component", attrs: { "svg-title": s.title } })];
     }, proxy: !0 } : null, t.isIconOnly(s) ? null : { key: "default", fn: function() {
       return [e._v(" " + e._s(s.title) + " ")];
@@ -1123,36 +1043,36 @@ var Xt = function() {
       return [n(s.iconRight, { tag: "component", attrs: { "svg-title": s.title } })];
     }, proxy: !0 } : null], null, !0) }, t.generateButtonEvents(s)))]], 2);
   }), 0)]);
-}, qt = [], Zt = /* @__PURE__ */ C(
+}, zt = [], Xt = /* @__PURE__ */ g(
+  Jt,
+  Ht,
   zt,
-  Xt,
-  qt,
   !1,
   null,
   "82f686dc"
 );
-const Qt = Zt.exports;
+const qt = Xt.exports;
 export {
-  Qt as B,
-  Ct as D,
-  qe as I,
-  Ft as M,
-  vt as O,
-  Qe as P,
-  Z as S,
-  Re as a,
-  B as b,
-  $e as c,
-  Gt as d,
-  dt as e,
-  jt as f,
-  S as g,
-  at as h,
-  Bn as i,
-  On as j,
-  Q as k,
-  q as l,
-  Ze as m,
-  Xe as u
+  qt as B,
+  ht as D,
+  ze as I,
+  Pt as M,
+  mt as O,
+  qe as P,
+  X as S,
+  Te as a,
+  k as b,
+  De as c,
+  Kt as d,
+  ut as e,
+  Vt as f,
+  I as g,
+  st as h,
+  kn as i,
+  In as j,
+  q as k,
+  z as l,
+  Xe as m,
+  He as u
 };
-//# sourceMappingURL=button-actions.Dpbx0xf3.js.map
+//# sourceMappingURL=button-actions.CxX7lK7z.js.map