@adyen/bento-vue2 1.3.0 → 1.4.0

package/dist/modal.js

@@ -1,167 +1,14 @@
-import { defineComponent as S, useAttrs as M, ref as N, computed as s, watch as P, onMounted as D, toRefs as I } from "vue";
-import { B as G, a as L } from "./chunks/button.d0c9527d.js";
-import { B as z, a as F, b as V } from "./chunks/index.56858f4e.js";
-import { BentoDivider as $ } from "./divider.js";
-import { B as q } from "./chunks/index.133e4da0.js";
-import { u as O } from "./chunks/use-has-slot.068222e6.js";
-import { u as w } from "./chunks/i18n.155748d6.js";
-import { C as U } from "./chunks/cross.a2cadac5.js";
-import { G as W, a as K } from "./chunks/grid-layout.73f23b1b.js";
-import { n as A } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { F as j } from "./chunks/footer-actions.67642347.js";
-import { B as Y, c as H } from "./chunks/button-actions.bd397c79.js";
-import "./assets/index17.css";
-var B = /* @__PURE__ */ ((e) => (e.DEFAULT = "BentoModalDefault", e.DIALOG = "BentoModalDialog", e))(B || {}), _ = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(_ || {}), m = /* @__PURE__ */ ((e) => (e.SMALLER = "smaller", e.EQUAL = "equal", e.BIGGER = "bigger", e))(m || {}), h = /* @__PURE__ */ ((e) => (e.DIALOG = "dialog", e.ALERT_DIALOG = "alertdialog", e))(h || {}), c = /* @__PURE__ */ ((e) => (e.CONFIRMATION = "confirmation", e.DESTRUCTIVE = "destructive", e.INFO = "info", e.ACKNOWLEDGEMENT = "acknowledgement", e))(c || {}), i = /* @__PURE__ */ ((e) => (e.CLOSE_MODAL = "close-modal", e))(i || {});
-const Q = {
-  "en-US": {
-    ariaLabelFallback: "modal"
-  }
-}, J = S({
-  i18n: { messages: Q },
-  name: "base-modal",
-  components: { CrossIcon: U, BentoTypography: z, BentoButton: G, BentoDivider: $, BentoFocusTrap: q, GridLayout: W },
-  props: {
-    /**
-     * If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.
-     */
-    columnsSize: {
-      type: String,
-      default: m.SMALLER
-    },
-    /**
-     * If provided, manages the padding of the whole modal container
-     */
-    customPadding: { type: String, default: null },
-    /**
-     * Hides a cross icon on the right side of the title
-     */
-    hideCloseButton: { type: Boolean, required: !0 },
-    /**
-     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
-     */
-    initiallyOpen: { type: Boolean, default: !1 },
-    /**
-     * If set to true, it allows the modal to be closed by clicking outside of it
-     */
-    isDismissible: { type: Boolean, required: !0 },
-    /**
-     * Controls the modal's state from the outside. Set it to true to open the modal
-     */
-    isOpen: { type: Boolean, required: !0 },
-    /**
-     * Defines whether the modal will be an alert modal
-     */
-    modalRole: { type: String, default: h.DIALOG },
-    /**
-     * Allows the inner elments to overflow the dialog
-     */
-    overflowVisible: { type: Boolean, default: !1 },
-    /**
-     * Sets the width of the modal
-     */
-    size: {
-      type: String,
-      default: _.SMALL
-    },
-    /**
-     * If provided, renders the modal's content in a two-column layout an wth dividers separating its content
-     */
-    withColumnLayout: { type: Boolean, default: !1 }
-  },
-  emits: [i.CLOSE_MODAL],
-  setup(e, { slots: t, emit: o }) {
-    const { t: a } = w(), d = M(), n = O(t), l = N(null), v = s(() => {
-      if (!e.customPadding)
-        return {};
-      const f = {
-        paddingLeft: e.customPadding,
-        paddingRight: e.customPadding
-      }, E = { ...f, paddingTop: void 0, paddingBottom: void 0 };
-      return n("default") || (E.paddingTop = e.customPadding), n("actions") || (E.paddingBottom = e.customPadding), {
-        header: { ...f, paddingTop: e.customPadding },
-        content: E,
-        actions: { ...f, paddingBottom: e.customPadding }
-      };
-    }), y = s(
-      () => d["aria-label"] ?? a("ariaLabelFallback")
-    ), p = s(() => e.withColumnLayout && e.size === _.LARGE), b = () => {
-      l.value.showModal();
-    }, g = () => {
-      o(i.CLOSE_MODAL);
-    }, r = () => {
-      l.value.close(), g();
-    }, u = () => {
-      r();
-    }, C = ({ target: f }) => {
-      f && f.tagName === h.DIALOG.toUpperCase() && r();
-    }, k = s(() => ({
-      [`b-modal-base__container--${e.size}`]: e.size,
-      "b-modal-base__container--visible": e.isOpen,
-      "b-modal-base__container--overflow-visible": e.overflowVisible,
-      "b-modal-base__container--column-layout": p.value
-    })), x = s(() => ({
-      "b-modal-base__content--column-layout": p.value,
-      "b-modal-base__content--with-header": n("default"),
-      "b-modal-base__content--with-actions": n("actions")
-    })), R = s(() => e.columnsSize === m.SMALLER ? [{ small: 4, medium: 4, large: 4 }] : e.columnsSize === m.BIGGER ? [{ small: 8, medium: 8, large: 8 }] : [{ small: 6, medium: 6, large: 6 }]);
-    return P(
-      () => [e.isOpen, l.value],
-      () => {
-        e.isOpen && l.value ? b() : l.value && r();
-      },
-      { immediate: !0 }
-    ), D(() => {
-      e.isOpen && l.value && b();
-    }), {
-      // Refs
-      modal: l,
-      computedAriaLabel: y,
-      // Handling the state
-      openModal: b,
-      closeModalOnClickOutside: C,
-      // Methods
-      onCloseButtonClick: u,
-      hasSlot: n,
-      emitCloseEvent: g,
-      t: a,
-      // Styles
-      modalConditionalClasses: k,
-      modalContentConditionalClasses: x,
-      customPaddingStyles: v,
-      hasColumnLayout: p,
-      computedColumnWidth: R,
-      // Enums
-      BentoButtonVariant: L,
-      BentoTypographyElement: F,
-      BentoTypographyVariant: V,
-      GridLayoutContainerType: K
-    };
-  }
-});
-var X = function() {
-  var t = this, o = t._self._c;
-  return t._self._setupProxy, o("div", { staticClass: "b-modal-base" }, [o("dialog", { ref: "modal", staticClass: "b-modal-base__container", class: t.modalConditionalClasses, attrs: { role: t.modalRole, "aria-label": t.computedAriaLabel, open: t.initiallyOpen }, on: { click: function(a) {
-    t.isDismissible && t.closeModalOnClickOutside(a);
-  }, keydown: function(a) {
-    return !a.type.indexOf("key") && t._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : t.emitCloseEvent.apply(null, arguments);
-  } } }, [o("bento-focus-trap", [o("div", { staticClass: "b-modal-base__wrapper" }, [t.hasSlot("default") || !t.hideCloseButton ? o("div", { staticClass: "b-modal-base__header-container", style: t.customPaddingStyles.header }, [o("div", { staticClass: "b-modal-base__header" }, [o("bento-typography", { staticClass: "b-modal-base__title", attrs: { "aria-label": "base modal title", el: t.BentoTypographyElement.SPAN, variant: t.BentoTypographyVariant.TITLE, stronger: "" } }, [t.hasSlot("default") ? t._t("default") : t._e()], 2), t.hideCloseButton ? t._e() : o("bento-button", { staticClass: "b-modal-base__close-button", attrs: { variant: t.BentoButtonVariant.TERTIARY, type: "button" }, on: { click: t.onCloseButtonClick } }, [o("cross-icon", { attrs: { "svg-title": "close" } })], 1)], 1), t.hasColumnLayout ? o("bento-divider", { staticClass: "b-modal-base__divider" }) : t._e()], 1) : t._e(), o("div", { staticClass: "b-modal-base__content", class: t.modalContentConditionalClasses, style: t.customPaddingStyles.content }, [t.hasSlot("content") ? o("bento-typography", { attrs: { "aria-label": "base modal content", el: t.BentoTypographyElement.DIV, variant: t.BentoTypographyVariant.BODY, stronger: "" } }, [t.hasColumnLayout ? o("grid-layout", { staticClass: "b-modal-base__grid", attrs: { "column-width": t.computedColumnWidth, "container-type": t.GridLayoutContainerType.NORMAL }, scopedSlots: t._u([{ key: "col-1", fn: function() {
-    return [t._t("content-col-1")];
-  }, proxy: !0 }, { key: "col-2", fn: function() {
-    return [t._t("content-col-2")];
-  }, proxy: !0 }], null, !0) }) : t._t("content")], 2) : t._e()], 1), t.hasSlot("actions") ? o("div", { staticClass: "b-modal-base__actions-container", style: t.customPaddingStyles.actions }, [t.hasColumnLayout ? o("bento-divider", { staticClass: "b-modal-base__divider" }) : t._e(), o("div", { staticClass: "b-modal-base__actions", attrs: { "aria-label": "modal actions" } }, [t._t("actions")], 2)], 1) : t._e()])])], 1)]);
-}, Z = [], tt = /* @__PURE__ */ A(
-  J,
-  X,
-  Z,
-  !1,
-  null,
-  "68c26733",
-  null,
-  null
-);
-const T = tt.exports, et = S({
+import { defineComponent as _, onMounted as C, toRefs as M, computed as f, useAttrs as h, watch as E } from "vue";
+import { f as A, b as p, e as u, d as i, c as w, B as y, a as S } from "./chunks/base-modal.a365f260.js";
+import { u as v } from "./chunks/use-has-slot.6052d56a.js";
+import { F as x } from "./chunks/footer-actions.f02e8699.js";
+import { n as b } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { B } from "./chunks/button.fb307df3.js";
+import { u as T } from "./chunks/i18n.155748d6.js";
+import { BentoButtonActions as k } from "./button.js";
+const N = _({
   name: "bento-modal-default",
-  components: { BaseModal: T, FooterActions: j },
+  components: { BaseModal: A, FooterActions: x },
   props: {
     /**
      * Adds a cross icon on the right side of the alert
@@ -220,7 +67,7 @@ const T = tt.exports, et = S({
      */
     columnsSize: {
       type: String,
-      default: m.SMALLER
+      default: p.SMALLER
     },
     /**
      * List of actions that will be used to render the buttons.
@@ -276,24 +123,24 @@ const T = tt.exports, et = S({
       default: !1
     }
   },
-  emits: [i.CLOSE_MODAL],
-  setup(e, { slots: t, emit: o }) {
-    const a = O(t), d = () => {
-      o(i.CLOSE_MODAL);
+  emits: [u.CLOSE_MODAL],
+  setup(e, { slots: t, emit: n }) {
+    const l = v(t), r = () => {
+      n(u.CLOSE_MODAL);
     };
-    return D(() => {
-      if (!(a("content") || a("content-col-1") && a("content-col-2")))
+    return C(() => {
+      if (!(l("content") || l("content-col-1") && l("content-col-2")))
         throw new Error("Bento Modal default variant requires content slot or column slots");
     }), {
       // Methods
-      onCloseModal: d,
-      hasSlot: a
+      onCloseModal: r,
+      hasSlot: l
     };
   }
 });
-var ot = function() {
-  var t = this, o = t._self._c;
-  return t._self._setupProxy, o("base-modal", t._b({ staticClass: "b-modal-default", attrs: { size: t.size, "hide-close-button": t.hideCloseButton, "custom-padding": t.customPadding, "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "with-column-layout": t.withColumnLayout, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([t.hasSlot("default") ? { key: "default", fn: function() {
+var R = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("base-modal", t._b({ staticClass: "b-modal-default", attrs: { actions: t.actions, size: t.size, "hide-close-button": t.hideCloseButton, "custom-padding": t.customPadding, "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "with-column-layout": t.withColumnLayout, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([t.hasSlot("default") ? { key: "default", fn: function() {
     return [t._t("default")];
   }, proxy: !0 } : null, { key: "content-col-1", fn: function() {
     return [t._t("content-col-1")];
@@ -303,27 +150,27 @@ var ot = function() {
     return [t._t("content")];
   }, proxy: !0 }, t.actions ? { key: "actions", fn: function() {
     return [t._t("actions", function() {
-      return [o("footer-actions", { attrs: { actions: t.actions, "actions-label": t.actionsLabel, "destructive-actions": t.destructiveActions } })];
+      return [n("footer-actions", { attrs: { actions: t.actions, "actions-label": t.actionsLabel, "destructive-actions": t.destructiveActions } })];
     })];
   }, proxy: !0 } : null], null, !0) }, "base-modal", t.$attrs, !1));
-}, nt = [], at = /* @__PURE__ */ A(
-  et,
-  ot,
-  nt,
+}, z = [], V = /* @__PURE__ */ b(
+  N,
+  R,
+  z,
   !1,
   null,
   null,
   null,
   null
 );
-const lt = at.exports, st = {
+const P = V.exports, $ = {
   "en-US": {
     okButtonText: "OK"
   }
-}, it = S({
-  i18n: { messages: st },
+}, F = _({
+  i18n: { messages: $ },
   name: "bento-modal-dialog",
-  components: { BaseModal: T, BentoButtonActions: Y },
+  components: { BaseModal: A, BentoButtonActions: k },
   props: {
     /**
      * Controls the modal's state from the outside. Set it to true to open the modal
@@ -393,88 +240,84 @@ const lt = at.exports, st = {
       default: !1
     }
   },
-  emits: [i.CLOSE_MODAL],
-  setup(e, { slots: t, emit: o }) {
-    const { t: a } = w(), d = O(t), { actions: n, dialogType: l } = I(e), v = () => {
-      o(i.CLOSE_MODAL);
-    }, y = () => {
-      v();
-    }, p = s(() => [
+  emits: [u.CLOSE_MODAL],
+  setup(e, { slots: t, emit: n }) {
+    const { t: l } = T(), r = v(t), { actions: o, dialogType: a } = M(e), c = () => {
+      n(u.CLOSE_MODAL);
+    }, m = () => {
+      c();
+    }, L = f(() => [
       {
-        title: a("okButtonText"),
-        event: y,
-        variant: L.SECONDARY
+        title: l("okButtonText"),
+        event: m,
+        variant: B.SECONDARY
       }
-    ]), b = s(() => {
-      var C;
-      const r = {
+    ]), O = f(() => {
+      var g;
+      const d = {
         title: "Cancel",
-        event: y
-      }, u = (C = n == null ? void 0 : n.value) == null ? void 0 : C[0];
-      return l.value === c.DESTRUCTIVE ? u.critical = !0 : l.value === c.INFO && (u.variant = L.SECONDARY), [u, r];
-    }), g = s(() => ({
-      [`b-modal-dialog--${l.value}`]: l.value
+        event: m
+      }, s = (g = o == null ? void 0 : o.value) == null ? void 0 : g[0];
+      return a.value === i.DESTRUCTIVE ? s.critical = !0 : a.value === i.INFO && (s.variant = B.SECONDARY), [s, d];
+    }), D = f(() => ({
+      [`b-modal-dialog--${a.value}`]: a.value
     }));
-    return D(() => {
-      var r, u;
-      if (!d("default") || !e.content)
+    return C(() => {
+      var d, s;
+      if (!r("default") || !e.content)
         throw new Error("Bento Modal Dialog requires header title and content");
-      if (((r = n == null ? void 0 : n.value) == null ? void 0 : r.length) > 1)
+      if (((d = o == null ? void 0 : o.value) == null ? void 0 : d.length) > 1)
         throw new Error("Not more than 1 action button may be provided to Modal Dialog");
-      if (l.value !== c.ACKNOWLEDGEMENT && !(n != null && n.value))
+      if (a.value !== i.ACKNOWLEDGEMENT && !(o != null && o.value))
         throw new Error(
           "Modal Dialog, except ACKNOWLEDGEMENT type, always has to contain one action button"
         );
-      if (l.value === c.ACKNOWLEDGEMENT && ((u = n == null ? void 0 : n.value) != null && u.length))
+      if (a.value === i.ACKNOWLEDGEMENT && ((s = o == null ? void 0 : o.value) != null && s.length))
         throw new Error("Acknowledgement Modal Dialog does not accept action buttons");
     }), {
       // Values
-      dialogActions: b,
-      acknowledgementDialogActions: p,
+      dialogActions: O,
+      acknowledgementDialogActions: L,
       // Methods
-      onCloseModal: v,
-      onCloseActionButton: y,
+      onCloseModal: c,
+      onCloseActionButton: m,
       // Styles
-      modalDialogConditionalClasses: g,
+      modalDialogConditionalClasses: D,
       // Enums
-      BentoModalRole: h,
-      BentoModalSize: _,
-      BentoButtonVariant: L,
-      BentoModalDialogType: c,
-      BentoButtonActionsLayout: H
+      BentoModalRole: w
     };
   }
 });
-var rt = function() {
-  var t = this, o = t._self._c;
-  return t._self._setupProxy, o("base-modal", t._b({ staticClass: "b-modal-dialog", class: t.modalDialogConditionalClasses, attrs: { "hide-close-button": !0, size: t.BentoModalSize.SMALL, "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "modal-role": t.BentoModalRole.ALERT_DIALOG, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([{ key: "default", fn: function() {
+var q = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("base-modal", t._b({ staticClass: "b-modal-dialog", class: t.modalDialogConditionalClasses, attrs: { actions: t.actions, "hide-close-button": !0, size: "small", "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "modal-role": t.BentoModalRole.ALERT_DIALOG, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([{ key: "default", fn: function() {
     return [t._t("default")];
   }, proxy: !0 }, { key: "content", fn: function() {
     return [t._v(" " + t._s(t.content) + " ")];
   }, proxy: !0 }, { key: "actions", fn: function() {
-    return [t.dialogType === t.BentoModalDialogType.ACKNOWLEDGEMENT ? o("bento-button-actions", { attrs: { actions: t.acknowledgementDialogActions, layout: t.BentoButtonActionsLayout.BUTTONS_END } }) : o("bento-button-actions", { attrs: { actions: t.dialogActions, layout: t.BentoButtonActionsLayout.BUTTONS_END } })];
+    return [t.dialogType === "acknowledgement" ? n("bento-button-actions", { attrs: { actions: t.acknowledgementDialogActions, layout: "buttons-end" } }) : n("bento-button-actions", { attrs: { actions: t.dialogActions, layout: "buttons-end" } })];
   }, proxy: !0 }], null, !0) }, "base-modal", t.$attrs, !1));
-}, ut = [], ct = /* @__PURE__ */ A(
-  it,
-  rt,
-  ut,
+}, I = [], j = /* @__PURE__ */ b(
+  F,
+  q,
+  I,
   !1,
   null,
   null,
   null,
   null
 );
-const dt = ct.exports, mt = S({
+const G = j.exports, U = 500, K = _({
   name: "bento-modal",
-  components: { BentoModalDefault: lt, BentoModalDialog: dt },
+  components: { BentoModalDefault: P, BentoModalDialog: G },
   props: {
     /**
      * Choose between default or dialog versions of modal
      */
     variant: {
       type: String,
-      default: B.DEFAULT,
-      validator: (e) => Object.values(B).includes(e)
+      default: y.DEFAULT,
+      validator: (e) => Object.values(y).includes(e)
     },
     // Shared Modal Default and Modal Default props
     /**
@@ -540,8 +383,8 @@ const dt = ct.exports, mt = S({
      */
     size: {
       type: String,
-      default: _.SMALL,
-      validator: (e) => Object.values(_).includes(e)
+      default: S.SMALL,
+      validator: (e) => Object.values(S).includes(e)
     },
     /**
      * If provided, manages the padding of the whole modal container
@@ -562,8 +405,8 @@ const dt = ct.exports, mt = S({
      */
     columnsSize: {
       type: String,
-      default: m.SMALLER,
-      validator: (e) => Object.values(m).includes(e)
+      default: p.SMALLER,
+      validator: (e) => Object.values(p).includes(e)
     },
     /**
      * Text label that is displayed left to the action buttons
@@ -585,8 +428,8 @@ const dt = ct.exports, mt = S({
      */
     dialogType: {
       type: String,
-      default: c.CONFIRMATION,
-      validator: (e) => Object.values(c).includes(e)
+      default: i.CONFIRMATION,
+      validator: (e) => Object.values(i).includes(e)
     },
     /**
      * Text that will be displayed in the content section of Modal
@@ -596,10 +439,10 @@ const dt = ct.exports, mt = S({
       default: null
     }
   },
-  emits: [i.CLOSE_MODAL],
-  setup(e, { slots: t, emit: o }) {
-    const a = M(), d = s(
-      () => e.variant === B.DEFAULT ? {
+  emits: [u.CLOSE_MODAL],
+  setup(e, { slots: t, emit: n }) {
+    const l = h(), r = f(
+      () => e.variant === y.DEFAULT ? {
         hideCloseButton: e.hideCloseButton,
         size: e.size,
         customPadding: e.customPadding,
@@ -608,27 +451,31 @@ const dt = ct.exports, mt = S({
         isDismissible: e.isDismissible ?? !0,
         overflowVisible: e.overflowVisible,
         withColumnLayout: e.withColumnLayout,
-        ...a
+        columnSize: e.columnsSize,
+        ...l
       } : {
         dialogType: e.dialogType,
         content: e.content,
         isDismissible: e.isDismissible ?? !1,
         overflowVisible: e.overflowVisible,
-        ...a
+        ...l
       }
-    );
-    return {
-      onCloseModal: () => {
-        o(i.CLOSE_MODAL);
-      },
-      customProps: d,
-      hasSlot: O(t)
+    ), o = () => {
+      n(u.CLOSE_MODAL);
+    };
+    return E(e.actions, () => {
+      var a, c;
+      ((c = (a = e.actions) == null ? void 0 : a[0]) == null ? void 0 : c.state) === "success" && setTimeout(o, U);
+    }), {
+      onCloseModal: o,
+      customProps: r,
+      hasSlot: v(t)
     };
   }
 });
-var ft = function() {
-  var t = this, o = t._self._c;
-  return t._self._setupProxy, o(t.variant, t._b({ tag: "component", staticClass: "b-modal", attrs: { "is-open": t.isOpen, actions: t.actions }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([t.hasSlot("default") ? { key: "default", fn: function() {
+var W = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n(t.variant, t._b({ tag: "component", staticClass: "b-modal", attrs: { "is-open": t.isOpen, actions: t.actions }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([t.hasSlot("default") ? { key: "default", fn: function() {
     return [t._t("default")];
   }, proxy: !0 } : null, t.hasSlot("content-col-1") ? { key: "content-col-1", fn: function() {
     return [t._t("content-col-1")];
@@ -637,24 +484,24 @@ var ft = function() {
   }, proxy: !0 } : null, t.hasSlot("content") ? { key: "content", fn: function() {
     return [t._t("content")];
   }, proxy: !0 } : null], null, !0) }, "component", t.customProps, !1));
-}, _t = [], yt = /* @__PURE__ */ A(
-  mt,
-  ft,
-  _t,
+}, Y = [], H = /* @__PURE__ */ b(
+  K,
+  W,
+  Y,
   !1,
   null,
   null,
   null,
   null
 );
-const Dt = yt.exports;
+const lt = H.exports;
 export {
-  Dt as BentoModal,
-  m as BentoModalColumnLayoutVariant,
-  c as BentoModalDialogType,
-  i as BentoModalEvent,
-  h as BentoModalRole,
-  _ as BentoModalSize,
-  B as BentoModalVariant
+  lt as BentoModal,
+  p as BentoModalColumnLayoutVariant,
+  i as BentoModalDialogType,
+  u as BentoModalEvent,
+  w as BentoModalRole,
+  S as BentoModalSize,
+  y as BentoModalVariant
 };
 //# sourceMappingURL=modal.js.map