@m3ui-vue/m3ui-vue 0.3.0 → 0.3.1

package/dist/m3ui.js

@@ -1,7 +1,7 @@
 import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./MMenuItem-C6RwHl-l.js";
 import { t as d } from "./MIcon-CaEooCmZ.js";
 import { t as f } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as p, Teleport as m, Transition as h, TransitionGroup as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineComponent as T, inject as E, mergeProps as D, nextTick as O, normalizeClass as k, normalizeStyle as A, onBeforeUnmount as j, onMounted as M, onUnmounted as N, openBlock as P, provide as F, reactive as I, ref as L, renderList as R, renderSlot as z, resolveComponent as B, resolveDynamicComponent as V, toDisplayString as H, unref as U, useAttrs as W, useId as G, useSlots as K, vModelText as ee, vShow as q, watch as J, watchEffect as Y, withCtx as X, withDirectives as te, withKeys as Z, withModifiers as Q } from "vue";
+import { Fragment as p, Teleport as m, Transition as h, TransitionGroup as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineComponent as T, inject as E, mergeProps as D, nextTick as O, normalizeClass as k, normalizeStyle as A, onBeforeUnmount as j, onMounted as M, onUnmounted as N, openBlock as P, provide as F, reactive as I, ref as L, renderList as R, renderSlot as z, resolveComponent as B, resolveDynamicComponent as V, toDisplayString as H, unref as U, useAttrs as W, useId as G, useSlots as ee, vModelText as K, vShow as q, watch as J, watchEffect as Y, withCtx as X, withDirectives as te, withKeys as Z, withModifiers as Q } from "vue";
 //#region src/plugin.ts
 function ne(e = {}) {
 	return { install(t) {
@@ -428,10 +428,10 @@ var be = /* @__PURE__ */ T({
 		function W() {
 			c.value = !1, l.value = "", u.value = -1;
 		}
-		function K(e) {
+		function ee(e) {
 			e.disabled || (a("update:modelValue", e.value), W(), O(() => g.value?.blur()));
 		}
-		function ee() {
+		function K() {
 			l.value = "", V();
 		}
 		function q(e) {
@@ -472,7 +472,7 @@ var be = /* @__PURE__ */ T({
 			else if (e.key === "Enter") {
 				e.preventDefault();
 				let n = t[u.value >= 0 ? u.value : 0];
-				n && K(n);
+				n && ee(n);
 			}
 		}
 		function $() {
@@ -540,7 +540,7 @@ var be = /* @__PURE__ */ T({
 					"outline-none text-on-surface",
 					e.disabled ? "pointer-events-none opacity-[0.38]" : "cursor-text"
 				]),
-				onFocus: ee,
+				onFocus: K,
 				onBlur: q,
 				onInput: Y,
 				onKeydown: ne
@@ -587,7 +587,7 @@ var be = /* @__PURE__ */ T({
 					D(t.value, e.modelValue) ? "bg-primary/8 text-primary font-medium" : "",
 					re(t) === u.value && !t.disabled ? "bg-on-surface/12" : ""
 				]]),
-				onMousedown: Q((e) => K(t), ["prevent"])
+				onMousedown: Q((e) => ee(t), ["prevent"])
 			}, [D(t.value, e.modelValue) ? (P(), v(d, {
 				key: 0,
 				name: "check",
@@ -1210,10 +1210,81 @@ var be = /* @__PURE__ */ T({
 		let t = e, n = _(() => [t.inline ? "inline-flex" : "flex", "items-center justify-center"]);
 		return (e, t) => (P(), b("div", { class: k(n.value) }, [z(e.$slots, "default")], 2));
 	}
-}), Nt = ["checked", "disabled"], Pt = {
+}), Nt = {
 	key: 0,
-	class: "text-body-large text-on-surface"
+	class: "text-label-small font-medium text-on-surface-variant mb-0.5 ml-1"
+}, Pt = {
+	key: 0,
+	class: "flex items-center justify-end gap-1 mt-0.5"
 }, Ft = /* @__PURE__ */ T({
+	__name: "MChatBubble",
+	props: {
+		text: {},
+		sender: {},
+		time: {},
+		side: { default: "left" },
+		avatar: {},
+		avatarSrc: {},
+		status: {},
+		color: { default: "primary" },
+		tail: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "medium" },
+		maxWidth: { default: "320px" }
+	},
+	setup(e) {
+		let t = e, n = _(() => t.side === "right"), r = _(() => t.size === "small" ? "text-body-small" : t.size === "large" ? "text-body-large" : "text-body-medium"), i = {
+			primary: {
+				bg: "bg-primary",
+				text: "text-on-primary",
+				timeCls: "text-on-primary/60"
+			},
+			secondary: {
+				bg: "bg-secondary",
+				text: "text-on-secondary",
+				timeCls: "text-on-secondary/60"
+			},
+			tertiary: {
+				bg: "bg-tertiary",
+				text: "text-on-tertiary",
+				timeCls: "text-on-tertiary/60"
+			}
+		}, a = _(() => {
+			let e = [
+				"rounded-2xl",
+				"px-3",
+				"py-2"
+			];
+			if (n.value) {
+				let n = i[t.color];
+				e.push(n.bg, n.text), t.tail && e.push("rounded-br-sm");
+			} else e.push("bg-surface-container-high", "text-on-surface"), t.tail && e.push("rounded-bl-sm");
+			return e;
+		}), o = _(() => n.value ? i[t.color].timeCls : "text-on-surface-variant"), s = _(() => t.status ? t.status === "sent" ? "check" : "done_all" : null), c = _(() => t.status === "sent" ? "text-on-primary/40" : t.status === "delivered" ? "text-on-primary/60" : t.status === "read" ? "text-on-primary" : "");
+		return (t, i) => (P(), b("div", { class: k(["flex gap-2", n.value ? "justify-end" : "justify-start"]) }, [e.avatar && !n.value ? (P(), v(qe, {
+			key: 0,
+			name: e.avatar,
+			size: 32,
+			class: "shrink-0 mt-auto"
+		}, null, 8, ["name"])) : y("", !0), x("div", {
+			class: "w-fit",
+			style: A({ maxWidth: e.maxWidth })
+		}, [e.sender && !n.value ? (P(), b("p", Nt, H(e.sender), 1)) : y("", !0), x("div", { class: k(a.value) }, [x("p", { class: k(r.value) }, [z(t.$slots, "default", {}, () => [C(H(e.text), 1)])], 2), e.time || e.status && n.value ? (P(), b("div", Pt, [e.time ? (P(), b("span", {
+			key: 0,
+			class: k(["text-label-small", o.value])
+		}, H(e.time), 3)) : y("", !0), e.status && n.value ? (P(), v(d, {
+			key: 1,
+			name: s.value,
+			size: 14,
+			class: k(c.value)
+		}, null, 8, ["name", "class"])) : y("", !0)])) : y("", !0)], 2)], 4)], 2));
+	}
+}), It = ["checked", "disabled"], Lt = {
+	key: 0,
+	class: "text-body-large text-on-surface"
+}, Rt = /* @__PURE__ */ T({
 	__name: "MCheckbox",
 	props: {
 		modelValue: { type: Boolean },
@@ -1236,13 +1307,13 @@ var be = /* @__PURE__ */ T({
 			checked: e.modelValue,
 			disabled: e.disabled,
 			onChange: r[0] ||= (t) => n("update:modelValue", !e.modelValue)
-		}, null, 40, Nt), w(d, {
+		}, null, 40, It), w(d, {
 			name: e.indeterminate ? "remove" : "check",
 			size: 14,
 			class: k(["transition-[opacity,transform] duration-150", e.modelValue || e.indeterminate ? "scale-100 opacity-100" : "scale-0 opacity-0"])
-		}, null, 8, ["name", "class"])], 2), e.label || t.$slots.default ? (P(), b("span", Pt, [z(t.$slots, "default", {}, () => [C(H(e.label), 1)])])) : y("", !0)], 2));
+		}, null, 8, ["name", "class"])], 2), e.label || t.$slots.default ? (P(), b("span", Lt, [z(t.$slots, "default", {}, () => [C(H(e.label), 1)])])) : y("", !0)], 2));
 	}
-}), It = ["disabled"], Lt = /* @__PURE__ */ T({
+}), zt = ["disabled"], Bt = /* @__PURE__ */ T({
 	__name: "MChip",
 	props: {
 		tone: { default: "neutral" },
@@ -1319,7 +1390,7 @@ var be = /* @__PURE__ */ T({
 				}, [w(d, {
 					name: "close",
 					size: 16
-				})], 8, It)) : y("", !0)
+				})], 8, zt)) : y("", !0)
 			]),
 			_: 3
 		}, 8, [
@@ -1329,13 +1400,13 @@ var be = /* @__PURE__ */ T({
 			"style"
 		]));
 	}
-}), Rt = { class: "flex flex-col gap-1" }, zt = { class: "flex-1 font-mono text-on-surface" }, Bt = {
+}), Vt = { class: "flex flex-col gap-1" }, Ht = { class: "flex-1 font-mono text-on-surface" }, Ut = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Vt = {
+}, Wt = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ht = { class: "mb-3" }, Ut = ["value"], Wt = { class: "mb-3 flex items-center gap-3" }, Gt = ["value"], Kt = { class: "flex flex-wrap gap-1.5" }, qt = ["onClick"], Jt = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Gt = { class: "mb-3" }, Kt = ["value"], qt = { class: "mb-3 flex items-center gap-3" }, Jt = ["value"], Yt = { class: "flex flex-wrap gap-1.5" }, Xt = ["onClick"], Zt = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MColorPicker",
 	props: {
 		modelValue: {},
@@ -1419,11 +1490,11 @@ var be = /* @__PURE__ */ T({
 		function G(e) {
 			i("update:modelValue", e);
 		}
-		function K(e) {
+		function ee(e) {
 			let t = e.target.value;
 			/^#[0-9a-fA-F]{6}$/.test(t) && i("update:modelValue", t);
 		}
-		function ee() {
+		function K() {
 			if (!o.value) return;
 			let e = o.value.getBoundingClientRect();
 			c.value = {
@@ -1442,13 +1513,13 @@ var be = /* @__PURE__ */ T({
 				a.value = !1;
 				return;
 			}
-			ee();
+			K();
 		}
 		return J(a, (e) => {
-			e ? (ee(), setTimeout(() => document.addEventListener("mousedown", q), 0)) : document.removeEventListener("mousedown", q);
+			e ? (K(), setTimeout(() => document.addEventListener("mousedown", q), 0)) : document.removeEventListener("mousedown", q);
 		}), M(() => window.addEventListener("scroll", Y, !0)), N(() => {
 			window.removeEventListener("scroll", Y, !0), document.removeEventListener("mousedown", q);
-		}), (t, n) => (P(), b("div", Rt, [
+		}), (t, n) => (P(), b("div", Vt, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: o,
@@ -1463,7 +1534,7 @@ var be = /* @__PURE__ */ T({
 					class: "h-6 w-6 shrink-0 rounded-full border border-outline-variant",
 					style: A({ backgroundColor: e.modelValue })
 				}, null, 4),
-				x("span", zt, H(e.modelValue), 1),
+				x("span", Ht, H(e.modelValue), 1),
 				w(d, {
 					name: "palette",
 					size: 20,
@@ -1473,7 +1544,7 @@ var be = /* @__PURE__ */ T({
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", a.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
 			}, H(e.label), 3)) : y("", !0)], 4),
-			e.error ? (P(), b("p", Bt, H(e.error), 1)) : e.hint ? (P(), b("p", Vt, H(e.hint), 1)) : y("", !0),
+			e.error ? (P(), b("p", Ut, H(e.error), 1)) : e.hint ? (P(), b("p", Wt, H(e.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -1503,15 +1574,15 @@ var be = /* @__PURE__ */ T({
 							backgroundColor: j.value
 						})
 					}, null, 4)], 36),
-					x("div", Ht, [x("input", {
+					x("div", Gt, [x("input", {
 						type: "range",
 						min: "0",
 						max: "360",
 						value: g.value,
 						class: "hue-slider h-3 w-full cursor-pointer appearance-none rounded-full outline-none",
 						onInput: W
-					}, null, 40, Ut)]),
-					x("div", Wt, [x("span", {
+					}, null, 40, Kt)]),
+					x("div", qt, [x("span", {
 						class: "h-9 w-9 shrink-0 rounded-full border border-outline-variant",
 						style: A({ backgroundColor: j.value })
 					}, null, 4), x("input", {
@@ -1519,9 +1590,9 @@ var be = /* @__PURE__ */ T({
 						value: e.modelValue,
 						maxlength: "7",
 						class: "flex-1 rounded-sm border border-outline bg-transparent px-3 py-2 font-mono text-body-medium text-on-surface outline-none transition-colors focus:border-primary",
-						onInput: K
-					}, null, 40, Gt)]),
-					x("div", Kt, [(P(!0), b(p, null, R(e.presets, (t) => (P(), b("button", {
+						onInput: ee
+					}, null, 40, Jt)]),
+					x("div", Yt, [(P(!0), b(p, null, R(e.presets, (t) => (P(), b("button", {
 						key: t,
 						type: "button",
 						class: k(["flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border transition-transform duration-100 hover:scale-110", t === e.modelValue ? "border-on-surface" : "border-transparent"]),
@@ -1532,26 +1603,26 @@ var be = /* @__PURE__ */ T({
 						name: "check",
 						size: 14,
 						class: "text-white drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)]"
-					})) : y("", !0)], 14, qt))), 128))])
+					})) : y("", !0)], 14, Xt))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), [["__scopeId", "data-v-872ab758"]]), Yt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, Xt = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, Zt = ["placeholder"], Qt = { class: "max-h-80 overflow-y-auto py-2" }, $t = {
+}), [["__scopeId", "data-v-872ab758"]]), Qt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, $t = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, en = ["placeholder"], tn = { class: "max-h-80 overflow-y-auto py-2" }, nn = {
 	key: 0,
 	class: "px-4 pt-3 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, en = [
+}, rn = [
 	"data-cmd-active",
 	"onClick",
 	"onPointerenter"
-], tn = { class: "flex-1 truncate text-body-medium" }, nn = {
+], an = { class: "flex-1 truncate text-body-medium" }, on = {
 	key: 1,
 	class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant"
-}, rn = {
+}, sn = {
 	key: 1,
 	class: "px-4 py-6 text-center text-body-medium text-on-surface-variant"
-}, an = { class: "flex items-center gap-4 border-t border-outline-variant px-4 py-2" }, on = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, sn = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, cn = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, ln = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, cn = { class: "flex items-center gap-4 border-t border-outline-variant px-4 py-2" }, ln = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, un = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, dn = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, fn = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MCommandPalette",
 	props: {
 		modelValue: { type: Boolean },
@@ -1606,8 +1677,8 @@ var be = /* @__PURE__ */ T({
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[15vh]",
 				onClick: Q(g, ["self"])
-			}, [x("div", Yt, [
-				x("div", Xt, [
+			}, [x("div", Qt, [
+				x("div", $t, [
 					w(d, {
 						name: "search",
 						size: 20,
@@ -1621,10 +1692,10 @@ var be = /* @__PURE__ */ T({
 						placeholder: e.placeholder ?? U(r).searchCommand,
 						class: "h-12 flex-1 bg-transparent text-body-large text-on-surface outline-none placeholder:text-on-surface-variant/50",
 						onKeydown: T
-					}, null, 40, Zt), [[ee, o.value]]),
+					}, null, 40, en), [[K, o.value]]),
 					n[1] ||= x("kbd", { class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant" }, " ESC ", -1)
 				]),
-				x("div", Qt, [l.value.length ? (P(!0), b(p, { key: 0 }, R(u.value, ([e, t]) => (P(), b(p, { key: e }, [e ? (P(), b("p", $t, H(e), 1)) : y("", !0), (P(!0), b(p, null, R(t, (e, t) => (P(), b("button", {
+				x("div", tn, [l.value.length ? (P(!0), b(p, { key: 0 }, R(u.value, ([e, t]) => (P(), b(p, { key: e }, [e ? (P(), b("p", nn, H(e), 1)) : y("", !0), (P(!0), b(p, null, R(t, (e, t) => (P(), b("button", {
 					key: e.id,
 					type: "button",
 					"data-cmd-active": l.value.indexOf(e) === s.value || void 0,
@@ -1638,19 +1709,19 @@ var be = /* @__PURE__ */ T({
 						size: 20,
 						class: "shrink-0 opacity-70"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", tn, H(e.label), 1),
-					e.shortcut ? (P(), b("kbd", nn, H(e.shortcut), 1)) : y("", !0)
-				], 42, en))), 128))], 64))), 128)) : (P(), b("p", rn, H(e.noResultsText ?? U(r).noResults), 1))]),
-				x("div", an, [
-					x("span", on, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
-					x("span", sn, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.selectHint ?? U(r).selectHint), 1)]),
-					x("span", cn, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
+					x("span", an, H(e.label), 1),
+					e.shortcut ? (P(), b("kbd", on, H(e.shortcut), 1)) : y("", !0)
+				], 42, rn))), 128))], 64))), 128)) : (P(), b("p", sn, H(e.noResultsText ?? U(r).noResults), 1))]),
+				x("div", cn, [
+					x("span", ln, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
+					x("span", un, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.selectHint ?? U(r).selectHint), 1)]),
+					x("span", dn, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
 				])
 			])])) : y("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-4d6cca63"]]), un = { class: "text-body-medium text-on-surface-variant" }, dn = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-4d6cca63"]]), pn = { class: "text-body-medium text-on-surface-variant" }, mn = /* @__PURE__ */ T({
 	__name: "MConfirmDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -1691,11 +1762,11 @@ var be = /* @__PURE__ */ T({
 				default: X(() => [C(H(e.confirmLabel ?? U(i).confirm), 1)]),
 				_: 1
 			}, 8, ["color", "loading"])]),
-			default: X(() => [x("p", un, H(e.message), 1)]),
+			default: X(() => [x("p", pn, H(e.message), 1)]),
 			_: 1
 		}, 8, ["model-value", "title"]));
 	}
-}), fn = /* @__PURE__ */ T({
+}), hn = /* @__PURE__ */ T({
 	__name: "MContainer",
 	props: {
 		maxWidth: { default: "lg" },
@@ -1729,16 +1800,16 @@ var be = /* @__PURE__ */ T({
 		]);
 		return (e, t) => (P(), b("div", { class: k(r.value) }, [z(e.$slots, "default")], 2));
 	}
-}), pn = { class: "overflow-hidden rounded-sm py-1" }, mn = {
+}), gn = { class: "overflow-hidden rounded-sm py-1" }, _n = {
 	key: 0,
 	class: "my-1 border-outline-variant"
-}, hn = {
+}, vn = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, gn = { class: "flex-1" }, _n = {
+}, yn = { class: "flex-1" }, bn = {
 	key: 2,
 	class: "text-label-small text-on-surface-variant"
-}, vn = /* @__PURE__ */ T({
+}, xn = /* @__PURE__ */ T({
 	__name: "_MContextMenuPanel",
 	props: {
 		items: {},
@@ -1787,7 +1858,7 @@ var be = /* @__PURE__ */ T({
 				top: `${o.value}px`
 			}),
 			onMouseleave: f
-		}, [x("div", pn, [(P(!0), b(p, null, R(e.items, (e, t) => (P(), b(p, { key: t }, [e.divider ? (P(), b("hr", mn)) : (P(), v(V(e.to && !e.disabled ? "RouterLink" : "div"), {
+		}, [x("div", gn, [(P(!0), b(p, null, R(e.items, (e, t) => (P(), b(p, { key: t }, [e.divider ? (P(), b("hr", _n)) : (P(), v(V(e.to && !e.disabled ? "RouterLink" : "div"), {
 			key: 1,
 			to: e.to && !e.disabled ? e.to : void 0,
 			class: k(["relative flex cursor-default select-none items-center gap-3 px-4 py-2.5 text-body-large", [e.disabled ? "cursor-not-allowed opacity-38 text-on-surface" : e.danger ? "cursor-pointer text-error hover:bg-error/8" : "cursor-pointer text-on-surface hover:bg-on-surface/8", s.value === t && !e.disabled ? e.danger ? "bg-error/8" : "bg-on-surface/8" : ""]]),
@@ -1800,9 +1871,9 @@ var be = /* @__PURE__ */ T({
 					name: e.icon,
 					size: 18,
 					class: k(["shrink-0", e.danger ? "text-error" : "text-on-surface-variant"])
-				}, null, 8, ["name", "class"])) : (P(), b("span", hn)),
-				x("span", gn, H(e.label), 1),
-				e.shortcut ? (P(), b("span", _n, H(e.shortcut), 1)) : y("", !0),
+				}, null, 8, ["name", "class"])) : (P(), b("span", vn)),
+				x("span", yn, H(e.label), 1),
+				e.shortcut ? (P(), b("span", bn, H(e.shortcut), 1)) : y("", !0),
 				e.children?.length ? (P(), v(d, {
 					key: 3,
 					name: "chevron_right",
@@ -1816,7 +1887,7 @@ var be = /* @__PURE__ */ T({
 			"class",
 			"onMouseenter",
 			"onClick"
-		]))], 64))), 128))])], 36), s.value !== null && e.items[s.value]?.children?.length ? (P(), v(vn, {
+		]))], 64))), 128))])], 36), s.value !== null && e.items[s.value]?.children?.length ? (P(), v(xn, {
 			key: s.value,
 			items: e.items[s.value].children,
 			x: c.value.x,
@@ -1828,7 +1899,7 @@ var be = /* @__PURE__ */ T({
 			"y"
 		])) : y("", !0)], 64));
 	}
-}), yn = /* @__PURE__ */ T({
+}), Sn = /* @__PURE__ */ T({
 	__name: "MContextMenu",
 	props: { items: {} },
 	setup(e, { expose: t }) {
@@ -1865,7 +1936,7 @@ var be = /* @__PURE__ */ T({
 				class: "fixed inset-0 z-200",
 				onMousedown: Q(o, ["self"]),
 				onContextmenu: a[0] ||= Q(() => {}, ["prevent"])
-			}, [w(vn, {
+			}, [w(xn, {
 				items: e.items,
 				x: r.value.x,
 				y: r.value.y,
@@ -1878,7 +1949,7 @@ var be = /* @__PURE__ */ T({
 			_: 1
 		})]))], 64));
 	}
-}), bn = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, xn = { class: "flex items-center gap-2" }, Sn = /* @__PURE__ */ T({
+}), Cn = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, wn = { class: "flex items-center gap-2" }, Tn = /* @__PURE__ */ T({
 	__name: "MPagination",
 	props: {
 		page: {},
@@ -1888,7 +1959,7 @@ var be = /* @__PURE__ */ T({
 	emits: ["update:page"],
 	setup(t, { emit: n }) {
 		let r = t, i = n, a = _(() => Math.max(1, Math.ceil(r.total / r.perPage))), o = _(() => r.total === 0 ? "0 resultados" : `${(r.page - 1) * r.perPage + 1}-${Math.min(r.page * r.perPage, r.total)} de ${r.total}`);
-		return (n, r) => (P(), b("div", bn, [x("span", null, H(o.value), 1), x("div", xn, [
+		return (n, r) => (P(), b("div", Cn, [x("span", null, H(o.value), 1), x("div", wn, [
 			x("span", null, "Página " + H(t.page) + " de " + H(a.value), 1),
 			w(e, {
 				icon: "chevron_left",
@@ -1904,25 +1975,25 @@ var be = /* @__PURE__ */ T({
 			}, null, 8, ["disabled"])
 		])]));
 	}
-}), Cn = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, wn = {
+}), En = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Dn = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, Tn = {
+}, On = {
 	key: 0,
 	class: "flex min-w-48 flex-1 items-center gap-2 rounded-full border border-outline-variant bg-surface-container px-3 py-1.5 transition-[border-color,box-shadow] duration-150 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30"
-}, En = ["placeholder"], Dn = {
+}, kn = ["placeholder"], An = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, On = {
+}, jn = {
 	key: 1,
 	class: "relative"
-}, kn = {
+}, Mn = {
 	key: 0,
 	class: "absolute right-0 top-full z-10 mt-1 min-w-40 rounded-lg bg-surface-container py-2 shadow-elevation-3"
-}, An = { class: "text-body-small text-on-surface" }, jn = { class: "overflow-x-auto" }, Mn = { class: "w-full border-collapse" }, Nn = { class: "bg-surface-container-high" }, Pn = ["onClick"], Fn = { class: "inline-flex items-center gap-1" }, In = {
+}, Nn = { class: "text-body-small text-on-surface" }, Pn = { class: "overflow-x-auto" }, Fn = { class: "w-full border-collapse" }, In = { class: "bg-surface-container-high" }, Ln = ["onClick"], Rn = { class: "inline-flex items-center gap-1" }, zn = {
 	key: 0,
 	class: "inline-flex"
-}, Ln = ["onPointerdown"], Rn = { key: 1 }, zn = ["colspan"], Bn = { class: "text-body-medium text-on-surface-variant" }, Vn = ["onClick"], Hn = ["onClick"], Un = { key: 0 }, Wn = ["colspan"], Gn = { class: "dt-expand-body" }, Kn = { class: "px-6 py-4" }, qn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Jn = { class: "text-label-small text-on-surface-variant" }, Yn = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Bn = ["onPointerdown"], Vn = { key: 1 }, Hn = ["colspan"], Un = { class: "text-body-medium text-on-surface-variant" }, Wn = ["onClick"], Gn = ["onClick"], Kn = { key: 0 }, qn = ["colspan"], Jn = { class: "dt-expand-body" }, Yn = { class: "px-6 py-4" }, Xn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Zn = { class: "text-label-small text-on-surface-variant" }, Qn = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MDataTable",
 	props: {
 		columns: {},
@@ -2000,7 +2071,7 @@ var be = /* @__PURE__ */ T({
 			85,
 			60,
 			78
-		], o = t, s = r, c = K(), l = _(() => !!c["row-actions"]), u = _(() => o.expandable && !!c["row-expand"]), f = L(""), m = L(""), g = L(""), S = L(1), T = L(/* @__PURE__ */ new Set()), E = L(/* @__PURE__ */ new Set()), D = L({}), O = L(!1), j = _(() => o.columns.filter((e) => !e.hidden && !E.value.has(e.key)));
+		], o = t, s = r, c = ee(), l = _(() => !!c["row-actions"]), u = _(() => o.expandable && !!c["row-expand"]), f = L(""), m = L(""), g = L(""), S = L(1), T = L(/* @__PURE__ */ new Set()), E = L(/* @__PURE__ */ new Set()), D = L({}), O = L(!1), j = _(() => o.columns.filter((e) => !e.hidden && !E.value.has(e.key)));
 		function N(e) {
 			m.value === e ? g.value === "asc" ? g.value = "desc" : (m.value = "", g.value = "") : (m.value = e, g.value = "asc");
 		}
@@ -2136,9 +2207,9 @@ var be = /* @__PURE__ */ T({
 				minWidth: e.minWidth
 			};
 		}
-		return (n, r) => (P(), b("div", Cn, [
-			t.searchable || t.columnToggle || t.exportable || n.$slots.toolbar ? (P(), b("div", wn, [
-				t.searchable ? (P(), b("div", Tn, [
+		return (n, r) => (P(), b("div", En, [
+			t.searchable || t.columnToggle || t.exportable || n.$slots.toolbar ? (P(), b("div", Dn, [
+				t.searchable ? (P(), b("div", On, [
 					w(d, {
 						name: "search",
 						size: 16,
@@ -2149,7 +2220,7 @@ var be = /* @__PURE__ */ T({
 						type: "text",
 						placeholder: t.searchPlaceholder ?? U(i).search,
 						class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-					}, null, 8, En), [[ee, f.value]]),
+					}, null, 8, kn), [[K, f.value]]),
 					f.value ? (P(), b("button", {
 						key: 0,
 						class: "text-on-surface-variant transition-colors hover:text-on-surface",
@@ -2166,21 +2237,21 @@ var be = /* @__PURE__ */ T({
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: X(() => [t.selectable && q.value.length > 0 ? (P(), b("span", Dn, H(q.value.length) + " " + H(t.selectedText ?? U(i).selectedCount) + H(q.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
+					default: X(() => [t.selectable && q.value.length > 0 ? (P(), b("span", An, H(q.value.length) + " " + H(t.selectedText ?? U(i).selectedCount) + H(q.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
 					_: 1
 				}),
-				t.columnToggle ? (P(), b("div", On, [w(e, {
+				t.columnToggle ? (P(), b("div", jn, [w(e, {
 					icon: "view_column",
 					label: t.columnsLabel ?? U(i).columns,
 					size: 36,
 					onClick: r[2] ||= (e) => O.value = !O.value
-				}, null, 8, ["label"]), O.value ? (P(), b("div", kn, [(P(!0), b(p, null, R(t.columns, (e) => (P(), b("label", {
+				}, null, 8, ["label"]), O.value ? (P(), b("div", Mn, [(P(!0), b(p, null, R(t.columns, (e) => (P(), b("label", {
 					key: e.key,
 					class: "flex cursor-pointer items-center gap-2 px-3 py-1.5 hover:bg-on-surface/4"
-				}, [w(Ft, {
+				}, [w(Rt, {
 					"model-value": !E.value.has(e.key),
 					"onUpdate:modelValue": (t) => E.value.has(e.key) ? E.value.delete(e.key) : E.value.add(e.key)
-				}, null, 8, ["model-value", "onUpdate:modelValue"]), x("span", An, H(e.label), 1)]))), 128))])) : y("", !0)])) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"]), x("span", Nn, H(e.label), 1)]))), 128))])) : y("", !0)])) : y("", !0),
 				t.exportable ? (P(), v(e, {
 					key: 2,
 					icon: "download",
@@ -2189,7 +2260,7 @@ var be = /* @__PURE__ */ T({
 					onClick: ge
 				}, null, 8, ["label"])) : y("", !0)
 			])) : y("", !0),
-			x("div", jn, [x("table", Mn, [x("thead", { class: k(t.stickyHeader ? "sticky top-0 z-1" : "") }, [x("tr", Nn, [
+			x("div", Pn, [x("table", Fn, [x("thead", { class: k(t.stickyHeader ? "sticky top-0 z-1" : "") }, [x("tr", In, [
 				u.value ? (P(), b("th", {
 					key: 0,
 					class: k(["w-10 px-2", t.dense ? "py-2" : "py-3"])
@@ -2197,7 +2268,7 @@ var be = /* @__PURE__ */ T({
 				t.selectable ? (P(), b("th", {
 					key: 1,
 					class: k(["w-12 px-4", t.dense ? "py-2" : "py-3"])
-				}, [w(Ft, {
+				}, [w(Rt, {
 					"model-value": $.value,
 					indeterminate: re.value,
 					"onUpdate:modelValue": ie
@@ -2212,7 +2283,7 @@ var be = /* @__PURE__ */ T({
 						e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (t) => e.sortable ? N(e.key) : void 0
-				}, [x("span", Fn, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", In, [m.value === e.key && g.value === "asc" ? (P(), v(d, {
+				}, [x("span", Rn, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", zn, [m.value === e.key && g.value === "asc" ? (P(), v(d, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -2231,7 +2302,7 @@ var be = /* @__PURE__ */ T({
 					key: 0,
 					class: "absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-primary/30",
 					onPointerdown: (t) => pe(t, e)
-				}, null, 40, Ln)) : y("", !0)], 14, Pn))), 128)),
+				}, null, 40, Bn)) : y("", !0)], 14, Ln))), 128)),
 				l.value ? (P(), b("th", {
 					key: 2,
 					class: k(["w-1 px-4", t.dense ? "py-2" : "py-3"])
@@ -2259,14 +2330,14 @@ var be = /* @__PURE__ */ T({
 					key: 2,
 					class: k(t.dense ? "px-4 py-2" : "px-4 py-3.5")
 				}, [...r[7] ||= [x("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]], 2)) : y("", !0)
-			]))), 128)) : V.value.length === 0 ? (P(), b("tr", Rn, [x("td", {
+			]))), 128)) : V.value.length === 0 ? (P(), b("tr", Vn, [x("td", {
 				colspan: j.value.length + se.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [z(n.$slots, "empty", {}, () => [w(d, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), x("p", Bn, H(t.emptyText ?? U(i).noResults), 1)], !0)], 8, zn)])) : (P(!0), b(p, { key: 2 }, R(V.value, (a) => (P(), b(p, { key: Y(a) }, [x("tr", {
+			}), x("p", Un, H(t.emptyText ?? U(i).noResults), 1)], !0)], 8, Hn)])) : (P(!0), b(p, { key: 2 }, R(V.value, (a) => (P(), b(p, { key: Y(a) }, [x("tr", {
 				class: k([
 					"border-t border-outline-variant transition-colors duration-100",
 					"hover:bg-on-surface/4",
@@ -2295,10 +2366,10 @@ var be = /* @__PURE__ */ T({
 					key: 1,
 					class: k(t.dense ? "px-4 py-1" : "px-4 py-3"),
 					onClick: Q((e) => ne(a), ["stop"])
-				}, [w(Ft, {
+				}, [w(Rt, {
 					"model-value": Z(a),
 					"onUpdate:modelValue": (e) => ne(a)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, Hn)) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, Gn)) : y("", !0),
 				(P(!0), b(p, null, R(j.value, (e) => (P(), b("td", {
 					key: e.key,
 					class: k([
@@ -2316,11 +2387,11 @@ var be = /* @__PURE__ */ T({
 					class: k(["text-right", t.dense ? "px-4 py-1" : "px-4 py-3"]),
 					onClick: r[4] ||= Q(() => {}, ["stop"])
 				}, [z(n.$slots, "row-actions", { row: a }, void 0, !0)], 2)) : y("", !0)
-			], 10, Vn), u.value ? (P(), b("tr", Un, [x("td", {
+			], 10, Wn), u.value ? (P(), b("tr", Kn, [x("td", {
 				colspan: j.value.length + se.value,
 				class: "border-t border-outline-variant/50 bg-surface-container-lowest p-0"
-			}, [x("div", { class: k(["dt-expand-grid", oe(a) ? "dt-expand-open" : ""]) }, [x("div", Gn, [x("div", Kn, [z(n.$slots, "row-expand", { row: a }, void 0, !0)])])], 2)], 8, Wn)])) : y("", !0)], 64))), 128))])])]),
-			x("div", qn, [x("span", Jn, H(B.value) + " " + H(t.recordsText ?? U(i).recordCount) + H(B.value === 1 ? "" : "s"), 1), w(Sn, {
+			}, [x("div", { class: k(["dt-expand-grid", oe(a) ? "dt-expand-open" : ""]) }, [x("div", Jn, [x("div", Yn, [z(n.$slots, "row-expand", { row: a }, void 0, !0)])])], 2)], 8, qn)])) : y("", !0)], 64))), 128))])])]),
+			x("div", Xn, [x("span", Zn, H(B.value) + " " + H(t.recordsText ?? U(i).recordCount) + H(B.value === 1 ? "" : "s"), 1), w(Tn, {
 				page: F.value,
 				"per-page": t.perPage,
 				total: B.value,
@@ -2332,19 +2403,19 @@ var be = /* @__PURE__ */ T({
 			])])
 		]));
 	}
-}), [["__scopeId", "data-v-857139c7"]]), Xn = { class: "flex flex-col gap-1" }, Zn = {
+}), [["__scopeId", "data-v-857139c7"]]), $n = { class: "flex flex-col gap-1" }, er = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Qn = {
+}, tr = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, $n = {
+}, nr = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, er = {
+}, rr = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, tr = { class: "mb-3 flex items-center justify-between" }, nr = { class: "text-title-small font-medium capitalize text-on-surface" }, rr = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, ir = { class: "grid grid-cols-7 gap-0.5" }, ar = ["disabled", "onClick"], or = /* @__PURE__ */ T({
+}, ir = { class: "mb-3 flex items-center justify-between" }, ar = { class: "text-title-small font-medium capitalize text-on-surface" }, or = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, sr = { class: "grid grid-cols-7 gap-0.5" }, cr = ["disabled", "onClick"], lr = /* @__PURE__ */ T({
 	__name: "MDatePicker",
 	props: {
 		modelValue: {},
@@ -2453,7 +2524,7 @@ var be = /* @__PURE__ */ T({
 			let t = e.target;
 			l.value?.contains(t) || u.value?.contains(t) || (c.value = !1);
 		}
-		function K(e) {
+		function ee(e) {
 			if (!c.value || u.value?.contains(e.target) || !l.value) return;
 			let t = l.value.getBoundingClientRect();
 			if (t.bottom < 0 || t.top > window.innerHeight) {
@@ -2464,9 +2535,9 @@ var be = /* @__PURE__ */ T({
 		}
 		return J(c, (e) => {
 			e ? (W(), setTimeout(() => document.addEventListener("mousedown", G), 0)) : document.removeEventListener("mousedown", G);
-		}), M(() => window.addEventListener("scroll", K, !0)), N(() => {
-			window.removeEventListener("scroll", K, !0), document.removeEventListener("mousedown", G);
-		}), (t, n) => (P(), b("div", Xn, [
+		}), M(() => window.addEventListener("scroll", ee, !0)), N(() => {
+			window.removeEventListener("scroll", ee, !0), document.removeEventListener("mousedown", G);
+		}), (t, n) => (P(), b("div", $n, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -2482,7 +2553,7 @@ var be = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				V.value ? (P(), b("span", Zn, H(V.value), 1)) : (P(), b("span", Qn, H(r.placeholder || r.label || U(o).selectDate), 1)),
+				V.value ? (P(), b("span", er, H(V.value), 1)) : (P(), b("span", tr, H(r.placeholder || r.label || U(o).selectDate), 1)),
 				r.modelValue ? (P(), v(d, {
 					key: 2,
 					name: "close",
@@ -2494,7 +2565,7 @@ var be = /* @__PURE__ */ T({
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", c.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"])
 			}, H(r.label), 3)) : y("", !0)], 4),
-			r.error ? (P(), b("p", $n, H(r.error), 1)) : r.hint ? (P(), b("p", er, H(r.hint), 1)) : y("", !0),
+			r.error ? (P(), b("p", nr, H(r.error), 1)) : r.hint ? (P(), b("p", rr, H(r.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2508,14 +2579,14 @@ var be = /* @__PURE__ */ T({
 					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: A(f.value)
 				}, [
-					x("div", tr, [
+					x("div", ir, [
 						w(e, {
 							icon: "chevron_left",
 							label: r.prevMonthLabel ?? U(o).previousMonth,
 							size: 36,
 							onClick: F
 						}, null, 8, ["label"]),
-						x("span", nr, H(T.value), 1),
+						x("span", ar, H(T.value), 1),
 						w(e, {
 							icon: "chevron_right",
 							label: r.nextMonthLabel ?? U(o).nextMonth,
@@ -2523,39 +2594,39 @@ var be = /* @__PURE__ */ T({
 							onClick: I
 						}, null, 8, ["label"])
 					]),
-					x("div", rr, [(P(!0), b(p, null, R(U(C), (e) => (P(), b("span", {
+					x("div", or, [(P(!0), b(p, null, R(U(C), (e) => (P(), b("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, H(e), 1))), 128))]),
-					x("div", ir, [(P(!0), b(p, null, R(E.value, (e, t) => (P(), b("button", {
+					x("div", sr, [(P(!0), b(p, null, R(E.value, (e, t) => (P(), b("button", {
 						key: t,
 						type: "button",
 						class: k(["flex h-9 w-full items-center justify-center rounded-full text-body-medium transition-colors duration-100", [e.disabled ? "cursor-not-allowed text-on-surface/25" : e.iso === r.modelValue ? "bg-primary text-on-primary" : j(e.iso) ? "border border-primary text-primary cursor-pointer hover:bg-primary/8" : e.current ? "cursor-pointer text-on-surface hover:bg-on-surface/8" : "cursor-pointer text-on-surface-variant/50 hover:bg-on-surface/4"]]),
 						disabled: e.disabled,
 						onClick: (t) => z(e)
-					}, H(e.date), 11, ar))), 128))])
+					}, H(e.date), 11, cr))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), sr = { class: "flex flex-col gap-1" }, cr = {
+}), ur = { class: "flex flex-col gap-1" }, dr = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, lr = {
+}, fr = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, ur = {
+}, pr = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, dr = {
+}, mr = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, fr = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, pr = { class: "mb-3 flex items-center justify-between" }, mr = { class: "text-title-small font-medium capitalize text-on-surface" }, hr = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, gr = { class: "grid grid-cols-7 gap-0.5" }, _r = [
+}, hr = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, gr = { class: "mb-3 flex items-center justify-between" }, _r = { class: "text-title-small font-medium capitalize text-on-surface" }, vr = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, yr = { class: "grid grid-cols-7 gap-0.5" }, br = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], vr = /* @__PURE__ */ T({
+], xr = /* @__PURE__ */ T({
 	__name: "MDateRangePicker",
 	props: {
 		modelValue: {},
@@ -2663,13 +2734,13 @@ var be = /* @__PURE__ */ T({
 			}), t = a.modelValue.start ? e.format(/* @__PURE__ */ new Date(a.modelValue.start + "T00:00:00")) : "—", n = a.modelValue.end ? e.format(/* @__PURE__ */ new Date(a.modelValue.end + "T00:00:00")) : "—";
 			return !a.modelValue.start && !a.modelValue.end ? "" : `${t}  →  ${n}`;
 		});
-		function K() {
+		function ee() {
 			s("update:modelValue", {
 				start: null,
 				end: null
 			}), f.value = "start";
 		}
-		function ee() {
+		function K() {
 			if (!l.value) return;
 			let e = l.value.getBoundingClientRect();
 			S.value = {
@@ -2688,13 +2759,13 @@ var be = /* @__PURE__ */ T({
 				c.value = !1;
 				return;
 			}
-			ee();
+			K();
 		}
 		return J(c, (e) => {
-			e ? (f.value = a.modelValue.start && !a.modelValue.end ? "end" : "start", ee(), setTimeout(() => document.addEventListener("mousedown", q), 0)) : document.removeEventListener("mousedown", q);
+			e ? (f.value = a.modelValue.start && !a.modelValue.end ? "end" : "start", K(), setTimeout(() => document.addEventListener("mousedown", q), 0)) : document.removeEventListener("mousedown", q);
 		}), M(() => window.addEventListener("scroll", Y, !0)), N(() => {
 			window.removeEventListener("scroll", Y, !0), document.removeEventListener("mousedown", q);
-		}), (t, n) => (P(), b("div", sr, [
+		}), (t, n) => (P(), b("div", ur, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -2710,19 +2781,19 @@ var be = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				G.value ? (P(), b("span", cr, H(G.value), 1)) : (P(), b("span", lr, H(r.label || r.placeholder || U(o).selectRange), 1)),
+				G.value ? (P(), b("span", dr, H(G.value), 1)) : (P(), b("span", fr, H(r.label || r.placeholder || U(o).selectRange), 1)),
 				r.modelValue.start || r.modelValue.end ? (P(), v(d, {
 					key: 2,
 					name: "close",
 					size: 18,
 					class: "shrink-0 cursor-pointer text-on-surface-variant hover:text-on-surface",
-					onClick: Q(K, ["stop"])
+					onClick: Q(ee, ["stop"])
 				})) : y("", !0)
 			], 2), r.label ? (P(), b("label", {
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", c.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"])
 			}, H(r.label), 3)) : y("", !0)], 4),
-			r.error ? (P(), b("p", ur, H(r.error), 1)) : r.hint ? (P(), b("p", dr, H(r.hint), 1)) : y("", !0),
+			r.error ? (P(), b("p", pr, H(r.error), 1)) : r.hint ? (P(), b("p", mr, H(r.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2736,15 +2807,15 @@ var be = /* @__PURE__ */ T({
 					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: A(S.value)
 				}, [
-					x("p", fr, H(f.value === "start" ? r.pickStartText ?? U(o).pickStart : r.pickEndText ?? U(o).pickEnd), 1),
-					x("div", pr, [
+					x("p", hr, H(f.value === "start" ? r.pickStartText ?? U(o).pickStart : r.pickEndText ?? U(o).pickEnd), 1),
+					x("div", gr, [
 						w(e, {
 							icon: "chevron_left",
 							label: r.prevMonthLabel ?? U(o).previousMonth,
 							size: 36,
 							onClick: V
 						}, null, 8, ["label"]),
-						x("span", mr, H(D.value), 1),
+						x("span", _r, H(D.value), 1),
 						w(e, {
 							icon: "chevron_right",
 							label: r.nextMonthLabel ?? U(o).nextMonth,
@@ -2752,34 +2823,34 @@ var be = /* @__PURE__ */ T({
 							onClick: W
 						}, null, 8, ["label"])
 					]),
-					x("div", hr, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("span", {
+					x("div", vr, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, H(e), 1))), 128))]),
-					x("div", gr, [(P(!0), b(p, null, R(O.value, (e, t) => (P(), b("button", {
+					x("div", yr, [(P(!0), b(p, null, R(O.value, (e, t) => (P(), b("button", {
 						key: t,
 						type: "button",
 						class: k(["flex h-9 w-full items-center justify-center text-body-medium transition-colors duration-100", [e.disabled ? "cursor-not-allowed text-on-surface/25 rounded-full" : e.iso === r.modelValue.start || e.iso === r.modelValue.end ? "bg-primary text-on-primary rounded-full" : B(e.iso) ? "bg-primary/12 text-on-surface cursor-pointer" : e.iso === U(I) ? "border border-primary text-primary rounded-full cursor-pointer hover:bg-primary/8" : e.current ? "cursor-pointer text-on-surface rounded-full hover:bg-on-surface/8" : "cursor-pointer text-on-surface-variant/50 rounded-full hover:bg-on-surface/4"]]),
 						disabled: e.disabled,
 						onMouseenter: (t) => f.value === "end" && (g.value = e.iso),
 						onClick: (t) => z(e)
-					}, H(e.date), 43, _r))), 128))])
+					}, H(e.date), 43, br))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), yr = {
+}), Sr = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, br = {
+}, Cr = {
 	key: 1,
 	class: "h-px flex-1 bg-outline-variant"
-}, xr = {
+}, wr = {
 	key: 1,
 	class: "w-px self-stretch bg-outline-variant",
 	role: "separator"
-}, Sr = /* @__PURE__ */ T({
+}, Tr = /* @__PURE__ */ T({
 	__name: "MDivider",
 	props: {
 		vertical: {
@@ -2793,25 +2864,25 @@ var be = /* @__PURE__ */ T({
 		}
 	},
 	setup(e) {
-		return (t, n) => e.vertical ? (P(), b("div", xr)) : (P(), b("div", {
+		return (t, n) => e.vertical ? (P(), b("div", wr)) : (P(), b("div", {
 			key: 0,
 			class: k(["flex items-center gap-3", e.inset && "ml-16"]),
 			role: "separator"
 		}, [
 			n[0] ||= x("div", { class: "h-px flex-1 bg-outline-variant" }, null, -1),
-			e.label ? (P(), b("span", yr, H(e.label), 1)) : y("", !0),
-			e.label ? (P(), b("div", br)) : y("", !0)
+			e.label ? (P(), b("span", Sr, H(e.label), 1)) : y("", !0),
+			e.label ? (P(), b("div", Cr)) : y("", !0)
 		], 2));
 	}
-}), Cr = {
+}), Er = {
 	class: "flex flex-col",
 	role: "listbox"
-}, wr = [
+}, Dr = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], Tr = ["onDragstart"], Er = { class: "min-w-0 flex-1" }, Dr = { class: "text-body-medium text-on-surface" }, Or = /* @__PURE__ */ T({
+], Or = ["onDragstart"], kr = { class: "min-w-0 flex-1" }, Ar = { class: "text-body-medium text-on-surface" }, jr = /* @__PURE__ */ T({
 	__name: "MDragDropList",
 	props: {
 		modelValue: {},
@@ -2855,7 +2926,7 @@ var be = /* @__PURE__ */ T({
 		function m(e) {
 			return i.value === e ? "opacity-30" : a.value === e && i.value !== null ? "ring-2 ring-primary ring-inset" : "";
 		}
-		return (t, n) => (P(), b("div", Cr, [(P(!0), b(p, null, R(e.modelValue, (n, r) => (P(), b("div", {
+		return (t, n) => (P(), b("div", Er, [(P(!0), b(p, null, R(e.modelValue, (n, r) => (P(), b("div", {
 			key: n.id,
 			draggable: !e.handle,
 			class: k(["group flex items-center gap-2 rounded-lg px-3 py-2 transition-all", [m(r), !e.handle && "cursor-grab active:cursor-grabbing"]]),
@@ -2873,12 +2944,12 @@ var be = /* @__PURE__ */ T({
 		}, [w(d, {
 			name: "drag_indicator",
 			size: 20
-		})], 40, Tr)) : y("", !0), x("div", Er, [z(t.$slots, "default", {
+		})], 40, Or)) : y("", !0), x("div", kr, [z(t.$slots, "default", {
 			item: n,
 			index: r
-		}, () => [x("span", Dr, H(n.id), 1)])])], 42, wr))), 128))]));
+		}, () => [x("span", Ar, H(n.id), 1)])])], 42, Dr))), 128))]));
 	}
-}), kr = ["aria-label", "role"], Ar = /* @__PURE__ */ T({
+}), Mr = ["aria-label", "role"], Nr = /* @__PURE__ */ T({
 	__name: "MEmoji",
 	props: {
 		emoji: {},
@@ -2895,9 +2966,9 @@ var be = /* @__PURE__ */ T({
 			}),
 			"aria-label": e.label,
 			role: e.label ? "img" : void 0
-		}, H(e.emoji), 13, kr));
+		}, H(e.emoji), 13, Mr));
 	}
-}), jr = [
+}), Pr = [
 	{
 		id: "smileys",
 		label: "Smileys",
@@ -2964,14 +3035,14 @@ var be = /* @__PURE__ */ T({
 		icon: "flag",
 		emojis: /* @__PURE__ */ "🏁.🚩.🎌.🏴.🏳️.🏳️‍🌈.🏳️‍⚧️.🏴‍☠️.🇦🇷.🇦🇺.🇧🇷.🇨🇦.🇨🇱.🇨🇳.🇨🇴.🇩🇪.🇪🇸.🇫🇷.🇬🇧.🇮🇹.🇯🇵.🇰🇷.🇲🇽.🇳🇱.🇵🇪.🇵🇹.🇷🇺.🇸🇪.🇺🇸.🇻🇪.🇪🇨.🇧🇴.🇵🇾.🇺🇾.🇨🇷.🇵🇦.🇨🇺.🇩🇴.🇬🇹.🇭🇳.🇳🇮.🇸🇻.🇵🇷.🇮🇳.🇮🇩.🇹🇷.🇵🇭.🇹🇭".split(".")
 	}
-], Mr = jr.flatMap((e) => e.emojis);
-function Nr(e) {
-	let t = e ?? Mr;
+], Fr = Pr.flatMap((e) => e.emojis);
+function Ir(e) {
+	let t = e ?? Fr;
 	return t[Math.floor(Math.random() * t.length)];
 }
 //#endregion
 //#region src/components/MEmojiButton.vue?vue&type=script&setup=true&lang.ts
-var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__PURE__ */ T({
+var Lr = ["aria-label", "disabled"], Rr = { class: "leading-none" }, zr = /* @__PURE__ */ T({
 	__name: "MEmojiButton",
 	props: {
 		emoji: { default: "😀" },
@@ -2991,10 +3062,10 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = L(n.emoji);
 		function a() {
-			return n.category ? jr.find((e) => e.id === n.category)?.emojis ?? Mr : Mr;
+			return n.category ? Pr.find((e) => e.id === n.category)?.emojis ?? Fr : Fr;
 		}
 		function o() {
-			!n.randomOnHover || n.disabled || (i.value = Nr(a()));
+			!n.randomOnHover || n.disabled || (i.value = Ir(a()));
 		}
 		function s() {}
 		function c() {
@@ -3013,15 +3084,15 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			onMouseenter: o,
 			onMouseleave: s,
 			onClick: c
-		}, [x("span", Fr, H(i.value), 1)], 46, Pr));
+		}, [x("span", Rr, H(i.value), 1)], 46, Lr));
 	}
-}), Lr = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, Rr = {
+}), Br = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, Vr = {
 	key: 0,
 	class: "px-3 pt-3"
-}, zr = { class: "flex gap-0.5 overflow-x-auto border-b border-outline-variant px-2 py-1.5" }, Br = ["title", "onClick"], Vr = { class: "sticky -top-px z-10 -mx-2 bg-surface-container px-3 py-1.5 text-label-medium text-on-surface-variant" }, Hr = ["onClick"], Ur = {
+}, Hr = { class: "flex gap-0.5 overflow-x-auto border-b border-outline-variant px-2 py-1.5" }, Ur = ["title", "onClick"], Wr = { class: "sticky -top-px z-10 -mx-2 bg-surface-container px-3 py-1.5 text-label-medium text-on-surface-variant" }, Gr = ["onClick"], Kr = {
 	key: 0,
 	class: "py-8 text-center text-body-medium text-on-surface-variant"
-}, Wr = /* @__PURE__ */ T({
+}, qr = /* @__PURE__ */ T({
 	__name: "MEmojiSelector",
 	props: {
 		categories: {},
@@ -3034,7 +3105,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = L(""), a = L(null), o = L(null), c = L({}), l = _(() => n.categories?.length ? jr.filter((e) => n.categories.includes(e.id)) : jr), u = _(() => {
+		let n = e, r = t, i = L(""), a = L(null), o = L(null), c = L({}), l = _(() => n.categories?.length ? Pr.filter((e) => n.categories.includes(e.id)) : Pr), u = _(() => {
 			if (!i.value) return l.value;
 			let e = i.value.toLowerCase();
 			return l.value.map((t) => ({
@@ -3056,15 +3127,15 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		function h(e, t) {
 			t && (c.value[e] = t);
 		}
-		return (t, n) => (P(), b("div", Lr, [
-			e.search ? (P(), b("div", Rr, [w(s, {
+		return (t, n) => (P(), b("div", Br, [
+			e.search ? (P(), b("div", Vr, [w(s, {
 				modelValue: i.value,
 				"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 				label: "Search",
 				"leading-icon": "search",
 				variant: "outlined"
 			}, null, 8, ["modelValue"])])) : y("", !0),
-			x("div", zr, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("button", {
+			x("div", Hr, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("button", {
 				key: e.id,
 				type: "button",
 				title: e.label,
@@ -3073,7 +3144,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			}, [w(d, {
 				name: e.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, Br))), 128))]),
+			}, null, 8, ["name"])], 10, Ur))), 128))]),
 			x("div", {
 				ref_key: "scrollContainer",
 				ref: o,
@@ -3083,7 +3154,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				key: t.id,
 				ref_for: !0,
 				ref: (e) => h(t.id, e)
-			}, [x("p", Vr, H(t.label), 1), x("div", {
+			}, [x("p", Wr, H(t.label), 1), x("div", {
 				class: "grid gap-0.5",
 				style: A({ gridTemplateColumns: `repeat(${e.columns}, 1fr)` })
 			}, [(P(!0), b(p, null, R(t.emojis, (t) => (P(), b("button", {
@@ -3095,10 +3166,10 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 					height: `${e.emojiSize + 10}px`
 				}),
 				onClick: (e) => m(t)
-			}, H(t), 13, Hr))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (P(), b("p", Ur, " No results ")) : y("", !0)], 512)
+			}, H(t), 13, Gr))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (P(), b("p", Kr, " No results ")) : y("", !0)], 512)
 		]));
 	}
-}), Gr = /* @__PURE__ */ T({
+}), Jr = /* @__PURE__ */ T({
 	__name: "MEmptyState",
 	props: {
 		icon: { default: "inbox" },
@@ -3123,13 +3194,13 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			}, [z(t.$slots, "actions")], 2)) : y("", !0)
 		], 2));
 	}
-}), Kr = ["aria-expanded", "disabled"], qr = { class: "flex-1 min-w-0" }, Jr = { class: "text-body-large font-medium text-on-surface" }, Yr = {
+}), Yr = ["aria-expanded", "disabled"], Xr = { class: "flex-1 min-w-0" }, Zr = { class: "text-body-large font-medium text-on-surface" }, Qr = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, Xr = {
+}, $r = {
 	key: 0,
 	class: "expand-grid"
-}, Zr = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, Qr = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, ei = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, ti = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MExpansionPanel",
 	props: {
 		title: {},
@@ -3164,24 +3235,24 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				size: 22,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : y("", !0),
-			x("div", qr, [x("p", Jr, H(e.title), 1), e.subtitle ? (P(), b("p", Yr, H(e.subtitle), 1)) : y("", !0)]),
+			x("div", Xr, [x("p", Zr, H(e.title), 1), e.subtitle ? (P(), b("p", Qr, H(e.subtitle), 1)) : y("", !0)]),
 			w(d, {
 				name: "expand_more",
 				size: 22,
 				class: k(["shrink-0 text-on-surface-variant transition-transform duration-200", a.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])
-		], 10, Kr), w(h, { name: "expand" }, {
-			default: X(() => [a.value ? (P(), b("div", Xr, [x("div", Zr, [z(t.$slots, "default", {}, void 0, !0)])])) : y("", !0)]),
+		], 10, Yr), w(h, { name: "expand" }, {
+			default: X(() => [a.value ? (P(), b("div", $r, [x("div", ei, [z(t.$slots, "default", {}, void 0, !0)])])) : y("", !0)]),
 			_: 3
 		})], 2));
 	}
-}), [["__scopeId", "data-v-89e4475b"]]), $r = {
+}), [["__scopeId", "data-v-89e4475b"]]), ni = {
 	key: 0,
 	class: "text-label-large font-medium"
-}, ei = ["data-tick"], ti = {
+}, ri = ["data-tick"], ii = {
 	key: 0,
 	class: "whitespace-nowrap rounded-md bg-surface-container-high px-3 py-1.5 text-label-medium text-on-surface shadow-elevation-1"
-}, ni = 40, ri = 8, ii = /* @__PURE__ */ T({
+}, ai = 40, oi = 8, si = /* @__PURE__ */ T({
 	__name: "MFab",
 	props: {
 		icon: {},
@@ -3244,8 +3315,8 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				let t = 2 * Math.PI * e / o - Math.PI / 2, n = (Math.cos(t) * 80).toFixed(1), s = (Math.sin(t) * 80).toFixed(1);
 				return {
 					position: "fixed",
-					top: `${i - ni / 2}px`,
-					left: `${r - ni / 2}px`,
+					top: `${i - ai / 2}px`,
+					left: `${r - ai / 2}px`,
 					transform: a.value ? `translate(${n}px, ${s}px) scale(1)` : "translate(0,0) scale(0)",
 					opacity: a.value ? "1" : "0",
 					transition: c,
@@ -3253,22 +3324,22 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 					zIndex: "1000"
 				};
 			}
-			let l = f.value / 2 + ri + ni / 2 + e * 48, u = {
+			let l = f.value / 2 + oi + ai / 2 + e * 48, u = {
 				up: {
-					top: `${i - l - ni / 2}px`,
-					left: `${r - ni / 2}px`
+					top: `${i - l - ai / 2}px`,
+					left: `${r - ai / 2}px`
 				},
 				down: {
-					top: `${i + l - ni / 2}px`,
-					left: `${r - ni / 2}px`
+					top: `${i + l - ai / 2}px`,
+					left: `${r - ai / 2}px`
 				},
 				left: {
-					top: `${i - ni / 2}px`,
-					left: `${r - l - ni / 2}px`
+					top: `${i - ai / 2}px`,
+					left: `${r - l - ai / 2}px`
 				},
 				right: {
-					top: `${i - ni / 2}px`,
-					left: `${r + l - ni / 2}px`
+					top: `${i - ai / 2}px`,
+					left: `${r + l - ai / 2}px`
 				}
 			}, d = {
 				up: "translateY(12px) scale(0.75)",
@@ -3327,7 +3398,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				"name",
 				"size",
 				"class"
-			]), e.label ? (P(), b("span", $r, H(e.label), 1)) : y("", !0)]),
+			]), e.label ? (P(), b("span", ni, H(e.label), 1)) : y("", !0)]),
 			_: 1
 		}, 40, [
 			"to",
@@ -3337,17 +3408,17 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		]))], 512), (P(), v(m, { to: "body" }, [s.value ? (P(), b(p, { key: 0 }, [x("span", {
 			"data-tick": C.value,
 			class: "hidden"
-		}, null, 8, ei), (P(!0), b(p, null, R(e.items, (t, n) => (P(), b("div", {
+		}, null, 8, ri), (P(!0), b(p, null, R(e.items, (t, n) => (P(), b("div", {
 			key: n,
 			style: A(g(n)),
 			class: k(["flex items-center gap-3", S.value ? "flex-row-reverse" : ""])
-		}, [t.label && S.value ? (P(), b("span", ti, H(t.label), 1)) : y("", !0), (P(), v(V(t.to ? "RouterLink" : "button"), {
+		}, [t.label && S.value ? (P(), b("span", ii, H(t.label), 1)) : y("", !0), (P(), v(V(t.to ? "RouterLink" : "button"), {
 			to: t.to || void 0,
 			type: t.to ? void 0 : "button",
 			class: k(["relative flex cursor-pointer items-center justify-center overflow-hidden rounded-lg shadow-elevation-1 transition-shadow duration-150 hover:shadow-elevation-2 active:shadow-elevation-1 before:content-[''] before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 hover:before:opacity-[0.08] active:before:opacity-[0.12]", c[e.color]]),
 			style: A({
-				width: `${ni}px`,
-				height: `${ni}px`
+				width: `${ai}px`,
+				height: `${ai}px`
 			}),
 			onPointerdown: (e) => O(e, t, e.currentTarget)
 		}, {
@@ -3364,17 +3435,17 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			"onPointerdown"
 		]))], 6))), 128))], 64)) : y("", !0)]))], 64));
 	}
-}), ai = { class: "flex flex-col gap-3" }, oi = { class: "text-center" }, si = { class: "text-body-large text-on-surface" }, ci = { class: "font-medium text-primary" }, li = {
+}), ci = { class: "flex flex-col gap-3" }, li = { class: "text-center" }, ui = { class: "text-body-large text-on-surface" }, di = { class: "font-medium text-primary" }, fi = {
 	key: 0,
 	class: "mt-1 text-body-small text-on-surface-variant"
-}, ui = { key: 0 }, di = { key: 1 }, fi = { key: 2 }, pi = [
+}, pi = { key: 0 }, mi = { key: 1 }, hi = { key: 2 }, gi = [
 	"accept",
 	"multiple",
 	"disabled"
-], mi = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, hi = ["src"], gi = { class: "min-w-0 flex-1" }, _i = { class: "truncate text-body-medium text-on-surface" }, vi = { class: "text-body-small text-on-surface-variant" }, yi = {
+], _i = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, vi = ["src"], yi = { class: "min-w-0 flex-1" }, bi = { class: "truncate text-body-medium text-on-surface" }, xi = { class: "text-body-small text-on-surface-variant" }, Si = {
 	key: 0,
 	class: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-surface-container-highest"
-}, bi = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Ci = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MFileUpload",
 	props: {
 		accept: {},
@@ -3426,7 +3497,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		function O() {
 			a.disabled || u.value?.click();
 		}
-		return (n, r) => (P(), b("div", ai, [
+		return (n, r) => (P(), b("div", ci, [
 			x("div", {
 				class: k(["relative flex min-h-[160px] cursor-pointer flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-6 transition-colors duration-150", [t.disabled ? "cursor-not-allowed border-outline-variant/50 bg-surface-container/30 opacity-60" : l.value ? "border-primary bg-primary-container/20" : "border-outline-variant bg-surface-container-lowest hover:border-primary/60 hover:bg-surface-container"]]),
 				onClick: O,
@@ -3438,10 +3509,10 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				name: l.value ? "downloading" : "cloud_upload",
 				size: 40,
 				class: "text-on-surface-variant"
-			}, null, 8, ["name"]), x("div", oi, [z(n.$slots, "dropzone", {}, () => [x("p", si, [C(H(t.dropText ?? U(i).dropText) + " ", 1), x("span", ci, H(t.selectText ?? U(i).selectText), 1)]), t.accept || t.maxSize ? (P(), b("p", li, [
-				t.accept ? (P(), b("span", ui, H(t.accept), 1)) : y("", !0),
-				t.accept && t.maxSize ? (P(), b("span", di, " · ")) : y("", !0),
-				t.maxSize ? (P(), b("span", fi, H(t.maxSizePrefix ?? U(i).maxSizePrefix) + " " + H(h(t.maxSize)), 1)) : y("", !0)
+			}, null, 8, ["name"]), x("div", li, [z(n.$slots, "dropzone", {}, () => [x("p", ui, [C(H(t.dropText ?? U(i).dropText) + " ", 1), x("span", di, H(t.selectText ?? U(i).selectText), 1)]), t.accept || t.maxSize ? (P(), b("p", fi, [
+				t.accept ? (P(), b("span", pi, H(t.accept), 1)) : y("", !0),
+				t.accept && t.maxSize ? (P(), b("span", mi, " · ")) : y("", !0),
+				t.maxSize ? (P(), b("span", hi, H(t.maxSizePrefix ?? U(i).maxSizePrefix) + " " + H(h(t.maxSize)), 1)) : y("", !0)
 			])) : y("", !0)], !0)])], 34),
 			x("input", {
 				ref_key: "inputRef",
@@ -3452,7 +3523,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				multiple: t.multiple,
 				disabled: t.disabled,
 				onChange: E
-			}, null, 40, pi),
+			}, null, 40, gi),
 			w(g, {
 				name: "m3-file",
 				tag: "div",
@@ -3462,20 +3533,20 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 					key: n.id,
 					class: "flex items-center gap-3 rounded-lg bg-surface-container p-3"
 				}, [
-					x("div", mi, [n.preview ? (P(), b("img", {
+					x("div", _i, [n.preview ? (P(), b("img", {
 						key: 0,
 						src: n.preview,
 						class: "h-full w-full object-cover"
-					}, null, 8, hi)) : (P(), v(d, {
+					}, null, 8, vi)) : (P(), v(d, {
 						key: 1,
 						name: "description",
 						size: 24,
 						class: "text-on-surface-variant"
 					}))]),
-					x("div", gi, [
-						x("p", _i, H(n.file.name), 1),
-						x("p", vi, H(h(n.file.size)), 1),
-						n.status === "uploading" ? (P(), b("div", yi, [x("div", {
+					x("div", yi, [
+						x("p", bi, H(n.file.name), 1),
+						x("p", xi, H(h(n.file.size)), 1),
+						n.status === "uploading" ? (P(), b("div", Si, [x("div", {
 							class: "h-full rounded-full bg-primary transition-[width] duration-300",
 							style: A({ width: `${n.progress}%` })
 						}, null, 4)])) : y("", !0)
@@ -3505,7 +3576,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-6b150427"]]), xi = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-6b150427"]]), wi = /* @__PURE__ */ T({
 	__name: "MFixed",
 	props: {
 		placement: {},
@@ -3551,19 +3622,19 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		});
 		return (e, t) => (P(), b("div", { style: A(r.value) }, [z(e.$slots, "default")], 4));
 	}
-}), Si = {
+}), Ti = {
 	key: 0,
 	class: "px-6 pt-6 pb-2 sm:px-8 lg:px-12"
-}, Ci = {
+}, Ei = {
 	key: 1,
 	class: "px-6 py-6 sm:px-8 lg:px-12"
-}, wi = {
+}, Di = {
 	key: 2,
 	class: "flex flex-wrap items-center gap-1 px-6 pb-4 sm:px-8 lg:px-12"
-}, Ti = {
+}, Oi = {
 	key: 3,
 	class: "border-t border-outline-variant px-6 py-4 sm:px-8 lg:px-12"
-}, Ei = /* @__PURE__ */ T({
+}, ki = /* @__PURE__ */ T({
 	__name: "MFooter",
 	props: {
 		bordered: { type: Boolean },
@@ -3578,13 +3649,13 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			inverse: "bg-inverse-surface text-inverse-on-surface"
 		};
 		return (n, r) => (P(), b("footer", { class: k(["w-full", [t[e.surface], e.bordered ? "border-t border-outline-variant" : ""]]) }, [
-			n.$slots.brand ? (P(), b("div", Si, [z(n.$slots, "brand")])) : y("", !0),
-			n.$slots.default ? (P(), b("div", Ci, [z(n.$slots, "default")])) : y("", !0),
-			n.$slots.social ? (P(), b("div", wi, [z(n.$slots, "social")])) : y("", !0),
-			n.$slots.bottom ? (P(), b("div", Ti, [z(n.$slots, "bottom")])) : y("", !0)
+			n.$slots.brand ? (P(), b("div", Ti, [z(n.$slots, "brand")])) : y("", !0),
+			n.$slots.default ? (P(), b("div", Ei, [z(n.$slots, "default")])) : y("", !0),
+			n.$slots.social ? (P(), b("div", Di, [z(n.$slots, "social")])) : y("", !0),
+			n.$slots.bottom ? (P(), b("div", Oi, [z(n.$slots, "bottom")])) : y("", !0)
 		], 2));
 	}
-}), Di = /* @__PURE__ */ T({
+}), Ai = /* @__PURE__ */ T({
 	__name: "MFlex",
 	props: {
 		direction: { default: "row" },
@@ -3636,7 +3707,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		]);
 		return (e, t) => (P(), b("div", { class: k(o.value) }, [z(e.$slots, "default")], 2));
 	}
-}), Oi = /* @__PURE__ */ T({
+}), ji = /* @__PURE__ */ T({
 	__name: "MFullscreen",
 	props: {
 		fixed: {
@@ -3653,7 +3724,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		}));
 		return (e, t) => (P(), b("div", { style: A(n.value) }, [z(e.$slots, "default")], 4));
 	}
-}), ki = /* @__PURE__ */ T({
+}), Mi = /* @__PURE__ */ T({
 	__name: "MGrid",
 	props: {
 		cols: { default: 1 },
@@ -3729,13 +3800,13 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		]);
 		return (e, t) => (P(), b("div", { class: k(l.value) }, [z(e.$slots, "default")], 2));
 	}
-}), Ai = {
+}), Ni = {
 	key: 0,
 	class: "flex flex-col gap-4"
-}, ji = {
+}, Pi = {
 	key: 0,
 	class: "mb-2 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Mi = { class: "flex flex-col gap-1" }, Ni = { class: "text-body-medium text-on-surface" }, Pi = { class: "flex items-center gap-0.5" }, Fi = /* @__PURE__ */ T({
+}, Fi = { class: "flex flex-col gap-1" }, Ii = { class: "text-body-medium text-on-surface" }, Li = { class: "flex items-center gap-0.5" }, Ri = /* @__PURE__ */ T({
 	__name: "MHotkeys",
 	props: {
 		bindings: {},
@@ -3792,15 +3863,15 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			}
 			return e;
 		};
-		return (t, n) => e.showOverlay ? (P(), b("div", Ai, [(P(!0), b(p, null, R(s(), ([e, t]) => (P(), b("div", { key: e }, [e ? (P(), b("p", ji, H(e), 1)) : y("", !0), x("div", Mi, [(P(!0), b(p, null, R(t, (e) => (P(), b("div", {
+		return (t, n) => e.showOverlay ? (P(), b("div", Ni, [(P(!0), b(p, null, R(s(), ([e, t]) => (P(), b("div", { key: e }, [e ? (P(), b("p", Pi, H(e), 1)) : y("", !0), x("div", Fi, [(P(!0), b(p, null, R(t, (e) => (P(), b("div", {
 			key: e.keys,
 			class: k(["flex items-center justify-between rounded-lg px-3 py-2 transition-colors hover:bg-on-surface/4", e.disabled && "opacity-38"])
-		}, [x("span", Ni, H(e.label), 1), x("div", Pi, [(P(!0), b(p, null, R(e.keys.split("+"), (e, t) => (P(), b("kbd", {
+		}, [x("span", Ii, H(e.label), 1), x("div", Li, [(P(!0), b(p, null, R(e.keys.split("+"), (e, t) => (P(), b("kbd", {
 			key: t,
 			class: "inline-flex min-w-[24px] items-center justify-center rounded bg-surface-container px-1.5 py-0.5 text-center text-label-small font-medium text-on-surface-variant"
 		}, H(r(e.trim())), 1))), 128))])], 2))), 128))])]))), 128))])) : y("", !0);
 	}
-}), Ii = { class: "flex items-center gap-3" }, Li = { class: "text-body-medium text-on-surface-variant" }, Ri = { class: "text-body-small text-on-surface-variant" }, zi = /* @__PURE__ */ T({
+}), zi = { class: "flex items-center gap-3" }, Bi = { class: "text-body-medium text-on-surface-variant" }, Vi = { class: "text-body-small text-on-surface-variant" }, Hi = /* @__PURE__ */ T({
 	__name: "MInfiniteScroll",
 	props: {
 		loading: {
@@ -3831,30 +3902,30 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			ref_key: "sentinelRef",
 			ref: o,
 			class: "flex items-center justify-center py-4"
-		}, [e.loading ? z(t.$slots, "loading", { key: 0 }, () => [x("div", Ii, [w(c, {
+		}, [e.loading ? z(t.$slots, "loading", { key: 0 }, () => [x("div", zi, [w(c, {
 			size: 20,
 			class: "text-primary"
-		}), x("span", Li, H(e.loadingText ?? U(r).loadingMore), 1)])]) : e.ended ? z(t.$slots, "end", { key: 1 }, () => [x("p", Ri, H(e.endText ?? U(r).noMoreItems), 1)]) : z(t.$slots, "idle", { key: 2 })], 512)]));
+		}), x("span", Bi, H(e.loadingText ?? U(r).loadingMore), 1)])]) : e.ended ? z(t.$slots, "end", { key: 1 }, () => [x("p", Vi, H(e.endText ?? U(r).noMoreItems), 1)]) : z(t.$slots, "idle", { key: 2 })], 512)]));
 	}
-}), Bi = {
+}), Ui = {
 	key: 0,
 	class: "text-tertiary"
-}, Vi = { class: "text-on-surface-variant" }, Hi = {
+}, Wi = { class: "text-on-surface-variant" }, Gi = {
 	key: 1,
 	class: "text-on-surface-variant/60"
-}, Ui = {
+}, Ki = {
 	key: 2,
 	class: "text-on-surface-variant"
-}, Wi = {
+}, qi = {
 	key: 0,
 	class: "ml-5 border-l border-outline-variant/40 pl-2"
-}, Gi = { class: "shrink-0 text-primary" }, Ki = {
+}, Ji = { class: "shrink-0 text-primary" }, Yi = {
 	key: 0,
 	class: "shrink-0 text-on-surface-variant mr-1"
-}, qi = {
+}, Xi = {
 	key: 1,
 	class: "ml-5 text-on-surface-variant"
-}, Ji = /* @__PURE__ */ T({
+}, Zi = /* @__PURE__ */ T({
 	__name: "MJsonViewer",
 	props: {
 		data: {},
@@ -3895,17 +3966,17 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 						size: 16,
 						class: "text-on-surface-variant transition-transform duration-100"
 					}, null, 8, ["name"]),
-					e._depth === 0 || e.rootName ? (P(), b("span", Bi, H(e._depth === 0 ? e.rootName : ""), 1)) : y("", !0),
-					x("span", Vi, H(s.value), 1),
-					n.value ? y("", !0) : (P(), b("span", Hi, H(o.value) + " " + H(r.value === "array" ? "elementos" : "campos"), 1)),
-					n.value ? y("", !0) : (P(), b("span", Ui, H(c.value), 1))
+					e._depth === 0 || e.rootName ? (P(), b("span", Ui, H(e._depth === 0 ? e.rootName : ""), 1)) : y("", !0),
+					x("span", Wi, H(s.value), 1),
+					n.value ? y("", !0) : (P(), b("span", Gi, H(o.value) + " " + H(r.value === "array" ? "elementos" : "campos"), 1)),
+					n.value ? y("", !0) : (P(), b("span", Ki, H(c.value), 1))
 				]),
-				n.value ? (P(), b("div", Wi, [(P(!0), b(p, null, R(a.value, (t) => (P(), b("div", {
+				n.value ? (P(), b("div", qi, [(P(!0), b(p, null, R(a.value, (t) => (P(), b("div", {
 					key: t.key,
 					class: "flex items-start"
 				}, [
-					x("span", Gi, H(r.value === "array" ? "" : `"${t.key}"`), 1),
-					r.value === "array" ? y("", !0) : (P(), b("span", Ki, ":")),
+					x("span", Ji, H(r.value === "array" ? "" : `"${t.key}"`), 1),
+					r.value === "array" ? y("", !0) : (P(), b("span", Yi, ":")),
 					t.value !== null && typeof t.value == "object" ? (P(), v(m, {
 						key: 1,
 						data: t.value,
@@ -3922,21 +3993,21 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 						class: k(l(t.value))
 					}, H(u(t.value)), 3))
 				]))), 128))])) : y("", !0),
-				n.value ? (P(), b("span", qi, H(c.value), 1)) : y("", !0)
+				n.value ? (P(), b("span", Xi, H(c.value), 1)) : y("", !0)
 			], 64)) : (P(), b("span", {
 				key: 1,
 				class: k(l(e.data))
 			}, H(u(e.data)), 3))], 2);
 		};
 	}
-}), Yi = { class: "flex gap-4 overflow-x-auto pb-2" }, Xi = ["onDragover", "onDrop"], Zi = { class: "flex items-center gap-2 px-4 py-3" }, Qi = { class: "flex-1 text-title-small font-medium text-on-surface" }, $i = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, ea = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, ta = [
+}), Qi = { class: "flex gap-4 overflow-x-auto pb-2" }, $i = ["onDragover", "onDrop"], ea = { class: "flex items-center gap-2 px-4 py-3" }, ta = { class: "flex-1 text-title-small font-medium text-on-surface" }, na = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, ra = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, ia = [
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], na = { class: "text-body-medium text-on-surface" }, ra = {
+], aa = { class: "text-body-medium text-on-surface" }, oa = {
 	key: 0,
 	class: "flex flex-1 items-center justify-center rounded-lg border border-dashed border-outline-variant/50 p-4"
-}, ia = /* @__PURE__ */ T({
+}, sa = /* @__PURE__ */ T({
 	__name: "MKanban",
 	props: { modelValue: {} },
 	emits: [
@@ -3995,20 +4066,20 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		function f() {
 			i.value = null, a.value = null, o.value = null;
 		}
-		return (t, n) => (P(), b("div", Yi, [(P(!0), b(p, null, R(e.modelValue, (e) => (P(), b("div", {
+		return (t, n) => (P(), b("div", Qi, [(P(!0), b(p, null, R(e.modelValue, (e) => (P(), b("div", {
 			key: e.id,
 			class: k(["flex w-72 shrink-0 flex-col rounded-xl bg-surface-container-low", a.value === e.id && i.value ? "ring-2 ring-primary ring-inset" : ""]),
 			onDragover: (t) => l(t, e.id),
 			onDragleave: n[0] ||= (e) => a.value = null,
 			onDrop: (t) => d(t, e.id)
-		}, [x("div", Zi, [
+		}, [x("div", ea, [
 			e.color ? (P(), b("div", {
 				key: 0,
 				class: k(["h-2.5 w-2.5 rounded-full", s[e.color] ?? "bg-primary"])
 			}, null, 2)) : y("", !0),
-			x("h3", Qi, H(e.title), 1),
-			x("span", $i, H(e.cards.length), 1)
-		]), x("div", ea, [(P(!0), b(p, null, R(e.cards, (n, s) => (P(), b("div", {
+			x("h3", ta, H(e.title), 1),
+			x("span", na, H(e.cards.length), 1)
+		]), x("div", ra, [(P(!0), b(p, null, R(e.cards, (n, s) => (P(), b("div", {
 			key: n.id,
 			draggable: "true",
 			class: k(["cursor-grab rounded-lg bg-surface p-3 shadow-elevation-1 transition-all duration-150 active:cursor-grabbing", [i.value?.cardId === n.id ? "opacity-30" : "hover:shadow-elevation-2", o.value === s && a.value === e.id && i.value ? "border-t-2 border-primary" : ""]]),
@@ -4022,9 +4093,9 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		}, [z(t.$slots, "card", {
 			card: n,
 			column: e
-		}, () => [x("p", na, H(n.id), 1)])], 42, ta))), 128)), e.cards.length === 0 ? (P(), b("div", ra, [...n[1] ||= [x("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : y("", !0)])], 42, Xi))), 128))]));
+		}, () => [x("p", aa, H(n.id), 1)])], 42, ia))), 128)), e.cards.length === 0 ? (P(), b("div", oa, [...n[1] ||= [x("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : y("", !0)])], 42, $i))), 128))]));
 	}
-}), aa = /* @__PURE__ */ T({
+}), ca = /* @__PURE__ */ T({
 	__name: "MList",
 	props: {
 		dense: {
@@ -4064,10 +4135,10 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			class: k(i.value)
 		}, [z(e.$slots, "default")], 2));
 	}
-}), oa = ["checked", "disabled"], sa = {
+}), la = ["checked", "disabled"], ua = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, ca = /* @__PURE__ */ T({
+}, da = /* @__PURE__ */ T({
 	__name: "MSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -4089,7 +4160,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			checked: e.modelValue,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", !e.modelValue)
-		}, null, 40, oa), x("span", {
+		}, null, 40, la), x("span", {
 			class: k(["absolute left-1 top-1/2 flex h-6 w-6 items-center justify-center rounded-full will-change-transform", e.modelValue ? "bg-on-primary shadow-sm" : "bg-outline"]),
 			style: A(i.value)
 		}, [w(h, {
@@ -4107,21 +4178,21 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				class: "text-primary"
 			})) : y("", !0)]),
 			_: 1
-		})], 6)], 2), e.label ? (P(), b("span", sa, H(e.label), 1)) : y("", !0)], 2));
+		})], 6)], 2), e.label ? (P(), b("span", ua, H(e.label), 1)) : y("", !0)], 2));
 	}
-}), la = {
+}), fa = {
 	key: 0,
 	role: "listitem"
-}, ua = { class: "min-w-0 flex-1" }, da = { class: "truncate text-body-large text-on-surface" }, fa = {
+}, pa = { class: "min-w-0 flex-1" }, ma = { class: "truncate text-body-large text-on-surface" }, ha = {
 	key: 0,
 	class: "mli-expand-grid"
-}, pa = { class: "mli-expand-body" }, ma = ["src"], ha = { class: "min-w-0 flex-1" }, ga = { class: "truncate text-body-large text-on-surface" }, _a = {
+}, ga = { class: "mli-expand-body" }, _a = ["src"], va = { class: "min-w-0 flex-1" }, ya = { class: "truncate text-body-large text-on-surface" }, ba = {
 	key: 1,
 	class: "line-clamp-2 text-body-small text-on-surface-variant"
-}, va = {
+}, xa = {
 	key: 1,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, ya = /* @__PURE__ */ T({
+}, Sa = /* @__PURE__ */ T({
 	__name: "MListItem",
 	props: {
 		title: {},
@@ -4194,7 +4265,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 		function N() {
 			r("update:trailingValue", !n.trailingValue);
 		}
-		return (t, n) => e.expandable ? (P(), b("li", la, [x("div", {
+		return (t, n) => e.expandable ? (P(), b("li", fa, [x("div", {
 			class: k(T.value),
 			onClick: M
 		}, [
@@ -4204,7 +4275,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				size: 24,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : y("", !0)]),
-			x("div", ua, [z(t.$slots, "default", {}, () => [x("p", da, H(e.title), 1), e.subtitle && c.value >= 2 ? (P(), b("p", {
+			x("div", pa, [z(t.$slots, "default", {}, () => [x("p", ma, H(e.title), 1), e.subtitle && c.value >= 2 ? (P(), b("p", {
 				key: 0,
 				class: k(["text-body-medium text-on-surface-variant", c.value === 2 && "truncate"])
 			}, H(e.subtitle), 3)) : y("", !0)])]),
@@ -4214,7 +4285,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])
 		], 2), w(h, { name: "mli-expand" }, {
-			default: X(() => [o.value ? (P(), b("div", fa, [x("div", pa, [z(t.$slots, "children")])])) : y("", !0)]),
+			default: X(() => [o.value ? (P(), b("div", ha, [x("div", ga, [z(t.$slots, "children")])])) : y("", !0)]),
 			_: 3
 		})])) : (P(), v(V(O.value), D({
 			key: 1,
@@ -4249,29 +4320,29 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 					src: e.image,
 					alt: "",
 					class: "h-14 w-14 shrink-0 rounded-md object-cover"
-				}, null, 8, ma)) : f.value === "checkbox" ? (P(), v(Ft, {
+				}, null, 8, _a)) : f.value === "checkbox" ? (P(), v(Rt, {
 					key: 4,
 					"model-value": u.value,
 					class: "shrink-0"
 				}, null, 8, ["model-value"])) : y("", !0)]),
-				x("div", ha, [z(t.$slots, "default", {}, () => [
-					x("p", ga, H(e.title), 1),
+				x("div", va, [z(t.$slots, "default", {}, () => [
+					x("p", ya, H(e.title), 1),
 					e.subtitle && c.value >= 2 ? (P(), b("p", {
 						key: 0,
 						class: k(["text-body-medium text-on-surface-variant", c.value === 2 && "truncate"])
 					}, H(e.subtitle), 3)) : y("", !0),
-					e.description && c.value >= 3 ? (P(), b("p", _a, H(e.description), 1)) : y("", !0)
+					e.description && c.value >= 3 ? (P(), b("p", ba, H(e.description), 1)) : y("", !0)
 				])]),
 				z(t.$slots, "trailing", {}, () => [p.value === "icon" ? (P(), v(d, {
 					key: 0,
 					name: e.trailingIcon,
 					size: 24,
 					class: "shrink-0 text-on-surface-variant"
-				}, null, 8, ["name"])) : p.value === "text" ? (P(), b("span", va, H(e.trailingText), 1)) : p.value === "switch" ? (P(), v(ca, {
+				}, null, 8, ["name"])) : p.value === "text" ? (P(), b("span", xa, H(e.trailingText), 1)) : p.value === "switch" ? (P(), v(da, {
 					key: 2,
 					"model-value": !!e.trailingValue,
 					"onUpdate:modelValue": N
-				}, null, 8, ["model-value"])) : p.value === "checkbox" ? (P(), v(Ft, {
+				}, null, 8, ["model-value"])) : p.value === "checkbox" ? (P(), v(Rt, {
 					key: 3,
 					"model-value": !!e.trailingValue,
 					"onUpdate:modelValue": N
@@ -4280,7 +4351,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ba = /* @__PURE__ */ T({
+}), Ca = /* @__PURE__ */ T({
 	__name: "MListSubheader",
 	props: { inset: {
 		type: Boolean,
@@ -4292,16 +4363,16 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			role: "presentation"
 		}, [z(t.$slots, "default")], 2));
 	}
-}), xa = {
+}), wa = {
 	key: 0,
 	class: "text-body-large text-on-surface-variant"
-}, Sa = {
+}, Ta = {
 	key: 1,
 	class: "relative"
-}, Ca = {
+}, Ea = {
 	key: 0,
 	class: "text-body-medium text-on-surface-variant"
-}, wa = /* @__PURE__ */ T({
+}, Da = /* @__PURE__ */ T({
 	__name: "MLoadingOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -4334,11 +4405,11 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (P(), b("p", xa, H(e.text), 1)) : y("", !0),
+				e.text ? (P(), b("p", wa, H(e.text), 1)) : y("", !0),
 				z(t.$slots, "default")
 			], 2)) : y("", !0)]),
 			_: 3
-		})])) : (P(), b("div", Sa, [z(t.$slots, "content"), w(h, {
+		})])) : (P(), b("div", Ta, [z(t.$slots, "content"), w(h, {
 			"enter-active-class": "transition-opacity duration-200",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-150",
@@ -4352,13 +4423,13 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (P(), b("p", Ca, H(e.text), 1)) : y("", !0),
+				e.text ? (P(), b("p", Ea, H(e.text), 1)) : y("", !0),
 				z(t.$slots, "default")
 			], 2)) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), Ta = /* @__PURE__ */ T({
+}), Oa = /* @__PURE__ */ T({
 	__name: "MMasonry",
 	props: {
 		cols: { default: 2 },
@@ -4380,7 +4451,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			let e = window.innerWidth;
 			return t.lgCols && e >= 1024 ? t.lgCols : t.mdCols && e >= 768 ? t.mdCols : t.smCols && e >= 640 ? t.smCols : t.cols;
 		}
-		let o = K();
+		let o = ee();
 		function s() {
 			i.value = a();
 			let e = r.value;
@@ -4409,21 +4480,21 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			class: "relative w-full"
 		}, [z(e.$slots, "default")], 512));
 	}
-}), Ea = { class: "flex flex-col gap-1" }, Da = [
+}), ka = { class: "flex flex-col gap-1" }, Aa = [
 	"id",
 	"value",
 	"disabled",
 	"required"
-], Oa = ["for"], ka = {
+], ja = ["for"], Ma = {
 	key: 0,
 	class: "text-error"
-}, Aa = {
+}, Na = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, ja = {
+}, Pa = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ma = /* @__PURE__ */ T({
+}, Fa = /* @__PURE__ */ T({
 	__name: "MMaskField",
 	props: {
 		modelValue: {},
@@ -4518,7 +4589,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				i.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, n) => (P(), b("div", Ea, [x("div", {
+		return (t, n) => (P(), b("div", ka, [x("div", {
 			ref_key: "fieldBgEl",
 			ref: s,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -4544,11 +4615,11 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				class: k(S.value),
 				onInput: h,
 				onKeydown: g
-			}, null, 42, Da),
+			}, null, 42, Aa),
 			x("label", {
 				for: U(o),
 				class: k(T.value)
-			}, [C(H(e.label), 1), e.required ? (P(), b("span", ka, "\xA0*")) : y("", !0)], 10, Oa),
+			}, [C(H(e.label), 1), e.required ? (P(), b("span", Ma, "\xA0*")) : y("", !0)], 10, ja),
 			f.value ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -4558,28 +4629,28 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				name: "close",
 				size: 18
 			})])) : y("", !0)
-		], 6), e.error ? (P(), b("p", Aa, H(e.error), 1)) : e.hint ? (P(), b("p", ja, H(e.hint), 1)) : y("", !0)]));
+		], 6), e.error ? (P(), b("p", Na, H(e.error), 1)) : e.hint ? (P(), b("p", Pa, H(e.hint), 1)) : y("", !0)]));
 	}
-}), Na = { class: "flex flex-col gap-1" }, Pa = ["onClick"], Fa = ["title"], Ia = [
+}), Ia = { class: "flex flex-col gap-1" }, La = ["onClick"], Ra = ["title"], za = [
 	"id",
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-expanded",
 	"aria-disabled"
-], La = ["for"], Ra = {
+], Ba = ["for"], Va = {
 	key: 0,
 	class: "text-error"
-}, za = { class: "pointer-events-none absolute right-2 top-4" }, Ba = {
+}, Ha = { class: "pointer-events-none absolute right-2 top-4" }, Ua = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Va = {
+}, Wa = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ha = { class: "flex flex-col py-1" }, Ua = ["onMousedown"], Wa = { class: "text-body-large text-on-surface" }, Ga = {
+}, Ga = { class: "flex flex-col py-1" }, Ka = ["onMousedown"], qa = { class: "text-body-large text-on-surface" }, Ja = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, Ka = /* @__PURE__ */ T({
+}, Ya = /* @__PURE__ */ T({
 	__name: "MMultiAutocomplete",
 	props: {
 		modelValue: { default: () => [] },
@@ -4639,8 +4710,8 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				label: i.options.find((t) => D(t.value, e))?.label ?? String(e)
 			}));
 			return V.value ? e : e.slice(0, i.maxChips);
-		}), K = _(() => i.modelValue.slice(i.maxChips).map((e) => i.options.find((t) => D(t.value, e))?.label ?? String(e)).join(", "));
-		function ee(e) {
+		}), ee = _(() => i.modelValue.slice(i.maxChips).map((e) => i.options.find((t) => D(t.value, e))?.label ?? String(e)).join(", "));
+		function K(e) {
 			let t = i.modelValue;
 			j(t, e) ? a("update:modelValue", t.filter((t) => !D(t, e))) : a("update:modelValue", [...t, e]), l.value = "", O(() => g.value?.focus());
 		}
@@ -4708,7 +4779,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			else if (e.key === "Enter") {
 				e.preventDefault();
 				let n = t[u.value >= 0 ? u.value : 0];
-				n && (ee(n.value), u.value = -1);
+				n && (K(n.value), u.value = -1);
 			}
 		}
 		function se() {
@@ -4751,7 +4822,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				c.value ? i.error ? "text-error" : "text-primary" : i.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (P(), b(p, null, [x("div", Na, [x("div", {
+		return (t, n) => (P(), b(p, null, [x("div", Ia, [x("div", {
 			ref_key: "fieldEl",
 			ref: f,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -4778,13 +4849,13 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				}, [w(d, {
 					name: "close",
 					size: 12
-				})], 8, Pa)]))), 128)),
+				})], 8, La)]))), 128)),
 				B.value > 0 && !V.value ? (P(), b("span", {
 					key: 0,
-					title: K.value,
+					title: ee.value,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
 					onClick: n[0] ||= Q((e) => V.value = !0, ["stop"])
-				}, " +" + H(B.value), 9, Fa)) : y("", !0),
+				}, " +" + H(B.value), 9, Ra)) : y("", !0),
 				V.value && e.modelValue.length > e.maxChips ? (P(), b("span", {
 					key: 1,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
@@ -4810,11 +4881,11 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				onBlur: $,
 				onInput: re,
 				onKeydown: oe
-			}, null, 40, Ia)], 2),
+			}, null, 40, za)], 2),
 			x("label", {
 				for: U(s),
 				class: k(de.value)
-			}, [C(H(e.label), 1), e.required ? (P(), b("span", Ra, "\xA0*")) : y("", !0)], 10, La),
+			}, [C(H(e.label), 1), e.required ? (P(), b("span", Va, "\xA0*")) : y("", !0)], 10, Ba),
 			e.clearable && F.value && !e.disabled ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -4826,12 +4897,12 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				name: "close",
 				size: 18
 			})])) : y("", !0),
-			x("div", za, [w(d, {
+			x("div", Ha, [w(d, {
 				name: c.value ? "arrow_drop_up" : "arrow_drop_down",
 				size: 24,
 				class: "text-on-surface-variant transition-transform duration-200"
 			}, null, 8, ["name"])])
-		], 6), e.error ? (P(), b("p", Ba, H(e.error), 1)) : e.hint ? (P(), b("p", Va, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
+		], 6), e.error ? (P(), b("p", Ua, H(e.error), 1)) : e.hint ? (P(), b("p", Wa, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
 			"enter-active-class": "transition-[opacity,transform] duration-150",
 			"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
 			"enter-to-class": "opacity-100 translate-y-0 scale-100",
@@ -4845,38 +4916,38 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				ref: T,
 				class: "fixed z-500 max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
 				style: A(E.value)
-			}, [x("div", Ha, [(P(!0), b(p, null, R(I.value, (t, n) => (P(), b("label", {
+			}, [x("div", Ga, [(P(!0), b(p, null, R(I.value, (t, n) => (P(), b("label", {
 				key: n,
 				"data-option": "",
 				class: k(["flex cursor-pointer items-center gap-3 px-4 py-2 hover:bg-on-surface/8", [t.disabled ? "cursor-not-allowed opacity-38" : "", ce(t) === u.value && !t.disabled ? "bg-on-surface/12" : ""]]),
-				onMousedown: Q((e) => !t.disabled && ee(t.value), ["prevent"])
-			}, [w(Ft, {
+				onMousedown: Q((e) => !t.disabled && K(t.value), ["prevent"])
+			}, [w(Rt, {
 				"model-value": j(e.modelValue, t.value),
 				disabled: t.disabled
-			}, null, 8, ["model-value", "disabled"]), x("span", Wa, H(t.label), 1)], 42, Ua))), 128)), I.value.length ? y("", !0) : (P(), b("p", Ga, H(z.value), 1))])], 4)) : y("", !0)]),
+			}, null, 8, ["model-value", "disabled"]), x("span", qa, H(t.label), 1)], 42, Ka))), 128)), I.value.length ? y("", !0) : (P(), b("p", Ja, H(z.value), 1))])], 4)) : y("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), qa = { class: "flex flex-col gap-1" }, Ja = [
+}), Xa = { class: "flex flex-col gap-1" }, Za = [
 	"id",
 	"tabindex",
 	"aria-expanded"
-], Ya = ["onClick"], Xa = ["title"], Za = {
+], Qa = ["onClick"], $a = ["title"], eo = {
 	key: 1,
 	class: "text-body-large text-on-surface-variant opacity-0"
-}, Qa = {
+}, to = {
 	key: 0,
 	class: "text-error"
-}, $a = { class: "pointer-events-none absolute right-2 top-4" }, eo = {
+}, no = { class: "pointer-events-none absolute right-2 top-4" }, ro = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, to = {
+}, io = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, no = {
+}, ao = {
 	key: 0,
 	class: "sticky top-0 bg-surface-container px-3 py-2"
-}, ro = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, io = ["placeholder"], ao = { class: "flex flex-col py-1" }, oo = { class: "text-body-large text-on-surface" }, so = { class: "px-4 py-3 text-center text-body-small text-on-surface-variant" }, co = /* @__PURE__ */ T({
+}, oo = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, so = ["placeholder"], co = { class: "flex flex-col py-1" }, lo = { class: "text-body-large text-on-surface" }, uo = { class: "px-4 py-3 text-center text-body-small text-on-surface-variant" }, fo = /* @__PURE__ */ T({
 	__name: "MMultiSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -4942,7 +5013,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			}));
 			return B.value ? e : e.slice(0, a.maxChips);
 		}), W = _(() => a.modelValue.slice(a.maxChips).map((e) => a.options.find((t) => E(t.value, e))?.label ?? String(e)).join(", "));
-		function K(e) {
+		function ee(e) {
 			let t = a.modelValue;
 			D(t, e) ? o("update:modelValue", t.filter((t) => !E(t, e))) : o("update:modelValue", [...t, e]);
 		}
@@ -5007,7 +5078,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				c.value ? a.error ? "text-error" : "text-primary" : a.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (P(), b(p, null, [x("div", qa, [x("div", {
+		return (t, n) => (P(), b(p, null, [x("div", Xa, [x("div", {
 			ref_key: "fieldEl",
 			ref: u,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -5044,13 +5115,13 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				}, [w(d, {
 					name: "close",
 					size: 12
-				})], 8, Ya)]))), 128)),
+				})], 8, Qa)]))), 128)),
 				I.value > 0 && !B.value ? (P(), b("span", {
 					key: 0,
 					title: W.value,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
 					onClick: n[0] ||= Q((e) => B.value = !0, ["stop"])
-				}, " +" + H(I.value), 9, Xa)) : y("", !0),
+				}, " +" + H(I.value), 9, $a)) : y("", !0),
 				B.value && e.modelValue.length > e.maxChips ? (P(), b("span", {
 					key: 1,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
@@ -5059,8 +5130,8 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 					name: "unfold_less",
 					size: 14
 				})])) : y("", !0)
-			], 64)) : c.value ? y("", !0) : (P(), b("span", Za, H(e.placeholder), 1))], 42, Ja),
-			x("label", { class: k(ae.value) }, [C(H(e.label), 1), e.required ? (P(), b("span", Qa, "\xA0*")) : y("", !0)], 2),
+			], 64)) : c.value ? y("", !0) : (P(), b("span", eo, H(e.placeholder), 1))], 42, Za),
+			x("label", { class: k(ae.value) }, [C(H(e.label), 1), e.required ? (P(), b("span", to, "\xA0*")) : y("", !0)], 2),
 			e.clearable && j.value && !e.disabled ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -5072,12 +5143,12 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				name: "close",
 				size: 18
 			})])) : y("", !0),
-			x("div", $a, [w(d, {
+			x("div", no, [w(d, {
 				name: c.value ? "arrow_drop_up" : "arrow_drop_down",
 				size: 24,
 				class: "text-on-surface-variant"
 			}, null, 8, ["name"])])
-		], 6), e.error ? (P(), b("p", eo, H(e.error), 1)) : e.hint ? (P(), b("p", to, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
+		], 6), e.error ? (P(), b("p", ro, H(e.error), 1)) : e.hint ? (P(), b("p", io, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
 			"enter-active-class": "transition-[opacity,transform] duration-150",
 			"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
 			"enter-to-class": "opacity-100 translate-y-0 scale-100",
@@ -5091,7 +5162,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				ref: g,
 				class: "fixed z-500 max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
 				style: A(T.value)
-			}, [e.searchable ? (P(), b("div", no, [x("div", ro, [w(d, {
+			}, [e.searchable ? (P(), b("div", ao, [x("div", oo, [w(d, {
 				name: "search",
 				size: 16,
 				class: "shrink-0 text-on-surface-variant"
@@ -5102,22 +5173,22 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				type: "text",
 				placeholder: e.searchPlaceholder ?? U(i).search,
 				class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-			}, null, 8, io), [[ee, l.value]])])])) : y("", !0), x("div", ao, [(P(!0), b(p, null, R(F.value, (t, n) => (P(), b("label", {
+			}, null, 8, so), [[K, l.value]])])])) : y("", !0), x("div", co, [(P(!0), b(p, null, R(F.value, (t, n) => (P(), b("label", {
 				key: n,
 				class: k(["flex cursor-pointer items-center gap-3 px-4 py-2 hover:bg-on-surface/8", t.disabled ? "cursor-not-allowed opacity-38" : ""])
-			}, [w(Ft, {
+			}, [w(Rt, {
 				"model-value": D(e.modelValue, t.value),
 				disabled: t.disabled,
-				"onUpdate:modelValue": (e) => !t.disabled && K(t.value)
+				"onUpdate:modelValue": (e) => !t.disabled && ee(t.value)
 			}, null, 8, [
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), x("span", oo, H(t.label), 1)], 2))), 128)), F.value.length === 0 ? z(t.$slots, "no-results", { key: 0 }, () => [x("p", so, H(e.noResultsText ?? U(i).noResults), 1)]) : y("", !0)])], 4)) : y("", !0)]),
+			]), x("span", lo, H(t.label), 1)], 2))), 128)), F.value.length === 0 ? z(t.$slots, "no-results", { key: 0 }, () => [x("p", uo, H(e.noResultsText ?? U(i).noResults), 1)]) : y("", !0)])], 4)) : y("", !0)]),
 			_: 3
 		})]))], 64));
 	}
-}), lo = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, uo = ["onClick"], fo = /* @__PURE__ */ T({
+}), po = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, mo = ["onClick"], ho = /* @__PURE__ */ T({
 	__name: "MNavigationBar",
 	props: {
 		modelValue: {},
@@ -5125,7 +5196,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, n) => (P(), b("nav", lo, [(P(!0), b(p, null, R(e.items, (n) => (P(), b("button", {
+		return (t, n) => (P(), b("nav", po, [(P(!0), b(p, null, R(e.items, (n) => (P(), b("button", {
 			key: n.value,
 			type: "button",
 			class: k(["group flex flex-1 cursor-pointer flex-col items-center justify-center gap-1 self-stretch transition-colors focus-visible:outline-none", n.value === e.modelValue ? "text-on-secondary-container" : "text-on-surface-variant"]),
@@ -5152,9 +5223,9 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), x("span", { class: k(["text-label-medium transition-[font-weight] duration-150", n.value === e.modelValue ? "font-bold" : "font-medium"]) }, H(n.label), 3)], 10, uo))), 128))]));
+		}, 1032, ["count"]))], 2), x("span", { class: k(["text-label-medium transition-[font-weight] duration-150", n.value === e.modelValue ? "font-bold" : "font-medium"]) }, H(n.label), 3)], 10, mo))), 128))]));
 	}
-}), po = { class: "flex flex-col gap-1" }, mo = [
+}), go = { class: "flex flex-col gap-1" }, _o = [
 	"id",
 	"value",
 	"disabled",
@@ -5162,19 +5233,19 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 	"min",
 	"max",
 	"step"
-], ho = ["for"], go = {
+], vo = ["for"], yo = {
 	key: 0,
 	class: "text-error"
-}, _o = {
+}, bo = {
 	key: 1,
 	class: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5"
-}, vo = {
+}, xo = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, yo = {
+}, So = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, bo = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Co = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MNumberField",
 	props: {
 		modelValue: { default: null },
@@ -5257,7 +5328,7 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				i.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, r) => (P(), b("div", po, [x("div", {
+		return (t, r) => (P(), b("div", go, [x("div", {
 			ref_key: "fieldBgEl",
 			ref: s,
 			class: k(["relative", n.variant === "outlined" ? "mt-2" : ""]),
@@ -5283,12 +5354,12 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				class: k(h.value),
 				onInput: u,
 				onKeydown: m
-			}, null, 42, mo),
+			}, null, 42, _o),
 			x("label", {
 				for: U(o),
 				class: k(g.value)
-			}, [C(H(n.label), 1), n.required ? (P(), b("span", go, "\xA0*")) : y("", !0)], 10, ho),
-			n.stepper ? (P(), b("div", _o, [w(e, {
+			}, [C(H(n.label), 1), n.required ? (P(), b("span", yo, "\xA0*")) : y("", !0)], 10, vo),
+			n.stepper ? (P(), b("div", bo, [w(e, {
 				icon: "remove",
 				label: "Decrease",
 				size: 32,
@@ -5301,9 +5372,9 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 				disabled: n.disabled || n.max !== void 0 && (n.modelValue ?? 0) >= n.max,
 				onClick: f
 			}, null, 8, ["disabled"])])) : y("", !0)
-		], 6), n.error ? (P(), b("p", vo, H(n.error), 1)) : n.hint ? (P(), b("p", yo, H(n.hint), 1)) : y("", !0)]));
+		], 6), n.error ? (P(), b("p", xo, H(n.error), 1)) : n.hint ? (P(), b("p", So, H(n.hint), 1)) : y("", !0)]));
 	}
-}), [["__scopeId", "data-v-8b2327d2"]]), xo = T({
+}), [["__scopeId", "data-v-8b2327d2"]]), wo = T({
 	name: "MDrawerItemList",
 	components: { MIcon: d },
 	props: {
@@ -5378,8 +5449,8 @@ var Pr = ["aria-label", "disabled"], Fr = { class: "leading-none" }, Ir = /* @__
 			}).onfinish = t;
 		}
 	}
-}), So = { key: 0 };
-function Co(e, t, n, r, i, a) {
+}), To = { key: 0 };
+function Eo(e, t, n, r, i, a) {
 	let o = B("MIcon"), s = B("MDrawerItemList");
 	return P(!0), b(p, null, R(e.items, (t) => (P(), b(p, { key: t.value }, [(P(), v(V(e.itemTag(t)), {
 		to: t.to && !t.disabled ? t.to : void 0,
@@ -5419,7 +5490,7 @@ function Co(e, t, n, r, i, a) {
 		onEnter: e.onEnter,
 		onLeave: e.onLeave
 	}, {
-		default: X(() => [t.children?.length && e.openItems[t.value] ? (P(), b("div", So, [w(s, {
+		default: X(() => [t.children?.length && e.openItems[t.value] ? (P(), b("div", To, [w(s, {
 			items: t.children,
 			selected: e.selected,
 			depth: e.depth + 1
@@ -5431,52 +5502,52 @@ function Co(e, t, n, r, i, a) {
 		_: 2
 	}, 1032, ["onEnter", "onLeave"])], 64))), 128);
 }
-var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
+var Do = /*#__PURE__*/ f(wo, [["render", Eo]]), Oo = {
 	key: 0,
 	class: "shrink-0"
-}, Eo = {
+}, ko = {
 	key: 1,
 	class: "shrink-0 px-5 pt-6 pb-2"
-}, Do = { class: "text-title-small font-medium text-on-surface-variant" }, Oo = { class: "flex-1 overflow-y-auto px-3 py-2" }, ko = {
+}, Ao = { class: "text-title-small font-medium text-on-surface-variant" }, jo = { class: "flex-1 overflow-y-auto px-3 py-2" }, Mo = {
 	key: 0,
 	class: "my-1 border-t border-outline-variant"
-}, Ao = ["onClick"], jo = { class: "flex-1 text-left text-title-small font-medium" }, Mo = {
+}, No = ["onClick"], Po = { class: "flex-1 text-left text-title-small font-medium" }, Fo = {
 	key: 2,
 	class: "px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant"
-}, No = {
+}, Io = {
 	key: 0,
 	class: "nd-section-grid"
-}, Po = { class: "nd-section-body" }, Fo = {
+}, Lo = { class: "nd-section-body" }, Ro = {
 	key: 2,
 	class: "text-label-medium text-on-surface-variant"
-}, Io = { key: 0 }, Lo = {
+}, zo = { key: 0 }, Bo = {
 	key: 0,
 	class: "nd-toggle shrink-0 border-b border-outline-variant"
-}, Ro = { class: "nd-toggle-inner" }, zo = {
+}, Vo = { class: "nd-toggle-inner" }, Ho = {
 	key: 1,
 	class: "shrink-0"
-}, Bo = {
+}, Uo = {
 	key: 2,
 	class: "nd-collapse-h shrink-0 overflow-hidden"
-}, Vo = { class: "px-5 pt-6 pb-2" }, Ho = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Uo = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, Wo = {
+}, Wo = { class: "px-5 pt-6 pb-2" }, Go = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Ko = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, qo = {
 	key: 0,
 	class: "my-1 border-t border-outline-variant"
-}, Go = ["title", "onClick"], Ko = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, qo = {
+}, Jo = ["title", "onClick"], Yo = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, Xo = {
 	key: 2,
 	class: "nd-collapse-h overflow-hidden"
-}, Jo = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, Yo = {
+}, Zo = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, Qo = {
 	key: 0,
 	class: "nd-section-grid"
-}, Xo = { class: "nd-section-body" }, Zo = {
+}, $o = { class: "nd-section-body" }, es = {
 	key: 2,
 	class: "nd-label text-label-medium text-on-surface-variant"
-}, Qo = {
+}, ts = {
 	key: 0,
 	class: "nd-children-divider"
-}, $o = { key: 0 }, es = {
+}, ns = { key: 0 }, rs = {
 	key: 1,
 	class: "nd-children-divider"
-}, ts = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, is = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MNavigationDrawer",
 	props: {
 		modelValue: { type: Boolean },
@@ -5575,8 +5646,8 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 					e.side === "top" || e.side === "bottom" || e.width ? "" : "w-72"
 				]),
 				style: A(e.side !== "top" && e.side !== "bottom" && e.width ? { width: e.width } : void 0)
-			}, [t.$slots.header ? (P(), b("div", To, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", Eo, [x("h2", Do, H(e.title), 1)])) : y("", !0), x("div", Oo, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
-				n > 0 ? (P(), b("div", ko)) : y("", !0),
+			}, [t.$slots.header ? (P(), b("div", Oo, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", ko, [x("h2", Ao, H(e.title), 1)])) : y("", !0), x("div", jo, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
+				n > 0 ? (P(), b("div", Mo)) : y("", !0),
 				t.title && t.collapsible ? (P(), b("button", {
 					key: 1,
 					type: "button",
@@ -5589,15 +5660,15 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 						size: 24,
 						class: "shrink-0"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", jo, H(t.title), 1),
+					x("span", Po, H(t.title), 1),
 					w(d, {
 						name: s(t, n) ? "expand_less" : "expand_more",
 						size: 18,
 						class: "shrink-0"
 					}, null, 8, ["name"])
-				], 8, Ao)) : t.title ? (P(), b("p", Mo, H(t.title), 1)) : y("", !0),
+				], 8, No)) : t.title ? (P(), b("p", Fo, H(t.title), 1)) : y("", !0),
 				w(h, { name: "nd-section" }, {
-					default: X(() => [!t.collapsible || s(t, n) ? (P(), b("div", No, [x("div", Po, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [(P(), v(V(j(n)), {
+					default: X(() => [!t.collapsible || s(t, n) ? (P(), b("div", Io, [x("div", Lo, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [(P(), v(V(j(n)), {
 						to: n.to && !n.disabled ? n.to : void 0,
 						type: n.to ? void 0 : "button",
 						class: k(["flex w-full items-center gap-3 rounded-full py-2.5 text-left transition-colors focus-visible:outline-none", [t.collapsible ? "pl-8 pr-3" : "px-4", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === e.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
@@ -5616,7 +5687,7 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 								name: l(n) ? "expand_less" : "expand_more",
 								size: 18,
 								class: "shrink-0 text-on-surface-variant"
-							}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", Fo, H(n.badge), 1))
+							}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", Ro, H(n.badge), 1))
 						]),
 						_: 2
 					}, 1032, [
@@ -5631,7 +5702,7 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 						onEnter: T,
 						onLeave: E
 					}, {
-						default: X(() => [n.children?.length && l(n) ? (P(), b("div", Io, [w(wo, {
+						default: X(() => [n.children?.length && l(n) ? (P(), b("div", zo, [w(Do, {
 							items: n.children,
 							selected: e.selected
 						}, null, 8, ["items", "selected"])])) : y("", !0)]),
@@ -5649,10 +5720,10 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 				"--nd-width": e.width ?? "18rem"
 			})
 		}, [
-			t.$slots.toggle ? (P(), b("div", Lo, [x("div", Ro, [z(t.$slots, "toggle", {}, void 0, !0)])])) : y("", !0),
-			t.$slots.header ? (P(), b("div", zo, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", Bo, [x("div", Vo, [x("h2", Ho, H(e.title), 1)])])) : y("", !0),
-			x("div", Uo, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
-				n > 0 ? (P(), b("div", Wo)) : y("", !0),
+			t.$slots.toggle ? (P(), b("div", Bo, [x("div", Vo, [z(t.$slots, "toggle", {}, void 0, !0)])])) : y("", !0),
+			t.$slots.header ? (P(), b("div", Ho, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", Uo, [x("div", Wo, [x("h2", Go, H(e.title), 1)])])) : y("", !0),
+			x("div", Ko, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
+				n > 0 ? (P(), b("div", qo)) : y("", !0),
 				t.title && t.collapsible ? (P(), b("button", {
 					key: 1,
 					type: "button",
@@ -5666,15 +5737,15 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 						size: 24,
 						class: "shrink-0"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", Ko, H(t.title), 1),
+					x("span", Yo, H(t.title), 1),
 					w(d, {
 						name: s(t, n) ? "expand_less" : "expand_more",
 						size: 18,
 						class: "nd-label shrink-0"
 					}, null, 8, ["name"])
-				], 8, Go)) : t.title ? (P(), b("div", qo, [x("p", Jo, H(t.title), 1)])) : y("", !0),
+				], 8, Jo)) : t.title ? (P(), b("div", Xo, [x("p", Zo, H(t.title), 1)])) : y("", !0),
 				w(h, { name: "nd-section" }, {
-					default: X(() => [!t.collapsible || s(t, n) ? (P(), b("div", Yo, [x("div", Xo, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [
+					default: X(() => [!t.collapsible || s(t, n) ? (P(), b("div", Qo, [x("div", $o, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [
 						(P(), v(V(j(n)), {
 							to: n.to && !n.disabled ? n.to : void 0,
 							type: n.to ? void 0 : "button",
@@ -5696,7 +5767,7 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 									name: l(n) ? "expand_less" : "expand_more",
 									size: 18,
 									class: "nd-label shrink-0 text-on-surface-variant"
-								}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", Zo, H(n.badge), 1))
+								}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", es, H(n.badge), 1))
 							]),
 							_: 2
 						}, 1032, [
@@ -5707,29 +5778,29 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 							"disabled",
 							"onClick"
 						])),
-						n.children?.length && l(n) ? (P(), b("div", Qo)) : y("", !0),
+						n.children?.length && l(n) ? (P(), b("div", ts)) : y("", !0),
 						w(h, {
 							css: !1,
 							onEnter: T,
 							onLeave: E
 						}, {
-							default: X(() => [n.children?.length && l(n) ? (P(), b("div", $o, [w(wo, {
+							default: X(() => [n.children?.length && l(n) ? (P(), b("div", ns, [w(Do, {
 								items: n.children,
 								selected: e.selected
 							}, null, 8, ["items", "selected"])])) : y("", !0)]),
 							_: 2
 						}, 1024),
-						n.children?.length && l(n) ? (P(), b("div", es)) : y("", !0)
+						n.children?.length && l(n) ? (P(), b("div", rs)) : y("", !0)
 					], 64))), 128))])])) : y("", !0)]),
 					_: 2
 				}, 1024)
 			], 64))), 128)), z(t.$slots, "default", {}, void 0, !0)])
 		], 6));
 	}
-}), [["__scopeId", "data-v-ec337590"]]), ns = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, rs = {
+}), [["__scopeId", "data-v-ec337590"]]), as = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, os = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-center pt-3 pb-2"
-}, is = ["disabled", "onClick"], as = /* @__PURE__ */ T({
+}, ss = ["disabled", "onClick"], cs = /* @__PURE__ */ T({
 	__name: "MNavigationRail",
 	props: {
 		modelValue: {},
@@ -5738,7 +5809,7 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, n) => (P(), b("nav", ns, [t.$slots.fab ? (P(), b("div", rs, [z(t.$slots, "fab")])) : y("", !0), x("div", { class: k(["flex flex-1 flex-col items-center gap-1 py-3", {
+		return (t, n) => (P(), b("nav", as, [t.$slots.fab ? (P(), b("div", os, [z(t.$slots, "fab")])) : y("", !0), x("div", { class: k(["flex flex-1 flex-col items-center gap-1 py-3", {
 			"justify-start": e.alignment === "top",
 			"justify-center": e.alignment === "center",
 			"justify-end": e.alignment === "bottom"
@@ -5770,9 +5841,9 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), x("span", { class: k(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, H(n.label), 3)], 10, is))), 128))], 2)]));
+		}, 1032, ["count"]))], 2), x("span", { class: k(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, H(n.label), 3)], 10, ss))), 128))], 2)]));
 	}
-}), os = { class: "relative h-full w-full" }, ss = /* @__PURE__ */ T({
+}), ls = { class: "relative h-full w-full" }, us = /* @__PURE__ */ T({
 	__name: "MOverlay",
 	props: {
 		modelValue: {
@@ -5805,17 +5876,17 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 				key: 0,
 				class: "absolute inset-0 bg-black/50",
 				onClick: a
-			})) : y("", !0), x("div", os, [z(t.$slots, "default")])], 4)) : y("", !0)]),
+			})) : y("", !0), x("div", ls, [z(t.$slots, "default")])], 4)) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), cs = { class: "flex flex-col gap-1" }, ls = {
+}), ds = { class: "flex flex-col gap-1" }, fs = {
 	key: 0,
 	class: "text-label-small text-on-surface-variant"
-}, us = ["aria-valuenow"], ds = ["aria-valuenow"], fs = ["viewBox"], ps = ["d"], ms = {
+}, ps = ["aria-valuenow"], ms = ["aria-valuenow"], hs = ["viewBox"], gs = ["d"], _s = {
 	key: 1,
 	class: "absolute inset-0 overflow-hidden rounded-full"
-}, hs = ["viewBox"], gs = ["d"], _s = 20, vs = 2.5, ys = 4, bs = 8, xs = 80, Ss = 1, Cs = /* @__PURE__ */ T({
+}, vs = ["viewBox"], ys = ["d"], bs = 20, xs = 2.5, Ss = 4, Cs = 8, ws = 80, Ts = 1, Es = /* @__PURE__ */ T({
 	__name: "MProgressBar",
 	props: {
 		value: {},
@@ -5846,15 +5917,15 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 				track: "bg-error-container",
 				text: "text-error"
 			}
-		}, a = _s * xs, o = (() => {
+		}, a = bs * ws, o = (() => {
 			let e = "";
-			for (let t = 0; t <= a; t += Ss) {
-				let n = ys - vs * Math.sin(t / _s * Math.PI * 2);
+			for (let t = 0; t <= a; t += Ts) {
+				let n = Ss - xs * Math.sin(t / bs * Math.PI * 2);
 				e += (t === 0 ? "M" : "L") + t + "," + n.toFixed(2) + " ";
 			}
 			return e.trim();
 		})();
-		return (t, s) => (P(), b("div", cs, [e.label ? (P(), b("span", ls, H(e.label), 1)) : y("", !0), e.variant === "linear" ? (P(), b("div", {
+		return (t, s) => (P(), b("div", ds, [e.label ? (P(), b("span", fs, H(e.label), 1)) : y("", !0), e.variant === "linear" ? (P(), b("div", {
 			key: 1,
 			class: k(["relative h-1 w-full overflow-hidden rounded-full", i[e.color].track]),
 			role: "progressbar",
@@ -5868,20 +5939,20 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 			key: 0,
 			class: k(["h-full rounded-full transition-[width] duration-300 ease-in-out", i[e.color].bar]),
 			style: A({ width: `${r.value}%` })
-		}, null, 6))], 10, us)) : (P(), b("div", {
+		}, null, 6))], 10, ps)) : (P(), b("div", {
 			key: 2,
 			class: "relative h-2 w-full overflow-visible",
 			role: "progressbar",
 			"aria-valuenow": n.value ? void 0 : r.value,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100"
-		}, [n.value ? (P(), b("div", ms, [x("div", {
+		}, [n.value ? (P(), b("div", _s, [x("div", {
 			class: k(["absolute top-0 left-0 h-full animate-[m3-wave-flow_0.9s_linear_infinite]", i[e.color].text]),
 			style: A({ width: `${a}px` })
 		}, [(P(), b("svg", {
 			width: a,
-			height: bs,
-			viewBox: `0 0 ${a} ${bs}`,
+			height: Cs,
+			viewBox: `0 0 ${a} ${Cs}`,
 			class: "h-full",
 			xmlns: "http://www.w3.org/2000/svg"
 		}, [x("path", {
@@ -5890,7 +5961,7 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 			stroke: "currentColor",
 			"stroke-width": "3",
 			"stroke-linecap": "round"
-		}, null, 8, gs)], 8, hs))], 6)])) : (P(), b(p, { key: 0 }, [
+		}, null, 8, ys)], 8, vs))], 6)])) : (P(), b(p, { key: 0 }, [
 			x("div", {
 				class: "absolute inset-0 overflow-hidden",
 				style: A({
@@ -5902,8 +5973,8 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 				style: A({ width: `${a}px` })
 			}, [(P(), b("svg", {
 				width: a,
-				height: bs,
-				viewBox: `0 0 ${a} ${bs}`,
+				height: Cs,
+				viewBox: `0 0 ${a} ${Cs}`,
 				class: "h-full",
 				xmlns: "http://www.w3.org/2000/svg"
 			}, [x("path", {
@@ -5912,7 +5983,7 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"stroke-linecap": "round"
-			}, null, 8, ps)], 8, fs))], 6)], 4),
+			}, null, 8, gs)], 8, hs))], 6)], 4),
 			x("div", {
 				class: k(["absolute inset-y-0 right-0 flex items-center", i[e.color].track]),
 				style: A([{
@@ -5935,16 +6006,16 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 					height: "4px"
 				}
 			}, null, 2)
-		], 64))], 8, ds))]));
+		], 64))], 8, ms))]));
 	}
-}), ws = ["for"], Ts = { class: "relative flex h-5 w-5 shrink-0" }, Es = [
+}), Ds = ["for"], Os = { class: "relative flex h-5 w-5 shrink-0" }, ks = [
 	"id",
 	"checked",
 	"disabled"
-], Ds = {
+], As = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, Os = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, js = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MRadio",
 	props: {
 		modelValue: {},
@@ -5967,14 +6038,14 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 		return (t, n) => (P(), b("label", {
 			for: U(i),
 			class: k(["inline-flex items-center gap-3 select-none", e.disabled ? "cursor-not-allowed opacity-[0.38]" : "cursor-pointer"])
-		}, [x("span", Ts, [x("input", {
+		}, [x("span", Os, [x("input", {
 			id: U(i),
 			type: "radio",
 			class: "sr-only",
 			checked: a.value,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", e.value)
-		}, null, 40, Es), (P(), b("svg", {
+		}, null, 40, ks), (P(), b("svg", {
 			viewBox: "0 0 20 20",
 			class: k(["h-full w-full transition-colors duration-150", a.value ? o[e.color] : "text-on-surface-variant"]),
 			"aria-hidden": "true"
@@ -5991,12 +6062,12 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 			cy: "10",
 			r: "4.5",
 			fill: "currentColor"
-		}, null, 2)], 2))]), e.label ? (P(), b("span", Ds, H(e.label), 1)) : y("", !0)], 10, ws));
+		}, null, 2)], 2))]), e.label ? (P(), b("span", As, H(e.label), 1)) : y("", !0)], 10, Ds));
 	}
-}), [["__scopeId", "data-v-cdb650b5"]]), ks = { class: "flex flex-col gap-2" }, As = {
+}), [["__scopeId", "data-v-cdb650b5"]]), Ms = { class: "flex flex-col gap-2" }, Ns = {
 	key: 0,
 	class: "text-label-large text-on-surface-variant"
-}, js = /* @__PURE__ */ T({
+}, Ps = /* @__PURE__ */ T({
 	__name: "MRadioGroup",
 	props: {
 		modelValue: {},
@@ -6012,7 +6083,7 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (P(), b("div", ks, [e.label ? (P(), b("span", As, H(e.label), 1)) : y("", !0), x("div", { class: k(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(P(!0), b(p, null, R(e.options, (t) => (P(), v(Os, {
+		return (t, r) => (P(), b("div", Ms, [e.label ? (P(), b("span", Ns, H(e.label), 1)) : y("", !0), x("div", { class: k(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(P(!0), b(p, null, R(e.options, (t) => (P(), v(js, {
 			key: String(t.value),
 			"model-value": e.modelValue,
 			value: t.value,
@@ -6028,11 +6099,11 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 			"disabled"
 		]))), 128))], 2)]));
 	}
-}), Ms = [
+}), Fs = [
 	"disabled",
 	"onClick",
 	"onMousemove"
-], Ns = /* @__PURE__ */ T({
+], Is = /* @__PURE__ */ T({
 	__name: "MRating",
 	props: {
 		modelValue: {},
@@ -6109,13 +6180,13 @@ var wo = /*#__PURE__*/ f(xo, [["render", Co]]), To = {
 			name: e.icon,
 			size: e.size,
 			class: "text-on-surface-variant/40"
-		}, null, 8, ["name", "size"]))], 46, Ms))), 128))], 34));
+		}, null, 8, ["name", "size"]))], 46, Fs))), 128))], 34));
 	}
-}), Ps = {}, Fs = { class: "relative" };
-function Is(e, t) {
-	return P(), b("div", Fs, [z(e.$slots, "default")]);
+}), Ls = {}, Rs = { class: "relative" };
+function zs(e, t) {
+	return P(), b("div", Rs, [z(e.$slots, "default")]);
 }
-var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
+var Bs = /*#__PURE__*/ f(Ls, [["render", zs]]), Vs = /* @__PURE__ */ T({
 	__name: "MResponsive",
 	props: {
 		show: {},
@@ -6147,19 +6218,19 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), zs = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, Bs = {
+}), Hs = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, Us = {
 	key: 0,
 	class: "text-display-small font-medium text-on-surface-variant/30"
-}, Vs = { class: "text-headline-small font-medium text-on-surface" }, Hs = {
+}, Ws = { class: "text-headline-small font-medium text-on-surface" }, Gs = {
 	key: 1,
 	class: "max-w-md text-body-large text-on-surface-variant"
-}, Us = {
+}, Ks = {
 	key: 2,
 	class: "mt-2 flex flex-wrap items-center justify-center gap-3"
-}, Ws = {
+}, qs = {
 	key: 3,
 	class: "mt-2"
-}, Gs = /* @__PURE__ */ T({
+}, Js = /* @__PURE__ */ T({
 	__name: "MResult",
 	props: {
 		status: {},
@@ -6227,19 +6298,19 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				};
 			}
 		}), r = _(() => t.status === "404" || t.status === "403" || t.status === "500" ? t.status : null);
-		return (t, i) => (P(), b("div", zs, [
-			r.value ? (P(), b("span", Bs, H(r.value), 1)) : y("", !0),
+		return (t, i) => (P(), b("div", Hs, [
+			r.value ? (P(), b("span", Us, H(r.value), 1)) : y("", !0),
 			x("div", { class: k(["flex h-20 w-20 items-center justify-center rounded-full", [n.value.bg, n.value.text]]) }, [w(d, {
 				name: n.value.icon,
 				size: 40
 			}, null, 8, ["name"])], 2),
-			x("h2", Vs, H(e.title ?? n.value.defaultTitle), 1),
-			e.description ?? n.value.defaultDesc ? (P(), b("p", Hs, H(e.description ?? n.value.defaultDesc), 1)) : y("", !0),
-			t.$slots.actions ? (P(), b("div", Us, [z(t.$slots, "actions")])) : y("", !0),
-			t.$slots.default ? (P(), b("div", Ws, [z(t.$slots, "default")])) : y("", !0)
+			x("h2", Ws, H(e.title ?? n.value.defaultTitle), 1),
+			e.description ?? n.value.defaultDesc ? (P(), b("p", Gs, H(e.description ?? n.value.defaultDesc), 1)) : y("", !0),
+			t.$slots.actions ? (P(), b("div", Ks, [z(t.$slots, "actions")])) : y("", !0),
+			t.$slots.default ? (P(), b("div", qs, [z(t.$slots, "default")])) : y("", !0)
 		]));
 	}
-}), Ks = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, qs = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Js = { class: "flex items-center gap-1" }, Ys = { class: "text-title-medium font-medium capitalize text-on-surface" }, Xs = { class: "flex rounded-full bg-surface-container-high p-0.5" }, Zs = ["onClick"], Qs = { class: "overflow-auto" }, $s = { class: "w-full border-collapse" }, ec = { class: "text-label-small uppercase text-on-surface-variant" }, tc = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, nc = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, rc = ["onClick"], ic = ["onClick"], ac = { class: "truncate text-label-small font-medium" }, oc = { class: "truncate text-label-small opacity-70" }, sc = /* @__PURE__ */ T({
+}), Ys = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, Xs = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Zs = { class: "flex items-center gap-1" }, Qs = { class: "text-title-medium font-medium capitalize text-on-surface" }, $s = { class: "flex rounded-full bg-surface-container-high p-0.5" }, ec = ["onClick"], tc = { class: "overflow-auto" }, nc = { class: "w-full border-collapse" }, rc = { class: "text-label-small uppercase text-on-surface-variant" }, ic = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, ac = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, oc = ["onClick"], sc = ["onClick"], cc = { class: "truncate text-label-small font-medium" }, lc = { class: "truncate text-label-small opacity-70" }, uc = /* @__PURE__ */ T({
 	__name: "MScheduler",
 	props: {
 		events: { default: () => [] },
@@ -6320,8 +6391,8 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			error: "bg-error-container text-on-error-container border-error/30",
 			success: "bg-success-container text-on-success-container border-success/30"
 		};
-		return (n, r) => (P(), b("div", Ks, [x("div", qs, [
-			x("div", Js, [
+		return (n, r) => (P(), b("div", Ys, [x("div", Xs, [
+			x("div", Zs, [
 				w(e, {
 					icon: "chevron_left",
 					label: t.prevLabel ?? U(i).previous,
@@ -6340,17 +6411,17 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 					onClick: T
 				}, H(t.todayLabel ?? U(i).today), 1)
 			]),
-			x("h3", Ys, H(S.value), 1),
-			x("div", Xs, [(P(), b(p, null, R(["day", "week"], (e) => x("button", {
+			x("h3", Qs, H(S.value), 1),
+			x("div", $s, [(P(), b(p, null, R(["day", "week"], (e) => x("button", {
 				key: e,
 				type: "button",
 				class: k(["cursor-pointer rounded-full px-3 py-1 text-label-medium transition-all duration-150", c.value === e ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : "text-on-surface-variant hover:bg-on-surface/8"]),
 				onClick: (t) => c.value = e
-			}, H(e === "day" ? t.dayViewLabel ?? U(i).dayView : t.weekViewLabel ?? U(i).weekView), 11, Zs)), 64))])
-		]), x("div", Qs, [x("table", $s, [x("thead", null, [x("tr", null, [r[2] ||= x("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (P(!0), b(p, null, R(f.value, (e) => (P(), b("th", {
+			}, H(e === "day" ? t.dayViewLabel ?? U(i).dayView : t.weekViewLabel ?? U(i).weekView), 11, ec)), 64))])
+		]), x("div", tc, [x("table", nc, [x("thead", null, [x("tr", null, [r[2] ||= x("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (P(!0), b(p, null, R(f.value, (e) => (P(), b("th", {
 			key: h(e),
 			class: k(["sticky top-0 z-10 border-b border-r border-outline-variant bg-surface-container px-2 py-2 text-center last:border-r-0", h(e) === U(m) ? "bg-primary-container/30" : ""])
-		}, [x("div", ec, H(U(g).format(e)), 1), x("div", { class: k(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", h(e) === U(m) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, H(U(v).format(e)), 3)], 2))), 128))])]), x("tbody", null, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("tr", { key: e }, [x("td", tc, [x("span", nc, H(String(e).padStart(2, "0")) + ":00 ", 1)]), (P(!0), b(p, null, R(f.value, (t) => (P(), b("td", {
+		}, [x("div", rc, H(U(g).format(e)), 1), x("div", { class: k(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", h(e) === U(m) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, H(U(v).format(e)), 3)], 2))), 128))])]), x("tbody", null, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("tr", { key: e }, [x("td", ic, [x("span", ac, H(String(e).padStart(2, "0")) + ":00 ", 1)]), (P(!0), b(p, null, R(f.value, (t) => (P(), b("td", {
 			key: h(t),
 			class: k(["relative h-14 border-r border-b border-outline-variant/50 p-0 last:border-r-0", h(t) === U(m) ? "bg-primary-container/5" : ""]),
 			onClick: (n) => o("slotClick", {
@@ -6363,9 +6434,9 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			class: k(["absolute inset-x-0.5 top-0.5 z-5 cursor-pointer overflow-hidden rounded border-l-[3px] px-2 py-1 text-left transition-opacity hover:opacity-90", M[t.color ?? "primary"]]),
 			style: A({ height: `calc(${O(t) * 100}% - 4px)` }),
 			onClick: Q((e) => o("eventClick", t), ["stop"])
-		}, [x("p", ac, H(t.title), 1), x("p", oc, H(j(t)), 1)], 14, ic)) : y("", !0)], 64))), 128))], 10, rc))), 128))]))), 128))])])])]));
+		}, [x("p", cc, H(t.title), 1), x("p", lc, H(j(t)), 1)], 14, sc)) : y("", !0)], 64))), 128))], 10, oc))), 128))]))), 128))])])])]));
 	}
-}), cc = /* @__PURE__ */ T({
+}), dc = /* @__PURE__ */ T({
 	__name: "MScrollable",
 	props: {
 		direction: { default: "vertical" },
@@ -6386,13 +6457,13 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			style: A(i.value)
 		}, [z(e.$slots, "default")], 6));
 	}
-}), lc = { key: 0 }, uc = { class: "flex items-start justify-between" }, dc = {
+}), fc = { key: 0 }, pc = { class: "flex items-start justify-between" }, mc = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, fc = {
+}, hc = {
 	key: 0,
 	class: "mt-4 h-px bg-outline-variant"
-}, pc = /* @__PURE__ */ T({
+}, gc = /* @__PURE__ */ T({
 	__name: "MSection",
 	props: {
 		title: {},
@@ -6429,19 +6500,19 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			"label-medium": "text-label-medium",
 			"label-small": "text-label-small"
 		}, i = _(() => n[t.gap]), a = _(() => [r[t.titleVariant], "font-medium"]);
-		return (t, n) => (P(), b("section", { class: k(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (P(), b("div", lc, [x("div", uc, [x("div", null, [z(t.$slots, "title", {}, () => [e.title ? (P(), b("p", {
+		return (t, n) => (P(), b("section", { class: k(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (P(), b("div", fc, [x("div", pc, [x("div", null, [z(t.$slots, "title", {}, () => [e.title ? (P(), b("p", {
 			key: 0,
 			class: k(a.value)
-		}, H(e.title), 3)) : y("", !0)]), z(t.$slots, "subtitle", {}, () => [e.subtitle ? (P(), b("p", dc, H(e.subtitle), 1)) : y("", !0)])]), z(t.$slots, "actions")]), e.divider ? (P(), b("div", fc)) : y("", !0)])) : y("", !0), z(t.$slots, "default")], 2));
+		}, H(e.title), 3)) : y("", !0)]), z(t.$slots, "subtitle", {}, () => [e.subtitle ? (P(), b("p", mc, H(e.subtitle), 1)) : y("", !0)])]), z(t.$slots, "actions")]), e.divider ? (P(), b("div", hc)) : y("", !0)])) : y("", !0), z(t.$slots, "default")], 2));
 	}
-}), mc = {
+}), _c = {
 	class: "inline-flex overflow-hidden rounded-full border border-outline",
 	role: "group"
-}, hc = [
+}, vc = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
-], gc = /* @__PURE__ */ T({
+], yc = /* @__PURE__ */ T({
 	__name: "MSegmentedButton",
 	props: {
 		modelValue: {},
@@ -6465,7 +6536,7 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				i >= 0 ? r.splice(i, 1) : r.push(e.value), n("update:modelValue", r);
 			} else n("update:modelValue", e.value);
 		}
-		return (t, n) => (P(), b("div", mc, [(P(!0), b(p, null, R(e.options, (t, n) => (P(), b("button", {
+		return (t, n) => (P(), b("div", _c, [(P(!0), b(p, null, R(e.options, (t, n) => (P(), b("button", {
 			key: t.value,
 			type: "button",
 			class: k(["relative inline-flex items-center justify-center gap-2 text-label-large font-medium transition-[background-color,color] duration-150 outline-none before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 enabled:hover:before:opacity-[0.08] enabled:active:before:opacity-[0.12]", [
@@ -6486,32 +6557,32 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			key: 1,
 			name: t.icon,
 			size: 18
-		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, hc))), 128))]));
+		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, vc))), 128))]));
 	}
-}), _c = { class: "flex flex-col gap-1" }, vc = [
+}), bc = { class: "flex flex-col gap-1" }, xc = [
 	"id",
 	"tabindex",
 	"aria-expanded",
 	"aria-disabled"
-], yc = {
+], Sc = {
 	key: 0,
 	class: "text-on-surface"
-}, bc = ["for"], xc = {
+}, Cc = ["for"], wc = {
 	key: 0,
 	class: "text-error"
-}, Sc = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 flex h-6 items-center" }, Cc = {
+}, Tc = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 flex h-6 items-center" }, Ec = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, wc = {
+}, Dc = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Tc = ["onClick"], Ec = {
+}, Oc = ["onClick"], kc = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, Dc = {
+}, Ac = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, Oc = /* @__PURE__ */ T({
+}, jc = /* @__PURE__ */ T({
 	__name: "MSelect",
 	props: {
 		modelValue: { default: void 0 },
@@ -6622,7 +6693,7 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				o.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (P(), b(p, null, [x("div", _c, [x("div", {
+		return (t, n) => (P(), b(p, null, [x("div", bc, [x("div", {
 			ref_key: "fieldEl",
 			ref: s,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -6644,11 +6715,11 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				class: k([I.value, e.disabled ? "pointer-events-none opacity-[0.38]" : ""]),
 				onClick: E,
 				onKeydown: F
-			}, [g.value ? (P(), b("span", yc, H(S.value), 1)) : y("", !0)], 42, vc),
+			}, [g.value ? (P(), b("span", Sc, H(S.value), 1)) : y("", !0)], 42, xc),
 			x("label", {
 				for: U(a),
 				class: k(B.value)
-			}, [C(H(e.label), 1), e.required ? (P(), b("span", xc, "\xA0*")) : y("", !0)], 10, bc),
+			}, [C(H(e.label), 1), e.required ? (P(), b("span", wc, "\xA0*")) : y("", !0)], 10, Cc),
 			e.clearable && g.value && !e.disabled ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -6660,12 +6731,12 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				name: "close",
 				size: 18
 			})])) : y("", !0),
-			x("div", Sc, [w(d, {
+			x("div", Tc, [w(d, {
 				name: o.value ? "arrow_drop_up" : "arrow_drop_down",
 				size: 24,
 				class: "text-on-surface-variant transition-transform duration-200"
 			}, null, 8, ["name"])])
-		], 6), e.error ? (P(), b("p", Cc, H(e.error), 1)) : e.hint ? (P(), b("p", wc, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
+		], 6), e.error ? (P(), b("p", Ec, H(e.error), 1)) : e.hint ? (P(), b("p", Dc, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
 			"enter-active-class": "transition-[opacity,transform] duration-150",
 			"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
 			"enter-to-class": "opacity-100 translate-y-0 scale-100",
@@ -6688,20 +6759,20 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				name: "check",
 				size: 18,
 				class: "shrink-0 text-primary"
-			})) : (P(), b("span", Ec)), C(" " + H(t.label), 1)], 10, Tc))), 128)), e.options.length ? y("", !0) : (P(), b("p", Dc, " Sin opciones "))], 4)) : y("", !0)]),
+			})) : (P(), b("span", kc)), C(" " + H(t.label), 1)], 10, Oc))), 128)), e.options.length ? y("", !0) : (P(), b("p", Ac, " Sin opciones "))], 4)) : y("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), kc = {
+}), Mc = {
 	key: 0,
 	class: "fixed inset-0 z-200 flex justify-end"
-}, Ac = {
+}, Nc = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between border-b border-outline-variant px-6 py-4"
-}, jc = { class: "text-title-large text-on-surface" }, Mc = { class: "flex-1 overflow-y-auto px-6 py-4" }, Nc = {
+}, Pc = { class: "text-title-large text-on-surface" }, Fc = { class: "flex-1 overflow-y-auto px-6 py-4" }, Ic = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, Pc = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Lc = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSideSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -6731,7 +6802,7 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				leave: 280
 			}
 		}, {
-			default: X(() => [e.modelValue ? (P(), b("div", kc, [x("div", {
+			default: X(() => [e.modelValue ? (P(), b("div", Mc, [x("div", {
 				class: "ss-scrim absolute inset-0 bg-black/40",
 				onClick: r
 			}), x("aside", {
@@ -6744,7 +6815,7 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 					onPointermove: c,
 					onPointerup: l
 				}, null, 32),
-				e.title || t.$slots.header ? (P(), b("div", Ac, [z(t.$slots, "header", {}, () => [x("h2", jc, H(e.title), 1)], !0), x("button", {
+				e.title || t.$slots.header ? (P(), b("div", Nc, [z(t.$slots, "header", {}, () => [x("h2", Pc, H(e.title), 1)], !0), x("button", {
 					type: "button",
 					class: "flex h-9 w-9 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
 					onClick: r
@@ -6752,16 +6823,16 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 					name: "close",
 					size: 20
 				})])])) : y("", !0),
-				x("div", Mc, [z(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (P(), b("div", Nc, [z(t.$slots, "actions", {}, void 0, !0)])) : y("", !0)
+				x("div", Fc, [z(t.$slots, "default", {}, void 0, !0)]),
+				t.$slots.actions ? (P(), b("div", Ic, [z(t.$slots, "actions", {}, void 0, !0)])) : y("", !0)
 			], 6)])) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ba5b6f4b"]]), Fc = {
+}), [["__scopeId", "data-v-ba5b6f4b"]]), Rc = {
 	key: 0,
 	class: "flex flex-col gap-2.5"
-}, Ic = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, zc = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSkeleton",
 	props: {
 		variant: { default: "text" },
@@ -6771,7 +6842,7 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 		animation: { default: "pulse" }
 	},
 	setup(e) {
-		return (t, n) => e.variant === "text" && e.lines > 1 ? (P(), b("div", Fc, [(P(!0), b(p, null, R(e.lines, (t) => (P(), b("div", {
+		return (t, n) => e.variant === "text" && e.lines > 1 ? (P(), b("div", Rc, [(P(!0), b(p, null, R(e.lines, (t) => (P(), b("div", {
 			key: t,
 			class: k(["h-3.5 rounded-full bg-on-surface/10", e.animation === "pulse" ? "animate-pulse" : e.animation === "wave" ? "skeleton-wave" : ""]),
 			style: A({ width: t === e.lines ? "60%" : e.width ?? "100%" })
@@ -6784,21 +6855,21 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			})
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-32ecf05b"]]), Lc = { class: "flex flex-col gap-1 select-none" }, Rc = {
+}), [["__scopeId", "data-v-32ecf05b"]]), Bc = { class: "flex flex-col gap-1 select-none" }, Vc = {
 	key: 0,
 	class: "flex items-center justify-between"
-}, zc = {
+}, Hc = {
 	key: 0,
 	class: "text-label-large text-on-surface"
-}, Bc = {
+}, Uc = {
 	key: 1,
 	class: "tabular-nums text-label-large text-on-surface-variant"
-}, Vc = [
+}, Wc = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-disabled"
-], Hc = /* @__PURE__ */ T({
+], Gc = /* @__PURE__ */ T({
 	__name: "MSlider",
 	props: {
 		modelValue: {},
@@ -6880,7 +6951,7 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			transform: `translateX(-50%) translateY(-50%) scale(${a.value ? 1.15 : 1})`,
 			transition: a.value ? "transform 80ms ease" : "left 75ms ease, transform 80ms ease"
 		}));
-		return (t, n) => (P(), b("div", Lc, [e.label || e.showValue ? (P(), b("div", Rc, [e.label ? (P(), b("span", zc, H(e.label), 1)) : y("", !0), e.showValue ? (P(), b("span", Bc, H(e.modelValue), 1)) : y("", !0)])) : y("", !0), x("div", {
+		return (t, n) => (P(), b("div", Bc, [e.label || e.showValue ? (P(), b("div", Vc, [e.label ? (P(), b("span", Hc, H(e.label), 1)) : y("", !0), e.showValue ? (P(), b("span", Uc, H(e.modelValue), 1)) : y("", !0)])) : y("", !0), x("div", {
 			ref_key: "trackEl",
 			ref: i,
 			role: "slider",
@@ -6901,9 +6972,9 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 		}, null, 6)], 2), x("div", {
 			class: k(["pointer-events-none absolute h-5 w-5 rounded-full shadow-elevation-1", s[e.color].thumb]),
 			style: A(m.value)
-		}, null, 6)], 42, Vc)]));
+		}, null, 6)], 42, Wc)]));
 	}
-}), Uc = { class: "flex-1 text-body-medium leading-snug" }, Wc = { class: "flex shrink-0 items-center gap-0.5" }, Gc = ["onClick"], Kc = ["aria-label", "onClick"], qc = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}), Kc = { class: "flex-1 text-body-medium leading-snug" }, qc = { class: "flex shrink-0 items-center gap-0.5" }, Jc = ["onClick"], Yc = ["aria-label", "onClick"], Xc = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSnackbar",
 	props: { closeAriaLabel: {} },
 	setup(e) {
@@ -6964,15 +7035,15 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 					size: 20,
 					class: k(["shrink-0", n.color ? "" : l(n.variant).icon])
 				}, null, 8, ["name", "class"]),
-				x("p", Uc, H(n.message), 1),
-				x("div", Wc, [n.action ? (P(), b("button", {
+				x("p", Kc, H(n.message), 1),
+				x("div", qc, [n.action ? (P(), b("button", {
 					key: 0,
 					type: "button",
 					class: k(["cursor-pointer rounded px-2 py-1 text-label-medium font-semibold transition-colors", n.color ? "text-white/90 hover:bg-white/15" : l(n.variant).action]),
 					onClick: () => {
 						n.action.onClick(), U(a)(n.id);
 					}
-				}, H(n.action.label), 11, Gc)) : y("", !0), x("button", {
+				}, H(n.action.label), 11, Jc)) : y("", !0), x("button", {
 					type: "button",
 					class: k(["flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors", n.color ? "text-white/60 hover:bg-white/15" : l(n.variant).close]),
 					"aria-label": e.closeAriaLabel ?? U(t).close,
@@ -6980,7 +7051,7 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 				}, [w(d, {
 					name: "close",
 					size: 18
-				})], 10, Kc)]),
+				})], 10, Yc)]),
 				n.duration > 0 ? (P(), b("div", {
 					key: 0,
 					class: k(["absolute right-0 bottom-0 left-0 h-0.5 origin-left", n.color ? "bg-white/30" : l(n.variant).progress]),
@@ -6990,11 +7061,11 @@ var Ls = /*#__PURE__*/ f(Ps, [["render", Is]]), Rs = /* @__PURE__ */ T({
 			_: 1
 		}, 8, ["name"])], 2));
 	}
-}), [["__scopeId", "data-v-64ce9e7c"]]), Jc = {}, Yc = { class: "flex-1" };
-function Xc(e, t) {
-	return P(), b("div", Yc);
+}), [["__scopeId", "data-v-64ce9e7c"]]), Zc = {}, Qc = { class: "flex-1" };
+function $c(e, t) {
+	return P(), b("div", Qc);
 }
-var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
+var el = /*#__PURE__*/ f(Zc, [["render", $c]]), tl = /* @__PURE__ */ T({
 	__name: "MSplitter",
 	props: {
 		direction: { default: "horizontal" },
@@ -7041,26 +7112,26 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			}, [z(e.$slots, "second")], 4)
 		], 2));
 	}
-}), $c = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, el = { class: "flex items-center gap-3 px-5 py-1" }, tl = ["placeholder"], nl = {
+}), nl = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, rl = { class: "flex items-center gap-3 px-5 py-1" }, il = ["placeholder"], al = {
 	key: 0,
 	class: "max-h-96 overflow-y-auto border-t border-outline-variant"
-}, rl = {
+}, ol = {
 	key: 0,
 	class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, il = [
+}, sl = [
 	"data-spot-active",
 	"onClick",
 	"onPointerenter"
-], al = {
+], cl = {
 	key: 0,
 	class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary-container"
-}, ol = { class: "min-w-0 flex-1" }, sl = { class: "truncate text-body-medium text-on-surface" }, cl = {
+}, ll = { class: "min-w-0 flex-1" }, ul = { class: "truncate text-body-medium text-on-surface" }, dl = {
 	key: 0,
 	class: "truncate text-body-small text-on-surface-variant"
-}, ll = {
+}, fl = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10"
-}, ul = { class: "text-body-medium text-on-surface-variant" }, dl = { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, fl = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, pl = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, ml = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, hl = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, pl = { class: "text-body-medium text-on-surface-variant" }, ml = { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, hl = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, gl = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, _l = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, vl = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSpotlightSearch",
 	props: {
 		modelValue: { type: Boolean },
@@ -7124,8 +7195,8 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 pt-[12vh]",
 				onClick: Q(S, ["self"])
-			}, [x("div", $c, [
-				x("div", el, [
+			}, [x("div", nl, [
+				x("div", rl, [
 					w(d, {
 						name: "search",
 						size: 24,
@@ -7139,7 +7210,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 						placeholder: e.placeholder ?? U(r).search,
 						class: "h-14 flex-1 bg-transparent text-title-medium text-on-surface outline-none placeholder:text-on-surface-variant/50",
 						onKeydown: D
-					}, null, 40, tl), [[ee, o.value]]),
+					}, null, 40, il), [[K, o.value]]),
 					e.loading ? (P(), v(c, {
 						key: 0,
 						size: 20,
@@ -7154,7 +7225,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 						size: 18
 					})])) : y("", !0)
 				]),
-				f.value ? (P(), b("div", nl, [e.results.length ? (P(!0), b(p, { key: 0 }, R(g.value, ([t, n]) => (P(), b(p, { key: t }, [t ? (P(), b("p", rl, H(t), 1)) : y("", !0), (P(!0), b(p, null, R(n, (t) => (P(), b("button", {
+				f.value ? (P(), b("div", al, [e.results.length ? (P(!0), b(p, { key: 0 }, R(g.value, ([t, n]) => (P(), b(p, { key: t }, [t ? (P(), b("p", ol, H(t), 1)) : y("", !0), (P(!0), b(p, null, R(n, (t) => (P(), b("button", {
 					key: t.id,
 					type: "button",
 					"data-spot-active": e.results.indexOf(t) === s.value || void 0,
@@ -7162,32 +7233,32 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					onClick: (e) => T(t),
 					onPointerenter: (n) => s.value = e.results.indexOf(t)
 				}, [
-					t.icon ? (P(), b("div", al, [w(d, {
+					t.icon ? (P(), b("div", cl, [w(d, {
 						name: t.icon,
 						size: 20,
 						class: "text-on-primary-container"
 					}, null, 8, ["name"])])) : y("", !0),
-					x("div", ol, [x("p", sl, H(t.title), 1), t.description ? (P(), b("p", cl, H(t.description), 1)) : y("", !0)]),
+					x("div", ll, [x("p", ul, H(t.title), 1), t.description ? (P(), b("p", dl, H(t.description), 1)) : y("", !0)]),
 					w(d, {
 						name: "arrow_forward",
 						size: 16,
 						class: "shrink-0 text-on-surface-variant/40"
 					})
-				], 42, il))), 128))], 64))), 128)) : e.loading ? y("", !0) : (P(), b("div", ll, [w(d, {
+				], 42, sl))), 128))], 64))), 128)) : e.loading ? y("", !0) : (P(), b("div", fl, [w(d, {
 					name: "search_off",
 					size: 40,
 					class: "text-on-surface-variant/40"
-				}), x("p", ul, H(e.noResultsText ?? U(r).noResults), 1)]))])) : y("", !0),
-				x("div", dl, [
-					x("span", fl, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
-					x("span", pl, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.openHint ?? U(r).openHint), 1)]),
-					x("span", ml, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
+				}), x("p", pl, H(e.noResultsText ?? U(r).noResults), 1)]))])) : y("", !0),
+				x("div", ml, [
+					x("span", hl, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
+					x("span", gl, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.openHint ?? U(r).openHint), 1)]),
+					x("span", _l, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
 				])
 			])])) : y("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-1fa0da82"]]), gl = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-1fa0da82"]]), yl = /* @__PURE__ */ T({
 	__name: "MStack",
 	props: {
 		direction: { default: "column" },
@@ -7242,19 +7313,19 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			role: "separator"
 		}, null, 2)) : y("", !0), (P(), v(V(e)))], 64))), 128)) : z(t.$slots, "default", { key: 1 })], 2));
 	}
-}), _l = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, vl = { class: "flex items-start justify-between gap-2" }, yl = { class: "flex min-w-0 flex-col gap-1" }, bl = { class: "truncate text-label-large text-on-surface-variant" }, xl = {
+}), bl = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, xl = { class: "flex items-start justify-between gap-2" }, Sl = { class: "flex min-w-0 flex-col gap-1" }, Cl = { class: "truncate text-label-large text-on-surface-variant" }, wl = {
 	key: 0,
 	class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
-}, Sl = {
+}, Tl = {
 	key: 1,
 	class: "truncate text-headline-medium font-medium text-on-surface"
-}, Cl = {
+}, El = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-x-2 gap-y-1"
-}, wl = {
+}, Dl = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, Tl = /* @__PURE__ */ T({
+}, Ol = /* @__PURE__ */ T({
 	__name: "MStatCard",
 	props: {
 		title: {},
@@ -7273,13 +7344,13 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			error: "bg-error-container text-on-error-container",
 			success: "bg-success-container text-on-success-container"
 		}, r = _(() => t.trend == null ? "" : t.trend > 0 ? "text-success" : t.trend < 0 ? "text-error" : "text-on-surface-variant"), i = _(() => t.trend == null ? "" : t.trend > 0 ? "trending_up" : t.trend < 0 ? "trending_down" : "trending_flat");
-		return (t, a) => (P(), b("div", _l, [x("div", vl, [x("div", yl, [x("span", bl, H(e.title), 1), e.loading ? (P(), b("div", xl)) : (P(), b("span", Sl, H(e.value), 1))]), e.icon ? (P(), b("div", {
+		return (t, a) => (P(), b("div", bl, [x("div", xl, [x("div", Sl, [x("span", Cl, H(e.title), 1), e.loading ? (P(), b("div", wl)) : (P(), b("span", Tl, H(e.value), 1))]), e.icon ? (P(), b("div", {
 			key: 0,
 			class: k(["flex h-11 w-11 shrink-0 items-center justify-center rounded-xl", n[e.color]])
 		}, [w(d, {
 			name: e.icon,
 			size: 24
-		}, null, 8, ["name"])], 2)) : y("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (P(), b("div", Cl, [
+		}, null, 8, ["name"])], 2)) : y("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (P(), b("div", El, [
 			e.trend == null ? y("", !0) : (P(), b("span", {
 				key: 0,
 				class: k(["inline-flex items-center gap-0.5 text-label-medium font-medium", r.value])
@@ -7287,35 +7358,35 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				name: i.value,
 				size: 16
 			}, null, 8, ["name"]), C(" " + H(e.trend > 0 ? "+" : "") + H(e.trend) + "% ", 1)], 2)),
-			e.trendLabel ? (P(), b("span", wl, H(e.trendLabel), 1)) : y("", !0),
+			e.trendLabel ? (P(), b("span", Dl, H(e.trendLabel), 1)) : y("", !0),
 			z(t.$slots, "footer")
 		])) : y("", !0)]));
 	}
-}), El = {
+}), kl = {
 	key: 0,
 	class: "flex w-full items-start"
-}, Dl = ["onClick"], Ol = { key: 3 }, kl = { class: "flex flex-col items-center text-center" }, Al = {
+}, Al = ["onClick"], jl = { key: 3 }, Ml = { class: "flex flex-col items-center text-center" }, Nl = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, jl = {
+}, Pl = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, Ml = {
+}, Fl = {
 	key: 0,
 	class: "mt-[18px] flex flex-1 items-center px-2"
-}, Nl = {
+}, Il = {
 	key: 1,
 	class: "flex flex-col"
-}, Pl = { class: "flex flex-col items-center" }, Fl = ["onClick"], Il = { key: 3 }, Ll = ["onClick"], Rl = {
+}, Ll = { class: "flex flex-col items-center" }, Rl = ["onClick"], zl = { key: 3 }, Bl = ["onClick"], Vl = {
 	key: 0,
 	class: "mt-0.5 text-body-small text-on-surface-variant"
-}, zl = {
+}, Hl = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, Bl = {
+}, Ul = {
 	key: 2,
 	class: "mt-3"
-}, Vl = /* @__PURE__ */ T({
+}, Wl = /* @__PURE__ */ T({
 	__name: "MStepper",
 	props: {
 		steps: {},
@@ -7336,7 +7407,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		function o(e) {
 			a.value && r("update:modelValue", e);
 		}
-		return (t, n) => e.direction === "horizontal" ? (P(), b("div", El, [(P(!0), b(p, null, R(e.steps, (t, n) => (P(), b(p, { key: n }, [x("div", {
+		return (t, n) => e.direction === "horizontal" ? (P(), b("div", kl, [(P(!0), b(p, null, R(e.steps, (t, n) => (P(), b(p, { key: n }, [x("div", {
 			class: k(["flex flex-col items-center gap-2", a.value && i(n) !== "active" ? "cursor-pointer" : ""]),
 			onClick: (e) => o(n)
 		}, [x("div", { class: k(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", {
@@ -7355,18 +7426,18 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			key: 2,
 			name: t.icon,
 			size: 20
-		}, null, 8, ["name"])) : (P(), b("span", Ol, H(n + 1), 1))], 2), x("div", kl, [
+		}, null, 8, ["name"])) : (P(), b("span", jl, H(n + 1), 1))], 2), x("div", Ml, [
 			x("span", { class: k(["text-label-large", {
 				"font-medium text-on-surface": i(n) === "active" || i(n) === "completed",
 				"text-error": i(n) === "error",
 				"text-on-surface-variant": i(n) === "inactive"
 			}]) }, H(t.label), 3),
-			t.description ? (P(), b("span", Al, H(t.description), 1)) : y("", !0),
-			t.optional ? (P(), b("span", jl, " Opcional ")) : y("", !0)
-		])], 10, Dl), n < e.steps.length - 1 ? (P(), b("div", Ml, [x("div", { class: k(["h-px w-full transition-colors duration-300", n < e.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : y("", !0)], 64))), 128))])) : (P(), b("div", Nl, [(P(!0), b(p, null, R(e.steps, (n, r) => (P(), b("div", {
+			t.description ? (P(), b("span", Nl, H(t.description), 1)) : y("", !0),
+			t.optional ? (P(), b("span", Pl, " Opcional ")) : y("", !0)
+		])], 10, Al), n < e.steps.length - 1 ? (P(), b("div", Fl, [x("div", { class: k(["h-px w-full transition-colors duration-300", n < e.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : y("", !0)], 64))), 128))])) : (P(), b("div", Il, [(P(!0), b(p, null, R(e.steps, (n, r) => (P(), b("div", {
 			key: r,
 			class: "flex gap-4"
-		}, [x("div", Pl, [x("div", {
+		}, [x("div", Ll, [x("div", {
 			class: k(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", [{
 				"bg-primary text-on-primary": i(r) === "active" || i(r) === "completed",
 				"bg-error text-on-error": i(r) === "error",
@@ -7385,7 +7456,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			key: 2,
 			name: n.icon,
 			size: 20
-		}, null, 8, ["name"])) : (P(), b("span", Il, H(r + 1), 1))], 10, Fl), r < e.steps.length - 1 ? (P(), b("div", {
+		}, null, 8, ["name"])) : (P(), b("span", zl, H(r + 1), 1))], 10, Rl), r < e.steps.length - 1 ? (P(), b("div", {
 			key: 0,
 			class: k(["my-1 w-px flex-1 transition-colors duration-300", r < e.modelValue ? "bg-primary" : "bg-outline-variant"]),
 			style: { "min-height": "24px" }
@@ -7398,12 +7469,12 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				"text-error": i(r) === "error",
 				"text-on-surface-variant": i(r) === "inactive"
 			}]) }, H(n.label), 3),
-			n.description ? (P(), b("p", Rl, H(n.description), 1)) : y("", !0),
-			n.optional ? (P(), b("p", zl, " Opcional ")) : y("", !0),
-			i(r) === "active" && t.$slots[`step-${r}`] ? (P(), b("div", Bl, [z(t.$slots, `step-${r}`)])) : y("", !0)
-		], 10, Ll)]))), 128))]));
+			n.description ? (P(), b("p", Vl, H(n.description), 1)) : y("", !0),
+			n.optional ? (P(), b("p", Hl, " Opcional ")) : y("", !0),
+			i(r) === "active" && t.$slots[`step-${r}`] ? (P(), b("div", Ul, [z(t.$slots, `step-${r}`)])) : y("", !0)
+		], 10, Bl)]))), 128))]));
 	}
-}), Hl = /* @__PURE__ */ T({
+}), Gl = /* @__PURE__ */ T({
 	__name: "MSticky",
 	props: {
 		top: { default: 0 },
@@ -7421,7 +7492,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		}));
 		return (e, t) => (P(), b("div", { style: A(r.value) }, [z(e.$slots, "default")], 4));
 	}
-}), Ul = /* @__PURE__ */ T({
+}), Kl = /* @__PURE__ */ T({
 	__name: "MText",
 	props: {
 		variant: { default: "body-medium" },
@@ -7501,7 +7572,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Wl = /* @__PURE__ */ T({
+}), ql = /* @__PURE__ */ T({
 	__name: "MSubtitle",
 	props: {
 		size: { default: "large" },
@@ -7515,7 +7586,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			medium: "body-medium",
 			small: "body-small"
 		}, r = _(() => n[t.size]);
-		return (t, n) => (P(), v(Ul, {
+		return (t, n) => (P(), v(Kl, {
 			variant: r.value,
 			color: e.color,
 			align: e.align,
@@ -7530,31 +7601,31 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			"truncate"
 		]));
 	}
-}), Gl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Kl = {
+}), Jl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Yl = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, ql = {
+}, Xl = {
 	key: 0,
 	class: "flex min-w-48 flex-1 items-center gap-2 rounded-full border border-outline-variant bg-surface-container px-3 py-1.5 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30 transition-[border-color,box-shadow] duration-150"
-}, Jl = ["placeholder"], Yl = {
+}, Zl = ["placeholder"], Ql = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, Xl = { class: "overflow-x-auto" }, Zl = { class: "w-full border-collapse" }, Ql = { class: "bg-surface-container-high" }, $l = {
+}, $l = { class: "overflow-x-auto" }, eu = { class: "w-full border-collapse" }, tu = { class: "bg-surface-container-high" }, nu = {
 	key: 0,
 	class: "w-12 px-4 py-3"
-}, eu = ["onClick"], tu = { class: "inline-flex items-center gap-1" }, nu = {
+}, ru = ["onClick"], iu = { class: "inline-flex items-center gap-1" }, au = {
 	key: 0,
 	class: "inline-flex"
-}, ru = {
+}, ou = {
 	key: 1,
 	class: "w-1 px-4 py-3"
-}, iu = {
+}, su = {
 	key: 0,
 	class: "px-4 py-3.5"
-}, au = {
+}, cu = {
 	key: 1,
 	class: "px-4 py-3.5"
-}, ou = { key: 1 }, su = ["colspan"], cu = { class: "text-body-medium text-on-surface-variant" }, lu = ["onClick"], uu = ["onClick"], du = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, fu = /* @__PURE__ */ T({
+}, lu = { key: 1 }, uu = ["colspan"], du = { class: "text-body-medium text-on-surface-variant" }, fu = ["onClick"], pu = ["onClick"], mu = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, hu = /* @__PURE__ */ T({
 	__name: "MTable",
 	props: {
 		columns: {},
@@ -7686,17 +7757,17 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		function V() {
 			I.value ? O.value = O.value.filter((e) => !T.value.some((t) => j(t) === j(e))) : O.value = [...O.value, ...T.value.filter((e) => !N(e))];
 		}
-		let W = _(() => +!!a.selectable + +!!K()["row-actions"]);
+		let W = _(() => +!!a.selectable + +!!ee()["row-actions"]);
 		function G(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
 		function q(e, t) {
 			return `${i[(e * 3 + t) % i.length]}%`;
 		}
-		let Y = K(), Z = _(() => !!Y["row-actions"]);
-		return (t, n) => (P(), b("div", Gl, [
-			e.searchable || t.$slots.toolbar ? (P(), b("div", Kl, [
-				e.searchable ? (P(), b("div", ql, [
+		let Y = ee(), Z = _(() => !!Y["row-actions"]);
+		return (t, n) => (P(), b("div", Jl, [
+			e.searchable || t.$slots.toolbar ? (P(), b("div", Yl, [
+				e.searchable ? (P(), b("div", Xl, [
 					w(d, {
 						name: "search",
 						size: 16,
@@ -7707,7 +7778,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 						type: "text",
 						placeholder: e.searchPlaceholder ?? U(r).search,
 						class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-					}, null, 8, Jl), [[ee, s.value]]),
+					}, null, 8, Zl), [[K, s.value]]),
 					s.value ? (P(), b("button", {
 						key: 0,
 						class: "text-on-surface-variant transition-colors hover:text-on-surface",
@@ -7724,12 +7795,12 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: X(() => [e.selectable && O.value.length > 0 ? (P(), b("span", Yl, H(O.value.length) + " " + H(e.selectedText ?? U(r).selectedCount) + H(O.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
+					default: X(() => [e.selectable && O.value.length > 0 ? (P(), b("span", Ql, H(O.value.length) + " " + H(e.selectedText ?? U(r).selectedCount) + H(O.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
 					_: 1
 				})
 			])) : y("", !0),
-			x("div", Xl, [x("table", Zl, [x("thead", null, [x("tr", Ql, [
-				e.selectable ? (P(), b("th", $l, [w(Ft, {
+			x("div", $l, [x("table", eu, [x("thead", null, [x("tr", tu, [
+				e.selectable ? (P(), b("th", nu, [w(Rt, {
 					"model-value": I.value,
 					indeterminate: B.value,
 					"onUpdate:modelValue": V
@@ -7743,7 +7814,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 						e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (t) => e.sortable ? u(e.key) : void 0
-				}, [x("span", tu, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", nu, [c.value === e.key && l.value === "asc" ? (P(), v(d, {
+				}, [x("span", iu, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", au, [c.value === e.key && l.value === "asc" ? (P(), v(d, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -7758,13 +7829,13 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					name: "unfold_more",
 					size: 14,
 					class: "opacity-30"
-				}))])) : y("", !0)])], 14, eu))), 128)),
-				Z.value ? (P(), b("th", ru)) : y("", !0)
+				}))])) : y("", !0)])], 14, ru))), 128)),
+				Z.value ? (P(), b("th", ou)) : y("", !0)
 			])]), x("tbody", null, [e.loading ? (P(!0), b(p, { key: 0 }, R(e.perPage, (t) => (P(), b("tr", {
 				key: `sk-${t}`,
 				class: "border-t border-outline-variant"
 			}, [
-				e.selectable ? (P(), b("td", iu, [...n[4] ||= [x("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : y("", !0),
+				e.selectable ? (P(), b("td", su, [...n[4] ||= [x("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : y("", !0),
 				(P(!0), b(p, null, R(e.columns, (e, n) => (P(), b("td", {
 					key: e.key,
 					class: "px-4 py-3.5"
@@ -7772,15 +7843,15 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					class: "h-4 animate-pulse rounded-full bg-on-surface/10",
 					style: A({ width: q(t, n) })
 				}, null, 4)]))), 128)),
-				Z.value ? (P(), b("td", au, [...n[5] ||= [x("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : y("", !0)
-			]))), 128)) : T.value.length === 0 ? (P(), b("tr", ou, [x("td", {
+				Z.value ? (P(), b("td", cu, [...n[5] ||= [x("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : y("", !0)
+			]))), 128)) : T.value.length === 0 ? (P(), b("tr", lu, [x("td", {
 				colspan: e.columns.length + W.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [z(t.$slots, "empty", {}, () => [w(d, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), x("p", cu, H(e.emptyText ?? U(r).noResults), 1)])], 8, su)])) : (P(!0), b(p, { key: 2 }, R(T.value, (r) => (P(), b("tr", {
+			}), x("p", du, H(e.emptyText ?? U(r).noResults), 1)])], 8, uu)])) : (P(!0), b(p, { key: 2 }, R(T.value, (r) => (P(), b("tr", {
 				key: j(r),
 				class: k([
 					"border-t border-outline-variant transition-colors duration-100",
@@ -7794,10 +7865,10 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					key: 0,
 					class: "px-4 py-3",
 					onClick: Q((e) => F(r), ["stop"])
-				}, [w(Ft, {
+				}, [w(Rt, {
 					"model-value": N(r),
 					"onUpdate:modelValue": (e) => F(r)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, uu)) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, pu)) : y("", !0),
 				(P(!0), b(p, null, R(e.columns, (e) => (P(), b("td", {
 					key: e.key,
 					class: k(["px-4 py-3 text-body-medium text-on-surface", G(e.align)])
@@ -7811,8 +7882,8 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					class: "px-4 py-3 text-right",
 					onClick: n[2] ||= Q(() => {}, ["stop"])
 				}, [z(t.$slots, "row-actions", { row: r })])) : y("", !0)
-			], 10, lu))), 128))])])]),
-			x("div", du, [w(Sn, {
+			], 10, fu))), 128))])])]),
+			x("div", mu, [w(Tn, {
 				page: m.value,
 				"per-page": e.perPage,
 				total: S.value,
@@ -7824,21 +7895,21 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			])])
 		]));
 	}
-}), pu = { class: "flex flex-col gap-1" }, mu = ["id"], hu = ["onClick"], gu = [
+}), gu = { class: "flex flex-col gap-1" }, _u = ["id"], vu = ["onClick"], yu = [
 	"value",
 	"placeholder",
 	"disabled",
 	"readonly"
-], _u = {
+], bu = {
 	key: 0,
 	class: "text-error"
-}, vu = {
+}, xu = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, yu = {
+}, Su = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, bu = /* @__PURE__ */ T({
+}, Cu = /* @__PURE__ */ T({
 	__name: "MTagInput",
 	props: {
 		modelValue: { default: () => [] },
@@ -7926,7 +7997,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				o.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (P(), b("div", pu, [x("div", {
+		return (t, n) => (P(), b("div", gu, [x("div", {
 			ref_key: "fieldEl",
 			ref: c,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -7954,7 +8025,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			}, [w(d, {
 				name: "close",
 				size: 12
-			})], 8, hu))]))), 128)), x("input", {
+			})], 8, vu))]))), 128)), x("input", {
 				ref_key: "inputEl",
 				ref: l,
 				value: s.value,
@@ -7968,8 +8039,8 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				onPaste: T,
 				onFocus: n[0] ||= (e) => o.value = !0,
 				onBlur: n[1] ||= (e) => o.value = !1
-			}, null, 40, gu)], 10, mu),
-			x("label", { class: k(O.value) }, [C(H(e.label), 1), e.required ? (P(), b("span", _u, "\xA0*")) : y("", !0)], 2),
+			}, null, 40, yu)], 10, _u),
+			x("label", { class: k(O.value) }, [C(H(e.label), 1), e.required ? (P(), b("span", bu, "\xA0*")) : y("", !0)], 2),
 			e.clearable && f.value && !e.disabled ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -7981,18 +8052,18 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				name: "close",
 				size: 18
 			})])) : y("", !0)
-		], 6), e.error ? (P(), b("p", vu, H(e.error), 1)) : e.hint ? (P(), b("p", yu, H(e.hint), 1)) : y("", !0)]));
+		], 6), e.error ? (P(), b("p", xu, H(e.error), 1)) : e.hint ? (P(), b("p", Su, H(e.hint), 1)) : y("", !0)]));
 	}
-}), xu = {
+}), wu = {
 	key: 0,
 	class: "relative border-b border-outline-variant"
-}, Su = {
+}, Tu = {
 	class: "flex overflow-x-auto",
 	style: { "scrollbar-width": "none" }
-}, Cu = ["disabled", "onClick"], wu = {
+}, Eu = ["disabled", "onClick"], Du = {
 	key: 1,
 	class: "flex flex-wrap gap-1 rounded-full bg-surface-container p-1"
-}, Tu = ["disabled", "onClick"], Eu = /* @__PURE__ */ T({
+}, Ou = ["disabled", "onClick"], ku = /* @__PURE__ */ T({
 	__name: "MTabs",
 	props: {
 		modelValue: {},
@@ -8012,7 +8083,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		function c(e) {
 			e.disabled || r("update:modelValue", e.value);
 		}
-		return (t, n) => e.variant === "primary" ? (P(), b("div", xu, [x("div", Su, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
+		return (t, n) => e.variant === "primary" ? (P(), b("div", wu, [x("div", Tu, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
 			key: t.value,
 			ref_for: !0,
 			ref: (n) => {
@@ -8026,13 +8097,13 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			key: 0,
 			name: t.icon,
 			size: 20
-		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Cu))), 128))]), x("div", {
+		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Eu))), 128))]), x("div", {
 			class: "absolute bottom-0 h-[3px] rounded-t-sm bg-primary transition-[left,width] duration-200 ease-[cubic-bezier(0.2,0,0,1)]",
 			style: A({
 				left: `${a.value}px`,
 				width: `${o.value}px`
 			})
-		}, null, 4)])) : (P(), b("div", wu, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
+		}, null, 4)])) : (P(), b("div", Du, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
 			key: t.value,
 			type: "button",
 			class: k(["flex h-8 items-center gap-2 rounded-full px-4 text-label-large transition-all duration-150 focus-visible:outline-none", t.value === e.modelValue ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : t.disabled ? "cursor-not-allowed text-on-surface/38" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8 hover:text-on-surface"]),
@@ -8042,27 +8113,27 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			key: 0,
 			name: t.icon,
 			size: 16
-		}, null, 8, ["name"])) : y("", !0), C(" " + H(t.label), 1)], 10, Tu))), 128))]));
+		}, null, 8, ["name"])) : y("", !0), C(" " + H(t.label), 1)], 10, Ou))), 128))]));
 	}
-}), Du = { class: "flex flex-col items-center" }, Ou = { class: "flex items-baseline justify-between gap-2" }, ku = { class: "text-body-large font-medium text-on-surface" }, Au = {
+}), Au = { class: "flex flex-col items-center" }, ju = { class: "flex items-baseline justify-between gap-2" }, Mu = { class: "text-body-large font-medium text-on-surface" }, Nu = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, ju = {
+}, Pu = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, Mu = {
+}, Fu = {
 	key: 1,
 	class: "mt-2"
-}, Nu = { class: "text-body-large font-medium text-on-surface" }, Pu = {
+}, Iu = { class: "text-body-large font-medium text-on-surface" }, Lu = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, Fu = {
+}, Ru = {
 	key: 1,
 	class: "mt-1 inline-block text-label-small text-on-surface-variant"
-}, Iu = { class: "flex w-14 shrink-0 flex-col items-center" }, Lu = {
+}, zu = { class: "flex w-14 shrink-0 flex-col items-center" }, Bu = {
 	key: 0,
 	class: "w-[2px] flex-1 bg-outline-variant"
-}, Ru = /* @__PURE__ */ T({
+}, Vu = /* @__PURE__ */ T({
 	__name: "MTimeline",
 	props: {
 		items: {},
@@ -8088,23 +8159,23 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			class: k(["flex items-stretch", i % 2 == 0 ? "flex-row" : "flex-row-reverse"])
 		}, [
 			x("div", { class: k(["flex-1", [i % 2 == 0 ? "text-right" : "text-left", e.dense ? "pb-4" : "pb-8"]]) }, [
-				x("p", Nu, H(n.title), 1),
-				n.description ? (P(), b("p", Pu, H(n.description), 1)) : y("", !0),
-				n.date ? (P(), b("span", Fu, H(n.date), 1)) : y("", !0)
+				x("p", Iu, H(n.title), 1),
+				n.description ? (P(), b("p", Lu, H(n.description), 1)) : y("", !0),
+				n.date ? (P(), b("span", Ru, H(n.date), 1)) : y("", !0)
 			], 2),
-			x("div", Iu, [x("div", {
+			x("div", zu, [x("div", {
 				class: k(["z-1 flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3.5 w-3.5", t[n.color ?? "primary"]]]),
 				style: A(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
 			}, [n.icon ? (P(), v(d, {
 				key: 0,
 				name: n.icon,
 				size: 18
-			}, null, 8, ["name"])) : y("", !0)], 6), i < e.items.length - 1 ? (P(), b("div", Lu)) : y("", !0)]),
+			}, null, 8, ["name"])) : y("", !0)], 6), i < e.items.length - 1 ? (P(), b("div", Bu)) : y("", !0)]),
 			r[0] ||= x("div", { class: "flex-1" }, null, -1)
 		], 2))), 128)) : (P(!0), b(p, { key: 0 }, R(e.items, (r, i) => (P(), b("div", {
 			key: i,
 			class: k(["relative flex gap-4", e.dense ? "pb-4" : "pb-8"])
-		}, [x("div", Du, [x("div", {
+		}, [x("div", Au, [x("div", {
 			class: k(["z-1 flex shrink-0 items-center justify-center rounded-full", [r.icon ? "h-9 w-9" : "h-3 w-3", t[r.color ?? "primary"]]]),
 			style: A(r.dotColor ? { backgroundColor: r.dotColor } : void 0)
 		}, [r.icon ? (P(), v(d, {
@@ -8116,30 +8187,30 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			class: k(["w-[2px] flex-1", t[r.color ?? "primary"].split(" ")[0] + "/30"]),
 			style: { "min-height": "16px" }
 		}, null, 2)) : y("", !0)]), x("div", { class: k([r.icon ? "" : "pt-0", "-mt-0.5 flex-1"]) }, [
-			x("div", Ou, [x("p", ku, H(r.title), 1), r.date ? (P(), b("span", Au, H(r.date), 1)) : y("", !0)]),
-			r.description ? (P(), b("p", ju, H(r.description), 1)) : y("", !0),
-			n.$slots[`item-${i}`] ? (P(), b("div", Mu, [z(n.$slots, `item-${i}`, { item: r })])) : y("", !0)
+			x("div", ju, [x("p", Mu, H(r.title), 1), r.date ? (P(), b("span", Nu, H(r.date), 1)) : y("", !0)]),
+			r.description ? (P(), b("p", Pu, H(r.description), 1)) : y("", !0),
+			n.$slots[`item-${i}`] ? (P(), b("div", Fu, [z(n.$slots, `item-${i}`, { item: r })])) : y("", !0)
 		], 2)], 2))), 128))], 2));
 	}
-}), zu = { class: "flex flex-col gap-1" }, Bu = {
+}), Hu = { class: "flex flex-col gap-1" }, Uu = {
 	key: 0,
 	class: "flex-1 font-mono text-on-surface"
-}, Vu = {
+}, Wu = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Hu = {
+}, Gu = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Uu = {
+}, Ku = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Wu = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Gu = { class: "p-3" }, Ku = {
+}, qu = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Ju = { class: "p-3" }, Yu = {
 	key: 0,
 	class: "grid grid-cols-6 gap-1"
-}, qu = ["onClick"], Ju = {
+}, Xu = ["onClick"], Zu = {
 	key: 1,
 	class: "grid grid-cols-6 gap-1"
-}, Yu = ["onClick"], Xu = /* @__PURE__ */ T({
+}, Qu = ["onClick"], $u = /* @__PURE__ */ T({
 	__name: "MTimePicker",
 	props: {
 		modelValue: {},
@@ -8217,7 +8288,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			e ? (u.value = "hour", C.value = S.value.h, T.value = S.value.m, B(), setTimeout(() => document.addEventListener("mousedown", V), 0)) : document.removeEventListener("mousedown", V);
 		}), M(() => window.addEventListener("scroll", W, !0)), N(() => {
 			window.removeEventListener("scroll", W, !0), document.removeEventListener("mousedown", V);
-		}), (t, n) => (P(), b("div", zu, [
+		}), (t, n) => (P(), b("div", Hu, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: c,
@@ -8233,7 +8304,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				z.value ? (P(), b("span", Bu, H(z.value), 1)) : (P(), b("span", Vu, H(e.label || e.placeholder || U(a).selectTime), 1)),
+				z.value ? (P(), b("span", Uu, H(z.value), 1)) : (P(), b("span", Wu, H(e.label || e.placeholder || U(a).selectTime), 1)),
 				e.modelValue ? (P(), v(d, {
 					key: 2,
 					name: "close",
@@ -8245,7 +8316,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", s.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
 			}, H(e.label), 3)) : y("", !0)], 4),
-			e.error ? (P(), b("p", Hu, H(e.error), 1)) : e.hint ? (P(), b("p", Uu, H(e.hint), 1)) : y("", !0),
+			e.error ? (P(), b("p", Gu, H(e.error), 1)) : e.hint ? (P(), b("p", Ku, H(e.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -8258,7 +8329,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					ref: l,
 					class: "fixed z-500 w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
 					style: A(f.value)
-				}, [x("div", Wu, [
+				}, [x("div", qu, [
 					x("button", {
 						type: "button",
 						class: k(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "hour" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
@@ -8270,22 +8341,22 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 						class: k(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "minute" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
 						onClick: n[2] ||= (e) => u.value = "minute"
 					}, H(O(T.value)), 3)
-				]), x("div", Gu, [u.value === "hour" ? (P(), b("div", Ku, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("button", {
+				]), x("div", Ju, [u.value === "hour" ? (P(), b("div", Yu, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("button", {
 					key: e,
 					type: "button",
 					class: k(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === C.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => j(e)
-				}, H(O(e)), 11, qu))), 128))])) : (P(), b("div", Ju, [(P(!0), b(p, null, R(D.value, (e) => (P(), b("button", {
+				}, H(O(e)), 11, Xu))), 128))])) : (P(), b("div", Zu, [(P(!0), b(p, null, R(D.value, (e) => (P(), b("button", {
 					key: e,
 					type: "button",
 					class: k(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === T.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => F(e)
-				}, H(O(e)), 11, Yu))), 128))]))])], 4)) : y("", !0)]),
+				}, H(O(e)), 11, Qu))), 128))]))])], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Zu = /* @__PURE__ */ T({
+}), ed = /* @__PURE__ */ T({
 	__name: "MTitle",
 	props: {
 		size: { default: "large" },
@@ -8299,7 +8370,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			medium: "headline-medium",
 			small: "headline-small"
 		}, r = _(() => n[t.size]);
-		return (t, n) => (P(), v(Ul, {
+		return (t, n) => (P(), v(Kl, {
 			variant: r.value,
 			weight: "medium",
 			color: e.color,
@@ -8315,7 +8386,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			"truncate"
 		]));
 	}
-}), Qu = /* @__PURE__ */ T({
+}), td = /* @__PURE__ */ T({
 	__name: "MTooltip",
 	props: {
 		text: {},
@@ -8384,13 +8455,13 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			_: 1
 		})]))], 64));
 	}
-}), $u = { class: "flex h-16 items-center gap-1 px-4" }, ed = {
+}), nd = { class: "flex h-16 items-center gap-1 px-4" }, rd = {
 	key: 1,
 	class: "flex-1"
-}, td = {
+}, id = {
 	key: 2,
 	class: "flex items-center gap-1"
-}, nd = /* @__PURE__ */ T({
+}, ad = /* @__PURE__ */ T({
 	__name: "MTopAppBar",
 	props: {
 		title: {},
@@ -8401,7 +8472,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 	},
 	emits: ["navigation"],
 	setup(t) {
-		return (n, r) => (P(), b("header", { class: k(["flex w-full flex-col bg-surface transition-shadow", [t.elevated ? "shadow-elevation-2" : "", t.bordered ? "border-b border-outline-variant" : ""]]) }, [x("div", $u, [
+		return (n, r) => (P(), b("header", { class: k(["flex w-full flex-col bg-surface transition-shadow", [t.elevated ? "shadow-elevation-2" : "", t.bordered ? "border-b border-outline-variant" : ""]]) }, [x("div", nd, [
 			z(n.$slots, "navigation", {}, () => [t.navigationIcon ? (P(), v(e, {
 				key: 0,
 				icon: t.navigationIcon,
@@ -8411,14 +8482,14 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			t.variant === "center" || t.variant === "small" ? (P(), b("h1", {
 				key: 0,
 				class: k(["flex flex-1 items-center truncate px-4 text-title-large text-on-surface", t.variant === "center" ? "justify-center" : ""])
-			}, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)) : (P(), b("div", ed)),
-			n.$slots.actions ? (P(), b("div", td, [z(n.$slots, "actions")])) : y("", !0)
+			}, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)) : (P(), b("div", rd)),
+			n.$slots.actions ? (P(), b("div", id, [z(n.$slots, "actions")])) : y("", !0)
 		]), t.variant === "medium" || t.variant === "large" ? (P(), b("div", {
 			key: 0,
 			class: k(["px-4 pb-6", t.variant === "large" ? "pt-4" : "pt-1"])
 		}, [x("h1", { class: k(["text-on-surface", t.variant === "large" ? "text-headline-medium" : "text-headline-small"]) }, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)], 2)) : y("", !0)], 2));
 	}
-}), rd = { class: "mb-2 flex items-center justify-between" }, id = { class: "text-label-small text-on-surface-variant" }, ad = { class: "mb-1 text-title-medium font-medium text-on-surface" }, od = { class: "mb-4 text-body-medium text-on-surface-variant" }, sd = { class: "mb-4 flex justify-center gap-1.5" }, cd = { class: "flex justify-between" }, ld = { key: 1 }, ud = /* @__PURE__ */ T({
+}), od = { class: "mb-2 flex items-center justify-between" }, sd = { class: "text-label-small text-on-surface-variant" }, cd = { class: "mb-1 text-title-medium font-medium text-on-surface" }, ld = { class: "mb-4 text-body-medium text-on-surface-variant" }, ud = { class: "mb-4 flex justify-center gap-1.5" }, dd = { class: "flex justify-between" }, fd = { key: 1 }, pd = /* @__PURE__ */ T({
 	__name: "MTour",
 	props: {
 		modelValue: { type: Boolean },
@@ -8501,7 +8572,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					class: "h-0 w-0",
 					style: A(l.value)
 				}, null, 4),
-				x("div", rd, [x("span", id, H(s.value + 1) + " / " + H(e.steps.length), 1), x("button", {
+				x("div", od, [x("span", sd, H(s.value + 1) + " / " + H(e.steps.length), 1), x("button", {
 					type: "button",
 					class: "flex h-6 w-6 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
 					onClick: W
@@ -8509,13 +8580,13 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					name: "close",
 					size: 16
 				})])]),
-				x("h3", ad, H(f.value.title), 1),
-				x("p", od, H(f.value.content), 1),
-				x("div", sd, [(P(!0), b(p, null, R(e.steps, (e, t) => (P(), b("div", {
+				x("h3", cd, H(f.value.title), 1),
+				x("p", ld, H(f.value.content), 1),
+				x("div", ud, [(P(!0), b(p, null, R(e.steps, (e, t) => (P(), b("div", {
 					key: t,
 					class: k(["h-1.5 rounded-full transition-all duration-200", t === s.value ? "w-6 bg-primary" : "w-1.5 bg-outline-variant"])
 				}, null, 2))), 128))]),
-				x("div", cd, [g.value ? (P(), b("span", ld)) : (P(), v(o, {
+				x("div", dd, [g.value ? (P(), b("span", fd)) : (P(), v(o, {
 					key: 0,
 					variant: "text",
 					onClick: V
@@ -8530,19 +8601,19 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			_: 1
 		})]));
 	}
-}), dd = { class: "flex items-stretch gap-2" }, fd = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, pd = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, md = { class: "text-label-large font-medium text-on-surface" }, hd = { class: "text-label-small text-on-surface-variant" }, gd = {
+}), md = { class: "flex items-stretch gap-2" }, hd = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, gd = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, _d = { class: "text-label-large font-medium text-on-surface" }, vd = { class: "text-label-small text-on-surface-variant" }, yd = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, _d = ["placeholder"], vd = {
+}, bd = ["placeholder"], xd = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, yd = ["onClick"], bd = { class: "flex-1 truncate text-body-medium text-on-surface" }, xd = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Sd = { class: "flex flex-col items-center justify-center gap-1" }, Cd = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, wd = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Td = { class: "text-label-large font-medium text-on-surface" }, Ed = { class: "text-label-small text-on-surface-variant" }, Dd = {
+}, Sd = ["onClick"], Cd = { class: "flex-1 truncate text-body-medium text-on-surface" }, wd = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Td = { class: "flex flex-col items-center justify-center gap-1" }, Ed = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Dd = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Od = { class: "text-label-large font-medium text-on-surface" }, kd = { class: "text-label-small text-on-surface-variant" }, Ad = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, Od = ["placeholder"], kd = {
+}, jd = ["placeholder"], Md = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, Ad = ["onClick"], jd = { class: "flex-1 truncate text-body-medium text-on-surface" }, Md = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Nd = /* @__PURE__ */ T({
+}, Nd = ["onClick"], Pd = { class: "flex-1 truncate text-body-medium text-on-surface" }, Fd = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Id = /* @__PURE__ */ T({
 	__name: "MTransferList",
 	props: {
 		modelValue: {},
@@ -8600,22 +8671,22 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			let e = m.value.map((e) => e.value);
 			o("update:modelValue", a.modelValue.filter((t) => !new Set(e).has(t))), c.value = /* @__PURE__ */ new Set();
 		}
-		return (n, r) => (P(), b("div", dd, [
-			x("div", fd, [
-				x("div", pd, [x("span", md, H(t.sourceTitle ?? U(i).available), 1), x("span", hd, H(f.value.length), 1)]),
-				t.filterable ? (P(), b("div", gd, [te(x("input", {
+		return (n, r) => (P(), b("div", md, [
+			x("div", hd, [
+				x("div", gd, [x("span", _d, H(t.sourceTitle ?? U(i).available), 1), x("span", vd, H(f.value.length), 1)]),
+				t.filterable ? (P(), b("div", yd, [te(x("input", {
 					"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
 					type: "text",
 					placeholder: t.searchPlaceholder ?? U(i).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
-				}, null, 8, _d), [[ee, l.value]])])) : y("", !0),
-				x("div", vd, [(P(!0), b(p, null, R(f.value, (e) => (P(), b("button", {
+				}, null, 8, bd), [[K, l.value]])])) : y("", !0),
+				x("div", xd, [(P(!0), b(p, null, R(f.value, (e) => (P(), b("button", {
 					key: e.value,
 					type: "button",
 					class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
 					onClick: (t) => h(e.value)
 				}, [
-					w(Ft, {
+					w(Rt, {
 						"model-value": s.value.has(e.value),
 						"onUpdate:modelValue": (t) => h(e.value)
 					}, null, 8, ["model-value", "onUpdate:modelValue"]),
@@ -8625,10 +8696,10 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", bd, H(e.label), 1)
-				], 8, yd))), 128)), f.value.length ? y("", !0) : z(n.$slots, "source-empty", { key: 0 }, () => [x("p", xd, H(t.emptyText ?? U(i).noItems), 1)])])
+					x("span", Cd, H(e.label), 1)
+				], 8, Sd))), 128)), f.value.length ? y("", !0) : z(n.$slots, "source-empty", { key: 0 }, () => [x("p", wd, H(t.emptyText ?? U(i).noItems), 1)])])
 			]),
-			x("div", Sd, [
+			x("div", Td, [
 				w(e, {
 					icon: "keyboard_double_arrow_right",
 					label: t.moveAllRightLabel ?? U(i).moveAllRight,
@@ -8660,21 +8731,21 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					onClick: E
 				}, null, 8, ["label", "disabled"])
 			]),
-			x("div", Cd, [
-				x("div", wd, [x("span", Td, H(t.targetTitle ?? U(i).selected), 1), x("span", Ed, H(m.value.length), 1)]),
-				t.filterable ? (P(), b("div", Dd, [te(x("input", {
+			x("div", Ed, [
+				x("div", Dd, [x("span", Od, H(t.targetTitle ?? U(i).selected), 1), x("span", kd, H(m.value.length), 1)]),
+				t.filterable ? (P(), b("div", Ad, [te(x("input", {
 					"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 					type: "text",
 					placeholder: t.searchPlaceholder ?? U(i).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
-				}, null, 8, Od), [[ee, u.value]])])) : y("", !0),
-				x("div", kd, [(P(!0), b(p, null, R(m.value, (e) => (P(), b("button", {
+				}, null, 8, jd), [[K, u.value]])])) : y("", !0),
+				x("div", Md, [(P(!0), b(p, null, R(m.value, (e) => (P(), b("button", {
 					key: e.value,
 					type: "button",
 					class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
 					onClick: (t) => g(e.value)
 				}, [
-					w(Ft, {
+					w(Rt, {
 						"model-value": c.value.has(e.value),
 						"onUpdate:modelValue": (t) => g(e.value)
 					}, null, 8, ["model-value", "onUpdate:modelValue"]),
@@ -8684,18 +8755,18 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", jd, H(e.label), 1)
-				], 8, Ad))), 128)), m.value.length ? y("", !0) : z(n.$slots, "target-empty", { key: 0 }, () => [x("p", Md, H(t.emptyText ?? U(i).noItems), 1)])])
+					x("span", Pd, H(e.label), 1)
+				], 8, Nd))), 128)), m.value.length ? y("", !0) : z(n.$slots, "target-empty", { key: 0 }, () => [x("p", Fd, H(t.emptyText ?? U(i).noItems), 1)])])
 			])
 		]));
 	}
-}), Pd = ["aria-expanded", "aria-selected"], Fd = { class: "flex w-6 shrink-0 items-center justify-center" }, Id = ["disabled"], Ld = {
+}), Ld = ["aria-expanded", "aria-selected"], Rd = { class: "flex w-6 shrink-0 items-center justify-center" }, zd = ["disabled"], Bd = {
 	key: 2,
 	class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
-}, Rd = {
+}, Vd = {
 	key: 0,
 	class: "ml-3 border-l border-outline-variant pl-2"
-}, zd = /* @__PURE__ */ T({
+}, Hd = /* @__PURE__ */ T({
 	__name: "_MTreeNode",
 	props: {
 		node: {},
@@ -8740,7 +8811,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			]),
 			onClick: u
 		}, [
-			x("div", Fd, [r.value ? (P(), b("button", {
+			x("div", Rd, [r.value ? (P(), b("button", {
 				key: 0,
 				type: "button",
 				class: k(["flex h-5 w-5 items-center justify-center rounded text-on-surface-variant transition-transform duration-200", i.value ? "rotate-90" : ""]),
@@ -8749,12 +8820,12 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			}, [w(d, {
 				name: "chevron_right",
 				size: 16
-			})], 10, Id)) : y("", !0)]),
+			})], 10, zd)) : y("", !0)]),
 			U(n).checkable.value ? (P(), b("div", {
 				key: 0,
 				class: "shrink-0",
 				onClick: Q(m, ["stop"])
-			}, [w(Ft, {
+			}, [w(Rt, {
 				"model-value": c.value,
 				indeterminate: l.value,
 				disabled: e.node.disabled,
@@ -8771,7 +8842,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				class: k(["shrink-0 transition-colors", a.value ? "text-primary" : "text-on-surface-variant"])
 			}, null, 8, ["name", "class"])) : y("", !0),
 			x("span", { class: k(["min-w-0 flex-1 truncate text-body-medium transition-colors", a.value ? "font-medium text-primary" : "text-on-surface"]) }, [z(t.$slots, "label", { node: e.node }, () => [C(H(e.node.label), 1)])], 2),
-			r.value && U(n).checkable.value ? (P(), b("span", Ld, H(s.value) + "/" + H(o.value.length), 1)) : y("", !0),
+			r.value && U(n).checkable.value ? (P(), b("span", Bd, H(s.value) + "/" + H(o.value.length), 1)) : y("", !0),
 			z(t.$slots, "trailing", { node: e.node })
 		], 2), w(h, {
 			onEnter: g,
@@ -8779,7 +8850,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			onLeave: O,
 			onAfterLeave: A
 		}, {
-			default: X(() => [i.value && r.value ? (P(), b("div", Rd, [(P(!0), b(p, null, R(e.node.children, (n) => (P(), v(zd, {
+			default: X(() => [i.value && r.value ? (P(), b("div", Vd, [(P(!0), b(p, null, R(e.node.children, (n) => (P(), v(Hd, {
 				key: n.id,
 				node: n,
 				depth: e.depth + 1
@@ -8788,15 +8859,15 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				fn: X((e) => [z(t.$slots, n, D({ ref_for: !0 }, e ?? {}))])
 			}))]), 1032, ["node", "depth"]))), 128))])) : y("", !0)]),
 			_: 3
-		})], 8, Pd));
+		})], 8, Ld));
 	}
-}), Bd = {
+}), Ud = {
 	role: "tree",
 	class: "flex flex-col"
-}, Vd = {
+}, Wd = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
-}, Hd = { class: "text-body-medium" }, Ud = /* @__PURE__ */ T({
+}, Gd = { class: "text-body-medium" }, Kd = /* @__PURE__ */ T({
 	__name: "MTree",
 	props: {
 		nodes: {},
@@ -8862,26 +8933,26 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		return t({
 			expandAll: y,
 			collapseAll: C
-		}), (t, n) => (P(), b("div", Bd, [e.nodes.length ? (P(!0), b(p, { key: 0 }, R(e.nodes, (e) => (P(), v(zd, {
+		}), (t, n) => (P(), b("div", Ud, [e.nodes.length ? (P(!0), b(p, { key: 0 }, R(e.nodes, (e) => (P(), v(Hd, {
 			key: e.id,
 			node: e,
 			depth: 0
 		}, S({ _: 2 }, [R(t.$slots, (e, n) => ({
 			name: n,
 			fn: X((e) => [z(t.$slots, n, D({ ref_for: !0 }, e ?? {}))])
-		}))]), 1032, ["node"]))), 128)) : (P(), b("div", Vd, [w(d, {
+		}))]), 1032, ["node"]))), 128)) : (P(), b("div", Wd, [w(d, {
 			name: "account_tree",
 			size: 32,
 			class: "opacity-30"
-		}), x("p", Hd, H(e.emptyText), 1)]))]));
+		}), x("p", Gd, H(e.emptyText), 1)]))]));
 	}
-}), Wd = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Gd = {
+}), qd = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Jd = {
 	key: 0,
 	class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
-}, Kd = { class: "overflow-x-auto" }, qd = { class: "w-full border-collapse" }, Jd = { class: "bg-surface-container-high" }, Yd = ["onClick"], Xd = ["onClick"], Zd = {
+}, Yd = { class: "overflow-x-auto" }, Xd = { class: "w-full border-collapse" }, Zd = { class: "bg-surface-container-high" }, Qd = ["onClick"], $d = ["onClick"], ef = {
 	key: 1,
 	class: "w-6 shrink-0"
-}, Qd = { key: 0 }, $d = ["colspan"], ef = /* @__PURE__ */ T({
+}, tf = { key: 0 }, nf = ["colspan"], rf = /* @__PURE__ */ T({
 	__name: "MTreeTable",
 	props: {
 		columns: {},
@@ -8936,10 +9007,10 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		function f(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (t, n) => (P(), b("div", Wd, [t.$slots.toolbar ? (P(), b("div", Gd, [z(t.$slots, "toolbar", {
+		return (t, n) => (P(), b("div", qd, [t.$slots.toolbar ? (P(), b("div", Jd, [z(t.$slots, "toolbar", {
 			expandAll: l,
 			collapseAll: u
-		})])) : y("", !0), x("div", Kd, [x("table", qd, [x("thead", null, [x("tr", Jd, [(P(!0), b(p, null, R(e.columns, (t, n) => (P(), b("th", {
+		})])) : y("", !0), x("div", Yd, [x("table", Xd, [x("thead", null, [x("tr", Zd, [(P(!0), b(p, null, R(e.columns, (t, n) => (P(), b("th", {
 			key: t.key,
 			style: A(t.width ? { width: t.width } : void 0),
 			class: k([
@@ -8970,7 +9041,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		}, [w(d, {
 			name: "chevron_right",
 			size: 18
-		})], 10, Xd)) : (P(), b("span", Zd)), z(t.$slots, `cell-${r.key}`, {
+		})], 10, $d)) : (P(), b("span", ef)), z(t.$slots, `cell-${r.key}`, {
 			row: n.row,
 			value: n.row[r.key],
 			depth: n.depth
@@ -8979,19 +9050,19 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			row: n.row,
 			value: n.row[r.key],
 			depth: n.depth
-		}, () => [C(H(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10, Yd))), 128)), c.value.length ? y("", !0) : (P(), b("tr", Qd, [x("td", {
+		}, () => [C(H(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10, Qd))), 128)), c.value.length ? y("", !0) : (P(), b("tr", tf, [x("td", {
 			colspan: e.columns.length,
 			class: "border-t border-outline-variant px-4 py-10 text-center"
 		}, [w(d, {
 			name: "account_tree",
 			size: 36,
 			class: "mb-2 text-on-surface-variant opacity-30"
-		}), n[0] ||= x("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, $d)]))])])])]));
+		}), n[0] ||= x("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, nf)]))])])])]));
 	}
-}), tf = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, nf = { class: "flex bg-surface-container-high" }, rf = ["onClick"], af = { class: "inline-flex items-center gap-1" }, of = {
+}), af = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, of = { class: "flex bg-surface-container-high" }, sf = ["onClick"], cf = { class: "inline-flex items-center gap-1" }, lf = {
 	key: 0,
 	class: "inline-flex"
-}, sf = ["onClick"], cf = { class: "truncate" }, lf = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, uf = { class: "text-label-small text-on-surface-variant" }, df = /* @__PURE__ */ T({
+}, uf = ["onClick"], df = { class: "truncate" }, ff = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, pf = { class: "text-label-small text-on-surface-variant" }, mf = /* @__PURE__ */ T({
 	__name: "MVirtualTable",
 	props: {
 		columns: {},
@@ -9037,8 +9108,8 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		function w(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (t, n) => (P(), b("div", tf, [
-			x("div", nf, [(P(!0), b(p, null, R(e.columns, (e) => (P(), b("div", {
+		return (t, n) => (P(), b("div", af, [
+			x("div", of, [(P(!0), b(p, null, R(e.columns, (e) => (P(), b("div", {
 				key: e.key,
 				style: A({
 					width: e.width || "auto",
@@ -9050,7 +9121,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 					e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors" : ""
 				]),
 				onClick: (t) => e.sortable ? l(e.key) : void 0
-			}, [x("span", af, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", of, [s.value === e.key && c.value === "asc" ? (P(), v(d, {
+			}, [x("span", cf, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", lf, [s.value === e.key && c.value === "asc" ? (P(), v(d, {
 				key: 0,
 				name: "arrow_upward",
 				size: 14,
@@ -9065,7 +9136,7 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				name: "unfold_more",
 				size: 14,
 				class: "opacity-30"
-			}))])) : y("", !0)])], 14, rf))), 128))]),
+			}))])) : y("", !0)])], 14, sf))), 128))]),
 			x("div", {
 				ref_key: "scrollEl",
 				ref: i,
@@ -9093,11 +9164,11 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			}, [z(t.$slots, `cell-${e.key}`, {
 				row: n,
 				value: n[e.key]
-			}, () => [x("span", cf, H(n[e.key] ?? "—"), 1)])], 6))), 128))], 14, sf))), 128))], 4)], 36),
-			x("div", lf, [x("span", uf, [C(H(u.value.length.toLocaleString()) + " filas ", 1), m.value.end - m.value.start < u.value.length ? (P(), b(p, { key: 0 }, [C(" · mostrando " + H(m.value.start + 1) + "–" + H(m.value.end), 1)], 64)) : y("", !0)])])
+			}, () => [x("span", df, H(n[e.key] ?? "—"), 1)])], 6))), 128))], 14, uf))), 128))], 4)], 36),
+			x("div", ff, [x("span", pf, [C(H(u.value.length.toLocaleString()) + " filas ", 1), m.value.end - m.value.start < u.value.length ? (P(), b(p, { key: 0 }, [C(" · mostrando " + H(m.value.start + 1) + "–" + H(m.value.end), 1)], 64)) : y("", !0)])])
 		]));
 	}
-}), ff = { class: "text-title-small font-medium text-on-surface truncate flex-1" }, pf = { class: "flex-1 overflow-auto" }, mf = ["onMousedown"], hf = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}), hf = { class: "text-title-small font-medium text-on-surface truncate flex-1" }, gf = { class: "flex-1 overflow-auto" }, _f = ["onMousedown", "onTouchstart"], vf = /* @__PURE__ */ T({
 	__name: "MWindow",
 	props: {
 		modelValue: { type: Boolean },
@@ -9107,6 +9178,8 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		height: { default: "300px" },
 		minWidth: { default: 200 },
 		minHeight: { default: 150 },
+		maxWidth: {},
+		maxHeight: {},
 		resizable: {
 			type: Boolean,
 			default: !0
@@ -9136,72 +9209,96 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 		"minimize"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = L(n.x), a = L(n.y), o = L(parseInt(n.width) || 400), s = L(parseInt(n.height) || 300), c = L(!1), l = L(100), u = 100, f = L(null), m = !1, h = 0, g = 0, S = 0, C = 0, T = !1, E = "se", D = 0, O = 0, j = 0, M = 0, F = 0, I = 0, B = _(() => ({
+		let n = e, r = t, i = L(n.x), a = L(n.y), o = L(parseInt(n.width) || 400), s = L(parseInt(n.height) || 300), c = L(!1), l = L(100), u = 100, f = L(null), m = !1, h = 0, g = 0, S = 0, C = 0, T = !1, E = "se", D = 0, j = 0, F = 0, I = 0, B = 0, V = 0, U = _(() => ({
 			left: `${i.value}px`,
 			top: `${a.value}px`,
 			width: `${o.value}px`,
 			height: c.value ? "auto" : `${s.value}px`,
 			zIndex: l.value
 		}));
-		function V() {
+		function W() {
 			u++, l.value = u;
 		}
-		function U(e) {
-			n.draggable && (e.target.closest("button") || (e.preventDefault(), m = !0, h = e.clientX, g = e.clientY, S = i.value, C = a.value, V(), document.addEventListener("mousemove", G), document.addEventListener("mouseup", K)));
+		function G(e) {
+			if ("touches" in e) {
+				let t = e.touches[0] ?? e.changedTouches[0];
+				return {
+					x: t.clientX,
+					y: t.clientY
+				};
+			}
+			return {
+				x: e.clientX,
+				y: e.clientY
+			};
 		}
-		function W(e, t) {
-			n.resizable && (e.preventDefault(), e.stopPropagation(), T = !0, E = t, D = e.clientX, O = e.clientY, j = o.value, M = s.value, F = i.value, I = a.value, V(), document.addEventListener("mousemove", G), document.addEventListener("mouseup", K));
+		function ee() {
+			document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q);
 		}
-		function G(e) {
-			if (e.preventDefault(), m) {
-				let t = e.clientX - h, n = e.clientY - g, r = f.value?.parentElement, l = r ? r.clientWidth - o.value : Infinity, u = r ? r.clientHeight - (c.value ? 40 : s.value) : Infinity;
-				i.value = Math.max(0, Math.min(l, S + t)), a.value = Math.max(0, Math.min(u, C + n));
+		function K() {
+			document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", Z), document.removeEventListener("touchend", Q);
+		}
+		function Y(e) {
+			if (!n.draggable || e.target.closest("button")) return;
+			e.preventDefault();
+			let { x: t, y: r } = G(e);
+			m = !0, h = t, g = r, S = i.value, C = a.value, W(), ee();
+		}
+		function X(e, t) {
+			if (!n.resizable) return;
+			e.preventDefault(), e.stopPropagation();
+			let { x: r, y: c } = G(e);
+			T = !0, E = t, D = r, j = c, F = o.value, I = s.value, B = i.value, V = a.value, W(), ee();
+		}
+		function Z(e) {
+			e.preventDefault();
+			let { x: t, y: r } = G(e);
+			if (m) {
+				let e = t - h, n = r - g, l = f.value?.parentElement, u = l ? l.clientWidth - o.value : Infinity, d = l ? l.clientHeight - (c.value ? 40 : s.value) : Infinity;
+				i.value = Math.max(0, Math.min(u, S + e)), a.value = Math.max(0, Math.min(d, C + n));
 			}
 			if (T) {
-				let t = e.clientX - D, r = e.clientY - O, c = E, l = f.value?.parentElement, u = l ? l.clientWidth : Infinity, d = l ? l.clientHeight : Infinity;
-				if (c.includes("e")) {
-					let e = u - F;
-					o.value = Math.min(e, Math.max(n.minWidth, j + t));
-				}
-				if (c.includes("w")) {
-					let e = F + j, r = Math.min(e, Math.max(n.minWidth, j - t));
-					i.value = Math.max(0, F + (j - r)), o.value = r;
-				}
-				if (c.includes("s")) {
-					let e = d - I;
-					s.value = Math.min(e, Math.max(n.minHeight, M + r));
-				}
-				if (c === "n" || c === "ne" || c === "nw") {
-					let e = I + M, t = Math.min(e, Math.max(n.minHeight, M - r));
-					a.value = Math.max(0, I + (M - t)), s.value = t;
+				let e = t - D, a = r - j, c = E, l = f.value?.parentElement, u = l ? l.clientWidth : Infinity, d = l ? l.clientHeight : Infinity, p = (e) => Math.min(n.maxWidth ?? Infinity, Math.max(n.minWidth, e)), m = (e) => Math.min(n.maxHeight ?? Infinity, Math.max(n.minHeight, e));
+				if (c.includes("e") && (o.value = Math.min(u - B, p(F + e))), c.includes("w")) {
+					let t = Math.min(B + F, p(F - e));
+					i.value = Math.max(0, B + (F - t)), o.value = t;
 				}
+				c.includes("s") && (s.value = Math.min(d - V, m(I + a)));
 			}
 		}
-		function K() {
-			m = !1, T = !1, document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", K);
+		function Q() {
+			m = !1, T = !1, K();
 		}
-		function ee() {
+		function ne() {
 			r("update:modelValue", !1), r("close"), n.resetPosition && (i.value = n.x, a.value = n.y, o.value = parseInt(n.width) || 400, s.value = parseInt(n.height) || 300, c.value = !1);
 		}
-		function Y() {
+		function $() {
 			c.value = !c.value, r("minimize");
 		}
-		function X() {
-			V();
+		function re() {
+			W();
 		}
-		J(() => n.x, (e) => {
+		function ie() {
+			let e = f.value?.parentElement;
+			if (!e) return;
+			let t = e.clientWidth, r = e.clientHeight;
+			o.value > t && (o.value = Math.max(n.minWidth, t)), s.value > r && (s.value = Math.max(n.minHeight, r)), i.value + o.value > t && (i.value = Math.max(0, t - o.value)), a.value + s.value > r && (a.value = Math.max(0, r - s.value));
+		}
+		let ae = null;
+		M(() => {
+			ie();
+			let e = f.value?.parentElement;
+			e && (ae = new ResizeObserver(ie), ae.observe(e));
+		}), J(() => n.x, (e) => {
 			i.value = e;
 		}), J(() => n.y, (e) => {
 			a.value = e;
+		}), J(() => n.modelValue, (e) => {
+			e && O(ie);
 		}), N(() => {
-			document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", K);
+			K(), ae?.disconnect();
 		});
-		let Z = [
-			{
-				dir: "n",
-				class: "top-0 left-[10px] right-[10px] h-[5px]",
-				cursor: "cursor-ns-resize"
-			},
+		let oe = [
 			{
 				dir: "s",
 				class: "bottom-0 left-[10px] right-[10px] h-[5px]",
@@ -9217,16 +9314,6 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				class: "top-[10px] left-0 bottom-[10px] w-[5px]",
 				cursor: "cursor-ew-resize"
 			},
-			{
-				dir: "ne",
-				class: "top-0 right-0 w-[12px] h-[12px]",
-				cursor: "cursor-nesw-resize"
-			},
-			{
-				dir: "nw",
-				class: "top-0 left-0 w-[12px] h-[12px]",
-				cursor: "cursor-nwse-resize"
-			},
 			{
 				dir: "se",
 				class: "bottom-0 right-0 w-[12px] h-[12px]",
@@ -9243,24 +9330,25 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 			ref_key: "windowRef",
 			ref: f,
 			class: "absolute flex flex-col rounded-xl bg-surface shadow-elevation-3 overflow-hidden",
-			style: A(B.value),
-			onMousedown: X
+			style: A(U.value),
+			onMousedown: re
 		}, [
 			x("div", {
 				class: k(["flex items-center gap-2 px-4 h-10 bg-surface-container select-none shrink-0", { "cursor-move": e.draggable }]),
-				onMousedown: U
+				onMousedown: Y,
+				onTouchstart: Y
 			}, [
 				z(t.$slots, "header", {}, () => [e.icon ? (P(), v(d, {
 					key: 0,
 					name: e.icon,
 					size: 18,
 					class: "text-on-surface-variant"
-				}, null, 8, ["name"])) : y("", !0), x("span", ff, H(e.title), 1)], !0),
-				z(t.$slots, "actions", {}, void 0, !0),
+				}, null, 8, ["name"])) : y("", !0), x("span", hf, H(e.title), 1)]),
+				z(t.$slots, "actions"),
 				e.minimizable ? (P(), b("button", {
 					key: 0,
 					class: "text-on-surface-variant hover:bg-on-surface/8 rounded-full w-7 h-7 flex items-center justify-center transition-colors",
-					onClick: Y
+					onClick: $
 				}, [w(d, {
 					name: c.value ? "open_in_full" : "minimize",
 					size: 16
@@ -9268,22 +9356,23 @@ var Zc = /*#__PURE__*/ f(Jc, [["render", Xc]]), Qc = /* @__PURE__ */ T({
 				e.closable ? (P(), b("button", {
 					key: 1,
 					class: "text-on-surface-variant hover:bg-error/12 hover:text-error rounded-full w-7 h-7 flex items-center justify-center transition-colors",
-					onClick: ee
+					onClick: ne
 				}, [w(d, {
 					name: "close",
 					size: 16
 				})])) : y("", !0)
 			], 34),
-			te(x("div", pf, [z(t.$slots, "default", {}, void 0, !0)], 512), [[q, !c.value]]),
-			e.resizable && !c.value ? (P(), b(p, { key: 0 }, R(Z, (e) => x("div", {
+			te(x("div", gf, [z(t.$slots, "default")], 512), [[q, !c.value]]),
+			e.resizable && !c.value ? (P(), b(p, { key: 0 }, R(oe, (e) => x("div", {
 				key: e.dir,
 				class: k(["absolute", [e.class, e.cursor]]),
-				onMousedown: (t) => W(t, e.dir)
-			}, null, 42, mf)), 64)) : y("", !0)
+				onMousedown: (t) => X(t, e.dir),
+				onTouchstart: (t) => X(t, e.dir)
+			}, null, 42, _f)), 64)) : y("", !0)
 		], 36)) : y("", !0);
 	}
-}), [["__scopeId", "data-v-f7ca7493"]]);
+});
 //#endregion
-export { be as MAbsolute, Ee as MAlert, Ve as MAppBar, Ge as MAppLayout, Ke as MAspectRatio, Le as MAutocomplete, qe as MAvatar, Xe as MBadge, nt as MBottomSheet, rt as MBox, ot as MBreadcrumbs, o as MButton, vt as MCalendar, Tt as MCard, jt as MCarousel, Mt as MCenter, Ft as MCheckbox, Lt as MChip, Jt as MColorPicker, ln as MCommandPalette, dn as MConfirmDialog, fn as MContainer, yn as MContextMenu, Yn as MDataTable, or as MDatePicker, vr as MDateRangePicker, r as MDialog, Sr as MDivider, Or as MDragDropList, Ar as MEmoji, Ir as MEmojiButton, Wr as MEmojiSelector, Gr as MEmptyState, Qr as MExpansionPanel, ii as MFab, bi as MFileUpload, xi as MFixed, Di as MFlex, Ei as MFooter, Oi as MFullscreen, ki as MGrid, Fi as MHotkeys, d as MIcon, e as MIconButton, zi as MInfiniteScroll, Ji as MJsonViewer, ia as MKanban, aa as MList, ya as MListItem, ba as MListSubheader, wa as MLoadingOverlay, Ma as MMaskField, Ta as MMasonry, a as MMenu, l as MMenuItem, Ka as MMultiAutocomplete, co as MMultiSelect, fo as MNavigationBar, ts as MNavigationDrawer, as as MNavigationRail, bo as MNumberField, ss as MOverlay, Sn as MPagination, Cs as MProgressBar, Os as MRadio, js as MRadioGroup, Ns as MRating, Ls as MRelative, Rs as MResponsive, Gs as MResult, sc as MScheduler, cc as MScrollable, pc as MSection, gc as MSegmentedButton, Oc as MSelect, Pc as MSideSheet, Ic as MSkeleton, Hc as MSlider, qc as MSnackbar, Zc as MSpacer, c as MSpinner, Qc as MSplitter, hl as MSpotlightSearch, gl as MStack, Tl as MStatCard, Vl as MStepper, Hl as MSticky, Wl as MSubtitle, ca as MSwitch, fu as MTable, Eu as MTabs, bu as MTagInput, Ul as MText, s as MTextField, Xu as MTimePicker, Ru as MTimeline, Zu as MTitle, Qu as MTooltip, nd as MTopAppBar, ud as MTour, Nd as MTransferList, Ud as MTree, ef as MTreeTable, df as MVirtualTable, hf as MWindow, Mr as allEmojis, ne as createM3UI, u as defaultLocale, jr as emojiCategories, oe as palettes, Nr as randomEmoji, ce as useColorPalette, t as useFieldBg, n as useLocale, ae as useTheme, ye as useToast };
+export { be as MAbsolute, Ee as MAlert, Ve as MAppBar, Ge as MAppLayout, Ke as MAspectRatio, Le as MAutocomplete, qe as MAvatar, Xe as MBadge, nt as MBottomSheet, rt as MBox, ot as MBreadcrumbs, o as MButton, vt as MCalendar, Tt as MCard, jt as MCarousel, Mt as MCenter, Ft as MChatBubble, Rt as MCheckbox, Bt as MChip, Zt as MColorPicker, fn as MCommandPalette, mn as MConfirmDialog, hn as MContainer, Sn as MContextMenu, Qn as MDataTable, lr as MDatePicker, xr as MDateRangePicker, r as MDialog, Tr as MDivider, jr as MDragDropList, Nr as MEmoji, zr as MEmojiButton, qr as MEmojiSelector, Jr as MEmptyState, ti as MExpansionPanel, si as MFab, Ci as MFileUpload, wi as MFixed, Ai as MFlex, ki as MFooter, ji as MFullscreen, Mi as MGrid, Ri as MHotkeys, d as MIcon, e as MIconButton, Hi as MInfiniteScroll, Zi as MJsonViewer, sa as MKanban, ca as MList, Sa as MListItem, Ca as MListSubheader, Da as MLoadingOverlay, Fa as MMaskField, Oa as MMasonry, a as MMenu, l as MMenuItem, Ya as MMultiAutocomplete, fo as MMultiSelect, ho as MNavigationBar, is as MNavigationDrawer, cs as MNavigationRail, Co as MNumberField, us as MOverlay, Tn as MPagination, Es as MProgressBar, js as MRadio, Ps as MRadioGroup, Is as MRating, Bs as MRelative, Vs as MResponsive, Js as MResult, uc as MScheduler, dc as MScrollable, gc as MSection, yc as MSegmentedButton, jc as MSelect, Lc as MSideSheet, zc as MSkeleton, Gc as MSlider, Xc as MSnackbar, el as MSpacer, c as MSpinner, tl as MSplitter, vl as MSpotlightSearch, yl as MStack, Ol as MStatCard, Wl as MStepper, Gl as MSticky, ql as MSubtitle, da as MSwitch, hu as MTable, ku as MTabs, Cu as MTagInput, Kl as MText, s as MTextField, $u as MTimePicker, Vu as MTimeline, ed as MTitle, td as MTooltip, ad as MTopAppBar, pd as MTour, Id as MTransferList, Kd as MTree, rf as MTreeTable, mf as MVirtualTable, vf as MWindow, Fr as allEmojis, ne as createM3UI, u as defaultLocale, Pr as emojiCategories, oe as palettes, Ir as randomEmoji, ce as useColorPalette, t as useFieldBg, n as useLocale, ae as useTheme, ye as useToast };
 
 //# sourceMappingURL=m3ui.js.map