@adyen/bento-vue2 1.11.0 → 1.12.0

package/dist/modal.js

@@ -1,74 +1,17 @@
-import { defineComponent as _, onMounted as C, toRefs as h, ref as E, computed as f, useAttrs as w, watch as x } from "vue";
-import { f as A, b as p, e as c, d as r, c as T, B as y, a as B } from "./chunks/base-modal.5640a66a.js";
-import { u as v } from "./chunks/use-has-slot.fbeb19ec.js";
-import { F as k } from "./chunks/footer-actions.b14cfca8.js";
-import { n as b } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as S } from "./chunks/button.bb5b4909.js";
-import { u as R } from "./chunks/i18n.eb5b985b.js";
-import { BentoButtonActions as N } from "./button.js";
-const z = _({
-  name: "bento-modal-default",
-  components: { BaseModal: A, FooterActions: k },
+import { defineComponent as d, useSlots as b, onMounted as h, toRefs as O, ref as L, computed as _, useAttrs as x, watch as T } from "vue";
+import { b as v, f as M, d as c, c as k, a as C, B as y } from "./chunks/base-modal.9d63bdaf.js";
+import { e as ft } from "./chunks/base-modal.9d63bdaf.js";
+import { u as B } from "./chunks/use-has-slot.fbeb19ec.js";
+import { F as R } from "./chunks/footer-actions.38e99891.js";
+import { n as g } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { B as A } from "./chunks/button.133f145e.js";
+import { u as N } from "./chunks/i18n.eb5b985b.js";
+import { BentoButtonActions as z } from "./button.js";
+const V = d({
+  name: "bento-modal-default"
+}), $ = /* @__PURE__ */ d({
+  ...V,
   props: {
-    /**
-     * Adds a cross icon on the right side of the alert
-     */
-    /**
-     * Controls the modal's state from the outside. Set it to true to open the modal
-     */
-    isOpen: {
-      type: Boolean,
-      required: !0
-    },
-    /**
-     * If set to true, it allows the modal to be closed by clicking outside of it
-     */
-    isDismissible: {
-      type: Boolean,
-      required: !0
-    },
-    /**
-     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
-     */
-    overflowVisible: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Hides a cross icon on the right side of the title
-     */
-    hideCloseButton: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets the width of the modal
-     */
-    size: {
-      type: String,
-      required: !0
-    },
-    /**
-     * If provided, manages the padding of the whole modal container
-     */
-    customPadding: {
-      type: String,
-      default: null
-    },
-    /**
-     * If provided, renders the modal's content in a two-column layout an wth dividers separating its content
-     */
-    withColumnLayout: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * 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: p.SMALLER
-    },
     /**
      * List of actions that will be used to render the buttons.
      * First element in the list will be rendered as "primary".
@@ -104,43 +47,68 @@ const z = _({
     /**
      * Text label that is displayed left to the action buttons
      */
-    actionsLabel: {
+    actionsLabel: { type: String, default: null },
+    /**
+     * If provided, manages the padding of the whole modal container
+     */
+    customPadding: { type: String, default: null },
+    /**
+     * 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: null
+      default: v.SMALLER
     },
     /**
      * If passed - sets first button color to red
      */
-    destructiveActions: {
-      type: Boolean,
-      default: !1
-    },
+    destructiveActions: { type: Boolean, default: !1 },
+    /**
+     * Hides a cross icon on the right side of the title
+     */
+    hideCloseButton: { type: Boolean, default: !1 },
     /**
      * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
      */
-    initiallyOpen: {
-      type: Boolean,
-      default: !1
-    }
+    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 },
+    /**
+     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
+     */
+    overflowVisible: { type: Boolean, default: !1 },
+    /**
+     * Sets the width of the modal
+     */
+    size: {
+      type: String,
+      required: !0
+    },
+    /**
+     * If provided, renders the modal's content in a two-column layout an wth dividers separating its content
+     */
+    withColumnLayout: { type: Boolean, default: !1 }
   },
-  emits: [c.CLOSE_MODAL],
-  setup(e, { slots: t, emit: n }) {
-    const l = v(t), s = () => {
-      n(c.CLOSE_MODAL);
+  emits: ["close-modal"],
+  setup(l, { emit: t }) {
+    const e = b(), o = B(e), a = () => {
+      t("close-modal");
     };
-    return C(() => {
-      if (!(l("content") || l("content-col-1") && l("content-col-2")))
+    return h(() => {
+      if (!(o("content") || o("content-col-1") && o("content-col-2")))
         throw new Error("Bento Modal default variant requires content slot or column slots");
-    }), {
-      // Methods
-      onCloseModal: s,
-      hasSlot: l
-    };
+    }), { __sfc: !0, slots: e, hasSlot: o, emit: t, onCloseModal: a, BaseModal: M, FooterActions: R };
   }
 });
-var V = 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() {
+var F = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e(o.BaseModal, 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": o.onCloseModal }, scopedSlots: t._u([o.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")];
@@ -150,12 +118,12 @@ var V = function() {
     return [t._t("content")];
   }, proxy: !0 }, t.actions ? { key: "actions", fn: function() {
     return [t._t("actions", function() {
-      return [n("footer-actions", { attrs: { actions: t.actions, "actions-label": t.actionsLabel, "destructive-actions": t.destructiveActions } })];
+      return [e(o.FooterActions, { attrs: { actions: t.actions, "actions-label": t.actionsLabel, "destructive-actions": t.destructiveActions } })];
     })];
   }, proxy: !0 } : null], null, !0) }, "base-modal", t.$attrs, !1));
-}, P = [], $ = /* @__PURE__ */ b(
-  z,
-  V,
+}, P = [], q = /* @__PURE__ */ g(
+  $,
+  F,
   P,
   !1,
   null,
@@ -163,50 +131,16 @@ var V = function() {
   null,
   null
 );
-const F = $.exports, q = {
+const I = q.exports, j = {
   "en-US": {
     okButtonText: "OK"
   }
-}, I = _({
-  i18n: { messages: q },
-  name: "bento-modal-dialog",
-  components: { BaseModal: A, BentoButtonActions: N },
+}, G = d({
+  i18n: { messages: j },
+  name: "bento-modal-dialog"
+}), U = /* @__PURE__ */ d({
+  ...G,
   props: {
-    /**
-     * Controls the modal's state from the outside. Set it to true to open the modal
-     */
-    isOpen: {
-      type: Boolean,
-      required: !0
-    },
-    /**
-     * If set to true, it allows the modal to be closed by clicking outside of it
-     */
-    isDismissible: {
-      type: Boolean,
-      required: !0
-    },
-    /**
-     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
-     */
-    overflowVisible: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets different action buttons styling and appearance
-     */
-    dialogType: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Text that is displayed in the content section of modal
-     */
-    content: {
-      type: String,
-      required: !0
-    },
     /**
      * List of actions that will be used to render the buttons.
      * Only 1 action button is allowed for Modal Dialog
@@ -232,124 +166,94 @@ const F = $.exports, q = {
       type: Array,
       default: null
     },
+    /**
+     * Text that is displayed in the content section of modal
+     */
+    content: { type: String, required: !0 },
+    /**
+     * Sets different action buttons styling and appearance
+     */
+    dialogType: {
+      type: String,
+      required: !0
+    },
     /**
      * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
      */
-    initiallyOpen: {
-      type: Boolean,
-      default: !1
-    }
+    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 },
+    /**
+     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
+     */
+    overflowVisible: { type: Boolean, default: !1 }
   },
-  emits: [c.CLOSE_MODAL],
-  setup(e, { slots: t, emit: n }) {
-    const { t: l } = R(), s = v(t), { actions: o, dialogType: a } = h(e), d = E(null), O = () => {
-      n(c.CLOSE_MODAL);
-    }, m = (i) => {
-      d.value.internalModalActionClose(i);
-    }, L = f(() => [
+  emits: ["close-modal"],
+  setup(l, { emit: t }) {
+    const e = l, { t: o } = N(), a = b(), f = B(a), { actions: n, dialogType: s } = O(e), p = L(null), m = () => {
+      t("close-modal");
+    }, i = (r) => {
+      p.value.internalModalActionClose(r);
+    }, w = _(() => [
       {
-        title: l("okButtonText"),
-        event: m,
-        variant: S.SECONDARY
+        title: o("okButtonText"),
+        event: i,
+        variant: A.SECONDARY
       }
-    ]), M = f(() => {
-      var g;
-      const i = {
+    ]), D = _(() => {
+      var S;
+      const r = {
         title: "Cancel",
-        event: m
-      }, u = (g = o == null ? void 0 : o.value) == null ? void 0 : g[0];
-      return a.value === r.DESTRUCTIVE ? u.critical = !0 : a.value === r.INFO && (u.variant = S.SECONDARY), [u, i];
-    }), D = f(() => ({
-      [`b-modal-dialog--${a.value}`]: a.value
+        event: i
+      }, u = (S = n == null ? void 0 : n.value) == null ? void 0 : S[0];
+      return s.value === c.DESTRUCTIVE ? u.critical = !0 : s.value === c.INFO && (u.variant = A.SECONDARY), [u, r];
+    }), E = _(() => ({
+      [`b-modal-dialog--${s.value}`]: s.value
     }));
-    return C(() => {
-      var i, u;
-      if (!s("default") || !e.content && !s("content"))
+    return h(() => {
+      var r, u;
+      if (!f("default") || !e.content && !f("content"))
         throw new Error("Bento Modal Dialog requires header title and content");
-      if (((i = o == null ? void 0 : o.value) == null ? void 0 : i.length) > 1)
+      if (((r = n == null ? void 0 : n.value) == null ? void 0 : r.length) > 1)
         throw new Error("Not more than 1 action button may be provided to Modal Dialog");
-      if (a.value !== r.ACKNOWLEDGEMENT && !(o != null && o.value))
-        throw new Error(
-          "Modal Dialog, except ACKNOWLEDGEMENT type, always has to contain one action button"
-        );
-      if (a.value === r.ACKNOWLEDGEMENT && ((u = o == null ? void 0 : o.value) != null && u.length))
+      if (s.value !== c.ACKNOWLEDGEMENT && !(n != null && n.value))
+        throw new Error("Modal Dialog, except ACKNOWLEDGEMENT type, always has to contain one action button");
+      if (s.value === c.ACKNOWLEDGEMENT && ((u = n == null ? void 0 : n.value) != null && u.length))
         throw new Error("Acknowledgement Modal Dialog does not accept action buttons");
-    }), {
-      // Refs
-      modalRef: d,
-      // Values
-      dialogActions: M,
-      acknowledgementDialogActions: L,
-      // Methods
-      onCloseModal: O,
-      onCloseActionButton: m,
-      // Styles
-      modalDialogConditionalClasses: D,
-      // Enums
-      BentoModalRole: T
-    };
+    }), { __sfc: !0, emit: t, props: e, t: o, slots: a, hasSlot: f, actions: n, dialogType: s, modalRef: p, onCloseModal: m, onCloseActionButton: i, acknowledgementDialogActions: w, dialogActions: D, modalDialogConditionalClasses: E, BentoModalRole: k, BaseModal: M, BentoButtonActions: z };
   }
 });
-var j = function() {
-  var t = this, n = t._self._c;
-  return t._self._setupProxy, n("base-modal", t._b({ ref: "modalRef", 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() {
+var K = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e(o.BaseModal, t._b({ ref: "modalRef", staticClass: "b-modal-dialog", class: o.modalDialogConditionalClasses, attrs: { actions: o.actions, "hide-close-button": !0, size: "small", "is-dismissible": t.isDismissible, "is-open": t.isOpen, "overflow-visible": t.overflowVisible, "modal-role": o.BentoModalRole.ALERT_DIALOG, "initially-open": t.initiallyOpen }, on: { "close-modal": o.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 === "acknowledgement" ? n("bento-button-actions", { attrs: { actions: t.acknowledgementDialogActions, layout: "buttons-end" } }) : n("bento-button-actions", { attrs: { actions: t.dialogActions, layout: "buttons-end" } })];
+    return [o.dialogType === "acknowledgement" ? e(o.BentoButtonActions, { attrs: { actions: o.acknowledgementDialogActions, layout: "buttons-end" } }) : e(o.BentoButtonActions, { attrs: { actions: o.dialogActions, layout: "buttons-end" } })];
   }, proxy: !0 }], null, !0) }, "base-modal", t.$attrs, !1));
-}, G = [], U = /* @__PURE__ */ b(
-  I,
-  j,
-  G,
+}, W = [], Y = /* @__PURE__ */ g(
+  U,
+  K,
+  W,
   !1,
   null,
   null,
   null,
   null
 );
-const K = U.exports, W = 500, Y = _({
-  name: "bento-modal",
-  components: { BentoModalDefault: F, BentoModalDialog: K },
+const H = Y.exports, J = d({
+  components: { BentoModalDefault: I, BentoModalDialog: H }
+}), Q = /* @__PURE__ */ d({
+  ...J,
+  __name: "modal",
   props: {
-    /**
-     * Choose between default or dialog versions of modal
-     */
-    variant: {
-      type: String,
-      default: y.DEFAULT,
-      validator: (e) => Object.values(y).includes(e)
-    },
-    // Shared Modal Default and Modal Default props
-    /**
-     * If set to true, it allows the modal to be closed without performing an action
-     */
-    isDismissible: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
-     */
-    overflowVisible: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Controls the modal's state from the outside. Set it to true to open the modal
-     */
-    isOpen: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
-     */
-    initiallyOpen: {
-      type: Boolean,
-      default: !1
-    },
     /**
      * List of actions that will be used to render the buttons.
      * First element in the list will be rendered as "primary".
@@ -379,78 +283,85 @@ const K = U.exports, W = 500, Y = _({
       type: Array,
       default: null
     },
-    // Specific to Modal Default props
     /**
-     * Hides a cross icon on the right side of the title
+     * Text label that is displayed left to the action buttons
      */
-    hideCloseButton: {
-      type: Boolean,
-      default: !1
-    },
+    actionsLabel: { type: String, default: null },
     /**
-     * Sets the width of the modal
+     * Text that will be displayed in the content section of Modal
      */
-    size: {
+    content: { type: String, default: null },
+    /**
+     * 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: B.SMALL,
-      validator: (e) => Object.values(B).includes(e)
+      default: v.SMALLER,
+      validator: (l) => Object.values(v).includes(l)
     },
     /**
      * If provided, manages the padding of the whole modal container
      */
-    customPadding: {
+    customPadding: { type: String, default: null },
+    /**
+     * If passed - sets first button color to red
+     */
+    destructiveActions: { type: Boolean, default: !1 },
+    /**
+     * Changes the visual styling of action buttons
+     */
+    dialogType: {
       type: String,
-      default: null
+      default: c.CONFIRMATION,
+      validator: (l) => Object.values(c).includes(l)
     },
     /**
-     * If provided, renders the modal's content in a two-column layout an wth dividers separating its content
+     * Hides a cross icon on the right side of the title
+     */
+    hideCloseButton: { type: Boolean, default: !1 },
+    /**
+     * If set to true, it allows the modal to be closed without performing an action
      */
-    withColumnLayout: {
+    isDismissible: { type: Boolean, default: null },
+    /**
+     * Controls the modal's state from the outside. Set it to true to open the modal
+     */
+    isOpen: {
       type: Boolean,
       default: !1
     },
     /**
-     * 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.
+     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
      */
-    columnsSize: {
-      type: String,
-      default: p.SMALLER,
-      validator: (e) => Object.values(p).includes(e)
-    },
+    initiallyOpen: { type: Boolean, default: !1 },
     /**
-     * Text label that is displayed left to the action buttons
+     * Sets the width of the modal
      */
-    actionsLabel: {
+    size: {
       type: String,
-      default: null
+      default: C.SMALL,
+      validator: (l) => Object.values(C).includes(l)
     },
     /**
-     * If passed - sets first button color to red
+     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
      */
-    destructiveActions: {
-      type: Boolean,
-      default: !1
-    },
-    // Specific to Modal dialog props
+    overflowVisible: { type: Boolean, default: !1 },
     /**
-     * Changes the visual styling of action buttons
+     * Choose between default or dialog versions of modal
      */
-    dialogType: {
+    variant: {
       type: String,
-      default: r.CONFIRMATION,
-      validator: (e) => Object.values(r).includes(e)
+      default: y.DEFAULT,
+      validator: (l) => Object.values(y).includes(l)
     },
     /**
-     * Text that will be displayed in the content section of Modal
+     * If provided, renders the modal's content in a two-column layout an wth dividers separating its content
      */
-    content: {
-      type: String,
-      default: null
-    }
+    withColumnLayout: { type: Boolean, default: !1 }
   },
-  emits: [c.CLOSE_MODAL],
-  setup(e, { slots: t, emit: n }) {
-    const l = w(), s = f(
+  emits: ["close-modal"],
+  setup(l, { emit: t }) {
+    const e = l, o = 500, a = b(), f = B(a), n = x(), s = _(
       () => e.variant === y.DEFAULT ? {
         hideCloseButton: e.hideCloseButton,
         size: e.size,
@@ -461,59 +372,55 @@ const K = U.exports, W = 500, Y = _({
         overflowVisible: e.overflowVisible,
         withColumnLayout: e.withColumnLayout,
         columnSize: e.columnsSize,
-        ...l
+        ...n
       } : {
         dialogType: e.dialogType,
         content: e.content,
         isDismissible: e.isDismissible ?? !1,
         overflowVisible: e.overflowVisible,
-        ...l
+        ...n
       }
-    ), o = () => {
-      n(c.CLOSE_MODAL);
+    ), p = () => {
+      t("close-modal");
     };
-    return x(
+    return T(
       () => e.actions,
       () => {
-        var a, d;
-        ((d = (a = e.actions) == null ? void 0 : a[0]) == null ? void 0 : d.state) === "success" && setTimeout(o, W);
+        var m, i;
+        ((i = (m = e.actions) == null ? void 0 : m[0]) == null ? void 0 : i.state) === "success" && setTimeout(p, o);
       }
-    ), {
-      onCloseModal: o,
-      customProps: s,
-      hasSlot: v(t)
-    };
+    ), { __sfc: !0, LOADING_BTN_CLOSE_AFTER_SUCCESS_DELAY_TIME: o, slots: a, hasSlot: f, attrs: n, emit: t, props: e, customProps: s, onCloseModal: p };
   }
 });
-var H = 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, "initially-open": t.initiallyOpen }, on: { "close-modal": t.onCloseModal }, scopedSlots: t._u([t.hasSlot("default") ? { key: "default", fn: function() {
+var X = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e(t.variant, t._b({ tag: "component", staticClass: "b-modal", attrs: { "is-open": t.isOpen, actions: t.actions, "initially-open": t.initiallyOpen }, on: { "close-modal": o.onCloseModal }, scopedSlots: t._u([o.hasSlot("default") ? { key: "default", fn: function() {
     return [t._t("default")];
-  }, proxy: !0 } : null, t.hasSlot("content-col-1") ? { key: "content-col-1", fn: function() {
+  }, proxy: !0 } : null, o.hasSlot("content-col-1") ? { key: "content-col-1", fn: function() {
     return [t._t("content-col-1")];
-  }, proxy: !0 } : null, t.hasSlot("content-col-2") ? { key: "content-col-2", fn: function() {
+  }, proxy: !0 } : null, o.hasSlot("content-col-2") ? { key: "content-col-2", fn: function() {
     return [t._t("content-col-2")];
-  }, proxy: !0 } : null, t.hasSlot("content") ? { key: "content", fn: function() {
+  }, proxy: !0 } : null, o.hasSlot("content") ? { key: "content", fn: function() {
     return [t._t("content")];
-  }, proxy: !0 } : null], null, !0) }, "component", t.customProps, !1));
-}, J = [], Q = /* @__PURE__ */ b(
-  Y,
-  H,
-  J,
+  }, proxy: !0 } : null], null, !0) }, "component", o.customProps, !1));
+}, Z = [], tt = /* @__PURE__ */ g(
+  Q,
+  X,
+  Z,
   !1,
   null,
   null,
   null,
   null
 );
-const st = Q.exports;
+const ut = tt.exports;
 export {
-  st as BentoModal,
-  p as BentoModalColumnLayoutVariant,
-  r as BentoModalDialogType,
-  c as BentoModalEvent,
-  T as BentoModalRole,
-  B as BentoModalSize,
+  ut as BentoModal,
+  v as BentoModalColumnLayoutVariant,
+  c as BentoModalDialogType,
+  ft as BentoModalEvent,
+  k as BentoModalRole,
+  C as BentoModalSize,
   y as BentoModalVariant
 };
 //# sourceMappingURL=modal.js.map