@schwarzdavid/ui-kit 0.0.1-alpha.20 → 0.0.1-alpha.21

package/dist/main.js

@@ -1,45 +1,45 @@
-import { Fragment as e, Teleport as t, TransitionGroup as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, defineComponent as u, hasInjectionContext as d, inject as f, isRef as p, markRaw as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as b, onBeforeUpdate as x, onMounted as S, onScopeDispose as C, openBlock as w, provide as T, readonly as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReadonly as j, shallowRef as M, toDisplayString as N, toValue as ee, unref as P, useAttrs as te, useSlots as ne, useTemplateRef as F, vShow as re, watch as I, watchEffect as ie, withCtx as L, withDirectives as ae, withKeys as oe, withModifiers as se } from "vue";
-import { useDisplay as R } from "vuetify";
+import { Fragment as e, Teleport as t, TransitionGroup as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, defineComponent as u, getCurrentScope as d, hasInjectionContext as f, inject as p, isRef as m, markRaw as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as x, onBeforeUpdate as S, onMounted as C, onScopeDispose as w, openBlock as T, provide as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, shallowReadonly as M, shallowRef as N, toDisplayString as P, toValue as ee, unref as F, useAttrs as te, useSlots as ne, useTemplateRef as re, vShow as ie, watch as I, watchEffect as L, withCtx as R, withDirectives as ae, withKeys as oe, withModifiers as se } from "vue";
+import { useDisplay as z } from "vuetify";
 import { useI18n as ce } from "vue-i18n";
-import { VAlert as le, VBottomSheet as ue, VBtn as z, VCard as de, VDialog as B, VIcon as fe, VOverlay as pe, VProgressCircular as me } from "vuetify/components";
-import { merge as V } from "lodash-es";
-import he from "@vuelidate/core";
+import { VAlert as le, VBottomSheet as ue, VBtn as B, VCard as V, VDialog as de, VIcon as fe, VOverlay as pe, VProgressCircular as H } from "vuetify/components";
+import { merge as U } from "lodash-es";
+import me from "@vuelidate/core";
 //#region lib/internal/createId.ts
-function ge(e) {
+function he(e) {
 	let t = Array.from(e, (e) => e.toString(16).padStart(2, "0")).join("");
 	return `${t.slice(0, 8)}-${t.slice(8, 12)}-${t.slice(12, 16)}-${t.slice(16, 20)}-${t.slice(20)}`;
 }
-function H() {
+function ge() {
 	let e = globalThis.crypto;
 	if (e.randomUUID) return e.randomUUID();
 	let t = globalThis.crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(16));
-	return t[6] = t[6] & 15 | 64, t[8] = t[8] & 63 | 128, ge(t);
+	return t[6] = t[6] & 15 | 64, t[8] = t[8] & 63 | 128, he(t);
 }
 //#endregion
 //#region lib/plugin/constants/errors.ts
-var U = {
+var W = {
 	NOT_INSTALLED: "@schwarzdavid/ui-kit is not available in this context. Install it with app.use(createUIKit()) and call its composables inside setup() or app.runWithContext().",
 	DIALOG_ENTRY_CONTEXT_MISSING: "useDialogEntry() must be called inside a dialog preset rendered by UiKitOutlet.",
-	DIALOG_FORM_CONTEXT_MISSING: "useDialogForm() must be called inside a component rendered by the form dialog preset.",
+	FORM_DIALOG_CONTEXT_MISSING: "useFormDialog() and onDialogFinish() must be called inside a component rendered by the form dialog preset.",
 	TOAST_ENTRY_CONTEXT_MISSING: "useToastEntry() must be called inside a toast component rendered by UiKitOutlet."
-}, W = Symbol("@schwarzdavid/ui-kit");
+}, G = Symbol("@schwarzdavid/ui-kit");
 //#endregion
 //#region lib/plugin/composables/usePluginContext.ts
-function G() {
-	let e = d() ? f(W, null) : null;
-	if (!e) throw Error(U.NOT_INSTALLED);
+function K() {
+	let e = f() ? p(G, null) : null;
+	if (!e) throw Error(W.NOT_INSTALLED);
 	return e;
 }
 //#endregion
 //#region lib/composables/dialog/internal/useDialogQueue.ts
-function K() {
-	let { dialogQueue: e } = G();
+function q() {
+	let { dialogQueue: e } = K();
 	function t(t) {
-		let r = H(), i = (e) => {
+		let r = ge(), i = (e) => {
 			n(r), t.resolve(e);
 		}, a = (e) => {
 			n(r), t.reject(e);
-		}, o = m({
+		}, o = h({
 			...t,
 			id: r,
 			resolve: i,
@@ -52,30 +52,30 @@ function K() {
 		r >= 0 && e.value.splice(r, 1);
 	}
 	return {
-		queue: j(e),
+		queue: M(e),
 		addToQueue: t,
 		removeFromQueue: n
 	};
 }
 //#endregion
 //#region lib/composables/dialog/constants/injectionKeys.ts
-var q = Symbol("@schwarzdavid/ui-kit:dialog-entry"), _e = Symbol("@schwarzdavid/ui-kit:dialog-form"), J = /* @__PURE__ */ u({
+var _e = Symbol("@schwarzdavid/ui-kit:dialog-entry"), J = Symbol("@schwarzdavid/ui-kit:form-dialog"), ve = /* @__PURE__ */ u({
 	__name: "DialogEntryProvider",
 	props: { entry: {} },
 	setup(e) {
 		let t = e;
-		return T(q, {
+		return E(_e, {
 			id: t.entry.id,
 			data: t.entry.data,
 			resolve: t.entry.resolve,
 			reject: t.entry.reject
-		}), (t, n) => (w(), i(A(e.entry.component)));
+		}), (t, n) => (T(), i(j(e.entry.component)));
 	}
-}), ve = /* @__PURE__ */ u({
+}), ye = /* @__PURE__ */ u({
 	__name: "DialogOutlet",
 	setup(t) {
-		let { queue: n } = K();
-		return (t, r) => (w(!0), o(e, null, O(P(n), (e) => (w(), i(J, {
+		let { queue: n } = q();
+		return (t, r) => (T(!0), o(e, null, k(F(n), (e) => (T(), i(ve, {
 			key: e.id,
 			entry: e
 		}, null, 8, ["entry"]))), 128));
@@ -100,13 +100,13 @@ var X = /* @__PURE__ */ u({
 	},
 	setup(e) {
 		let t = e, n = Y(), i = r(() => n(t.content, t.translate));
-		return (e, t) => N(i.value);
+		return (e, t) => P(i.value);
 	}
 });
 //#endregion
 //#region lib/composables/toast/internal/useToastQueue.ts
-function ye() {
-	let { toastQueue: e, toastTimers: t } = G();
+function be() {
+	let { toastQueue: e, toastTimers: t } = K();
 	function n(t) {
 		return e.value.find((e) => e.id === t);
 	}
@@ -142,7 +142,7 @@ function ye() {
 		!i?.holds.delete(n) || i.holds.size > 0 || r(e, i);
 	}
 	function u(n) {
-		let i = H(), a = m({
+		let i = ge(), a = h({
 			...n,
 			id: i
 		});
@@ -158,7 +158,7 @@ function ye() {
 		return a;
 	}
 	return {
-		queue: j(e),
+		queue: M(e),
 		addToQueue: u,
 		removeFromQueue: a,
 		close: o,
@@ -169,16 +169,16 @@ function ye() {
 }
 //#endregion
 //#region lib/composables/toast/constants/injectionKey.ts
-var be = Symbol("@schwarzdavid/ui-kit:toast-entry"), xe = /* @__PURE__ */ u({
+var xe = Symbol("@schwarzdavid/ui-kit:toast-entry"), Se = /* @__PURE__ */ u({
 	__name: "ToastEntryProvider",
 	props: { entry: {} },
 	setup(e) {
-		let t = e, { options: n } = G(), { close: a, trigger: o, pause: s, resume: c } = ye(), l = r(() => n.components.toast);
+		let t = e, { options: n } = K(), { close: a, trigger: o, pause: s, resume: c } = be(), l = r(() => n.components.toast);
 		function u(e) {
 			let n = e.currentTarget;
 			n instanceof Node && e.relatedTarget instanceof Node && n.contains(e.relatedTarget) || c(t.entry.id, "focus");
 		}
-		return T(be, {
+		return E(xe, {
 			entry: t.entry,
 			close: () => {
 				a(t.entry.id);
@@ -186,56 +186,56 @@ var be = Symbol("@schwarzdavid/ui-kit:toast-entry"), xe = /* @__PURE__ */ u({
 			trigger: () => {
 				o(t.entry.id);
 			}
-		}), (t, n) => (w(), i(A(l.value), {
-			onMouseenter: n[0] ||= (t) => P(s)(e.entry.id, "hover"),
-			onMouseleave: n[1] ||= (t) => P(c)(e.entry.id, "hover"),
-			onFocusin: n[2] ||= (t) => P(s)(e.entry.id, "focus"),
+		}), (t, n) => (T(), i(j(l.value), {
+			onMouseenter: n[0] ||= (t) => F(s)(e.entry.id, "hover"),
+			onMouseleave: n[1] ||= (t) => F(c)(e.entry.id, "hover"),
+			onFocusin: n[2] ||= (t) => F(s)(e.entry.id, "focus"),
 			onFocusout: u
 		}, null, 32));
 	}
 }), Z = /* @__PURE__ */ function(e) {
 	return e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e;
-}({}), Se = {
+}({}), Ce = {
 	class: "ui-toast-outlet__announcer",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, Ce = /* @__PURE__ */ u({
+}, we = /* @__PURE__ */ u({
 	__name: "ToastOutlet",
 	setup(t) {
-		let { queue: r, pause: c, resume: u } = ye(), { xs: d } = R(), f = M(null), p = /* @__PURE__ */ new WeakSet();
+		let { queue: r, pause: c, resume: u } = be(), { xs: d } = z(), f = N(null), p = /* @__PURE__ */ new WeakSet();
 		I(() => r.value.at(-1), (e) => {
-			e && e.type !== Z.ERROR && !p.has(e) && (p.add(e), f.value = null, g(() => {
+			e && e.type !== Z.ERROR && !p.has(e) && (p.add(e), f.value = null, _(() => {
 				f.value = e;
 			}));
 		});
-		let m = M(!1);
+		let m = N(!1);
 		function h() {
 			m.value = document.visibilityState === "hidden";
 		}
-		S(() => {
+		C(() => {
 			h(), document.addEventListener("visibilitychange", h);
-		}), b(() => {
+		}), x(() => {
 			document.removeEventListener("visibilitychange", h);
-		}), ie(() => {
+		}), L(() => {
 			for (let e of r.value) m.value ? c(e.id, "hidden") : u(e.id, "hidden");
 		});
-		function v(e) {
+		function g(e) {
 			if (e instanceof HTMLElement) {
 				let { width: t } = e.getBoundingClientRect();
 				e.style.width = `${t.toFixed()}px`;
 			}
 		}
-		return (t, c) => (w(), o(e, null, [s("div", Se, [f.value ? (w(), i(X, {
+		return (t, c) => (T(), o(e, null, [s("div", Ce, [f.value ? (T(), i(X, {
 			key: 0,
 			content: f.value.message,
 			translate: f.value.translateMessage
 		}, null, 8, ["content", "translate"])) : a("", !0)]), l(n, {
 			name: "ui-toast",
 			tag: "div",
-			class: _(["ui-toast-outlet", { "ui-toast-outlet--mobile": P(d) }]),
-			onBeforeLeave: v
+			class: v(["ui-toast-outlet", { "ui-toast-outlet--mobile": F(d) }]),
+			onBeforeLeave: g
 		}, {
-			default: L(() => [(w(!0), o(e, null, O(P(r), (e) => (w(), i(xe, {
+			default: R(() => [(T(!0), o(e, null, k(F(r), (e) => (T(), i(Se, {
 				key: e.id,
 				entry: e
 			}, null, 8, ["entry"]))), 128))]),
@@ -245,22 +245,22 @@ var be = Symbol("@schwarzdavid/ui-kit:toast-entry"), xe = /* @__PURE__ */ u({
 });
 //#endregion
 //#region lib/composables/loading-overlay/useLoadingOverlay.ts
-function we() {
-	return G().loadingOverlay;
+function Te() {
+	return K().loadingOverlay;
 }
 //#endregion
 //#region lib/composables/loading-overlay/components/LoadingOverlay.vue
-var Te = /* @__PURE__ */ u({
+var Ee = /* @__PURE__ */ u({
 	__name: "LoadingOverlay",
 	setup(e) {
-		let t = we();
-		return (e, n) => (w(), i(P(pe), {
-			modelValue: P(t),
-			"onUpdate:modelValue": n[0] ||= (e) => p(t) ? t.value = e : null,
+		let t = Te();
+		return (e, n) => (T(), i(F(pe), {
+			modelValue: F(t),
+			"onUpdate:modelValue": n[0] ||= (e) => m(t) ? t.value = e : null,
 			persistent: "",
 			class: "d-flex align-center justify-center"
 		}, {
-			default: L(() => [l(P(me), {
+			default: R(() => [l(F(H), {
 				indeterminate: "",
 				color: "primary",
 				size: "100"
@@ -268,28 +268,28 @@ var Te = /* @__PURE__ */ u({
 			_: 1
 		}, 8, ["modelValue"]));
 	}
-}), Ee = /* @__PURE__ */ u({
+}), De = /* @__PURE__ */ u({
 	__name: "UiKitOutlet",
 	setup(t) {
-		return (t, n) => (w(), o(e, null, [
-			l(ve),
-			l(Ce),
-			l(Te)
+		return (t, n) => (T(), o(e, null, [
+			l(ye),
+			l(we),
+			l(Ee)
 		], 64));
 	}
 });
 //#endregion
 //#region lib/components/sheet/internal/resolveSheetStages.ts
-function De(e, t) {
+function Oe(e, t) {
 	return t ? [e ? "preview" : "content", "fullscreen"] : e ? ["preview", "content"] : ["content"];
 }
 //#endregion
 //#region lib/components/sheet/internal/resolveSheetRelease.ts
-var Oe = .5, ke = 1.5, Ae = .6;
-function je(e) {
+var ke = .5, Ae = 1.5, je = .6;
+function Me(e) {
 	let { heights: t, current: n, delta: r, velocity: i, dismissible: a } = e, o = t.length - 1, s = t[n] - r;
-	if (a && (i > ke || s < t[0] * Ae)) return { type: "dismiss" };
-	if (i > Oe) return n === 0 ? a ? { type: "dismiss" } : {
+	if (a && (i > Ae || s < t[0] * je)) return { type: "dismiss" };
+	if (i > ke) return n === 0 ? a ? { type: "dismiss" } : {
 		type: "stage",
 		index: 0
 	} : {
@@ -309,12 +309,12 @@ function je(e) {
 }
 //#endregion
 //#region lib/components/sheet/internal/useSheetDrag.ts
-var Me = 8, Ne = 100, Pe = "input, textarea, select, [contenteditable]";
-function Fe(e) {
-	let t = D(!1), n = D(0), r = null, i = 0, a = 0, o = !1, s = [], c = null, l = !1;
+var Ne = 8, Pe = 100, Fe = "input, textarea, select, [contenteditable]";
+function Ie(e) {
+	let t = O(!1), n = O(0), r = null, i = 0, a = 0, o = !1, s = [], c = null, l = !1;
 	function u(e) {
 		let t = performance.now();
-		s = s.filter((e) => t - e.time <= Ne), s.push({
+		s = s.filter((e) => t - e.time <= Pe), s.push({
 			y: e,
 			time: t
 		});
@@ -327,7 +327,7 @@ function Fe(e) {
 		return Math.abs(e) > Math.abs(t);
 	}
 	function p(e, t) {
-		return Math.max(Math.abs(e), Math.abs(t)) >= Me;
+		return Math.max(Math.abs(e), Math.abs(t)) >= Ne;
 	}
 	function m() {
 		window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", b);
@@ -339,7 +339,7 @@ function Fe(e) {
 		if (r !== null || t.button > 0) return;
 		l = !1;
 		let n = t.target;
-		n instanceof Element && n.closest(Pe) || (o = n instanceof Node && !!e.body.value?.contains(n), !(o && t.pointerType !== "touch" && t.pointerType !== "pen") && (r = t.pointerId, i = t.clientX, a = t.clientY, s = [], u(t.clientY), window.addEventListener("pointermove", v), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", b)));
+		n instanceof Element && n.closest(Fe) || (o = n instanceof Node && !!e.body.value?.contains(n), !(o && t.pointerType !== "touch" && t.pointerType !== "pen") && (r = t.pointerId, i = t.clientX, a = t.clientY, s = [], u(t.clientY), window.addEventListener("pointermove", v), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", b)));
 	}
 	function _(t) {
 		return o ? t > 0 ? (e.body.value?.scrollTop ?? 0) === 0 : e.current.value < e.heights().length - 1 : !0;
@@ -367,7 +367,7 @@ function Fe(e) {
 			return;
 		}
 		u(n.clientY);
-		let i = je({
+		let i = Me({
 			heights: e.heights(),
 			current: e.current.value,
 			delta: n.clientY - a,
@@ -399,53 +399,53 @@ function Fe(e) {
 	function S() {
 		c = null;
 	}
-	function w(e) {
+	function C(e) {
 		l && (l = !1, e.detail !== 0 && (e.preventDefault(), e.stopPropagation()));
 	}
 	return I(e.surface, (e, t, n) => {
-		e && (e.addEventListener("pointerdown", g), e.addEventListener("touchmove", x, { passive: !1 }), e.addEventListener("touchend", S), e.addEventListener("touchcancel", S), e.addEventListener("click", w, !0), n(() => {
-			e.removeEventListener("pointerdown", g), e.removeEventListener("touchmove", x), e.removeEventListener("touchend", S), e.removeEventListener("touchcancel", S), e.removeEventListener("click", w, !0), h();
+		e && (e.addEventListener("pointerdown", g), e.addEventListener("touchmove", x, { passive: !1 }), e.addEventListener("touchend", S), e.addEventListener("touchcancel", S), e.addEventListener("click", C, !0), n(() => {
+			e.removeEventListener("pointerdown", g), e.removeEventListener("touchmove", x), e.removeEventListener("touchend", S), e.removeEventListener("touchcancel", S), e.removeEventListener("click", C, !0), h();
 		}));
 	}, {
 		immediate: !0,
 		flush: "sync"
-	}), C(h), {
-		dragging: E(t),
-		offset: E(n)
+	}), w(h), {
+		dragging: D(t),
+		offset: D(n)
 	};
 }
 //#endregion
 //#region node_modules/@mdi/js/mdi.js
-var Ie = "M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z", Le = "M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16", Re = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z", ze = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", Be = "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z";
+var Le = "M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z", Re = "M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16", ze = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z", Be = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", Ve = "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z";
 //#endregion
 //#region lib/internal/icons.ts
-function Ve(e) {
+function He(e) {
 	return `svg:${e}`;
 }
 var Q = {
-	close: Ve(ze),
-	success: Ve(Re),
-	error: Ve(Ie),
-	warning: Ve(Le),
-	info: Ve(Be)
-}, He = ["aria-label"], Ue = {
+	close: He(Be),
+	success: He(ze),
+	error: He(Le),
+	warning: He(Re),
+	info: He(Ve)
+}, Ue = ["aria-label"], We = {
 	key: 1,
 	class: "ui-sheet__handle",
 	"aria-hidden": "true"
-}, We = { class: "ui-sheet__header" }, Ge = {
+}, Ge = { class: "ui-sheet__header" }, Ke = {
 	key: 0,
 	class: "ui-sheet__title"
-}, Ke = {
+}, qe = {
 	key: 0,
 	ref: "preview",
 	class: "ui-sheet__preview"
-}, qe = {
+}, Je = {
 	ref: "content",
 	class: "ui-sheet__content"
-}, Je = {
+}, Ye = {
 	key: 2,
 	class: "ui-sheet__footer"
-}, Ye = .9, Xe = .2, Ze = /* @__PURE__ */ u({
+}, Xe = .9, Ze = .2, Qe = /* @__PURE__ */ u({
 	__name: "UiBottomSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -481,179 +481,181 @@ var Q = {
 		"closed"
 	],
 	setup(e, { emit: t }) {
-		let n = e, c = t, u = ne(), { options: d } = G(), f = Y(), p = F("surface"), m = F("body"), g = F("preview"), v = F("content"), C = D(!!u.preview);
-		x(() => {
-			C.value = !!u.preview;
+		let n = e, c = t, u = ne(), { options: d } = K(), f = Y(), p = re("surface"), m = re("body"), h = re("preview"), _ = re("content"), y = O(!!u.preview);
+		S(() => {
+			y.value = !!u.preview;
 		});
-		let T = r(() => De(C.value, n.expandable)), E = D(N()), O = r(() => T.value.includes(E.value) ? E.value : T.value[0]), j = r({
-			get: () => T.value.indexOf(O.value),
+		let w = r(() => Oe(y.value, n.expandable)), E = O(N()), D = r(() => w.value.includes(E.value) ? E.value : w.value[0]), k = r({
+			get: () => w.value.indexOf(D.value),
 			set: (e) => {
-				E.value = T.value[e];
+				E.value = w.value[e];
 			}
-		}), M = r(() => j.value >= T.value.length - 1);
+		}), M = r(() => k.value >= w.value.length - 1);
 		function N() {
-			return n.stage && T.value.includes(n.stage) ? n.stage : T.value[0];
+			return n.stage && w.value.includes(n.stage) ? n.stage : w.value[0];
 		}
-		let ee = r(() => d.i18n.messages), te = r(() => f(M.value ? ee.value.collapse : ee.value.expand)), ie = r(() => f(ee.value.close)), R = D({
+		let P = r(() => d.i18n.messages), ee = r(() => f(M.value ? P.value.collapse : P.value.expand)), te = r(() => f(P.value.close)), L = O({
 			chrome: 0,
 			preview: 0,
 			content: 0
-		}), ce = D(0);
-		function le(e) {
+		}), z = O(0);
+		function ce(e) {
 			let t = getComputedStyle(e);
 			return (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0);
 		}
-		function de(e) {
+		function le(e) {
 			if (!e) return 0;
 			if (e.style.display !== "none") return e.offsetHeight;
 			e.style.display = "";
 			let t = e.offsetHeight;
 			return e.style.display = "none", t;
 		}
-		function B() {
+		function V() {
 			let e = p.value, t = m.value;
-			ce.value = window.innerHeight, e && t && (R.value = {
-				chrome: e.offsetHeight - t.offsetHeight + le(t),
-				preview: de(g.value),
-				content: de(v.value)
+			z.value = window.innerHeight, e && t && (L.value = {
+				chrome: e.offsetHeight - t.offsetHeight + ce(t),
+				preview: le(h.value),
+				content: le(_.value)
 			});
 		}
-		function fe(e) {
-			let { chrome: t, preview: n, content: r } = R.value;
-			return e === "fullscreen" ? ce.value : e === "preview" ? t + n : Math.min(t + r, Ye * ce.value);
+		function de(e) {
+			let { chrome: t, preview: n, content: r } = L.value;
+			return e === "fullscreen" ? z.value : e === "preview" ? t + n : Math.min(t + r, Xe * z.value);
 		}
-		function pe() {
-			return B(), T.value.map(fe);
+		function fe() {
+			return V(), w.value.map(de);
 		}
-		let me = null, V = D(null), he = r(() => n.modelValue ? null : V.value);
-		function ge(e) {
-			V.value = e, c("update:modelValue", !1), c("close");
+		let pe = null, H = O(null), U = r(() => n.modelValue ? null : H.value);
+		function me(e) {
+			H.value = e, c("update:modelValue", !1), c("close");
 		}
-		function H() {
-			ge(null);
+		function he() {
+			me(null);
 		}
-		function U() {
-			ge(me);
+		function ge() {
+			me(pe);
 		}
-		let { dragging: W, offset: K } = Fe({
+		let { dragging: W, offset: G } = Ie({
 			surface: p,
 			body: m,
-			heights: pe,
-			current: j,
+			heights: fe,
+			current: k,
 			dismissible: r(() => !n.persistent),
-			onDismiss: U
-		}), q = D([]);
+			onDismiss: ge
+		}), q = O([]);
 		I(W, (e) => {
-			q.value = e ? pe() : [], e && (me = null, V.value = null);
-		}, { flush: "sync" }), I(K, (e) => {
-			W.value && q.value.length && (me = {
-				height: q.value[j.value],
+			q.value = e ? fe() : [], e && (pe = null, H.value = null);
+		}, { flush: "sync" }), I(G, (e) => {
+			W.value && q.value.length && (pe = {
+				height: q.value[k.value],
 				offset: Math.max(e, 0)
 			});
 		}, { flush: "sync" });
 		let _e = r(() => {
-			if (he.value) {
-				let { height: e, offset: t } = he.value;
+			if (U.value) {
+				let { height: e, offset: t } = U.value;
 				return {
 					height: `${String(e)}px`,
 					transform: `translateY(${String(t)}px)`
 				};
 			}
 			if (W.value && q.value.length) {
-				let e = q.value[j.value];
-				if (K.value >= 0) return {
+				let e = q.value[k.value];
+				if (G.value >= 0) return {
 					height: `${String(e)}px`,
-					transform: `translateY(${String(K.value)}px)`
+					transform: `translateY(${String(G.value)}px)`
 				};
-				let t = q.value[q.value.length - 1], n = e - K.value, r = Math.min(n, t) + Math.max(n - t, 0) * Xe;
+				let t = q.value[q.value.length - 1], n = e - G.value, r = Math.min(n, t) + Math.max(n - t, 0) * Ze;
 				return { height: `${String(r)}px` };
 			}
-			let { chrome: e, preview: t, content: n } = R.value;
-			return O.value === "preview" && e + t > 0 ? { height: `${String(e + t)}px` } : O.value === "content" && e + n > 0 ? { height: `min(${String(e + n)}px, 90dvh)` } : {};
+			let { chrome: e, preview: t, content: n } = L.value;
+			return D.value === "preview" && e + t > 0 ? { height: `${String(e + t)}px` } : D.value === "content" && e + n > 0 ? { height: `min(${String(e + n)}px, 90dvh)` } : {};
 		}), J = null;
 		function ve() {
 			J?.disconnect(), J = null;
-			let e = [g.value, v.value].filter((e) => !!e);
+			let e = [h.value, _.value].filter((e) => !!e);
 			e.length && typeof ResizeObserver < "u" && (J = new ResizeObserver(() => {
-				W.value || B();
+				W.value || V();
 			}), e.forEach((e) => {
 				J?.observe(e);
 			}));
 		}
-		I([g, v], ve, { flush: "post" }), S(() => {
-			ce.value = window.innerHeight, window.addEventListener("resize", B);
-		}), b(() => {
-			J?.disconnect(), window.removeEventListener("resize", B);
+		I([h, _], ve, { flush: "post" }), C(() => {
+			z.value = window.innerHeight, window.addEventListener("resize", V);
+		}), x(() => {
+			J?.disconnect(), window.removeEventListener("resize", V);
 		});
 		function ye() {
-			O.value !== n.stage && c("update:stage", O.value);
+			D.value !== n.stage && c("update:stage", D.value);
 		}
 		I(() => n.stage, (e) => {
-			e && T.value.includes(e) ? E.value = e : ye();
-		}), I(T, (e) => {
+			e && w.value.includes(e) ? E.value = e : ye();
+		}), I(w, (e) => {
 			e.includes(E.value) || (E.value = e[0]);
 		}), I(() => n.modelValue, (e) => {
-			e && (V.value = null, E.value = N());
-		}), I(O, ye, { immediate: !0 }), I(O, B, { flush: "post" });
+			e && (H.value = null, E.value = N());
+		}), I(D, ye, { immediate: !0 }), I(D, V, { flush: "post" });
 		function be() {
-			j.value = M.value ? 0 : T.value.length - 1;
+			k.value = M.value ? 0 : w.value.length - 1;
 		}
 		function xe() {
-			V.value = null, c("closed");
-		}
-		function Z() {
-			n.persistent || H();
+			H.value = null, c("closed");
 		}
 		function Se() {
-			d.dialog.closeOnOverlayClick && !n.persistent && H();
+			n.persistent || he();
+		}
+		function Z() {
+			d.dialog.closeOnOverlayClick && !n.persistent && he();
 		}
 		function Ce() {
 			n.form && c("submit");
 		}
-		return (t, n) => (w(), i(P(ue), {
+		return (t, n) => (T(), i(F(ue), {
 			"model-value": e.modelValue,
+			width: "100%",
+			"max-width": "100%",
 			persistent: "",
 			"no-click-animation": "",
 			scrollable: !1,
 			"retain-focus": "",
 			"content-class": "ui-sheet-overlay",
-			"onClick:outside": Se,
-			onKeydown: oe(se(Z, ["stop", "prevent"]), ["esc"]),
+			"onClick:outside": Z,
+			onKeydown: oe(se(Se, ["stop", "prevent"]), ["esc"]),
 			onAfterEnter: n[0] ||= (e) => c("opened"),
 			onAfterLeave: xe
 		}, {
-			default: L(() => [s("div", {
+			default: R(() => [s("div", {
 				ref_key: "surface",
 				ref: p,
-				class: _(["ui-sheet", [`ui-sheet--${O.value}`, {
-					"ui-sheet--dragging": P(W),
-					"ui-sheet--dismissing": !!he.value
+				class: v(["ui-sheet", [`ui-sheet--${D.value}`, {
+					"ui-sheet--dragging": F(W),
+					"ui-sheet--dismissing": !!U.value
 				}]]),
-				style: y(_e.value)
-			}, [(w(), i(A(e.form ? "form" : "div"), h({ class: "ui-sheet__layout" }, e.form ? { novalidate: !0 } : {}, { onSubmit: se(Ce, ["prevent"]) }), {
-				default: L(() => [
-					T.value.length > 1 ? (w(), o("button", {
+				style: b(_e.value)
+			}, [(T(), i(j(e.form ? "form" : "div"), g({ class: "ui-sheet__layout" }, e.form ? { novalidate: !0 } : {}, { onSubmit: se(Ce, ["prevent"]) }), {
+				default: R(() => [
+					w.value.length > 1 ? (T(), o("button", {
 						key: 0,
 						type: "button",
 						class: "ui-sheet__handle",
-						"aria-label": te.value,
+						"aria-label": ee.value,
 						onClick: be
-					}, [...n[1] ||= [s("span", { class: "ui-sheet__grip" }, null, -1)]], 8, He)) : (w(), o("div", Ue, [...n[2] ||= [s("span", { class: "ui-sheet__grip" }, null, -1)]])),
-					s("header", We, [
-						e.title ? (w(), o("h2", Ge, [l(X, {
+					}, [...n[1] ||= [s("span", { class: "ui-sheet__grip" }, null, -1)]], 8, Ue)) : (T(), o("div", We, [...n[2] ||= [s("span", { class: "ui-sheet__grip" }, null, -1)]])),
+					s("header", Ge, [
+						e.title ? (T(), o("h2", Ke, [l(X, {
 							content: e.title,
 							translate: e.translateTitle
 						}, null, 8, ["content", "translate"])])) : a("", !0),
-						k(t.$slots, "header"),
-						e.closable && O.value !== "preview" ? (w(), i(P(z), {
+						A(t.$slots, "header"),
+						e.closable && D.value !== "preview" ? (T(), i(F(B), {
 							key: 1,
 							variant: "text",
 							density: "comfortable",
-							icon: P(Q).close,
-							"aria-label": ie.value,
+							icon: F(Q).close,
+							"aria-label": te.value,
 							disabled: e.persistent,
 							class: "ui-sheet__close",
-							onClick: H
+							onClick: he
 						}, null, 8, [
 							"icon",
 							"aria-label",
@@ -664,8 +666,8 @@ var Q = {
 						ref_key: "body",
 						ref: m,
 						class: "ui-sheet__body"
-					}, [C.value ? ae((w(), o("div", Ke, [k(t.$slots, "preview")], 512)), [[re, O.value === "preview"]]) : a("", !0), ae(s("div", qe, [k(t.$slots, "default")], 512), [[re, O.value !== "preview"]])], 512),
-					P(u).actions ? (w(), o("footer", Je, [k(t.$slots, "actions")])) : a("", !0)
+					}, [y.value ? ae((T(), o("div", qe, [A(t.$slots, "preview")], 512)), [[ie, D.value === "preview"]]) : a("", !0), ae(s("div", Je, [A(t.$slots, "default")], 512), [[ie, D.value !== "preview"]])], 512),
+					F(u).actions ? (T(), o("footer", Ye, [A(t.$slots, "actions")])) : a("", !0)
 				]),
 				_: 3
 			}, 16))], 6)]),
@@ -677,27 +679,27 @@ var Q = {
 //#region lib/composables/dialog/internal/useDialogCta.ts
 function $(e, t) {
 	let n = {
-		text: G().options.i18n.messages[t],
+		text: K().options.i18n.messages[t],
 		translateText: !0
 	};
-	return V(n, e);
+	return U(n, e);
 }
 //#endregion
 //#region lib/composables/dialog/internal/dialogWidths.ts
-var Qe = {
+var $e = {
 	sm: 440,
 	md: 560,
 	lg: 720
 };
-function $e(e) {
-	return typeof e == "number" ? e : Qe[e];
+function et(e) {
+	return typeof e == "number" ? e : $e[e];
 }
 //#endregion
 //#region lib/components/sheet/UiResponsiveDialog.vue?vue&type=script&setup=true&lang.ts
-var et = { class: "ui-responsive-dialog__sheet-section" }, tt = { class: "ui-dialog__header" }, nt = { class: "ui-dialog__title" }, rt = { class: "ui-dialog__body" }, it = {
+var tt = { class: "ui-responsive-dialog__sheet-section" }, nt = { class: "ui-dialog__header" }, rt = { class: "ui-dialog__title" }, it = { class: "ui-dialog__body" }, at = {
 	key: 0,
 	class: "ui-dialog__footer"
-}, at = /* @__PURE__ */ u({
+}, ot = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "UiResponsiveDialog",
 	props: {
@@ -735,8 +737,8 @@ var et = { class: "ui-responsive-dialog__sheet-section" }, tt = { class: "ui-dia
 		"update:stage"
 	],
 	setup(n, { emit: u }) {
-		let d = n, f = u, p = ne(), m = te(), { options: g } = G(), { mobile: _ } = R(), v = Y(), y = $(void 0, "close"), b = r(() => v(y.text, y.translateText)), x = r(() => $e(d.width)), S = M(null), C = !1;
-		function T(e) {
+		let d = n, f = u, p = ne(), m = te(), { options: h } = K(), { mobile: _ } = z(), v = Y(), y = $(void 0, "close"), b = r(() => v(y.text, y.translateText)), x = r(() => et(d.width)), S = N(null), C = !1;
+		function w(e) {
 			e instanceof HTMLElement && (S.value = e);
 		}
 		I(() => d.modelValue, (e, t) => {
@@ -753,13 +755,13 @@ var et = { class: "ui-responsive-dialog__sheet-section" }, tt = { class: "ui-dia
 		function O() {
 			d.persistent || D();
 		}
-		function j() {
-			g.dialog.closeOnOverlayClick && !d.persistent && D();
+		function k() {
+			h.dialog.closeOnOverlayClick && !d.persistent && D();
 		}
-		function N() {
+		function M() {
 			d.form && f("submit");
 		}
-		return (r, u) => (w(), o(e, null, [P(_) ? (w(), i(Ze, h({ key: 0 }, P(m), {
+		return (r, u) => (T(), o(e, null, [F(_) ? (T(), i(Qe, g({ key: 0 }, F(m), {
 			"model-value": n.modelValue,
 			stage: n.stage,
 			title: n.title,
@@ -775,25 +777,25 @@ var et = { class: "ui-responsive-dialog__sheet-section" }, tt = { class: "ui-dia
 			onOpened: u[4] ||= (e) => f("opened"),
 			onClosed: E
 		}), c({
-			default: L(() => [s("div", {
-				ref: T,
+			default: R(() => [s("div", {
+				ref: w,
 				class: "ui-responsive-dialog__sheet-section"
 			}, null, 512)]),
 			_: 2
 		}, [
-			P(p).preview ? {
+			F(p).preview ? {
 				name: "preview",
-				fn: L(() => [s("div", et, [k(r.$slots, "preview")])]),
+				fn: R(() => [s("div", tt, [A(r.$slots, "preview")])]),
 				key: "0"
 			} : void 0,
-			P(p).header ? {
+			F(p).header ? {
 				name: "header",
-				fn: L(() => [k(r.$slots, "header")]),
+				fn: R(() => [A(r.$slots, "header")]),
 				key: "1"
 			} : void 0,
-			P(p).actions ? {
+			F(p).actions ? {
 				name: "actions",
-				fn: L(() => [k(r.$slots, "actions")]),
+				fn: R(() => [A(r.$slots, "actions")]),
 				key: "2"
 			} : void 0
 		]), 1040, [
@@ -805,37 +807,37 @@ var et = { class: "ui-responsive-dialog__sheet-section" }, tt = { class: "ui-dia
 			"closable",
 			"persistent",
 			"form"
-		])) : (w(), i(P(B), h({ key: 1 }, P(m), {
+		])) : (T(), i(F(de), g({ key: 1 }, F(m), {
 			"model-value": n.modelValue,
 			"max-width": x.value,
 			persistent: "",
 			"no-click-animation": "",
 			scrollable: !1,
 			"retain-focus": "",
-			"onClick:outside": j,
+			"onClick:outside": k,
 			onKeydown: oe(se(O, ["stop", "prevent"]), ["esc"]),
 			onAfterEnter: u[5] ||= (e) => f("opened"),
 			onAfterLeave: E
 		}), {
-			default: L(() => [l(P(de), {
+			default: R(() => [l(F(V), {
 				variant: "flat",
 				border: !1,
 				rounded: !1,
 				class: "ui-dialog"
 			}, {
-				default: L(() => [(w(), i(A(n.form ? "form" : "div"), h({ class: "ui-dialog__layout" }, n.form ? { novalidate: !0 } : {}, { onSubmit: se(N, ["prevent"]) }), {
-					default: L(() => [
-						s("header", tt, [
-							s("h2", nt, [l(X, {
+				default: R(() => [(T(), i(j(n.form ? "form" : "div"), g({ class: "ui-dialog__layout" }, n.form ? { novalidate: !0 } : {}, { onSubmit: se(M, ["prevent"]) }), {
+					default: R(() => [
+						s("header", nt, [
+							s("h2", rt, [l(X, {
 								content: n.title,
 								translate: n.translateTitle
 							}, null, 8, ["content", "translate"])]),
-							k(r.$slots, "header"),
-							n.closable ? (w(), i(P(z), {
+							A(r.$slots, "header"),
+							n.closable ? (T(), i(F(B), {
 								key: 0,
 								variant: "text",
 								density: "comfortable",
-								icon: P(Q).close,
+								icon: F(Q).close,
 								"aria-label": b.value,
 								disabled: n.persistent,
 								class: "ui-dialog__close",
@@ -846,11 +848,11 @@ var et = { class: "ui-responsive-dialog__sheet-section" }, tt = { class: "ui-dia
 								"disabled"
 							])) : a("", !0)
 						]),
-						s("div", rt, [s("div", {
-							ref: T,
+						s("div", it, [s("div", {
+							ref: w,
 							class: "ui-responsive-dialog__slot"
 						}, null, 512)]),
-						P(p).actions ? (w(), o("footer", it, [k(r.$slots, "actions")])) : a("", !0)
+						F(p).actions ? (T(), o("footer", at, [A(r.$slots, "actions")])) : a("", !0)
 					]),
 					_: 3
 				}, 16))]),
@@ -861,16 +863,16 @@ var et = { class: "ui-responsive-dialog__sheet-section" }, tt = { class: "ui-dia
 			"model-value",
 			"max-width",
 			"onKeydown"
-		])), S.value ? (w(), i(t, {
+		])), S.value ? (T(), i(t, {
 			key: 2,
 			to: S.value
-		}, [k(r.$slots, "default")], 8, ["to"])) : a("", !0)], 64));
+		}, [A(r.$slots, "default")], 8, ["to"])) : a("", !0)], 64));
 	}
 });
 //#endregion
 //#region lib/composables/dialog/useDialog.ts
-function ot() {
-	let e = K(), { options: { components: { dialog: t } } } = G();
+function st() {
+	let e = q(), { options: { components: { dialog: t } } } = K();
 	function n(n, r) {
 		let i = typeof n == "string" ? {
 			title: n,
@@ -923,30 +925,42 @@ function ot() {
 }
 //#endregion
 //#region lib/composables/dialog/useDialogEntry.ts
-function st() {
-	let e = d() ? f(q, null) : null;
-	if (!e) throw Error(U.DIALOG_ENTRY_CONTEXT_MISSING);
+function ct() {
+	let e = f() ? p(_e, null) : null;
+	if (!e) throw Error(W.DIALOG_ENTRY_CONTEXT_MISSING);
 	return e;
 }
 //#endregion
-//#region lib/composables/dialog/useDialogForm.ts
-function ct(e) {
-	let t = d() ? f(_e, null) : null;
-	if (!t) throw Error(U.DIALOG_FORM_CONTEXT_MISSING);
-	return t.register(e), {
+//#region lib/composables/dialog/useFormDialog.ts
+function lt() {
+	let e = f() ? p(J, null) : null;
+	if (!e) throw Error(W.FORM_DIALOG_CONTEXT_MISSING);
+	let t = e;
+	function n(e) {
+		let n = t.addFinishHandler(e);
+		return d() && w(n), n;
+	}
+	return {
 		submit: t.submit,
+		close: t.close,
+		onFinish: n,
 		loading: t.loading
 	};
 }
 //#endregion
+//#region lib/composables/dialog/onDialogFinish.ts
+function ut(e) {
+	return lt().onFinish(e);
+}
+//#endregion
 //#region lib/composables/dialog/presets/ConfirmDialogProps.ts
-var lt = /* @__PURE__ */ function(e) {
+var dt = /* @__PURE__ */ function(e) {
 	return e.DEFAULT = "primary", e.WARNING = "warning", e.DANGER = "error", e;
 }({});
 //#endregion
 //#region lib/composables/toast/useToast.ts
-function ut() {
-	let e = ye(), { options: { toast: t } } = G();
+function ft() {
+	let e = be(), { options: { toast: t } } = K();
 	function n(e) {
 		return e === Z.ERROR ? t.errorTimeout : t.timeout;
 	}
@@ -971,89 +985,89 @@ function ut() {
 }
 //#endregion
 //#region lib/composables/toast/useToastEntry.ts
-function dt() {
-	let e = d() ? f(be, null) : null;
-	if (!e) throw Error(U.TOAST_ENTRY_CONTEXT_MISSING);
+function pt() {
+	let e = f() ? p(xe, null) : null;
+	if (!e) throw Error(W.TOAST_ENTRY_CONTEXT_MISSING);
 	return e;
 }
 //#endregion
 //#region lib/composables/loading/useLoading.ts
-function ft(e) {
+function mt(e) {
 	return e ? new Promise((t) => {
 		setTimeout(t, e);
 	}) : Promise.resolve();
 }
-function pt(e, t = {}) {
-	let { options: { loading: n } } = G(), r = t.delay ?? n.delay, i = t.overlay ?? n.overlay, a = D(!1), o = we(), s = e;
+function ht(e, t = {}) {
+	let { options: { loading: n } } = K(), r = t.delay ?? n.delay, i = t.overlay ?? n.overlay, a = O(!1), o = Te(), s = e;
 	async function c(...e) {
 		a.value = !0, i && (o.value = !0);
 		try {
-			let [t] = await Promise.all([s(...e), ft(r)]);
+			let [t] = await Promise.all([s(...e), mt(r)]);
 			return t;
 		} finally {
 			a.value = !1, i && (o.value = !1);
 		}
 	}
 	return {
-		loading: E(a),
+		loading: D(a),
 		action: c
 	};
 }
 //#endregion
 //#region lib/composables/dialog/components/dialog/presets/InfoDialog.vue?vue&type=script&setup=true&lang.ts
-var mt = {
+var gt = {
 	key: 0,
 	class: "ui-dialog__text"
-}, ht = /* @__PURE__ */ u({
+}, _t = /* @__PURE__ */ u({
 	__name: "InfoDialog",
 	setup(t) {
-		let { data: n, resolve: s } = st(), u = n.defaultCta === !1 ? null : $(n.defaultCta, "close"), d = r(() => n.additionalCta ?? []), { mobile: f } = R(), p = r(() => u !== null && !f.value), m = r(() => p.value || d.value.length > 0), g = D(!0), _ = r(() => "props" in n ? n.props : {}), y = null;
+		let { data: n, resolve: s } = ct(), u = n.defaultCta === !1 ? null : $(n.defaultCta, "close"), d = r(() => n.additionalCta ?? []), { mobile: f } = z(), p = r(() => u !== null && !f.value), m = r(() => p.value || d.value.length > 0), h = O(!0), _ = r(() => "props" in n ? n.props : {}), v = null;
 		function b(e) {
 			"action" in e ? e.action() : x(e.value);
 		}
 		function x(e) {
-			g.value &&= (y = e, !1);
+			h.value &&= (v = e, !1);
 		}
 		function S() {
 			x(null);
 		}
 		function C() {
-			s(y);
+			s(v);
 		}
-		return (t, r) => (w(), i(at, {
-			"model-value": g.value,
-			title: P(n).title,
-			"translate-title": P(n).translateTitle,
-			width: P(n).width ?? "sm",
+		return (t, r) => (T(), i(ot, {
+			"model-value": h.value,
+			title: F(n).title,
+			"translate-title": F(n).translateTitle,
+			width: F(n).width ?? "sm",
 			onClose: S,
 			onClosed: C
 		}, c({
-			default: L(() => ["content" in P(n) ? (w(), o("p", mt, [l(X, {
-				content: P(n).content,
-				translate: P(n).translateContent
-			}, null, 8, ["content", "translate"])])) : (w(), i(A(P(n).component), v(h({ key: 1 }, _.value)), null, 16))]),
+			default: R(() => ["content" in F(n) ? (T(), o("p", gt, [l(X, {
+				content: F(n).content,
+				translate: F(n).translateContent
+			}, null, 8, ["content", "translate"])])) : (T(), i(j(F(n).component), y(g({ key: 1 }, _.value)), null, 16))]),
 			_: 2
 		}, [m.value ? {
 			name: "actions",
-			fn: L(() => [(w(!0), o(e, null, O(d.value, (e, t) => (w(), i(P(z), {
+			fn: R(() => [(T(!0), o(e, null, k(d.value, (e, t) => (T(), i(F(B), {
 				key: t,
 				variant: "text",
 				onClick: () => b(e)
 			}, {
-				default: L(() => [l(X, {
+				default: R(() => [l(X, {
 					content: e.text,
 					translate: e.translateText
 				}, null, 8, ["content", "translate"])]),
 				_: 2
-			}, 1032, ["onClick"]))), 128)), p.value && P(u) ? (w(), i(P(z), {
+			}, 1032, ["onClick"]))), 128)), p.value && F(u) ? (T(), i(F(B), {
 				key: 0,
 				variant: "flat",
 				color: "primary",
 				onClick: S
 			}, {
-				default: L(() => [l(X, {
-					content: P(u).text,
-					translate: P(u).translateText
+				default: R(() => [l(X, {
+					content: F(u).text,
+					translate: F(u).translateText
 				}, null, 8, ["content", "translate"])]),
 				_: 1
 			})) : a("", !0)]),
@@ -1065,16 +1079,16 @@ var mt = {
 			"width"
 		]));
 	}
-}), gt = {
+}), vt = {
 	key: 0,
 	class: "ui-dialog__text"
-}, _t = /* @__PURE__ */ u({
+}, yt = /* @__PURE__ */ u({
 	__name: "ConfirmDialog",
 	setup(t) {
-		let { data: n, resolve: a, reject: s } = st(), c = $(n.confirmCta, "yes"), u = $(n.rejectCta, "no"), d = D(!0), f = {
+		let { data: n, resolve: a, reject: s } = ct(), c = $(n.confirmCta, "yes"), u = $(n.rejectCta, "no"), d = O(!0), f = {
 			reject: null,
 			confirm: null
-		}, p = r(() => n.highlightCta ?? "confirm"), m = r(() => n.level ?? "primary"), g = r(() => "props" in n ? n.props : {}), _ = r(() => {
+		}, p = r(() => n.highlightCta ?? "confirm"), m = r(() => n.level ?? "primary"), h = r(() => "props" in n ? n.props : {}), _ = r(() => {
 			let e = p.value, t = [{
 				key: "reject",
 				cta: u,
@@ -1089,34 +1103,34 @@ var mt = {
 				onClick: S
 			}];
 			return e === "reject" ? t.reverse() : t;
-		}), y = !1;
+		}), v = !1;
 		function b(e, t) {
 			t && "$el" in t ? f[e] = t.$el : f[e] = null;
 		}
 		function x() {
-			d.value &&= (y = !1, !1);
+			d.value &&= (v = !1, !1);
 		}
 		function S() {
-			d.value &&= (y = !0, !1);
+			d.value &&= (v = !0, !1);
 		}
 		function C() {
-			f[n.level === lt.DANGER ? "reject" : "confirm"]?.focus();
+			f[n.level === dt.DANGER ? "reject" : "confirm"]?.focus();
 		}
-		function T() {
-			!y && n.throwOnReject ? s() : a(y);
+		function w() {
+			!v && n.throwOnReject ? s() : a(v);
 		}
-		return (t, r) => (w(), i(at, {
+		return (t, r) => (T(), i(ot, {
 			"model-value": d.value,
-			title: P(n).title,
-			"translate-title": P(n).translateTitle,
-			width: P(n).width ?? "sm",
+			title: F(n).title,
+			"translate-title": F(n).translateTitle,
+			width: F(n).width ?? "sm",
 			closable: !1,
-			persistent: !!P(n).permanent,
+			persistent: !!F(n).permanent,
 			onClose: x,
 			onOpened: C,
-			onClosed: T
+			onClosed: w
 		}, {
-			actions: L(() => [(w(!0), o(e, null, O(_.value, (e) => (w(), i(P(z), {
+			actions: R(() => [(T(!0), o(e, null, k(_.value, (e) => (T(), i(F(B), {
 				key: e.key,
 				ref_for: !0,
 				ref: (t) => b(e.key, t),
@@ -1124,7 +1138,7 @@ var mt = {
 				color: e.color,
 				onClick: e.onClick
 			}, {
-				default: L(() => [l(X, {
+				default: R(() => [l(X, {
 					content: e.cta.text,
 					translate: e.cta.translateText
 				}, null, 8, ["content", "translate"])]),
@@ -1134,10 +1148,10 @@ var mt = {
 				"color",
 				"onClick"
 			]))), 128))]),
-			default: L(() => ["content" in P(n) ? (w(), o("p", gt, [l(X, {
-				content: P(n).content,
-				translate: P(n).translateContent
-			}, null, 8, ["content", "translate"])])) : (w(), i(A(P(n).component), v(h({ key: 1 }, g.value)), null, 16))]),
+			default: R(() => ["content" in F(n) ? (T(), o("p", vt, [l(X, {
+				content: F(n).content,
+				translate: F(n).translateContent
+			}, null, 8, ["content", "translate"])])) : (T(), i(j(F(n).component), y(g({ key: 1 }, h.value)), null, 16))]),
 			_: 1
 		}, 8, [
 			"model-value",
@@ -1150,116 +1164,120 @@ var mt = {
 });
 //#endregion
 //#region lib/composables/dialog/internal/declaresProp.ts
-function vt(e, t) {
+function bt(e, t) {
 	let n = e.props;
 	return Array.isArray(n) ? n.includes(t) : typeof n == "object" && !!n && t in n;
 }
 //#endregion
 //#region lib/composables/dialog/internal/isEmptyValue.ts
-function yt(e) {
+function xt(e) {
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || t === null;
 }
-function bt(e) {
-	return e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : e instanceof Date ? Number.isNaN(e.getTime()) : e instanceof Map || e instanceof Set ? e.size === 0 : typeof e == "object" && yt(e) && Object.keys(e).length === 0;
+function St(e) {
+	return e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : e instanceof Date ? Number.isNaN(e.getTime()) : e instanceof Map || e instanceof Set ? e.size === 0 : typeof e == "object" && xt(e) && Object.keys(e).length === 0;
 }
 //#endregion
 //#region lib/internal/toErrorMessage.ts
-function xt(e, t) {
+function Ct(e, t) {
 	return e instanceof Error ? e.message : typeof e == "string" ? e : typeof e == "object" && e && "message" in e && typeof e.message == "string" ? e.message : t;
 }
 //#endregion
 //#region lib/composables/dialog/components/dialog/presets/FormDialog.vue
-var St = /* @__PURE__ */ u({
+var wt = /* @__PURE__ */ u({
 	__name: "FormDialog",
 	setup(e) {
-		let { data: t, resolve: n, reject: o } = st(), { options: c } = G(), u = Y(), d = $(t.saveCta, "save"), f = $(t.abortCta, "cancel"), p = r(() => u(c.i18n.messages.saveFailed, !0)), m = r(() => u(c.i18n.messages.unknownError, !0)), g = D(!0), _ = D(null), y = D(ee(t.initialValue) ?? null), b = M(null), x = M(null), S = F("content"), C = he(), { loading: E, action: O } = pt(I), k = D(!1), j = r(() => !!t.required && b.value === null && bt(y.value)), N = r(() => {
+		let { data: t, resolve: n, reject: o } = ct(), { options: c } = K(), u = Y(), d = $(t.saveCta, "save"), f = $(t.abortCta, "cancel"), p = r(() => u(c.i18n.messages.saveFailed, !0)), m = r(() => u(c.i18n.messages.unknownError, !0)), h = O(!0), _ = O(null), v = O(ee(t.initialValue) ?? null), b = N(null), x = re("content"), S = me(), { loading: C, action: w } = ht(ie), D = O(!1), k = r(() => !!t.required && St(v.value)), A = r(() => {
 			let e = { ...t.props };
-			return vt(t.component, "modelValue") && (e.modelValue = y.value, e["onUpdate:modelValue"] = (e) => {
-				y.value = e;
-			}), vt(t.component, "toolbar") && (e.toolbar = x.value), e;
-		}), te = null;
-		function ne(e) {
-			e instanceof HTMLDivElement && (x.value = e);
+			return bt(t.component, "modelValue") && (e.modelValue = v.value, e["onUpdate:modelValue"] = (e) => {
+				v.value = e;
+			}), bt(t.component, "toolbar") && (e.toolbar = b.value), e;
+		}), M = /* @__PURE__ */ new Set(), P = null;
+		function te(e) {
+			e instanceof HTMLDivElement && (b.value = e);
 		}
-		T(_e, {
-			register(e) {
-				b.value = e;
+		E(J, {
+			addFinishHandler(e) {
+				return M.add(e), () => {
+					M.delete(e);
+				};
 			},
-			submit: re,
-			loading: E
+			submit: ne,
+			close: I,
+			loading: C
 		});
-		async function re() {
-			if (!(E.value || k.value || j.value)) {
-				k.value = !0;
+		async function ne() {
+			if (!(C.value || D.value || k.value)) {
+				D.value = !0;
 				try {
-					if (!await C.value.$validate() || !g.value) return;
-					_.value = null, await O();
+					if (!await S.value.$validate() || !h.value) return;
+					_.value = null, await w();
 				} catch (e) {
-					_.value = xt(e, m.value);
+					_.value = Ct(e, m.value);
 				} finally {
-					k.value = !1;
+					D.value = !1;
 				}
 			}
 		}
-		async function I() {
-			let e = b.value ? await b.value() : y.value;
-			te = t.action ? await t.action(e) : e, g.value = !1;
+		async function ie() {
+			for (let e of [...M]) if (await e() === !1) return;
+			let e = v.value;
+			P = t.action ? await t.action(e) : e, h.value = !1;
 		}
-		function ie() {
-			E.value || k.value || (g.value = !1);
+		function I() {
+			C.value || D.value || (h.value = !1);
 		}
-		function ae() {
-			S.value?.querySelector("input:not([type=hidden]), textarea, select")?.focus();
+		function L() {
+			x.value?.querySelector("input:not([type=hidden]), textarea, select")?.focus();
 		}
-		function oe() {
-			t.required && te === null ? o() : n(te);
+		function ae() {
+			t.required && P === null ? o() : n(P);
 		}
-		return (e, n) => (w(), i(at, {
-			"model-value": g.value,
-			title: P(t).title,
-			"translate-title": P(t).translateTitle,
-			width: P(t).width ?? "md",
-			persistent: P(E) || k.value,
+		return (e, n) => (T(), i(ot, {
+			"model-value": h.value,
+			title: F(t).title,
+			"translate-title": F(t).translateTitle,
+			width: F(t).width ?? "md",
+			persistent: F(C) || D.value,
 			form: "",
-			onClose: ie,
-			onSubmit: re,
-			onOpened: ae,
-			onClosed: oe
+			onClose: I,
+			onSubmit: ne,
+			onOpened: L,
+			onClosed: ae
 		}, {
-			header: L(() => [s("div", {
-				ref: ne,
+			header: R(() => [s("div", {
+				ref: te,
 				class: "ui-dialog__toolbar"
 			}, null, 512)]),
-			actions: L(() => [l(P(z), {
+			actions: R(() => [l(F(B), {
 				variant: "text",
-				disabled: P(E),
-				onClick: ie
+				disabled: F(C),
+				onClick: I
 			}, {
-				default: L(() => [l(X, {
-					content: P(f).text,
-					translate: P(f).translateText
+				default: R(() => [l(X, {
+					content: F(f).text,
+					translate: F(f).translateText
 				}, null, 8, ["content", "translate"])]),
 				_: 1
-			}, 8, ["disabled"]), l(P(z), {
+			}, 8, ["disabled"]), l(F(B), {
 				variant: "flat",
 				color: "primary",
 				type: "submit",
-				disabled: j.value,
-				loading: P(E)
+				disabled: k.value,
+				loading: F(C)
 			}, {
-				default: L(() => [l(X, {
-					content: P(d).text,
-					translate: P(d).translateText
+				default: R(() => [l(X, {
+					content: F(d).text,
+					translate: F(d).translateText
 				}, null, 8, ["content", "translate"])]),
 				_: 1
 			}, 8, ["disabled", "loading"])]),
-			default: L(() => [_.value === null ? a("", !0) : (w(), i(P(le), {
+			default: R(() => [_.value === null ? a("", !0) : (T(), i(F(le), {
 				key: 0,
 				type: "error",
 				variant: "tonal",
 				density: "compact",
-				icon: P(Q).error,
+				icon: F(Q).error,
 				title: p.value,
 				text: _.value
 			}, null, 8, [
@@ -1268,9 +1286,9 @@ var St = /* @__PURE__ */ u({
 				"text"
 			])), s("div", {
 				ref_key: "content",
-				ref: S,
+				ref: x,
 				class: "ui-dialog__content"
-			}, [x.value ? (w(), i(A(P(t).component), v(h({ key: 0 }, N.value)), null, 16)) : a("", !0)], 512)]),
+			}, [b.value ? (T(), i(j(F(t).component), y(g({ key: 0 }, A.value)), null, 16)) : a("", !0)], 512)]),
 			_: 1
 		}, 8, [
 			"model-value",
@@ -1280,7 +1298,7 @@ var St = /* @__PURE__ */ u({
 			"persistent"
 		]));
 	}
-}), Ct = ["role"], wt = { class: "ui-toast__message" }, Tt = /* @__PURE__ */ u({
+}), Tt = ["role"], Et = { class: "ui-toast__message" }, Dt = /* @__PURE__ */ u({
 	__name: "ToastEntry",
 	setup(e) {
 		let t = {
@@ -1288,48 +1306,48 @@ var St = /* @__PURE__ */ u({
 			[Z.SUCCESS]: Q.success,
 			[Z.INFO]: Q.info,
 			[Z.WARNING]: Q.warning
-		}, { entry: n, close: c, trigger: u } = dt(), { options: d } = G(), f = Y(), p = r(() => f(d.i18n.messages.close, !0)), m = r(() => t[n.type]), h = r(() => n.type === Z.ERROR ? "alert" : void 0);
-		return (e, t) => (w(), o("div", {
+		}, { entry: n, close: c, trigger: u } = pt(), { options: d } = K(), f = Y(), p = r(() => f(d.i18n.messages.close, !0)), m = r(() => t[n.type]), h = r(() => n.type === Z.ERROR ? "alert" : void 0);
+		return (e, t) => (T(), o("div", {
 			class: "ui-toast",
 			role: h.value
 		}, [
-			l(P(fe), {
+			l(F(fe), {
 				icon: m.value,
 				size: "20",
 				class: "ui-toast__icon"
 			}, null, 8, ["icon"]),
-			s("span", wt, [l(X, {
-				content: P(n).message,
-				translate: P(n).translateMessage
+			s("span", Et, [l(X, {
+				content: F(n).message,
+				translate: F(n).translateMessage
 			}, null, 8, ["content", "translate"])]),
-			P(n).action ? (w(), i(P(z), {
+			F(n).action ? (T(), i(F(B), {
 				key: 0,
 				variant: "text",
 				size: "small",
 				class: "ui-toast__action",
-				onClick: P(u)
+				onClick: F(u)
 			}, {
-				default: L(() => [l(X, {
-					content: P(n).action.text,
-					translate: P(n).action.translateText ?? !0
+				default: R(() => [l(X, {
+					content: F(n).action.text,
+					translate: F(n).action.translateText ?? !0
 				}, null, 8, ["content", "translate"])]),
 				_: 1
 			}, 8, ["onClick"])) : a("", !0),
-			l(P(z), {
+			l(F(B), {
 				variant: "text",
 				size: "small",
-				icon: P(Q).close,
+				icon: F(Q).close,
 				"aria-label": p.value,
 				class: "ui-toast__close",
-				onClick: P(c)
+				onClick: F(c)
 			}, null, 8, [
 				"icon",
 				"aria-label",
 				"onClick"
 			])
-		], 8, Ct));
+		], 8, Tt));
 	}
-}), Et = () => ({
+}), Ot = () => ({
 	loading: {
 		delay: 2e3,
 		overlay: !1
@@ -1352,43 +1370,43 @@ var St = /* @__PURE__ */ u({
 	} },
 	components: {
 		dialog: {
-			info: m(ht),
-			confirm: m(_t),
-			form: m(St)
+			info: h(_t),
+			confirm: h(yt),
+			form: h(wt)
 		},
-		toast: m(Tt)
+		toast: h(Dt)
 	}
 });
 //#endregion
 //#region lib/plugin/helper/resolvePluginOptions.ts
-function Dt(e = {}) {
-	let { components: t, ...n } = e, r = Et(), i = V(r, n);
+function kt(e = {}) {
+	let { components: t, ...n } = e, r = Ot(), i = U(r, n);
 	return i.components = {
 		dialog: {
-			info: m(t?.dialog?.info ?? r.components.dialog.info),
-			confirm: m(t?.dialog?.confirm ?? r.components.dialog.confirm),
-			form: m(t?.dialog?.form ?? r.components.dialog.form)
+			info: h(t?.dialog?.info ?? r.components.dialog.info),
+			confirm: h(t?.dialog?.confirm ?? r.components.dialog.confirm),
+			form: h(t?.dialog?.form ?? r.components.dialog.form)
 		},
-		toast: m(t?.toast ?? r.components.toast)
+		toast: h(t?.toast ?? r.components.toast)
 	}, i;
 }
 //#endregion
 //#region lib/plugin/helper/createPluginContext.ts
-function Ot(e) {
+function At(e) {
 	return {
-		dialogQueue: D([]),
-		toastQueue: D([]),
+		dialogQueue: O([]),
+		toastQueue: O([]),
 		toastTimers: /* @__PURE__ */ new Map(),
-		loadingOverlay: D(!1),
+		loadingOverlay: O(!1),
 		options: e
 	};
 }
 //#endregion
 //#region lib/plugin/createUIKit.ts
-function kt(e) {
+function jt(e) {
 	return (t) => {
-		t.provide(W, Ot(Dt(e)));
+		t.provide(G, At(kt(e)));
 	};
 }
 //#endregion
-export { lt as ConfirmDialogLevel, Z as ToastType, Ze as UiBottomSheet, Ee as UiKitOutlet, at as UiResponsiveDialog, kt as createUIKit, ot as useDialog, st as useDialogEntry, ct as useDialogForm, pt as useLoading, we as useLoadingOverlay, ut as useToast, dt as useToastEntry };
+export { dt as ConfirmDialogLevel, Z as ToastType, Qe as UiBottomSheet, De as UiKitOutlet, ot as UiResponsiveDialog, jt as createUIKit, ut as onDialogFinish, st as useDialog, ct as useDialogEntry, lt as useFormDialog, ht as useLoading, Te as useLoadingOverlay, ft as useToast, pt as useToastEntry };