@adyen/bento-vue2 1.81.0 → 1.82.0

package/dist/chunks/button-actions.N3D-Bb_x.js

@@ -0,0 +1,1035 @@
+import { defineComponent as g, useSlots as w, computed as p, onMounted as T, onUnmounted as G, useAttrs as Q, inject as x, ref as d, toRefs as ee, watch as j, nextTick as P, provide as te, toRef as ne } from "vue";
+import { B as b } from "./button.CS_kdxYh.js";
+import { B as se } from "./loading-indicator.PxbRzshH.js";
+import { C as oe } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as ae } from "./checkmark-circle-fill.BttTCjrM.js";
+import { u as D } from "./use-has-slot.C9lQZ6nz.js";
+import { u as H } from "./index.B6WW_F-J.js";
+import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { i as Y } from "./index.Cl4_42j5.js";
+import { B as J, D as ie } from "./divider.DX5gwN7p.js";
+import { C as re } from "./cross.CC_B-vG-.js";
+import { B as q, a as F, p as le } from "./typography.hlOAxsEn.js";
+import { c as ue, P as ce, d as de } from "./popper-container.Cdokz_NE.js";
+import { u as fe } from "./aria-label.CaUURpnB.js";
+import { o as pe } from "./on-click-outside.D9aY9g8G.js";
+import { g as _e } from "./generate-uid.NJ8tVoha.js";
+import { C as me } from "./chevron-down.eYtgv5ly.js";
+/* empty css              */
+import { C as ve, a as W } from "./chevron-left.BS24hEFa.js";
+import { a as U, B as ye } from "./base-button.BdST9XT3.js";
+import { t as he } from "./truncate.BfIl_-71.js";
+import { o as be } from "./resize.Bqks3WUm.js";
+import { g as ge } from "./es6.MoTTyETW.js";
+import "../assets/button-actions.css";
+var I = /* @__PURE__ */ ((o) => (o.START = "start", o.LOADING = "loading", o.SUCCESS = "success", o.FAIL = "fail", o))(I || {});
+const Ce = {
+  "en-US": {
+    failed: "Failed",
+    succeded: "Succeded"
+  },
+  "ja-JP": {
+    failed: "失敗しました"
+  },
+  "pt-BR": {
+    failed: "Falha"
+  }
+}, ke = {
+  i18n: { messages: Ce }
+}, Ie = /* @__PURE__ */ g({
+  ...ke,
+  __name: "loading-button",
+  props: {
+    /**
+     * Reduces sizing of button
+     */
+    condensed: {
+      type: b.props.condensed.type,
+      default: !1
+    },
+    /**
+     * Displays loading-button as critical
+     */
+    critical: {
+      type: b.props.critical.type,
+      default: !1
+    },
+    /**
+     * Disables button functonality
+     */
+    disabled: {
+      type: b.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: I.START,
+      validator: (o) => Object.values(I).includes(o)
+    },
+    /**
+     * Types of flavour of Button
+     */
+    variant: {
+      type: b.props.variant.type,
+      default: "primary",
+      validator: b.props.variant.validator
+    }
+  },
+  emits: ["click"],
+  setup(o, { emit: e }) {
+    const n = o, t = w(), s = D(t), { t: i } = H(), c = p(() => ({
+      [`b-loading-button--${n.variant}-${I.LOADING}`]: n.state === I.LOADING && !n.disabled,
+      "b-loading-button--loading": n.state === I.LOADING && !n.disabled,
+      [`b-loading-button--${n.variant}-${I.SUCCESS}`]: n.state === I.SUCCESS,
+      "b-loading-button--inverse": n.inverse
+    })), l = p(
+      () => n.variant === "primary" && !n.inverse || n.variant !== "primary" && n.inverse
+    ), u = p(
+      () => n.critical && n.state === I.START || n.state === I.FAIL
+    );
+    return { __sfc: !0, props: n, emit: e, slots: t, hasSlot: s, t: i, conditionalClasses: c, isInverseLoadingIndicator: l, isCritical: u, onClick: (r) => {
+      r.stopPropagation(), n.state !== I.LOADING && e("click", r);
+    }, BentoLoadingIndicator: se, BentoButton: b, Cross: oe, Checkmark: ae };
+  }
+});
+var Be = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return n(t.BentoButton, { staticClass: "b-loading-button", class: t.conditionalClasses, attrs: { critical: t.isCritical, variant: e.variant, condensed: e.condensed, disabled: e.disabled, inverse: e.inverse }, on: { "!click": function(s) {
+    return s.stopPropagation(), t.onClick.apply(null, arguments);
+  } }, scopedSlots: e._u([e.state === "start" && t.hasSlot("iconLeft") ? { key: "iconLeft", fn: function() {
+    return [e._t("iconLeft")];
+  }, proxy: !0 } : e.state !== "start" ? { key: "iconLeft", fn: function() {
+    return [n("span", { staticClass: "b-loading-button__icon", attrs: { "data-testid": "loading-button-rotating-icon" } }, [e.state === "fail" ? n(t.Cross, { attrs: { "svg-title": t.t("failed") } }) : e.state === "success" ? n(t.Checkmark, { attrs: { "svg-title": t.t("succeded") } }) : e.state === "loading" ? n(t.BentoLoadingIndicator, { attrs: { small: "", inverse: t.isInverseLoadingIndicator } }) : e._e()], 1)];
+  }, proxy: !0 } : null], null, !0) }, [e._t("default")], 2);
+}, Oe = [], xe = /* @__PURE__ */ C(
+  Ie,
+  Be,
+  Oe,
+  !1,
+  null,
+  "bc74b2f7"
+);
+const Se = xe.exports, Ee = {}, Le = /* @__PURE__ */ g({
+  ...Ee,
+  __name: "toggle-button",
+  props: {
+    /**
+     * Reduces sizing of button
+     */
+    condensed: {
+      type: b.props.condensed.type,
+      default: !1
+    },
+    /**
+     * Disables button functonality
+     */
+    disabled: {
+      type: b.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: b.props.variant.type,
+      default: "primary",
+      validator: b.props.variant.validator
+    },
+    /**
+     * The state of the button whether it is toggled or not.
+     */
+    toggled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click", "update:toggled"],
+  setup(o, { emit: e }) {
+    const n = o, t = p(
+      () => n.variant === "tertiary" ? "tertiary-with-background" : n.variant
+    ), s = p(() => ({
+      "b-toggle-button--condensed": n == null ? void 0 : n.condensed,
+      [`b-toggle-button--${t.value}-toggled`]: n.toggled,
+      "b-toggle-button--inverse": n.inverse
+    })), i = (u) => {
+      u.stopPropagation(), n != null && n.disabled || (e("click", u), e("update:toggled", !n.toggled));
+    }, c = w();
+    return { __sfc: !0, props: n, emit: e, computedVariant: t, conditionalClasses: s, onClick: i, slots: c, getSlotKeyIfVue3: (u) => ({}), BentoButton: b };
+  }
+});
+var we = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return n(t.BentoButton, e._b({ staticClass: "b-toggle-button", class: t.conditionalClasses, attrs: { "aria-expanded": `${e.toggled}`, "aria-pressed": `${e.toggled}`, condensed: e.condensed, disabled: e.disabled, inverse: e.inverse, variant: t.computedVariant }, on: { "!click": function(s) {
+    return s.stopPropagation(), t.onClick.apply(null, arguments);
+  } }, scopedSlots: e._u([e._l(t.slots, function(s, i) {
+    return { key: i, fn: function() {
+      return [e._t(i, null, null, t.getSlotKeyIfVue3(i))];
+    }, proxy: !0 };
+  })], null, !0) }, "bento-button", e.$attrs, !1));
+}, Te = [], Me = /* @__PURE__ */ C(
+  Le,
+  we,
+  Te,
+  !1,
+  null,
+  "0bc368c9"
+);
+const Re = Me.exports, Ae = g({
+  name: "bento-popover-dismiss-button",
+  components: { BentoButton: b, CrossIcon: re },
+  props: {
+    onImage: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(o) {
+    return {
+      // Values
+      conditionalClass: p(() => ({ "b-popover-dismiss-button--on-image": o.onImage }))
+    };
+  }
+});
+var Ne = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("bento-button", { class: e.conditionalClass, attrs: { variant: "tertiary" }, on: { click: function(t) {
+    return e.$emit("click");
+  } }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [n("cross-icon", { attrs: { "svg-title": "dismiss" } })];
+  }, proxy: !0 }]) });
+}, Pe = [], De = /* @__PURE__ */ C(
+  Ae,
+  Ne,
+  Pe,
+  !1,
+  null,
+  "4c18828f"
+);
+const $e = De.exports, Fe = g({
+  components: { BentoTypography: q },
+  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(o) {
+    const e = p(() => !o.isImageTitle), n = p(
+      () => o.isImageTitle ? F.SUBTITLE : F.BODY
+    );
+    return {
+      // Values
+      isStrongest: e,
+      titleVariant: n
+    };
+  }
+});
+var We = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("bento-typography", { attrs: { strongest: e.isStrongest, variant: e.titleVariant, el: "span" } }, [e._v(" " + e._s(e.title) + " ")]);
+}, Ue = [], Ve = /* @__PURE__ */ C(
+  Fe,
+  We,
+  Ue,
+  !1,
+  null,
+  null
+);
+const Ke = Ve.exports, Ge = (o, e, n = {}) => {
+  let t;
+  T(() => {
+    t = pe(o, e, n);
+  }), G(() => {
+    t && (t(), t = null);
+  });
+}, je = /* @__PURE__ */ Symbol("input field popover injection key"), He = /* @__PURE__ */ Symbol("input field popover injection key"), Ye = /* @__PURE__ */ Symbol("popover offset injection key"), Je = {}, qe = /* @__PURE__ */ g({
+  ...Je,
+  __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: null,
+    trapAll: { type: Boolean, default: !1 },
+    trapAllOptions: { default: void 0 },
+    withoutSpace: { type: Boolean, default: !1 },
+    overflowVisible: { type: Boolean, default: !1 }
+  },
+  emits: ["dismiss", "placement"],
+  setup(o, { emit: e }) {
+    const n = o, t = 2, s = w(), i = Q(), c = p(() => {
+      var B;
+      return {
+        id: (B = i.id) == null ? void 0 : B.toString(),
+        role: (i == null ? void 0 : i.role) === null ? void 0 : ue.POPOVER
+      };
+    }), l = x(Ye, t), u = d(i["aria-label"]), { ariaLabel: a, title: r } = ee(n), f = fe({
+      ariaLabel: u.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: a,
+      defaultFallback: r
+    }), m = x(He, !1) || x(je, !1), _ = p(() => ({
+      "b-popover--small": n.small && !n.large,
+      "b-popover--with-divider": !!n.divider,
+      "b-popover--large": n.large && !n.small,
+      "b-popover--fit-content": n.fitContent,
+      "b-popover--without-space": n.withoutSpace,
+      "b-popover--overflow-visible": n.overflowVisible || m
+    })), y = p(() => ({
+      "b-popover__content--with-title": !!n.title
+    })), k = () => e("dismiss"), E = D(s);
+    return { __sfc: !0, DEFAULT_OFFSET: t, props: n, emit: e, slots: s, attrs: i, computedAttributes: c, offset: l, ariaLabelAttribute: u, ariaLabel: a, title: r, computedAriaLabel: f, isOverflowVisible: m, conditionalClasses: _, contentConditionalClasses: y, dismissPopover: k, hasSlot: E, BentoPopoverDismissButton: $e, BentoPopoverTitle: Ke, BentoButtonActions: Xt, PopperContainer: ce };
+  }
+});
+var Xe = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return n("Transition", { attrs: { name: "b-popover__animation" } }, [e.open ? n(t.PopperContainer, { staticClass: "b-popover", class: t.conditionalClasses, attrs: { id: t.computedAttributes.id, "aria-role": t.computedAttributes.role, "aria-label": t.computedAriaLabel, arrow: { classes: ["b-popover__arrow"] }, "disabled-focus-trap": e.disableFocusTrap, "trap-all": e.trapAll, "trap-all-options": e.trapAllOptions, "fallback-position": e.fallbackPosition, "fixed-positioning": e.fixedPositioning, offset: [0, t.offset], position: e.position, "target-element": e.targetElement }, on: { placement: function(s) {
+    return e.$emit("placement", s);
+  } } }, [t.hasSlot("image") ? n("div", { staticClass: "b-popover__image" }, [e.dismissible ? n("div", { staticClass: "b-popover__image-dismiss-button" }, [n(t.BentoPopoverDismissButton, { attrs: { "on-image": "" }, on: { click: t.dismissPopover } })], 1) : e._e(), e._t("image")], 2) : e._e(), t.title ? n("div", { staticClass: "b-popover__header" }, [n("div", { staticClass: "b-popover__header-title" }, [t.hasSlot("headerIcon") ? e._t("headerIcon") : e._e(), n(t.BentoPopoverTitle, { attrs: { title: t.title, "is-image-title": !!t.hasSlot("image") } })], 2), e.dismissible && !t.hasSlot("image") ? n("div", [n(t.BentoPopoverDismissButton, { on: { click: t.dismissPopover } })], 1) : e._e()]) : e._e(), t.hasSlot("default") ? n("div", { staticClass: "b-popover__content", class: t.contentConditionalClasses }, [e._t("default")], 2) : e._e(), e.actions ? n("div", { staticClass: "b-popover__footer" }, [n(t.BentoButtonActions, { attrs: { actions: e.actions, layout: e.actionsLayout } })], 1) : e._e()]) : e._e()], 1);
+}, ze = [], Ze = /* @__PURE__ */ C(
+  qe,
+  Xe,
+  ze,
+  !1,
+  null,
+  "2de66a7e"
+);
+const Qe = Ze.exports, et = /* @__PURE__ */ Symbol("modal injection key"), tt = /* @__PURE__ */ Symbol("sidepanel children element injection key"), nt = /* @__PURE__ */ Symbol("modal fullscreen children element injection key"), st = g({
+  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: Y
+  }),
+  computed: {
+    classes() {
+      return this.disabled ? ["b-teleport"] : ["b-teleport", "b-teleport--hidden"];
+    },
+    defaultTo() {
+      if (this.to)
+        return this.to;
+      const o = x(et, "") || x(nt, "") || x(tt, "");
+      return o ? `#${o}` : "body";
+    }
+  },
+  watch: {
+    to: "maybeMove",
+    where: "maybeMove",
+    disabled(o) {
+      o ? (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 o = document.createDocumentFragment();
+      return this.nodes.forEach((e) => o.appendChild(e)), o;
+    },
+    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(o) {
+      let e = !1;
+      for (let n = 0; n < o.length; n++) {
+        const t = o[n], s = Array.from(t.addedNodes).filter(
+          (i) => !this.nodes.includes(i)
+        );
+        Array.from(t.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && s.length > 0 && (e = !0);
+      }
+      e && this.move();
+    },
+    bootObserver() {
+      this.observer || (this.observer = new MutationObserver((o) => this.onMutations(o)), this.observer.observe(document.body, {
+        childList: !0,
+        subtree: !0,
+        attributes: !1,
+        characterData: !1
+      }), !this.childObserver && (this.childObserver = new MutationObserver((o) => {
+        o.find((n) => n.target === this.$el) && (this.nodes.forEach((n) => n.parentNode && n.parentNode.removeChild(n)), 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 this.$vnode.componentOptions.children.map((o) => o.elm).filter((o) => o);
+    }
+  }
+}), ot = /* @__PURE__ */ g({
+  ...st,
+  setup(o) {
+    return { __sfc: !0, isVue2: Y };
+  }
+});
+var at = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return t.isVue2 ? n("div", { class: e.classes }, [e._t("default")], 2) : n("Teleport", { class: e.classes, attrs: { to: e.defaultTo, where: e.where, disabled: e.disabled } }, [e._t("default")], 2);
+}, it = [], rt = /* @__PURE__ */ C(
+  ot,
+  at,
+  it,
+  !1,
+  null,
+  "fda08514"
+);
+const lt = rt.exports;
+let V = 0;
+const ut = {
+  beforeCreate() {
+    this.uuid = V.toString(), V += 1;
+  }
+};
+var ct = function() {
+  var e = this, n = e._self._c;
+  return n("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? n("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), n("path", { attrs: { 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" } }), n("path", { attrs: { 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" } }), n("path", { attrs: { 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" } })]);
+}, dt = [], ft = /* @__PURE__ */ C(
+  ut,
+  ct,
+  dt,
+  !1,
+  null,
+  null
+);
+const pt = ft.exports, _t = g({
+  name: "menu-item",
+  components: { BaseButton: ye, BentoTypography: q, ChevronRightIcon: ve },
+  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: [U.CLICK],
+  setup(o, { emit: e }) {
+    const t = p(() => ({
+      "b-menu-item--critical": o.critical,
+      "b-menu-item--indent": o.indent
+    })), s = p(() => he(o.secondaryText, 10));
+    return {
+      // Values
+      conditionalClasses: t,
+      computedSecondaryText: s,
+      // Methods
+      onClick: (c) => {
+        c.stopPropagation(), o.handler(), e(U.CLICK);
+      }
+    };
+  }
+});
+var mt = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("base-button", { staticClass: "b-menu-item", class: e.conditionalClasses, attrs: { role: "menuitem", disabled: e.disabled, tabindex: "-1" }, on: { click: e.onClick }, scopedSlots: e._u([e.icon ? { key: "iconLeft", fn: function() {
+    return [n(e.icon, { tag: "component", staticClass: "b-menu-item__icon-left", attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 } : null, { key: "default", fn: function() {
+    return [n("bento-typography", { staticClass: "b-menu-item__primary-text", attrs: { el: "span", variant: "body", stronger: e.isTitle } }, [e._v(" " + e._s(e.text) + " ")]), e.computedSecondaryText ? n("bento-typography", { staticClass: "b-menu-item__secondary-text", attrs: { el: "span", variant: "body" } }, [e._v(" " + e._s(e.computedSecondaryText) + " ")]) : e._e()];
+  }, proxy: !0 }, e.chevron ? { key: "iconRight", fn: function() {
+    return [n("chevron-right-icon", { attrs: { "aria-hidden": "true" } })];
+  }, proxy: !0 } : null], null, !0) });
+}, vt = [], yt = /* @__PURE__ */ C(
+  _t,
+  mt,
+  vt,
+  !1,
+  null,
+  "a173cbf5"
+);
+const X = yt.exports;
+({ ...de });
+var O = /* @__PURE__ */ ((o) => (o.BACK = "back", o.CLOSE = "close", o.OPEN = "open", o))(O || {});
+const ht = /* @__PURE__ */ Symbol("menu registering injection key"), bt = {
+  name: "bento-menu-list-container"
+}, gt = /* @__PURE__ */ g({
+  ...bt,
+  setup(o) {
+    const e = d(), n = d({}), t = x(ht, !1);
+    if (t) {
+      const { registerMenuContainerElement: s } = t;
+      s(e), n.value = {
+        mouseleave: t == null ? void 0 : t.menuMouseLeave
+      };
+    }
+    return { __sfc: !0, menuListContainerRef: e, menuListContainerEvents: n, registeringAndMousingOut: t };
+  }
+});
+var Ct = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return n("div", e._g({ ref: "menuListContainerRef", staticClass: "b-menu-list-container", attrs: { "data-testid": "menu-list-container" } }, t.menuListContainerEvents), [e._t("default")], 2);
+}, kt = [], It = /* @__PURE__ */ C(
+  gt,
+  Ct,
+  kt,
+  !1,
+  null,
+  "1669d56a"
+);
+const z = It.exports, Z = {
+  "en-US": {
+    backButton: "Go back",
+    menuButton: "Open menu"
+  }
+}, Bt = g({
+  i18n: { messages: Z },
+  name: "sub-menu-item-list",
+  components: { BentoDivider: J, MenuItem: X, MenuListContainer: z },
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: [O.CLOSE, O.BACK],
+  setup(o, { emit: e }) {
+    const n = d(null), t = d(0), s = d(o.items.length), i = () => e(O.CLOSE), c = () => e(O.BACK), l = p(() => {
+      var m;
+      const f = (m = o.items) == null ? void 0 : m.map((_) => ({
+        ..._,
+        indent: !_.icon,
+        isTitle: !1,
+        clickHandler: i
+      }));
+      return [
+        {
+          text: o.title,
+          secondaryText: null,
+          critical: !1,
+          icon: W,
+          isTitle: !0,
+          disabled: !1,
+          indent: !1,
+          handler: c,
+          clickHandler: c,
+          addDivider: !0
+        },
+        ...f
+      ];
+    }), u = async () => {
+      var f, m, _, y, k;
+      (k = (y = (_ = (m = (f = n.value) == null ? void 0 : f.children) == null ? void 0 : m[t.value]) == null ? void 0 : _.children) == null ? void 0 : y[0]) == null || k.focus();
+    };
+    T(async () => {
+      setTimeout(() => u(), 150);
+    });
+    const a = () => {
+      t.value > 0 ? (t.value -= 1, l.value[t.value].disabled && a()) : t.value = s.value, u();
+    }, r = () => {
+      t.value < s.value ? (t.value += 1, l.value[t.value].disabled && r()) : t.value = 0, u();
+    };
+    return {
+      // Enums
+      BentoMenuEvent: O,
+      // Values
+      subMenuItemListRefLocal: n,
+      subMenuFocusedIndex: t,
+      ChevronLeftIcon: W,
+      computedItems: l,
+      // Methods
+      closeMenu: i,
+      onBackButton: c,
+      focusPrevious: a,
+      focusNext: r
+    };
+  }
+});
+var Ot = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("transition", { attrs: { name: "b-sub-menu-item-list__transition", appear: "" } }, [n("menu-list-container", { staticClass: "b-sub-menu-item-list" }, [n("ul", { ref: "subMenuItemListRefLocal", staticClass: "b-sub-menu-item-list__list", attrs: { role: "menu" }, on: { keydown: [function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : (t.stopPropagation(), e.focusNext.apply(null, arguments));
+  }, function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "up", 38, t.key, ["Up", "ArrowUp"]) ? null : (t.stopPropagation(), e.focusPrevious.apply(null, arguments));
+  }, function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : (t.stopPropagation(), e.onBackButton.apply(null, arguments));
+  }] } }, e._l(e.computedItems, function(t, s) {
+    return n("li", { key: `sub-menu-item-list-item-${s}`, attrs: { role: "none" } }, [n("menu-item", { attrs: { text: t.text, handler: t.handler, "secondary-text": t.secondaryText, icon: t.icon, "is-title": t.isTitle, disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: s === e.subMenuFocusedIndex ? "0" : "-1" }, on: { click: t.clickHandler } }), t.addDivider ? n("bento-divider", { staticClass: "b-sub-menu-item-list__divider" }) : e._e()], 1);
+  }), 0)])], 1);
+}, xt = [], St = /* @__PURE__ */ C(
+  Bt,
+  Ot,
+  xt,
+  !1,
+  null,
+  "93387117"
+);
+const Et = St.exports;
+function Lt(o, e, n) {
+  const i = d(0), c = d(0), l = (a) => {
+    if (!a || !a.parentElement)
+      return;
+    const r = a.parentElement, f = a.cloneNode(!0);
+    f.style.position = "absolute", f.style.visibility = "hidden", r.appendChild(f), f.style.width = "max-content";
+    const m = f.offsetWidth, _ = Math.max(150, Math.min(m, 350));
+    i.value = _, f.style.width = `${_}px`;
+    const y = f.offsetHeight;
+    c.value = y, r.removeChild(f), c.value = y;
+  };
+  return j([e, n], async ([a]) => {
+    var r, f;
+    if (a !== null) {
+      await P();
+      const m = (f = (r = o.value) == null ? void 0 : r[0]) == null ? void 0 : f.$el;
+      m && l(m);
+    } else
+      i.value = 0, c.value = 0;
+  }), { computedStyle: p(() => {
+    const a = { width: "max-content" };
+    return n.value && (c.value > 0 && (a.height = `${c.value}px`), i.value > 0 && (a.width = `${i.value}px`)), a;
+  }) };
+}
+const wt = g({
+  name: "menu-item-list",
+  components: { BentoDivider: J, MenuItem: X, MenuListContainer: z, SubMenuItemList: Et },
+  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: [O.CLOSE, "menu-item-click"],
+  setup(o, { emit: e, expose: n }) {
+    const t = d(null), s = d(null), i = d(null), c = d(null), l = d(!1), u = d(null), a = d(o.focusLastElement ? o.data.length - 1 : 0), r = d(0), f = d(o.data.length - 1), m = p(() => o.data.some((h) => h.icon)), _ = p(() => o.indentItems || m.value ? o.data.map((h) => {
+      let v = !1;
+      return h.icon || (v = !0), {
+        ...h,
+        indent: v
+      };
+    }) : o.data), y = async () => {
+      var h, v, S;
+      (S = (v = (h = s.value) == null ? void 0 : h.children[a.value]) == null ? void 0 : v.children[0]) == null || S.focus();
+    }, k = () => e(O.CLOSE), E = (h, v) => {
+      if (h.items) {
+        u.value = v, l.value = !0;
+        return;
+      }
+      u.value = v, l.value = !1, !h.skipClose && o.closeMenuOnItemSelect !== !1 && k(), e("menu-item-click");
+    }, B = () => {
+      a.value > 0 ? (a.value -= 1, _.value[a.value].disabled && B()) : a.value = f.value, y();
+    }, L = () => {
+      a.value < f.value ? (a.value += 1, _.value[a.value].disabled && L()) : a.value = 0, y();
+    }, M = (h, v) => {
+      var S;
+      (S = h == null ? void 0 : h.items) != null && S.length && (u.value = v, l.value = !0);
+    }, R = () => {
+      u.value && l.value && (u.value = null, l.value = !1);
+    }, A = () => {
+      l.value = !1, u.value = null, y();
+    };
+    n({
+      focusItem: y
+    });
+    const { computedStyle: N } = Lt(c, u, l);
+    return {
+      // Values
+      menuItemListRef: s,
+      menuItemListWrapperRef: i,
+      subMenuItemListRef: c,
+      menuItemRef: t,
+      computedData: _,
+      computedStyle: N,
+      focusedIndex: a,
+      subMenuFocusedIndex: r,
+      showSubMenu: l,
+      visibleSubMenuIndex: u,
+      // Methods
+      menuItemClick: E,
+      closeMenu: k,
+      focusPrevious: B,
+      focusNext: L,
+      focusRight: M,
+      focusLeft: R,
+      onBackButton: A
+    };
+  }
+});
+var Tt = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, n("menu-list-container", { ref: "menuItemListWrapperRef", style: e.computedStyle }, [n("ul", { ref: "menuItemListRef", staticClass: "b-menu-item-list", attrs: { role: "menu" }, on: { keydown: [function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.focusNext.apply(null, arguments);
+  }, function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "up", 38, t.key, ["Up", "ArrowUp"]) ? null : e.focusPrevious.apply(null, arguments);
+  }, function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : e.closeMenu.apply(null, arguments);
+  }, function(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "tab", 9, t.key, "Tab") ? null : e.closeMenu.apply(null, arguments);
+  }] } }, e._l(e.computedData, function(t, s) {
+    var i, c, l, u;
+    return n("li", { key: `menu-item-${s}`, ref: "menuItemRef", refInFor: !0, staticClass: "b-menu-item-list__item", attrs: { role: "none" }, on: { keydown: [function(a) {
+      return !a.type.indexOf("key") && e._k(a.keyCode, "right", 39, a.key, ["Right", "ArrowRight"]) || "button" in a && a.button !== 2 ? null : e.focusRight(t, s);
+    }, function(a) {
+      return !a.type.indexOf("key") && e._k(a.keyCode, "left", 37, a.key, ["Left", "ArrowLeft"]) || "button" in a && a.button !== 0 ? null : e.focusLeft();
+    }] } }, [n("menu-item", { attrs: { text: t.text, handler: (i = t.items) != null && i.length ? () => null : t.handler, "secondary-text": t.secondaryText, icon: t.icon, chevron: !!((c = t.items) != null && c.length), disabled: t.disabled, critical: t.critical, indent: t.indent, tabindex: s === e.subMenuFocusedIndex ? "0" : "-1", "aria-haspopup": !!((l = t.items) != null && l.length), "aria-expanded": e.showSubMenu && e.visibleSubMenuIndex === s }, on: { click: function(a) {
+      return e.menuItemClick(t, s);
+    } } }), t.addDivider ? n("bento-divider", { staticClass: "b-menu-item-list__divider" }) : e._e(), (u = t.items) != null && u.length && e.showSubMenu && e.visibleSubMenuIndex === s ? n("sub-menu-item-list", { ref: "subMenuItemListRef", refInFor: !0, attrs: { items: t.items, title: t.text }, on: { back: e.onBackButton, close: e.closeMenu } }) : e._e()], 1);
+  }), 0)]);
+}, Mt = [], Rt = /* @__PURE__ */ C(
+  wt,
+  Tt,
+  Mt,
+  !1,
+  null,
+  "b402ef99"
+);
+const At = Rt.exports, Nt = /* @__PURE__ */ Symbol("menu inverse style injection key"), Pt = {
+  i18n: { messages: Z },
+  name: "bento-menu"
+}, Dt = /* @__PURE__ */ g({
+  ...Pt,
+  props: {
+    button: { default: () => ({
+      variant: "secondary"
+    }) },
+    closeMenuOnItemSelect: { type: Boolean, default: !0 },
+    data: null,
+    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(o, { expose: e, emit: n }) {
+    var h;
+    const t = o, s = w(), i = D(s), { t: c } = H(), l = d(null), u = d(null), a = d(!1), r = d(!1), f = d(null), m = _e("menu"), _ = x(Nt, d(!1));
+    te(ie, _);
+    const y = p(() => ({
+      "b-menu--inverse": _.value
+    })), k = p(() => t.menuWidth ? { width: `${t.menuWidth}px` } : null), E = p(() => {
+      if (t != null && t.button)
+        return {
+          variant: "secondary",
+          ...t.button
+        };
+    }), B = () => {
+      a.value = !0, n(O.OPEN);
+    }, L = async (v = t.revertFocusToButton) => {
+      var S, $;
+      a.value && (a.value = !1, v && (await P(), ($ = (S = l.value) == null ? void 0 : S.$el) == null || $.focus()), n(O.CLOSE));
+    }, M = (v) => {
+      v.stopPropagation(), a.value ? L() : B();
+    }, R = (v) => {
+      v.preventDefault(), r.value = !1, t.disableArrowDownOpeningMenu || B();
+    }, A = (v) => {
+      v.preventDefault(), r.value = !0, B();
+    }, N = () => {
+      n("menu-item-click");
+    };
+    return Ge(
+      f,
+      () => {
+        L(), n("click-outside");
+      },
+      {
+        ...t.closeOnClickOutsideOptions,
+        ignore: [l, ...((h = t.closeOnClickOutsideOptions) == null ? void 0 : h.ignore) ?? []]
+      }
+    ), e({
+      /**
+       * Control to enable programmatic closing of the menu
+       */
+      closeMenu: L
+    }), T(() => {
+      i("iconRight") && le(
+        '"bento-menu" no longer supports the "iconRight" slot. The right-aligned icon is now fixed by design.'
+      );
+    }), { __sfc: !0, props: t, emit: n, slots: s, hasSlot: i, t: c, menuButtonRef: l, menuItemListRef: u, showMenu: a, isLastElementFocused: r, popoverRef: f, menuId: m, isInverseColorSet: _, computedClasses: y, computedMenuWidth: k, computedButtonPropsWithDefaults: E, openMenu: B, closeMenu: L, toggleShowMenu: M, onKeyDown: R, onKeyUp: A, menuItemClick: N, BentoToggleButton: Re, BentoPopover: Qe, BentoTeleport: lt, ChevronDownIcon: me, OptionsVerticalIcon: pt, MenuItemList: At };
+  }
+});
+var $t = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return n("div", { staticClass: "b-menu", class: t.computedClasses, attrs: { "data-testid": "menu" }, on: { keydown: [function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "down", 40, s.key, ["Down", "ArrowDown"]) ? null : t.onKeyDown.apply(null, arguments);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "up", 38, s.key, ["Up", "ArrowUp"]) ? null : t.onKeyUp.apply(null, arguments);
+  }, function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]) ? null : t.closeMenu();
+  }] } }, [n(t.BentoToggleButton, e._b({ ref: "menuButtonRef", staticClass: "b-menu__toggle-button", attrs: { "aria-haspopup": "true", "aria-controls": t.showMenu ? t.menuId : null, toggled: t.showMenu, inverse: t.isInverseColorSet }, on: { click: t.toggleShowMenu }, scopedSlots: e._u([!t.hasSlot("default") || t.hasSlot("iconLeft") ? { key: "iconLeft", fn: function() {
+    return [e._t("iconLeft", function() {
+      return [n(t.OptionsVerticalIcon, { attrs: { title: t.t("menuButton") } })];
+    })];
+  }, proxy: !0 } : null, t.hasSlot("default") ? { key: "default", fn: function() {
+    return [e._t("default")];
+  }, proxy: !0 } : null, t.hasSlot("default") ? { key: "iconRight", fn: function() {
+    return [n(t.ChevronDownIcon)];
+  }, proxy: !0 } : null], null, !0) }, "bento-toggle-button", t.computedButtonPropsWithDefaults, !1)), t.menuButtonRef ? n(t.BentoTeleport, { attrs: { disabled: !e.teleport } }, [t.menuButtonRef ? n(t.BentoPopover, { ref: "popoverRef", staticClass: "b-menu__popover", style: t.computedMenuWidth, attrs: { id: t.menuId, role: null, open: t.showMenu, "target-element": t.menuButtonRef, position: e.menuPosition, "fixed-positioning": e.menuFixedPositioning, "fallback-position": [
+    "bottom-start",
+    "bottom-end",
+    "top-start",
+    "top-end",
+    "right-start",
+    "right-end",
+    "left-start",
+    "left-end"
+  ], teleport: e.teleport, "without-space": "" } }, [n(t.MenuItemList, { ref: "menuItemListRef", attrs: { "close-menu-on-item-select": e.closeMenuOnItemSelect, data: e.data, "focus-last-element": t.isLastElementFocused }, on: { close: t.closeMenu, "menu-item-click": t.menuItemClick } })], 1) : e._e()], 1) : e._e()], 1);
+}, Ft = [], Wt = /* @__PURE__ */ C(
+  Dt,
+  $t,
+  Ft,
+  !1,
+  null,
+  "fbe7541f"
+);
+const Ut = Wt.exports, Vt = /* @__PURE__ */ Symbol(
+  "button actions with menu container injection key"
+), Kt = 242, K = parseInt(ge, 10), Gt = (o, e, n) => {
+  const t = d(0);
+  let s = null;
+  const { buttonActionsWithMenu: i, menu: c, stackButtons: l } = x(Vt, {
+    buttonActionsWithMenu: d(null),
+    menu: d(null),
+    stackButtons: d(!1)
+  }), u = p(() => i.value ?? o.value), a = p(() => c.value ? [...e.value, c.value.$el] : e.value), r = (f) => {
+    var y;
+    const m = (y = a.value) == null ? void 0 : y.reduce(
+      (k, E) => k + E.clientWidth + K,
+      -K - 1
+    ), _ = u.value.clientWidth;
+    return f && (t.value = _ >= Kt && !l.value ? m : 0), t.value > _;
+  };
+  return j(
+    () => n.value,
+    () => {
+      P(() => {
+        l.value = r(!0);
+      });
+    },
+    { deep: !0 }
+  ), T(() => {
+    s = be(u.value, () => {
+      l.value = r(t.value === 0);
+    });
+  }), G(() => {
+    s == null || s.disconnect();
+  }), l;
+}, jt = {}, Ht = /* @__PURE__ */ g({
+  ...jt,
+  __name: "button-actions",
+  props: {
+    actions: null,
+    inverse: { type: Boolean, default: !1 },
+    layout: { default: "buttons-end" }
+  },
+  setup(o) {
+    const e = o, n = d(null), t = d(null), s = Gt(n, t, ne(e, "actions")), i = p(() => e.actions.slice().reverse()), c = (r) => {
+      const f = e.actions.length - 1;
+      return r === f ? "primary" : "secondary";
+    }, l = p(() => ({
+      [`b-button-actions--${e.layout}`]: !0,
+      "b-button-actions--stacked-buttons": s.value
+    }));
+    return { __sfc: !0, props: e, buttonActions: n, buttons: t, stackButtons: s, reversedActionsList: i, generateButtonVariantByIndex: c, conditionalClasses: l, generateButtonEvents: (r) => (r == null ? void 0 : r.event) !== void 0 ? {
+      click: r.event
+    } : {}, isIconOnly: (r) => r.iconOnly && (r.iconLeft || r.iconRight || r.icon), BentoButton: b, BentoLoadingButton: Se, BentoMenu: Ut };
+  }
+});
+var Yt = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return n("div", { ref: "buttonActions", staticClass: "b-button-actions" }, [n("div", { staticClass: "b-button-actions__container-wrapper", class: t.conditionalClasses, attrs: { role: "group" } }, e._l(t.reversedActionsList, function(s, i) {
+    return n("div", { key: i, ref: "buttons", refInFor: !0, staticClass: "b-button-actions__button-wrapper" }, [s.data ? [n(t.BentoMenu, { ref: s.elementRef, refInFor: !0, attrs: { data: s.data, "close-menu-on-item-select": s.closeMenuOnItemSelect, "close-on-click-outside-options": s.closeOnClickOutsideOptions, "disable-arrow-down-opening-menu": s.disableArrowDownOpeningMenu, "menu-position": s.menuPosition, "menu-fixed-positioning": s.menuFixedPositioning, "menu-width": s.menuWidth, "revert-focus-to-button": s.revertFocusToButton, teleport: s.teleport }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
+      return [n(s.icon || s.iconLeft, { tag: "component", attrs: { "svg-title": s.title } })];
+    }, proxy: !0 } : null, t.isIconOnly(s) ? null : { key: "default", fn: function() {
+      return [e._v(" " + e._s(s.title) + " ")];
+    }, proxy: !0 }], null, !0) })] : [s.state ? n(t.BentoLoadingButton, e._g({ ref: s.elementRef, refInFor: !0, attrs: { condensed: s.condensed, critical: s.critical, disabled: s.disabled, inverse: e.inverse, state: s.state, variant: s.variant || t.generateButtonVariantByIndex(i) }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
+      return [n(s.icon || s.iconLeft, { tag: "component", attrs: { "svg-title": s.title } })];
+    }, proxy: !0 } : null, t.isIconOnly(s) ? null : { key: "default", fn: function() {
+      return [e._v(" " + e._s(s.title) + " ")];
+    }, proxy: !0 }], null, !0) }, t.generateButtonEvents(s))) : n(t.BentoButton, e._g({ ref: s.elementRef, refInFor: !0, attrs: { condensed: s.condensed, critical: s.critical, disabled: s.disabled, inverse: e.inverse, link: s.link, variant: s.variant || t.generateButtonVariantByIndex(i) }, scopedSlots: e._u([s.icon || s.iconLeft ? { key: "iconLeft", fn: function() {
+      return [n(s.icon || s.iconLeft, { tag: "component", attrs: { "svg-title": s.title } })];
+    }, proxy: !0 } : null, t.isIconOnly(s) ? null : { key: "default", fn: function() {
+      return [e._v(" " + e._s(s.title) + " ")];
+    }, proxy: !0 }, s.iconRight ? { key: "iconRight", fn: function() {
+      return [n(s.iconRight, { tag: "component", attrs: { "svg-title": s.title } })];
+    }, proxy: !0 } : null], null, !0) }, t.generateButtonEvents(s)))]], 2);
+  }), 0)]);
+}, Jt = [], qt = /* @__PURE__ */ C(
+  Ht,
+  Yt,
+  Jt,
+  !1,
+  null,
+  "82f686dc"
+);
+const Xt = qt.exports;
+export {
+  Xt as B,
+  ht as D,
+  je as I,
+  Nt as M,
+  pt as O,
+  Ye as P,
+  tt as S,
+  Se as a,
+  I as b,
+  Re as c,
+  lt as d,
+  Vt as e,
+  Ut as f,
+  O as g,
+  Qe as h,
+  nt as i,
+  et as j,
+  He as k,
+  Ge as u
+};
+//# sourceMappingURL=button-actions.N3D-Bb_x.js.map