@adyen/bento-vue3 1.78.2 → 1.79.0

package/dist/chunks/button-actions.BQ3AFQqt.js

@@ -1,1355 +0,0 @@
-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 { 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";
-import { u as ae } from "./use-has-slot.B7eQSabc.js";
-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.DnKNNyWB.js";
-import { C as De } from "./cross.B92GxFTY.js";
-import { B as _e, a as re, p as Pe } from "./typography.yBEME_Gu.js";
-import { c as Fe, P as We, d as Ke } from "./popper-container.Uod3yjsR.js";
-import { u as Ue } from "./aria-label.CaUURpnB.js";
-import { o as Ve } from "./on-click-outside.D9aY9g8G.js";
-import { g as Ge } from "./generate-uid.NJ8tVoha.js";
-import { C as je } from "./chevron-down.DCQ6ZLaq.js";
-/* empty css              */
-import { a as He, C as ue } from "./chevron-left.Cfn1uGLH.js";
-import { a as de, B as Ye } from "./base-button.BYhf0xf3.js";
-import { t as Je } from "./truncate.BfIl_-71.js";
-import { i as Ce } from "./index.CWuzEfiV.js";
-import { o as qe } from "./resize.Bqks3WUm.js";
-import { g as Xe } from "./es6.MoTTyETW.js";
-import "../assets/button-actions.css";
-var A = /* @__PURE__ */ ((e) => (e.START = "start", e.LOADING = "loading", e.SUCCESS = "success", e.FAIL = "fail", e))(A || {});
-const Ie = {
-  "en-US": {
-    failed: "Failed",
-    succeded: "Succeded"
-  },
-  "ja-JP": {
-    failed: "失敗しました"
-  },
-  "pt-BR": {
-    failed: "Falha"
-  }
-}, ze = {
-  class: "b-loading-button__icon",
-  "data-testid": "loading-button-rotating-icon"
-}, Ze = {
-  i18n: { messages: Ie }
-}, Qe = /* @__PURE__ */ M({
-  ...Ze,
-  __name: "loading-button",
-  props: {
-    /**
-     * Reduces sizing of button
-     */
-    condensed: {
-      type: L.props.condensed.type,
-      default: !1
-    },
-    /**
-     * Displays loading-button as critical
-     */
-    critical: {
-      type: L.props.critical.type,
-      default: !1
-    },
-    /**
-     * Disables button functonality
-     */
-    disabled: {
-      type: L.props.disabled.type,
-      default: !1
-    },
-    /**
-     * Sets color set to inverse
-     */
-    inverse: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * State of the button.
-     * @values start, loading, success, fail
-     */
-    state: {
-      type: String,
-      default: A.START,
-      validator: (e) => Object.values(A).includes(e)
-    },
-    /**
-     * Types of flavour of Button
-     */
-    variant: {
-      type: L.props.variant.type,
-      default: "primary",
-      validator: L.props.variant.validator
-    }
-  },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, d = Q(), m = ae(d), { t: l } = ye({ messages: Ie }), f = _(() => ({
-      [`b-loading-button--${o.variant}-${A.LOADING}`]: o.state === A.LOADING && !o.disabled,
-      "b-loading-button--loading": o.state === A.LOADING && !o.disabled,
-      [`b-loading-button--${o.variant}-${A.SUCCESS}`]: o.state === A.SUCCESS,
-      "b-loading-button--inverse": o.inverse
-    })), c = _(
-      () => o.variant === "primary" && !o.inverse || o.variant !== "primary" && o.inverse
-    ), a = _(
-      () => o.critical && o.state === A.START || o.state === A.FAIL
-    ), i = (r) => {
-      r.stopPropagation(), o.state !== A.LOADING && s("click", r);
-    };
-    return (r, n) => (u(), g(L, {
-      critical: a.value,
-      variant: e.variant,
-      condensed: e.condensed,
-      disabled: e.disabled,
-      inverse: e.inverse,
-      class: U(["b-loading-button", f.value]),
-      onClickCapture: X(i, ["stop"])
-    }, H({
-      default: y(() => [
-        D(r.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 2
-    }, [
-      e.state === "start" && p(m)("iconLeft") ? {
-        name: "iconLeft",
-        fn: y(() => [
-          D(r.$slots, "iconLeft", {}, void 0, !0)
-        ]),
-        key: "0"
-      } : e.state !== "start" ? {
-        name: "iconLeft",
-        fn: y(() => [
-          V("span", ze, [
-            e.state === "fail" ? (u(), g(p(Ne), {
-              key: 0,
-              "svg-title": p(l)("failed")
-            }, null, 8, ["svg-title"])) : e.state === "success" ? (u(), g(p(Re), {
-              key: 1,
-              "svg-title": p(l)("succeded")
-            }, null, 8, ["svg-title"])) : e.state === "loading" ? (u(), g(p(we), {
-              key: 2,
-              small: "",
-              inverse: c.value
-            }, null, 8, ["inverse"])) : B("", !0)
-          ])
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1032, ["critical", "variant", "condensed", "disabled", "inverse", "class"]));
-  }
-}), xe = /* @__PURE__ */ w(Qe, [["__scopeId", "data-v-e68a786b"]]), et = {}, tt = /* @__PURE__ */ M({
-  ...et,
-  __name: "toggle-button",
-  props: {
-    /**
-     * Reduces sizing of button
-     */
-    condensed: {
-      type: L.props.condensed.type,
-      default: !1
-    },
-    /**
-     * Disables button functonality
-     */
-    disabled: {
-      type: L.props.disabled.type,
-      default: !1
-    },
-    /**
-     * Sets color set to inverse
-     */
-    inverse: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Types of flavour of Button
-     * @values primary, secondary, tertiary
-     */
-    variant: {
-      type: L.props.variant.type,
-      default: "primary",
-      validator: L.props.variant.validator
-    },
-    /**
-     * The state of the button whether it is toggled or not.
-     */
-    toggled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click", "update:toggled"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, d = _(
-      () => o.variant === "tertiary" ? "tertiary-with-background" : o.variant
-    ), m = _(() => ({
-      "b-toggle-button--condensed": o == null ? void 0 : o.condensed,
-      [`b-toggle-button--${d.value}-toggled`]: o.toggled,
-      "b-toggle-button--inverse": o.inverse
-    })), l = (a) => {
-      a.stopPropagation(), o != null && o.disabled || (s("click", a), s("update:toggled", !o.toggled));
-    }, f = Q(), c = (a) => ({ key: a });
-    return (a, i) => (u(), g(L, Y({ class: "b-toggle-button" }, a.$attrs, {
-      "aria-expanded": `${e.toggled}`,
-      "aria-pressed": `${e.toggled}`,
-      condensed: e.condensed,
-      class: m.value,
-      disabled: e.disabled,
-      inverse: e.inverse,
-      variant: d.value,
-      onClickCapture: X(l, ["stop"])
-    }), H({ _: 2 }, [
-      x(p(f), (r, n) => ({
-        name: n,
-        fn: y(() => [
-          D(a.$slots, n, Be($e(c(n))), void 0, !0)
-        ])
-      }))
-    ]), 1040, ["aria-expanded", "aria-pressed", "condensed", "class", "disabled", "inverse", "variant"]));
-  }
-}), nt = /* @__PURE__ */ w(tt, [["__scopeId", "data-v-f1b10e5f"]]), ot = M({
-  name: "bento-popover-dismiss-button",
-  components: { BentoButton: L, CrossIcon: De },
-  props: {
-    onImage: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e) {
-    return {
-      // Values
-      conditionalClass: _(() => ({ "b-popover-dismiss-button--on-image": e.onImage }))
-    };
-  }
-});
-function st(e, t, o, s, d, m) {
-  const l = T("cross-icon"), f = T("bento-button");
-  return u(), g(f, {
-    class: U(e.conditionalClass),
-    variant: "tertiary",
-    onClick: t[0] || (t[0] = (c) => e.$emit("click"))
-  }, {
-    iconLeft: y(() => [
-      E(l, { "svg-title": "dismiss" })
-    ]),
-    _: 1
-  }, 8, ["class"]);
-}
-const ce = /* @__PURE__ */ w(ot, [["render", st], ["__scopeId", "data-v-424ecdaa"]]), it = M({
-  components: { BentoTypography: _e },
-  props: {
-    /**
-     * Indicates if the popover contains an image.
-     */
-    isImageTitle: { type: Boolean, default: !1 },
-    /**
-     * Indicates the title you want to give the popover.
-     */
-    title: { type: String, default: null }
-  },
-  setup(e) {
-    const t = _(() => !e.isImageTitle), o = _(
-      () => e.isImageTitle ? re.SUBTITLE : re.BODY
-    );
-    return {
-      // Values
-      isStrongest: t,
-      titleVariant: o
-    };
-  }
-});
-function at(e, t, o, s, d, m) {
-  const l = T("bento-typography");
-  return u(), g(l, {
-    strongest: e.isStrongest,
-    variant: e.titleVariant,
-    el: "span"
-  }, {
-    default: y(() => [
-      j(G(e.title), 1)
-    ]),
-    _: 1
-  }, 8, ["strongest", "variant"]);
-}
-const lt = /* @__PURE__ */ w(it, [["render", at]]), rt = (e, t, o = {}) => {
-  let s;
-  ee(() => {
-    s = Ve(e, t, o);
-  }), pe(() => {
-    s && (s(), s = null);
-  });
-}, ut = Symbol("input field popover injection key"), dt = Symbol("input field popover injection key"), ct = Symbol("popover offset injection key"), ft = {
-  key: 0,
-  class: "b-popover__image"
-}, mt = {
-  key: 0,
-  class: "b-popover__image-dismiss-button"
-}, pt = {
-  key: 1,
-  class: "b-popover__header"
-}, vt = { class: "b-popover__header-title" }, bt = { key: 0 }, ht = {
-  key: 3,
-  class: "b-popover__footer"
-}, yt = {}, gt = /* @__PURE__ */ M({
-  ...yt,
-  __name: "popover",
-  props: {
-    actions: { default: void 0 },
-    actionsLayout: { default: "buttons-end" },
-    ariaLabel: { default: void 0 },
-    divider: { type: Boolean, default: !1 },
-    disableFocusTrap: { type: Boolean, default: !1 },
-    dismissible: { type: Boolean, default: !1 },
-    fallbackPosition: { default: () => ["bottom-start", "right-start", "top-start", "left-start"] },
-    fitContent: { type: Boolean, default: !1 },
-    fixedPositioning: { type: Boolean, default: !1 },
-    open: { type: Boolean, default: !1 },
-    large: { type: Boolean, default: !1 },
-    modifiers: { default: void 0 },
-    position: { default: "bottom-start" },
-    small: { type: Boolean, default: !1 },
-    title: { default: void 0 },
-    targetElement: {},
-    trapAll: { type: Boolean, default: !1 },
-    trapAllOptions: { default: void 0 },
-    withoutSpace: { type: Boolean, default: !1 },
-    overflowVisible: { type: Boolean, default: !1 }
-  },
-  emits: ["dismiss", "placement"],
-  setup(e, { emit: t }) {
-    const s = e, d = t, m = Q(), l = Ee(), f = _(() => {
-      var h;
-      return {
-        id: (h = l.id) == null ? void 0 : h.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({
-      ariaLabel: a.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: i,
-      defaultFallback: r
-    }), b = K(dt, !1) || K(ut, !1), C = _(() => ({
-      "b-popover--small": s.small && !s.large,
-      "b-popover--with-divider": !!s.divider,
-      "b-popover--large": s.large && !s.small,
-      "b-popover--fit-content": s.fitContent,
-      "b-popover--without-space": s.withoutSpace,
-      "b-popover--overflow-visible": s.overflowVisible || b
-    })), $ = _(() => ({
-      "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), {
-          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,
-          class: U([C.value, "b-popover"]),
-          "fallback-position": h.fallbackPosition,
-          "fixed-positioning": h.fixedPositioning,
-          offset: [0, p(c)],
-          position: h.position,
-          "target-element": h.targetElement,
-          onPlacement: F[0] || (F[0] = (J) => h.$emit("placement", J))
-        }, {
-          default: y(() => [
-            p(P)("image") ? (u(), k("div", ft, [
-              h.dismissible ? (u(), k("div", mt, [
-                E(ce, {
-                  "on-image": "",
-                  onClick: R
-                })
-              ])) : B("", !0),
-              D(h.$slots, "image", {}, void 0, !0)
-            ])) : B("", !0),
-            p(r) ? (u(), k("div", pt, [
-              V("div", vt, [
-                p(P)("headerIcon") ? D(h.$slots, "headerIcon", { key: 0 }, void 0, !0) : B("", !0),
-                E(lt, {
-                  title: p(r),
-                  "is-image-title": !!p(P)("image")
-                }, null, 8, ["title", "is-image-title"])
-              ]),
-              h.dismissible && !p(P)("image") ? (u(), k("div", bt, [
-                E(ce, { onClick: R })
-              ])) : B("", !0)
-            ])) : B("", !0),
-            p(P)("default") ? (u(), k("div", {
-              key: 2,
-              class: U(["b-popover__content", $.value])
-            }, [
-              D(h.$slots, "default", {}, void 0, !0)
-            ], 2)) : B("", !0),
-            h.actions ? (u(), k("div", ht, [
-              E(xt, {
-                actions: h.actions,
-                layout: h.actionsLayout
-              }, null, 8, ["actions", "layout"])
-            ])) : 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"])) : B("", !0)
-      ]),
-      _: 3
-    }));
-  }
-}), _t = /* @__PURE__ */ w(gt, [["__scopeId", "data-v-84ebb43a"]]), Ct = Symbol("modal injection key"), It = Symbol("sidepanel children element injection key"), kt = Symbol("modal fullscreen children element injection key"), Ot = M({
-  name: "teleport",
-  props: {
-    to: {
-      type: String,
-      default: ""
-    },
-    where: {
-      type: String,
-      default: "after"
-    },
-    disabled: Boolean
-  },
-  data: () => ({
-    childObserver: null,
-    nodes: [],
-    waiting: !1,
-    observer: null,
-    parent: null,
-    isVue2: Ce
-  }),
-  computed: {
-    classes() {
-      return this.disabled ? ["b-teleport"] : ["b-teleport", "b-teleport--hidden"];
-    },
-    defaultTo() {
-      if (this.to)
-        return this.to;
-      const e = K(Ct, "") || K(kt, "") || K(It, "");
-      return e ? `#${e}` : "body";
-    }
-  },
-  watch: {
-    to: "maybeMove",
-    where: "maybeMove",
-    disabled(e) {
-      e ? (this.disable(), this.$nextTick(() => {
-        this.teardownObserver();
-      })) : (this.bootObserver(), this.move());
-    }
-  },
-  mounted() {
-    this.nodes = Array.from(this.$el.childNodes), this.disabled || this.bootObserver(), this.maybeMove();
-  },
-  beforeDestroy() {
-    this.nodes = this.getComponentChildrenNode(), this.disable(), this.teardownObserver();
-  },
-  methods: {
-    // Using a fragment is faster because it'll trigger only a single reflow
-    // See https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
-    getFragment() {
-      const e = document.createDocumentFragment();
-      return this.nodes.forEach((t) => e.appendChild(t)), e;
-    },
-    disable() {
-      this.$el.appendChild(this.getFragment()), this.parent = null;
-    },
-    move() {
-      if (this.waiting = !1, this.parent = document.querySelector(this.defaultTo), !this.parent) {
-        this.disable(), this.waiting = !0;
-        return;
-      }
-      this.where === "before" ? this.parent.prepend(this.getFragment()) : this.parent.appendChild(this.getFragment());
-    },
-    maybeMove() {
-      this.disabled || this.move();
-    },
-    onMutations(e) {
-      let t = !1;
-      for (let o = 0; o < e.length; o++) {
-        const s = e[o], d = Array.from(s.addedNodes).filter(
-          (m) => !this.nodes.includes(m)
-        );
-        Array.from(s.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && d.length > 0 && (t = !0);
-      }
-      t && this.move();
-    },
-    bootObserver() {
-      this.observer || (this.observer = new MutationObserver((e) => this.onMutations(e)), this.observer.observe(document.body, {
-        childList: !0,
-        subtree: !0,
-        attributes: !1,
-        characterData: !1
-      }), !this.childObserver && (this.childObserver = new MutationObserver((e) => {
-        e.find((o) => o.target === this.$el) && (this.nodes.forEach((o) => o.parentNode && o.parentNode.removeChild(o)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
-      }), this.childObserver.observe(this.$el, {
-        childList: !0,
-        subtree: !1,
-        attributes: !1,
-        characterData: !1
-      })));
-    },
-    teardownObserver() {
-      this.observer && (this.observer.disconnect(), this.observer = null), this.childObserver && (this.childObserver.disconnect(), this.childObserver = null);
-    },
-    getComponentChildrenNode() {
-      return [];
-    }
-  }
-}), Bt = /* @__PURE__ */ M({
-  ...Ot,
-  setup(e) {
-    return (t, o) => p(Ce) ? (u(), k("div", {
-      key: 0,
-      class: U(t.classes)
-    }, [
-      D(t.$slots, "default", {}, void 0, !0)
-    ], 2)) : (u(), g(Le, {
-      key: 1,
-      to: t.defaultTo,
-      where: t.where,
-      disabled: t.disabled,
-      class: U(t.classes)
-    }, [
-      D(t.$slots, "default", {}, void 0, !0)
-    ], 8, ["to", "where", "disabled", "class"]));
-  }
-}), $t = /* @__PURE__ */ w(Bt, [["__scopeId", "data-v-acbda3aa"]]);
-let fe = 0;
-const Et = {
-  beforeCreate() {
-    this.uuid = fe.toString(), fe += 1;
-  }
-}, St = { key: 0 };
-function Lt(e, t, o, s, d, m) {
-  return u(), k("svg", Y({ role: "img" }, e.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (u(), k("title", St, G(e.$attrs["svg-title"]), 1)) : B("", !0),
-    t[0] || (t[0] = V("path", {
-      fill: "#001222",
-      d: "M8 4C8.29667 4 8.58668 3.91203 8.83335 3.74721C9.08003 3.58238 9.27229 3.34811 9.38582 3.07403C9.49935 2.79994 9.52906 2.49834 9.47118 2.20737C9.4133 1.91639 9.27044 1.64912 9.06066 1.43934C8.85088 1.22956 8.58361 1.0867 8.29264 1.02882C8.00167 0.970945 7.70006 1.00065 7.42598 1.11418C7.15189 1.22771 6.91762 1.41997 6.7528 1.66665C6.58797 1.91332 6.5 2.20333 6.5 2.5C6.5 2.89783 6.65803 3.27936 6.93934 3.56066C7.22064 3.84197 7.60218 4 8 4Z"
-    }, null, -1)),
-    t[1] || (t[1] = V("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", {
-      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 Tt = /* @__PURE__ */ w(Et, [["render", Lt]]), Mt = M({
-  name: "menu-item",
-  components: { BaseButton: Ye, BentoTypography: _e, ChevronRightIcon: He },
-  props: {
-    /**
-     * menu-item text that gets displayed as the main label
-     */
-    text: {
-      type: String,
-      required: !0
-    },
-    /**
-     * menu-item action that gets executed when the MeniItem is clicked
-     */
-    handler: {
-      type: Function,
-      required: !0
-    },
-    /**
-     * menu-item text that gets displayed as the secondary label
-     */
-    secondaryText: {
-      type: String,
-      default: null
-    },
-    /**
-     * Optional chevron icon displayed to the right of the menu-item
-     */
-    chevron: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Optional icon displayed to the left of the menu-item
-     */
-    icon: {
-      // Types for Vue2 (Object) and Vue3 (Function)
-      // TODO: Remove Object when fully migrated to Vue3
-      type: [Object, Function],
-      default: null
-    },
-    /**
-     * Disables menu-item button functionality
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Displays an indent variant od the menu-item
-     */
-    indent: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Displays menu-item button as critical
-     */
-    critical: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Renders the text in a bold variant
-     */
-    isTitle: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [de.CLICK],
-  setup(e, { emit: t }) {
-    const s = _(() => ({
-      "b-menu-item--critical": e.critical,
-      "b-menu-item--indent": e.indent
-    })), d = _(() => Je(e.secondaryText, 10));
-    return {
-      // Values
-      conditionalClasses: s,
-      computedSecondaryText: d,
-      // Methods
-      onClick: (l) => {
-        l.stopPropagation(), e.handler(), t(de.CLICK);
-      }
-    };
-  }
-});
-function wt(e, t, o, s, d, m) {
-  const l = T("bento-typography"), f = T("chevron-right-icon"), c = T("base-button");
-  return u(), g(c, {
-    class: U(["b-menu-item", e.conditionalClasses]),
-    role: "menuitem",
-    disabled: e.disabled,
-    tabindex: "-1",
-    onClick: e.onClick
-  }, H({
-    default: y(() => [
-      E(l, {
-        el: "span",
-        variant: "body",
-        stronger: e.isTitle,
-        class: "b-menu-item__primary-text"
-      }, {
-        default: y(() => [
-          j(G(e.text), 1)
-        ]),
-        _: 1
-      }, 8, ["stronger"]),
-      e.computedSecondaryText ? (u(), g(l, {
-        key: 0,
-        el: "span",
-        variant: "body",
-        class: "b-menu-item__secondary-text"
-      }, {
-        default: y(() => [
-          j(G(e.computedSecondaryText), 1)
-        ]),
-        _: 1
-      })) : B("", !0)
-    ]),
-    _: 2
-  }, [
-    e.icon ? {
-      name: "iconLeft",
-      fn: y(() => [
-        (u(), g(z(e.icon), {
-          class: "b-menu-item__icon-left",
-          "aria-hidden": "true"
-        }))
-      ]),
-      key: "0"
-    } : void 0,
-    e.chevron ? {
-      name: "iconRight",
-      fn: y(() => [
-        E(f, { "aria-hidden": "true" })
-      ]),
-      key: "1"
-    } : void 0
-  ]), 1032, ["class", "disabled", "onClick"]);
-}
-const ke = /* @__PURE__ */ w(Mt, [["render", wt], ["__scopeId", "data-v-9dace5ac"]]);
-({ ...Ke });
-var W = /* @__PURE__ */ ((e) => (e.BACK = "back", e.CLOSE = "close", e.OPEN = "open", e))(W || {});
-const Nt = Symbol("menu registering injection key"), Rt = {
-  name: "bento-menu-list-container"
-}, At = /* @__PURE__ */ M({
-  ...Rt,
-  setup(e) {
-    const t = v(), o = v({}), s = K(Nt, !1);
-    if (s) {
-      const { registerMenuContainerElement: d } = s;
-      d(t), o.value = {
-        mouseleave: s == null ? void 0 : s.menuMouseLeave
-      };
-    }
-    return (d, m) => (u(), k("div", Y({
-      ref_key: "menuListContainerRef",
-      ref: t,
-      class: "b-menu-list-container",
-      "data-testid": "menu-list-container"
-    }, ie(o.value, !0)), [
-      D(d.$slots, "default", {}, void 0, !0)
-    ], 16));
-  }
-}), Oe = /* @__PURE__ */ w(At, [["__scopeId", "data-v-9ef14d73"]]), le = {
-  "en-US": {
-    backButton: "Go back",
-    menuButton: "Open menu"
-  }
-}, Dt = M({
-  i18n: { messages: le },
-  name: "sub-menu-item-list",
-  components: { BentoDivider: ge, MenuItem: ke, MenuListContainer: Oe },
-  props: {
-    items: {
-      type: Array,
-      required: !0
-    },
-    title: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: [W.CLOSE, W.BACK],
-  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,
-        isTitle: !1,
-        clickHandler: m
-      }));
-      return [
-        {
-          text: e.title,
-          secondaryText: null,
-          critical: !1,
-          icon: ue,
-          isTitle: !0,
-          disabled: !1,
-          indent: !1,
-          handler: l,
-          clickHandler: l,
-          addDivider: !0
-        },
-        ...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();
-    };
-    ee(async () => {
-      setTimeout(() => c(), 150);
-    });
-    const a = () => {
-      s.value > 0 ? (s.value -= 1, f.value[s.value].disabled && a()) : s.value = d.value, c();
-    }, i = () => {
-      s.value < d.value ? (s.value += 1, f.value[s.value].disabled && i()) : s.value = 0, c();
-    };
-    return {
-      // Enums
-      BentoMenuEvent: W,
-      // Values
-      subMenuItemListRefLocal: o,
-      subMenuFocusedIndex: s,
-      ChevronLeftIcon: ue,
-      computedItems: f,
-      // Methods
-      closeMenu: m,
-      onBackButton: l,
-      focusPrevious: a,
-      focusNext: i
-    };
-  }
-});
-function Pt(e, t, o, s, d, m) {
-  const l = T("menu-item"), f = T("bento-divider"), c = T("menu-list-container");
-  return u(), g(ve, {
-    name: "b-sub-menu-item-list__transition",
-    appear: ""
-  }, {
-    default: y(() => [
-      E(c, { class: "b-sub-menu-item-list" }, {
-        default: y(() => [
-          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"]))
-            ]
-          }, [
-            (u(!0), k(Z, null, x(e.computedItems, (a, i) => (u(), k("li", {
-              key: `sub-menu-item-list-item-${i}`,
-              role: "none"
-            }, [
-              E(l, {
-                text: a.text,
-                handler: a.handler,
-                "secondary-text": a.secondaryText,
-                icon: a.icon,
-                "is-title": a.isTitle,
-                disabled: a.disabled,
-                critical: a.critical,
-                indent: a.indent,
-                tabindex: i === e.subMenuFocusedIndex ? "0" : "-1",
-                onClick: a.clickHandler
-              }, null, 8, ["text", "handler", "secondary-text", "icon", "is-title", "disabled", "critical", "indent", "tabindex", "onClick"]),
-              a.addDivider ? (u(), g(f, {
-                key: 0,
-                class: "b-sub-menu-item-list__divider"
-              })) : B("", !0)
-            ]))), 128))
-          ], 544)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-const Ft = /* @__PURE__ */ w(Dt, [["render", Pt], ["__scopeId", "data-v-e1de172e"]]);
-function Wt(e, t, o) {
-  const m = v(0), l = v(0), f = (a) => {
-    if (!a || !a.parentElement)
-      return;
-    const i = a.parentElement, r = a.cloneNode(!0);
-    r.style.position = "absolute", r.style.visibility = "hidden", i.appendChild(r), r.style.width = "max-content";
-    const n = r.offsetWidth, b = Math.max(150, Math.min(n, 350));
-    m.value = b, r.style.width = `${b}px`;
-    const C = r.offsetHeight;
-    l.value = C, i.removeChild(r), l.value = C;
-  };
-  return be([t, o], async ([a]) => {
-    var i, r;
-    if (a !== null) {
-      await te();
-      const n = (r = (i = e.value) == null ? void 0 : i[0]) == null ? void 0 : r.$el;
-      n && f(n);
-    } else
-      m.value = 0, l.value = 0;
-  }), { computedStyle: _(() => {
-    const a = { width: "max-content" };
-    return o.value && (l.value > 0 && (a.height = `${l.value}px`), m.value > 0 && (a.width = `${m.value}px`)), a;
-  }) };
-}
-const Kt = M({
-  name: "menu-item-list",
-  components: { BentoDivider: ge, MenuItem: ke, MenuListContainer: Oe, SubMenuItemList: Ft },
-  props: {
-    /**
-     * The data to be displayed in the list
-     */
-    data: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.
-     */
-    indentItems: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If set to true, focuses the last item on the list instead of the first. Used for accessibility purposes when the menu is opened with the 'up' arrow key.
-     */
-    focusLastElement: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * If set to true, closes the menu when an item is clicked.
-     */
-    closeMenuOnItemSelect: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  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) => {
-      let S = !1;
-      return O.icon || (S = !0), {
-        ...O,
-        indent: S
-      };
-    }) : e.data), C = async () => {
-      var O, S, I;
-      await te(), (I = (S = (O = d.value) == null ? void 0 : O.children[a.value]) == null ? void 0 : S.children[0]) == null || I.focus();
-    }, $ = () => t(W.CLOSE), R = (O, S) => {
-      if (O.items) {
-        c.value = S, f.value = !0;
-        return;
-      }
-      c.value = S, f.value = !1, !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();
-    }, F = (O, S) => {
-      var I;
-      (I = O == null ? void 0 : O.items) != null && I.length && (c.value = S, f.value = !0);
-    }, J = () => {
-      c.value && f.value && (c.value = null, f.value = !1);
-    }, ne = () => {
-      f.value = !1, c.value = null, C();
-    };
-    o({
-      focusItem: C
-    });
-    const { computedStyle: oe } = Wt(l, c, f);
-    return {
-      // Values
-      menuItemListRef: d,
-      menuItemListWrapperRef: m,
-      subMenuItemListRef: l,
-      menuItemRef: s,
-      computedData: b,
-      computedStyle: oe,
-      focusedIndex: a,
-      subMenuFocusedIndex: i,
-      showSubMenu: f,
-      visibleSubMenuIndex: c,
-      // Methods
-      menuItemClick: R,
-      closeMenu: $,
-      focusPrevious: P,
-      focusNext: h,
-      focusRight: F,
-      focusLeft: J,
-      onBackButton: ne
-    };
-  }
-}), Ut = ["onKeydown"];
-function Vt(e, t, o, s, d, m) {
-  const l = T("menu-item"), f = T("bento-divider"), c = T("sub-menu-item-list"), a = T("menu-list-container");
-  return u(), g(a, {
-    ref: "menuItemListWrapperRef",
-    style: he(e.computedStyle)
-  }, {
-    default: y(() => [
-      V("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"]))
-        ]
-      }, [
-        (u(!0), k(Z, null, x(e.computedData, (i, r) => {
-          var n, b, C, $;
-          return u(), k("li", {
-            key: `menu-item-${r}`,
-            ref_for: !0,
-            ref: "menuItemRef",
-            class: "b-menu-item-list__item",
-            role: "none",
-            onKeydown: [
-              N((R) => e.focusRight(i, r), ["right"]),
-              t[0] || (t[0] = N((R) => e.focusLeft(), ["left"]))
-            ]
-          }, [
-            E(l, {
-              text: i.text,
-              handler: (n = i.items) != null && n.length ? () => null : i.handler,
-              "secondary-text": i.secondaryText,
-              icon: i.icon,
-              chevron: !!((b = i.items) != null && b.length),
-              disabled: i.disabled,
-              critical: i.critical,
-              indent: i.indent,
-              tabindex: r === e.subMenuFocusedIndex ? "0" : "-1",
-              "aria-haspopup": !!((C = i.items) != null && C.length),
-              "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === r,
-              onClick: (R) => e.menuItemClick(i, r)
-            }, null, 8, ["text", "handler", "secondary-text", "icon", "chevron", "disabled", "critical", "indent", "tabindex", "aria-haspopup", "aria-expanded", "onClick"]),
-            i.addDivider ? (u(), g(f, {
-              key: 0,
-              class: "b-menu-item-list__divider"
-            })) : B("", !0),
-            ($ = i.items) != null && $.length && e.showSubMenu && e.visibleSubMenuIndex === r ? (u(), g(c, {
-              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, Ut);
-        }), 128))
-      ], 544)
-    ]),
-    _: 1
-  }, 8, ["style"]);
-}
-const Gt = /* @__PURE__ */ w(Kt, [["render", Vt], ["__scopeId", "data-v-968b28cb"]]), jt = Symbol("menu inverse style injection key"), Ht = {
-  i18n: { messages: le },
-  name: "bento-menu"
-}, Yt = /* @__PURE__ */ M({
-  ...Ht,
-  props: {
-    button: { default: () => ({
-      variant: "secondary"
-    }) },
-    closeMenuOnItemSelect: { type: Boolean, default: !0 },
-    data: {},
-    disableArrowDownOpeningMenu: { type: Boolean, default: !1 },
-    menuPosition: { default: "bottom-start" },
-    menuFixedPositioning: { type: Boolean, default: !1 },
-    menuWidth: { default: null },
-    revertFocusToButton: { type: Boolean, default: !0 },
-    teleport: { type: Boolean, default: !1 },
-    closeOnClickOutsideOptions: { default: void 0 }
-  },
-  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));
-    Te(Ae, C);
-    const $ = _(() => ({
-      "b-menu--inverse": C.value
-    })), R = _(() => s.menuWidth ? { width: `${s.menuWidth}px` } : null), P = _(() => {
-      if (s != null && s.button)
-        return {
-          variant: "secondary",
-          ...s.button
-        };
-    }), h = () => {
-      i.value = !0, d(W.OPEN);
-    }, F = async (I = s.revertFocusToButton) => {
-      var q, se;
-      i.value && (i.value = !1, I && (await te(), (se = (q = c.value) == null ? void 0 : q.$el) == null || se.focus()), d(W.CLOSE));
-    }, J = (I) => {
-      I.stopPropagation(), i.value ? F() : h();
-    }, ne = (I) => {
-      I.preventDefault(), r.value = !1, s.disableArrowDownOpeningMenu || h();
-    }, oe = (I) => {
-      I.preventDefault(), r.value = !0, h();
-    }, O = () => {
-      d("menu-item-click");
-    };
-    return rt(
-      n,
-      () => {
-        F(), d("click-outside");
-      },
-      {
-        ...s.closeOnClickOutsideOptions,
-        ignore: [c, ...((S = s.closeOnClickOutsideOptions) == null ? void 0 : S.ignore) ?? []]
-      }
-    ), t({
-      /**
-       * Control to enable programmatic closing of the menu
-       */
-      closeMenu: F
-    }), ee(() => {
-      l("iconRight") && Pe(
-        '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
-      );
-    }), (I, q) => (u(), k("div", {
-      class: U([$.value, "b-menu"]),
-      "data-testid": "menu",
-      onKeydown: [
-        N(ne, ["down"]),
-        N(oe, ["up"]),
-        q[0] || (q[0] = N((se) => F(), ["esc"]))
-      ]
-    }, [
-      E(nt, Y({
-        ref_key: "menuButtonRef",
-        ref: c,
-        class: "b-menu__toggle-button",
-        "aria-haspopup": "true"
-      }, P.value, {
-        "aria-controls": i.value ? p(b) : null,
-        toggled: i.value,
-        inverse: p(C),
-        onClick: J
-      }), H({ _: 2 }, [
-        !p(l)("default") || p(l)("iconLeft") ? {
-          name: "iconLeft",
-          fn: y(() => [
-            D(I.$slots, "iconLeft", {}, () => [
-              E(p(Tt), {
-                title: p(f)("menuButton")
-              }, null, 8, ["title"])
-            ], !0)
-          ]),
-          key: "0"
-        } : void 0,
-        p(l)("default") ? {
-          name: "default",
-          fn: y(() => [
-            D(I.$slots, "default", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        p(l)("default") ? {
-          name: "iconRight",
-          fn: y(() => [
-            E(p(je))
-          ]),
-          key: "2"
-        } : void 0
-      ]), 1040, ["aria-controls", "toggled", "inverse"]),
-      c.value ? (u(), g(p($t), {
-        key: 0,
-        disabled: !I.teleport
-      }, {
-        default: y(() => [
-          c.value ? (u(), g(_t, {
-            key: 0,
-            id: p(b),
-            ref_key: "popoverRef",
-            ref: n,
-            role: null,
-            open: i.value,
-            class: "b-menu__popover",
-            style: he(R.value),
-            "target-element": c.value,
-            position: I.menuPosition,
-            "fixed-positioning": I.menuFixedPositioning,
-            "fallback-position": [
-              "bottom-start",
-              "bottom-end",
-              "top-start",
-              "top-end",
-              "right-start",
-              "right-end",
-              "left-start",
-              "left-end"
-            ],
-            teleport: I.teleport,
-            "without-space": ""
-          }, {
-            default: y(() => [
-              E(Gt, {
-                ref_key: "menuItemListRef",
-                ref: a,
-                "close-menu-on-item-select": I.closeMenuOnItemSelect,
-                data: I.data,
-                "focus-last-element": r.value,
-                onClose: F,
-                onMenuItemClick: O
-              }, null, 8, ["close-menu-on-item-select", "data", "focus-last-element"])
-            ]),
-            _: 1
-          }, 8, ["id", "open", "style", "target-element", "position", "fixed-positioning", "teleport"])) : B("", !0)
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : B("", !0)
-    ], 34));
-  }
-}), Jt = /* @__PURE__ */ w(Yt, [["__scopeId", "data-v-4d921a39"]]), qt = Symbol(
-  "button actions with menu container injection key"
-), Xt = 242, me = parseInt(Xe, 10), zt = (e, t, o) => {
-  const s = v(0);
-  let d = null;
-  const { buttonActionsWithMenu: m, menu: l, stackButtons: f } = K(qt, {
-    buttonActionsWithMenu: v(null),
-    menu: v(null),
-    stackButtons: v(!1)
-  }), c = _(() => m.value ?? e.value), a = _(() => l.value ? [...t.value, l.value.$el] : t.value), i = (r) => {
-    var C;
-    const n = (C = a.value) == null ? void 0 : C.reduce(
-      ($, R) => $ + R.clientWidth + me,
-      -me - 1
-    ), b = c.value.clientWidth;
-    return r && (s.value = b >= Xt && !f.value ? n : 0), s.value > b;
-  };
-  return be(
-    () => o.value,
-    () => {
-      te(() => {
-        f.value = i(!0);
-      });
-    },
-    { deep: !0 }
-  ), ee(() => {
-    d = qe(c.value, () => {
-      f.value = i(s.value === 0);
-    });
-  }), pe(() => {
-    d == null || d.disconnect();
-  }), f;
-}, Zt = {}, Qt = /* @__PURE__ */ M({
-  ...Zt,
-  __name: "button-actions",
-  props: {
-    actions: {},
-    inverse: { type: Boolean, default: !1 },
-    layout: { default: "buttons-end" }
-  },
-  setup(e) {
-    const t = e, o = v(null), s = v(null), d = zt(o, s, Me(t, "actions")), m = _(() => t.actions.slice().reverse()), l = (i) => {
-      const r = t.actions.length - 1;
-      return i === r ? "primary" : "secondary";
-    }, f = _(() => ({
-      [`b-button-actions--${t.layout}`]: !0,
-      "b-button-actions--stacked-buttons": d.value
-    })), c = (i) => (i == null ? void 0 : i.event) !== void 0 ? {
-      click: i.event
-    } : {}, a = (i) => i.iconOnly && (i.iconLeft || i.iconRight || i.icon);
-    return (i, r) => (u(), k("div", {
-      ref_key: "buttonActions",
-      ref: o,
-      class: "b-button-actions"
-    }, [
-      V("div", {
-        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,
-          ref_for: !0,
-          ref_key: "buttons",
-          ref: s,
-          class: "b-button-actions__button-wrapper"
-        }, [
-          n.data ? (u(), g(Jt, {
-            key: 0,
-            ref_for: !0,
-            ref: n.elementRef,
-            data: n.data,
-            "close-menu-on-item-select": n.closeMenuOnItemSelect,
-            "close-on-click-outside-options": n.closeOnClickOutsideOptions,
-            "disable-arrow-down-opening-menu": n.disableArrowDownOpeningMenu,
-            "menu-position": n.menuPosition,
-            "menu-fixed-positioning": n.menuFixedPositioning,
-            "menu-width": n.menuWidth,
-            "revert-focus-to-button": n.revertFocusToButton,
-            teleport: n.teleport
-          }, H({ _: 2 }, [
-            n.icon || n.iconLeft ? {
-              name: "iconLeft",
-              fn: y(() => [
-                (u(), g(z(n.icon || n.iconLeft), {
-                  "svg-title": n.title
-                }, null, 8, ["svg-title"]))
-              ]),
-              key: "0"
-            } : void 0,
-            a(n) ? void 0 : {
-              name: "default",
-              fn: y(() => [
-                j(G(n.title), 1)
-              ]),
-              key: "1"
-            }
-          ]), 1032, ["data", "close-menu-on-item-select", "close-on-click-outside-options", "disable-arrow-down-opening-menu", "menu-position", "menu-fixed-positioning", "menu-width", "revert-focus-to-button", "teleport"])) : (u(), k(Z, { key: 1 }, [
-            n.state ? (u(), g(xe, Y({
-              key: 0,
-              ref_for: !0,
-              ref: n.elementRef,
-              condensed: n.condensed,
-              critical: n.critical,
-              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({
-              key: 1,
-              ref_for: !0,
-              ref: n.elementRef,
-              condensed: n.condensed,
-              critical: n.critical,
-              disabled: n.disabled,
-              inverse: i.inverse,
-              link: n.link,
-              variant: n.variant || l(b)
-            }, ie(c(n))), H({ _: 2 }, [
-              n.icon || n.iconLeft ? {
-                name: "iconLeft",
-                fn: y(() => [
-                  (u(), g(z(n.icon || n.iconLeft), {
-                    "svg-title": n.title
-                  }, null, 8, ["svg-title"]))
-                ]),
-                key: "0"
-              } : void 0,
-              a(n) ? void 0 : {
-                name: "default",
-                fn: y(() => [
-                  j(G(n.title), 1)
-                ]),
-                key: "1"
-              },
-              n.iconRight ? {
-                name: "iconRight",
-                fn: y(() => [
-                  (u(), g(z(n.iconRight), {
-                    "svg-title": n.title
-                  }, null, 8, ["svg-title"]))
-                ]),
-                key: "2"
-              } : void 0
-            ]), 1040, ["condensed", "critical", "disabled", "inverse", "link", "variant"]))
-          ], 64))
-        ]))), 128))
-      ], 2)
-    ], 512));
-  }
-}), xt = /* @__PURE__ */ w(Qt, [["__scopeId", "data-v-6c3554de"]]);
-export {
-  xt as B,
-  Nt as D,
-  ut as I,
-  jt as M,
-  Tt as O,
-  ct as P,
-  It as S,
-  xe as a,
-  A as b,
-  nt as c,
-  $t as d,
-  qt as e,
-  Jt as f,
-  W as g,
-  _t as h,
-  kt as i,
-  Ct as j,
-  dt as k,
-  rt as u
-};
-//# sourceMappingURL=button-actions.BQ3AFQqt.js.map