@adyen/bento-vue2 1.78.2 → 1.79.0

package/dist/chunks/{button-actions.B81vY51z.js → button-actions.C3cP-anb.js}

@@ -1,29 +1,30 @@
-import { defineComponent as g, useSlots as w, computed as p, onMounted as T, onUnmounted as G, useAttrs as Q, inject as S, ref as d, toRefs as ee, watch as j, nextTick as P, provide as te, toRef as ne } from "vue";
+import { defineComponent as I, useSlots as T, computed as p, onMounted as R, onUnmounted as H, useAttrs as Z, inject as E, ref as d, toRefs as Q, watch as G, nextTick as N, provide as ee, toRef as te } from "vue";
 import { B as b } from "./button.CS_kdxYh.js";
-import { B as se } from "./loading-indicator.PxbRzshH.js";
-import { C as oe } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as ae } from "./checkmark-circle-fill.BttTCjrM.js";
+import { B as ne } from "./loading-indicator.PxbRzshH.js";
+import { C as se } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as oe } 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 Y } from "./index.B6WW_F-J.js";
 import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { i as Y } from "./index.Cl4_42j5.js";
-import { B as J, D as ie } from "./divider.CFbtmKeQ.js";
-import { C as re } from "./cross.CC_B-vG-.js";
-import { B as q, a as F, p as le } from "./typography.hlOAxsEn.js";
-import { c as ue, P as ce, d as de } from "./popper-container.agLYtGwv.js";
-import { u as fe } from "./aria-label.CaUURpnB.js";
-import { o as pe } from "./on-click-outside.D9aY9g8G.js";
-import { g as _e } from "./generate-uid.NJ8tVoha.js";
-import { C as me } from "./chevron-down.eYtgv5ly.js";
+import "./index.Cl4_42j5.js";
+import { B as j, D as ae } from "./divider.DX5gwN7p.js";
+import { C as ie } from "./cross.CC_B-vG-.js";
+import { B as J, a as $, p as le } from "./typography.hlOAxsEn.js";
+import { c as re, P as ue, d as ce } from "./popper-container.agLYtGwv.js";
+import { u as de } from "./aria-label.CaUURpnB.js";
+import { o as fe } from "./on-click-outside.D9aY9g8G.js";
+import { g as pe } from "./generate-uid.NJ8tVoha.js";
+import { C as _e } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
-import { C as ve, a as W } from "./chevron-left.BS24hEFa.js";
-import { a as U, B as ye } from "./base-button.Cv-1788W.js";
-import { t as he } from "./truncate.BfIl_-71.js";
+import { C as me, a as W } from "./chevron-left.BS24hEFa.js";
+import { a as U, B as ve } from "./base-button.Cv-1788W.js";
+import { t as ye } from "./truncate.BfIl_-71.js";
+import { B as ge } from "./teleport.dQFcCuAw.js";
 import { o as be } from "./resize.Bqks3WUm.js";
-import { g as ge } from "./es6.MoTTyETW.js";
+import { g as Ce } from "./es6.MoTTyETW.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 Ce = {
+var k = /* @__PURE__ */ ((o) => (o.START = "start", o.LOADING = "loading", o.SUCCESS = "success", o.FAIL = "fail", o))(k || {});
+const he = {
   "en-US": {
     failed: "Failed",
     succeded: "Succeded"
@@ -35,8 +36,8 @@ const Ce = {
     failed: "Falha"
   }
 }, ke = {
-  i18n: { messages: Ce }
-}, Ie = /* @__PURE__ */ g({
+  i18n: { messages: he }
+}, Ie = /* @__PURE__ */ I({
   ...ke,
   __name: "loading-button",
   props: {
@@ -74,8 +75,8 @@ const Ce = {
      */
     state: {
       type: String,
-      default: I.START,
-      validator: (o) => Object.values(I).includes(o)
+      default: k.START,
+      validator: (o) => Object.values(k).includes(o)
     },
     /**
      * Types of flavour of Button
@@ -88,19 +89,19 @@ const Ce = {
   },
   emits: ["click"],
   setup(o, { emit: e }) {
-    const n = o, t = w(), s = D(t), { t: i } = H(), c = 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,
+    const n = o, t = T(), s = D(t), { t: i } = Y(), c = p(() => ({
+      [`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 = 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
+      () => n.critical && n.state === k.START || n.state === k.FAIL
     );
-    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: i, conditionalClasses: c, isInverseLoadingIndicator: l, isCritical: u, onClick: (r) => {
-      r.stopPropagation(), n.state !== I.LOADING && e("click", r);
-    }, BentoLoadingIndicator: se, BentoButton: b, Cross: oe, Checkmark: ae };
+    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: i, conditionalClasses: c, isInverseLoadingIndicator: r, isCritical: u, onClick: (l) => {
+      l.stopPropagation(), n.state !== k.LOADING && e("click", l);
+    }, BentoLoadingIndicator: ne, BentoButton: b, Cross: se, Checkmark: oe };
   }
 });
 var Be = function() {
@@ -112,16 +113,16 @@ var Be = 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);
-}, Oe = [], Se = /* @__PURE__ */ C(
+}, xe = [], Se = /* @__PURE__ */ C(
   Ie,
   Be,
-  Oe,
+  xe,
   !1,
   null,
   "bc74b2f7"
 );
-const xe = Se.exports, Ee = {}, Le = /* @__PURE__ */ g({
-  ...Ee,
+const Oe = Se.exports, Le = {}, Ee = /* @__PURE__ */ I({
+  ...Le,
   __name: "toggle-button",
   props: {
     /**
@@ -172,11 +173,11 @@ const xe = Se.exports, Ee = {}, Le = /* @__PURE__ */ g({
       "b-toggle-button--inverse": n.inverse
     })), i = (u) => {
       u.stopPropagation(), n != null && n.disabled || (e("click", u), e("update:toggled", !n.toggled));
-    }, c = w();
+    }, c = T();
     return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: c, getSlotKeyIfVue3: (u) => ({}), BentoButton: b };
   }
 });
-var we = function() {
+var Te = 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);
@@ -185,17 +186,17 @@ var we = function() {
       return [e._t(i, null, null, t.getSlotKeyIfVue3(i))];
     }, proxy: !0 };
   })], null, !0) }, "bento-button", e.$attrs, !1));
-}, Te = [], Me = /* @__PURE__ */ C(
-  Le,
-  we,
+}, Re = [], we = /* @__PURE__ */ C(
+  Ee,
   Te,
+  Re,
   !1,
   null,
   "0bc368c9"
 );
-const Re = Me.exports, Ae = g({
+const Me = we.exports, Pe = I({
   name: "bento-popover-dismiss-button",
-  components: { BentoButton: b, CrossIcon: re },
+  components: { BentoButton: b, CrossIcon: ie },
   props: {
     onImage: {
       type: Boolean,
@@ -209,23 +210,23 @@ const Re = Me.exports, Ae = g({
     };
   }
 });
-var Ne = function() {
+var Ae = 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 }]) });
-}, Pe = [], De = /* @__PURE__ */ C(
+}, Ne = [], De = /* @__PURE__ */ C(
+  Pe,
   Ae,
   Ne,
-  Pe,
   !1,
   null,
   "4c18828f"
 );
-const $e = De.exports, Fe = g({
-  components: { BentoTypography: q },
+const Fe = De.exports, $e = I({
+  components: { BentoTypography: J },
   props: {
     /**
      * Indicates if the popover contains an image.
@@ -238,7 +239,7 @@ const $e = De.exports, Fe = g({
   },
   setup(o) {
     const e = p(() => !o.isImageTitle), n = p(
-      () => o.isImageTitle ? F.SUBTITLE : F.BODY
+      () => o.isImageTitle ? $.SUBTITLE : $.BODY
     );
     return {
       // Values
@@ -251,21 +252,21 @@ var We = 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) + " ")]);
 }, Ue = [], Ve = /* @__PURE__ */ C(
-  Fe,
+  $e,
   We,
   Ue,
   !1,
   null,
   null
 );
-const Ke = Ve.exports, Ge = (o, e, n = {}) => {
+const Ke = Ve.exports, He = (o, e, n = {}) => {
   let t;
-  T(() => {
-    t = pe(o, e, n);
-  }), G(() => {
+  R(() => {
+    t = fe(o, e, n);
+  }), H(() => {
     t && (t(), t = null);
   });
-}, je = Symbol("input field popover injection key"), He = Symbol("input field popover injection key"), Ye = Symbol("popover offset injection key"), Je = {}, qe = /* @__PURE__ */ g({
+}, Ge = /* @__PURE__ */ Symbol("input field popover injection key"), Ye = /* @__PURE__ */ Symbol("input field popover injection key"), je = /* @__PURE__ */ Symbol("popover offset injection key"), Je = {}, Xe = /* @__PURE__ */ I({
   ...Je,
   __name: "popover",
   props: {
@@ -292,18 +293,18 @@ const Ke = Ve.exports, Ge = (o, e, n = {}) => {
   },
   emits: ["dismiss", "placement"],
   setup(o, { emit: e }) {
-    const n = o, t = 2, s = w(), i = Q(), c = p(() => {
+    const n = o, t = 2, s = T(), i = Z(), c = p(() => {
       var B;
       return {
         id: (B = i.id) == null ? void 0 : B.toString(),
-        role: (i == null ? void 0 : i.role) === null ? void 0 : ue.POPOVER
+        role: (i == null ? void 0 : i.role) === null ? void 0 : re.POPOVER
       };
-    }), l = S(Ye, t), u = d(i["aria-label"]), { ariaLabel: a, title: r } = ee(n), f = fe({
+    }), r = E(je, t), u = d(i["aria-label"]), { ariaLabel: a, title: l } = Q(n), f = de({
       ariaLabel: u.value,
       // TODO: take this line away when the aria-label props is removed
       label: a,
-      defaultFallback: r
-    }), m = S(He, !1) || S(je, !1), _ = p(() => ({
+      defaultFallback: l
+    }), m = E(Ye, !1) || E(Ge, !1), _ = p(() => ({
       "b-popover--small": n.small && !n.large,
       "b-popover--with-divider": !!n.divider,
       "b-popover--large": n.large && !n.small,
@@ -312,160 +313,44 @@ const Ke = Ve.exports, Ge = (o, e, n = {}) => {
       "b-popover--overflow-visible": n.overflowVisible || m
     })), y = p(() => ({
       "b-popover__content--with-title": !!n.title
-    })), k = () => e("dismiss"), E = D(s);
-    return { __sfc: !0, DEFAULT_OFFSET: t, props: n, emit: e, slots: s, attrs: i, computedAttributes: c, offset: l, ariaLabelAttribute: u, ariaLabel: a, title: r, computedAriaLabel: f, isOverflowVisible: m, conditionalClasses: _, contentConditionalClasses: y, dismissPopover: k, hasSlot: E, BentoPopoverDismissButton: $e, BentoPopoverTitle: Ke, BentoButtonActions: Xt, PopperContainer: ce };
+    })), h = () => e("dismiss"), O = D(s);
+    return { __sfc: !0, DEFAULT_OFFSET: t, props: n, emit: e, slots: s, attrs: i, computedAttributes: c, offset: r, ariaLabelAttribute: u, ariaLabel: a, title: l, computedAriaLabel: f, isOverflowVisible: m, conditionalClasses: _, contentConditionalClasses: y, dismissPopover: h, hasSlot: O, BentoPopoverDismissButton: Fe, BentoPopoverTitle: Ke, BentoButtonActions: Ut, PopperContainer: ue };
   }
 });
-var Xe = function() {
+var qe = 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);
 }, ze = [], Ze = /* @__PURE__ */ C(
-  qe,
   Xe,
+  qe,
   ze,
   !1,
   null,
   "2de66a7e"
 );
-const Qe = Ze.exports, et = Symbol("modal injection key"), tt = Symbol("sidepanel children element injection key"), nt = Symbol("modal fullscreen children element injection key"), st = g({
-  name: "teleport",
-  props: {
-    to: {
-      type: String,
-      default: ""
-    },
-    where: {
-      type: String,
-      default: "after"
-    },
-    disabled: Boolean
-  },
-  data: () => ({
-    childObserver: null,
-    nodes: [],
-    waiting: !1,
-    observer: null,
-    parent: null,
-    isVue2: Y
-  }),
-  computed: {
-    classes() {
-      return this.disabled ? ["b-teleport"] : ["b-teleport", "b-teleport--hidden"];
-    },
-    defaultTo() {
-      if (this.to)
-        return this.to;
-      const o = S(et, "") || S(nt, "") || S(tt, "");
-      return o ? `#${o}` : "body";
-    }
-  },
-  watch: {
-    to: "maybeMove",
-    where: "maybeMove",
-    disabled(o) {
-      o ? (this.disable(), this.$nextTick(() => {
-        this.teardownObserver();
-      })) : (this.bootObserver(), this.move());
-    }
-  },
-  mounted() {
-    this.nodes = Array.from(this.$el.childNodes), this.disabled || this.bootObserver(), this.maybeMove();
-  },
-  beforeDestroy() {
-    this.nodes = this.getComponentChildrenNode(), this.disable(), this.teardownObserver();
-  },
-  methods: {
-    // Using a fragment is faster because it'll trigger only a single reflow
-    // See https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
-    getFragment() {
-      const o = document.createDocumentFragment();
-      return this.nodes.forEach((e) => o.appendChild(e)), o;
-    },
-    disable() {
-      this.$el.appendChild(this.getFragment()), this.parent = null;
-    },
-    move() {
-      if (this.waiting = !1, this.parent = document.querySelector(this.defaultTo), !this.parent) {
-        this.disable(), this.waiting = !0;
-        return;
-      }
-      this.where === "before" ? this.parent.prepend(this.getFragment()) : this.parent.appendChild(this.getFragment());
-    },
-    maybeMove() {
-      this.disabled || this.move();
-    },
-    onMutations(o) {
-      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)
-        );
-        Array.from(t.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && s.length > 0 && (e = !0);
-      }
-      e && this.move();
-    },
-    bootObserver() {
-      this.observer || (this.observer = new MutationObserver((o) => this.onMutations(o)), this.observer.observe(document.body, {
-        childList: !0,
-        subtree: !0,
-        attributes: !1,
-        characterData: !1
-      }), !this.childObserver && (this.childObserver = new MutationObserver((o) => {
-        o.find((n) => n.target === this.$el) && (this.nodes.forEach((n) => n.parentNode && n.parentNode.removeChild(n)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
-      }), this.childObserver.observe(this.$el, {
-        childList: !0,
-        subtree: !1,
-        attributes: !1,
-        characterData: !1
-      })));
-    },
-    teardownObserver() {
-      this.observer && (this.observer.disconnect(), this.observer = null), this.childObserver && (this.childObserver.disconnect(), this.childObserver = null);
-    },
-    getComponentChildrenNode() {
-      return this.$vnode.componentOptions.children.map((o) => o.elm).filter((o) => o);
-    }
-  }
-}), ot = /* @__PURE__ */ g({
-  ...st,
-  setup(o) {
-    return { __sfc: !0, isVue2: Y };
-  }
-});
-var at = 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);
-}, it = [], rt = /* @__PURE__ */ C(
-  ot,
-  at,
-  it,
-  !1,
-  null,
-  "fda08514"
-);
-const lt = rt.exports;
+const Qe = Ze.exports;
 let V = 0;
-const ut = {
+const et = {
   beforeCreate() {
     this.uuid = V.toString(), V += 1;
   }
 };
-var ct = function() {
+var tt = 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" } })]);
-}, dt = [], ft = /* @__PURE__ */ C(
-  ut,
-  ct,
-  dt,
+}, nt = [], st = /* @__PURE__ */ C(
+  et,
+  tt,
+  nt,
   !1,
   null,
   null
 );
-const pt = ft.exports, _t = g({
+const ot = st.exports, at = I({
   name: "menu-item",
-  components: { BaseButton: ye, BentoTypography: q, ChevronRightIcon: ve },
+  components: { BaseButton: ve, BentoTypography: J, ChevronRightIcon: me },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -538,7 +423,7 @@ const pt = ft.exports, _t = g({
     const t = p(() => ({
       "b-menu-item--critical": o.critical,
       "b-menu-item--indent": o.indent
-    })), s = p(() => he(o.secondaryText, 10));
+    })), s = p(() => ye(o.secondaryText, 10));
     return {
       // Values
       conditionalClasses: t,
@@ -550,7 +435,7 @@ const pt = ft.exports, _t = g({
     };
   }
 });
-var mt = function() {
+var it = 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" } })];
@@ -559,23 +444,23 @@ var mt = function() {
   }, proxy: !0 }, e.chevron ? { key: "iconRight", fn: function() {
     return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) });
-}, vt = [], yt = /* @__PURE__ */ C(
-  _t,
-  mt,
-  vt,
+}, lt = [], rt = /* @__PURE__ */ C(
+  at,
+  it,
+  lt,
   !1,
   null,
   "a173cbf5"
 );
-const X = yt.exports;
-({ ...de });
-var O = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(O || {});
-const ht = Symbol("menu registering injection key"), bt = {
+const X = rt.exports;
+({ ...ce });
+var x = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(x || {});
+const ut = /* @__PURE__ */ Symbol("menu registering injection key"), ct = {
   name: "bento-menu-list-container"
-}, gt = /* @__PURE__ */ g({
-  ...bt,
+}, dt = /* @__PURE__ */ I({
+  ...ct,
   setup(o) {
-    const e = d(), n = d({}), t = S(ht, !1);
+    const e = d(), n = d({}), t = E(ut, !1);
     if (t) {
       const { registerMenuContainerElement: s } = t;
       s(e), n.value = {
@@ -585,26 +470,26 @@ const ht = Symbol("menu registering injection key"), bt = {
     return { __sfc: !0, menuListContainerRef: e, menuListContainerEvents: n, registeringAndMousingOut: t };
   }
 });
-var Ct = function() {
+var ft = 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);
-}, kt = [], It = /* @__PURE__ */ C(
-  gt,
-  Ct,
-  kt,
+}, pt = [], _t = /* @__PURE__ */ C(
+  dt,
+  ft,
+  pt,
   !1,
   null,
   "1669d56a"
 );
-const z = It.exports, Z = {
+const q = _t.exports, z = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
   }
-}, Bt = g({
-  i18n: { messages: Z },
+}, mt = I({
+  i18n: { messages: z },
   name: "sub-menu-item-list",
-  components: { BentoDivider: J, MenuItem: X, MenuListContainer: z },
+  components: { BentoDivider: j, MenuItem: X, MenuListContainer: q },
   props: {
     items: {
       type: Array,
@@ -615,9 +500,9 @@ const z = It.exports, Z = {
       required: !0
     }
   },
-  emits: [O.CLOSE, O.BACK],
+  emits: [x.CLOSE, x.BACK],
   setup(o, { emit: e }) {
-    const n = d(null), t = d(0), s = d(o.items.length), i = () => e(O.CLOSE), c = () => e(O.BACK), l = p(() => {
+    const n = d(null), t = d(0), s = d(o.items.length), i = () => e(x.CLOSE), c = () => e(x.BACK), r = p(() => {
       var m;
       const f = (m = o.items) == null ? void 0 : m.map((_) => ({
         ..._,
@@ -641,34 +526,34 @@ const z = It.exports, Z = {
         ...f
       ];
     }), u = async () => {
-      var f, m, _, y, k;
-      (k = (y = (_ = (m = (f = n.value) == null ? void 0 : f.children) == null ? void 0 : m[t.value]) == null ? void 0 : _.children) == null ? void 0 : y[0]) == null || k.focus();
+      var f, m, _, y, h;
+      (h = (y = (_ = (m = (f = n.value) == null ? void 0 : f.children) == null ? void 0 : m[t.value]) == null ? void 0 : _.children) == null ? void 0 : y[0]) == null || h.focus();
     };
-    T(async () => {
+    R(async () => {
       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
-      BentoMenuEvent: O,
+      BentoMenuEvent: x,
       // Values
       subMenuItemListRefLocal: n,
       subMenuFocusedIndex: t,
       ChevronLeftIcon: W,
-      computedItems: l,
+      computedItems: r,
       // Methods
       closeMenu: i,
       onBackButton: c,
       focusPrevious: a,
-      focusNext: r
+      focusNext: l
     };
   }
 });
-var Ot = function() {
+var vt = 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));
@@ -679,32 +564,32 @@ var Ot = 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);
-}, St = [], xt = /* @__PURE__ */ C(
-  Bt,
-  Ot,
-  St,
+}, yt = [], gt = /* @__PURE__ */ C(
+  mt,
+  vt,
+  yt,
   !1,
   null,
   "93387117"
 );
-const Et = xt.exports;
-function Lt(o, e, n) {
-  const i = d(0), c = d(0), l = (a) => {
+const bt = gt.exports;
+function Ct(o, e, n) {
+  const i = d(0), c = d(0), r = (a) => {
     if (!a || !a.parentElement)
       return;
-    const r = a.parentElement, f = a.cloneNode(!0);
-    f.style.position = "absolute", f.style.visibility = "hidden", r.appendChild(f), f.style.width = "max-content";
+    const l = a.parentElement, f = a.cloneNode(!0);
+    f.style.position = "absolute", f.style.visibility = "hidden", l.appendChild(f), f.style.width = "max-content";
     const m = f.offsetWidth, _ = Math.max(150, Math.min(m, 350));
     i.value = _, f.style.width = `${_}px`;
     const y = f.offsetHeight;
-    c.value = y, r.removeChild(f), c.value = y;
+    c.value = y, l.removeChild(f), c.value = y;
   };
-  return j([e, n], async ([a]) => {
-    var r, f;
+  return G([e, n], async ([a]) => {
+    var l, f;
     if (a !== null) {
-      await P();
-      const m = (f = (r = o.value) == null ? void 0 : r[0]) == null ? void 0 : f.$el;
-      m && l(m);
+      await N();
+      const m = (f = (l = o.value) == null ? void 0 : l[0]) == null ? void 0 : f.$el;
+      m && r(m);
     } else
       i.value = 0, c.value = 0;
   }), { computedStyle: p(() => {
@@ -712,9 +597,9 @@ function Lt(o, e, n) {
     return n.value && (c.value > 0 && (a.height = `${c.value}px`), i.value > 0 && (a.width = `${i.value}px`)), a;
   }) };
 }
-const wt = g({
+const ht = I({
   name: "menu-item-list",
-  components: { BentoDivider: J, MenuItem: X, MenuListContainer: z, SubMenuItemList: Et },
+  components: { BentoDivider: j, MenuItem: X, MenuListContainer: q, SubMenuItemList: bt },
   props: {
     /**
      * The data to be displayed in the list
@@ -745,39 +630,39 @@ const wt = g({
       default: !0
     }
   },
-  emits: [O.CLOSE, "menu-item-click"],
+  emits: [x.CLOSE, "menu-item-click"],
   setup(o, { emit: e, expose: n }) {
-    const t = d(null), s = d(null), i = d(null), c = d(null), l = d(!1), u = d(null), a = d(o.focusLastElement ? o.data.length - 1 : 0), r = d(0), f = d(o.data.length - 1), m = p(() => o.data.some((h) => h.icon)), _ = p(() => o.indentItems || m.value ? o.data.map((h) => {
+    const t = d(null), s = d(null), i = d(null), c = d(null), r = d(!1), u = d(null), a = d(o.focusLastElement ? o.data.length - 1 : 0), l = d(0), f = d(o.data.length - 1), m = p(() => o.data.some((g) => g.icon)), _ = p(() => o.indentItems || m.value ? o.data.map((g) => {
       let v = !1;
-      return h.icon || (v = !0), {
-        ...h,
+      return g.icon || (v = !0), {
+        ...g,
         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), E = (h, v) => {
-      if (h.items) {
-        u.value = v, l.value = !0;
+      var g, v, S;
+      (S = (v = (g = s.value) == null ? void 0 : g.children[a.value]) == null ? void 0 : v.children[0]) == null || S.focus();
+    }, h = () => e(x.CLOSE), O = (g, v) => {
+      if (g.items) {
+        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, !g.skipClose && o.closeMenuOnItemSelect !== !1 && h(), e("menu-item-click");
     }, B = () => {
       a.value > 0 ? (a.value -= 1, _.value[a.value].disabled && B()) : a.value = f.value, y();
     }, L = () => {
       a.value < f.value ? (a.value += 1, _.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, l.value = !0);
-    }, R = () => {
-      u.value && l.value && (u.value = null, l.value = !1);
-    }, A = () => {
-      l.value = !1, u.value = null, y();
+    }, w = (g, v) => {
+      var S;
+      (S = g == null ? void 0 : g.items) != null && S.length && (u.value = v, r.value = !0);
+    }, M = () => {
+      u.value && r.value && (u.value = null, r.value = !1);
+    }, P = () => {
+      r.value = !1, u.value = null, y();
     };
     n({
       focusItem: y
     });
-    const { computedStyle: N } = Lt(c, u, l);
+    const { computedStyle: A } = Ct(c, u, r);
     return {
       // Values
       menuItemListRef: s,
@@ -785,23 +670,23 @@ const wt = g({
       subMenuItemListRef: c,
       menuItemRef: t,
       computedData: _,
-      computedStyle: N,
+      computedStyle: A,
       focusedIndex: a,
-      subMenuFocusedIndex: r,
-      showSubMenu: l,
+      subMenuFocusedIndex: l,
+      showSubMenu: r,
       visibleSubMenuIndex: u,
       // Methods
-      menuItemClick: E,
-      closeMenu: k,
+      menuItemClick: O,
+      closeMenu: h,
       focusPrevious: B,
       focusNext: L,
-      focusRight: M,
-      focusLeft: R,
-      onBackButton: A
+      focusRight: w,
+      focusLeft: M,
+      onBackButton: P
     };
   }
 });
-var Tt = function() {
+var kt = 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);
@@ -812,28 +697,28 @@ var Tt = 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, c, l, u;
+    var i, c, 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: !!((c = t.items) != null && c.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: !!((c = t.items) != null && c.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)]);
-}, Mt = [], Rt = /* @__PURE__ */ C(
-  wt,
-  Tt,
-  Mt,
+}, It = [], Bt = /* @__PURE__ */ C(
+  ht,
+  kt,
+  It,
   !1,
   null,
   "b402ef99"
 );
-const At = Rt.exports, Nt = Symbol("menu inverse style injection key"), Pt = {
-  i18n: { messages: Z },
+const xt = Bt.exports, St = /* @__PURE__ */ Symbol("menu inverse style injection key"), Ot = {
+  i18n: { messages: z },
   name: "bento-menu"
-}, Dt = /* @__PURE__ */ g({
-  ...Pt,
+}, Lt = /* @__PURE__ */ I({
+  ...Ot,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -850,53 +735,53 @@ const At = Rt.exports, Nt = Symbol("menu inverse style injection key"), Pt = {
   },
   emits: ["menu-item-click", "click-outside"],
   setup(o, { expose: e, emit: n }) {
-    var h;
-    const t = o, s = w(), i = D(s), { t: c } = H(), l = d(null), u = d(null), a = d(!1), r = d(!1), f = d(null), m = _e("menu"), _ = S(Nt, d(!1));
-    te(ie, _);
+    var g;
+    const t = o, s = T(), i = D(s), { t: c } = Y(), r = d(null), u = d(null), a = d(!1), l = d(!1), f = d(null), m = pe("menu"), _ = E(St, d(!1));
+    ee(ae, _);
     const y = p(() => ({
       "b-menu--inverse": _.value
-    })), k = p(() => t.menuWidth ? { width: `${t.menuWidth}px` } : null), E = p(() => {
+    })), h = p(() => t.menuWidth ? { width: `${t.menuWidth}px` } : null), O = p(() => {
       if (t != null && t.button)
         return {
           variant: "secondary",
           ...t.button
         };
     }), B = () => {
-      a.value = !0, n(O.OPEN);
+      a.value = !0, n(x.OPEN);
     }, L = async (v = t.revertFocusToButton) => {
-      var x, $;
-      a.value && (a.value = !1, v && (await P(), ($ = (x = l.value) == null ? void 0 : x.$el) == null || $.focus()), n(O.CLOSE));
-    }, M = (v) => {
+      var S, F;
+      a.value && (a.value = !1, v && (await N(), (F = (S = r.value) == null ? void 0 : S.$el) == null || F.focus()), n(x.CLOSE));
+    }, w = (v) => {
       v.stopPropagation(), a.value ? L() : B();
-    }, R = (v) => {
-      v.preventDefault(), r.value = !1, t.disableArrowDownOpeningMenu || B();
-    }, A = (v) => {
-      v.preventDefault(), r.value = !0, B();
-    }, N = () => {
+    }, M = (v) => {
+      v.preventDefault(), l.value = !1, t.disableArrowDownOpeningMenu || B();
+    }, P = (v) => {
+      v.preventDefault(), l.value = !0, B();
+    }, A = () => {
       n("menu-item-click");
     };
-    return Ge(
+    return He(
       f,
       () => {
         L(), n("click-outside");
       },
       {
         ...t.closeOnClickOutsideOptions,
-        ignore: [l, ...((h = t.closeOnClickOutsideOptions) == null ? void 0 : h.ignore) ?? []]
+        ignore: [r, ...((g = t.closeOnClickOutsideOptions) == null ? void 0 : g.ignore) ?? []]
       }
     ), e({
       /**
        * Control to enable programmatic closing of the menu
        */
       closeMenu: L
-    }), T(() => {
+    }), R(() => {
       i("iconRight") && le(
         '"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: c, menuButtonRef: l, menuItemListRef: u, showMenu: a, isLastElementFocused: r, popoverRef: f, menuId: m, isInverseColorSet: _, computedClasses: y, computedMenuWidth: k, computedButtonPropsWithDefaults: E, openMenu: B, closeMenu: L, toggleShowMenu: M, onKeyDown: R, onKeyUp: A, menuItemClick: N, BentoToggleButton: Re, BentoPopover: Qe, BentoTeleport: lt, ChevronDownIcon: me, OptionsVerticalIcon: pt, MenuItemList: At };
+    }), { __sfc: !0, props: t, emit: n, slots: s, hasSlot: i, t: c, menuButtonRef: r, menuItemListRef: u, showMenu: a, isLastElementFocused: l, popoverRef: f, menuId: m, isInverseColorSet: _, computedClasses: y, computedMenuWidth: h, computedButtonPropsWithDefaults: O, openMenu: B, closeMenu: L, toggleShowMenu: w, onKeyDown: M, onKeyUp: P, menuItemClick: A, BentoToggleButton: Me, BentoPopover: Qe, BentoTeleport: ge, ChevronDownIcon: _e, OptionsVerticalIcon: ot, MenuItemList: xt };
   }
 });
-var $t = function() {
+var Et = 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);
@@ -922,48 +807,48 @@ var $t = 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 }, on: { close: t.closeMenu, "menu-item-click": t.menuItemClick } })], 1) : e._e()], 1) : e._e()], 1);
-}, Ft = [], Wt = /* @__PURE__ */ C(
-  Dt,
-  $t,
-  Ft,
+}, Tt = [], Rt = /* @__PURE__ */ C(
+  Lt,
+  Et,
+  Tt,
   !1,
   null,
   "fbe7541f"
 );
-const Ut = Wt.exports, Vt = Symbol(
+const wt = Rt.exports, Mt = /* @__PURE__ */ Symbol(
   "button actions with menu container injection key"
-), Kt = 242, K = parseInt(ge, 10), Gt = (o, e, n) => {
+), Pt = 242, K = parseInt(Ce, 10), At = (o, e, n) => {
   const t = d(0);
   let s = null;
-  const { buttonActionsWithMenu: i, menu: c, stackButtons: l } = S(Vt, {
+  const { buttonActionsWithMenu: i, menu: c, stackButtons: r } = E(Mt, {
     buttonActionsWithMenu: d(null),
     menu: d(null),
     stackButtons: d(!1)
-  }), u = p(() => i.value ?? o.value), a = p(() => c.value ? [...e.value, c.value.$el] : e.value), r = (f) => {
+  }), u = p(() => i.value ?? o.value), a = p(() => c.value ? [...e.value, c.value.$el] : e.value), l = (f) => {
     var y;
     const m = (y = a.value) == null ? void 0 : y.reduce(
-      (k, E) => k + E.clientWidth + K,
+      (h, O) => h + O.clientWidth + K,
       -K - 1
     ), _ = u.value.clientWidth;
-    return f && (t.value = _ >= Kt && !l.value ? m : 0), t.value > _;
+    return f && (t.value = _ >= Pt && !r.value ? m : 0), t.value > _;
   };
-  return j(
+  return G(
     () => n.value,
     () => {
-      P(() => {
-        l.value = r(!0);
+      N(() => {
+        r.value = l(!0);
       });
     },
     { deep: !0 }
-  ), T(() => {
+  ), R(() => {
     s = be(u.value, () => {
-      l.value = r(t.value === 0);
+      r.value = l(t.value === 0);
     });
-  }), G(() => {
+  }), H(() => {
     s == null || s.disconnect();
-  }), l;
-}, jt = {}, Ht = /* @__PURE__ */ g({
-  ...jt,
+  }), r;
+}, Nt = {}, Dt = /* @__PURE__ */ I({
+  ...Nt,
   __name: "button-actions",
   props: {
     actions: null,
@@ -971,19 +856,19 @@ const Ut = Wt.exports, Vt = Symbol(
     layout: { default: "buttons-end" }
   },
   setup(o) {
-    const e = o, n = d(null), t = d(null), s = Gt(n, t, ne(e, "actions")), i = p(() => e.actions.slice().reverse()), c = (r) => {
+    const e = o, n = d(null), t = d(null), s = At(n, t, te(e, "actions")), i = p(() => e.actions.slice().reverse()), c = (l) => {
       const f = e.actions.length - 1;
-      return r === f ? "primary" : "secondary";
-    }, l = p(() => ({
+      return l === f ? "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: c, 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: xe, BentoMenu: Ut };
+    return { __sfc: !0, props: e, buttonActions: n, buttons: t, stackButtons: s, reversedActionsList: i, generateButtonVariantByIndex: c, 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: Oe, BentoMenu: wt };
   }
 });
-var Yt = function() {
+var Ft = 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() {
@@ -998,34 +883,30 @@ var Yt = function() {
       return [n(s.iconRight, { tag: "component", attrs: { "svg-title": s.title } })];
     }, proxy: !0 } : null], null, !0) }, t.generateButtonEvents(s)))]], 2);
   }), 0)]);
-}, Jt = [], qt = /* @__PURE__ */ C(
-  Ht,
-  Yt,
-  Jt,
+}, $t = [], Wt = /* @__PURE__ */ C(
+  Dt,
+  Ft,
+  $t,
   !1,
   null,
   "16635fa7"
 );
-const Xt = qt.exports;
+const Ut = Wt.exports;
 export {
-  Xt as B,
-  ht as D,
-  je as I,
-  Nt as M,
-  pt as O,
-  Ye as P,
-  tt as S,
-  xe as a,
-  I as b,
-  Re as c,
-  lt as d,
-  Vt as e,
-  Ut as f,
-  O as g,
-  Qe as h,
-  nt as i,
-  et as j,
-  He as k,
-  Ge as u
+  Ut as B,
+  ut as D,
+  Ge as I,
+  St as M,
+  ot as O,
+  je as P,
+  Oe as a,
+  k as b,
+  Me as c,
+  Mt as d,
+  wt as e,
+  x as f,
+  Qe as g,
+  Ye as h,
+  He as u
 };
-//# sourceMappingURL=button-actions.B81vY51z.js.map
+//# sourceMappingURL=button-actions.C3cP-anb.js.map