@adyen/bento-vue2 1.89.2 → 1.91.0

package/dist/chunks/action-bar.CYGUYI0V.js

@@ -1,207 +0,0 @@
-import { defineComponent as z, computed as s, ref as c, toRefs as D, watch as W, provide as G, nextTick as y } from "vue";
-import { B as J } from "./button.DxhJNOtr.js";
-import { B as K } from "./typography.C8lPlsbD.js";
-import { B as q } from "./loading-indicator.PxbRzshH.js";
-import { B as Y } from "./button-actions-with-menu.Bi_HXopk.js";
-import { C as Z } from "./cross.CC_B-vG-.js";
-import { C as H } from "./checkmark-circle-fill.BttTCjrM.js";
-import { C as Q } from "./cross-circle-fill.DTDtgLMf.js";
-import { u as X } from "./index.B6WW_F-J.js";
-import { u as tt } from "./index.CwzYJHw2.js";
-import { P as et, B as nt } from "./button-actions.BLk114As.js";
-import { n as at } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/action-bar.css";
-const st = {
-  "en-US": { actionBar: "Action bar", applying: "Applying...", cancel: "Cancel", close: "Close", retry: "Retry", save: "Save", selected: "selected", somethingWentWrong: "Something went wrong", success: "Success!", undo: "Undo", unsavedChanges: "Unsaved changes | unsaved change | unsaved changes" },
-  "ja-JP": { actionBar: "アクションバー", cancel: "キャンセル", close: "閉じる", save: "保存", selected: "選択済み", unsavedChanges: "保存されていない変更 | 保存されていない変更 | 保存されていない変更" },
-  "pt-BR": { actionBar: "Barra de ação", cancel: "Cancelar", close: "Fechar", save: "Salvar", selected: "selecionado", unsavedChanges: "Alterações não salvas | alteração não salva | alterações não salvas" }
-}, ot = {
-  i18n: { messages: st }
-}, it = /* @__PURE__ */ z({
-  ...ot,
-  __name: "action-bar",
-  props: {
-    /**
-     * List of actions that will be used to render the buttons.
-     * Required and used for the `default` variant.
-     *
-     * Each object in the list should have a `title`, an `event` and,
-     * optionally, an `icon`.
-     *
-     * The component will display 4 actions and the hide the rest inside a menu.
-     *
-     * @see BentoButton for a list of all the other props supported by each button action.
-     */
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * How many actions should be visible outside the menu, cannot be more than 4
-     */
-    visibleActions: {
-      type: Number,
-      default: 4,
-      validator: (l) => l > 0 && l <= 4
-    },
-    /**
-     * Use when there are sticky elements at the bottom, like sticky pagination
-     */
-    extraBottomSpacing: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Show how many items are selected.
-     * When omitted in the `confirmation` variant, a generic "Unsaved changes" label is displayed.
-     */
-    itemCounter: {
-      type: Number,
-      default: null
-    },
-    /**
-     * Label for the selection, e.g. 'selected'/'changed'
-     */
-    selectionLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * State of the action bar.
-     * @values start, loading, success, fail
-     */
-    state: {
-      type: String,
-      default: "start"
-    },
-    /**
-     * Displays the undo action button in `success` state.
-     */
-    showUndoAction: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Displays the retry action button in `fail` state.
-     */
-    showRetryAction: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Variant for the action bar
-     * @values default, confirmation
-     */
-    variant: {
-      type: String,
-      default: "default"
-    }
-  },
-  emits: ["close", "cancel", "save", "undo-action", "retry-action", "cancel-action"],
-  setup(l, { emit: e }) {
-    const n = l, t = 100, r = 7, g = 500, p = 32, { t: i, tc: E, n: I } = X(), k = s(() => n.selectionLabel ? n.selectionLabel : i("selected")), x = s(() => {
-      switch (n.state) {
-        case "loading":
-          return i("applying");
-        case "success":
-          return i("success");
-        case "fail":
-          return i("somethingWentWrong");
-        default:
-          return "";
-      }
-    }), m = c(null), u = c(null), h = c(null), f = c(!1), T = s(
-      () => n.state === "loading" ? "out-in" : void 0
-    ), F = s(
-      () => n.state === "loading" || n.state === "success" && !n.showUndoAction
-    ), L = (a) => {
-      n.state === "loading" && (u.value = `${a.offsetWidth}px`, h.value = "100%");
-    }, N = (a) => {
-      if (n.state !== "loading")
-        return;
-      Object.assign(a.style, { width: "auto", maxWidth: "none" });
-      const v = a.offsetWidth;
-      Object.assign(a.style, { width: "100%", maxWidth: u.value }), requestAnimationFrame(() => {
-        u.value = `${v}px`;
-      });
-    }, O = () => {
-      u.value = null, h.value = null, n.state === "fail" && (f.value = !0);
-    }, R = (a) => {
-      a.animationName.startsWith("shake-") && (f.value = !1);
-    }, { extraBottomSpacing: A, visibleActions: S } = D(n), { width: d } = tt(), o = c(null), _ = c(null), w = s(() => n.variant === "confirmation");
-    W(
-      () => S.value,
-      (a) => {
-        _.value = a <= 4 ? a : 4, o.value = _.value;
-      },
-      { immediate: !0 }
-    );
-    const V = s(() => ({
-      "b-action-bar--extra-spacing": A.value,
-      "b-action-bar--confirmation": w.value,
-      "b-action-bar__state-animation--shake": f.value
-    })), P = s(() => ({
-      [`b-action-bar__container--${n.state}`]: n.state !== "start"
-    }));
-    G(et, r);
-    const U = s(() => {
-      const a = n.actions.map((j) => ({
-        ...j,
-        variant: "secondary"
-      })), v = a.slice(0, o.value).reverse(), B = a.slice(o.value);
-      return [...v, ...B];
-    }), $ = s(() => [
-      {
-        title: i("save"),
-        event: () => e("save")
-      },
-      {
-        title: i("cancel"),
-        variant: "secondary",
-        event: () => e("cancel")
-      }
-    ]), M = s(() => n.itemCounter == null || n.itemCounter < 1), b = async () => {
-      await y(), d.value > m.value.clientWidth + p + t && o.value < _.value && (o.value += 1, b());
-    }, C = async () => {
-      await y(), d.value < m.value.clientWidth + p && o.value > 0 && (o.value -= 1, C());
-    };
-    return W(
-      () => d.value,
-      async (a, v) => {
-        if (await y(), !m.value)
-          return;
-        const B = a > v;
-        d.value < g ? o.value = 0 : B ? b() : C();
-      },
-      { immediate: !0 }
-    ), { __sfc: !0, AVERAGE_BUTTON_SIZE: t, MENU_OFFSET: r, RESPONSIVE_BREAKPOINT: g, SPACING: p, props: n, emit: e, t: i, tc: E, n: I, label: k, defaultStateLabel: x, actionBar: m, containerMaxWidth: u, containerWidth: h, isShaking: f, stateTransitionMode: T, hideStateActions: F, onBeforeLeave: L, onEnter: N, onAfterEnter: O, onAnimationEnd: R, extraBottomSpacing: A, visibleActions: S, width: d, internalDisplayedActions: o, internalVisibleActions: _, isConfirmationVariant: w, conditionalClasses: V, containerClasses: P, actionsInternal: U, confirmationActions: $, noItemCounter: M, showActions: b, hideActions: C, BentoButton: J, BentoButtonActions: nt, BentoTypography: K, BentoLoadingIndicator: q, ButtonActionsWithMenu: Y, CrossIcon: Z, CheckmarkCircleFill: H, CrossCircleFill: Q };
-  }
-});
-var rt = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("Transition", { attrs: { name: "b-action-bar__animation", appear: "" } }, [n("section", { staticClass: "b-action-bar", class: t.conditionalClasses, attrs: { "aria-label": t.t("actionBar") }, on: { animationend: t.onAnimationEnd } }, [n("Transition", { attrs: { name: `b-action-bar__state-animation--${e.state}`, mode: t.stateTransitionMode }, on: { "before-leave": t.onBeforeLeave, enter: t.onEnter, "after-enter": t.onAfterEnter } }, [n("div", { key: e.state, ref: "actionBar", staticClass: "b-action-bar__container", class: t.containerClasses, style: { width: t.containerWidth, maxWidth: t.containerMaxWidth } }, [e.state === "start" ? n("div", { staticClass: "b-action-bar__container-inner" }, [t.isConfirmationVariant ? e._e() : n("div", { staticClass: "b-action-bar__close-button" }, [n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "", "aria-label": t.t("close") }, on: { click: function(r) {
-    return t.emit("close");
-  } }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [n(t.CrossIcon, { attrs: { "aria-hidden": !0 } })];
-  }, proxy: !0 }], null, !1, 4214210411) })], 1), n(t.BentoTypography, { staticClass: "b-action-bar__selection", attrs: { el: "span", stronger: "" } }, [t.isConfirmationVariant && t.noItemCounter ? [e._v(" " + e._s(t.tc("unsavedChanges", 0)) + " ")] : [e._v(" " + e._s(t.n(e.itemCounter)) + " " + e._s(t.isConfirmationVariant ? t.tc("unsavedChanges", e.itemCounter) : t.label) + " ")]], 2), t.isConfirmationVariant ? n(t.BentoButtonActions, { staticClass: "b-action-bar__actions", attrs: { actions: t.confirmationActions, inverse: "" } }) : n(t.ButtonActionsWithMenu, { staticClass: "b-action-bar__actions", attrs: { actions: t.actionsInternal, "displayed-actions": t.internalDisplayedActions, "menu-position": "top-end", "disable-responsive-behavior": "", inverse: "" } })], 1) : n("div", { staticClass: "b-action-bar__container-inner" }, [n("div", { staticClass: "b-action-bar__state-icon" }, [e.state === "loading" ? n(t.BentoLoadingIndicator, { attrs: { small: "", inverse: "" } }) : e._e(), e.state === "success" ? n(t.CheckmarkCircleFill, { attrs: { "aria-hidden": !0 } }) : e._e(), e.state === "fail" ? n(t.CrossCircleFill, { attrs: { "aria-hidden": !0 } }) : e._e()], 1), n(t.BentoTypography, { attrs: { stronger: "" } }, [e._t("stateLabel", function() {
-    return [e._v(e._s(t.defaultStateLabel))];
-  })], 2), t.hideStateActions ? e._e() : n("div", { staticClass: "b-action-bar__state-actions" }, [e.state === "success" && e.showUndoAction ? n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
-    return t.emit("undo-action");
-  } } }, [e._v(e._s(t.t("undo")))]) : e._e(), e.state === "fail" && e.showRetryAction ? n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
-    return t.emit("retry-action");
-  } } }, [e._v(e._s(t.t("retry")))]) : e._e(), e.state === "fail" ? n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
-    return t.emit("cancel-action");
-  } } }, [e._v(e._s(t.t("cancel")))]) : e._e()], 1)], 1)])])], 1)]);
-}, ct = [], lt = /* @__PURE__ */ at(
-  it,
-  rt,
-  ct,
-  !1,
-  null,
-  "b91c5356"
-);
-const gt = lt.exports;
-export {
-  gt as B
-};
-//# sourceMappingURL=action-bar.CYGUYI0V.js.map

package/dist/chunks/ai-tag.Cjf38mjR.js

@@ -1,73 +0,0 @@
-import { defineComponent as u, ref as i, watch as _, computed as f } from "vue";
-import { u as v, c as m, h as y } from "./button-actions.BLk114As.js";
-import { B as I } from "./typography.C8lPlsbD.js";
-import "./index.Cl4_42j5.js";
-import { u as A } from "./index.B6WW_F-J.js";
-import { g as x } from "./generate-uid.NJ8tVoha.js";
-import { A as B } from "./artificial-intelligence-ai-filled.C6TMsiHK.js";
-import { n as h } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/ai-tag.css";
-const C = {
-  "en-US": { ai: "AI", aiExplained: "AI explained" },
-  "ja-JP": { ai: "AI", aiExplained: "AIについての説明" },
-  "pt-BR": { ai: "IA", aiExplained: "IA explicada" }
-}, T = {
-  i18n: { messages: C }
-}, E = /* @__PURE__ */ u({
-  ...T,
-  __name: "ai-tag",
-  props: {
-    title: null,
-    description: null,
-    influencedValue: { default: void 0 },
-    toggled: { type: Boolean, default: !1 },
-    action: { default: void 0 }
-  },
-  emits: ["update:toggled"],
-  setup(r, { emit: e }) {
-    const o = r, { t } = A(), a = i(o.toggled), s = i(null), p = i(null), d = x("b-ai-tag-popover");
-    _(
-      () => o.toggled,
-      (n) => {
-        a.value = n;
-      }
-    ), v(s, () => {
-      c();
-    });
-    const g = f(
-      () => o.action ? [
-        {
-          ...o.action,
-          variant: "secondary"
-        }
-      ] : void 0
-    ), l = (n) => {
-      a.value = n, e("update:toggled", n);
-    }, c = () => {
-      a.value && l(!1);
-    };
-    return { __sfc: !0, props: o, t, toggled: a, aiTagRef: s, targetElement: p, popoverId: d, popoverActions: g, emit: e, onToggle: l, closePopover: c, BentoPopover: y, BentoToggleButton: m, BentoTypography: I, ArtificialIntelligenceAiIcon: B };
-  }
-});
-var k = function() {
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { ref: "aiTagRef", staticClass: "b-ai-tag", on: { keydown: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : t.closePopover.apply(null, arguments);
-  } } }, [o(t.BentoToggleButton, { ref: "targetElement", staticClass: "b-ai-tag__trigger", attrs: { toggled: t.toggled, "aria-controls": t.popoverId, variant: "secondary", condensed: "" }, on: { "update:toggled": t.onToggle }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [o(t.ArtificialIntelligenceAiIcon, { staticClass: "b-ai-tag__trigger-icon", attrs: { "aria-hidden": !0 } })];
-  }, proxy: !0 }]) }, [e._v(" " + e._s(t.t("ai")) + " ")]), t.targetElement ? o(t.BentoPopover, { attrs: { id: t.popoverId, open: t.toggled, "target-element": t.targetElement, actions: t.popoverActions, "actions-layout": "fill-container", title: t.t("aiExplained"), "trap-all": "", "trap-all-options": { onDeactivate: t.closePopover, allowOutsideClick: !0 }, "fixed-positioning": "", "overflow-visible": "" }, on: { dismiss: t.closePopover }, scopedSlots: e._u([{ key: "headerIcon", fn: function() {
-    return [o(t.ArtificialIntelligenceAiIcon, { staticClass: "b-ai-tag__popover-header-icon", attrs: { "aria-hidden": !0 } })];
-  }, proxy: !0 }], null, !1, 430358887) }, [o("div", { staticClass: "b-ai-tag__popover-content" }, [e.influencedValue ? o(t.BentoTypography, { staticClass: "b-ai-tag__influenced-value", attrs: { variant: "title", medium: "" } }, [e._v(" " + e._s(e.influencedValue) + " ")]) : e._e(), o(t.BentoTypography, { attrs: { variant: "title" } }, [e._v(" " + e._s(e.title) + " ")]), o(t.BentoTypography, [e._v(" " + e._s(e.description) + " ")])], 1)]) : e._e()], 1);
-}, b = [], P = /* @__PURE__ */ h(
-  E,
-  k,
-  b,
-  !1,
-  null,
-  "405c2237"
-);
-const D = P.exports;
-export {
-  D as a
-};
-//# sourceMappingURL=ai-tag.Cjf38mjR.js.map

package/dist/chunks/alert.QVQ6Zjbm.js

@@ -1,93 +0,0 @@
-import { defineComponent as I, useSlots as y, computed as i, onMounted as T } from "vue";
-import { c as l, a as S, B as b } from "./typography.C8lPlsbD.js";
-import { B as H } from "./button.DxhJNOtr.js";
-import { C as L } from "./cross-small.CoQUe8SS.js";
-import { W as B } from "./warning-filled.CbJ1pcB2.js";
-import { C as w } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as R } from "./checkmark-circle-fill.BttTCjrM.js";
-/* empty css              */
-import { n as u } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { u as E } from "./use-has-slot.C9lQZ6nz.js";
-import { u as G } from "./index.B6WW_F-J.js";
-import "../assets/alert.css";
-var n = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.TIP = "tip", a))(n || {}), o = /* @__PURE__ */ ((a) => (a.WARNING = "warning", a.CRITICAL = "critical", a.HIGHLIGHT = "highlight", a.SUCCESS = "success", a))(o || {}), p = /* @__PURE__ */ ((a) => (a.CLOSE_ALERT = "close-alert", a))(p || {});
-let C = 0;
-const V = {
-  beforeCreate() {
-    this.uuid = C.toString(), C += 1;
-  }
-};
-var $ = function() {
-  var s = this, t = s._self._c;
-  return t("svg", s._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", s.$attrs, !1), [s.$attrs["svg-title"] ? t("title", [s._v(s._s(s.$attrs["svg-title"]))]) : s._e(), t("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-info_filled__a" + s.uuid + ")" } }, [t("path", { attrs: { fill: "#001222", "fill-rule": "evenodd", d: "M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z", "clip-rule": "evenodd" } })]), t("defs", [t("clipPath", { attrs: { id: "uia-ui-assets/icons-16-info_filled__a" + s.uuid } }, [t("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, F = [], A = /* @__PURE__ */ u(
-  V,
-  $,
-  F,
-  !1,
-  null,
-  null
-);
-const P = A.exports, k = {
-  "en-US": { close: "Close", criticalIcon: "Critical icon", highlightIcon: "Highlight icon", successIcon: "Success icon", warningIcon: "Warning icon" },
-  "ja-JP": { close: "閉じる", criticalIcon: "重大アイコン", highlightIcon: "ハイライトアイコン", successIcon: "成功アイコン", warningIcon: "警告アイコン" },
-  "pt-BR": { close: "Fechar", criticalIcon: "Ícone crítico", highlightIcon: "Ícone de destaque", successIcon: "Ícone de sucesso", warningIcon: "Ícone de aviso" }
-}, x = {
-  i18n: { messages: k },
-  name: "bento-alert"
-}, N = /* @__PURE__ */ I({
-  ...x,
-  props: {
-    closeButton: { type: Boolean, default: !1 },
-    type: { default: o.HIGHLIGHT },
-    variant: { default: n.DEFAULT }
-  },
-  emits: ["close-alert"],
-  setup(a, { emit: s }) {
-    const t = a, e = y(), _ = E(e), { t: c } = G(), r = i(() => t.variant === n.TIP), d = i(() => ({
-      [`b-alert--${t.type}`]: t.type,
-      [`b-alert--${n.TIP}`]: r.value
-    })), f = i(() => c(`${t.type}Icon`)), m = i(() => {
-      switch (t.type) {
-        case o.CRITICAL:
-          return w;
-        case o.SUCCESS:
-          return R;
-        case o.WARNING:
-          return B;
-        case o.HIGHLIGHT:
-        default:
-          return P;
-      }
-    }), h = i(() => ({
-      el: S.DIV,
-      variant: r.value ? l.CAPTION : l.BODY,
-      wide: !0
-    })), g = i(() => t.type === o.HIGHLIGHT ? "status" : "alert"), v = () => {
-      s(p.CLOSE_ALERT);
-    };
-    return T(() => {
-      if (!e.default && !e.description)
-        throw new Error("Alert Component requires a title or a description");
-    }), { __sfc: !0, slots: e, hasSlot: _, emit: s, props: t, t: c, isTipVariant: r, alertConditionalClasses: d, iconSvgTitle: f, iconComponent: m, descriptionTypography: h, computedRole: g, onCloseButtonClick: v, BentoTypography: b, BentoButton: H, CrossSmall: L };
-  }
-});
-var U = function() {
-  var s = this, t = s._self._c, e = s._self._setupProxy;
-  return t("div", { staticClass: "b-alert", attrs: { role: e.computedRole } }, [t("div", { staticClass: "b-alert__inner-container", class: e.alertConditionalClasses }, [t("div", { staticClass: "b-alert__icon" }, [t(e.iconComponent, { tag: "component", attrs: { "aria-hidden": "true", "svg-title": e.iconSvgTitle } })], 1), t("div", { staticClass: "b-alert__content" }, [e.hasSlot("default") && !e.isTipVariant ? t(e.BentoTypography, { staticClass: "b-alert__title", attrs: { el: "div", variant: "body", strongest: "", wide: "" } }, [s._t("default")], 2) : s._e(), e.hasSlot("description") ? t(e.BentoTypography, s._b({ staticClass: "b-alert__description", attrs: { "data-testid": "alert-description" } }, "bento-typography", e.descriptionTypography, !1), [s._t("description")], 2) : s._e(), e.hasSlot("actions") && !e.isTipVariant ? t("div", { staticClass: "b-alert__actions", attrs: { "data-testid": "alert-actions" } }, [s._t("actions")], 2) : s._e()], 1), s.closeButton && !e.isTipVariant ? t(e.BentoButton, { staticClass: "b-alert__close-button", attrs: { variant: "tertiary", type: "button" }, on: { click: e.onCloseButtonClick } }, [t(e.CrossSmall, { attrs: { "svg-title": e.t("close") } })], 1) : s._e()], 1)]);
-}, W = [], D = /* @__PURE__ */ u(
-  N,
-  U,
-  W,
-  !1,
-  null,
-  "2c793db1"
-);
-const tt = D.exports;
-export {
-  tt as B,
-  p as a,
-  o as b,
-  n as c
-};
-//# sourceMappingURL=alert.QVQ6Zjbm.js.map