@adyen/bento-vue3 1.71.0 → 1.72.0

package/dist/chunks/{toggle-button.Cg4Kot6V.js → button-actions.D1eBtYgZ.js}

@@ -1,27 +1,27 @@
-import { defineComponent as M, useSlots as Q, computed as _, createBlock as g, openBlock as u, withModifiers as X, normalizeClass as U, createSlots as H, withCtx as h, renderSlot as D, unref as m, createElementVNode as V, createCommentVNode as O, resolveComponent as T, createVNode as E, createTextVNode as j, toDisplayString as G, onMounted as x, onUnmounted as pe, useAttrs as Oe, inject as K, ref as v, toRefs as $e, Transition as ve, createElementBlock as k, Teleport as Ee, mergeProps as Y, resolveDynamicComponent as z, toHandlers as ie, withKeys as N, Fragment as Z, renderList as ee, watch as be, nextTick as te, normalizeStyle as he, provide as Se, toRef as Le, normalizeProps as Te, guardReactiveProps as Me } from "vue";
+import { defineComponent as M, useSlots as Q, computed as _, createBlock as g, openBlock as u, withModifiers as X, normalizeClass as U, createSlots as H, withCtx as y, renderSlot as D, unref as p, createElementVNode as V, createCommentVNode as B, mergeProps as Y, renderList as x, normalizeProps as Be, guardReactiveProps as $e, resolveComponent as T, createVNode as E, createTextVNode as j, toDisplayString as G, onMounted as ee, onUnmounted as pe, useAttrs as Ee, inject as K, ref as v, toRefs as Se, Transition as ve, createElementBlock as k, Teleport as Le, resolveDynamicComponent as z, toHandlers as ie, withKeys as N, Fragment as Z, watch as be, nextTick as te, normalizeStyle as he, provide as Te, toRef as Me } from "vue";
 import { B as L } from "./button.C-MAa6ut.js";
-import { B as ye, D as we } from "./divider.DnKNNyWB.js";
-import { C as Ne } from "./cross.B92GxFTY.js";
-import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as ge, a as re, p as Re } from "./typography.yBEME_Gu.js";
-import { c as Ae, P as De } from "./popper-container.bSdMC3hi.js";
+import { B as we } from "./loading-indicator.VHi5tbZa.js";
+import { C as Ne } from "./cross-circle-fill.CYLL7jfC.js";
+import { C as Re } from "./checkmark-circle-fill._6-d40ru.js";
 import { u as ae } from "./use-has-slot.B7eQSabc.js";
-import { u as Pe } from "./aria-label.CaUURpnB.js";
-import { o as Fe } from "./on-click-outside.D9aY9g8G.js";
-import { g as We } from "./generate-uid.NJ8tVoha.js";
-import { u as _e } from "./i18n.B6g5VX0q.js";
-import { C as Ke } from "./chevron-down.DCQ6ZLaq.js";
+import { u as ye } from "./i18n.B6g5VX0q.js";
+import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as ge, D as Ae } from "./divider.DnKNNyWB.js";
+import { C as De } from "./cross.B92GxFTY.js";
+import { B as _e, a as re, p as Pe } from "./typography.yBEME_Gu.js";
+import { c as Fe, P as We, d as Ke } from "./popper-container.5cq-eu41.js";
+import { u as Ue } from "./aria-label.CaUURpnB.js";
+import { o as Ve } from "./on-click-outside.D9aY9g8G.js";
+import { g as Ge } from "./generate-uid.NJ8tVoha.js";
+import { C as je } from "./chevron-down.DCQ6ZLaq.js";
 /* empty css              */
 import { i as Ce } from "./index.CWuzEfiV.js";
-import { a as Ue, C as ue } from "./chevron-right.Brdj0WlO.js";
-import { a as de, B as Ve } from "./base-button.CjYb5Y8k.js";
-import { t as Ge } from "./truncate.BfIl_-71.js";
-import { o as je } from "./resize.Bqks3WUm.js";
-import { g as He } from "./es6.MoTTyETW.js";
-import { B as Ye } from "./loading-indicator.VHi5tbZa.js";
-import { C as Je } from "./cross-circle-fill.CYLL7jfC.js";
-import { C as qe } from "./checkmark-circle-fill._6-d40ru.js";
-import "../assets/toggle-button.css";
+import { a as He, C as ue } from "./chevron-left.Cfn1uGLH.js";
+import { a as de, B as Ye } from "./base-button.BYhf0xf3.js";
+import { t as Je } from "./truncate.BfIl_-71.js";
+import { o as qe } from "./resize.Bqks3WUm.js";
+import { g as Xe } from "./es6.MoTTyETW.js";
+import "../assets/button-actions.css";
 var A = /* @__PURE__ */ ((e) => (e.START = "start", e.LOADING = "loading", e.SUCCESS = "success", e.FAIL = "fail", e))(A || {});
 const Ie = {
   "en-US": {
@@ -34,13 +34,13 @@ const Ie = {
   "pt-BR": {
     failed: "Falha"
   }
-}, Xe = {
+}, ze = {
   class: "b-loading-button__icon",
   "data-testid": "loading-button-rotating-icon"
-}, ze = {
+}, Ze = {
   i18n: { messages: Ie }
-}, Ze = /* @__PURE__ */ M({
-  ...ze,
+}, Qe = /* @__PURE__ */ M({
+  ...Ze,
   __name: "loading-button",
   props: {
     /**
@@ -91,7 +91,7 @@ const Ie = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const o = e, s = t, d = Q(), p = ae(d), { t: l } = _e({ messages: Ie }), f = _(() => ({
+    const o = e, s = t, d = Q(), m = ae(d), { t: l } = ye({ messages: Ie }), f = _(() => ({
       [`b-loading-button--${o.variant}-${A.LOADING}`]: o.state === A.LOADING && !o.disabled,
       "b-loading-button--loading": o.state === A.LOADING && !o.disabled,
       [`b-loading-button--${o.variant}-${A.SUCCESS}`]: o.state === A.SUCCESS,
@@ -112,41 +112,112 @@ const Ie = {
       class: U(["b-loading-button", f.value]),
       onClickCapture: X(i, ["stop"])
     }, H({
-      default: h(() => [
+      default: y(() => [
         D(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      e.state === "start" && m(p)("iconLeft") ? {
+      e.state === "start" && p(m)("iconLeft") ? {
         name: "iconLeft",
-        fn: h(() => [
+        fn: y(() => [
           D(r.$slots, "iconLeft", {}, void 0, !0)
         ]),
         key: "0"
       } : e.state !== "start" ? {
         name: "iconLeft",
-        fn: h(() => [
-          V("span", Xe, [
-            e.state === "fail" ? (u(), g(m(Je), {
+        fn: y(() => [
+          V("span", ze, [
+            e.state === "fail" ? (u(), g(p(Ne), {
               key: 0,
-              "svg-title": m(l)("failed")
-            }, null, 8, ["svg-title"])) : e.state === "success" ? (u(), g(m(qe), {
+              "svg-title": p(l)("failed")
+            }, null, 8, ["svg-title"])) : e.state === "success" ? (u(), g(p(Re), {
               key: 1,
-              "svg-title": m(l)("succeded")
-            }, null, 8, ["svg-title"])) : e.state === "loading" ? (u(), g(m(Ye), {
+              "svg-title": p(l)("succeded")
+            }, null, 8, ["svg-title"])) : e.state === "loading" ? (u(), g(p(we), {
               key: 2,
               small: "",
               inverse: c.value
-            }, null, 8, ["inverse"])) : O("", !0)
+            }, null, 8, ["inverse"])) : B("", !0)
           ])
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["critical", "variant", "condensed", "disabled", "inverse", "class"]));
   }
-}), Qe = /* @__PURE__ */ w(Ze, [["__scopeId", "data-v-e68a786b"]]), xe = M({
+}), xe = /* @__PURE__ */ w(Qe, [["__scopeId", "data-v-e68a786b"]]), et = {}, tt = /* @__PURE__ */ M({
+  ...et,
+  __name: "toggle-button",
+  props: {
+    /**
+     * Reduces sizing of button
+     */
+    condensed: {
+      type: L.props.condensed.type,
+      default: !1
+    },
+    /**
+     * Disables button functonality
+     */
+    disabled: {
+      type: L.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: L.props.variant.type,
+      default: "primary",
+      validator: L.props.variant.validator
+    },
+    /**
+     * The state of the button whether it is toggled or not.
+     */
+    toggled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click", "update:toggled"],
+  setup(e, { emit: t }) {
+    const o = e, s = t, d = _(
+      () => o.variant === "tertiary" ? "tertiary-with-background" : o.variant
+    ), m = _(() => ({
+      "b-toggle-button--condensed": o == null ? void 0 : o.condensed,
+      [`b-toggle-button--${d.value}-toggled`]: o.toggled,
+      "b-toggle-button--inverse": o.inverse
+    })), l = (a) => {
+      a.stopPropagation(), o != null && o.disabled || (s("click", a), s("update:toggled", !o.toggled));
+    }, f = Q(), c = (a) => ({ key: a });
+    return (a, i) => (u(), g(L, Y({ class: "b-toggle-button" }, a.$attrs, {
+      "aria-expanded": `${e.toggled}`,
+      "aria-pressed": `${e.toggled}`,
+      condensed: e.condensed,
+      class: m.value,
+      disabled: e.disabled,
+      inverse: e.inverse,
+      variant: d.value,
+      onClickCapture: X(l, ["stop"])
+    }), H({ _: 2 }, [
+      x(p(f), (r, n) => ({
+        name: n,
+        fn: y(() => [
+          D(a.$slots, n, Be($e(c(n))), void 0, !0)
+        ])
+      }))
+    ]), 1040, ["aria-expanded", "aria-pressed", "condensed", "class", "disabled", "inverse", "variant"]));
+  }
+}), nt = /* @__PURE__ */ w(tt, [["__scopeId", "data-v-f1b10e5f"]]), ot = M({
   name: "bento-popover-dismiss-button",
-  components: { BentoButton: L, CrossIcon: Ne },
+  components: { BentoButton: L, CrossIcon: De },
   props: {
     onImage: {
       type: Boolean,
@@ -160,21 +231,21 @@ const Ie = {
     };
   }
 });
-function et(e, t, o, s, d, p) {
+function st(e, t, o, s, d, m) {
   const l = T("cross-icon"), f = T("bento-button");
   return u(), g(f, {
     class: U(e.conditionalClass),
     variant: "tertiary",
     onClick: t[0] || (t[0] = (c) => e.$emit("click"))
   }, {
-    iconLeft: h(() => [
+    iconLeft: y(() => [
       E(l, { "svg-title": "dismiss" })
     ]),
     _: 1
   }, 8, ["class"]);
 }
-const ce = /* @__PURE__ */ w(xe, [["render", et], ["__scopeId", "data-v-df01cfb8"]]), tt = M({
-  components: { BentoTypography: ge },
+const ce = /* @__PURE__ */ w(ot, [["render", st], ["__scopeId", "data-v-424ecdaa"]]), it = M({
+  components: { BentoTypography: _e },
   props: {
     /**
      * Indicates if the popover contains an image.
@@ -196,40 +267,40 @@ const ce = /* @__PURE__ */ w(xe, [["render", et], ["__scopeId", "data-v-df01cfb8
     };
   }
 });
-function nt(e, t, o, s, d, p) {
+function at(e, t, o, s, d, m) {
   const l = T("bento-typography");
   return u(), g(l, {
     strongest: e.isStrongest,
     variant: e.titleVariant,
     el: "span"
   }, {
-    default: h(() => [
+    default: y(() => [
       j(G(e.title), 1)
     ]),
     _: 1
   }, 8, ["strongest", "variant"]);
 }
-const ot = /* @__PURE__ */ w(tt, [["render", nt]]), st = (e, t, o = {}) => {
+const lt = /* @__PURE__ */ w(it, [["render", at]]), rt = (e, t, o = {}) => {
   let s;
-  x(() => {
-    s = Fe(e, t, o);
+  ee(() => {
+    s = Ve(e, t, o);
   }), pe(() => {
     s && (s(), s = null);
   });
-}, it = Symbol("input field popover injection key"), at = Symbol("input field popover injection key"), lt = Symbol("popover offset injection key"), rt = {
+}, ut = Symbol("input field popover injection key"), dt = Symbol("input field popover injection key"), ct = Symbol("popover offset injection key"), ft = {
   key: 0,
   class: "b-popover__image"
-}, ut = {
+}, mt = {
   key: 0,
   class: "b-popover__image-dismiss-button"
-}, dt = {
+}, pt = {
   key: 1,
   class: "b-popover__header"
-}, ct = { class: "b-popover__header-title" }, ft = { key: 0 }, mt = {
+}, vt = { class: "b-popover__header-title" }, bt = { key: 0 }, ht = {
   key: 3,
   class: "b-popover__footer"
-}, pt = {}, vt = /* @__PURE__ */ M({
-  ...pt,
+}, yt = {}, gt = /* @__PURE__ */ M({
+  ...yt,
   __name: "popover",
   props: {
     actions: { default: void 0 },
@@ -249,23 +320,24 @@ const ot = /* @__PURE__ */ w(tt, [["render", nt]]), st = (e, t, o = {}) => {
     title: { default: void 0 },
     targetElement: {},
     trapAll: { type: Boolean, default: !1 },
+    trapAllOptions: { default: void 0 },
     withoutSpace: { type: Boolean, default: !1 },
     overflowVisible: { type: Boolean, default: !1 }
   },
   emits: ["dismiss", "placement"],
   setup(e, { emit: t }) {
-    const s = e, d = t, p = Q(), l = Oe(), f = _(() => {
-      var y;
+    const s = e, d = t, m = Q(), l = Ee(), f = _(() => {
+      var h;
       return {
-        id: (y = l.id) == null ? void 0 : y.toString(),
-        role: (l == null ? void 0 : l.role) === null ? void 0 : Ae.POPOVER
+        id: (h = l.id) == null ? void 0 : h.toString(),
+        role: (l == null ? void 0 : l.role) === null ? void 0 : Fe.POPOVER
       };
-    }), c = K(lt, 2), a = v(l["aria-label"]), { ariaLabel: i, title: r } = $e(s), n = Pe({
+    }), c = K(ct, 2), a = v(l["aria-label"]), { ariaLabel: i, title: r } = Se(s), n = Ue({
       ariaLabel: a.value,
       // TODO: take this line away when the aria-label props is removed
       label: i,
       defaultFallback: r
-    }), b = K(at, !1) || K(it, !1), C = _(() => ({
+    }), b = K(dt, !1) || K(ut, !1), C = _(() => ({
       "b-popover--small": s.small && !s.large,
       "b-popover--with-divider": !!s.divider,
       "b-popover--large": s.large && !s.small,
@@ -274,67 +346,68 @@ const ot = /* @__PURE__ */ w(tt, [["render", nt]]), st = (e, t, o = {}) => {
       "b-popover--overflow-visible": s.overflowVisible || b
     })), $ = _(() => ({
       "b-popover__content--with-title": !!s.title
-    })), R = () => d("dismiss"), P = ae(p);
-    return (y, F) => (u(), g(ve, { name: "b-popover__animation" }, {
-      default: h(() => [
-        y.open ? (u(), g(m(De), {
+    })), R = () => d("dismiss"), P = ae(m);
+    return (h, F) => (u(), g(ve, { name: "b-popover__animation" }, {
+      default: y(() => [
+        h.open ? (u(), g(p(We), {
           key: 0,
           id: f.value.id,
           "aria-role": f.value.role,
-          "aria-label": m(n),
+          "aria-label": p(n),
           arrow: { classes: ["b-popover__arrow"] },
-          "disabled-focus-trap": y.disableFocusTrap,
-          "trap-all": y.trapAll,
+          "disabled-focus-trap": h.disableFocusTrap,
+          "trap-all": h.trapAll,
+          "trap-all-options": h.trapAllOptions,
           class: U([C.value, "b-popover"]),
-          "fallback-position": y.fallbackPosition,
-          "fixed-positioning": y.fixedPositioning,
-          offset: [0, m(c)],
-          position: y.position,
-          "target-element": y.targetElement,
-          onPlacement: F[0] || (F[0] = (J) => y.$emit("placement", J))
+          "fallback-position": h.fallbackPosition,
+          "fixed-positioning": h.fixedPositioning,
+          offset: [0, p(c)],
+          position: h.position,
+          "target-element": h.targetElement,
+          onPlacement: F[0] || (F[0] = (J) => h.$emit("placement", J))
         }, {
-          default: h(() => [
-            m(P)("image") ? (u(), k("div", rt, [
-              y.dismissible ? (u(), k("div", ut, [
+          default: y(() => [
+            p(P)("image") ? (u(), k("div", ft, [
+              h.dismissible ? (u(), k("div", mt, [
                 E(ce, {
                   "on-image": "",
                   onClick: R
                 })
-              ])) : O("", !0),
-              D(y.$slots, "image", {}, void 0, !0)
-            ])) : O("", !0),
-            m(r) ? (u(), k("div", dt, [
-              V("div", ct, [
-                m(P)("headerIcon") ? D(y.$slots, "headerIcon", { key: 0 }, void 0, !0) : O("", !0),
-                E(ot, {
-                  title: m(r),
-                  "is-image-title": !!m(P)("image")
+              ])) : B("", !0),
+              D(h.$slots, "image", {}, void 0, !0)
+            ])) : B("", !0),
+            p(r) ? (u(), k("div", pt, [
+              V("div", vt, [
+                p(P)("headerIcon") ? D(h.$slots, "headerIcon", { key: 0 }, void 0, !0) : B("", !0),
+                E(lt, {
+                  title: p(r),
+                  "is-image-title": !!p(P)("image")
                 }, null, 8, ["title", "is-image-title"])
               ]),
-              y.dismissible && !m(P)("image") ? (u(), k("div", ft, [
+              h.dismissible && !p(P)("image") ? (u(), k("div", bt, [
                 E(ce, { onClick: R })
-              ])) : O("", !0)
-            ])) : O("", !0),
-            m(P)("default") ? (u(), k("div", {
+              ])) : B("", !0)
+            ])) : B("", !0),
+            p(P)("default") ? (u(), k("div", {
               key: 2,
               class: U(["b-popover__content", $.value])
             }, [
-              D(y.$slots, "default", {}, void 0, !0)
-            ], 2)) : O("", !0),
-            y.actions ? (u(), k("div", mt, [
-              E(m(Xt), {
-                actions: y.actions,
-                layout: y.actionsLayout
+              D(h.$slots, "default", {}, void 0, !0)
+            ], 2)) : B("", !0),
+            h.actions ? (u(), k("div", ht, [
+              E(xt, {
+                actions: h.actions,
+                layout: h.actionsLayout
               }, null, 8, ["actions", "layout"])
-            ])) : O("", !0)
+            ])) : B("", !0)
           ]),
           _: 3
-        }, 8, ["id", "aria-role", "aria-label", "disabled-focus-trap", "trap-all", "class", "fallback-position", "fixed-positioning", "offset", "position", "target-element"])) : O("", !0)
+        }, 8, ["id", "aria-role", "aria-label", "disabled-focus-trap", "trap-all", "trap-all-options", "class", "fallback-position", "fixed-positioning", "offset", "position", "target-element"])) : B("", !0)
       ]),
       _: 3
     }));
   }
-}), bt = /* @__PURE__ */ w(vt, [["__scopeId", "data-v-0c7a2879"]]), ht = Symbol("modal injection key"), yt = Symbol("sidepanel children element injection key"), gt = Symbol("modal fullscreen children element injection key"), _t = M({
+}), _t = /* @__PURE__ */ w(gt, [["__scopeId", "data-v-84ebb43a"]]), Ct = Symbol("modal injection key"), It = Symbol("sidepanel children element injection key"), kt = Symbol("modal fullscreen children element injection key"), Ot = M({
   name: "teleport",
   props: {
     to: {
@@ -362,7 +435,7 @@ const ot = /* @__PURE__ */ w(tt, [["render", nt]]), st = (e, t, o = {}) => {
     defaultTo() {
       if (this.to)
         return this.to;
-      const e = K(ht, "") || K(gt, "") || K(yt, "");
+      const e = K(Ct, "") || K(kt, "") || K(It, "");
       return e ? `#${e}` : "body";
     }
   },
@@ -405,7 +478,7 @@ const ot = /* @__PURE__ */ w(tt, [["render", nt]]), st = (e, t, o = {}) => {
       let t = !1;
       for (let o = 0; o < e.length; o++) {
         const s = e[o], d = Array.from(s.addedNodes).filter(
-          (p) => !this.nodes.includes(p)
+          (m) => !this.nodes.includes(m)
         );
         Array.from(s.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && d.length > 0 && (t = !0);
       }
@@ -433,15 +506,15 @@ const ot = /* @__PURE__ */ w(tt, [["render", nt]]), st = (e, t, o = {}) => {
       return [];
     }
   }
-}), Ct = /* @__PURE__ */ M({
-  ..._t,
+}), Bt = /* @__PURE__ */ M({
+  ...Ot,
   setup(e) {
-    return (t, o) => m(Ce) ? (u(), k("div", {
+    return (t, o) => p(Ce) ? (u(), k("div", {
       key: 0,
       class: U(t.classes)
     }, [
       D(t.$slots, "default", {}, void 0, !0)
-    ], 2)) : (u(), g(Ee, {
+    ], 2)) : (u(), g(Le, {
       key: 1,
       to: t.defaultTo,
       where: t.where,
@@ -451,16 +524,14 @@ const ot = /* @__PURE__ */ w(tt, [["render", nt]]), st = (e, t, o = {}) => {
       D(t.$slots, "default", {}, void 0, !0)
     ], 8, ["to", "where", "disabled", "class"]));
   }
-}), It = /* @__PURE__ */ w(Ct, [["__scopeId", "data-v-acbda3aa"]]), kt = Symbol("menu inverse style injection key"), Bt = Symbol(
-  "button actions with menu container injection key"
-);
+}), $t = /* @__PURE__ */ w(Bt, [["__scopeId", "data-v-acbda3aa"]]);
 let fe = 0;
-const Ot = {
+const Et = {
   beforeCreate() {
     this.uuid = fe.toString(), fe += 1;
   }
-}, $t = { key: 0 };
-function Et(e, t, o, s, d, p) {
+}, St = { key: 0 };
+function Lt(e, t, o, s, d, m) {
   return u(), k("svg", Y({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -468,7 +539,7 @@ function Et(e, t, o, s, d, p) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), k("title", $t, G(e.$attrs["svg-title"]), 1)) : O("", !0),
+    e.$attrs["svg-title"] ? (u(), k("title", St, G(e.$attrs["svg-title"]), 1)) : B("", !0),
     t[0] || (t[0] = V("path", {
       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"
@@ -483,9 +554,9 @@ function Et(e, t, o, s, d, p) {
     }, null, -1))
   ], 16);
 }
-const St = /* @__PURE__ */ w(Ot, [["render", Et]]), Lt = M({
+const Tt = /* @__PURE__ */ w(Et, [["render", Lt]]), Mt = M({
   name: "menu-item",
-  components: { BaseButton: Ve, BentoTypography: ge, ChevronRightIcon: Ue },
+  components: { BaseButton: Ye, BentoTypography: _e, ChevronRightIcon: He },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -558,7 +629,7 @@ const St = /* @__PURE__ */ w(Ot, [["render", Et]]), Lt = M({
     const s = _(() => ({
       "b-menu-item--critical": e.critical,
       "b-menu-item--indent": e.indent
-    })), d = _(() => Ge(e.secondaryText, 10));
+    })), d = _(() => Je(e.secondaryText, 10));
     return {
       // Values
       conditionalClasses: s,
@@ -570,7 +641,7 @@ const St = /* @__PURE__ */ w(Ot, [["render", Et]]), Lt = M({
     };
   }
 });
-function Tt(e, t, o, s, d, p) {
+function wt(e, t, o, s, d, m) {
   const l = T("bento-typography"), f = T("chevron-right-icon"), c = T("base-button");
   return u(), g(c, {
     class: U(["b-menu-item", e.conditionalClasses]),
@@ -579,14 +650,14 @@ function Tt(e, t, o, s, d, p) {
     tabindex: "-1",
     onClick: e.onClick
   }, H({
-    default: h(() => [
+    default: y(() => [
       E(l, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
-        default: h(() => [
+        default: y(() => [
           j(G(e.text), 1)
         ]),
         _: 1
@@ -597,17 +668,17 @@ function Tt(e, t, o, s, d, p) {
         variant: "body",
         class: "b-menu-item__secondary-text"
       }, {
-        default: h(() => [
+        default: y(() => [
           j(G(e.computedSecondaryText), 1)
         ]),
         _: 1
-      })) : O("", !0)
+      })) : B("", !0)
     ]),
     _: 2
   }, [
     e.icon ? {
       name: "iconLeft",
-      fn: h(() => [
+      fn: y(() => [
         (u(), g(z(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
@@ -617,22 +688,23 @@ function Tt(e, t, o, s, d, p) {
     } : void 0,
     e.chevron ? {
       name: "iconRight",
-      fn: h(() => [
+      fn: y(() => [
         E(f, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const ke = /* @__PURE__ */ w(Lt, [["render", Tt], ["__scopeId", "data-v-9dace5ac"]]);
+const ke = /* @__PURE__ */ w(Mt, [["render", wt], ["__scopeId", "data-v-9dace5ac"]]);
+({ ...Ke });
 var W = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(W || {});
-const Mt = Symbol("menu registering injection key"), wt = {
+const Nt = Symbol("menu registering injection key"), Rt = {
   name: "bento-menu-list-container"
-}, Nt = /* @__PURE__ */ M({
-  ...wt,
+}, At = /* @__PURE__ */ M({
+  ...Rt,
   setup(e) {
     const t = v(), o = v({}), s = K(
-      Mt,
+      Nt,
       !1
     );
     if (s) {
@@ -641,7 +713,7 @@ const Mt = Symbol("menu registering injection key"), wt = {
         mouseleave: s == null ? void 0 : s.menuMouseLeave
       };
     }
-    return (d, p) => (u(), k("div", Y({
+    return (d, m) => (u(), k("div", Y({
       ref_key: "menuListContainerRef",
       ref: t,
       class: "b-menu-list-container",
@@ -650,15 +722,15 @@ const Mt = Symbol("menu registering injection key"), wt = {
       D(d.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Be = /* @__PURE__ */ w(Nt, [["__scopeId", "data-v-02a3ca45"]]), le = {
+}), Oe = /* @__PURE__ */ w(At, [["__scopeId", "data-v-02a3ca45"]]), le = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
   }
-}, Rt = M({
+}, Dt = M({
   i18n: { messages: le },
   name: "sub-menu-item-list",
-  components: { BentoDivider: ye, MenuItem: ke, MenuListContainer: Be },
+  components: { BentoDivider: ge, MenuItem: ke, MenuListContainer: Oe },
   props: {
     items: {
       type: Array,
@@ -671,13 +743,13 @@ const Mt = Symbol("menu registering injection key"), wt = {
   },
   emits: [W.CLOSE, W.BACK],
   setup(e, { emit: t }) {
-    const o = v(null), s = v(0), d = v(e.items.length), p = () => t(W.CLOSE), l = () => t(W.BACK), f = _(() => {
+    const o = v(null), s = v(0), d = v(e.items.length), m = () => t(W.CLOSE), l = () => t(W.BACK), f = _(() => {
       var n;
       const r = (n = e.items) == null ? void 0 : n.map((b) => ({
         ...b,
         indent: !b.icon,
         isTitle: !1,
-        clickHandler: p
+        clickHandler: m
       }));
       return [
         {
@@ -698,7 +770,7 @@ const Mt = Symbol("menu registering injection key"), wt = {
       var r, n, b, C, $;
       ($ = (C = (b = (n = (r = o.value) == null ? void 0 : r.children) == null ? void 0 : n[s.value]) == null ? void 0 : b.children) == null ? void 0 : C[0]) == null || $.focus();
     };
-    x(async () => {
+    ee(async () => {
       setTimeout(() => c(), 150);
     });
     const a = () => {
@@ -715,22 +787,22 @@ const Mt = Symbol("menu registering injection key"), wt = {
       ChevronLeftIcon: ue,
       computedItems: f,
       // Methods
-      closeMenu: p,
+      closeMenu: m,
       onBackButton: l,
       focusPrevious: a,
       focusNext: i
     };
   }
 });
-function At(e, t, o, s, d, p) {
+function Pt(e, t, o, s, d, m) {
   const l = T("menu-item"), f = T("bento-divider"), c = T("menu-list-container");
   return u(), g(ve, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
-    default: h(() => [
+    default: y(() => [
       E(c, { class: "b-sub-menu-item-list" }, {
-        default: h(() => [
+        default: y(() => [
           V("ul", {
             ref: "subMenuItemListRefLocal",
             role: "menu",
@@ -741,7 +813,7 @@ function At(e, t, o, s, d, p) {
               t[2] || (t[2] = N(X((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
             ]
           }, [
-            (u(!0), k(Z, null, ee(e.computedItems, (a, i) => (u(), k("li", {
+            (u(!0), k(Z, null, x(e.computedItems, (a, i) => (u(), k("li", {
               key: `sub-menu-item-list-item-${i}`,
               role: "none"
             }, [
@@ -760,7 +832,7 @@ function At(e, t, o, s, d, p) {
               a.addDivider ? (u(), g(f, {
                 key: 0,
                 class: "b-sub-menu-item-list__divider"
-              })) : O("", !0)
+              })) : B("", !0)
             ]))), 128))
           ], 544)
         ]),
@@ -770,15 +842,15 @@ function At(e, t, o, s, d, p) {
     _: 1
   });
 }
-const Dt = /* @__PURE__ */ w(Rt, [["render", At], ["__scopeId", "data-v-56fb6d93"]]);
-function Pt(e, t, o) {
-  const p = v(0), l = v(0), f = (a) => {
+const Ft = /* @__PURE__ */ w(Dt, [["render", Pt], ["__scopeId", "data-v-56fb6d93"]]);
+function Wt(e, t, o) {
+  const m = v(0), l = v(0), f = (a) => {
     if (!a || !a.parentElement)
       return;
     const i = a.parentElement, r = a.cloneNode(!0);
     r.style.position = "absolute", r.style.visibility = "hidden", i.appendChild(r), r.style.width = "max-content";
     const n = r.offsetWidth, b = Math.max(150, Math.min(n, 350));
-    p.value = b, r.style.width = `${b}px`;
+    m.value = b, r.style.width = `${b}px`;
     const C = r.offsetHeight;
     l.value = C, i.removeChild(r), l.value = C;
   };
@@ -789,15 +861,15 @@ function Pt(e, t, o) {
       const n = (r = (i = e.value) == null ? void 0 : i[0]) == null ? void 0 : r.$el;
       n && f(n);
     } else
-      p.value = 0, l.value = 0;
+      m.value = 0, l.value = 0;
   }), { computedStyle: _(() => {
     const a = { width: "max-content" };
-    return o.value && (l.value > 0 && (a.height = `${l.value}px`), p.value > 0 && (a.width = `${p.value}px`)), a;
+    return o.value && (l.value > 0 && (a.height = `${l.value}px`), m.value > 0 && (a.width = `${m.value}px`)), a;
   }) };
 }
-const Ft = M({
+const Kt = M({
   name: "menu-item-list",
-  components: { BentoDivider: ye, MenuItem: ke, MenuListContainer: Be, SubMenuItemList: Dt },
+  components: { BentoDivider: ge, MenuItem: ke, MenuListContainer: Oe, SubMenuItemList: Ft },
   props: {
     /**
      * The data to be displayed in the list
@@ -830,28 +902,28 @@ const Ft = M({
   },
   emits: [W.CLOSE, "menu-item-click"],
   setup(e, { emit: t, expose: o }) {
-    const s = v(null), d = v(null), p = v(null), l = v(null), f = v(!1), c = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), i = v(0), r = v(e.data.length - 1), n = _(() => e.data.some((B) => B.icon)), b = _(() => e.indentItems || n.value ? e.data.map((B) => {
+    const s = v(null), d = v(null), m = v(null), l = v(null), f = v(!1), c = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), i = v(0), r = v(e.data.length - 1), n = _(() => e.data.some((O) => O.icon)), b = _(() => e.indentItems || n.value ? e.data.map((O) => {
       let S = !1;
-      return B.icon || (S = !0), {
-        ...B,
+      return O.icon || (S = !0), {
+        ...O,
         indent: S
       };
     }) : e.data), C = async () => {
-      var B, S, I;
-      await te(), (I = (S = (B = d.value) == null ? void 0 : B.children[a.value]) == null ? void 0 : S.children[0]) == null || I.focus();
-    }, $ = () => t(W.CLOSE), R = (B, S) => {
-      if (B.items) {
+      var O, S, I;
+      await te(), (I = (S = (O = d.value) == null ? void 0 : O.children[a.value]) == null ? void 0 : S.children[0]) == null || I.focus();
+    }, $ = () => t(W.CLOSE), R = (O, S) => {
+      if (O.items) {
         c.value = S, f.value = !0;
         return;
       }
-      c.value = S, f.value = !1, !B.skipClose && e.closeMenuOnItemSelect !== !1 && $(), t("menu-item-click");
+      c.value = S, f.value = !1, !O.skipClose && e.closeMenuOnItemSelect !== !1 && $(), t("menu-item-click");
     }, P = () => {
       a.value > 0 ? (a.value -= 1, b.value[a.value].disabled && P()) : a.value = r.value, C();
-    }, y = () => {
-      a.value < r.value ? (a.value += 1, b.value[a.value].disabled && y()) : a.value = 0, C();
-    }, F = (B, S) => {
+    }, h = () => {
+      a.value < r.value ? (a.value += 1, b.value[a.value].disabled && h()) : a.value = 0, C();
+    }, F = (O, S) => {
       var I;
-      (I = B == null ? void 0 : B.items) != null && I.length && (c.value = S, f.value = !0);
+      (I = O == null ? void 0 : O.items) != null && I.length && (c.value = S, f.value = !0);
     }, J = () => {
       c.value && f.value && (c.value = null, f.value = !1);
     }, ne = () => {
@@ -860,11 +932,11 @@ const Ft = M({
     o({
       focusItem: C
     });
-    const { computedStyle: oe } = Pt(l, c, f);
+    const { computedStyle: oe } = Wt(l, c, f);
     return {
       // Values
       menuItemListRef: d,
-      menuItemListWrapperRef: p,
+      menuItemListWrapperRef: m,
       subMenuItemListRef: l,
       menuItemRef: s,
       computedData: b,
@@ -877,20 +949,20 @@ const Ft = M({
       menuItemClick: R,
       closeMenu: $,
       focusPrevious: P,
-      focusNext: y,
+      focusNext: h,
       focusRight: F,
       focusLeft: J,
       onBackButton: ne
     };
   }
-}), Wt = ["onKeydown"];
-function Kt(e, t, o, s, d, p) {
+}), Ut = ["onKeydown"];
+function Vt(e, t, o, s, d, m) {
   const l = T("menu-item"), f = T("bento-divider"), c = T("sub-menu-item-list"), a = T("menu-list-container");
   return u(), g(a, {
     ref: "menuItemListWrapperRef",
     style: he(e.computedStyle)
   }, {
-    default: h(() => [
+    default: y(() => [
       V("ul", {
         ref: "menuItemListRef",
         class: "b-menu-item-list",
@@ -902,7 +974,7 @@ function Kt(e, t, o, s, d, p) {
           t[4] || (t[4] = N((...i) => e.closeMenu && e.closeMenu(...i), ["tab"]))
         ]
       }, [
-        (u(!0), k(Z, null, ee(e.computedData, (i, r) => {
+        (u(!0), k(Z, null, x(e.computedData, (i, r) => {
           var n, b, C, $;
           return u(), k("li", {
             key: `menu-item-${r}`,
@@ -932,7 +1004,7 @@ function Kt(e, t, o, s, d, p) {
             i.addDivider ? (u(), g(f, {
               key: 0,
               class: "b-menu-item-list__divider"
-            })) : O("", !0),
+            })) : B("", !0),
             ($ = i.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === r ? (u(), g(c, {
               key: 1,
               ref_for: !0,
@@ -941,19 +1013,19 @@ function Kt(e, t, o, s, d, p) {
               title: i.text,
               onBack: e.onBackButton,
               onClose: e.closeMenu
-            }, null, 8, ["items", "title", "onBack", "onClose"])) : O("", !0)
-          ], 40, Wt);
+            }, null, 8, ["items", "title", "onBack", "onClose"])) : B("", !0)
+          ], 40, Ut);
         }), 128))
       ], 544)
     ]),
     _: 1
   }, 8, ["style"]);
 }
-const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb"]]), Vt = {
+const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-6ea090eb"]]), jt = Symbol("menu inverse style injection key"), Ht = {
   i18n: { messages: le },
   name: "bento-menu"
-}, Gt = /* @__PURE__ */ M({
-  ...Vt,
+}, Yt = /* @__PURE__ */ M({
+  ...Ht,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -971,8 +1043,8 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
   emits: ["menu-item-click", "click-outside"],
   setup(e, { expose: t, emit: o }) {
     var S;
-    const s = e, d = o, p = Q(), l = ae(p), { t: f } = _e({ messages: le }), c = v(null), a = v(null), i = v(!1), r = v(!1), n = v(null), b = We("menu"), C = K(kt, v(!1));
-    Se(we, C);
+    const s = e, d = o, m = Q(), l = ae(m), { t: f } = ye({ messages: le }), c = v(null), a = v(null), i = v(!1), r = v(!1), n = v(null), b = Ge("menu"), C = K(jt, v(!1));
+    Te(Ae, C);
     const $ = _(() => ({
       "b-menu--inverse": C.value
     })), R = _(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), P = _(() => {
@@ -981,21 +1053,21 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
           variant: "secondary",
           ...s.button
         };
-    }), y = () => {
+    }), h = () => {
       i.value = !0, d(W.OPEN);
     }, F = async (I = s.revertFocusToButton) => {
       var q, se;
       i.value && (i.value = !1, I && (await te(), (se = (q = c.value) == null ? void 0 : q.$el) == null || se.focus()), d(W.CLOSE));
     }, J = (I) => {
-      I.stopPropagation(), i.value ? F() : y();
+      I.stopPropagation(), i.value ? F() : h();
     }, ne = (I) => {
-      I.preventDefault(), r.value = !1, s.disableArrowDownOpeningMenu || y();
+      I.preventDefault(), r.value = !1, s.disableArrowDownOpeningMenu || h();
     }, oe = (I) => {
-      I.preventDefault(), r.value = !0, y();
-    }, B = () => {
+      I.preventDefault(), r.value = !0, h();
+    }, O = () => {
       d("menu-item-click");
     };
-    return st(
+    return rt(
       n,
       () => {
         F(), d("click-outside");
@@ -1009,8 +1081,8 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
        * Control to enable programmatic closing of the menu
        */
       closeMenu: F
-    }), x(() => {
-      l("iconRight") && Re(
+    }), ee(() => {
+      l("iconRight") && Pe(
         '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
       );
     }), (I, q) => (u(), k("div", {
@@ -1022,51 +1094,51 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
         q[0] || (q[0] = N((se) => F(), ["esc"]))
       ]
     }, [
-      E(m(Qt), Y({
+      E(nt, Y({
         ref_key: "menuButtonRef",
         ref: c,
         class: "b-menu__toggle-button",
         "aria-haspopup": "true"
       }, P.value, {
-        "aria-controls": i.value ? m(b) : null,
+        "aria-controls": i.value ? p(b) : null,
         toggled: i.value,
-        inverse: m(C),
+        inverse: p(C),
         onClick: J
       }), H({ _: 2 }, [
-        !m(l)("default") || m(l)("iconLeft") ? {
+        !p(l)("default") || p(l)("iconLeft") ? {
           name: "iconLeft",
-          fn: h(() => [
+          fn: y(() => [
             D(I.$slots, "iconLeft", {}, () => [
-              E(m(St), {
-                title: m(f)("menuButton")
+              E(p(Tt), {
+                title: p(f)("menuButton")
               }, null, 8, ["title"])
             ], !0)
           ]),
           key: "0"
         } : void 0,
-        m(l)("default") ? {
+        p(l)("default") ? {
           name: "default",
-          fn: h(() => [
+          fn: y(() => [
             D(I.$slots, "default", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        m(l)("default") ? {
+        p(l)("default") ? {
           name: "iconRight",
-          fn: h(() => [
-            E(m(Ke))
+          fn: y(() => [
+            E(p(je))
           ]),
           key: "2"
         } : void 0
       ]), 1040, ["aria-controls", "toggled", "inverse"]),
-      c.value ? (u(), g(m(It), {
+      c.value ? (u(), g(p($t), {
         key: 0,
         disabled: !I.teleport
       }, {
-        default: h(() => [
-          c.value ? (u(), g(m(bt), {
+        default: y(() => [
+          c.value ? (u(), g(_t, {
             key: 0,
-            id: m(b),
+            id: p(b),
             ref_key: "popoverRef",
             ref: n,
             role: null,
@@ -1089,38 +1161,40 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
             teleport: I.teleport,
             "without-space": ""
           }, {
-            default: h(() => [
-              E(m(Ut), {
+            default: y(() => [
+              E(p(Gt), {
                 ref_key: "menuItemListRef",
                 ref: a,
                 "close-menu-on-item-select": I.closeMenuOnItemSelect,
                 data: I.data,
                 "focus-last-element": r.value,
                 onClose: F,
-                onMenuItemClick: B
+                onMenuItemClick: O
               }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element"])
             ]),
             _: 1
-          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : O("", !0)
+          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : B("", !0)
         ]),
         _: 1
-      }, 8, ["disabled"])) : O("", !0)
+      }, 8, ["disabled"])) : B("", !0)
     ], 34));
   }
-}), jt = /* @__PURE__ */ w(Gt, [["__scopeId", "data-v-20a40679"]]), Ht = 242, me = parseInt(He, 10), Yt = (e, t, o) => {
+}), Jt = /* @__PURE__ */ w(Yt, [["__scopeId", "data-v-ee8b682c"]]), qt = Symbol(
+  "button actions with menu container injection key"
+), Xt = 242, me = parseInt(Xe, 10), zt = (e, t, o) => {
   const s = v(0);
   let d = null;
-  const { buttonActionsWithMenu: p, menu: l, stackButtons: f } = K(Bt, {
+  const { buttonActionsWithMenu: m, menu: l, stackButtons: f } = K(qt, {
     buttonActionsWithMenu: v(null),
     menu: v(null),
     stackButtons: v(!1)
-  }), c = _(() => p.value ?? e.value), a = _(() => l.value ? [...t.value, l.value.$el] : t.value), i = (r) => {
+  }), c = _(() => m.value ?? e.value), a = _(() => l.value ? [...t.value, l.value.$el] : t.value), i = (r) => {
     var C;
     const n = (C = a.value) == null ? void 0 : C.reduce(
       ($, R) => $ + R.clientWidth + me,
       -me - 1
     ), b = c.value.clientWidth;
-    return r && (s.value = b >= Ht && !f.value ? n : 0), s.value > b;
+    return r && (s.value = b >= Xt && !f.value ? n : 0), s.value > b;
   };
   return be(
     () => o.value,
@@ -1130,15 +1204,15 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
       });
     },
     { deep: !0 }
-  ), x(() => {
-    d = je(c.value, () => {
+  ), ee(() => {
+    d = qe(c.value, () => {
       f.value = i(s.value === 0);
     });
   }), pe(() => {
     d == null || d.disconnect();
   }), f;
-}, Jt = {}, qt = /* @__PURE__ */ M({
-  ...Jt,
+}, Zt = {}, Qt = /* @__PURE__ */ M({
+  ...Zt,
   __name: "button-actions",
   props: {
     actions: {},
@@ -1146,7 +1220,7 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
     layout: { default: "buttons-end" }
   },
   setup(e) {
-    const t = e, o = v(null), s = v(null), d = Yt(o, s, Le(t, "actions")), p = _(() => t.actions.slice().reverse()), l = (i) => {
+    const t = e, o = v(null), s = v(null), d = zt(o, s, Me(t, "actions")), m = _(() => t.actions.slice().reverse()), l = (i) => {
       const r = t.actions.length - 1;
       return i === r ? "primary" : "secondary";
     }, f = _(() => ({
@@ -1164,14 +1238,14 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
         class: U(["b-button-actions__container-wrapper", f.value]),
         role: "group"
       }, [
-        (u(!0), k(Z, null, ee(p.value, (n, b) => (u(), k("div", {
+        (u(!0), k(Z, null, x(m.value, (n, b) => (u(), k("div", {
           key: b,
           ref_for: !0,
           ref_key: "buttons",
           ref: s,
           class: "b-button-actions__button-wrapper"
         }, [
-          n.data ? (u(), g(m(jt), {
+          n.data ? (u(), g(Jt, {
             key: 0,
             ref_for: !0,
             ref: n.elementRef,
@@ -1187,7 +1261,7 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
           }, H({ _: 2 }, [
             n.icon || n.iconLeft ? {
               name: "iconLeft",
-              fn: h(() => [
+              fn: y(() => [
                 (u(), g(z(n.icon || n.iconLeft), {
                   "svg-title": n.title
                 }, null, 8, ["svg-title"]))
@@ -1196,13 +1270,13 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
             } : void 0,
             a(n) ? void 0 : {
               name: "default",
-              fn: h(() => [
+              fn: y(() => [
                 j(G(n.title), 1)
               ]),
               key: "1"
             }
           ]), 1032, ["data", "close-menu-on-item-select", "close-on-click-outside-options", "disable-arrow-down-opening-menu", "menu-position", "menu-fixed-positioning", "menu-width", "revert-focus-to-button", "teleport"])) : (u(), k(Z, { key: 1 }, [
-            n.state ? (u(), g(m(Qe), Y({
+            n.state ? (u(), g(xe, Y({
               key: 0,
               ref_for: !0,
               ref: n.elementRef,
@@ -1213,7 +1287,7 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
               state: n.state,
               variant: n.variant || l(b)
             }, ie(c(n))), {
-              default: h(() => [
+              default: y(() => [
                 j(G(n.title), 1)
               ]),
               _: 2
@@ -1230,7 +1304,7 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
             }, ie(c(n))), H({ _: 2 }, [
               n.icon || n.iconLeft ? {
                 name: "iconLeft",
-                fn: h(() => [
+                fn: y(() => [
                   (u(), g(z(n.icon || n.iconLeft), {
                     "svg-title": n.title
                   }, null, 8, ["svg-title"]))
@@ -1239,14 +1313,14 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
               } : void 0,
               a(n) ? void 0 : {
                 name: "default",
-                fn: h(() => [
+                fn: y(() => [
                   j(G(n.title), 1)
                 ]),
                 key: "1"
               },
               n.iconRight ? {
                 name: "iconRight",
-                fn: h(() => [
+                fn: y(() => [
                   (u(), g(z(n.iconRight), {
                     "svg-title": n.title
                   }, null, 8, ["svg-title"]))
@@ -1259,97 +1333,26 @@ const Ut = /* @__PURE__ */ w(Ft, [["render", Kt], ["__scopeId", "data-v-6ea090eb
       ], 2)
     ], 512));
   }
-}), Xt = /* @__PURE__ */ w(qt, [["__scopeId", "data-v-6c70cfbe"]]), zt = {}, Zt = /* @__PURE__ */ M({
-  ...zt,
-  __name: "toggle-button",
-  props: {
-    /**
-     * Reduces sizing of button
-     */
-    condensed: {
-      type: L.props.condensed.type,
-      default: !1
-    },
-    /**
-     * Disables button functonality
-     */
-    disabled: {
-      type: L.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: L.props.variant.type,
-      default: "primary",
-      validator: L.props.variant.validator
-    },
-    /**
-     * The state of the button whether it is toggled or not.
-     */
-    toggled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click", "update:toggled"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, d = _(
-      () => o.variant === "tertiary" ? "tertiary-with-background" : o.variant
-    ), p = _(() => ({
-      "b-toggle-button--condensed": o == null ? void 0 : o.condensed,
-      [`b-toggle-button--${d.value}-toggled`]: o.toggled,
-      "b-toggle-button--inverse": o.inverse
-    })), l = (a) => {
-      a.stopPropagation(), o != null && o.disabled || (s("click", a), s("update:toggled", !o.toggled));
-    }, f = Q(), c = (a) => ({ key: a });
-    return (a, i) => (u(), g(L, Y({ class: "b-toggle-button" }, a.$attrs, {
-      "aria-expanded": `${e.toggled}`,
-      "aria-pressed": `${e.toggled}`,
-      condensed: e.condensed,
-      class: p.value,
-      disabled: e.disabled,
-      inverse: e.inverse,
-      variant: d.value,
-      onClickCapture: X(l, ["stop"])
-    }), H({ _: 2 }, [
-      ee(m(f), (r, n) => ({
-        name: n,
-        fn: h(() => [
-          D(a.$slots, n, Te(Me(c(n))), void 0, !0)
-        ])
-      }))
-    ]), 1040, ["aria-expanded", "aria-pressed", "condensed", "class", "disabled", "inverse", "variant"]));
-  }
-}), Qt = /* @__PURE__ */ w(Zt, [["__scopeId", "data-v-f1b10e5f"]]);
+}), xt = /* @__PURE__ */ w(Qt, [["__scopeId", "data-v-0355d0d7"]]);
 export {
-  Xt as B,
-  Mt as D,
-  it as I,
-  kt as M,
-  St as O,
-  lt as P,
-  yt as S,
-  Qe as a,
+  xt as B,
+  Nt as D,
+  ut as I,
+  jt as M,
+  Tt as O,
+  ct as P,
+  It as S,
+  xe as a,
   A as b,
-  Qt as c,
-  It as d,
-  Bt as e,
-  jt as f,
+  nt as c,
+  $t as d,
+  qt as e,
+  Jt as f,
   W as g,
-  bt as h,
-  gt as i,
-  ht as j,
-  at as k,
-  st as u
+  _t as h,
+  kt as i,
+  Ct as j,
+  dt as k,
+  rt as u
 };
-//# sourceMappingURL=toggle-button.Cg4Kot6V.js.map
+//# sourceMappingURL=button-actions.D1eBtYgZ.js.map