@adyen/bento-vue2 1.96.1 → 1.97.0

package/dist/chunks/{button-actions.D1jRC1fs.js → button-actions.DKc63aCb.js}

@@ -1,5 +1,5 @@
-import { defineComponent as g, useSlots as T, computed as p, onMounted as M, onUnmounted as j, useAttrs as ie, inject as k, ref as c, toRefs as re, watch as G, nextTick as P, toRef as Y, provide as le } from "vue";
-import { B as h } from "./button.DITA6YtS.js";
+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 b } from "./button.DITA6YtS.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";
@@ -11,8 +11,8 @@ 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.CFYFCz6u.js";
-import { u as be } from "./aria-label.CaUURpnB.js";
-import { o as he } from "./on-click-outside.Cy1eFULD.js";
+import { u as he } from "./aria-label.CaUURpnB.js";
+import { o as be } from "./on-click-outside.Cy1eFULD.js";
 import { g as ge } from "./generate-uid.NJ8tVoha.js";
 import { C as Ce } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
@@ -74,21 +74,21 @@ const xe = {
      * 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
     },
     /**
@@ -111,26 +111,26 @@ const xe = {
      * 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(), f = p(() => ({
+    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,
       "b-loading-button--inverse": n.inverse
-    })), l = p(
+    })), l = m(
       () => n.variant === "primary" && !n.inverse || n.variant !== "primary" && n.inverse
-    ), u = p(
+    ), u = m(
       () => n.critical && n.state === B.START || n.state === B.FAIL
     );
-    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: i, conditionalClasses: f, isInverseLoadingIndicator: l, isCritical: u, onClick: (r) => {
+    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 };
+    }, BentoLoadingIndicator: ue, BentoButton: b, Cross: ce, Checkmark: de };
   }
 });
 var Te = function() {
@@ -158,14 +158,14 @@ const Re = we.exports, Ne = {}, Ae = /* @__PURE__ */ g({
      * 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
     },
     /**
@@ -180,9 +180,9 @@ const Re = we.exports, Ne = {}, Ae = /* @__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.
@@ -194,16 +194,16 @@ const Re = we.exports, Ne = {}, Ae = /* @__PURE__ */ g({
   },
   emits: ["click", "update:toggled"],
   setup(o, { emit: e }) {
-    const n = o, t = p(
+    const n = o, t = m(
       () => n.variant === "tertiary" ? "tertiary-with-background" : n.variant
-    ), s = p(() => ({
+    ), s = m(() => ({
       "b-toggle-button--condensed": n == null ? void 0 : 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));
-    }, f = T();
-    return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: f, getSlotKeyIfVue3: (u) => ({}), BentoButton: h };
+    }, p = T();
+    return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: p, getSlotKeyIfVue3: (u) => ({}), BentoButton: b };
   }
 });
 var Pe = function() {
@@ -225,7 +225,7 @@ var Pe = function() {
 );
 const $e = Fe.exports, Ue = g({
   name: "bento-popover-dismiss-button",
-  components: { BentoButton: h, CrossIcon: pe },
+  components: { BentoButton: b, CrossIcon: pe },
   props: {
     onImage: {
       type: Boolean,
@@ -235,7 +235,7 @@ const $e = Fe.exports, Ue = g({
   setup(o) {
     return {
       // Values
-      conditionalClass: p(() => ({ "b-popover-dismiss-button--on-image": o.onImage }))
+      conditionalClass: m(() => ({ "b-popover-dismiss-button--on-image": o.onImage }))
     };
   }
 });
@@ -267,7 +267,7 @@ const je = Ve.exports, Ge = g({
     title: { type: String, default: null }
   },
   setup(o) {
-    const e = p(() => !o.isImageTitle), n = p(
+    const e = m(() => !o.isImageTitle), n = m(
       () => o.isImageTitle ? $.SUBTITLE : $.BODY
     );
     return {
@@ -291,7 +291,7 @@ var Ye = function() {
 const ze = He.exports, Xe = (o, e, n = {}) => {
   let t;
   M(() => {
-    t = he(o, e, n);
+    t = be(o, e, n);
   }), j(() => {
     t && (t(), t = null);
   });
@@ -322,28 +322,28 @@ const ze = He.exports, Xe = (o, e, n = {}) => {
   },
   emits: ["dismiss", "placement"],
   setup(o, { emit: e }) {
-    const n = o, t = 2, s = T(), i = ie(), f = p(() => {
+    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 = c(i["aria-label"]), { ariaLabel: a, title: r } = re(n), d = be({
+    }), l = k(Qe, t), u = f(i["aria-label"]), { ariaLabel: a, title: r } = re(n), c = he({
       ariaLabel: u.value,
       // TODO: take this line away when the aria-label props is removed
       label: a,
       defaultFallback: r
-    }), _ = k(Ze, !1) || k(qe, !1), m = p(() => ({
+    }), d = k(Ze, !1) || k(qe, !1), _ = m(() => ({
       "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 || _
-    })), y = p(() => ({
+      "b-popover--overflow-visible": n.overflowVisible || d
+    })), y = m(() => ({
       "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: f, offset: l, ariaLabelAttribute: u, ariaLabel: a, title: r, computedAriaLabel: d, isOverflowVisible: _, conditionalClasses: m, contentConditionalClasses: y, dismissPopover: I, hasSlot: E, BentoPopoverDismissButton: je, BentoPopoverTitle: ze, BentoButtonActions: Qt, PopperContainer: ve };
+    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 };
   }
 });
 var nt = function() {
@@ -471,7 +471,7 @@ const at = ot.exports, q = /* @__PURE__ */ Symbol("modal injection key"), Z = /*
 }), rt = /* @__PURE__ */ g({
   ...it,
   setup(o) {
-    const e = k(q, ""), n = k(Q, ""), t = k(Z, ""), s = p(() => {
+    const e = k(q, ""), n = k(Q, ""), t = k(Z, ""), s = m(() => {
       const i = e || n || t;
       return i ? `#${i}` : "body";
     });
@@ -579,22 +579,22 @@ const vt = _t.exports, yt = g({
   },
   emits: [W.CLICK],
   setup(o, { emit: e }) {
-    const t = p(() => ({
+    const t = m(() => ({
       "b-menu-item--critical": o.critical,
       "b-menu-item--indent": o.indent
-    })), s = p(() => Be(o.secondaryText, 10));
+    })), s = m(() => Be(o.secondaryText, 10));
     return {
       // Values
       conditionalClasses: t,
       computedSecondaryText: s,
       // Methods
-      onClick: (f) => {
-        f.stopPropagation(), o.handler(), e(W.CLICK);
+      onClick: (p) => {
+        p.stopPropagation(), o.handler(), e(W.CLICK);
       }
     };
   }
 });
-var bt = function() {
+var ht = 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" } })];
@@ -603,10 +603,10 @@ 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(
+}, bt = [], gt = /* @__PURE__ */ C(
   yt,
-  bt,
   ht,
+  bt,
   !1,
   null,
   "a173cbf5"
@@ -619,7 +619,7 @@ const Ct = /* @__PURE__ */ Symbol("menu registering injection key"), kt = {
 }, It = /* @__PURE__ */ g({
   ...kt,
   setup(o) {
-    const e = c(), n = c({}), t = k(Ct, !1);
+    const e = f(), n = f({}), t = k(Ct, !1);
     if (t) {
       const { registerMenuContainerElement: s } = t;
       s(e), n.value = {
@@ -697,11 +697,11 @@ const te = St.exports, ne = {
   },
   emits: [S.CLOSE, S.BACK],
   setup(o, { emit: e }) {
-    const n = c(null), t = c(0), s = c(o.items.length), i = () => e(S.CLOSE), f = () => e(S.BACK), l = p(() => {
-      var _;
-      const d = (_ = o.items) == null ? void 0 : _.map((m) => ({
-        ...m,
-        indent: !m.icon,
+    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,
         isTitle: !1,
         clickHandler: i
       }));
@@ -714,15 +714,15 @@ const te = St.exports, ne = {
           isTitle: !0,
           disabled: !1,
           indent: !1,
-          handler: f,
-          clickHandler: f,
+          handler: p,
+          clickHandler: p,
           addDivider: !0
         },
-        ...d
+        ...c
       ];
     }), u = async () => {
-      var d, _, m, y, I;
-      (I = (y = (m = (_ = (d = n.value) == null ? void 0 : d.children) == null ? void 0 : _[t.value]) == null ? void 0 : m.children) == null ? void 0 : y[0]) == null || I.focus();
+      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();
     };
     M(async () => {
       setTimeout(() => u(), 150);
@@ -742,7 +742,7 @@ const te = St.exports, ne = {
       computedItems: l,
       // Methods
       closeMenu: i,
-      onBackButton: f,
+      onBackButton: p,
       focusPrevious: a,
       focusNext: r
     };
@@ -772,27 +772,27 @@ function ae(o) {
   return Math.max(oe, Math.min(o, se));
 }
 function wt(o, e, n, t) {
-  const s = c(0), i = c(0), f = (a) => {
+  const s = f(0), i = f(0), p = (a) => {
     if (!a || !a.parentElement)
       return;
-    const r = a.parentElement, d = a.cloneNode(!0);
-    d.style.position = "absolute", d.style.visibility = "hidden", r.appendChild(d), d.style.width = "max-content";
-    const _ = d.offsetWidth, m = Math.max(oe, Math.min(_, se));
-    s.value = m, d.style.width = `${m}px`;
-    const y = d.offsetHeight;
-    i.value = y, r.removeChild(d), i.value = y;
+    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;
   };
   G([e, n], async ([a]) => {
-    var r, d;
+    var r, c;
     if (a !== null) {
       await P();
-      const _ = (d = (r = o.value) == null ? void 0 : r[0]) == null ? void 0 : d.$el;
-      _ && f(_);
+      const d = (c = (r = o.value) == null ? void 0 : r[0]) == null ? void 0 : c.$el;
+      d && p(d);
     } else
       s.value = 0, i.value = 0;
   });
-  const l = p(() => t != null && t.value ? ae(t.value) : 0);
-  return { computedStyle: p(() => {
+  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"
     };
@@ -841,28 +841,28 @@ const Rt = g({
   },
   emits: [S.CLOSE, "menu-item-click"],
   setup(o, { emit: e, expose: n }) {
-    const t = c(null), s = c(null), i = c(null), f = c(null), l = c(!1), u = c(null), a = c(o.focusLastElement ? o.data.length - 1 : 0), r = c(0), d = c(o.data.length - 1), _ = p(() => o.data.some((b) => b.icon)), m = p(() => o.indentItems || _.value ? o.data.map((b) => {
+    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((h) => h.icon)), _ = m(() => o.indentItems || d.value ? o.data.map((h) => {
       let v = !1;
-      return b.icon || (v = !0), {
-        ...b,
+      return h.icon || (v = !0), {
+        ...h,
         indent: v
       };
     }) : 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) {
+      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();
+    }, I = () => e(S.CLOSE), E = (h, v) => {
+      if (h.items) {
         u.value = v, l.value = !0;
         return;
       }
-      u.value = v, l.value = !1, !b.skipClose && o.closeMenuOnItemSelect !== !1 && I(), e("menu-item-click");
+      u.value = v, l.value = !1, !h.skipClose && o.closeMenuOnItemSelect !== !1 && I(), e("menu-item-click");
     }, O = () => {
-      a.value > 0 ? (a.value -= 1, m.value[a.value].disabled && O()) : a.value = d.value, y();
+      a.value > 0 ? (a.value -= 1, _.value[a.value].disabled && O()) : a.value = c.value, y();
     }, L = () => {
-      a.value < d.value ? (a.value += 1, m.value[a.value].disabled && L()) : a.value = 0, y();
-    }, w = (b, v) => {
+      a.value < c.value ? (a.value += 1, _.value[a.value].disabled && L()) : a.value = 0, y();
+    }, w = (h, v) => {
       var x;
-      (x = b == null ? void 0 : b.items) != null && x.length && (u.value = v, l.value = !0);
+      (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);
     }, N = () => {
@@ -872,7 +872,7 @@ const Rt = g({
       focusItem: y
     });
     const { computedStyle: A } = wt(
-      f,
+      p,
       u,
       l,
       Y(o, "popoverWidth")
@@ -881,9 +881,9 @@ const Rt = g({
       // Values
       menuItemListRef: s,
       menuItemListWrapperRef: i,
-      subMenuItemListRef: f,
+      subMenuItemListRef: p,
       menuItemRef: t,
-      computedData: m,
+      computedData: _,
       computedStyle: A,
       focusedIndex: a,
       subMenuFocusedIndex: r,
@@ -911,12 +911,12 @@ var Nt = function() {
   }, function(t) {
     return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.closeMenu.apply(null, arguments);
   }] } }, e._l(e.computedData, function(t, s) {
-    var i, f, l, u;
+    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: !!((f = t.items) != null && f.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: s === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((l = t.items) != null && l.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === s }, on: { click: function(a) {
+    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (i = t.items) != null && i.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((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) {
       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)]);
@@ -949,14 +949,14 @@ 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: f } = J(), l = c(null), u = c(null), a = c(!1), r = c(!1), d = c(null), _ = ge("menu"), m = k(Ft, c(!1));
-    le(fe, m);
-    const y = p(() => ({
-      "b-menu--inverse": m.value
-    })), I = p(
+    var h;
+    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(() => ({
+      "b-menu--inverse": _.value
+    })), I = m(
       () => t.menuWidth ? { width: `${ae(t.menuWidth)}px` } : null
-    ), E = p(() => {
+    ), E = m(() => {
       if (t != null && t.button)
         return {
           variant: "secondary",
@@ -977,13 +977,13 @@ const Dt = Pt.exports, Ft = /* @__PURE__ */ Symbol("menu inverse style injection
       n("menu-item-click");
     };
     return Xe(
-      d,
+      c,
       () => {
         L(), n("click-outside");
       },
       {
         ...t.closeOnClickOutsideOptions,
-        ignore: [l, ...((b = t.closeOnClickOutsideOptions) == null ? void 0 : b.ignore) ?? []]
+        ignore: [l, ...((h = t.closeOnClickOutsideOptions) == null ? void 0 : h.ignore) ?? []]
       }
     ), e({
       /**
@@ -994,7 +994,7 @@ const Dt = Pt.exports, Ft = /* @__PURE__ */ Symbol("menu inverse style injection
       i("iconRight") && me(
         '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
       );
-    }), { __sfc: !0, props: t, emit: n, slots: s, hasSlot: i, t: f, menuButtonRef: l, menuItemListRef: u, showMenu: a, isLastElementFocused: r, popoverRef: d, menuId: _, isInverseColorSet: m, computedClasses: y, computedMenuWidth: I, computedButtonPropsWithDefaults: E, openMenu: O, closeMenu: L, toggleShowMenu: w, onKeyDown: R, onKeyUp: N, menuItemClick: A, BentoToggleButton: $e, BentoPopover: at, BentoTeleport: dt, ChevronDownIcon: Ce, OptionsVerticalIcon: vt, MenuItemList: Dt };
+    }), { __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: N, menuItemClick: A, BentoToggleButton: $e, BentoPopover: at, BentoTeleport: dt, ChevronDownIcon: Ce, OptionsVerticalIcon: vt, MenuItemList: Dt };
   }
 });
 var Wt = function() {
@@ -1034,28 +1034,40 @@ var Wt = function() {
 const jt = Vt.exports, Gt = /* @__PURE__ */ Symbol(
   "button actions with menu container injection key"
 ), Yt = 242, V = parseInt(Se, 10), Jt = (o, e, n) => {
-  const t = c(0);
+  const t = f(0);
   let s = null;
-  const { buttonActionsWithMenu: i, menu: f, stackButtons: l } = k(Gt, {
-    buttonActionsWithMenu: c(null),
-    menu: c(null),
-    stackButtons: c(!1)
-  }), u = p(() => i.value ?? o.value), a = p(() => f.value ? [...e.value, f.value.$el] : e.value), r = (d) => {
+  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 _ = (y = a.value) == null ? void 0 : y.reduce(
+    const d = (y = a.value) == null ? void 0 : y.reduce(
       (I, E) => I + E.clientWidth + V,
       -V - 1
-    ), m = u.value.clientWidth;
-    return d && (t.value = m >= Yt && !l.value ? _ : 0), t.value > m;
+    ), _ = u.value.clientWidth;
+    return c && (t.value = _ >= Yt && !l.value ? d : 0), t.value > _;
   };
   return G(
-    () => n.value,
+    () => {
+      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
+      ]);
+    },
     () => {
       P(() => {
         l.value = r(!0);
       });
-    },
-    { deep: !0 }
+    }
   ), M(() => {
     s = Oe(u.value, () => {
       l.value = r(t.value === 0);
@@ -1072,16 +1084,16 @@ const jt = Vt.exports, Gt = /* @__PURE__ */ Symbol(
     layout: { default: "buttons-end" }
   },
   setup(o) {
-    const e = o, n = c(null), t = c(null), s = Jt(n, t, Y(e, "actions")), i = p(() => e.actions.slice().reverse()), f = (r) => {
-      const d = e.actions.length - 1;
-      return r === d ? "primary" : "secondary";
-    }, l = p(() => ({
+    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(() => ({
       [`b-button-actions--${e.layout}`]: !0,
       "b-button-actions--stacked-buttons": s.value
     }));
-    return { __sfc: !0, props: e, buttonActions: n, buttons: t, stackButtons: s, reversedActionsList: i, generateButtonVariantByIndex: f, conditionalClasses: l, generateButtonEvents: (r) => (r == null ? void 0 : r.event) !== void 0 ? {
+    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 ? {
       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: Re, BentoMenu: jt };
   }
 });
 var Xt = function() {
@@ -1135,4 +1147,4 @@ export {
   Ze as m,
   Xe as u
 };
-//# sourceMappingURL=button-actions.D1jRC1fs.js.map
+//# sourceMappingURL=button-actions.DKc63aCb.js.map