@adyen/bento-vue3 1.81.1 → 1.83.0

package/dist/chunks/{button-actions.-kRd-fMI.js → button-actions.O0cnu1_g.js}

@@ -1,5 +1,5 @@
-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.DhcxX2GJ.js";
+import { defineComponent as M, useSlots as Q, computed as _, createBlock as g, openBlock as u, withModifiers as z, normalizeClass as U, createSlots as G, withCtx as b, 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 H, toDisplayString as j, 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 X, 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.CSp48LJt.js";
 import { B as we } from "./loading-indicator.Db794TT5.js";
 import { C as Ne } from "./cross-circle-fill.CYLL7jfC.js";
 import { C as Re } from "./checkmark-circle-fill._6-d40ru.js";
@@ -8,7 +8,7 @@ import { u as ye } from "./index.pdBj0KQU.js";
 import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { B as ge, D as Ae } from "./divider.Dho4_hQ7.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 { B as _e, a as re, p as Pe } from "./typography.6Oo5TOMP.js";
 import { c as Fe, P as We, d as Ke } from "./popper-container.I9gzp1NR.js";
 import { u as Ue } from "./aria-label.CaUURpnB.js";
 import { o as Ve } from "./on-click-outside.D9aY9g8G.js";
@@ -16,7 +16,7 @@ import { g as Ge } from "./generate-uid.NJ8tVoha.js";
 import { C as je } from "./chevron-down.DCQ6ZLaq.js";
 /* empty css              */
 import { a as He, C as ue } from "./chevron-left.Cfn1uGLH.js";
-import { a as de, B as Ye } from "./base-button.BSLpAs8A.js";
+import { a as de, B as Ye } from "./base-button.CUd03aA2.js";
 import { t as Je } from "./truncate.BfIl_-71.js";
 import { i as Ce } from "./index.CWuzEfiV.js";
 import { o as qe } from "./resize.Bqks3WUm.js";
@@ -110,22 +110,22 @@ const Ie = {
       disabled: e.disabled,
       inverse: e.inverse,
       class: U(["b-loading-button", f.value]),
-      onClickCapture: X(i, ["stop"])
-    }, H({
-      default: y(() => [
+      onClickCapture: z(i, ["stop"])
+    }, G({
+      default: b(() => [
         D(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
       e.state === "start" && p(m)("iconLeft") ? {
         name: "iconLeft",
-        fn: y(() => [
+        fn: b(() => [
           D(r.$slots, "iconLeft", {}, void 0, !0)
         ]),
         key: "0"
       } : e.state !== "start" ? {
         name: "iconLeft",
-        fn: y(() => [
+        fn: b(() => [
           V("span", ze, [
             e.state === "fail" ? (u(), g(p(Ne), {
               key: 0,
@@ -205,11 +205,11 @@ const Ie = {
       disabled: e.disabled,
       inverse: e.inverse,
       variant: d.value,
-      onClickCapture: X(l, ["stop"])
-    }), H({ _: 2 }, [
+      onClickCapture: z(l, ["stop"])
+    }), G({ _: 2 }, [
       x(p(f), (r, n) => ({
         name: n,
-        fn: y(() => [
+        fn: b(() => [
           D(a.$slots, n, Be($e(c(n))), void 0, !0)
         ])
       }))
@@ -238,7 +238,7 @@ function st(e, t, o, s, d, m) {
     variant: "tertiary",
     onClick: t[0] || (t[0] = (c) => e.$emit("click"))
   }, {
-    iconLeft: y(() => [
+    iconLeft: b(() => [
       E(l, { "svg-title": "dismiss" })
     ]),
     _: 1
@@ -274,8 +274,8 @@ function at(e, t, o, s, d, m) {
     variant: e.titleVariant,
     el: "span"
   }, {
-    default: y(() => [
-      j(G(e.title), 1)
+    default: b(() => [
+      H(j(e.title), 1)
     ]),
     _: 1
   }, 8, ["strongest", "variant"]);
@@ -327,9 +327,9 @@ const lt = /* @__PURE__ */ w(it, [["render", at]]), rt = (e, t, o = {}) => {
   emits: ["dismiss", "placement"],
   setup(e, { emit: t }) {
     const s = e, d = t, m = Q(), l = Ee(), f = _(() => {
-      var h;
+      var y;
       return {
-        id: (h = l.id) == null ? void 0 : h.toString(),
+        id: (y = l.id) == null ? void 0 : y.toString(),
         role: (l == null ? void 0 : l.role) === null ? void 0 : Fe.POPOVER
       };
     }), c = K(ct, 2), a = v(l["aria-label"]), { ariaLabel: i, title: r } = Se(s), n = Ue({
@@ -337,54 +337,54 @@ const lt = /* @__PURE__ */ w(it, [["render", at]]), rt = (e, t, o = {}) => {
       // TODO: take this line away when the aria-label props is removed
       label: i,
       defaultFallback: r
-    }), b = K(dt, !1) || K(ut, !1), C = _(() => ({
+    }), h = 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,
       "b-popover--fit-content": s.fitContent,
       "b-popover--without-space": s.withoutSpace,
-      "b-popover--overflow-visible": s.overflowVisible || b
+      "b-popover--overflow-visible": s.overflowVisible || h
     })), $ = _(() => ({
       "b-popover__content--with-title": !!s.title
     })), R = () => d("dismiss"), P = ae(m);
-    return (h, F) => (u(), g(ve, { name: "b-popover__animation" }, {
-      default: y(() => [
-        h.open ? (u(), g(p(We), {
+    return (y, F) => (u(), g(ve, { name: "b-popover__animation" }, {
+      default: b(() => [
+        y.open ? (u(), g(p(We), {
           key: 0,
           id: f.value.id,
           "aria-role": f.value.role,
           "aria-label": p(n),
           arrow: { classes: ["b-popover__arrow"] },
-          "disabled-focus-trap": h.disableFocusTrap,
-          "trap-all": h.trapAll,
-          "trap-all-options": h.trapAllOptions,
+          "disabled-focus-trap": y.disableFocusTrap,
+          "trap-all": y.trapAll,
+          "trap-all-options": y.trapAllOptions,
           class: U([C.value, "b-popover"]),
-          "fallback-position": h.fallbackPosition,
-          "fixed-positioning": h.fixedPositioning,
+          "fallback-position": y.fallbackPosition,
+          "fixed-positioning": y.fixedPositioning,
           offset: [0, p(c)],
-          position: h.position,
-          "target-element": h.targetElement,
-          onPlacement: F[0] || (F[0] = (J) => h.$emit("placement", J))
+          position: y.position,
+          "target-element": y.targetElement,
+          onPlacement: F[0] || (F[0] = (J) => y.$emit("placement", J))
         }, {
-          default: y(() => [
+          default: b(() => [
             p(P)("image") ? (u(), k("div", ft, [
-              h.dismissible ? (u(), k("div", mt, [
+              y.dismissible ? (u(), k("div", mt, [
                 E(ce, {
                   "on-image": "",
                   onClick: R
                 })
               ])) : B("", !0),
-              D(h.$slots, "image", {}, void 0, !0)
+              D(y.$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),
+                p(P)("headerIcon") ? D(y.$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"])
               ]),
-              h.dismissible && !p(P)("image") ? (u(), k("div", bt, [
+              y.dismissible && !p(P)("image") ? (u(), k("div", bt, [
                 E(ce, { onClick: R })
               ])) : B("", !0)
             ])) : B("", !0),
@@ -392,12 +392,12 @@ const lt = /* @__PURE__ */ w(it, [["render", at]]), rt = (e, t, o = {}) => {
               key: 2,
               class: U(["b-popover__content", $.value])
             }, [
-              D(h.$slots, "default", {}, void 0, !0)
+              D(y.$slots, "default", {}, void 0, !0)
             ], 2)) : B("", !0),
-            h.actions ? (u(), k("div", ht, [
+            y.actions ? (u(), k("div", ht, [
               E(xt, {
-                actions: h.actions,
-                layout: h.actionsLayout
+                actions: y.actions,
+                layout: y.actionsLayout
               }, null, 8, ["actions", "layout"])
             ])) : B("", !0)
           ]),
@@ -539,7 +539,7 @@ function Lt(e, t, o, s, d, m) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (u(), k("title", St, G(e.$attrs["svg-title"]), 1)) : B("", !0),
+    e.$attrs["svg-title"] ? (u(), k("title", St, j(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"
@@ -649,16 +649,16 @@ function wt(e, t, o, s, d, m) {
     disabled: e.disabled,
     tabindex: "-1",
     onClick: e.onClick
-  }, H({
-    default: y(() => [
+  }, G({
+    default: b(() => [
       E(l, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
-        default: y(() => [
-          j(G(e.text), 1)
+        default: b(() => [
+          H(j(e.text), 1)
         ]),
         _: 1
       }, 8, ["stronger"]),
@@ -668,8 +668,8 @@ function wt(e, t, o, s, d, m) {
         variant: "body",
         class: "b-menu-item__secondary-text"
       }, {
-        default: y(() => [
-          j(G(e.computedSecondaryText), 1)
+        default: b(() => [
+          H(j(e.computedSecondaryText), 1)
         ]),
         _: 1
       })) : B("", !0)
@@ -678,8 +678,8 @@ function wt(e, t, o, s, d, m) {
   }, [
     e.icon ? {
       name: "iconLeft",
-      fn: y(() => [
-        (u(), g(z(e.icon), {
+      fn: b(() => [
+        (u(), g(X(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
         }))
@@ -688,7 +688,7 @@ function wt(e, t, o, s, d, m) {
     } : void 0,
     e.chevron ? {
       name: "iconRight",
-      fn: y(() => [
+      fn: b(() => [
         E(f, { "aria-hidden": "true" })
       ]),
       key: "1"
@@ -742,9 +742,9 @@ const Nt = /* @__PURE__ */ Symbol("menu registering injection key"), Rt = {
   setup(e, { emit: t }) {
     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,
+      const r = (n = e.items) == null ? void 0 : n.map((h) => ({
+        ...h,
+        indent: !h.icon,
         isTitle: !1,
         clickHandler: m
       }));
@@ -764,8 +764,8 @@ const Nt = /* @__PURE__ */ Symbol("menu registering injection key"), Rt = {
         ...r
       ];
     }), c = async () => {
-      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();
+      var r, n, h, C, $;
+      ($ = (C = (h = (n = (r = o.value) == null ? void 0 : r.children) == null ? void 0 : n[s.value]) == null ? void 0 : h.children) == null ? void 0 : C[0]) == null || $.focus();
     };
     ee(async () => {
       setTimeout(() => c(), 150);
@@ -797,17 +797,17 @@ function Pt(e, t, o, s, d, m) {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
-    default: y(() => [
+    default: b(() => [
       E(c, { class: "b-sub-menu-item-list" }, {
-        default: y(() => [
+        default: b(() => [
           V("ul", {
             ref: "subMenuItemListRefLocal",
             role: "menu",
             class: "b-sub-menu-item-list__list",
             onKeydown: [
-              t[0] || (t[0] = N(X((...a) => e.focusNext && e.focusNext(...a), ["stop"]), ["down"])),
-              t[1] || (t[1] = N(X((...a) => e.focusPrevious && e.focusPrevious(...a), ["stop"]), ["up"])),
-              t[2] || (t[2] = N(X((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
+              t[0] || (t[0] = N(z((...a) => e.focusNext && e.focusNext(...a), ["stop"]), ["down"])),
+              t[1] || (t[1] = N(z((...a) => e.focusPrevious && e.focusPrevious(...a), ["stop"]), ["up"])),
+              t[2] || (t[2] = N(z((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
             ]
           }, [
             (u(!0), k(Z, null, x(e.computedItems, (a, i) => (u(), k("li", {
@@ -846,8 +846,8 @@ function Wt(e, t, o) {
       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));
-    m.value = b, r.style.width = `${b}px`;
+    const n = r.offsetWidth, h = Math.max(150, Math.min(n, 350));
+    m.value = h, r.style.width = `${h}px`;
     const C = r.offsetHeight;
     l.value = C, i.removeChild(r), l.value = C;
   };
@@ -899,7 +899,7 @@ const Kt = M({
   },
   emits: [W.CLOSE, "menu-item-click"],
   setup(e, { emit: t, expose: o }) {
-    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) => {
+    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)), h = _(() => e.indentItems || n.value ? e.data.map((O) => {
       let S = !1;
       return O.icon || (S = !0), {
         ...O,
@@ -915,9 +915,9 @@ const Kt = M({
       }
       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();
-    }, h = () => {
-      a.value < r.value ? (a.value += 1, b.value[a.value].disabled && h()) : a.value = 0, C();
+      a.value > 0 ? (a.value -= 1, h.value[a.value].disabled && P()) : a.value = r.value, C();
+    }, y = () => {
+      a.value < r.value ? (a.value += 1, h.value[a.value].disabled && y()) : a.value = 0, C();
     }, F = (O, S) => {
       var I;
       (I = O == null ? void 0 : O.items) != null && I.length && (c.value = S, f.value = !0);
@@ -936,7 +936,7 @@ const Kt = M({
       menuItemListWrapperRef: m,
       subMenuItemListRef: l,
       menuItemRef: s,
-      computedData: b,
+      computedData: h,
       computedStyle: oe,
       focusedIndex: a,
       subMenuFocusedIndex: i,
@@ -946,7 +946,7 @@ const Kt = M({
       menuItemClick: R,
       closeMenu: $,
       focusPrevious: P,
-      focusNext: h,
+      focusNext: y,
       focusRight: F,
       focusLeft: J,
       onBackButton: ne
@@ -959,7 +959,7 @@ function Vt(e, t, o, s, d, m) {
     ref: "menuItemListWrapperRef",
     style: he(e.computedStyle)
   }, {
-    default: y(() => [
+    default: b(() => [
       V("ul", {
         ref: "menuItemListRef",
         class: "b-menu-item-list",
@@ -972,7 +972,7 @@ function Vt(e, t, o, s, d, m) {
         ]
       }, [
         (u(!0), k(Z, null, x(e.computedData, (i, r) => {
-          var n, b, C, $;
+          var n, h, C, $;
           return u(), k("li", {
             key: `menu-item-${r}`,
             ref_for: !0,
@@ -989,7 +989,7 @@ function Vt(e, t, o, s, d, m) {
               handler: (n = i.items) != null && n.length ? () => null : i.handler,
               "secondary-text": i.secondaryText,
               icon: i.icon,
-              chevron: !!((b = i.items) != null && b.length),
+              chevron: !!((h = i.items) != null && h.length),
               disabled: i.disabled,
               critical: i.critical,
               indent: i.indent,
@@ -1040,7 +1040,7 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
   emits: ["menu-item-click", "click-outside"],
   setup(e, { expose: t, emit: o }) {
     var S;
-    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));
+    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), h = Ge("menu"), C = K(jt, v(!1));
     Te(Ae, C);
     const $ = _(() => ({
       "b-menu--inverse": C.value
@@ -1050,17 +1050,17 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
           variant: "secondary",
           ...s.button
         };
-    }), h = () => {
+    }), y = () => {
       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() : h();
+      I.stopPropagation(), i.value ? F() : y();
     }, ne = (I) => {
-      I.preventDefault(), r.value = !1, s.disableArrowDownOpeningMenu || h();
+      I.preventDefault(), r.value = !1, s.disableArrowDownOpeningMenu || y();
     }, oe = (I) => {
-      I.preventDefault(), r.value = !0, h();
+      I.preventDefault(), r.value = !0, y();
     }, O = () => {
       d("menu-item-click");
     };
@@ -1097,14 +1097,14 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
         class: "b-menu__toggle-button",
         "aria-haspopup": "true"
       }, P.value, {
-        "aria-controls": i.value ? p(b) : null,
+        "aria-controls": i.value ? p(h) : null,
         toggled: i.value,
         inverse: p(C),
         onClick: J
-      }), H({ _: 2 }, [
+      }), G({ _: 2 }, [
         !p(l)("default") || p(l)("iconLeft") ? {
           name: "iconLeft",
-          fn: y(() => [
+          fn: b(() => [
             D(I.$slots, "iconLeft", {}, () => [
               E(p(Tt), {
                 title: p(f)("menuButton")
@@ -1115,14 +1115,14 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
         } : void 0,
         p(l)("default") ? {
           name: "default",
-          fn: y(() => [
+          fn: b(() => [
             D(I.$slots, "default", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         p(l)("default") ? {
           name: "iconRight",
-          fn: y(() => [
+          fn: b(() => [
             E(p(je))
           ]),
           key: "2"
@@ -1132,10 +1132,10 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
         key: 0,
         disabled: !I.teleport
       }, {
-        default: y(() => [
+        default: b(() => [
           c.value ? (u(), g(_t, {
             key: 0,
-            id: p(b),
+            id: p(h),
             ref_key: "popoverRef",
             ref: n,
             role: null,
@@ -1158,7 +1158,7 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
             teleport: I.teleport,
             "without-space": ""
           }, {
-            default: y(() => [
+            default: b(() => [
               E(Gt, {
                 ref_key: "menuItemListRef",
                 ref: a,
@@ -1190,8 +1190,8 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
     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 >= Xt && !f.value ? n : 0), s.value > b;
+    ), h = c.value.clientWidth;
+    return r && (s.value = h >= Xt && !f.value ? n : 0), s.value > h;
   };
   return be(
     () => o.value,
@@ -1235,8 +1235,8 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
         class: U(["b-button-actions__container-wrapper", f.value]),
         role: "group"
       }, [
-        (u(!0), k(Z, null, x(m.value, (n, b) => (u(), k("div", {
-          key: b,
+        (u(!0), k(Z, null, x(m.value, (n, h) => (u(), k("div", {
+          key: h,
           ref_for: !0,
           ref_key: "buttons",
           ref: s,
@@ -1255,11 +1255,11 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
             "menu-width": n.menuWidth,
             "revert-focus-to-button": n.revertFocusToButton,
             teleport: n.teleport
-          }, H({ _: 2 }, [
+          }, G({ _: 2 }, [
             n.icon || n.iconLeft ? {
               name: "iconLeft",
-              fn: y(() => [
-                (u(), g(z(n.icon || n.iconLeft), {
+              fn: b(() => [
+                (u(), g(X(n.icon || n.iconLeft), {
                   "svg-title": n.title
                 }, null, 8, ["svg-title"]))
               ]),
@@ -1267,8 +1267,8 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
             } : void 0,
             a(n) ? void 0 : {
               name: "default",
-              fn: y(() => [
-                j(G(n.title), 1)
+              fn: b(() => [
+                H(j(n.title), 1)
               ]),
               key: "1"
             }
@@ -1282,13 +1282,25 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
               disabled: n.disabled,
               inverse: i.inverse,
               state: n.state,
-              variant: n.variant || l(b)
-            }, ie(c(n))), {
-              default: y(() => [
-                j(G(n.title), 1)
-              ]),
-              _: 2
-            }, 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (u(), g(L, Y({
+              variant: n.variant || l(h)
+            }, ie(c(n))), G({ _: 2 }, [
+              n.icon || n.iconLeft ? {
+                name: "iconLeft",
+                fn: b(() => [
+                  (u(), g(X(n.icon || n.iconLeft), {
+                    "svg-title": n.title
+                  }, null, 8, ["svg-title"]))
+                ]),
+                key: "0"
+              } : void 0,
+              a(n) ? void 0 : {
+                name: "default",
+                fn: b(() => [
+                  H(j(n.title), 1)
+                ]),
+                key: "1"
+              }
+            ]), 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (u(), g(L, Y({
               key: 1,
               ref_for: !0,
               ref: n.elementRef,
@@ -1297,12 +1309,12 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
               disabled: n.disabled,
               inverse: i.inverse,
               link: n.link,
-              variant: n.variant || l(b)
-            }, ie(c(n))), H({ _: 2 }, [
+              variant: n.variant || l(h)
+            }, ie(c(n))), G({ _: 2 }, [
               n.icon || n.iconLeft ? {
                 name: "iconLeft",
-                fn: y(() => [
-                  (u(), g(z(n.icon || n.iconLeft), {
+                fn: b(() => [
+                  (u(), g(X(n.icon || n.iconLeft), {
                     "svg-title": n.title
                   }, null, 8, ["svg-title"]))
                 ]),
@@ -1310,15 +1322,15 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
               } : void 0,
               a(n) ? void 0 : {
                 name: "default",
-                fn: y(() => [
-                  j(G(n.title), 1)
+                fn: b(() => [
+                  H(j(n.title), 1)
                 ]),
                 key: "1"
               },
               n.iconRight ? {
                 name: "iconRight",
-                fn: y(() => [
-                  (u(), g(z(n.iconRight), {
+                fn: b(() => [
+                  (u(), g(X(n.iconRight), {
                     "svg-title": n.title
                   }, null, 8, ["svg-title"]))
                 ]),
@@ -1330,7 +1342,7 @@ const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb
       ], 2)
     ], 512));
   }
-}), xt = /* @__PURE__ */ w(Qt, [["__scopeId", "data-v-6c3554de"]]);
+}), xt = /* @__PURE__ */ w(Qt, [["__scopeId", "data-v-1a12c479"]]);
 export {
   xt as B,
   Nt as D,
@@ -1352,4 +1364,4 @@ export {
   dt as k,
   rt as u
 };
-//# sourceMappingURL=button-actions.-kRd-fMI.js.map
+//# sourceMappingURL=button-actions.O0cnu1_g.js.map