@adyen/bento-vue3 1.86.1 → 1.87.0

package/dist/chunks/{button-actions.BH-J7dux.js → button-actions.BYBpjNqy.js}

@@ -1,29 +1,29 @@
-import { defineComponent as w, useSlots as Q, computed as _, openBlock as r, createBlock as g, withModifiers as X, normalizeClass as U, createSlots as j, withCtx as b, renderSlot as P, unref as p, createElementVNode as V, createCommentVNode as O, mergeProps as H, renderList as x, normalizeProps as Ee, guardReactiveProps as Te, resolveComponent as T, createVNode as S, createTextVNode as Y, toDisplayString as G, onMounted as ee, onUnmounted as pe, useAttrs as we, inject as K, ref as v, toRefs as Me, Transition as ve, createElementBlock as I, Teleport as Ne, resolveDynamicComponent as z, toHandlers as ie, withKeys as N, Fragment as Z, watch as be, nextTick as te, toRef as he, normalizeStyle as ye, provide as Ae } from "vue";
-import { B as E } from "./button.C6t9_lzm.js";
+import { defineComponent as w, useSlots as Q, computed as _, openBlock as r, createBlock as g, withModifiers as X, normalizeClass as U, createSlots as j, withCtx as b, renderSlot as D, unref as p, createElementVNode as V, createCommentVNode as B, mergeProps as J, renderList as x, normalizeProps as Se, guardReactiveProps as Te, resolveComponent as T, createVNode as E, createTextVNode as G, toDisplayString as Y, onMounted as ee, onUnmounted as pe, useAttrs as we, inject as W, ref as v, toRefs as Me, Transition as ve, createElementBlock as k, Teleport as Ne, resolveDynamicComponent as z, toHandlers as ie, withKeys as N, Fragment as Z, watch as be, nextTick as te, toRef as he, normalizeStyle as ye, provide as Ae } from "vue";
+import { B as S } from "./button.C6t9_lzm.js";
 import { B as Re } from "./loading-indicator.BPol9I84.js";
-import { C as Pe } from "./cross-circle-fill.BWCKKn0E.js";
-import { C as De } from "./checkmark-circle-fill.DugX5fbG.js";
+import { C as De } from "./cross-circle-fill.BWCKKn0E.js";
+import { C as Pe } from "./checkmark-circle-fill.DugX5fbG.js";
 import { u as ae } from "./use-has-slot.B7eQSabc.js";
 import { u as ge } from "./index.B875RXHM.js";
 import { _ as M } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { B as _e, D as Fe } from "./divider.BIY84UH7.js";
-import { C as We } from "./cross.CCHdi6v3.js";
-import { B as Ce, c as re, p as Ke } from "./typography.B3J6_tYk.js";
-import { a as Ue, P as Ve, b as je } from "./popper-container.BefZxTzP.js";
-import { u as Ge } from "./aria-label.CaUURpnB.js";
-import { o as Ye } from "./on-click-outside.BW4rkhzG.js";
-import { g as He } from "./generate-uid.NJ8tVoha.js";
-import { C as Je } from "./chevron-down.XeE-LBV_.js";
+import { C as Ke } from "./cross.CCHdi6v3.js";
+import { B as Ce, c as re, p as We } from "./typography.B3J6_tYk.js";
+import { a as Ue, P as Ve, b as je } from "./popper-container.DAK7c9uS.js";
+import { u as Ye } from "./aria-label.CaUURpnB.js";
+import { o as Ge } from "./on-click-outside.BW4rkhzG.js";
+import { g as Je } from "./generate-uid.NJ8tVoha.js";
+import { C as He } from "./chevron-down.XeE-LBV_.js";
 /* empty css              */
 import { a as qe, C as ue } from "./chevron-left.C_vPW7OR.js";
 import { a as de, B as ze } from "./base-button.CRYAiuzn.js";
 import { t as Xe } from "./truncate.BfIl_-71.js";
-import { i as ke } from "./index.CWuzEfiV.js";
+import { i as Ie } from "./index.CWuzEfiV.js";
 import { o as Ze } from "./resize.Bqks3WUm.js";
 import { g as Qe } from "./es6.C1DXQV6f.js";
 import "../assets/button-actions.css";
 var R = /* @__PURE__ */ ((e) => (e.START = "start", e.LOADING = "loading", e.SUCCESS = "success", e.FAIL = "fail", e))(R || {});
-const Ie = {
+const ke = {
   "en-US": {
     failed: "Failed",
     succeded: "Succeded"
@@ -40,7 +40,7 @@ const Ie = {
   class: "b-loading-button__icon",
   "data-testid": "loading-button-rotating-icon"
 }, et = {
-  i18n: { messages: Ie }
+  i18n: { messages: ke }
 }, tt = /* @__PURE__ */ w({
   ...et,
   __name: "loading-button",
@@ -49,21 +49,21 @@ const Ie = {
      * Reduces sizing of button
      */
     condensed: {
-      type: E.props.condensed.type,
+      type: S.props.condensed.type,
       default: !1
     },
     /**
      * Displays loading-button as critical
      */
     critical: {
-      type: E.props.critical.type,
+      type: S.props.critical.type,
       default: !1
     },
     /**
      * Disables button functonality
      */
     disabled: {
-      type: E.props.disabled.type,
+      type: S.props.disabled.type,
       default: !1
     },
     /**
@@ -86,14 +86,14 @@ const Ie = {
      * Types of flavour of Button
      */
     variant: {
-      type: E.props.variant.type,
+      type: S.props.variant.type,
       default: "primary",
-      validator: E.props.variant.validator
+      validator: S.props.variant.validator
     }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const s = e, o = t, d = Q(), m = ae(d), { t: u } = ge({ messages: Ie }), c = _(() => ({
+    const s = e, o = t, d = Q(), m = ae(d), { t: u } = ge({ messages: ke }), c = _(() => ({
       [`b-loading-button--${s.variant}-${R.LOADING}`]: s.state === R.LOADING && !s.disabled,
       "b-loading-button--loading": s.state === R.LOADING && !s.disabled,
       [`b-loading-button--${s.variant}-${R.SUCCESS}`]: s.state === R.SUCCESS,
@@ -105,7 +105,7 @@ const Ie = {
     ), i = (l) => {
       l.stopPropagation(), s.state !== R.LOADING && o("click", l);
     };
-    return (l, n) => (r(), g(E, {
+    return (l, n) => (r(), g(S, {
       critical: a.value,
       variant: e.variant,
       condensed: e.condensed,
@@ -115,31 +115,31 @@ const Ie = {
       onClickCapture: X(i, ["stop"])
     }, j({
       default: b(() => [
-        P(l.$slots, "default", {}, void 0, !0)
+        D(l.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
       e.state === "start" && p(m)("iconLeft") ? {
         name: "iconLeft",
         fn: b(() => [
-          P(l.$slots, "iconLeft", {}, void 0, !0)
+          D(l.$slots, "iconLeft", {}, void 0, !0)
         ]),
         key: "0"
       } : e.state !== "start" ? {
         name: "iconLeft",
         fn: b(() => [
           V("span", xe, [
-            e.state === "fail" ? (r(), g(p(Pe), {
+            e.state === "fail" ? (r(), g(p(De), {
               key: 0,
               "svg-title": p(u)("failed")
-            }, null, 8, ["svg-title"])) : e.state === "success" ? (r(), g(p(De), {
+            }, null, 8, ["svg-title"])) : e.state === "success" ? (r(), g(p(Pe), {
               key: 1,
               "svg-title": p(u)("succeded")
             }, null, 8, ["svg-title"])) : e.state === "loading" ? (r(), g(p(Re), {
               key: 2,
               small: "",
               inverse: f.value
-            }, null, 8, ["inverse"])) : O("", !0)
+            }, null, 8, ["inverse"])) : B("", !0)
           ])
         ]),
         key: "1"
@@ -154,14 +154,14 @@ const Ie = {
      * Reduces sizing of button
      */
     condensed: {
-      type: E.props.condensed.type,
+      type: S.props.condensed.type,
       default: !1
     },
     /**
      * Disables button functonality
      */
     disabled: {
-      type: E.props.disabled.type,
+      type: S.props.disabled.type,
       default: !1
     },
     /**
@@ -176,9 +176,9 @@ const Ie = {
      * @values primary, secondary, tertiary
      */
     variant: {
-      type: E.props.variant.type,
+      type: S.props.variant.type,
       default: "primary",
-      validator: E.props.variant.validator
+      validator: S.props.variant.validator
     },
     /**
      * The state of the button whether it is toggled or not.
@@ -199,7 +199,7 @@ const Ie = {
     })), u = (a) => {
       a.stopPropagation(), s != null && s.disabled || (o("click", a), o("update:toggled", !s.toggled));
     }, c = Q(), f = (a) => ({ key: a });
-    return (a, i) => (r(), g(E, H({ class: "b-toggle-button" }, a.$attrs, {
+    return (a, i) => (r(), g(S, J({ class: "b-toggle-button" }, a.$attrs, {
       "aria-expanded": `${e.toggled}`,
       "aria-pressed": `${e.toggled}`,
       condensed: e.condensed,
@@ -212,14 +212,14 @@ const Ie = {
       x(p(c), (l, n) => ({
         name: n,
         fn: b(() => [
-          P(a.$slots, n, Ee(Te(f(n))), void 0, !0)
+          D(a.$slots, n, Se(Te(f(n))), void 0, !0)
         ])
       }))
     ]), 1040, ["aria-expanded", "aria-pressed", "condensed", "class", "disabled", "inverse", "variant"]));
   }
 }), it = /* @__PURE__ */ M(st, [["__scopeId", "data-v-f1b10e5f"]]), at = w({
   name: "bento-popover-dismiss-button",
-  components: { BentoButton: E, CrossIcon: We },
+  components: { BentoButton: S, CrossIcon: Ke },
   props: {
     onImage: {
       type: Boolean,
@@ -241,7 +241,7 @@ function lt(e, t, s, o, d, m) {
     onClick: t[0] || (t[0] = (f) => e.$emit("click"))
   }, {
     iconLeft: b(() => [
-      S(u, { "svg-title": "dismiss" })
+      E(u, { "svg-title": "dismiss" })
     ]),
     _: 1
   }, 8, ["class"]);
@@ -277,7 +277,7 @@ function ut(e, t, s, o, d, m) {
     el: "span"
   }, {
     default: b(() => [
-      Y(G(e.title), 1)
+      G(Y(e.title), 1)
     ]),
     _: 1
   }, 8, ["strongest", "variant"]);
@@ -285,7 +285,7 @@ function ut(e, t, s, o, d, m) {
 const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
   let o;
   ee(() => {
-    o = Ye(e, t, s);
+    o = Ge(e, t, s);
   }), pe(() => {
     o && (o(), o = null);
   });
@@ -301,7 +301,7 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
 }, yt = { class: "b-popover__header-title" }, gt = { key: 0 }, _t = {
   key: 3,
   class: "b-popover__footer"
-}, Ct = {}, kt = /* @__PURE__ */ w({
+}, Ct = {}, It = /* @__PURE__ */ w({
   ...Ct,
   __name: "popover",
   props: {
@@ -334,12 +334,12 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
         id: (y = u.id) == null ? void 0 : y.toString(),
         role: (u == null ? void 0 : u.role) === null ? void 0 : Ue.POPOVER
       };
-    }), f = K(pt, 2), a = v(u["aria-label"]), { ariaLabel: i, title: l } = Me(o), n = Ge({
+    }), f = W(pt, 2), a = v(u["aria-label"]), { ariaLabel: i, title: l } = Me(o), n = Ye({
       ariaLabel: a.value,
       // TODO: take this line away when the aria-label props is removed
       label: i,
       defaultFallback: l
-    }), h = K(mt, !1) || K(ft, !1), k = _(() => ({
+    }), h = W(mt, !1) || W(ft, !1), I = _(() => ({
       "b-popover--small": o.small && !o.large,
       "b-popover--with-divider": !!o.divider,
       "b-popover--large": o.large && !o.small,
@@ -348,7 +348,7 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
       "b-popover--overflow-visible": o.overflowVisible || h
     })), $ = _(() => ({
       "b-popover__content--with-title": !!o.title
-    })), A = () => d("dismiss"), D = ae(m);
+    })), A = () => d("dismiss"), P = ae(m);
     return (y, F) => (r(), g(ve, { name: "b-popover__animation" }, {
       default: b(() => [
         y.open ? (r(), g(p(Ve), {
@@ -360,56 +360,56 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
           "disabled-focus-trap": y.disableFocusTrap,
           "trap-all": y.trapAll,
           "trap-all-options": y.trapAllOptions,
-          class: U([k.value, "b-popover"]),
+          class: U([I.value, "b-popover"]),
           "fallback-position": y.fallbackPosition,
           "fixed-positioning": y.fixedPositioning,
           offset: [0, p(f)],
           position: y.position,
           "target-element": y.targetElement,
-          onPlacement: F[0] || (F[0] = (J) => y.$emit("placement", J))
+          onPlacement: F[0] || (F[0] = (H) => y.$emit("placement", H))
         }, {
           default: b(() => [
-            p(D)("image") ? (r(), I("div", vt, [
-              y.dismissible ? (r(), I("div", bt, [
-                S(ce, {
+            p(P)("image") ? (r(), k("div", vt, [
+              y.dismissible ? (r(), k("div", bt, [
+                E(ce, {
                   "on-image": "",
                   onClick: A
                 })
-              ])) : O("", !0),
-              P(y.$slots, "image", {}, void 0, !0)
-            ])) : O("", !0),
-            p(l) ? (r(), I("div", ht, [
+              ])) : B("", !0),
+              D(y.$slots, "image", {}, void 0, !0)
+            ])) : B("", !0),
+            p(l) ? (r(), k("div", ht, [
               V("div", yt, [
-                p(D)("headerIcon") ? P(y.$slots, "headerIcon", { key: 0 }, void 0, !0) : O("", !0),
-                S(dt, {
+                p(P)("headerIcon") ? D(y.$slots, "headerIcon", { key: 0 }, void 0, !0) : B("", !0),
+                E(dt, {
                   title: p(l),
-                  "is-image-title": !!p(D)("image")
+                  "is-image-title": !!p(P)("image")
                 }, null, 8, ["title", "is-image-title"])
               ]),
-              y.dismissible && !p(D)("image") ? (r(), I("div", gt, [
-                S(ce, { onClick: A })
-              ])) : O("", !0)
-            ])) : O("", !0),
-            p(D)("default") ? (r(), I("div", {
+              y.dismissible && !p(P)("image") ? (r(), k("div", gt, [
+                E(ce, { onClick: A })
+              ])) : B("", !0)
+            ])) : B("", !0),
+            p(P)("default") ? (r(), k("div", {
               key: 2,
               class: U(["b-popover__content", $.value])
             }, [
-              P(y.$slots, "default", {}, void 0, !0)
-            ], 2)) : O("", !0),
-            y.actions ? (r(), I("div", _t, [
-              S(nn, {
+              D(y.$slots, "default", {}, void 0, !0)
+            ], 2)) : B("", !0),
+            y.actions ? (r(), k("div", _t, [
+              E(nn, {
                 actions: y.actions,
                 layout: y.actionsLayout
               }, null, 8, ["actions", "layout"])
-            ])) : O("", !0)
+            ])) : B("", !0)
           ]),
           _: 3
-        }, 8, ["id", "aria-role", "aria-label", "disabled-focus-trap", "trap-all", "trap-all-options", "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
     }));
   }
-}), It = /* @__PURE__ */ M(kt, [["__scopeId", "data-v-84ebb43a"]]), Bt = /* @__PURE__ */ Symbol("modal injection key"), Ot = /* @__PURE__ */ Symbol("sidepanel children element injection key"), $t = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), St = w({
+}), kt = /* @__PURE__ */ M(It, [["__scopeId", "data-v-84ebb43a"]]), Ot = /* @__PURE__ */ Symbol("modal injection key"), Bt = /* @__PURE__ */ Symbol("sidepanel children element injection key"), $t = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), En = /* @__PURE__ */ Symbol("modal fullscreen title id injection key"), Ln = /* @__PURE__ */ Symbol("modal fullscreen close injection key"), Et = w({
   name: "teleport",
   props: {
     to: {
@@ -428,7 +428,7 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
     waiting: !1,
     observer: null,
     parent: null,
-    isVue2: ke
+    isVue2: Ie
   }),
   computed: {
     classes() {
@@ -437,7 +437,7 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
     defaultTo() {
       if (this.to)
         return this.to;
-      const e = K(Bt, "") || K($t, "") || K(Ot, "");
+      const e = W(Ot, "") || W($t, "") || W(Bt, "");
       return e ? `#${e}` : "body";
     }
   },
@@ -509,13 +509,13 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
     }
   }
 }), Lt = /* @__PURE__ */ w({
-  ...St,
+  ...Et,
   setup(e) {
-    return (t, s) => p(ke) ? (r(), I("div", {
+    return (t, s) => p(Ie) ? (r(), k("div", {
       key: 0,
       class: U(t.classes)
     }, [
-      P(t.$slots, "default", {}, void 0, !0)
+      D(t.$slots, "default", {}, void 0, !0)
     ], 2)) : (r(), g(Ne, {
       key: 1,
       to: t.defaultTo,
@@ -523,10 +523,10 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
       disabled: t.disabled,
       class: U(t.classes)
     }, [
-      P(t.$slots, "default", {}, void 0, !0)
+      D(t.$slots, "default", {}, void 0, !0)
     ], 8, ["to", "where", "disabled", "class"]));
   }
-}), Et = /* @__PURE__ */ M(Lt, [["__scopeId", "data-v-acbda3aa"]]);
+}), St = /* @__PURE__ */ M(Lt, [["__scopeId", "data-v-acbda3aa"]]);
 let fe = 0;
 const Tt = {
   beforeCreate() {
@@ -534,14 +534,14 @@ const Tt = {
   }
 }, wt = { key: 0 };
 function Mt(e, t, s, o, d, m) {
-  return r(), I("svg", H({ role: "img" }, e.$attrs, {
+  return r(), k("svg", J({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (r(), I("title", wt, G(e.$attrs["svg-title"]), 1)) : O("", !0),
+    e.$attrs["svg-title"] ? (r(), k("title", wt, Y(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"
@@ -653,14 +653,14 @@ function Rt(e, t, s, o, d, m) {
     onClick: e.onClick
   }, j({
     default: b(() => [
-      S(u, {
+      E(u, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
         default: b(() => [
-          Y(G(e.text), 1)
+          G(Y(e.text), 1)
         ]),
         _: 1
       }, 8, ["stronger"]),
@@ -671,10 +671,10 @@ function Rt(e, t, s, o, d, m) {
         class: "b-menu-item__secondary-text"
       }, {
         default: b(() => [
-          Y(G(e.computedSecondaryText), 1)
+          G(Y(e.computedSecondaryText), 1)
         ]),
         _: 1
-      })) : O("", !0)
+      })) : B("", !0)
     ]),
     _: 2
   }, [
@@ -691,37 +691,37 @@ function Rt(e, t, s, o, d, m) {
     e.chevron ? {
       name: "iconRight",
       fn: b(() => [
-        S(c, { "aria-hidden": "true" })
+        E(c, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const Be = /* @__PURE__ */ M(At, [["render", Rt], ["__scopeId", "data-v-9dace5ac"]]);
+const Oe = /* @__PURE__ */ M(At, [["render", Rt], ["__scopeId", "data-v-9dace5ac"]]);
 ({ ...je });
-var W = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(W || {});
-const Pt = /* @__PURE__ */ Symbol("menu registering injection key"), Dt = {
+var K = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(K || {});
+const Dt = /* @__PURE__ */ Symbol("menu registering injection key"), Pt = {
   name: "bento-menu-list-container"
 }, Ft = /* @__PURE__ */ w({
-  ...Dt,
+  ...Pt,
   setup(e) {
-    const t = v(), s = v({}), o = K(Pt, !1);
+    const t = v(), s = v({}), o = W(Dt, !1);
     if (o) {
       const { registerMenuContainerElement: d } = o;
       d(t), s.value = {
         mouseleave: o == null ? void 0 : o.menuMouseLeave
       };
     }
-    return (d, m) => (r(), I("div", H({
+    return (d, m) => (r(), k("div", J({
       ref_key: "menuListContainerRef",
       ref: t,
       class: "b-menu-list-container",
       "data-testid": "menu-list-container"
     }, ie(s.value, !0)), [
-      P(d.$slots, "default", {}, void 0, !0)
+      D(d.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Oe = /* @__PURE__ */ M(Ft, [["__scopeId", "data-v-9ef14d73"]]), le = {
+}), Be = /* @__PURE__ */ M(Ft, [["__scopeId", "data-v-9ef14d73"]]), le = {
   "en-US": {
     backButton: "Go back",
     menuButton: "Open menu"
@@ -734,10 +734,10 @@ const Pt = /* @__PURE__ */ Symbol("menu registering injection key"), Dt = {
     backButton: "voltar",
     menuButton: "Abrir menu"
   }
-}, Wt = w({
+}, Kt = w({
   i18n: { messages: le },
   name: "sub-menu-item-list",
-  components: { BentoDivider: _e, MenuItem: Be, MenuListContainer: Oe },
+  components: { BentoDivider: _e, MenuItem: Oe, MenuListContainer: Be },
   props: {
     items: {
       type: Array,
@@ -748,9 +748,9 @@ const Pt = /* @__PURE__ */ Symbol("menu registering injection key"), Dt = {
       required: !0
     }
   },
-  emits: [W.CLOSE, W.BACK],
+  emits: [K.CLOSE, K.BACK],
   setup(e, { emit: t }) {
-    const s = v(null), o = v(0), d = v(e.items.length), m = () => t(W.CLOSE), u = () => t(W.BACK), c = _(() => {
+    const s = v(null), o = v(0), d = v(e.items.length), m = () => t(K.CLOSE), u = () => t(K.BACK), c = _(() => {
       var n;
       const l = (n = e.items) == null ? void 0 : n.map((h) => ({
         ...h,
@@ -774,8 +774,8 @@ const Pt = /* @__PURE__ */ Symbol("menu registering injection key"), Dt = {
         ...l
       ];
     }), f = async () => {
-      var l, n, h, k, $;
-      ($ = (k = (h = (n = (l = s.value) == null ? void 0 : l.children) == null ? void 0 : n[o.value]) == null ? void 0 : h.children) == null ? void 0 : k[0]) == null || $.focus();
+      var l, n, h, I, $;
+      ($ = (I = (h = (n = (l = s.value) == null ? void 0 : l.children) == null ? void 0 : n[o.value]) == null ? void 0 : h.children) == null ? void 0 : I[0]) == null || $.focus();
     };
     ee(async () => {
       setTimeout(() => f(), 150);
@@ -787,7 +787,7 @@ const Pt = /* @__PURE__ */ Symbol("menu registering injection key"), Dt = {
     };
     return {
       // Enums
-      BentoMenuEvent: W,
+      BentoMenuEvent: K,
       // Values
       subMenuItemListRefLocal: s,
       subMenuFocusedIndex: o,
@@ -801,14 +801,14 @@ const Pt = /* @__PURE__ */ Symbol("menu registering injection key"), Dt = {
     };
   }
 });
-function Kt(e, t, s, o, d, m) {
+function Wt(e, t, s, o, d, m) {
   const u = T("menu-item"), c = T("bento-divider"), f = T("menu-list-container");
   return r(), g(ve, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
     default: b(() => [
-      S(f, { class: "b-sub-menu-item-list" }, {
+      E(f, { class: "b-sub-menu-item-list" }, {
         default: b(() => [
           V("ul", {
             ref: "subMenuItemListRefLocal",
@@ -820,11 +820,11 @@ function Kt(e, t, s, o, d, m) {
               t[2] || (t[2] = N(X((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
             ]
           }, [
-            (r(!0), I(Z, null, x(e.computedItems, (a, i) => (r(), I("li", {
+            (r(!0), k(Z, null, x(e.computedItems, (a, i) => (r(), k("li", {
               key: `sub-menu-item-list-item-${i}`,
               role: "none"
             }, [
-              S(u, {
+              E(u, {
                 text: a.text,
                 handler: a.handler,
                 "secondary-text": a.secondaryText,
@@ -839,7 +839,7 @@ function Kt(e, t, s, o, d, m) {
               a.addDivider ? (r(), g(c, {
                 key: 0,
                 class: "b-sub-menu-item-list__divider"
-              })) : O("", !0)
+              })) : B("", !0)
             ]))), 128))
           ], 544)
         ]),
@@ -849,9 +849,9 @@ function Kt(e, t, s, o, d, m) {
     _: 1
   });
 }
-const Ut = /* @__PURE__ */ M(Wt, [["render", Kt], ["__scopeId", "data-v-e1de172e"]]), $e = 350, Se = 150;
+const Ut = /* @__PURE__ */ M(Kt, [["render", Wt], ["__scopeId", "data-v-e1de172e"]]), $e = 350, Ee = 150;
 function Le(e) {
-  return Math.max(Se, Math.min(e, $e));
+  return Math.max(Ee, Math.min(e, $e));
 }
 function Vt(e, t, s, o) {
   const d = v(0), m = v(0), u = (a) => {
@@ -859,10 +859,10 @@ function Vt(e, t, s, o) {
       return;
     const i = a.parentElement, l = a.cloneNode(!0);
     l.style.position = "absolute", l.style.visibility = "hidden", i.appendChild(l), l.style.width = "max-content";
-    const n = l.offsetWidth, h = Math.max(Se, Math.min(n, $e));
+    const n = l.offsetWidth, h = Math.max(Ee, Math.min(n, $e));
     d.value = h, l.style.width = `${h}px`;
-    const k = l.offsetHeight;
-    m.value = k, i.removeChild(l), m.value = k;
+    const I = l.offsetHeight;
+    m.value = I, i.removeChild(l), m.value = I;
   };
   be([t, s], async ([a]) => {
     var i, l;
@@ -883,7 +883,7 @@ function Vt(e, t, s, o) {
 }
 const jt = w({
   name: "menu-item-list",
-  components: { BentoDivider: _e, MenuItem: Be, MenuListContainer: Oe, SubMenuItemList: Ut },
+  components: { BentoDivider: _e, MenuItem: Oe, MenuListContainer: Be, SubMenuItemList: Ut },
   props: {
     /**
      * The data to be displayed in the list
@@ -921,37 +921,37 @@ const jt = w({
       default: null
     }
   },
-  emits: [W.CLOSE, "menu-item-click"],
+  emits: [K.CLOSE, "menu-item-click"],
   setup(e, { emit: t, expose: s }) {
-    const o = v(null), d = v(null), m = v(null), u = v(null), c = v(!1), f = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), i = v(0), l = v(e.data.length - 1), n = _(() => e.data.some((B) => B.icon)), h = _(() => e.indentItems || n.value ? e.data.map((B) => {
+    const o = v(null), d = v(null), m = v(null), u = v(null), c = v(!1), f = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), i = v(0), l = v(e.data.length - 1), n = _(() => e.data.some((O) => O.icon)), h = _(() => e.indentItems || n.value ? e.data.map((O) => {
       let L = !1;
-      return B.icon || (L = !0), {
-        ...B,
+      return O.icon || (L = !0), {
+        ...O,
         indent: L
       };
-    }) : e.data), k = async () => {
-      var B, L, C;
-      await te(), (C = (L = (B = d.value) == null ? void 0 : B.children[a.value]) == null ? void 0 : L.children[0]) == null || C.focus();
-    }, $ = () => t(W.CLOSE), A = (B, L) => {
-      if (B.items) {
+    }) : e.data), I = async () => {
+      var O, L, C;
+      await te(), (C = (L = (O = d.value) == null ? void 0 : O.children[a.value]) == null ? void 0 : L.children[0]) == null || C.focus();
+    }, $ = () => t(K.CLOSE), A = (O, L) => {
+      if (O.items) {
         f.value = L, c.value = !0;
         return;
       }
-      f.value = L, c.value = !1, !B.skipClose && e.closeMenuOnItemSelect !== !1 && $(), t("menu-item-click");
-    }, D = () => {
-      a.value > 0 ? (a.value -= 1, h.value[a.value].disabled && D()) : a.value = l.value, k();
+      f.value = L, c.value = !1, !O.skipClose && e.closeMenuOnItemSelect !== !1 && $(), t("menu-item-click");
+    }, P = () => {
+      a.value > 0 ? (a.value -= 1, h.value[a.value].disabled && P()) : a.value = l.value, I();
     }, y = () => {
-      a.value < l.value ? (a.value += 1, h.value[a.value].disabled && y()) : a.value = 0, k();
-    }, F = (B, L) => {
+      a.value < l.value ? (a.value += 1, h.value[a.value].disabled && y()) : a.value = 0, I();
+    }, F = (O, L) => {
       var C;
-      (C = B == null ? void 0 : B.items) != null && C.length && (f.value = L, c.value = !0);
-    }, J = () => {
+      (C = O == null ? void 0 : O.items) != null && C.length && (f.value = L, c.value = !0);
+    }, H = () => {
       f.value && c.value && (f.value = null, c.value = !1);
     }, ne = () => {
-      c.value = !1, f.value = null, k();
+      c.value = !1, f.value = null, I();
     };
     s({
-      focusItem: k
+      focusItem: I
     });
     const { computedStyle: oe } = Vt(
       u,
@@ -974,15 +974,15 @@ const jt = w({
       // Methods
       menuItemClick: A,
       closeMenu: $,
-      focusPrevious: D,
+      focusPrevious: P,
       focusNext: y,
       focusRight: F,
-      focusLeft: J,
+      focusLeft: H,
       onBackButton: ne
     };
   }
-}), Gt = ["onKeydown"];
-function Yt(e, t, s, o, d, m) {
+}), Yt = ["onKeydown"];
+function Gt(e, t, s, o, d, m) {
   const u = T("menu-item"), c = T("bento-divider"), f = T("sub-menu-item-list"), a = T("menu-list-container");
   return r(), g(a, {
     ref: "menuItemListWrapperRef",
@@ -1000,9 +1000,9 @@ function Yt(e, t, s, o, d, m) {
           t[4] || (t[4] = N((...i) => e.closeMenu && e.closeMenu(...i), ["tab"]))
         ]
       }, [
-        (r(!0), I(Z, null, x(e.computedData, (i, l) => {
-          var n, h, k, $;
-          return r(), I("li", {
+        (r(!0), k(Z, null, x(e.computedData, (i, l) => {
+          var n, h, I, $;
+          return r(), k("li", {
             key: `menu-item-${l}`,
             ref_for: !0,
             ref: "menuItemRef",
@@ -1013,7 +1013,7 @@ function Yt(e, t, s, o, d, m) {
               t[0] || (t[0] = N((A) => e.focusLeft(), ["left"]))
             ]
           }, [
-            S(u, {
+            E(u, {
               text: i.text,
               handler: (n = i.items) != null && n.length ? () => null : i.handler,
               "secondary-text": i.secondaryText,
@@ -1023,14 +1023,14 @@ function Yt(e, t, s, o, d, m) {
               critical: i.critical,
               indent: i.indent,
               tabindex: l === e.subMenuFocusedIndex ? "0" : "-1",
-              "aria-haspopup": !!((k = i.items) != null && k.length),
+              "aria-haspopup": !!((I = i.items) != null && I.length),
               "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === l,
               onClick: (A) => e.menuItemClick(i, l)
             }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
             i.addDivider ? (r(), g(c, {
               key: 0,
               class: "b-menu-item-list__divider"
-            })) : O("", !0),
+            })) : B("", !0),
             ($ = i.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === l ? (r(), g(f, {
               key: 1,
               ref_for: !0,
@@ -1039,15 +1039,15 @@ function Yt(e, t, s, o, d, m) {
               title: i.text,
               onBack: e.onBackButton,
               onClose: e.closeMenu
-            }, null, 8, ["items", "title", "onBack", "onClose"])) : O("", !0)
-          ], 40, Gt);
+            }, null, 8, ["items", "title", "onBack", "onClose"])) : B("", !0)
+          ], 40, Yt);
         }), 128))
       ], 544)
     ]),
     _: 1
   }, 8, ["style"]);
 }
-const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73"]]), Jt = /* @__PURE__ */ Symbol("menu inverse style injection key"), qt = {
+const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73"]]), Ht = /* @__PURE__ */ Symbol("menu inverse style injection key"), qt = {
   i18n: { messages: le },
   name: "bento-menu"
 }, zt = /* @__PURE__ */ w({
@@ -1069,30 +1069,30 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
   emits: ["menu-item-click", "click-outside"],
   setup(e, { expose: t, emit: s }) {
     var L;
-    const o = e, d = s, m = Q(), u = ae(m), { t: c } = ge({ messages: le }), f = v(null), a = v(null), i = v(!1), l = v(!1), n = v(null), h = He("menu"), k = K(Jt, v(!1));
-    Ae(Fe, k);
+    const o = e, d = s, m = Q(), u = ae(m), { t: c } = ge({ messages: le }), f = v(null), a = v(null), i = v(!1), l = v(!1), n = v(null), h = Je("menu"), I = W(Ht, v(!1));
+    Ae(Fe, I);
     const $ = _(() => ({
-      "b-menu--inverse": k.value
+      "b-menu--inverse": I.value
     })), A = _(
       () => o.menuWidth ? { width: `${Le(o.menuWidth)}px` } : null
-    ), D = _(() => {
+    ), P = _(() => {
       if (o != null && o.button)
         return {
           variant: "secondary",
           ...o.button
         };
     }), y = () => {
-      i.value = !0, d(W.OPEN);
+      i.value = !0, d(K.OPEN);
     }, F = async (C = o.revertFocusToButton) => {
       var q, se;
-      i.value && (i.value = !1, C && (await te(), (se = (q = f.value) == null ? void 0 : q.$el) == null || se.focus()), d(W.CLOSE));
-    }, J = (C) => {
+      i.value && (i.value = !1, C && (await te(), (se = (q = f.value) == null ? void 0 : q.$el) == null || se.focus()), d(K.CLOSE));
+    }, H = (C) => {
       C.stopPropagation(), i.value ? F() : y();
     }, ne = (C) => {
       C.preventDefault(), l.value = !1, o.disableArrowDownOpeningMenu || y();
     }, oe = (C) => {
       C.preventDefault(), l.value = !0, y();
-    }, B = () => {
+    }, O = () => {
       d("menu-item-click");
     };
     return ct(
@@ -1110,10 +1110,10 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
        */
       closeMenu: F
     }), ee(() => {
-      u("iconRight") && Ke(
+      u("iconRight") && We(
         '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
       );
-    }), (C, q) => (r(), I("div", {
+    }), (C, q) => (r(), k("div", {
       class: U([$.value, "b-menu"]),
       "data-testid": "menu",
       onKeydown: [
@@ -1122,22 +1122,22 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
         q[0] || (q[0] = N((se) => F(), ["esc"]))
       ]
     }, [
-      S(it, H({
+      E(it, J({
         ref_key: "menuButtonRef",
         ref: f,
         class: "b-menu__toggle-button",
         "aria-haspopup": "true"
-      }, D.value, {
+      }, P.value, {
         "aria-controls": i.value ? p(h) : null,
         toggled: i.value,
-        inverse: p(k),
-        onClick: J
+        inverse: p(I),
+        onClick: H
       }), j({ _: 2 }, [
         !p(u)("default") || p(u)("iconLeft") ? {
           name: "iconLeft",
           fn: b(() => [
-            P(C.$slots, "iconLeft", {}, () => [
-              S(p(Nt), {
+            D(C.$slots, "iconLeft", {}, () => [
+              E(p(Nt), {
                 title: p(c)("menuButton")
               }, null, 8, ["title"])
             ], !0)
@@ -1147,24 +1147,24 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
         p(u)("default") ? {
           name: "default",
           fn: b(() => [
-            P(C.$slots, "default", {}, void 0, !0)
+            D(C.$slots, "default", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         p(u)("default") ? {
           name: "iconRight",
           fn: b(() => [
-            S(p(Je))
+            E(p(He))
           ]),
           key: "2"
         } : void 0
       ]), 1040, ["aria-controls", "toggled", "inverse"]),
-      f.value ? (r(), g(p(Et), {
+      f.value ? (r(), g(p(St), {
         key: 0,
         disabled: !C.teleport
       }, {
         default: b(() => [
-          f.value ? (r(), g(It, {
+          f.value ? (r(), g(kt, {
             key: 0,
             id: p(h),
             ref_key: "popoverRef",
@@ -1190,7 +1190,7 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
             "without-space": ""
           }, {
             default: b(() => [
-              S(Ht, {
+              E(Jt, {
                 ref_key: "menuItemListRef",
                 ref: a,
                 "close-menu-on-item-select": C.closeMenuOnItemSelect,
@@ -1198,14 +1198,14 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
                 "focus-last-element": l.value,
                 "popover-width": C.menuWidth,
                 onClose: F,
-                onMenuItemClick: B
+                onMenuItemClick: O
               }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element", "popover-width"])
             ]),
             _: 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));
   }
 }), Xt = /* @__PURE__ */ M(zt, [["__scopeId", "data-v-eee5aa88"]]), Zt = /* @__PURE__ */ Symbol(
@@ -1213,13 +1213,13 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
 ), Qt = 242, me = parseInt(Qe, 10), xt = (e, t, s) => {
   const o = v(0);
   let d = null;
-  const { buttonActionsWithMenu: m, menu: u, stackButtons: c } = K(Zt, {
+  const { buttonActionsWithMenu: m, menu: u, stackButtons: c } = W(Zt, {
     buttonActionsWithMenu: v(null),
     menu: v(null),
     stackButtons: v(!1)
   }), f = _(() => m.value ?? e.value), a = _(() => u.value ? [...t.value, u.value.$el] : t.value), i = (l) => {
-    var k;
-    const n = (k = a.value) == null ? void 0 : k.reduce(
+    var I;
+    const n = (I = a.value) == null ? void 0 : I.reduce(
       ($, A) => $ + A.clientWidth + me,
       -me - 1
     ), h = f.value.clientWidth;
@@ -1258,7 +1258,7 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
     })), f = (i) => (i == null ? void 0 : i.event) !== void 0 ? {
       click: i.event
     } : {}, a = (i) => i.iconOnly && (i.iconLeft || i.iconRight || i.icon);
-    return (i, l) => (r(), I("div", {
+    return (i, l) => (r(), k("div", {
       ref_key: "buttonActions",
       ref: s,
       class: "b-button-actions"
@@ -1267,7 +1267,7 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
         class: U(["b-button-actions__container-wrapper", c.value]),
         role: "group"
       }, [
-        (r(!0), I(Z, null, x(m.value, (n, h) => (r(), I("div", {
+        (r(!0), k(Z, null, x(m.value, (n, h) => (r(), k("div", {
           key: h,
           ref_for: !0,
           ref_key: "buttons",
@@ -1300,12 +1300,12 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
             a(n) ? void 0 : {
               name: "default",
               fn: b(() => [
-                Y(G(n.title), 1)
+                G(Y(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"])) : (r(), I(Z, { key: 1 }, [
-            n.state ? (r(), g(nt, H({
+          ]), 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"])) : (r(), k(Z, { key: 1 }, [
+            n.state ? (r(), g(nt, J({
               key: 0,
               ref_for: !0,
               ref: n.elementRef,
@@ -1328,11 +1328,11 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
               a(n) ? void 0 : {
                 name: "default",
                 fn: b(() => [
-                  Y(G(n.title), 1)
+                  G(Y(n.title), 1)
                 ]),
                 key: "1"
               }
-            ]), 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (r(), g(E, H({
+            ]), 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (r(), g(S, J({
               key: 1,
               ref_for: !0,
               ref: n.elementRef,
@@ -1355,7 +1355,7 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
               a(n) ? void 0 : {
                 name: "default",
                 fn: b(() => [
-                  Y(G(n.title), 1)
+                  G(Y(n.title), 1)
                 ]),
                 key: "1"
               },
@@ -1377,23 +1377,25 @@ const Ht = /* @__PURE__ */ M(jt, [["render", Yt], ["__scopeId", "data-v-7253ab73
 }), nn = /* @__PURE__ */ M(tn, [["__scopeId", "data-v-1a12c479"]]);
 export {
   nn as B,
-  Pt as D,
+  Dt as D,
   ft as I,
-  Jt as M,
+  Ht as M,
   Nt as O,
   pt as P,
-  Ot as S,
+  Bt as S,
   nt as a,
   R as b,
   it as c,
   Zt as d,
-  Et as e,
+  St as e,
   Xt as f,
-  W as g,
-  It as h,
-  $t as i,
-  Bt as j,
-  mt as k,
+  K as g,
+  kt as h,
+  En as i,
+  Ln as j,
+  $t as k,
+  Ot as l,
+  mt as m,
   ct as u
 };
-//# sourceMappingURL=button-actions.BH-J7dux.js.map
+//# sourceMappingURL=button-actions.BYBpjNqy.js.map