@adyen/bento-vue3 1.11.1 → 1.13.1

package/dist/modal.js

@@ -1,74 +1,16 @@
-import { defineComponent as S, onMounted as E, resolveComponent as v, openBlock as p, createBlock as y, mergeProps as M, createSlots as $, withCtx as l, renderSlot as a, createVNode as R, toRefs as q, ref as P, computed as b, createTextVNode as I, toDisplayString as F, useAttrs as j, watch as G, resolveDynamicComponent as U } from "vue";
-import { f as T, b as B, e as m, d as f, c as K, B as g, a as L } from "./chunks/base-modal.77270ff6.js";
-import { u as A } from "./chunks/use-has-slot.4d98bf29.js";
-import { F as W } from "./chunks/footer-actions.2a632236.js";
-import { _ as O } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as h } from "./chunks/button.aaaf4f39.js";
-import { u as Y } from "./chunks/i18n.6c402773.js";
-import { BentoButtonActions as H } from "./button.js";
-const _ = S({
-  name: "bento-modal-default",
-  components: { BaseModal: T, FooterActions: W },
+import { b as A, f as T, d as m, c as q, a as O, B as w } from "./chunks/base-modal.c4045ec6.js";
+import { e as ue } from "./chunks/base-modal.c4045ec6.js";
+import { defineComponent as y, useSlots as h, onMounted as $, openBlock as B, createBlock as g, unref as n, mergeProps as C, createSlots as k, withCtx as i, renderSlot as a, createVNode as I, toRefs as P, ref as F, computed as S, createTextVNode as j, toDisplayString as G, useAttrs as U, watch as K, resolveDynamicComponent as W } from "vue";
+import { u as D } from "./chunks/use-has-slot.4d98bf29.js";
+import { F as Y } from "./chunks/footer-actions.2340bf71.js";
+import { B as M } from "./chunks/button.9a51e27a.js";
+import { u as H } from "./chunks/i18n.6c402773.js";
+import { BentoButtonActions as L } from "./button.js";
+const J = y({
+  name: "bento-modal-default"
+}), Q = /* @__PURE__ */ y({
+  ...J,
   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: B.SMALLER
-    },
     /**
      * List of actions that will be used to render the buttons.
      * First element in the list will be rendered as "primary".
@@ -104,131 +46,117 @@ const _ = S({
     /**
      * 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: A.SMALLER
     },
     /**
      * If passed - sets first button color to red
      */
-    destructiveActions: {
-      type: Boolean,
-      default: !1
-    },
+    destructiveActions: { type: Boolean, default: !1 },
     /**
-     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
+     * Hides a cross icon on the right side of the title
      */
-    initiallyOpen: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [m.CLOSE_MODAL],
-  setup(e, { slots: d, emit: u }) {
-    const n = A(d), i = () => {
-      u(m.CLOSE_MODAL);
-    };
-    return E(() => {
-      if (!(n("content") || n("content-col-1") && n("content-col-2")))
-        throw new Error("Bento Modal default variant requires content slot or column slots");
-    }), {
-      // Methods
-      onCloseModal: i,
-      hasSlot: n
-    };
-  }
-});
-function J(e, d, u, n, i, o) {
-  const t = v("footer-actions"), s = v("base-modal");
-  return p(), y(s, M({ class: "b-modal-default" }, e.$attrs, {
-    actions: e.actions,
-    size: e.size,
-    "hide-close-button": e.hideCloseButton,
-    "custom-padding": e.customPadding,
-    "is-dismissible": e.isDismissible,
-    "is-open": e.isOpen,
-    "overflow-visible": e.overflowVisible,
-    "with-column-layout": e.withColumnLayout,
-    "initially-open": e.initiallyOpen,
-    onCloseModal: e.onCloseModal
-  }), $({
-    "content-col-1": l(() => [
-      a(e.$slots, "content-col-1")
-    ]),
-    "content-col-2": l(() => [
-      a(e.$slots, "content-col-2")
-    ]),
-    content: l(() => [
-      a(e.$slots, "content")
-    ]),
-    _: 2
-  }, [
-    e.hasSlot("default") ? {
-      name: "default",
-      fn: l(() => [
-        a(e.$slots, "default")
-      ]),
-      key: "0"
-    } : void 0,
-    e.actions ? {
-      name: "actions",
-      fn: l(() => [
-        a(e.$slots, "actions", {}, () => [
-          R(t, {
-            actions: e.actions,
-            "actions-label": e.actionsLabel,
-            "destructive-actions": e.destructiveActions
-          }, null, 8, ["actions", "actions-label", "destructive-actions"])
-        ])
-      ]),
-      key: "1"
-    } : void 0
-  ]), 1040, ["actions", "size", "hide-close-button", "custom-padding", "is-dismissible", "is-open", "overflow-visible", "with-column-layout", "initially-open", "onCloseModal"]);
-}
-const Q = /* @__PURE__ */ O(_, [["render", J]]), w = {
-  "en-US": {
-    okButtonText: "OK"
-  }
-}, X = S({
-  i18n: { messages: w },
-  name: "bento-modal-dialog",
-  components: { BaseModal: T, BentoButtonActions: H },
-  props: {
+    hideCloseButton: { type: Boolean, default: !1 },
     /**
-     * Controls the modal's state from the outside. Set it to true to open the modal
+     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
      */
-    isOpen: {
-      type: Boolean,
-      required: !0
-    },
+    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
-    },
+    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
-    },
+    overflowVisible: { type: Boolean, default: !1 },
     /**
-     * Sets different action buttons styling and appearance
+     * Sets the width of the modal
      */
-    dialogType: {
+    size: {
       type: String,
       required: !0
     },
     /**
-     * Text that is 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,
-      required: !0
-    },
+    withColumnLayout: { type: Boolean, default: !1 }
+  },
+  emits: ["close-modal"],
+  setup(e, { emit: v }) {
+    const t = h(), d = D(t), p = () => {
+      v("close-modal");
+    };
+    return $(() => {
+      if (!(d("content") || d("content-col-1") && d("content-col-2")))
+        throw new Error("Bento Modal default variant requires content slot or column slots");
+    }), (l, o) => (B(), g(n(T), C({ class: "b-modal-default" }, l.$attrs, {
+      actions: e.actions,
+      size: e.size,
+      "hide-close-button": e.hideCloseButton,
+      "custom-padding": e.customPadding,
+      "is-dismissible": e.isDismissible,
+      "is-open": e.isOpen,
+      "overflow-visible": e.overflowVisible,
+      "with-column-layout": e.withColumnLayout,
+      "initially-open": e.initiallyOpen,
+      onCloseModal: p
+    }), k({
+      "content-col-1": i(() => [
+        a(l.$slots, "content-col-1")
+      ]),
+      "content-col-2": i(() => [
+        a(l.$slots, "content-col-2")
+      ]),
+      content: i(() => [
+        a(l.$slots, "content")
+      ]),
+      _: 2
+    }, [
+      n(d)("default") ? {
+        name: "default",
+        fn: i(() => [
+          a(l.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0,
+      e.actions ? {
+        name: "actions",
+        fn: i(() => [
+          a(l.$slots, "actions", {}, () => [
+            I(n(Y), {
+              actions: e.actions,
+              "actions-label": e.actionsLabel,
+              "destructive-actions": e.destructiveActions
+            }, null, 8, ["actions", "actions-label", "destructive-actions"])
+          ])
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["actions", "size", "hide-close-button", "custom-padding", "is-dismissible", "is-open", "overflow-visible", "with-column-layout", "initially-open"]));
+  }
+}), N = {
+  "en-US": {
+    okButtonText: "OK"
+  }
+}, X = y({
+  i18n: { messages: N },
+  name: "bento-modal-dialog"
+}), Z = /* @__PURE__ */ y({
+  ...X,
+  props: {
     /**
      * List of actions that will be used to render the buttons.
      * Only 1 action button is allowed for Modal Dialog
@@ -255,138 +183,104 @@ const Q = /* @__PURE__ */ O(_, [["render", J]]), w = {
       default: null
     },
     /**
-     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
+     * Text that is displayed in the content section of modal
      */
-    initiallyOpen: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [m.CLOSE_MODAL],
-  setup(e, { slots: d, emit: u }) {
-    const { t: n } = Y({ messages: w }), i = A(d), { actions: o, dialogType: t } = q(e), s = P(null), k = () => {
-      u(m.CLOSE_MODAL);
-    }, C = (r) => {
-      s.value.internalModalActionClose(r);
-    }, N = b(() => [
-      {
-        title: n("okButtonText"),
-        event: C,
-        variant: h.SECONDARY
-      }
-    ]), V = b(() => {
-      var D;
-      const r = {
-        title: "Cancel",
-        event: C
-      }, c = (D = o == null ? void 0 : o.value) == null ? void 0 : D[0];
-      return t.value === f.DESTRUCTIVE ? c.critical = !0 : t.value === f.INFO && (c.variant = h.SECONDARY), [c, r];
-    }), z = b(() => ({
-      [`b-modal-dialog--${t.value}`]: t.value
-    }));
-    return E(() => {
-      var r, c;
-      if (!i("default") || !e.content && !i("content"))
-        throw new Error("Bento Modal Dialog requires header title and content");
-      if (((r = o == null ? void 0 : o.value) == null ? void 0 : r.length) > 1)
-        throw new Error("Not more than 1 action button may be provided to Modal Dialog");
-      if (t.value !== f.ACKNOWLEDGEMENT && !(o != null && o.value))
-        throw new Error(
-          "Modal Dialog, except ACKNOWLEDGEMENT type, always has to contain one action button"
-        );
-      if (t.value === f.ACKNOWLEDGEMENT && ((c = o == null ? void 0 : o.value) != null && c.length))
-        throw new Error("Acknowledgement Modal Dialog does not accept action buttons");
-    }), {
-      // Refs
-      modalRef: s,
-      // Values
-      dialogActions: V,
-      acknowledgementDialogActions: N,
-      // Methods
-      onCloseModal: k,
-      onCloseActionButton: C,
-      // Styles
-      modalDialogConditionalClasses: z,
-      // Enums
-      BentoModalRole: K
-    };
-  }
-});
-function Z(e, d, u, n, i, o) {
-  const t = v("bento-button-actions"), s = v("base-modal");
-  return p(), y(s, M({
-    ref: "modalRef",
-    class: ["b-modal-dialog", e.modalDialogConditionalClasses],
-    actions: e.actions,
-    "hide-close-button": !0,
-    size: "small",
-    "is-dismissible": e.isDismissible,
-    "is-open": e.isOpen,
-    "overflow-visible": e.overflowVisible,
-    "modal-role": e.BentoModalRole.ALERT_DIALOG,
-    "initially-open": e.initiallyOpen
-  }, e.$attrs, { onCloseModal: e.onCloseModal }), {
-    default: l(() => [
-      a(e.$slots, "default")
-    ]),
-    content: l(() => [
-      I(F(e.content), 1)
-    ]),
-    actions: l(() => [
-      e.dialogType === "acknowledgement" ? (p(), y(t, {
-        key: 0,
-        actions: e.acknowledgementDialogActions,
-        layout: "buttons-end"
-      }, null, 8, ["actions"])) : (p(), y(t, {
-        key: 1,
-        actions: e.dialogActions,
-        layout: "buttons-end"
-      }, null, 8, ["actions"]))
-    ]),
-    _: 3
-  }, 16, ["actions", "class", "is-dismissible", "is-open", "overflow-visible", "modal-role", "initially-open", "onCloseModal"]);
-}
-const x = /* @__PURE__ */ O(X, [["render", Z]]), ee = 500, oe = S({
-  name: "bento-modal",
-  components: { BentoModalDefault: Q, BentoModalDialog: x },
-  props: {
+    content: { type: String, required: !0 },
     /**
-     * Choose between default or dialog versions of modal
+     * Sets different action buttons styling and appearance
      */
-    variant: {
+    dialogType: {
       type: String,
-      default: g.DEFAULT,
-      validator: (e) => Object.values(g).includes(e)
+      required: !0
     },
-    // Shared Modal Default and Modal Default props
     /**
-     * If set to true, it allows the modal to be closed without performing an action
+     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
      */
-    isDismissible: {
-      type: Boolean,
-      default: null
-    },
+    initiallyOpen: { type: Boolean, default: !1 },
     /**
-     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
+     * If set to true, it allows the modal to be closed by clicking outside of it
      */
-    overflowVisible: {
-      type: Boolean,
-      default: !1
-    },
+    isDismissible: { type: Boolean, required: !0 },
     /**
      * Controls the modal's state from the outside. Set it to true to open the modal
      */
-    isOpen: {
-      type: Boolean,
-      default: !1
-    },
+    isOpen: { type: Boolean, required: !0 },
     /**
-     * Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.
+     * If set to true, it will set overflow:visible to the modal, only recommended to be used with dropdown
      */
-    initiallyOpen: {
-      type: Boolean,
-      default: !1
-    },
+    overflowVisible: { type: Boolean, default: !1 }
+  },
+  emits: ["close-modal"],
+  setup(e, { emit: v }) {
+    const t = e, { t: d } = H({ messages: N }), p = h(), l = D(p), { actions: o, dialogType: s } = P(t), b = F(null), c = () => {
+      v("close-modal");
+    }, f = (u) => {
+      b.value.internalModalActionClose(u);
+    }, V = S(() => [
+      {
+        title: d("okButtonText"),
+        event: f,
+        variant: M.SECONDARY
+      }
+    ]), z = S(() => {
+      var E;
+      const u = {
+        title: "Cancel",
+        event: f
+      }, r = (E = o == null ? void 0 : o.value) == null ? void 0 : E[0];
+      return s.value === m.DESTRUCTIVE ? r.critical = !0 : s.value === m.INFO && (r.variant = M.SECONDARY), [r, u];
+    }), R = S(() => ({
+      [`b-modal-dialog--${s.value}`]: s.value
+    }));
+    return $(() => {
+      var u, r;
+      if (!l("default") || !t.content && !l("content"))
+        throw new Error("Bento Modal Dialog requires header title and content");
+      if (((u = o == null ? void 0 : o.value) == null ? void 0 : u.length) > 1)
+        throw new Error("Not more than 1 action button may be provided to Modal Dialog");
+      if (s.value !== m.ACKNOWLEDGEMENT && !(o != null && o.value))
+        throw new Error("Modal Dialog, except ACKNOWLEDGEMENT type, always has to contain one action button");
+      if (s.value === m.ACKNOWLEDGEMENT && ((r = o == null ? void 0 : o.value) != null && r.length))
+        throw new Error("Acknowledgement Modal Dialog does not accept action buttons");
+    }), (u, r) => (B(), g(n(T), C({
+      ref_key: "modalRef",
+      ref: b,
+      class: ["b-modal-dialog", n(R)],
+      actions: n(o),
+      "hide-close-button": !0,
+      size: "small",
+      "is-dismissible": e.isDismissible,
+      "is-open": e.isOpen,
+      "overflow-visible": e.overflowVisible,
+      "modal-role": n(q).ALERT_DIALOG,
+      "initially-open": e.initiallyOpen
+    }, u.$attrs, { onCloseModal: c }), {
+      default: i(() => [
+        a(u.$slots, "default")
+      ]),
+      content: i(() => [
+        j(G(e.content), 1)
+      ]),
+      actions: i(() => [
+        n(s) === "acknowledgement" ? (B(), g(n(L), {
+          key: 0,
+          actions: n(V),
+          layout: "buttons-end"
+        }, null, 8, ["actions"])) : (B(), g(n(L), {
+          key: 1,
+          actions: n(z),
+          layout: "buttons-end"
+        }, null, 8, ["actions"]))
+      ]),
+      _: 3
+    }, 16, ["actions", "class", "is-dismissible", "is-open", "overflow-visible", "modal-role", "initially-open"]));
+  }
+}), x = y({
+  components: { BentoModalDefault: Q, BentoModalDialog: Z }
+}), ae = /* @__PURE__ */ y({
+  ...x,
+  __name: "modal",
+  props: {
     /**
      * List of actions that will be used to render the buttons.
      * First element in the list will be rendered as "primary".
@@ -416,157 +310,156 @@ const x = /* @__PURE__ */ O(X, [["render", Z]]), ee = 500, oe = S({
       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: L.SMALL,
-      validator: (e) => Object.values(L).includes(e)
+      default: A.SMALLER,
+      validator: (e) => Object.values(A).includes(e)
     },
     /**
      * 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: m.CONFIRMATION,
+      validator: (e) => Object.values(m).includes(e)
     },
     /**
-     * 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
      */
-    withColumnLayout: {
+    hideCloseButton: { type: Boolean, default: !1 },
+    /**
+     * If set to true, it allows the modal to be closed without performing an action
+     */
+    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: B.SMALLER,
-      validator: (e) => Object.values(B).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: O.SMALL,
+      validator: (e) => Object.values(O).includes(e)
     },
     /**
-     * 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: f.CONFIRMATION,
-      validator: (e) => Object.values(f).includes(e)
+      default: w.DEFAULT,
+      validator: (e) => Object.values(w).includes(e)
     },
     /**
-     * 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: [m.CLOSE_MODAL],
-  setup(e, { slots: d, emit: u }) {
-    const n = j(), i = b(
-      () => e.variant === g.DEFAULT ? {
-        hideCloseButton: e.hideCloseButton,
-        size: e.size,
-        customPadding: e.customPadding,
-        actionsLabel: e.actionsLabel,
-        destructiveActions: e.destructiveActions,
-        isDismissible: e.isDismissible ?? !0,
-        overflowVisible: e.overflowVisible,
-        withColumnLayout: e.withColumnLayout,
-        columnSize: e.columnsSize,
-        ...n
+  emits: ["close-modal"],
+  setup(e, { emit: v }) {
+    const t = e, d = 500, p = h(), l = D(p), o = U(), s = S(
+      () => t.variant === w.DEFAULT ? {
+        hideCloseButton: t.hideCloseButton,
+        size: t.size,
+        customPadding: t.customPadding,
+        actionsLabel: t.actionsLabel,
+        destructiveActions: t.destructiveActions,
+        isDismissible: t.isDismissible ?? !0,
+        overflowVisible: t.overflowVisible,
+        withColumnLayout: t.withColumnLayout,
+        columnSize: t.columnsSize,
+        ...o
       } : {
-        dialogType: e.dialogType,
-        content: e.content,
-        isDismissible: e.isDismissible ?? !1,
-        overflowVisible: e.overflowVisible,
-        ...n
+        dialogType: t.dialogType,
+        content: t.content,
+        isDismissible: t.isDismissible ?? !1,
+        overflowVisible: t.overflowVisible,
+        ...o
       }
-    ), o = () => {
-      u(m.CLOSE_MODAL);
+    ), b = () => {
+      v("close-modal");
     };
-    return G(
-      () => e.actions,
+    return K(
+      () => t.actions,
       () => {
-        var t, s;
-        ((s = (t = e.actions) == null ? void 0 : t[0]) == null ? void 0 : s.state) === "success" && setTimeout(o, ee);
+        var c, f;
+        ((f = (c = t.actions) == null ? void 0 : c[0]) == null ? void 0 : f.state) === "success" && setTimeout(b, d);
       }
-    ), {
-      onCloseModal: o,
-      customProps: i,
-      hasSlot: A(d)
-    };
+    ), (c, f) => (B(), g(W(e.variant), C({
+      class: "b-modal",
+      "is-open": e.isOpen,
+      actions: e.actions,
+      "initially-open": e.initiallyOpen
+    }, n(s), { onCloseModal: b }), k({ _: 2 }, [
+      n(l)("default") ? {
+        name: "default",
+        fn: i(() => [
+          a(c.$slots, "default")
+        ]),
+        key: "0"
+      } : void 0,
+      n(l)("content-col-1") ? {
+        name: "content-col-1",
+        fn: i(() => [
+          a(c.$slots, "content-col-1")
+        ]),
+        key: "1"
+      } : void 0,
+      n(l)("content-col-2") ? {
+        name: "content-col-2",
+        fn: i(() => [
+          a(c.$slots, "content-col-2")
+        ]),
+        key: "2"
+      } : void 0,
+      n(l)("content") ? {
+        name: "content",
+        fn: i(() => [
+          a(c.$slots, "content")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["is-open", "actions", "initially-open"]));
   }
 });
-function te(e, d, u, n, i, o) {
-  return p(), y(U(e.variant), M({
-    class: "b-modal",
-    "is-open": e.isOpen,
-    actions: e.actions,
-    "initially-open": e.initiallyOpen
-  }, e.customProps, { onCloseModal: e.onCloseModal }), $({ _: 2 }, [
-    e.hasSlot("default") ? {
-      name: "default",
-      fn: l(() => [
-        a(e.$slots, "default")
-      ]),
-      key: "0"
-    } : void 0,
-    e.hasSlot("content-col-1") ? {
-      name: "content-col-1",
-      fn: l(() => [
-        a(e.$slots, "content-col-1")
-      ]),
-      key: "1"
-    } : void 0,
-    e.hasSlot("content-col-2") ? {
-      name: "content-col-2",
-      fn: l(() => [
-        a(e.$slots, "content-col-2")
-      ]),
-      key: "2"
-    } : void 0,
-    e.hasSlot("content") ? {
-      name: "content",
-      fn: l(() => [
-        a(e.$slots, "content")
-      ]),
-      key: "3"
-    } : void 0
-  ]), 1040, ["is-open", "actions", "initially-open", "onCloseModal"]);
-}
-const ce = /* @__PURE__ */ O(oe, [["render", te]]);
 export {
-  ce as BentoModal,
-  B as BentoModalColumnLayoutVariant,
-  f as BentoModalDialogType,
-  m as BentoModalEvent,
-  K as BentoModalRole,
-  L as BentoModalSize,
-  g as BentoModalVariant
+  ae as BentoModal,
+  A as BentoModalColumnLayoutVariant,
+  m as BentoModalDialogType,
+  ue as BentoModalEvent,
+  q as BentoModalRole,
+  O as BentoModalSize,
+  w as BentoModalVariant
 };
 //# sourceMappingURL=modal.js.map