@adyen/bento-vue3 1.88.1 → 1.89.2

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

@@ -1,69 +1,60 @@
-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 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 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";
+import { defineComponent as L, useSlots as X, computed as g, openBlock as l, createBlock as h, withModifiers as q, normalizeClass as F, createSlots as U, withCtx as b, renderSlot as N, unref as p, createElementVNode as K, createCommentVNode as k, mergeProps as G, renderList as Z, normalizeProps as Ee, guardReactiveProps as Le, resolveComponent as E, createVNode as B, createTextVNode as Y, toDisplayString as V, onMounted as Q, onUnmounted as fe, useAttrs as Se, inject as P, ref as v, toRefs as Te, Transition as me, createElementBlock as C, Teleport as Me, resolveDynamicComponent as H, toHandlers as ne, withKeys as T, Fragment as z, watch as pe, nextTick as x, toRef as ve, normalizeStyle as be, provide as we } from "vue";
+import { B as $ } from "./button.DWF7FSIw.js";
+import { B as Ne } from "./loading-indicator.BPol9I84.js";
+import { C as Re } from "./cross-circle-fill.BWCKKn0E.js";
+import { C as Ae } from "./checkmark-circle-fill.DugX5fbG.js";
+import { u as oe } from "./use-has-slot.CyMiImRQ.js";
+import { u as he } from "./index.B875RXHM.js";
+import { _ as S } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as ye, D as De } from "./divider.BIY84UH7.js";
+import { C as Pe } from "./cross.CCHdi6v3.js";
+import { B as ge, c as ae, p as Fe } from "./typography.B3J6_tYk.js";
+import { a as We, P as Ke, b as Ue } from "./popper-container.DMN8n5iC.js";
+import { u as Ve } from "./aria-label.CaUURpnB.js";
+import { o as je } from "./on-click-outside.ZUMLlxE_.js";
+import { g as Ye } from "./generate-uid.DBWe4g6T.js";
+import { C as Ge } 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 Ie } from "./index.CWuzEfiV.js";
-import { o as Ze } from "./resize.Bqks3WUm.js";
-import { g as Qe } from "./es6.C1DXQV6f.js";
+import { a as Je, C as le } from "./chevron-left.C_vPW7OR.js";
+import { a as re, B as He } from "./base-button.CvHl36Ue.js";
+import { t as qe } from "./truncate.DmCXQmeb.js";
+import { i as _e } from "./index.CWuzEfiV.js";
+import { o as ze } from "./resize.Bqks3WUm.js";
+import { g as Xe } 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 ke = {
-  "en-US": {
-    failed: "Failed",
-    succeded: "Succeded"
-  },
-  "ja-JP": {
-    failed: "失敗しました",
-    succeded: "成功"
-  },
-  "pt-BR": {
-    failed: "Falha",
-    succeded: "Bem-sucedido"
-  }
-}, xe = {
+var w = /* @__PURE__ */ ((e) => (e.START = "start", e.LOADING = "loading", e.SUCCESS = "success", e.FAIL = "fail", e))(w || {});
+const Ce = {
+  "en-US": { failed: "Failed", succeded: "Succeded" },
+  "ja-JP": { failed: "失敗しました", succeded: "成功" },
+  "pt-BR": { failed: "Falha", succeded: "Bem-sucedido" }
+}, Ze = {
   class: "b-loading-button__icon",
   "data-testid": "loading-button-rotating-icon"
-}, et = {
-  i18n: { messages: ke }
-}, tt = /* @__PURE__ */ w({
-  ...et,
+}, Qe = {
+  i18n: { messages: Ce }
+}, xe = /* @__PURE__ */ L({
+  ...Qe,
   __name: "loading-button",
   props: {
     /**
      * Reduces sizing of button
      */
     condensed: {
-      type: S.props.condensed.type,
+      type: $.props.condensed.type,
       default: !1
     },
     /**
      * Displays loading-button as critical
      */
     critical: {
-      type: S.props.critical.type,
+      type: $.props.critical.type,
       default: !1
     },
     /**
      * Disables button functonality
      */
     disabled: {
-      type: S.props.disabled.type,
+      type: $.props.disabled.type,
       default: !1
     },
     /**
@@ -79,89 +70,89 @@ const ke = {
      */
     state: {
       type: String,
-      default: R.START,
-      validator: (e) => Object.values(R).includes(e)
+      default: w.START,
+      validator: (e) => Object.values(w).includes(e)
     },
     /**
      * Types of flavour of Button
      */
     variant: {
-      type: S.props.variant.type,
+      type: $.props.variant.type,
       default: "primary",
-      validator: S.props.variant.validator
+      validator: $.props.variant.validator
     }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    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,
-      "b-loading-button--inverse": s.inverse
-    })), f = _(
-      () => s.variant === "primary" && !s.inverse || s.variant !== "primary" && s.inverse
-    ), a = _(
-      () => s.critical && s.state === R.START || s.state === R.FAIL
-    ), i = (l) => {
-      l.stopPropagation(), s.state !== R.LOADING && o("click", l);
+    const i = e, o = t, u = X(), m = oe(u), { t: r } = he({ messages: Ce }), c = g(() => ({
+      [`b-loading-button--${i.variant}-${w.LOADING}`]: i.state === w.LOADING && !i.disabled,
+      "b-loading-button--loading": i.state === w.LOADING && !i.disabled,
+      [`b-loading-button--${i.variant}-${w.SUCCESS}`]: i.state === w.SUCCESS,
+      "b-loading-button--inverse": i.inverse
+    })), f = g(
+      () => i.variant === "primary" && !i.inverse || i.variant !== "primary" && i.inverse
+    ), a = g(
+      () => i.critical && i.state === w.START || i.state === w.FAIL
+    ), s = (d) => {
+      d.stopPropagation(), i.state !== w.LOADING && o("click", d);
     };
-    return (l, n) => (r(), g(S, {
+    return (d, n) => (l(), h($, {
       critical: a.value,
       variant: e.variant,
       condensed: e.condensed,
       disabled: e.disabled,
       inverse: e.inverse,
-      class: U(["b-loading-button", c.value]),
-      onClickCapture: X(i, ["stop"])
-    }, j({
+      class: F(["b-loading-button", c.value]),
+      onClickCapture: q(s, ["stop"])
+    }, U({
       default: b(() => [
-        D(l.$slots, "default", {}, void 0, !0)
+        N(d.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
       e.state === "start" && p(m)("iconLeft") ? {
         name: "iconLeft",
         fn: b(() => [
-          D(l.$slots, "iconLeft", {}, void 0, !0)
+          N(d.$slots, "iconLeft", {}, void 0, !0)
         ]),
         key: "0"
       } : e.state !== "start" ? {
         name: "iconLeft",
         fn: b(() => [
-          V("span", xe, [
-            e.state === "fail" ? (r(), g(p(De), {
+          K("span", Ze, [
+            e.state === "fail" ? (l(), h(p(Re), {
               key: 0,
-              "svg-title": p(u)("failed")
-            }, null, 8, ["svg-title"])) : e.state === "success" ? (r(), g(p(Pe), {
+              "svg-title": p(r)("failed")
+            }, null, 8, ["svg-title"])) : e.state === "success" ? (l(), h(p(Ae), {
               key: 1,
-              "svg-title": p(u)("succeded")
-            }, null, 8, ["svg-title"])) : e.state === "loading" ? (r(), g(p(Re), {
+              "svg-title": p(r)("succeded")
+            }, null, 8, ["svg-title"])) : e.state === "loading" ? (l(), h(p(Ne), {
               key: 2,
               small: "",
               inverse: f.value
-            }, null, 8, ["inverse"])) : B("", !0)
+            }, null, 8, ["inverse"])) : k("", !0)
           ])
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["critical", "variant", "condensed", "disabled", "inverse", "class"]));
   }
-}), nt = /* @__PURE__ */ M(tt, [["__scopeId", "data-v-e68a786b"]]), ot = {}, st = /* @__PURE__ */ w({
-  ...ot,
+}), et = /* @__PURE__ */ S(xe, [["__scopeId", "data-v-e68a786b"]]), tt = {}, nt = /* @__PURE__ */ L({
+  ...tt,
   __name: "toggle-button",
   props: {
     /**
      * Reduces sizing of button
      */
     condensed: {
-      type: S.props.condensed.type,
+      type: $.props.condensed.type,
       default: !1
     },
     /**
      * Disables button functonality
      */
     disabled: {
-      type: S.props.disabled.type,
+      type: $.props.disabled.type,
       default: !1
     },
     /**
@@ -176,9 +167,9 @@ const ke = {
      * @values primary, secondary, tertiary
      */
     variant: {
-      type: S.props.variant.type,
+      type: $.props.variant.type,
       default: "primary",
-      validator: S.props.variant.validator
+      validator: $.props.variant.validator
     },
     /**
      * The state of the button whether it is toggled or not.
@@ -190,36 +181,36 @@ const ke = {
   },
   emits: ["click", "update:toggled"],
   setup(e, { emit: t }) {
-    const s = e, o = t, d = _(
-      () => s.variant === "tertiary" ? "tertiary-with-background" : s.variant
-    ), m = _(() => ({
-      "b-toggle-button--condensed": s == null ? void 0 : s.condensed,
-      [`b-toggle-button--${d.value}-toggled`]: s.toggled,
-      "b-toggle-button--inverse": s.inverse
-    })), 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(S, J({ class: "b-toggle-button" }, a.$attrs, {
+    const i = e, o = t, u = g(
+      () => i.variant === "tertiary" ? "tertiary-with-background" : i.variant
+    ), m = g(() => ({
+      "b-toggle-button--condensed": i?.condensed,
+      [`b-toggle-button--${u.value}-toggled`]: i.toggled,
+      "b-toggle-button--inverse": i.inverse
+    })), r = (a) => {
+      a.stopPropagation(), i?.disabled || (o("click", a), o("update:toggled", !i.toggled));
+    }, c = X(), f = (a) => ({ key: a });
+    return (a, s) => (l(), h($, G({ 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(u, ["stop"])
-    }), j({ _: 2 }, [
-      x(p(c), (l, n) => ({
+      variant: u.value,
+      onClickCapture: q(r, ["stop"])
+    }), U({ _: 2 }, [
+      Z(p(c), (d, n) => ({
         name: n,
         fn: b(() => [
-          D(a.$slots, n, Se(Te(f(n))), void 0, !0)
+          N(a.$slots, n, Ee(Le(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({
+}), ot = /* @__PURE__ */ S(nt, [["__scopeId", "data-v-f1b10e5f"]]), st = L({
   name: "bento-popover-dismiss-button",
-  components: { BentoButton: S, CrossIcon: Ke },
+  components: { BentoButton: $, CrossIcon: Pe },
   props: {
     onImage: {
       type: Boolean,
@@ -229,25 +220,25 @@ const ke = {
   setup(e) {
     return {
       // Values
-      conditionalClass: _(() => ({ "b-popover-dismiss-button--on-image": e.onImage }))
+      conditionalClass: g(() => ({ "b-popover-dismiss-button--on-image": e.onImage }))
     };
   }
 });
-function lt(e, t, s, o, d, m) {
-  const u = T("cross-icon"), c = T("bento-button");
-  return r(), g(c, {
-    class: U(e.conditionalClass),
+function it(e, t, i, o, u, m) {
+  const r = E("cross-icon"), c = E("bento-button");
+  return l(), h(c, {
+    class: F(e.conditionalClass),
     variant: "tertiary",
     onClick: t[0] || (t[0] = (f) => e.$emit("click"))
   }, {
     iconLeft: b(() => [
-      E(u, { "svg-title": "dismiss" })
+      B(r, { "svg-title": "dismiss" })
     ]),
     _: 1
   }, 8, ["class"]);
 }
-const ce = /* @__PURE__ */ M(at, [["render", lt], ["__scopeId", "data-v-424ecdaa"]]), rt = w({
-  components: { BentoTypography: Ce },
+const ue = /* @__PURE__ */ S(st, [["render", it], ["__scopeId", "data-v-424ecdaa"]]), at = L({
+  components: { BentoTypography: ge },
   props: {
     /**
      * Indicates if the popover contains an image.
@@ -259,50 +250,50 @@ const ce = /* @__PURE__ */ M(at, [["render", lt], ["__scopeId", "data-v-424ecdaa
     title: { type: String, default: null }
   },
   setup(e) {
-    const t = _(() => !e.isImageTitle), s = _(
-      () => e.isImageTitle ? re.SUBTITLE : re.BODY
+    const t = g(() => !e.isImageTitle), i = g(
+      () => e.isImageTitle ? ae.SUBTITLE : ae.BODY
     );
     return {
       // Values
       isStrongest: t,
-      titleVariant: s
+      titleVariant: i
     };
   }
 });
-function ut(e, t, s, o, d, m) {
-  const u = T("bento-typography");
-  return r(), g(u, {
+function lt(e, t, i, o, u, m) {
+  const r = E("bento-typography");
+  return l(), h(r, {
     strongest: e.isStrongest,
     variant: e.titleVariant,
     el: "span"
   }, {
     default: b(() => [
-      G(Y(e.title), 1)
+      Y(V(e.title), 1)
     ]),
     _: 1
   }, 8, ["strongest", "variant"]);
 }
-const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
+const rt = /* @__PURE__ */ S(at, [["render", lt]]), ut = (e, t, i = {}) => {
   let o;
-  ee(() => {
-    o = Ge(e, t, s);
-  }), pe(() => {
+  Q(() => {
+    o = je(e, t, i);
+  }), fe(() => {
     o && (o(), o = null);
   });
-}, ft = /* @__PURE__ */ Symbol("input field popover injection key"), mt = /* @__PURE__ */ Symbol("input field popover injection key"), pt = /* @__PURE__ */ Symbol("popover offset injection key"), vt = {
+}, dt = /* @__PURE__ */ Symbol("input field popover injection key"), ct = /* @__PURE__ */ Symbol("input field popover injection key"), ft = /* @__PURE__ */ Symbol("popover offset injection key"), mt = {
   key: 0,
   class: "b-popover__image"
-}, bt = {
+}, pt = {
   key: 0,
   class: "b-popover__image-dismiss-button"
-}, ht = {
+}, vt = {
   key: 1,
   class: "b-popover__header"
-}, yt = { class: "b-popover__header-title" }, gt = { key: 0 }, _t = {
+}, bt = { class: "b-popover__header-title" }, ht = { key: 0 }, yt = {
   key: 3,
   class: "b-popover__footer"
-}, Ct = {}, It = /* @__PURE__ */ w({
-  ...Ct,
+}, gt = {}, _t = /* @__PURE__ */ L({
+  ...gt,
   __name: "popover",
   props: {
     actions: { default: void 0 },
@@ -328,88 +319,85 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
   },
   emits: ["dismiss", "placement"],
   setup(e, { emit: t }) {
-    const o = e, d = t, m = Q(), u = we(), c = _(() => {
-      var y;
-      return {
-        id: (y = u.id) == null ? void 0 : y.toString(),
-        role: (u == null ? void 0 : u.role) === null ? void 0 : Ue.POPOVER
-      };
-    }), f = W(pt, 2), a = v(u["aria-label"]), { ariaLabel: i, title: l } = Me(o), n = Ye({
+    const o = e, u = t, m = X(), r = Se(), c = g(() => ({
+      id: r.id?.toString(),
+      role: r?.role === null ? void 0 : We.POPOVER
+    })), f = P(ft, 2), a = v(r["aria-label"]), { ariaLabel: s, title: d } = Te(o), n = Ve({
       ariaLabel: a.value,
       // TODO: take this line away when the aria-label props is removed
-      label: i,
-      defaultFallback: l
-    }), h = W(mt, !1) || W(ft, !1), I = _(() => ({
+      label: s,
+      defaultFallback: d
+    }), I = P(ct, !1) || P(dt, !1), O = g(() => ({
       "b-popover--small": o.small && !o.large,
       "b-popover--with-divider": !!o.divider,
       "b-popover--large": o.large && !o.small,
       "b-popover--fit-content": o.fitContent,
       "b-popover--without-space": o.withoutSpace,
-      "b-popover--overflow-visible": o.overflowVisible || h
-    })), $ = _(() => ({
+      "b-popover--overflow-visible": o.overflowVisible || I
+    })), W = g(() => ({
       "b-popover__content--with-title": !!o.title
-    })), A = () => d("dismiss"), P = ae(m);
-    return (y, F) => (r(), g(ve, { name: "b-popover__animation" }, {
+    })), j = () => u("dismiss"), R = oe(m);
+    return (_, A) => (l(), h(me, { name: "b-popover__animation" }, {
       default: b(() => [
-        y.open ? (r(), g(p(Ve), {
+        _.open ? (l(), h(p(Ke), {
           key: 0,
           id: c.value.id,
           "aria-role": c.value.role,
           "aria-label": p(n),
           arrow: { classes: ["b-popover__arrow"] },
-          "disabled-focus-trap": y.disableFocusTrap,
-          "trap-all": y.trapAll,
-          "trap-all-options": y.trapAllOptions,
-          class: U([I.value, "b-popover"]),
-          "fallback-position": y.fallbackPosition,
-          "fixed-positioning": y.fixedPositioning,
+          "disabled-focus-trap": _.disableFocusTrap,
+          "trap-all": _.trapAll,
+          "trap-all-options": _.trapAllOptions,
+          class: F([O.value, "b-popover"]),
+          "fallback-position": _.fallbackPosition,
+          "fixed-positioning": _.fixedPositioning,
           offset: [0, p(f)],
-          position: y.position,
-          "target-element": y.targetElement,
-          onPlacement: F[0] || (F[0] = (H) => y.$emit("placement", H))
+          position: _.position,
+          "target-element": _.targetElement,
+          onPlacement: A[0] || (A[0] = (J) => _.$emit("placement", J))
         }, {
           default: b(() => [
-            p(P)("image") ? (r(), k("div", vt, [
-              y.dismissible ? (r(), k("div", bt, [
-                E(ce, {
+            p(R)("image") ? (l(), C("div", mt, [
+              _.dismissible ? (l(), C("div", pt, [
+                B(ue, {
                   "on-image": "",
-                  onClick: A
+                  onClick: j
                 })
-              ])) : B("", !0),
-              D(y.$slots, "image", {}, void 0, !0)
-            ])) : B("", !0),
-            p(l) ? (r(), k("div", ht, [
-              V("div", yt, [
-                p(P)("headerIcon") ? D(y.$slots, "headerIcon", { key: 0 }, void 0, !0) : B("", !0),
-                E(dt, {
-                  title: p(l),
-                  "is-image-title": !!p(P)("image")
+              ])) : k("", !0),
+              N(_.$slots, "image", {}, void 0, !0)
+            ])) : k("", !0),
+            p(d) ? (l(), C("div", vt, [
+              K("div", bt, [
+                p(R)("headerIcon") ? N(_.$slots, "headerIcon", { key: 0 }, void 0, !0) : k("", !0),
+                B(rt, {
+                  title: p(d),
+                  "is-image-title": !!p(R)("image")
                 }, null, 8, ["title", "is-image-title"])
               ]),
-              y.dismissible && !p(P)("image") ? (r(), k("div", gt, [
-                E(ce, { onClick: A })
-              ])) : B("", !0)
-            ])) : B("", !0),
-            p(P)("default") ? (r(), k("div", {
+              _.dismissible && !p(R)("image") ? (l(), C("div", ht, [
+                B(ue, { onClick: j })
+              ])) : k("", !0)
+            ])) : k("", !0),
+            p(R)("default") ? (l(), C("div", {
               key: 2,
-              class: U(["b-popover__content", $.value])
+              class: F(["b-popover__content", W.value])
             }, [
-              D(y.$slots, "default", {}, void 0, !0)
-            ], 2)) : B("", !0),
-            y.actions ? (r(), k("div", _t, [
-              E(nn, {
-                actions: y.actions,
-                layout: y.actionsLayout
+              N(_.$slots, "default", {}, void 0, !0)
+            ], 2)) : k("", !0),
+            _.actions ? (l(), C("div", yt, [
+              B(en, {
+                actions: _.actions,
+                layout: _.actionsLayout
               }, null, 8, ["actions", "layout"])
-            ])) : B("", !0)
+            ])) : k("", !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"])) : B("", !0)
+        }, 8, ["id", "aria-role", "aria-label", "disabled-focus-trap", "trap-all", "trap-all-options", "class", "fallback-position", "fixed-positioning", "offset", "position", "target-element"])) : k("", !0)
       ]),
       _: 3
     }));
   }
-}), 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({
+}), Ct = /* @__PURE__ */ S(_t, [["__scopeId", "data-v-84ebb43a"]]), It = /* @__PURE__ */ Symbol("modal injection key"), kt = /* @__PURE__ */ Symbol("sidepanel children element injection key"), Ot = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), $n = /* @__PURE__ */ Symbol("modal fullscreen title id injection key"), En = /* @__PURE__ */ Symbol("modal fullscreen close injection key"), Bt = L({
   name: "teleport",
   props: {
     to: {
@@ -428,7 +416,7 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
     waiting: !1,
     observer: null,
     parent: null,
-    isVue2: Ie
+    isVue2: _e
   }),
   computed: {
     classes() {
@@ -437,7 +425,7 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
     defaultTo() {
       if (this.to)
         return this.to;
-      const e = W(Ot, "") || W($t, "") || W(Bt, "");
+      const e = P(It, "") || P(Ot, "") || P(kt, "");
       return e ? `#${e}` : "body";
     }
   },
@@ -478,11 +466,11 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
     },
     onMutations(e) {
       let t = !1;
-      for (let s = 0; s < e.length; s++) {
-        const o = e[s], d = Array.from(o.addedNodes).filter(
+      for (let i = 0; i < e.length; i++) {
+        const o = e[i], u = Array.from(o.addedNodes).filter(
           (m) => !this.nodes.includes(m)
         );
-        Array.from(o.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && d.length > 0 && (t = !0);
+        Array.from(o.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && u.length > 0 && (t = !0);
       }
       t && this.move();
     },
@@ -493,7 +481,7 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
         attributes: !1,
         characterData: !1
       }), !this.childObserver && (this.childObserver = new MutationObserver((e) => {
-        e.find((s) => s.target === this.$el) && (this.nodes.forEach((s) => s.parentNode && s.parentNode.removeChild(s)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
+        e.find((i) => i.target === this.$el) && (this.nodes.forEach((i) => i.parentNode && i.parentNode.removeChild(i)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
       }), this.childObserver.observe(this.$el, {
         childList: !0,
         subtree: !1,
@@ -508,57 +496,57 @@ const dt = /* @__PURE__ */ M(rt, [["render", ut]]), ct = (e, t, s = {}) => {
       return [];
     }
   }
-}), Lt = /* @__PURE__ */ w({
-  ...Et,
+}), $t = /* @__PURE__ */ L({
+  ...Bt,
   setup(e) {
-    return (t, s) => p(Ie) ? (r(), k("div", {
+    return (t, i) => p(_e) ? (l(), C("div", {
       key: 0,
-      class: U(t.classes)
+      class: F(t.classes)
     }, [
-      D(t.$slots, "default", {}, void 0, !0)
-    ], 2)) : (r(), g(Ne, {
+      N(t.$slots, "default", {}, void 0, !0)
+    ], 2)) : (l(), h(Me, {
       key: 1,
       to: t.defaultTo,
       where: t.where,
       disabled: t.disabled,
-      class: U(t.classes)
+      class: F(t.classes)
     }, [
-      D(t.$slots, "default", {}, void 0, !0)
+      N(t.$slots, "default", {}, void 0, !0)
     ], 8, ["to", "where", "disabled", "class"]));
   }
-}), St = /* @__PURE__ */ M(Lt, [["__scopeId", "data-v-acbda3aa"]]);
-let fe = 0;
-const Tt = {
+}), Et = /* @__PURE__ */ S($t, [["__scopeId", "data-v-acbda3aa"]]);
+let de = 0;
+const Lt = {
   beforeCreate() {
-    this.uuid = fe.toString(), fe += 1;
+    this.uuid = de.toString(), de += 1;
   }
-}, wt = { key: 0 };
-function Mt(e, t, s, o, d, m) {
-  return r(), k("svg", J({ role: "img" }, e.$attrs, {
+}, St = { key: 0 };
+function Tt(e, t, i, o, u, m) {
+  return l(), C("svg", G({ 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(), k("title", wt, Y(e.$attrs["svg-title"]), 1)) : B("", !0),
-    t[0] || (t[0] = V("path", {
+    e.$attrs["svg-title"] ? (l(), C("title", St, V(e.$attrs["svg-title"]), 1)) : k("", !0),
+    t[0] || (t[0] = K("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"
     }, null, -1)),
-    t[1] || (t[1] = V("path", {
+    t[1] || (t[1] = K("path", {
       fill: "#001222",
       d: "M8 15C8.29667 15 8.58668 14.912 8.83335 14.7472C9.08003 14.5824 9.27229 14.3481 9.38582 14.074C9.49935 13.7999 9.52906 13.4983 9.47118 13.2074C9.4133 12.9164 9.27044 12.6491 9.06066 12.4393C8.85088 12.2296 8.58361 12.0867 8.29264 12.0288C8.00167 11.9709 7.70006 12.0007 7.42598 12.1142C7.15189 12.2277 6.91762 12.42 6.7528 12.6666C6.58797 12.9133 6.5 13.2033 6.5 13.5C6.5 13.8978 6.65803 14.2794 6.93934 14.5607C7.22064 14.842 7.60218 15 8 15Z"
     }, null, -1)),
-    t[2] || (t[2] = V("path", {
+    t[2] || (t[2] = K("path", {
       fill: "#001222",
       d: "M8.83335 9.24721C8.58668 9.41203 8.29667 9.5 8 9.5C7.60218 9.5 7.22064 9.34197 6.93934 9.06066C6.65803 8.77936 6.5 8.39783 6.5 8C6.5 7.70333 6.58797 7.41332 6.7528 7.16665C6.91762 6.91997 7.15189 6.72771 7.42598 6.61418C7.70006 6.50065 8.00167 6.47094 8.29264 6.52882C8.58361 6.5867 8.85088 6.72956 9.06066 6.93934C9.27044 7.14912 9.4133 7.41639 9.47118 7.70737C9.52906 7.99834 9.49935 8.29994 9.38582 8.57403C9.27229 8.84811 9.08003 9.08238 8.83335 9.24721Z"
     }, null, -1))
   ], 16);
 }
-const Nt = /* @__PURE__ */ M(Tt, [["render", Mt]]), At = w({
+const Mt = /* @__PURE__ */ S(Lt, [["render", Tt]]), wt = L({
   name: "menu-item",
-  components: { BaseButton: ze, BentoTypography: Ce, ChevronRightIcon: qe },
+  components: { BaseButton: He, BentoTypography: ge, ChevronRightIcon: Je },
   props: {
     /**
      * menu-item text that gets displayed as the main label
@@ -626,62 +614,62 @@ const Nt = /* @__PURE__ */ M(Tt, [["render", Mt]]), At = w({
       default: !1
     }
   },
-  emits: [de.CLICK],
+  emits: [re.CLICK],
   setup(e, { emit: t }) {
-    const o = _(() => ({
+    const o = g(() => ({
       "b-menu-item--critical": e.critical,
       "b-menu-item--indent": e.indent
-    })), d = _(() => Xe(e.secondaryText, 10));
+    })), u = g(() => qe(e.secondaryText, 10));
     return {
       // Values
       conditionalClasses: o,
-      computedSecondaryText: d,
+      computedSecondaryText: u,
       // Methods
-      onClick: (u) => {
-        u.stopPropagation(), e.handler(), t(de.CLICK);
+      onClick: (r) => {
+        r.stopPropagation(), e.handler(), t(re.CLICK);
       }
     };
   }
 });
-function Rt(e, t, s, o, d, m) {
-  const u = T("bento-typography"), c = T("chevron-right-icon"), f = T("base-button");
-  return r(), g(f, {
-    class: U(["b-menu-item", e.conditionalClasses]),
+function Nt(e, t, i, o, u, m) {
+  const r = E("bento-typography"), c = E("chevron-right-icon"), f = E("base-button");
+  return l(), h(f, {
+    class: F(["b-menu-item", e.conditionalClasses]),
     role: "menuitem",
     disabled: e.disabled,
     tabindex: "-1",
     onClick: e.onClick
-  }, j({
+  }, U({
     default: b(() => [
-      E(u, {
+      B(r, {
         el: "span",
         variant: "body",
         stronger: e.isTitle,
         class: "b-menu-item__primary-text"
       }, {
         default: b(() => [
-          G(Y(e.text), 1)
+          Y(V(e.text), 1)
         ]),
         _: 1
       }, 8, ["stronger"]),
-      e.computedSecondaryText ? (r(), g(u, {
+      e.computedSecondaryText ? (l(), h(r, {
         key: 0,
         el: "span",
         variant: "body",
         class: "b-menu-item__secondary-text"
       }, {
         default: b(() => [
-          G(Y(e.computedSecondaryText), 1)
+          Y(V(e.computedSecondaryText), 1)
         ]),
         _: 1
-      })) : B("", !0)
+      })) : k("", !0)
     ]),
     _: 2
   }, [
     e.icon ? {
       name: "iconLeft",
       fn: b(() => [
-        (r(), g(z(e.icon), {
+        (l(), h(H(e.icon), {
           class: "b-menu-item__icon-left",
           "aria-hidden": "true"
         }))
@@ -691,53 +679,44 @@ function Rt(e, t, s, o, d, m) {
     e.chevron ? {
       name: "iconRight",
       fn: b(() => [
-        E(c, { "aria-hidden": "true" })
+        B(c, { "aria-hidden": "true" })
       ]),
       key: "1"
     } : void 0
   ]), 1032, ["class", "disabled", "onClick"]);
 }
-const Oe = /* @__PURE__ */ M(At, [["render", Rt], ["__scopeId", "data-v-9dace5ac"]]);
-({ ...je });
-var K = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(K || {});
-const Dt = /* @__PURE__ */ Symbol("menu registering injection key"), Pt = {
+const Ie = /* @__PURE__ */ S(wt, [["render", Nt], ["__scopeId", "data-v-9dace5ac"]]);
+({ ...Ue });
+var D = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(D || {});
+const Rt = /* @__PURE__ */ Symbol("menu registering injection key"), At = {
   name: "bento-menu-list-container"
-}, Ft = /* @__PURE__ */ w({
-  ...Pt,
+}, Dt = /* @__PURE__ */ L({
+  ...At,
   setup(e) {
-    const t = v(), s = v({}), o = W(Dt, !1);
+    const t = v(), i = v({}), o = P(Rt, !1);
     if (o) {
-      const { registerMenuContainerElement: d } = o;
-      d(t), s.value = {
-        mouseleave: o == null ? void 0 : o.menuMouseLeave
+      const { registerMenuContainerElement: u } = o;
+      u(t), i.value = {
+        mouseleave: o?.menuMouseLeave
       };
     }
-    return (d, m) => (r(), k("div", J({
+    return (u, m) => (l(), C("div", G({
       ref_key: "menuListContainerRef",
       ref: t,
       class: "b-menu-list-container",
       "data-testid": "menu-list-container"
-    }, ie(s.value, !0)), [
-      D(d.$slots, "default", {}, void 0, !0)
+    }, ne(i.value, !0)), [
+      N(u.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Be = /* @__PURE__ */ M(Ft, [["__scopeId", "data-v-9ef14d73"]]), le = {
-  "en-US": {
-    backButton: "Go back",
-    menuButton: "Open menu"
-  },
-  "ja-JP": {
-    backButton: "戻る",
-    menuButton: "メニューを開く"
-  },
-  "pt-BR": {
-    backButton: "voltar",
-    menuButton: "Abrir menu"
-  }
-}, Kt = w({
-  i18n: { messages: le },
+}), ke = /* @__PURE__ */ S(Dt, [["__scopeId", "data-v-9ef14d73"]]), se = {
+  "en-US": { backButton: "Go back", menuButton: "Open menu" },
+  "ja-JP": { backButton: "戻る", menuButton: "メニューを開く" },
+  "pt-BR": { backButton: "voltar", menuButton: "Abrir menu" }
+}, Pt = L({
+  i18n: { messages: se },
   name: "sub-menu-item-list",
-  components: { BentoDivider: _e, MenuItem: Oe, MenuListContainer: Be },
+  components: { BentoDivider: ye, MenuItem: Ie, MenuListContainer: ke },
   props: {
     items: {
       type: Array,
@@ -748,13 +727,12 @@ const Dt = /* @__PURE__ */ Symbol("menu registering injection key"), Pt = {
       required: !0
     }
   },
-  emits: [K.CLOSE, K.BACK],
+  emits: [D.CLOSE, D.BACK],
   setup(e, { emit: t }) {
-    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,
-        indent: !h.icon,
+    const i = v(null), o = v(0), u = v(e.items.length), m = () => t(D.CLOSE), r = () => t(D.BACK), c = g(() => {
+      const d = e.items?.map((n) => ({
+        ...n,
+        indent: !n.icon,
         isTitle: !1,
         clickHandler: m
       }));
@@ -763,68 +741,67 @@ const Dt = /* @__PURE__ */ Symbol("menu registering injection key"), Pt = {
           text: e.title,
           secondaryText: null,
           critical: !1,
-          icon: ue,
+          icon: le,
           isTitle: !0,
           disabled: !1,
           indent: !1,
-          handler: u,
-          clickHandler: u,
+          handler: r,
+          clickHandler: r,
           addDivider: !0
         },
-        ...l
+        ...d
       ];
     }), f = async () => {
-      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();
+      i.value?.children?.[o.value]?.children?.[0]?.focus();
     };
-    ee(async () => {
+    Q(async () => {
       setTimeout(() => f(), 150);
     });
     const a = () => {
-      o.value > 0 ? (o.value -= 1, c.value[o.value].disabled && a()) : o.value = d.value, f();
-    }, i = () => {
-      o.value < d.value ? (o.value += 1, c.value[o.value].disabled && i()) : o.value = 0, f();
+      o.value > 0 ? (o.value -= 1, c.value[o.value].disabled && a()) : o.value = u.value, f();
+    }, s = () => {
+      o.value < u.value ? (o.value += 1, c.value[o.value].disabled && s()) : o.value = 0, f();
     };
     return {
       // Enums
-      BentoMenuEvent: K,
+      BentoMenuEvent: D,
       // Values
-      subMenuItemListRefLocal: s,
+      subMenuItemListRefLocal: i,
       subMenuFocusedIndex: o,
-      ChevronLeftIcon: ue,
+      ChevronLeftIcon: le,
       computedItems: c,
       // Methods
       closeMenu: m,
-      onBackButton: u,
+      onBackButton: r,
       focusPrevious: a,
-      focusNext: i
+      focusNext: s
     };
   }
 });
-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, {
+function Ft(e, t, i, o, u, m) {
+  const r = E("menu-item"), c = E("bento-divider"), f = E("menu-list-container");
+  return l(), h(me, {
     name: "b-sub-menu-item-list__transition",
     appear: ""
   }, {
     default: b(() => [
-      E(f, { class: "b-sub-menu-item-list" }, {
+      B(f, { class: "b-sub-menu-item-list" }, {
         default: b(() => [
-          V("ul", {
+          K("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] = T(q((...a) => e.focusNext && e.focusNext(...a), ["stop"]), ["down"])),
+              t[1] || (t[1] = T(q((...a) => e.focusPrevious && e.focusPrevious(...a), ["stop"]), ["up"])),
+              t[2] || (t[2] = T(q((...a) => e.onBackButton && e.onBackButton(...a), ["stop"]), ["esc"]))
             ]
           }, [
-            (r(!0), k(Z, null, x(e.computedItems, (a, i) => (r(), k("li", {
-              key: `sub-menu-item-list-item-${i}`,
+            (l(!0), C(z, null, Z(e.computedItems, (a, s) => (l(), C("li", {
+              key: `sub-menu-item-list-item-${s}`,
               role: "none"
             }, [
-              E(u, {
+              B(r, {
                 text: a.text,
                 handler: a.handler,
                 "secondary-text": a.secondaryText,
@@ -833,13 +810,13 @@ function Wt(e, t, s, o, d, m) {
                 disabled: a.disabled,
                 critical: a.critical,
                 indent: a.indent,
-                tabindex: i === e.subMenuFocusedIndex ? "0" : "-1",
+                tabindex: s === e.subMenuFocusedIndex ? "0" : "-1",
                 onClick: a.clickHandler
               }, null, 8, ["text", "handler", "secondary-text", "icon", "is-title", "disabled", "critical", "indent", "tabindex", "onClick"]),
-              a.addDivider ? (r(), g(c, {
+              a.addDivider ? (l(), h(c, {
                 key: 0,
                 class: "b-sub-menu-item-list__divider"
-              })) : B("", !0)
+              })) : k("", !0)
             ]))), 128))
           ], 544)
         ]),
@@ -849,41 +826,40 @@ function Wt(e, t, s, o, d, m) {
     _: 1
   });
 }
-const Ut = /* @__PURE__ */ M(Kt, [["render", Wt], ["__scopeId", "data-v-e1de172e"]]), $e = 350, Ee = 150;
-function Le(e) {
-  return Math.max(Ee, Math.min(e, $e));
+const Wt = /* @__PURE__ */ S(Pt, [["render", Ft], ["__scopeId", "data-v-e1de172e"]]), Oe = 350, Be = 150;
+function $e(e) {
+  return Math.max(Be, Math.min(e, Oe));
 }
-function Vt(e, t, s, o) {
-  const d = v(0), m = v(0), u = (a) => {
+function Kt(e, t, i, o) {
+  const u = v(0), m = v(0), r = (a) => {
     if (!a || !a.parentElement)
       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(Ee, Math.min(n, $e));
-    d.value = h, l.style.width = `${h}px`;
-    const I = l.offsetHeight;
-    m.value = I, i.removeChild(l), m.value = I;
+    const s = a.parentElement, d = a.cloneNode(!0);
+    d.style.position = "absolute", d.style.visibility = "hidden", s.appendChild(d), d.style.width = "max-content";
+    const n = d.offsetWidth, I = Math.max(Be, Math.min(n, Oe));
+    u.value = I, d.style.width = `${I}px`;
+    const O = d.offsetHeight;
+    m.value = O, s.removeChild(d), m.value = O;
   };
-  be([t, s], async ([a]) => {
-    var i, l;
+  pe([t, i], async ([a]) => {
     if (a !== null) {
-      await te();
-      const n = (l = (i = e.value) == null ? void 0 : i[0]) == null ? void 0 : l.$el;
-      n && u(n);
+      await x();
+      const s = e.value?.[0]?.$el;
+      s && r(s);
     } else
-      d.value = 0, m.value = 0;
+      u.value = 0, m.value = 0;
   });
-  const c = _(() => o != null && o.value ? Le(o.value) : 0);
-  return { computedStyle: _(() => {
+  const c = g(() => o?.value ? $e(o.value) : 0);
+  return { computedStyle: g(() => {
     const a = {
       width: c.value > 0 ? `${c.value}px` : "max-content"
     };
-    return s.value && (m.value > 0 && (a.height = `${m.value}px`), d.value > 0 && (a.width = `${d.value}px`)), a;
+    return i.value && (m.value > 0 && (a.height = `${m.value}px`), u.value > 0 && (a.width = `${u.value}px`)), a;
   }) };
 }
-const jt = w({
+const Ut = L({
   name: "menu-item-list",
-  components: { BentoDivider: _e, MenuItem: Oe, MenuListContainer: Be, SubMenuItemList: Ut },
+  components: { BentoDivider: ye, MenuItem: Ie, MenuListContainer: ke, SubMenuItemList: Wt },
   props: {
     /**
      * The data to be displayed in the list
@@ -921,137 +897,132 @@ const jt = w({
       default: null
     }
   },
-  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((O) => O.icon)), h = _(() => e.indentItems || n.value ? e.data.map((O) => {
-      let L = !1;
-      return O.icon || (L = !0), {
-        ...O,
-        indent: L
+  emits: [D.CLOSE, "menu-item-click"],
+  setup(e, { emit: t, expose: i }) {
+    const o = v(null), u = v(null), m = v(null), r = v(null), c = v(!1), f = v(null), a = v(e.focusLastElement ? e.data.length - 1 : 0), s = v(0), d = v(e.data.length - 1), n = g(() => e.data.some((M) => M.icon)), I = g(() => e.indentItems || n.value ? e.data.map((M) => {
+      let y = !1;
+      return M.icon || (y = !0), {
+        ...M,
+        indent: y
       };
-    }) : 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;
+    }) : e.data), O = async () => {
+      await x(), u.value?.children[a.value]?.children[0]?.focus();
+    }, W = () => t(D.CLOSE), j = (M, y) => {
+      if (M.items) {
+        f.value = y, c.value = !0;
         return;
       }
-      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, I();
-    }, F = (O, L) => {
-      var C;
-      (C = O == null ? void 0 : O.items) != null && C.length && (f.value = L, c.value = !0);
-    }, H = () => {
+      f.value = y, c.value = !1, !M.skipClose && e.closeMenuOnItemSelect !== !1 && W(), t("menu-item-click");
+    }, R = () => {
+      a.value > 0 ? (a.value -= 1, I.value[a.value].disabled && R()) : a.value = d.value, O();
+    }, _ = () => {
+      a.value < d.value ? (a.value += 1, I.value[a.value].disabled && _()) : a.value = 0, O();
+    }, A = (M, y) => {
+      M?.items?.length && (f.value = y, c.value = !0);
+    }, J = () => {
       f.value && c.value && (f.value = null, c.value = !1);
-    }, ne = () => {
-      c.value = !1, f.value = null, I();
+    }, ee = () => {
+      c.value = !1, f.value = null, O();
     };
-    s({
-      focusItem: I
+    i({
+      focusItem: O
     });
-    const { computedStyle: oe } = Vt(
-      u,
+    const { computedStyle: te } = Kt(
+      r,
       f,
       c,
-      he(e, "popoverWidth")
+      ve(e, "popoverWidth")
     );
     return {
       // Values
-      menuItemListRef: d,
+      menuItemListRef: u,
       menuItemListWrapperRef: m,
-      subMenuItemListRef: u,
+      subMenuItemListRef: r,
       menuItemRef: o,
-      computedData: h,
-      computedStyle: oe,
+      computedData: I,
+      computedStyle: te,
       focusedIndex: a,
-      subMenuFocusedIndex: i,
+      subMenuFocusedIndex: s,
       showSubMenu: c,
       visibleSubMenuIndex: f,
       // Methods
-      menuItemClick: A,
-      closeMenu: $,
-      focusPrevious: P,
-      focusNext: y,
-      focusRight: F,
-      focusLeft: H,
-      onBackButton: ne
+      menuItemClick: j,
+      closeMenu: W,
+      focusPrevious: R,
+      focusNext: _,
+      focusRight: A,
+      focusLeft: J,
+      onBackButton: ee
     };
   }
-}), 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, {
+}), Vt = ["onKeydown"];
+function jt(e, t, i, o, u, m) {
+  const r = E("menu-item"), c = E("bento-divider"), f = E("sub-menu-item-list"), a = E("menu-list-container");
+  return l(), h(a, {
     ref: "menuItemListWrapperRef",
-    style: ye(e.computedStyle)
+    style: be(e.computedStyle)
   }, {
     default: b(() => [
-      V("ul", {
+      K("ul", {
         ref: "menuItemListRef",
         class: "b-menu-item-list",
         role: "menu",
         onKeydown: [
-          t[1] || (t[1] = N((...i) => e.focusNext && e.focusNext(...i), ["down"])),
-          t[2] || (t[2] = N((...i) => e.focusPrevious && e.focusPrevious(...i), ["up"])),
-          t[3] || (t[3] = N((...i) => e.closeMenu && e.closeMenu(...i), ["esc"])),
-          t[4] || (t[4] = N((...i) => e.closeMenu && e.closeMenu(...i), ["tab"]))
+          t[1] || (t[1] = T((...s) => e.focusNext && e.focusNext(...s), ["down"])),
+          t[2] || (t[2] = T((...s) => e.focusPrevious && e.focusPrevious(...s), ["up"])),
+          t[3] || (t[3] = T((...s) => e.closeMenu && e.closeMenu(...s), ["esc"])),
+          t[4] || (t[4] = T((...s) => e.closeMenu && e.closeMenu(...s), ["tab"]))
         ]
       }, [
-        (r(!0), k(Z, null, x(e.computedData, (i, l) => {
-          var n, h, I, $;
-          return r(), k("li", {
-            key: `menu-item-${l}`,
+        (l(!0), C(z, null, Z(e.computedData, (s, d) => (l(), C("li", {
+          key: `menu-item-${d}`,
+          ref_for: !0,
+          ref: "menuItemRef",
+          class: "b-menu-item-list__item",
+          role: "none",
+          onKeydown: [
+            T((n) => e.focusRight(s, d), ["right"]),
+            t[0] || (t[0] = T((n) => e.focusLeft(), ["left"]))
+          ]
+        }, [
+          B(r, {
+            text: s.text,
+            handler: s.items?.length ? () => null : s.handler,
+            "secondary-text": s.secondaryText,
+            icon: s.icon,
+            chevron: !!s.items?.length,
+            disabled: s.disabled,
+            critical: s.critical,
+            indent: s.indent,
+            tabindex: d === e.subMenuFocusedIndex ? "0" : "-1",
+            "aria-haspopup": !!s.items?.length,
+            "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === d,
+            onClick: (n) => e.menuItemClick(s, d)
+          }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
+          s.addDivider ? (l(), h(c, {
+            key: 0,
+            class: "b-menu-item-list__divider"
+          })) : k("", !0),
+          s.items?.length && e.showSubMenu && e.visibleSubMenuIndex === d ? (l(), h(f, {
+            key: 1,
             ref_for: !0,
-            ref: "menuItemRef",
-            class: "b-menu-item-list__item",
-            role: "none",
-            onKeydown: [
-              N((A) => e.focusRight(i, l), ["right"]),
-              t[0] || (t[0] = N((A) => e.focusLeft(), ["left"]))
-            ]
-          }, [
-            E(u, {
-              text: i.text,
-              handler: (n = i.items) != null && n.length ? () => null : i.handler,
-              "secondary-text": i.secondaryText,
-              icon: i.icon,
-              chevron: !!((h = i.items) != null && h.length),
-              disabled: i.disabled,
-              critical: i.critical,
-              indent: i.indent,
-              tabindex: l === e.subMenuFocusedIndex ? "0" : "-1",
-              "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"
-            })) : B("", !0),
-            ($ = i.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === l ? (r(), g(f, {
-              key: 1,
-              ref_for: !0,
-              ref: "subMenuItemListRef",
-              items: i.items,
-              title: i.text,
-              onBack: e.onBackButton,
-              onClose: e.closeMenu
-            }, null, 8, ["items", "title", "onBack", "onClose"])) : B("", !0)
-          ], 40, Yt);
-        }), 128))
+            ref: "subMenuItemListRef",
+            items: s.items,
+            title: s.text,
+            onBack: e.onBackButton,
+            onClose: e.closeMenu
+          }, null, 8, ["items", "title", "onBack", "onClose"])) : k("", !0)
+        ], 40, Vt))), 128))
       ], 544)
     ]),
     _: 1
   }, 8, ["style"]);
 }
-const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73"]]), Ht = /* @__PURE__ */ Symbol("menu inverse style injection key"), qt = {
-  i18n: { messages: le },
+const Yt = /* @__PURE__ */ S(Ut, [["render", jt], ["__scopeId", "data-v-7253ab73"]]), Gt = /* @__PURE__ */ Symbol("menu inverse style injection key"), Jt = {
+  i18n: { messages: se },
   name: "bento-menu"
-}, zt = /* @__PURE__ */ w({
-  ...qt,
+}, Ht = /* @__PURE__ */ L({
+  ...Jt,
   props: {
     button: { default: () => ({
       variant: "secondary"
@@ -1067,115 +1038,113 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
     closeOnClickOutsideOptions: { default: void 0 }
   },
   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 = Je("menu"), I = W(Ht, v(!1));
-    Ae(Fe, I);
-    const $ = _(() => ({
-      "b-menu--inverse": I.value
-    })), A = _(
-      () => o.menuWidth ? { width: `${Le(o.menuWidth)}px` } : null
-    ), P = _(() => {
-      if (o != null && o.button)
+  setup(e, { expose: t, emit: i }) {
+    const o = e, u = i, m = X(), r = oe(m), { t: c } = he({ messages: se }), f = v(null), a = v(null), s = v(!1), d = v(!1), n = v(null), I = Ye("menu"), O = P(Gt, v(!1));
+    we(De, O);
+    const W = g(() => ({
+      "b-menu--inverse": O.value
+    })), j = g(
+      () => o.menuWidth ? { width: `${$e(o.menuWidth)}px` } : null
+    ), R = g(() => {
+      if (o?.button)
         return {
           variant: "secondary",
           ...o.button
         };
-    }), y = () => {
-      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(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();
-    }, O = () => {
-      d("menu-item-click");
+    }), _ = () => {
+      s.value = !0, u(D.OPEN);
+    }, A = async (y = o.revertFocusToButton) => {
+      s.value && (s.value = !1, y && (await x(), f.value?.$el?.focus()), u(D.CLOSE));
+    }, J = (y) => {
+      y.stopPropagation(), s.value ? A() : _();
+    }, ee = (y) => {
+      y.preventDefault(), d.value = !1, o.disableArrowDownOpeningMenu || _();
+    }, te = (y) => {
+      y.preventDefault(), d.value = !0, _();
+    }, M = () => {
+      u("menu-item-click");
     };
-    return ct(
+    return ut(
       n,
       () => {
-        F(), d("click-outside");
+        A(), u("click-outside");
       },
       {
         ...o.closeOnClickOutsideOptions,
-        ignore: [f, ...((L = o.closeOnClickOutsideOptions) == null ? void 0 : L.ignore) ?? []]
+        ignore: [f, ...o.closeOnClickOutsideOptions?.ignore ?? []]
       }
     ), t({
       /**
        * Control to enable programmatic closing of the menu
        */
-      closeMenu: F
-    }), ee(() => {
-      u("iconRight") && We(
+      closeMenu: A
+    }), Q(() => {
+      r("iconRight") && Fe(
         '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
       );
-    }), (C, q) => (r(), k("div", {
-      class: U([$.value, "b-menu"]),
+    }), (y, ie) => (l(), C("div", {
+      class: F([W.value, "b-menu"]),
       "data-testid": "menu",
       onKeydown: [
-        N(ne, ["down"]),
-        N(oe, ["up"]),
-        q[0] || (q[0] = N((se) => F(), ["esc"]))
+        T(ee, ["down"]),
+        T(te, ["up"]),
+        ie[0] || (ie[0] = T((tn) => A(), ["esc"]))
       ]
     }, [
-      E(it, J({
+      B(ot, G({
         ref_key: "menuButtonRef",
         ref: f,
         class: "b-menu__toggle-button",
         "aria-haspopup": "true"
-      }, P.value, {
-        "aria-controls": i.value ? p(h) : null,
-        toggled: i.value,
-        inverse: p(I),
-        onClick: H
-      }), j({ _: 2 }, [
-        !p(u)("default") || p(u)("iconLeft") ? {
+      }, R.value, {
+        "aria-controls": s.value ? p(I) : null,
+        toggled: s.value,
+        inverse: p(O),
+        onClick: J
+      }), U({ _: 2 }, [
+        !p(r)("default") || p(r)("iconLeft") ? {
           name: "iconLeft",
           fn: b(() => [
-            D(C.$slots, "iconLeft", {}, () => [
-              E(p(Nt), {
+            N(y.$slots, "iconLeft", {}, () => [
+              B(p(Mt), {
                 title: p(c)("menuButton")
               }, null, 8, ["title"])
             ], !0)
           ]),
           key: "0"
         } : void 0,
-        p(u)("default") ? {
+        p(r)("default") ? {
           name: "default",
           fn: b(() => [
-            D(C.$slots, "default", {}, void 0, !0)
+            N(y.$slots, "default", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        p(u)("default") ? {
+        p(r)("default") ? {
           name: "iconRight",
           fn: b(() => [
-            E(p(He))
+            B(p(Ge))
           ]),
           key: "2"
         } : void 0
       ]), 1040, ["aria-controls", "toggled", "inverse"]),
-      f.value ? (r(), g(p(St), {
+      f.value ? (l(), h(p(Et), {
         key: 0,
-        disabled: !C.teleport
+        disabled: !y.teleport
       }, {
         default: b(() => [
-          f.value ? (r(), g(kt, {
+          f.value ? (l(), h(Ct, {
             key: 0,
-            id: p(h),
+            id: p(I),
             ref_key: "popoverRef",
             ref: n,
             role: null,
-            open: i.value,
+            open: s.value,
             class: "b-menu__popover",
-            style: ye(A.value),
+            style: be(j.value),
             "target-element": f.value,
-            position: C.menuPosition,
-            "fixed-positioning": C.menuFixedPositioning,
+            position: y.menuPosition,
+            "fixed-positioning": y.menuFixedPositioning,
             "fallback-position": [
               "bottom-start",
               "bottom-end",
@@ -1186,62 +1155,62 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
               "left-start",
               "left-end"
             ],
-            teleport: C.teleport,
+            teleport: y.teleport,
             "without-space": ""
           }, {
             default: b(() => [
-              E(Jt, {
+              B(Yt, {
                 ref_key: "menuItemListRef",
                 ref: a,
-                "close-menu-on-item-select": C.closeMenuOnItemSelect,
-                data: C.data,
-                "focus-last-element": l.value,
-                "popover-width": C.menuWidth,
-                onClose: F,
-                onMenuItemClick: O
+                "close-menu-on-item-select": y.closeMenuOnItemSelect,
+                data: y.data,
+                "focus-last-element": d.value,
+                "popover-width": y.menuWidth,
+                onClose: A,
+                onMenuItemClick: M
               }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element", "popover-width"])
             ]),
             _: 1
-          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : B("", !0)
+          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : k("", !0)
         ]),
         _: 1
-      }, 8, ["disabled"])) : B("", !0)
+      }, 8, ["disabled"])) : k("", !0)
     ], 34));
   }
-}), Xt = /* @__PURE__ */ M(zt, [["__scopeId", "data-v-eee5aa88"]]), Zt = /* @__PURE__ */ Symbol(
+}), qt = /* @__PURE__ */ S(Ht, [["__scopeId", "data-v-eee5aa88"]]), zt = /* @__PURE__ */ Symbol(
   "button actions with menu container injection key"
-), Qt = 242, me = parseInt(Qe, 10), xt = (e, t, s) => {
+), Xt = 242, ce = parseInt(Xe, 10), Zt = (e, t, i) => {
   const o = v(0);
-  let d = null;
-  const { buttonActionsWithMenu: m, menu: u, stackButtons: c } = W(Zt, {
+  let u = null;
+  const { buttonActionsWithMenu: m, menu: r, stackButtons: c } = P(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 I;
-    const n = (I = a.value) == null ? void 0 : I.reduce(
-      ($, A) => $ + A.clientWidth + me,
-      -me - 1
-    ), h = f.value.clientWidth;
-    return l && (o.value = h >= Qt && !c.value ? n : 0), o.value > h;
+  }), f = g(() => m.value ?? e.value), a = g(() => r.value ? [...t.value, r.value.$el] : t.value), s = (d) => {
+    const n = a.value?.reduce(
+      (O, W) => O + W.clientWidth + ce,
+      -ce - 1
+      // to remove the extra spacing, as if there's 3 buttons, only two will have a gap in between
+    ), I = f.value.clientWidth;
+    return d && (o.value = I >= Xt && !c.value ? n : 0), o.value > I;
   };
-  return be(
-    () => s.value,
+  return pe(
+    () => i.value,
     () => {
-      te(() => {
-        c.value = i(!0);
+      x(() => {
+        c.value = s(!0);
       });
     },
     { deep: !0 }
-  ), ee(() => {
-    d = Ze(f.value, () => {
-      c.value = i(o.value === 0);
+  ), Q(() => {
+    u = ze(f.value, () => {
+      c.value = s(o.value === 0);
     });
-  }), pe(() => {
-    d == null || d.disconnect();
+  }), fe(() => {
+    u?.disconnect();
   }), c;
-}, en = {}, tn = /* @__PURE__ */ w({
-  ...en,
+}, Qt = {}, xt = /* @__PURE__ */ L({
+  ...Qt,
   __name: "button-actions",
   props: {
     actions: {},
@@ -1249,32 +1218,32 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
     layout: { default: "buttons-end" }
   },
   setup(e) {
-    const t = e, s = v(null), o = v(null), d = xt(s, o, he(t, "actions")), m = _(() => t.actions.slice().reverse()), u = (i) => {
-      const l = t.actions.length - 1;
-      return i === l ? "primary" : "secondary";
-    }, c = _(() => ({
+    const t = e, i = v(null), o = v(null), u = Zt(i, o, ve(t, "actions")), m = g(() => t.actions.slice().reverse()), r = (s) => {
+      const d = t.actions.length - 1;
+      return s === d ? "primary" : "secondary";
+    }, c = g(() => ({
       [`b-button-actions--${t.layout}`]: !0,
-      "b-button-actions--stacked-buttons": d.value
-    })), 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(), k("div", {
+      "b-button-actions--stacked-buttons": u.value
+    })), f = (s) => s?.event !== void 0 ? {
+      click: s.event
+    } : {}, a = (s) => s.iconOnly && (s.iconLeft || s.iconRight || s.icon);
+    return (s, d) => (l(), C("div", {
       ref_key: "buttonActions",
-      ref: s,
+      ref: i,
       class: "b-button-actions"
     }, [
-      V("div", {
-        class: U(["b-button-actions__container-wrapper", c.value]),
+      K("div", {
+        class: F(["b-button-actions__container-wrapper", c.value]),
         role: "group"
       }, [
-        (r(!0), k(Z, null, x(m.value, (n, h) => (r(), k("div", {
-          key: h,
+        (l(!0), C(z, null, Z(m.value, (n, I) => (l(), C("div", {
+          key: I,
           ref_for: !0,
           ref_key: "buttons",
           ref: o,
           class: "b-button-actions__button-wrapper"
         }, [
-          n.data ? (r(), g(Xt, {
+          n.data ? (l(), h(qt, {
             key: 0,
             ref_for: !0,
             ref: n.elementRef,
@@ -1287,11 +1256,11 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
             "menu-width": n.menuWidth,
             "revert-focus-to-button": n.revertFocusToButton,
             teleport: n.teleport
-          }, j({ _: 2 }, [
+          }, U({ _: 2 }, [
             n.icon || n.iconLeft ? {
               name: "iconLeft",
               fn: b(() => [
-                (r(), g(z(n.icon || n.iconLeft), {
+                (l(), h(H(n.icon || n.iconLeft), {
                   "svg-title": n.title
                 }, null, 8, ["svg-title"]))
               ]),
@@ -1300,26 +1269,26 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
             a(n) ? void 0 : {
               name: "default",
               fn: b(() => [
-                G(Y(n.title), 1)
+                Y(V(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(), k(Z, { key: 1 }, [
-            n.state ? (r(), g(nt, J({
+          ]), 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"])) : (l(), C(z, { key: 1 }, [
+            n.state ? (l(), h(et, G({
               key: 0,
               ref_for: !0,
               ref: n.elementRef,
               condensed: n.condensed,
               critical: n.critical,
               disabled: n.disabled,
-              inverse: i.inverse,
+              inverse: s.inverse,
               state: n.state,
-              variant: n.variant || u(h)
-            }, ie(f(n))), j({ _: 2 }, [
+              variant: n.variant || r(I)
+            }, ne(f(n))), U({ _: 2 }, [
               n.icon || n.iconLeft ? {
                 name: "iconLeft",
                 fn: b(() => [
-                  (r(), g(z(n.icon || n.iconLeft), {
+                  (l(), h(H(n.icon || n.iconLeft), {
                     "svg-title": n.title
                   }, null, 8, ["svg-title"]))
                 ]),
@@ -1328,25 +1297,25 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
               a(n) ? void 0 : {
                 name: "default",
                 fn: b(() => [
-                  G(Y(n.title), 1)
+                  Y(V(n.title), 1)
                 ]),
                 key: "1"
               }
-            ]), 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (r(), g(S, J({
+            ]), 1040, ["condensed", "critical", "disabled", "inverse", "state", "variant"])) : (l(), h($, G({
               key: 1,
               ref_for: !0,
               ref: n.elementRef,
               condensed: n.condensed,
               critical: n.critical,
               disabled: n.disabled,
-              inverse: i.inverse,
+              inverse: s.inverse,
               link: n.link,
-              variant: n.variant || u(h)
-            }, ie(f(n))), j({ _: 2 }, [
+              variant: n.variant || r(I)
+            }, ne(f(n))), U({ _: 2 }, [
               n.icon || n.iconLeft ? {
                 name: "iconLeft",
                 fn: b(() => [
-                  (r(), g(z(n.icon || n.iconLeft), {
+                  (l(), h(H(n.icon || n.iconLeft), {
                     "svg-title": n.title
                   }, null, 8, ["svg-title"]))
                 ]),
@@ -1355,14 +1324,14 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
               a(n) ? void 0 : {
                 name: "default",
                 fn: b(() => [
-                  G(Y(n.title), 1)
+                  Y(V(n.title), 1)
                 ]),
                 key: "1"
               },
               n.iconRight ? {
                 name: "iconRight",
                 fn: b(() => [
-                  (r(), g(z(n.iconRight), {
+                  (l(), h(H(n.iconRight), {
                     "svg-title": n.title
                   }, null, 8, ["svg-title"]))
                 ]),
@@ -1374,28 +1343,28 @@ const Jt = /* @__PURE__ */ M(jt, [["render", Gt], ["__scopeId", "data-v-7253ab73
       ], 2)
     ], 512));
   }
-}), nn = /* @__PURE__ */ M(tn, [["__scopeId", "data-v-1a12c479"]]);
+}), en = /* @__PURE__ */ S(xt, [["__scopeId", "data-v-1a12c479"]]);
 export {
-  nn as B,
-  Dt as D,
-  ft as I,
-  Ht as M,
-  Nt as O,
-  pt as P,
-  Bt as S,
-  nt as a,
-  R as b,
-  it as c,
-  Zt as d,
-  St as e,
-  Xt as f,
-  K as g,
-  kt as h,
-  En as i,
-  Ln as j,
-  $t as k,
-  Ot as l,
-  mt as m,
-  ct as u
+  en as B,
+  Rt as D,
+  dt as I,
+  Gt as M,
+  Mt as O,
+  ft as P,
+  kt as S,
+  et as a,
+  w as b,
+  ot as c,
+  zt as d,
+  Et as e,
+  qt as f,
+  D as g,
+  Ct as h,
+  $n as i,
+  En as j,
+  Ot as k,
+  It as l,
+  ct as m,
+  ut as u
 };
-//# sourceMappingURL=button-actions.BYBpjNqy.js.map
+//# sourceMappingURL=button-actions.cMQWyZne.js.map