@inertia-vuetify/modal 3.0.0-rc.0 → 3.0.1

package/dist/inertia-modal-vuetify.js

@@ -1,22 +1,22 @@
 import * as e from "@inertiaui/vanilla";
 import { except as t, generateId as n, kebabCase as r, markAriaHidden as i, only as a, prefersReducedMotion as o, rejectNullValues as s, sameUrlPath as c } from "@inertiaui/vanilla";
-import { Fragment as l, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as _, createVNode as v, defineComponent as y, guardReactiveProps as b, h as x, inject as S, markRaw as C, mergeProps as w, nextTick as ee, normalizeClass as te, normalizeProps as T, normalizeStyle as ne, onBeforeUnmount as E, onMounted as D, onUnmounted as O, openBlock as k, provide as A, reactive as j, readonly as M, ref as N, renderSlot as P, resolveDynamicComponent as F, toDisplayString as re, toRef as ie, toValue as ae, unref as I, useAttrs as oe, useId as se, useSlots as ce, useTemplateRef as le, watch as L, withCtx as R } from "vue";
-import { http as z, progress as B, router as V, usePage as ue } from "@inertiajs/vue3";
-import { mergeDataIntoQueryString as de } from "@inertiajs/core";
-import { useDefaults as fe, useDisplay as pe, useLocale as me, useRtl as he } from "vuetify";
-import { VCard as ge, VCardActions as _e, VCardItem as ve } from "vuetify/components/VCard";
-import { VDialog as ye } from "vuetify/components/VDialog";
-import { VBtn as be } from "vuetify/components/VBtn";
+import { Fragment as l, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as _, createVNode as v, defineComponent as y, guardReactiveProps as b, h as x, inject as S, markRaw as C, mergeProps as w, nextTick as ee, normalizeClass as te, normalizeProps as T, normalizeStyle as ne, onBeforeUnmount as E, onMounted as D, onUnmounted as O, openBlock as k, provide as A, reactive as j, readonly as M, ref as N, renderSlot as P, resolveDynamicComponent as F, toDisplayString as re, toRef as ie, toValue as ae, unref as I, useAttrs as L, useId as oe, useSlots as se, useTemplateRef as R, watch as z, withCtx as B } from "vue";
+import { http as V, progress as H, router as U, usePage as ce } from "@inertiajs/vue3";
+import { mergeDataIntoQueryString as le } from "@inertiajs/core";
+import { useDefaults as ue, useDisplay as de, useLocale as fe, useRtl as pe } from "vuetify";
+import { VCard as me, VCardActions as he, VCardItem as ge } from "vuetify/components/VCard";
+import { VDialog as _e } from "vuetify/components/VDialog";
+import { VBtn as ve } from "vuetify/components/VBtn";
 // src/helpers.ts
-function xe(e) {
+function ye(e) {
 	return typeof e == "string" ? JSON.parse(e) : e;
 }
-var Se = null;
-function H(e = "inertiaui_modal_") {
-	return Se?.() ?? n(e);
+var be = null;
+function xe(e = "inertiaui_modal_") {
+	return be?.() ?? n(e);
 }
 // src/cache.ts
-var U = class {
+var Se = class {
 	cache = /* @__PURE__ */ new Map();
 	timers = /* @__PURE__ */ new Map();
 	inFlight = /* @__PURE__ */ new Map();
@@ -128,26 +128,26 @@ function Ee(e) {
 }
 Ce();
 // src/modalStack.ts
-var Y = N(null), X = N([]), De = N({}), Z = null, Q = new U();
-function Oe(e, t = H()) {
+var Y = N(null), X = N([]), De = N({}), Z = null, Q = new Se();
+function Oe(e, t = xe()) {
 	return {
 		...e,
 		Accept: "text/html, application/xhtml+xml",
 		"X-Requested-With": "XMLHttpRequest",
 		"X-Inertia": "true",
-		"X-Inertia-Version": ue().version ?? "",
+		"X-Inertia-Version": ce().version ?? "",
 		"X-InertiaUI-Modal": t,
 		"X-InertiaUI-Modal-Base-Url": Y.value ?? ""
 	};
 }
 function ke(e, t = {}) {
 	if (e.startsWith("#")) return Promise.resolve();
-	let n = t.method ?? "get", [r, i] = de(n, e, t.data ?? {}, t.queryStringArrayFormat ?? "brackets"), a = U.key(n, r, i);
+	let n = t.method ?? "get", [r, i] = le(n, e, t.data ?? {}, t.queryStringArrayFormat ?? "brackets"), a = Se.key(n, r, i);
 	if (Q.get(a)) return Promise.resolve();
 	let o = Q.getInFlight(a);
 	if (o) return o.then(() => {});
 	t.onPrefetching?.();
-	let s = z.getClient().request({
+	let s = V.getClient().request({
 		url: r,
 		method: n,
 		data: i,
@@ -170,7 +170,7 @@ var Ae = (e) => {}, je = class {
 	onTopOfStack;
 	name;
 	constructor(e, t, n, r, i) {
-		this.id = t.id ?? H(), this.component = e, this.props = N(t.props ?? {}), this.response = t, this.config = n ?? {}, this.onCloseCallback = r ?? null, this.afterLeaveCallback = i ?? null, this.index = d(() => X.value.findIndex((e) => e.id === this.id)), this.onTopOfStack = d(() => X.value.length < 2 || X.value.findLast((e) => e.shouldRender)?.id === this.id);
+		this.id = t.id ?? xe(), this.component = e, this.props = N(t.props ?? {}), this.response = t, this.config = n ?? {}, this.onCloseCallback = r ?? null, this.afterLeaveCallback = i ?? null, this.index = d(() => X.value.findIndex((e) => e.id === this.id)), this.onTopOfStack = d(() => X.value.length < 2 || X.value.findLast((e) => e.shouldRender)?.id === this.id);
 	}
 	getComponentPropKeys = () => {
 		let e = this.component?.props;
@@ -204,7 +204,7 @@ var Ae = (e) => {}, je = class {
 		if (e !== 0) return;
 		X.value = [];
 		let n = Y.value;
-		Y.value = null, Z = n, n && typeof window < "u" && !c(n, window.location.href) && V.push({
+		Y.value = null, Z = n, n && typeof window < "u" && !c(n, window.location.href) && U.push({
 			url: n,
 			preserveScroll: !0,
 			preserveState: !0,
@@ -235,7 +235,7 @@ var Ae = (e) => {}, je = class {
 		let n = t(e.only ?? Object.keys(this.response.props), e.except ?? []), r = e.method ?? "get", i = e.data ?? {};
 		e.onStart?.();
 		try {
-			let t = await z.getClient().request({
+			let t = await V.getClient().request({
 				url: this.response.url,
 				method: r,
 				data: r === "get" ? void 0 : i,
@@ -247,11 +247,11 @@ var Ae = (e) => {}, je = class {
 					"X-Inertia-Partial-Component": this.response.component,
 					"X-Inertia-Version": this.response.version ?? "",
 					"X-Inertia-Partial-Data": n.join(","),
-					"X-InertiaUI-Modal": H(),
+					"X-InertiaUI-Modal": xe(),
 					"X-InertiaUI-Modal-Base-Url": Y.value ?? ""
 				}
 			});
-			this.updateProps(xe(t.data).props), e.onSuccess?.(t);
+			this.updateProps(ye(t.data).props), e.onSuccess?.(t);
 		} catch (t) {
 			e.onError?.(t);
 		} finally {
@@ -281,7 +281,7 @@ function Fe(e) {
 	return typeof e == "object" && !!e && typeof e.component == "string";
 }
 function Ie(e, t, n) {
-	e && t && typeof window < "u" && V.push({
+	e && t && typeof window < "u" && U.push({
 		url: e,
 		preserveScroll: !0,
 		preserveState: !0,
@@ -295,22 +295,22 @@ function Ie(e, t, n) {
 	});
 }
 function Le(e, t = {}, n = null, r = null) {
-	return Fe(e) ? V.resolveComponent(e.component).then((i) => He(C(i), e, t, n, r)) : Promise.reject(/* @__PURE__ */ Error("Invalid modal response. This usually happens when the server returns a redirect (e.g., due to session expiration). Check if the user is still authenticated."));
+	return Fe(e) ? U.resolveComponent(e.component).then((i) => He(C(i), e, t, n, r)) : Promise.reject(/* @__PURE__ */ Error("Invalid modal response. This usually happens when the server returns a redirect (e.g., due to session expiration). Check if the user is still authenticated."));
 }
 function Re(e) {
 	try {
-		e ? B.start() : B.finish();
+		e ? H.start() : H.finish();
 	} catch {}
 }
 async function ze(e, t, n = {}, r = {}, i = {}, a = null, o = null, s = "brackets", c = !1, l = null, u = null, d = null, f = null) {
 	if (e.startsWith("#")) return Ne(e.substring(1), i, a, o, f);
-	let [p, m] = de(t, e, n, s), h = (e) => {
-		let t = xe(e.data);
+	let [p, m] = le(t, e, n, s), h = (e) => {
+		let t = ye(e.data);
 		return u?.(e), Le(t, i, a, o).then((e) => (Ie(t.url, c, t), e));
 	};
 	X.value.length === 0 && (Y.value = typeof window < "u" ? window.location.href : "");
-	let g = Q.get(U.key(t, p, m));
-	return g ? h(g) : (l?.(), Re(!0), z.getClient().request({
+	let g = Q.get(Se.key(t, p, m));
+	return g ? h(g) : (l?.(), Re(!0), V.getClient().request({
 		url: p,
 		method: t,
 		data: m,
@@ -370,14 +370,14 @@ var We = /* @__PURE__ */ y({
 }), Ge = /* @__PURE__ */ y({
 	__name: "ModalRoot",
 	setup(e) {
-		let t = $(), n = ue(), r = !1, i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), o = (e) => e.id || `${e.component}:${e.url}`, s = (e) => e?._inertiaui_modal;
-		O(V.on("start", ({ detail: { visit: e } }) => {
+		let t = $(), n = ce(), r = !1, i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), o = (e) => e.id || `${e.component}:${e.url}`, s = (e) => e?._inertiaui_modal;
+		O(U.on("start", ({ detail: { visit: e } }) => {
 			r = !0, e.method !== "get" && a.set(e.id, !1);
-		})), O(V.on("success", ({ detail: { page: e, visitId: t } }) => {
+		})), O(U.on("success", ({ detail: { page: e, visitId: t } }) => {
 			t && a.has(t) && !s(e.props) && a.set(t, !0);
-		})), O(V.on("finish", ({ detail: { visit: e } }) => {
+		})), O(U.on("finish", ({ detail: { visit: e } }) => {
 			r = !1, a.get(e.id) && t.closeAll(), a.delete(e.id);
-		})), O(V.on("navigate", ({ detail: { page: e } }) => {
+		})), O(U.on("navigate", ({ detail: { page: e } }) => {
 			let n = s(e.props);
 			if (t.isClosingToBaseUrl(e.url)) {
 				t.clearClosingToBaseUrl(), t.closeAll(!0), t.setBaseUrl(null);
@@ -389,20 +389,20 @@ var We = /* @__PURE__ */ y({
 			}
 			let a = o(n), l = t.stack.value;
 			i.has(a) || n.id && l.some((e) => e.id === n.id) || l.some((e) => e.response.component === n.component && c(e.response.url, n.url)) || (t.setBaseUrl(n.baseUrl ?? null), i.add(a), t.pushFromResponseData(n, {}, () => {
-				n.baseUrl ? (t.setBaseUrl(null), !r && typeof window < "u" && window.location.href !== n.baseUrl && V.visit(n.baseUrl, {
+				n.baseUrl ? (t.setBaseUrl(null), !r && typeof window < "u" && window.location.href !== n.baseUrl && U.visit(n.baseUrl, {
 					preserveScroll: !0,
 					preserveState: !0
 				})) : console.error("No base url in modal response data so cannot navigate back");
 			}).finally(() => i.delete(a)));
 		}));
-		let u = typeof window > "u" ? void 0 : z.onRequest((e) => {
+		let u = typeof window > "u" ? void 0 : V.onRequest((e) => {
 			let r = t.getBaseUrl() ?? s(n.props)?.baseUrl;
 			return r && (e.headers = {
 				...e.headers,
 				"X-InertiaUI-Modal-Base-Url": r
 			}), e;
 		});
-		return O(() => u?.()), L(() => s(n.props), (e, n) => {
+		return O(() => u?.()), z(() => s(n.props), (e, n) => {
 			if (!e) return;
 			let r = (t) => t.component === e.component && c(t.url, e.url);
 			n && r(n) ? t.stack.value[0]?.updateProps(e.props ?? {}) : n || t.stack.value.find((e) => r(e.response))?.updateProps(e.props ?? {});
@@ -498,7 +498,7 @@ var Je = /* @__PURE__ */ y({
 				fullscreen: r.fullscreen ?? q(e, "fullscreen"),
 				...o.value?.config
 			};
-		}), c = oe(), u;
+		}), c = L(), u;
 		function h() {
 			u = o.value?.registerEventListenersFromAttrs(c);
 		}
@@ -540,9 +540,9 @@ var Je = /* @__PURE__ */ y({
 			get shouldRender() {
 				return o.value?.shouldRender;
 			}
-		}), L(() => o.value?.onTopOfStack, (e, t) => {
+		}), z(() => o.value?.onTopOfStack, (e, t) => {
 			e && !t ? i("focus") : !e && t && i("blur");
-		}), L(() => o.value?.isOpen, (e, t) => {
+		}), z(() => o.value?.isOpen, (e, t) => {
 			e ? i("success") : t === !0 && i("close");
 		}, { immediate: !0 });
 		let _ = d(() => {
@@ -572,8 +572,8 @@ var Je = /* @__PURE__ */ y({
 }), Xe = Symbol("inertia-modal-request-close"), Ze = /* @__PURE__ */ y({
 	__name: "CloseButton",
 	setup(e) {
-		let t = S(Xe), { t: n } = me();
-		return (e, r) => (k(), f(I(be), {
+		let t = S(Xe), { t: n } = fe();
+		return (e, r) => (k(), f(I(ve), {
 			class: "im-close-button",
 			icon: "$close",
 			variant: "text",
@@ -620,9 +620,9 @@ var et = ["id"], tt = {
 	},
 	emits: ["after-leave"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = ce();
-		A("modalContext", ie(n, "modalContext")), A(Xe, M), fe({}, "InertiaModal");
-		let { isRtl: o } = he(), s = pe(), c = se(), l = N(!1), u = le("dialog"), y = typeof document < "u" && document.activeElement !== document.body ? document.activeElement : null, b = d(() => n.config.slideover ? "slideover" : "modal"), x = d(() => !!n.title || !!a.title), S = d(() => n.config.closeButton !== !1), C = d(() => {
+		let n = e, r = t, a = se();
+		A("modalContext", ie(n, "modalContext")), A(Xe, M), ue({}, "InertiaModal");
+		let { isRtl: o } = pe(), s = de(), c = oe(), l = N(!1), u = R("dialog"), y = typeof document < "u" && document.activeElement !== document.body ? document.activeElement : null, b = d(() => n.config.slideover ? "slideover" : "modal"), x = d(() => !!n.title || !!a.title), S = d(() => n.config.closeButton !== !1), C = d(() => {
 			let e = n.config.fullscreen;
 			return e === "mobile" ? s.mobile.value : typeof e == "string" ? s.width.value < s.thresholds.value[e] : typeof e == "number" ? s.width.value < e : !!e;
 		}), ee = d(() => {
@@ -675,22 +675,22 @@ var et = ["id"], tt = {
 		function ae() {
 			n.modalContext.onTopOfStack ? !n.config.closeExplicitly && n.config.closeOnClickOutside === !1 && (F = "refuse") : F = "ignore";
 		}
-		function oe(e) {
+		function L(e) {
 			let t = F;
 			F = "close", !(e || t === "ignore") && (t === "refuse" ? u.value?.animateClick() : M());
 		}
-		function z() {
+		function V() {
 			r("after-leave"), n.modalContext.afterLeave();
 		}
-		let B = null;
-		function V(e) {
+		let H = null;
+		function U(e) {
 			let t = K("appElement");
-			e ? typeof t == "string" && (B ??= i(t)) : (l.value = !1, B?.(), B = null, y?.focus({ preventScroll: !0 }));
+			e ? typeof t == "string" && (H ??= i(t)) : (l.value = !1, H?.(), H = null, y?.focus({ preventScroll: !0 }));
 		}
-		return D(() => L(() => n.modalContext.isOpen, V, {
+		return D(() => z(() => n.modalContext.isOpen, U, {
 			immediate: !0,
 			flush: "post"
-		})), E(() => V(!1)), (t, n) => (k(), f(I(ye), w({
+		})), E(() => U(!1)), (t, n) => (k(), f(I(_e), w({
 			ref_key: "dialog",
 			ref: u
 		}, {
@@ -707,25 +707,25 @@ var et = ["id"], tt = {
 			"data-inertiaui-modal-id": e.modalContext.id,
 			"data-inertiaui-modal-index": e.modalContext.index,
 			"onClick:outside": ae,
-			"onUpdate:modelValue": oe,
+			"onUpdate:modelValue": L,
 			onAfterEnter: n[0] ||= (e) => l.value = !0,
-			onAfterLeave: z
+			onAfterLeave: V
 		}), {
-			default: R(() => [v(I(ge), w({
+			default: B(() => [v(I(me), w({
 				class: `im-${b.value}-wrapper`,
 				rounded: e.config.slideover ? 0 : void 0,
 				"data-inertiaui-modal-entered": l.value
 			}, e.cardProps), {
-				default: R(() => [
-					x.value ? (k(), f(I(ve), {
+				default: B(() => [
+					x.value ? (k(), f(I(ge), {
 						key: 0,
 						class: te(`im-${b.value}-title`)
 					}, g({
-						title: R(() => [h("span", { id: I(c) }, [P(t.$slots, "title", { requestClose: M }, () => [_(re(e.title), 1)])], 8, et)]),
+						title: B(() => [h("span", { id: I(c) }, [P(t.$slots, "title", { requestClose: M }, () => [_(re(e.title), 1)])], 8, et)]),
 						_: 2
 					}, [S.value ? {
 						name: "append",
-						fn: R(() => [v(Ze)]),
+						fn: B(() => [v(Ze)]),
 						key: "0"
 					} : void 0]), 1032, ["class"])) : S.value ? (k(), m("div", tt, [v(Ze)])) : p("", !0),
 					h("div", {
@@ -741,11 +741,11 @@ var et = ["id"], tt = {
 							paddingTop: x.value ? 0 : void 0
 						})
 					}, [P(t.$slots, "default", { requestClose: M })], 6),
-					a.actions ? (k(), f(I(_e), {
+					a.actions ? (k(), f(I(he), {
 						key: 2,
 						class: te(`im-${b.value}-actions`)
 					}, {
-						default: R(() => [P(t.$slots, "actions", { requestClose: M })]),
+						default: B(() => [P(t.$slots, "actions", { requestClose: M })]),
 						_: 3
 					}, 8, ["class"])) : p("", !0)
 				]),
@@ -835,7 +835,7 @@ var et = ["id"], tt = {
 			panelClasses: r.panelClasses,
 			position: r.position,
 			fullscreen: r.fullscreen
-		})), o = le("modal");
+		})), o = R("modal");
 		return t({
 			afterLeave: () => o.value?.afterLeave(),
 			close: () => o.value?.close(),
@@ -874,7 +874,7 @@ var et = ["id"], tt = {
 			onFocus: n[3] ||= (e) => i("focus"),
 			onBlur: n[4] ||= (e) => i("blur")
 		}), {
-			default: R((r) => [(k(), f(nt, {
+			default: B((r) => [(k(), f(nt, {
 				key: r.id,
 				"modal-context": r.modalContext,
 				config: r.config,
@@ -884,21 +884,21 @@ var et = ["id"], tt = {
 				"card-props": e.cardProps,
 				onAfterLeave: n[0] ||= (e) => i("after-leave")
 			}, g({
-				default: R(({ requestClose: e }) => [P(t.$slots, "default", T(b({
+				default: B(({ requestClose: e }) => [P(t.$slots, "default", T(b({
 					...r,
 					requestClose: e
 				})))]),
 				_: 2
 			}, [t.$slots.title ? {
 				name: "title",
-				fn: R(({ requestClose: e }) => [P(t.$slots, "title", T(b({
+				fn: B(({ requestClose: e }) => [P(t.$slots, "title", T(b({
 					...r,
 					requestClose: e
 				})))]),
 				key: "0"
 			} : void 0, t.$slots.actions ? {
 				name: "actions",
-				fn: R(({ requestClose: e }) => [P(t.$slots, "actions", T(b({
+				fn: B(({ requestClose: e }) => [P(t.$slots, "actions", T(b({
 					...r,
 					requestClose: e
 				})))]),
@@ -1029,43 +1029,44 @@ var et = ["id"], tt = {
 		function h() {
 			u.value.includes("hover") && (m = setTimeout(p, 75));
 		}
-		function g() {
+		function _() {
 			clearTimeout(m);
 		}
-		function _(e) {
+		function v(e) {
 			u.value.includes("click") && e.button === 0 && p();
 		}
 		D(() => {
 			u.value.includes("mount") && p();
 		});
-		let v = !1;
-		L(() => c.value?.onTopOfStack, (e) => {
-			c.value && (e && v ? r("focus") : e || r("blur"), v = !e);
+		let y = !1;
+		z(() => c.value?.onTopOfStack, (e) => {
+			c.value && (e && y ? r("focus") : e || r("blur"), y = !e);
 		});
-		let y = oe(), b;
+		let b = L(), x;
 		E(() => {
-			b?.(), clearTimeout(m);
-		}), L(c, (e, t) => {
-			e && !t && (b = e.registerEventListenersFromAttrs(y), r("success"));
+			x?.(), clearTimeout(m);
+		}), z(c, (e, t) => {
+			e && !t && (x = e.registerEventListenersFromAttrs(b), r("success"));
 		});
-		function x() {
+		function S() {
 			c.value = null, r("after-leave");
 		}
-		function S(e) {
-			(e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) && e.currentTarget instanceof HTMLAnchorElement || (e.preventDefault(), !i.value && (n.href.startsWith("#") || (i.value = !0, r("start")), o.visit(n.href, n.method, n.data, n.headers, s(a(n, Ue)), () => r("close"), x, n.queryStringArrayFormat, l.value).then((e) => c.value = j(e)).catch((e) => {
+		function C(e) {
+			(e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) && e.currentTarget instanceof HTMLAnchorElement || (e.preventDefault(), !i.value && (n.href.startsWith("#") || (i.value = !0, r("start")), o.visit(n.href, n.method, n.data, n.headers, s(a(n, Ue)), () => r("close"), S, n.queryStringArrayFormat, l.value).then((e) => c.value = j(e)).catch((e) => {
 				console.error(e), r("error", e);
 			}).finally(() => i.value = !1)));
 		}
 		return (t, n) => (k(), f(F(e.as), w(t.$attrs, {
 			href: e.href,
-			onClick: S,
+			onClick: C,
 			onMouseenter: h,
-			onMouseleave: g,
-			onMousedown: _
-		}), {
-			default: R(() => [P(t.$slots, "default", { loading: i.value })]),
-			_: 3
-		}, 16, ["href"]));
+			onMouseleave: _,
+			onMousedown: v
+		}), g({ _: 2 }, [t.$slots.default ? {
+			name: "default",
+			fn: B(() => [P(t.$slots, "default", { loading: i.value })]),
+			key: "0"
+		} : void 0]), 1040, ["href"]));
 	}
 }), at = /* @__PURE__ */ y({
 	inheritAttrs: !1,
@@ -1074,16 +1075,17 @@ var et = ["id"], tt = {
 	setup(e) {
 		let t = N(!1);
 		return (n, r) => (k(), f(it, w(n.$attrs, {
-			as: I(be),
+			as: I(ve),
 			href: e.href,
 			loading: t.value,
 			onStart: r[0] ||= (e) => t.value = !0,
 			onSuccess: r[1] ||= (e) => t.value = !1,
 			onError: r[2] ||= (e) => t.value = !1
-		}), {
-			default: R((e) => [P(n.$slots, "default", T(b(e)))]),
-			_: 3
-		}, 16, [
+		}), g({ _: 2 }, [n.$slots.default ? {
+			name: "default",
+			fn: B((e) => [P(n.$slots, "default", T(b(e)))]),
+			key: "0"
+		} : void 0]), 1040, [
 			"as",
 			"href",
 			"loading"
@@ -1107,7 +1109,7 @@ var st = /* @__PURE__ */ y({
 	setup(e) {
 		let t = e, n = S("modalContext");
 		if (!n) throw Error("WhenVisible component must be used inside a Modal component");
-		let r = N(!1), i = le("root"), a = !1, o;
+		let r = N(!1), i = R("root"), a = !1, o;
 		function s() {
 			if (t.data) return { only: [t.data].flat() };
 			if (!t.params) throw Error("You must provide either a `data` or `params` prop.");
@@ -1132,7 +1134,7 @@ var st = /* @__PURE__ */ y({
 			ref_key: "root",
 			ref: i
 		}, {
-			default: R(() => [r.value ? P(t.$slots, "default", {}, void 0, void 0, 0) : P(t.$slots, "fallback", {}, void 0, void 0, 1)]),
+			default: B(() => [r.value ? P(t.$slots, "default", {}, void 0, void 0, 0) : P(t.$slots, "fallback", {}, void 0, void 0, 1)]),
 			_: 3
 		}, 512));
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertia-vuetify/modal",
-  "version": "3.0.0-rc.0",
+  "version": "3.0.1",
   "description": "Vuetify modals and slideovers for Inertia.js, compatible with the inertiaui/modal Laravel package",
   "type": "module",
   "repository": {

package/src/ModalBtn.vue

@@ -13,16 +13,9 @@ const loading = ref(false)
 </script>
 
 <template>
-    <ModalLink
-        v-slot="slotProps"
-        v-bind="$attrs"
-        :as="VBtn"
-        :href
-        :loading
-        @start="loading = true"
-        @success="loading = false"
-        @error="loading = false"
-    >
-        <slot v-bind="slotProps" />
+    <ModalLink v-bind="$attrs" :as="VBtn" :href :loading @start="loading = true" @success="loading = false" @error="loading = false">
+        <template v-if="$slots.default" #default="slotProps">
+            <slot v-bind="slotProps" />
+        </template>
     </ModalLink>
 </template>

package/src/ModalLink.vue

@@ -184,6 +184,8 @@ function handle(event: MouseEvent) {
         @mouseleave="onMouseleave"
         @mousedown="onMousedown"
     >
-        <slot :loading />
+        <template v-if="$slots.default" #default>
+            <slot :loading />
+        </template>
     </component>
 </template>