@adyen/bento-vue3 1.1.0 → 1.2.0

package/dist/modal.js

@@ -1,18 +1,18 @@
-import { defineComponent as T, ref as se, toRefs as I, computed as f, watch as ie, onMounted as G, resolveComponent as b, openBlock as d, createElementBlock as N, createElementVNode as O, normalizeClass as q, withKeys as re, createVNode as D, withCtx as i, normalizeStyle as P, renderSlot as u, createCommentVNode as g, createBlock as p, unref as y, createTextVNode as j, toDisplayString as H, createSlots as Q, resolveDynamicComponent as de, mergeProps as ue } from "vue";
-import { B as ce, a as M } from "./chunks/button.4ccc3a72.js";
-import { B as J, a as X, b as Z } from "./chunks/index.92f7d550.js";
+import { defineComponent as T, ref as se, toRefs as G, computed as f, watch as ie, onMounted as z, resolveComponent as v, openBlock as d, createElementBlock as N, createElementVNode as D, normalizeClass as U, withKeys as re, createVNode as M, withCtx as i, normalizeStyle as q, renderSlot as u, createCommentVNode as g, createBlock as p, unref as y, createTextVNode as j, toDisplayString as H, createSlots as Q, resolveDynamicComponent as de, mergeProps as ue } from "vue";
+import { B as ce, a as w } from "./chunks/button.1f630b6e.js";
+import { B as J, a as X, b as Z } from "./chunks/index.ebf5f6cf.js";
 import { BentoDivider as me } from "./divider.js";
-import { B as pe } from "./chunks/index.0f958a0c.js";
-import { u as z } from "./chunks/use-has-slot.068222e6.js";
+import { B as pe } from "./chunks/index.361c61d3.js";
+import { u as V } from "./chunks/use-has-slot.068222e6.js";
 import { u as fe } from "./chunks/aria-label.ac9651a5.js";
 import { u as x } from "./chunks/i18n.6c402773.js";
 import { g as ye } from "./chunks/get-slot-text.2db867f8.js";
-import { C as be } from "./chunks/cross.5c36a670.js";
-import { G as ve, a as ge } from "./chunks/grid-layout.a30855ff.js";
+import { C as ve } from "./chunks/cross.5c36a670.js";
+import { G as be, a as ge } from "./chunks/grid-layout.a30855ff.js";
 import { _ as $ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as U, c as F } from "./chunks/button-actions.59449cda.js";
-import "./assets/index32.css";
-var K = /* @__PURE__ */ ((e) => (e.DEFAULT = "BentoModalDefault", e.DIALOG = "BentoModalDialog", e))(K || {}), w = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(w || {}), E = /* @__PURE__ */ ((e) => (e.SMALLER = "smaller", e.EQUAL = "equal", e.BIGGER = "bigger", e))(E || {}), R = /* @__PURE__ */ ((e) => (e.DIALOG = "dialog", e.ALERT_DIALOG = "alertdialog", e))(R || {}), _ = /* @__PURE__ */ ((e) => (e.CONFIRMATION = "confirmation", e.DESTRUCTIVE = "destructive", e.INFO = "info", e.ACKNOWLEDGEMENT = "acknowledgement", e))(_ || {}), h = /* @__PURE__ */ ((e) => (e.CLOSE_MODAL = "close-modal", e))(h || {});
+import { B as F, c as K } from "./chunks/button-actions.a6e541ad.js";
+import "./assets/index21.css";
+var R = /* @__PURE__ */ ((e) => (e.DEFAULT = "BentoModalDefault", e.DIALOG = "BentoModalDialog", e))(R || {}), E = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(E || {}), S = /* @__PURE__ */ ((e) => (e.SMALLER = "smaller", e.EQUAL = "equal", e.BIGGER = "bigger", e))(S || {}), I = /* @__PURE__ */ ((e) => (e.DIALOG = "dialog", e.ALERT_DIALOG = "alertdialog", e))(I || {}), L = /* @__PURE__ */ ((e) => (e.CONFIRMATION = "confirmation", e.DESTRUCTIVE = "destructive", e.INFO = "info", e.ACKNOWLEDGEMENT = "acknowledgement", e))(L || {}), h = /* @__PURE__ */ ((e) => (e.CLOSE_MODAL = "close-modal", e))(h || {});
 const W = {
   "en-US": {
     ariaLabelFallback: "modal"
@@ -20,14 +20,14 @@ const W = {
 }, he = T({
   i18n: { messages: W },
   name: "base-modal",
-  components: { CrossIcon: be, BentoTypography: J, BentoButton: ce, BentoDivider: me, BentoFocusTrap: pe, GridLayout: ve },
+  components: { CrossIcon: ve, BentoTypography: J, BentoButton: ce, BentoDivider: me, BentoFocusTrap: pe, GridLayout: be },
   props: {
     /**
      * Defines whether the modal will be an alert modal
      */
     modalRole: {
       type: String,
-      default: R.DIALOG
+      default: I.DIALOG
     },
     /**
      * If set to true, it allows the modal to be closed by clicking outside of it
@@ -62,7 +62,7 @@ const W = {
      */
     columnsSize: {
       type: String,
-      default: E.SMALLER
+      default: S.SMALLER
     },
     /**
      * Controls the modal's state from the outside. Set it to true to open the modal
@@ -76,7 +76,7 @@ const W = {
      */
     size: {
       type: String,
-      default: w.SMALL
+      default: E.SMALL
     },
     /**
      * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
@@ -92,70 +92,70 @@ const W = {
   },
   emits: [h.CLOSE_MODAL],
   setup(e, { slots: t, emit: l }) {
-    const { t: r } = x({ messages: W }), a = z(t), o = se(null), { isOpen: n, customPadding: s, overflowVisible: v } = I(e), C = f(
+    const { t: r } = x({ messages: W }), a = V(t), o = se(null), { isOpen: n, customPadding: s, overflowVisible: b } = G(e), C = f(
       () => a("default") && t.default() ? ye(t)("default") : null
-    ), L = f(() => {
+    ), B = f(() => {
       if (!s.value)
         return {};
-      const S = {
+      const O = {
         paddingLeft: s.value,
         paddingRight: s.value
-      }, V = { ...S, paddingTop: void 0, paddingBottom: void 0 };
-      return a("default") || (V.paddingTop = s.value), a("actions") || (V.paddingBottom = s.value), {
-        header: { ...S, paddingTop: s.value },
-        content: V,
-        actions: { ...S, paddingBottom: s.value }
+      }, P = { ...O, paddingTop: void 0, paddingBottom: void 0 };
+      return a("default") || (P.paddingTop = s.value), a("actions") || (P.paddingBottom = s.value), {
+        header: { ...O, paddingTop: s.value },
+        content: P,
+        actions: { ...O, paddingBottom: s.value }
       };
-    }), B = fe({
+    }), A = fe({
       label: C,
       defaultFallback: r("ariaLabelFallback")
-    }), c = f(() => e.withColumnLayout && e.size === w.LARGE), m = () => {
+    }), c = f(() => e.withColumnLayout && e.size === E.LARGE), m = () => {
       o.value.showModal();
-    }, A = () => {
+    }, _ = () => {
       l(h.CLOSE_MODAL);
     }, k = () => {
-      o.value.close(), A();
+      o.value.close(), _();
     }, oe = () => {
       k();
-    }, te = ({ target: S }) => {
-      S && S.tagName === R.DIALOG.toUpperCase() && k();
+    }, te = ({ target: O }) => {
+      O && O.tagName === I.DIALOG.toUpperCase() && k();
     }, ne = f(() => ({
       [`b-modal-base__container--${e.size}`]: e.size,
       ["b-modal-base__container--visible"]: n.value,
-      ["b-modal-base__container--overflow-visible"]: v.value,
+      ["b-modal-base__container--overflow-visible"]: b.value,
       ["b-modal-base__container--column-layout"]: c.value
     })), ae = f(() => ({
       "b-modal-base__content--column-layout": c.value,
       "b-modal-base__content--with-header": a("default"),
       "b-modal-base__content--with-actions": a("actions")
-    })), le = f(() => e.columnsSize === E.SMALLER ? [{ small: 4, medium: 4, large: 4 }] : e.columnsSize === E.BIGGER ? [{ small: 8, medium: 8, large: 8 }] : [{ small: 6, medium: 6, large: 6 }]);
+    })), le = f(() => e.columnsSize === S.SMALLER ? [{ small: 4, medium: 4, large: 4 }] : e.columnsSize === S.BIGGER ? [{ small: 8, medium: 8, large: 8 }] : [{ small: 6, medium: 6, large: 6 }]);
     return ie(
       () => [n.value, o.value],
       () => {
         n.value && o.value ? m() : o.value && k();
       },
       { immediate: !0 }
-    ), G(() => {
+    ), z(() => {
       n.value && o.value && m();
     }), {
       // Refs
       modal: o,
-      computedAriaLabel: B,
+      computedAriaLabel: A,
       // Handling the state
       openModal: m,
       closeModalOnClickOutside: te,
       // Methods
       onCloseButtonClick: oe,
       hasSlot: a,
-      emitCloseEvent: A,
+      emitCloseEvent: _,
       // Styles
       modalConditionalClasses: ne,
       modalContentConditionalClasses: ae,
-      customPaddingStyles: L,
+      customPaddingStyles: B,
       hasColumnLayout: c,
       computedColumnWidth: le,
       // Enums
-      BentoButtonVariant: M,
+      BentoButtonVariant: w,
       BentoTypographyElement: X,
       BentoTypographyVariant: Z,
       GridLayoutContainerType: ge
@@ -167,27 +167,27 @@ const Ce = { class: "b-modal-base" }, Le = ["role", "aria-label", "open"], Be =
   class: "b-modal-base__actions"
 };
 function Se(e, t, l, r, a, o) {
-  const n = b("bento-typography"), s = b("cross-icon"), v = b("bento-button"), C = b("bento-divider"), L = b("grid-layout"), B = b("bento-focus-trap");
+  const n = v("bento-typography"), s = v("cross-icon"), b = v("bento-button"), C = v("bento-divider"), B = v("grid-layout"), A = v("bento-focus-trap");
   return d(), N("div", Ce, [
-    O("dialog", {
+    D("dialog", {
       ref: "modal",
       role: e.modalRole,
       "aria-label": e.computedAriaLabel,
-      class: q(["b-modal-base__container", e.modalConditionalClasses]),
+      class: U(["b-modal-base__container", e.modalConditionalClasses]),
       open: e.initiallyOpen,
       onClick: t[0] || (t[0] = (c) => e.isDismissible && e.closeModalOnClickOutside(c)),
       onKeydown: t[1] || (t[1] = re((...c) => e.emitCloseEvent && e.emitCloseEvent(...c), ["esc"]))
     }, [
-      D(B, null, {
+      M(A, null, {
         default: i(() => [
-          O("div", Be, [
+          D("div", Be, [
             e.hasSlot("default") || !e.hideCloseButton ? (d(), N("div", {
               key: 0,
               class: "b-modal-base__header-container",
-              style: P(e.customPaddingStyles.header)
+              style: q(e.customPaddingStyles.header)
             }, [
-              O("div", Ae, [
-                D(n, {
+              D("div", Ae, [
+                M(n, {
                   class: "b-modal-base__title",
                   "aria-label": "base modal title",
                   el: e.BentoTypographyElement.SPAN,
@@ -199,7 +199,7 @@ function Se(e, t, l, r, a, o) {
                   ]),
                   _: 3
                 }, 8, ["el", "variant"]),
-                e.hideCloseButton ? g("", !0) : (d(), p(v, {
+                e.hideCloseButton ? g("", !0) : (d(), p(b, {
                   key: 0,
                   class: "b-modal-base__close-button",
                   variant: e.BentoButtonVariant.TERTIARY,
@@ -207,7 +207,7 @@ function Se(e, t, l, r, a, o) {
                   onClick: e.onCloseButtonClick
                 }, {
                   default: i(() => [
-                    D(s, { "svg-title": "close" })
+                    M(s, { "svg-title": "close" })
                   ]),
                   _: 1
                 }, 8, ["variant", "onClick"]))
@@ -217,9 +217,9 @@ function Se(e, t, l, r, a, o) {
                 class: "b-modal-base__divider"
               })) : g("", !0)
             ], 4)) : g("", !0),
-            O("div", {
-              class: q(["b-modal-base__content", e.modalContentConditionalClasses]),
-              style: P(e.customPaddingStyles.content)
+            D("div", {
+              class: U(["b-modal-base__content", e.modalContentConditionalClasses]),
+              style: q(e.customPaddingStyles.content)
             }, [
               e.hasSlot("content") ? (d(), p(n, {
                 key: 0,
@@ -229,7 +229,7 @@ function Se(e, t, l, r, a, o) {
                 stronger: ""
               }, {
                 default: i(() => [
-                  e.hasColumnLayout ? (d(), p(L, {
+                  e.hasColumnLayout ? (d(), p(B, {
                     key: 0,
                     "column-width": e.computedColumnWidth,
                     "container-type": e.GridLayoutContainerType.NORMAL,
@@ -250,13 +250,13 @@ function Se(e, t, l, r, a, o) {
             e.hasSlot("actions") ? (d(), N("div", {
               key: 1,
               class: "b-modal-base__actions-container",
-              style: P(e.customPaddingStyles.actions)
+              style: q(e.customPaddingStyles.actions)
             }, [
               e.hasColumnLayout ? (d(), p(C, {
                 key: 0,
                 class: "b-modal-base__divider"
               })) : g("", !0),
-              O("div", _e, [
+              D("div", _e, [
                 u(e.$slots, "actions", {}, void 0, !0)
               ])
             ], 4)) : g("", !0)
@@ -267,8 +267,8 @@ function Se(e, t, l, r, a, o) {
     ], 42, Le)
   ]);
 }
-const ee = /* @__PURE__ */ $(he, [["render", Se], ["__scopeId", "data-v-c82b2878"]]), Ee = { class: "b-footer-actions" }, Oe = {}, De = /* @__PURE__ */ T({
-  ...Oe,
+const ee = /* @__PURE__ */ $(he, [["render", Se], ["__scopeId", "data-v-c82b2878"]]), Oe = { class: "b-footer-actions" }, Ee = {}, De = /* @__PURE__ */ T({
+  ...Ee,
   __name: "footer-actions",
   props: {
     /**
@@ -319,26 +319,26 @@ const ee = /* @__PURE__ */ $(he, [["render", Se], ["__scopeId", "data-v-c82b2878
     }
   },
   setup(e) {
-    const t = e, { actions: l, destructiveActions: r } = I(t), a = f(() => {
+    const t = e, { actions: l, destructiveActions: r } = G(t), a = f(() => {
       const o = l.value.length < 3 ? l.value : l.value.slice(0, l.value.length - 1);
       return o[0].critical = r.value, {
         leftAligned: l.value.length === 3 ? [
           {
             ...l.value[l.value.length - 1],
-            variant: M.SECONDARY
+            variant: w.SECONDARY
           }
         ] : null,
         rightAligned: [...o]
       };
     });
-    return G(() => {
+    return z(() => {
       if (t.actions && t.actions.length > 3)
         throw new Error("Not more than 3 action buttons may be provided to Bento Modal default variant");
       if (t.actionsLabel && t.actions && t.actions.length > 2)
         throw new Error(
           "Not more than 2 action buttons may be provided with actions label to Bento Modal default variant"
         );
-    }), (o, n) => (d(), N("div", Ee, [
+    }), (o, n) => (d(), N("div", Oe, [
       e.actionsLabel ? (d(), p(y(J), {
         key: 0,
         el: y(X).SPAN,
@@ -350,14 +350,14 @@ const ee = /* @__PURE__ */ $(he, [["render", Se], ["__scopeId", "data-v-c82b2878
         ]),
         _: 1
       }, 8, ["el", "variant"])) : g("", !0),
-      y(a).leftAligned ? (d(), p(y(U), {
+      y(a).leftAligned ? (d(), p(y(F), {
         key: 1,
         actions: y(a).leftAligned,
-        layout: y(F).BUTTONS_START
+        layout: y(K).BUTTONS_START
       }, null, 8, ["actions", "layout"])) : g("", !0),
-      D(y(U), {
+      M(y(F), {
         actions: y(a).rightAligned,
-        layout: y(F).BUTTONS_END
+        layout: y(K).BUTTONS_END
       }, null, 8, ["actions", "layout"])
     ]));
   }
@@ -423,7 +423,7 @@ const Me = /* @__PURE__ */ $(De, [["__scopeId", "data-v-7d3e4571"]]), we = T({
      */
     columnsSize: {
       type: String,
-      default: E.SMALLER
+      default: S.SMALLER
     },
     /**
      * List of actions that will be used to render the buttons.
@@ -481,10 +481,10 @@ const Me = /* @__PURE__ */ $(De, [["__scopeId", "data-v-7d3e4571"]]), we = T({
   },
   emits: [h.CLOSE_MODAL],
   setup(e, { slots: t, emit: l }) {
-    const r = z(t), a = () => {
+    const r = V(t), a = () => {
       l(h.CLOSE_MODAL);
     };
-    return G(() => {
+    return z(() => {
       if (!(r("content") || r("content-col-1") && r("content-col-2")))
         throw new Error("Bento Modal default variant requires content slot or column slots");
     }), {
@@ -495,7 +495,7 @@ const Me = /* @__PURE__ */ $(De, [["__scopeId", "data-v-7d3e4571"]]), we = T({
   }
 });
 function Te(e, t, l, r, a, o) {
-  const n = b("footer-actions"), s = b("base-modal");
+  const n = v("footer-actions"), s = v("base-modal");
   return d(), p(s, {
     class: "b-modal-default",
     size: e.size,
@@ -530,7 +530,7 @@ function Te(e, t, l, r, a, o) {
       name: "actions",
       fn: i(() => [
         u(e.$slots, "actions", {}, () => [
-          D(n, {
+          M(n, {
             actions: e.actions,
             "actions-label": e.actionsLabel,
             "destructive-actions": e.destructiveActions
@@ -548,7 +548,7 @@ const $e = /* @__PURE__ */ $(we, [["render", Te]]), Y = {
 }, ke = T({
   i18n: { messages: Y },
   name: "bento-modal-dialog",
-  components: { BaseModal: ee, BentoButtonActions: U },
+  components: { BaseModal: ee, BentoButtonActions: F },
   props: {
     /**
      * Controls the modal's state from the outside. Set it to true to open the modal
@@ -620,60 +620,60 @@ const $e = /* @__PURE__ */ $(we, [["render", Te]]), Y = {
   },
   emits: [h.CLOSE_MODAL],
   setup(e, { slots: t, emit: l }) {
-    const { t: r } = x({ messages: Y }), a = z(t), { actions: o, dialogType: n } = I(e), s = () => {
+    const { t: r } = x({ messages: Y }), a = V(t), { actions: o, dialogType: n } = G(e), s = () => {
       l(h.CLOSE_MODAL);
-    }, v = () => {
+    }, b = () => {
       s();
     }, C = f(() => [
       {
         title: r("okButtonText"),
-        event: v,
-        variant: M.SECONDARY
+        event: b,
+        variant: w.SECONDARY
       }
-    ]), L = f(() => {
-      var A;
+    ]), B = f(() => {
+      var _;
       const c = {
         title: "Cancel",
-        event: v
-      }, m = (A = o == null ? void 0 : o.value) == null ? void 0 : A[0];
-      return n.value === _.DESTRUCTIVE ? m.critical = !0 : n.value === _.INFO && (m.variant = M.SECONDARY), [m, c];
-    }), B = f(() => ({
+        event: b
+      }, m = (_ = o == null ? void 0 : o.value) == null ? void 0 : _[0];
+      return n.value === L.DESTRUCTIVE ? m.critical = !0 : n.value === L.INFO && (m.variant = w.SECONDARY), [m, c];
+    }), A = f(() => ({
       [`b-modal-dialog--${n.value}`]: n.value
     }));
-    return G(() => {
+    return z(() => {
       var c, m;
       if (!a("default") || !e.content)
         throw new Error("Bento Modal Dialog requires header title and content");
       if (((c = o == null ? void 0 : o.value) == null ? void 0 : c.length) > 1)
         throw new Error("Not more than 1 action button may be provided to Modal Dialog");
-      if (n.value !== _.ACKNOWLEDGEMENT && !(o != null && o.value))
+      if (n.value !== L.ACKNOWLEDGEMENT && !(o != null && o.value))
         throw new Error(
           "Modal Dialog, except ACKNOWLEDGEMENT type, always has to contain one action button"
         );
-      if (n.value === _.ACKNOWLEDGEMENT && ((m = o == null ? void 0 : o.value) != null && m.length))
+      if (n.value === L.ACKNOWLEDGEMENT && ((m = o == null ? void 0 : o.value) != null && m.length))
         throw new Error("Acknowledgement Modal Dialog does not accept action buttons");
     }), {
       // Values
-      dialogActions: L,
+      dialogActions: B,
       acknowledgementDialogActions: C,
       // Methods
       onCloseModal: s,
-      onCloseActionButton: v,
+      onCloseActionButton: b,
       // Styles
-      modalDialogConditionalClasses: B,
+      modalDialogConditionalClasses: A,
       // Enums
-      BentoModalRole: R,
-      BentoModalSize: w,
-      BentoButtonVariant: M,
-      BentoModalDialogType: _,
-      BentoButtonActionsLayout: F
+      BentoModalRole: I,
+      BentoModalSize: E,
+      BentoButtonVariant: w,
+      BentoModalDialogType: L,
+      BentoButtonActionsLayout: K
     };
   }
 });
 function Ne(e, t, l, r, a, o) {
-  const n = b("bento-button-actions"), s = b("base-modal");
+  const n = v("bento-button-actions"), s = v("base-modal");
   return d(), p(s, {
-    class: q(["b-modal-dialog", e.modalDialogConditionalClasses]),
+    class: U(["b-modal-dialog", e.modalDialogConditionalClasses]),
     "hide-close-button": !0,
     size: e.BentoModalSize.SMALL,
     "is-dismissible": e.isDismissible,
@@ -712,7 +712,8 @@ const Re = /* @__PURE__ */ $(ke, [["render", Ne]]), Ie = T({
      */
     variant: {
       type: String,
-      default: K.DEFAULT
+      default: R.DEFAULT,
+      validator: (e) => Object.values(R).includes(e)
     },
     // Shared Modal Default and Modal Default props
     /**
@@ -778,7 +779,8 @@ const Re = /* @__PURE__ */ $(ke, [["render", Ne]]), Ie = T({
      */
     size: {
       type: String,
-      default: w.SMALL
+      default: E.SMALL,
+      validator: (e) => Object.values(E).includes(e)
     },
     /**
      * If provided, manages the padding of the whole modal container
@@ -799,7 +801,8 @@ const Re = /* @__PURE__ */ $(ke, [["render", Ne]]), Ie = T({
      */
     columnsSize: {
       type: String,
-      default: E.SMALLER
+      default: S.SMALLER,
+      validator: (e) => Object.values(S).includes(e)
     },
     /**
      * Text label that is displayed left to the action buttons
@@ -821,7 +824,8 @@ const Re = /* @__PURE__ */ $(ke, [["render", Ne]]), Ie = T({
      */
     dialogType: {
       type: String,
-      default: _.CONFIRMATION
+      default: L.CONFIRMATION,
+      validator: (e) => Object.values(L).includes(e)
     },
     /**
      * Text that will be displayed in the content section of Modal
@@ -839,24 +843,24 @@ const Re = /* @__PURE__ */ $(ke, [["render", Ne]]), Ie = T({
       size: o,
       isDismissible: n,
       overflowVisible: s,
-      dialogType: v,
+      dialogType: b,
       content: C,
-      customPadding: L,
-      actionsLabel: B,
+      customPadding: B,
+      actionsLabel: A,
       destructiveActions: c,
       withColumnLayout: m
-    } = I(e), A = f(
-      () => r.value === K.DEFAULT ? {
+    } = G(e), _ = f(
+      () => r.value === R.DEFAULT ? {
         hideCloseButton: a.value,
         size: o.value,
-        customPadding: L.value,
-        actionsLabel: B.value,
+        customPadding: B.value,
+        actionsLabel: A.value,
         destructiveActions: c.value,
         isDismissible: n.value ?? !0,
         overflowVisible: s.value,
         withColumnLayout: m.value
       } : {
-        dialogType: v.value,
+        dialogType: b.value,
         content: C.value,
         isDismissible: n.value ?? !1,
         overflowVisible: s.value
@@ -866,8 +870,8 @@ const Re = /* @__PURE__ */ $(ke, [["render", Ne]]), Ie = T({
       onCloseModal: () => {
         l(h.CLOSE_MODAL);
       },
-      customProps: A,
-      hasSlot: z(t)
+      customProps: _,
+      hasSlot: V(t)
     };
   }
 });
@@ -910,11 +914,11 @@ function Ge(e, t, l, r, a, o) {
 const Xe = /* @__PURE__ */ $(Ie, [["render", Ge]]);
 export {
   Xe as BentoModal,
-  E as BentoModalColumnLayoutVariant,
-  _ as BentoModalDialogType,
+  S as BentoModalColumnLayoutVariant,
+  L as BentoModalDialogType,
   h as BentoModalEvent,
-  R as BentoModalRole,
-  w as BentoModalSize,
-  K as BentoModalVariant
+  I as BentoModalRole,
+  E as BentoModalSize,
+  R as BentoModalVariant
 };
 //# sourceMappingURL=modal.js.map