@adyen/bento-vue2 1.71.0 → 1.72.0

package/dist/chunks/{toggle-button.B1Y2qhzJ.js → button-actions.55vIvDsX.js}

@@ -1,29 +1,29 @@
 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 { B as b } from "./button.CilT7NmM.js";
-import { B as H, D as se } from "./divider.CFbtmKeQ.js";
-import { C as oe } from "./cross.CC_B-vG-.js";
-import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as Y, a as F, p as ae } from "./typography.hlOAxsEn.js";
-import { c as ie, P as re } from "./popper-container.Dt0SuHXX.js";
+import { B as se } from "./loading-indicator.DXc7I1Lm.js";
+import { C as oe } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as ae } from "./checkmark-circle-fill.BttTCjrM.js";
 import { u as D } from "./use-has-slot.C9lQZ6nz.js";
-import { u as le } from "./aria-label.CaUURpnB.js";
-import { o as ue } from "./on-click-outside.D9aY9g8G.js";
-import { g as ce } from "./generate-uid.NJ8tVoha.js";
-import { u as J } from "./i18n.BQkEbtPM.js";
-import { C as de } from "./chevron-down.eYtgv5ly.js";
+import { u as H } from "./i18n.BQkEbtPM.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.C9KCAJxI.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";
 /* empty css              */
-import { i as q } from "./index.Cl4_42j5.js";
-import { C as fe, a as W } from "./chevron-right.C--ZOC9j.js";
-import { a as U, B as pe } from "./base-button.BB5tkzjh.js";
-import { t as _e } from "./truncate.BfIl_-71.js";
-import { o as me } from "./resize.Bqks3WUm.js";
-import { g as ve } from "./es6.MoTTyETW.js";
-import { B as ye } from "./loading-indicator.DXc7I1Lm.js";
-import { C as he } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as be } from "./checkmark-circle-fill.BttTCjrM.js";
-import "../assets/toggle-button.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 { o as be } from "./resize.Bqks3WUm.js";
+import { g as ge } 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 ge = {
+const Ce = {
   "en-US": {
     failed: "Failed",
     succeded: "Succeded"
@@ -34,10 +34,10 @@ const ge = {
   "pt-BR": {
     failed: "Falha"
   }
-}, Ce = {
-  i18n: { messages: ge }
-}, ke = /* @__PURE__ */ g({
-  ...Ce,
+}, ke = {
+  i18n: { messages: Ce }
+}, Ie = /* @__PURE__ */ g({
+  ...ke,
   __name: "loading-button",
   props: {
     /**
@@ -88,7 +88,7 @@ const ge = {
   },
   emits: ["click"],
   setup(o, { emit: e }) {
-    const n = o, t = w(), s = D(t), { t: i } = J(), c = p(() => ({
+    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,
@@ -100,10 +100,10 @@ const ge = {
     );
     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: ye, BentoButton: b, Cross: he, Checkmark: be };
+    }, BentoLoadingIndicator: se, BentoButton: b, Cross: oe, Checkmark: ae };
   }
 });
-var Ie = function() {
+var Be = 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);
@@ -112,17 +112,90 @@ var Ie = 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);
-}, Be = [], Oe = /* @__PURE__ */ C(
-  ke,
+}, Oe = [], Se = /* @__PURE__ */ C(
   Ie,
   Be,
+  Oe,
   !1,
   null,
   "bc74b2f7"
 );
-const Se = Oe.exports, xe = g({
+const xe = Se.exports, Ee = {}, Le = /* @__PURE__ */ g({
+  ...Ee,
+  __name: "toggle-button",
+  props: {
+    /**
+     * Reduces sizing of button
+     */
+    condensed: {
+      type: b.props.condensed.type,
+      default: !1
+    },
+    /**
+     * Disables button functonality
+     */
+    disabled: {
+      type: b.props.disabled.type,
+      default: !1
+    },
+    /**
+     * Sets color set to inverse
+     */
+    inverse: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Types of flavour of Button
+     * @values primary, secondary, tertiary
+     */
+    variant: {
+      type: b.props.variant.type,
+      default: "primary",
+      validator: b.props.variant.validator
+    },
+    /**
+     * The state of the button whether it is toggled or not.
+     */
+    toggled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click", "update:toggled"],
+  setup(o, { emit: e }) {
+    const n = o, t = p(
+      () => n.variant === "tertiary" ? "tertiary-with-background" : n.variant
+    ), s = p(() => ({
+      "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));
+    }, c = w();
+    return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: c, getSlotKeyIfVue3: (u) => ({}), BentoButton: b };
+  }
+});
+var we = 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))];
+    }, proxy: !0 };
+  })], null, !0) }, "bento-button", e.$attrs, !1));
+}, Te = [], Me = /* @__PURE__ */ C(
+  Le,
+  we,
+  Te,
+  !1,
+  null,
+  "0bc368c9"
+);
+const Re = Me.exports, Ae = g({
   name: "bento-popover-dismiss-button",
-  components: { BentoButton: b, CrossIcon: oe },
+  components: { BentoButton: b, CrossIcon: re },
   props: {
     onImage: {
       type: Boolean,
@@ -136,23 +209,23 @@ const Se = Oe.exports, xe = g({
     };
   }
 });
-var Ee = function() {
+var Ne = 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 }]) });
-}, Le = [], we = /* @__PURE__ */ C(
-  xe,
-  Ee,
-  Le,
+}, Pe = [], De = /* @__PURE__ */ C(
+  Ae,
+  Ne,
+  Pe,
   !1,
   null,
-  "71876338"
+  "4c18828f"
 );
-const Te = we.exports, Me = g({
-  components: { BentoTypography: Y },
+const $e = De.exports, Fe = g({
+  components: { BentoTypography: q },
   props: {
     /**
      * Indicates if the popover contains an image.
@@ -174,26 +247,26 @@ const Te = we.exports, Me = g({
     };
   }
 });
-var Re = function() {
+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) + " ")]);
-}, Ne = [], Ae = /* @__PURE__ */ C(
-  Me,
-  Re,
-  Ne,
+}, Ue = [], Ve = /* @__PURE__ */ C(
+  Fe,
+  We,
+  Ue,
   !1,
   null,
   null
 );
-const Pe = Ae.exports, De = (o, e, n = {}) => {
+const Ke = Ve.exports, Ge = (o, e, n = {}) => {
   let t;
   T(() => {
-    t = ue(o, e, n);
+    t = pe(o, e, n);
   }), G(() => {
     t && (t(), t = null);
   });
-}, $e = Symbol("input field popover injection key"), Fe = Symbol("input field popover injection key"), We = Symbol("popover offset injection key"), Ue = {}, Ve = /* @__PURE__ */ g({
-  ...Ue,
+}, je = Symbol("input field popover injection key"), He = Symbol("input field popover injection key"), Ye = Symbol("popover offset injection key"), Je = {}, qe = /* @__PURE__ */ g({
+  ...Je,
   __name: "popover",
   props: {
     actions: { default: void 0 },
@@ -213,6 +286,7 @@ const Pe = Ae.exports, De = (o, e, n = {}) => {
     title: { default: void 0 },
     targetElement: null,
     trapAll: { type: Boolean, default: !1 },
+    trapAllOptions: { default: void 0 },
     withoutSpace: { type: Boolean, default: !1 },
     overflowVisible: { type: Boolean, default: !1 }
   },
@@ -222,14 +296,14 @@ const Pe = Ae.exports, De = (o, e, n = {}) => {
       var B;
       return {
         id: (B = i.id) == null ? void 0 : B.toString(),
-        role: (i == null ? void 0 : i.role) === null ? void 0 : ie.POPOVER
+        role: (i == null ? void 0 : i.role) === null ? void 0 : ue.POPOVER
       };
-    }), l = S(We, t), u = d(i["aria-label"]), { ariaLabel: a, title: r } = ee(n), f = le({
+    }), l = S(Ye, t), u = d(i["aria-label"]), { ariaLabel: a, title: r } = ee(n), f = fe({
       ariaLabel: u.value,
       // TODO: take this line away when the aria-label props is removed
       label: a,
       defaultFallback: r
-    }), m = S(Fe, !1) || S($e, !1), _ = p(() => ({
+    }), m = S(He, !1) || S(je, !1), _ = p(() => ({
       "b-popover--small": n.small && !n.large,
       "b-popover--with-divider": !!n.divider,
       "b-popover--large": n.large && !n.small,
@@ -239,23 +313,23 @@ const Pe = Ae.exports, De = (o, e, n = {}) => {
     })), 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: Te, BentoPopoverTitle: Pe, BentoButtonActions: Kt, PopperContainer: re };
+    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 };
   }
 });
-var Ke = function() {
+var Xe = 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, "fallback-position": e.fallbackPosition, "fixed-positioning": e.fixedPositioning, offset: [0, t.offset], position: e.position, "target-element": e.targetElement }, on: { placement: function(s) {
+  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);
-}, Ge = [], je = /* @__PURE__ */ C(
-  Ve,
-  Ke,
-  Ge,
+}, ze = [], Ze = /* @__PURE__ */ C(
+  qe,
+  Xe,
+  ze,
   !1,
   null,
-  "cc5ddd1e"
+  "2de66a7e"
 );
-const He = je.exports, Ye = Symbol("modal injection key"), Je = Symbol("sidepanel children element injection key"), qe = Symbol("modal fullscreen children element injection key"), Xe = g({
+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: {
@@ -274,7 +348,7 @@ const He = je.exports, Ye = Symbol("modal injection key"), Je = Symbol("sidepane
     waiting: !1,
     observer: null,
     parent: null,
-    isVue2: q
+    isVue2: Y
   }),
   computed: {
     classes() {
@@ -283,7 +357,7 @@ const He = je.exports, Ye = Symbol("modal injection key"), Je = Symbol("sidepane
     defaultTo() {
       if (this.to)
         return this.to;
-      const o = S(Ye, "") || S(qe, "") || S(Je, "");
+      const o = S(et, "") || S(nt, "") || S(tt, "");
       return o ? `#${o}` : "body";
     }
   },
@@ -354,46 +428,44 @@ const He = je.exports, Ye = Symbol("modal injection key"), Je = Symbol("sidepane
       return this.$vnode.componentOptions.children.map((o) => o.elm).filter((o) => o);
     }
   }
-}), ze = /* @__PURE__ */ g({
-  ...Xe,
+}), ot = /* @__PURE__ */ g({
+  ...st,
   setup(o) {
-    return { __sfc: !0, isVue2: q };
+    return { __sfc: !0, isVue2: Y };
   }
 });
-var Ze = function() {
+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);
-}, Qe = [], et = /* @__PURE__ */ C(
-  ze,
-  Ze,
-  Qe,
+}, it = [], rt = /* @__PURE__ */ C(
+  ot,
+  at,
+  it,
   !1,
   null,
   "fda08514"
 );
-const tt = et.exports, nt = Symbol("menu inverse style injection key"), st = Symbol(
-  "button actions with menu container injection key"
-);
+const lt = rt.exports;
 let V = 0;
-const ot = {
+const ut = {
   beforeCreate() {
     this.uuid = V.toString(), V += 1;
   }
 };
-var at = function() {
+var ct = 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" } })]);
-}, it = [], rt = /* @__PURE__ */ C(
-  ot,
-  at,
-  it,
+}, dt = [], ft = /* @__PURE__ */ C(
+  ut,
+  ct,
+  dt,
   !1,
   null,
   null
 );
-const lt = rt.exports, ut = g({
+const pt = ft.exports, _t = g({
   name: "menu-item",
-  components: { BaseButton: pe, BentoTypography: Y, ChevronRightIcon: fe },
+  components: { BaseButton: ye, BentoTypography: q, ChevronRightIcon: ve },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -466,7 +538,7 @@ const lt = rt.exports, ut = g({
     const t = p(() => ({
       "b-menu-item--critical": o.critical,
       "b-menu-item--indent": o.indent
-    })), s = p(() => _e(o.secondaryText, 10));
+    })), s = p(() => he(o.secondaryText, 10));
     return {
       // Values
       conditionalClasses: t,
@@ -478,7 +550,7 @@ const lt = rt.exports, ut = g({
     };
   }
 });
-var ct = function() {
+var mt = 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" } })];
@@ -487,23 +559,24 @@ var ct = function() {
   }, proxy: !0 }, e.chevron ? { key: "iconRight", fn: function() {
     return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) });
-}, dt = [], ft = /* @__PURE__ */ C(
-  ut,
-  ct,
-  dt,
+}, vt = [], yt = /* @__PURE__ */ C(
+  _t,
+  mt,
+  vt,
   !1,
   null,
   "a173cbf5"
 );
-const X = ft.exports;
+const X = yt.exports;
+({ ...de });
 var O = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(O || {});
-const pt = Symbol("menu registering injection key"), _t = {
+const ht = Symbol("menu registering injection key"), bt = {
   name: "bento-menu-list-container"
-}, mt = /* @__PURE__ */ g({
-  ..._t,
+}, gt = /* @__PURE__ */ g({
+  ...bt,
   setup(o) {
     const e = d(), n = d({}), t = S(
-      pt,
+      ht,
       !1
     );
     if (t) {
@@ -515,26 +588,26 @@ const pt = Symbol("menu registering injection key"), _t = {
     return { __sfc: !0, menuListContainerRef: e, menuListContainerEvents: n, registeringAndMousingOut: t };
   }
 });
-var vt = function() {
+var Ct = 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);
-}, yt = [], ht = /* @__PURE__ */ C(
-  mt,
-  vt,
-  yt,
+}, kt = [], It = /* @__PURE__ */ C(
+  gt,
+  Ct,
+  kt,
   !1,
   null,
   "f5d01392"
 );
-const z = ht.exports, Z = {
+const z = It.exports, Z = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
   }
-}, bt = g({
+}, Bt = g({
   i18n: { messages: Z },
   name: "sub-menu-item-list",
-  components: { BentoDivider: H, MenuItem: X, MenuListContainer: z },
+  components: { BentoDivider: J, MenuItem: X, MenuListContainer: z },
   props: {
     items: {
       type: Array,
@@ -598,7 +671,7 @@ const z = ht.exports, Z = {
     };
   }
 });
-var gt = function() {
+var Ot = 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));
@@ -609,16 +682,16 @@ var gt = 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);
-}, Ct = [], kt = /* @__PURE__ */ C(
-  bt,
-  gt,
-  Ct,
+}, St = [], xt = /* @__PURE__ */ C(
+  Bt,
+  Ot,
+  St,
   !1,
   null,
   "979daa5d"
 );
-const It = kt.exports;
-function Bt(o, e, n) {
+const Et = xt.exports;
+function Lt(o, e, n) {
   const i = d(0), c = d(0), l = (a) => {
     if (!a || !a.parentElement)
       return;
@@ -642,9 +715,9 @@ function Bt(o, e, n) {
     return n.value && (c.value > 0 && (a.height = `${c.value}px`), i.value > 0 && (a.width = `${i.value}px`)), a;
   }) };
 }
-const Ot = g({
+const wt = g({
   name: "menu-item-list",
-  components: { BentoDivider: H, MenuItem: X, MenuListContainer: z, SubMenuItemList: It },
+  components: { BentoDivider: J, MenuItem: X, MenuListContainer: z, SubMenuItemList: Et },
   props: {
     /**
      * The data to be displayed in the list
@@ -701,13 +774,13 @@ const Ot = g({
       (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 = () => {
+    }, A = () => {
       l.value = !1, u.value = null, y();
     };
     n({
       focusItem: y
     });
-    const { computedStyle: A } = Bt(c, u, l);
+    const { computedStyle: N } = Lt(c, u, l);
     return {
       // Values
       menuItemListRef: s,
@@ -715,7 +788,7 @@ const Ot = g({
       subMenuItemListRef: c,
       menuItemRef: t,
       computedData: _,
-      computedStyle: A,
+      computedStyle: N,
       focusedIndex: a,
       subMenuFocusedIndex: r,
       showSubMenu: l,
@@ -727,11 +800,11 @@ const Ot = g({
       focusNext: L,
       focusRight: M,
       focusLeft: R,
-      onBackButton: N
+      onBackButton: A
     };
   }
 });
-var St = function() {
+var Tt = 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);
@@ -751,19 +824,19 @@ var St = function() {
       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)]);
-}, xt = [], Et = /* @__PURE__ */ C(
-  Ot,
-  St,
-  xt,
+}, Mt = [], Rt = /* @__PURE__ */ C(
+  wt,
+  Tt,
+  Mt,
   !1,
   null,
   "c6f6142d"
 );
-const Lt = Et.exports, wt = {
+const At = Rt.exports, Nt = Symbol("menu inverse style injection key"), Pt = {
   i18n: { messages: Z },
   name: "bento-menu"
-}, Tt = /* @__PURE__ */ g({
-  ...wt,
+}, Dt = /* @__PURE__ */ g({
+  ...Pt,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -781,8 +854,8 @@ const Lt = Et.exports, wt = {
   emits: ["menu-item-click", "click-outside"],
   setup(o, { expose: e, emit: n }) {
     var h;
-    const t = o, s = w(), i = D(s), { t: c } = J(), l = d(null), u = d(null), a = d(!1), r = d(!1), f = d(null), m = ce("menu"), _ = S(nt, d(!1));
-    te(se, _);
+    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, _);
     const y = p(() => ({
       "b-menu--inverse": _.value
     })), k = p(() => t.menuWidth ? { width: `${t.menuWidth}px` } : null), E = p(() => {
@@ -800,12 +873,12 @@ const Lt = Et.exports, wt = {
       v.stopPropagation(), a.value ? L() : B();
     }, R = (v) => {
       v.preventDefault(), r.value = !1, t.disableArrowDownOpeningMenu || B();
-    }, N = (v) => {
+    }, A = (v) => {
       v.preventDefault(), r.value = !0, B();
-    }, A = () => {
+    }, N = () => {
       n("menu-item-click");
     };
-    return De(
+    return Ge(
       f,
       () => {
         L(), n("click-outside");
@@ -820,13 +893,13 @@ const Lt = Et.exports, wt = {
        */
       closeMenu: L
     }), T(() => {
-      i("iconRight") && ae(
+      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: N, menuItemClick: A, BentoToggleButton: qt, BentoPopover: He, BentoTeleport: tt, ChevronDownIcon: de, OptionsVerticalIcon: lt, MenuItemList: Lt };
+    }), { __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 };
   }
 });
-var Mt = 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);
@@ -852,18 +925,20 @@ var Mt = 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);
-}, Rt = [], Nt = /* @__PURE__ */ C(
-  Tt,
-  Mt,
-  Rt,
+}, Ft = [], Wt = /* @__PURE__ */ C(
+  Dt,
+  $t,
+  Ft,
   !1,
   null,
-  "e3fa5ac1"
+  "7d6c9757"
 );
-const At = Nt.exports, Pt = 242, K = parseInt(ve, 10), Dt = (o, e, n) => {
+const Ut = Wt.exports, Vt = Symbol(
+  "button actions with menu container injection key"
+), Kt = 242, K = parseInt(ge, 10), Gt = (o, e, n) => {
   const t = d(0);
   let s = null;
-  const { buttonActionsWithMenu: i, menu: c, stackButtons: l } = S(st, {
+  const { buttonActionsWithMenu: i, menu: c, stackButtons: l } = S(Vt, {
     buttonActionsWithMenu: d(null),
     menu: d(null),
     stackButtons: d(!1)
@@ -873,7 +948,7 @@ const At = Nt.exports, Pt = 242, K = parseInt(ve, 10), Dt = (o, e, n) => {
       (k, E) => k + E.clientWidth + K,
       -K - 1
     ), _ = u.value.clientWidth;
-    return f && (t.value = _ >= Pt && !l.value ? m : 0), t.value > _;
+    return f && (t.value = _ >= Kt && !l.value ? m : 0), t.value > _;
   };
   return j(
     () => n.value,
@@ -884,14 +959,14 @@ const At = Nt.exports, Pt = 242, K = parseInt(ve, 10), Dt = (o, e, n) => {
     },
     { deep: !0 }
   ), T(() => {
-    s = me(u.value, () => {
+    s = be(u.value, () => {
       l.value = r(t.value === 0);
     });
   }), G(() => {
     s == null || s.disconnect();
   }), l;
-}, $t = {}, Ft = /* @__PURE__ */ g({
-  ...$t,
+}, jt = {}, Ht = /* @__PURE__ */ g({
+  ...jt,
   __name: "button-actions",
   props: {
     actions: null,
@@ -899,7 +974,7 @@ const At = Nt.exports, Pt = 242, K = parseInt(ve, 10), Dt = (o, e, n) => {
     layout: { default: "buttons-end" }
   },
   setup(o) {
-    const e = o, n = d(null), t = d(null), s = Dt(n, t, ne(e, "actions")), i = p(() => e.actions.slice().reverse()), c = (r) => {
+    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 f = e.actions.length - 1;
       return r === f ? "primary" : "secondary";
     }, l = p(() => ({
@@ -908,10 +983,10 @@ const At = Nt.exports, Pt = 242, K = parseInt(ve, 10), Dt = (o, e, n) => {
     }));
     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: Se, BentoMenu: At };
+    } : {}, isIconOnly: (r) => r.iconOnly && (r.iconLeft || r.iconRight || r.icon), BentoButton: b, BentoLoadingButton: xe, BentoMenu: Ut };
   }
 });
-var Wt = function() {
+var Yt = 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() {
@@ -926,107 +1001,34 @@ var Wt = function() {
       return [n(s.iconRight, { tag: "component", attrs: { "svg-title": s.title } })];
     }, proxy: !0 } : null], null, !0) }, t.generateButtonEvents(s)))]], 2);
   }), 0)]);
-}, Ut = [], Vt = /* @__PURE__ */ C(
-  Ft,
-  Wt,
-  Ut,
-  !1,
-  null,
-  "0e464582"
-);
-const Kt = Vt.exports, Gt = {}, jt = /* @__PURE__ */ g({
-  ...Gt,
-  __name: "toggle-button",
-  props: {
-    /**
-     * Reduces sizing of button
-     */
-    condensed: {
-      type: b.props.condensed.type,
-      default: !1
-    },
-    /**
-     * Disables button functonality
-     */
-    disabled: {
-      type: b.props.disabled.type,
-      default: !1
-    },
-    /**
-     * Sets color set to inverse
-     */
-    inverse: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Types of flavour of Button
-     * @values primary, secondary, tertiary
-     */
-    variant: {
-      type: b.props.variant.type,
-      default: "primary",
-      validator: b.props.variant.validator
-    },
-    /**
-     * The state of the button whether it is toggled or not.
-     */
-    toggled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click", "update:toggled"],
-  setup(o, { emit: e }) {
-    const n = o, t = p(
-      () => n.variant === "tertiary" ? "tertiary-with-background" : n.variant
-    ), s = p(() => ({
-      "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));
-    }, c = w();
-    return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: c, getSlotKeyIfVue3: (u) => ({}), BentoButton: b };
-  }
-});
-var Ht = 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))];
-    }, proxy: !0 };
-  })], null, !0) }, "bento-button", e.$attrs, !1));
-}, Yt = [], Jt = /* @__PURE__ */ C(
-  jt,
+}, Jt = [], qt = /* @__PURE__ */ C(
   Ht,
   Yt,
+  Jt,
   !1,
   null,
-  "0bc368c9"
+  "d7dff4eb"
 );
-const qt = Jt.exports;
+const Xt = qt.exports;
 export {
-  Kt as B,
-  pt as D,
-  $e as I,
-  nt as M,
-  lt as O,
-  We as P,
-  Je as S,
-  Se as a,
+  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,
-  qt as c,
-  tt as d,
-  st as e,
-  At as f,
+  Re as c,
+  lt as d,
+  Vt as e,
+  Ut as f,
   O as g,
-  He as h,
-  qe as i,
-  Ye as j,
-  Fe as k,
-  De as u
+  Qe as h,
+  nt as i,
+  et as j,
+  He as k,
+  Ge as u
 };
-//# sourceMappingURL=toggle-button.B1Y2qhzJ.js.map
+//# sourceMappingURL=button-actions.55vIvDsX.js.map