@m3ui-vue/m3ui-vue 0.1.3 → 0.1.5

package/dist/m3ui.js

@@ -553,7 +553,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			style: y({ "--m3-wave-len": i.value.len })
 		}, null, 12, Le)], 12, Ie)) : (C(), l("span", Fe))], 4));
 	}
-}), Ve = ["type", "disabled"], He = "relative inline-flex items-center justify-center gap-2 h-10 rounded-full text-label-large font-medium whitespace-nowrap overflow-hidden transition-[box-shadow,background-color,color] duration-150 select-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38] disabled:shadow-none before:content-[''] 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]", Ue = /* @__PURE__ */ m({
+}), Ve = "relative inline-flex items-center justify-center gap-2 h-10 rounded-full text-label-large font-medium whitespace-nowrap overflow-hidden transition-[box-shadow,background-color,color] duration-150 select-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38] disabled:shadow-none before:content-[''] 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]", He = /* @__PURE__ */ m({
 	__name: "MButton",
 	props: {
 		variant: { default: "filled" },
@@ -567,11 +567,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			type: Boolean,
 			default: !1
 		},
-		icon: {}
+		icon: {},
+		to: {}
 	},
 	setup(t) {
-		let n = ["primary", "error"], r = t, i = o(() => !!r.color && !n.includes(r.color)), a = o(() => {
-			if (i.value) return {
+		let n = ["primary", "error"], r = t, i = o(() => r.to ? "RouterLink" : "button"), a = o(() => !!r.color && !n.includes(r.color)), l = o(() => {
+			if (a.value) return {
 				"--color-primary": r.color,
 				"--color-on-primary": "#ffffff",
 				"--color-primary-container": r.color + "33",
@@ -593,26 +594,32 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			let t = e.currentTarget, n = t.getBoundingClientRect(), i = Math.max(n.width, n.height) * 2, a = document.createElement("span");
 			a.className = "m3-ripple", a.style.cssText = `width:${i}px;height:${i}px;top:${e.clientY - n.top - i / 2}px;left:${e.clientX - n.left - i / 2}px`, t.appendChild(a), a.addEventListener("animationend", () => a.remove(), { once: !0 });
 		}
-		return (n, r) => (C(), l("button", {
-			type: t.type,
+		return (n, r) => (C(), s(k(i.value), {
+			to: t.to || void 0,
+			type: t.to ? void 0 : t.type,
 			disabled: t.disabled || t.loading,
-			class: v([He, d.value]),
-			style: y(a.value),
+			class: v([Ve, d.value]),
+			style: y(l.value),
 			onPointerdown: f
-		}, [t.loading ? (C(), s(Be, {
-			key: 0,
-			size: 18
-		})) : t.icon ? (C(), s(e, {
-			key: 1,
-			name: t.icon,
-			size: 20
-		}, null, 8, ["name"])) : c("", !0), D(n.$slots, "default")], 46, Ve));
+		}, {
+			default: L(() => [t.loading ? (C(), s(Be, {
+				key: 0,
+				size: 18
+			})) : t.icon ? (C(), s(e, {
+				key: 1,
+				name: t.icon,
+				size: 20
+			}, null, 8, ["name"])) : c("", !0), D(n.$slots, "default")]),
+			_: 3
+		}, 40, [
+			"to",
+			"type",
+			"disabled",
+			"class",
+			"style"
+		]));
 	}
-}), We = [
-	"aria-label",
-	"title",
-	"disabled"
-], Ge = "inline-flex shrink-0 items-center justify-center rounded-full transition-colors duration-150 cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38]", Z = /* @__PURE__ */ m({
+}), Ue = "inline-flex shrink-0 items-center justify-center rounded-full transition-colors duration-150 cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38]", Z = /* @__PURE__ */ m({
 	__name: "MIconButton",
 	props: {
 		icon: {},
@@ -622,10 +629,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			type: Boolean,
 			default: !1
 		},
-		size: { default: 40 }
+		size: { default: 40 },
+		to: {}
 	},
 	setup(t) {
-		let n = t, r = o(() => {
+		let n = t, r = o(() => n.to ? "RouterLink" : "button"), i = o(() => {
 			switch (n.variant) {
 				case "filled": return "bg-primary text-on-primary hover:shadow-elevation-1";
 				case "tonal": return "bg-secondary-container text-on-secondary-container hover:shadow-elevation-1";
@@ -633,28 +641,40 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				default: return "text-on-surface-variant hover:bg-on-surface/8 active:bg-on-surface/12";
 			}
 		});
-		return (n, i) => (C(), l("button", {
-			type: "button",
+		return (n, a) => (C(), s(k(r.value), {
+			to: t.to || void 0,
+			type: t.to ? void 0 : "button",
 			"aria-label": t.label,
 			title: t.label,
 			disabled: t.disabled,
-			class: v([Ge, r.value]),
+			class: v([Ue, i.value]),
 			style: y({
 				width: `${t.size}px`,
 				height: `${t.size}px`
 			})
-		}, [p(e, {
-			name: t.icon,
-			size: Math.round(t.size * .55)
-		}, null, 8, ["name", "size"])], 14, We));
+		}, {
+			default: L(() => [p(e, {
+				name: t.icon,
+				size: Math.round(t.size * .55)
+			}, null, 8, ["name", "size"])]),
+			_: 1
+		}, 8, [
+			"to",
+			"type",
+			"aria-label",
+			"title",
+			"disabled",
+			"class",
+			"style"
+		]));
 	}
-}), Ke = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, qe = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Je = { class: "flex items-center gap-1" }, Ye = { class: "text-title-medium font-medium capitalize text-on-surface" }, Xe = { class: "grid grid-cols-7 border-b border-outline-variant bg-surface-container-high" }, Ze = { class: "grid grid-cols-7" }, Qe = ["onClick"], $e = {
+}), We = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, Ge = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Ke = { class: "flex items-center gap-1" }, qe = { class: "text-title-medium font-medium capitalize text-on-surface" }, Je = { class: "grid grid-cols-7 border-b border-outline-variant bg-surface-container-high" }, Ye = { class: "grid grid-cols-7" }, Xe = ["onClick"], Ze = {
 	key: 0,
 	class: "flex flex-col gap-0.5"
-}, et = ["onClick"], tt = { class: "truncate" }, nt = {
+}, Qe = ["onClick"], $e = { class: "truncate" }, et = {
 	key: 0,
 	class: "px-1 text-label-small text-on-surface-variant"
-}, rt = /* @__PURE__ */ m({
+}, tt = /* @__PURE__ */ m({
 	__name: "MCalendar",
 	props: {
 		events: { default: () => [] },
@@ -725,9 +745,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			error: "bg-error text-on-error",
 			success: "bg-success text-on-success"
 		};
-		return (t, r) => (C(), l("div", Ke, [
-			u("div", qe, [
-				u("div", Je, [p(Z, {
+		return (t, r) => (C(), l("div", We, [
+			u("div", Ge, [
+				u("div", Ke, [p(Z, {
 					icon: "chevron_left",
 					label: "Mes anterior",
 					size: 36,
@@ -738,18 +758,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: 36,
 					onClick: b
 				})]),
-				u("h3", Ye, A(m.value), 1),
+				u("h3", qe, A(m.value), 1),
 				u("button", {
 					type: "button",
 					class: "cursor-pointer rounded-full border border-outline px-3 py-1 text-label-medium text-on-surface transition-colors hover:bg-on-surface/8",
 					onClick: x
 				}, " Hoy ")
 			]),
-			u("div", Xe, [(C(!0), l(n, null, E(j(f), (e) => (C(), l("div", {
+			u("div", Je, [(C(!0), l(n, null, E(j(f), (e) => (C(), l("div", {
 				key: e,
 				class: "py-2 text-center text-label-small font-medium uppercase text-on-surface-variant"
 			}, A(e), 1))), 128))]),
-			u("div", Ze, [(C(!0), l(n, null, E(_.value, (t, r) => (C(), l("div", {
+			u("div", Ye, [(C(!0), l(n, null, E(_.value, (t, r) => (C(), l("div", {
 				key: r,
 				class: v(["flex min-h-[80px] cursor-pointer flex-col border-b border-r border-outline-variant/50 p-1.5 transition-colors hover:bg-on-surface/[0.03]", [
 					t.current ? "bg-surface" : "bg-surface-container-lowest/50",
@@ -757,7 +777,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					r >= 35 ? "border-b-0" : ""
 				]]),
 				onClick: (e) => a("dateClick", t.iso)
-			}, [u("span", { class: v(["mb-0.5 flex h-6 w-6 items-center justify-center self-end rounded-full text-label-medium", t.iso === j(g) ? "bg-primary text-on-primary font-medium" : t.current ? "text-on-surface" : "text-on-surface-variant/40"]) }, A(t.date), 3), t.events.length ? (C(), l("div", $e, [(C(!0), l(n, null, E(t.events.slice(0, 2), (t) => (C(), l("button", {
+			}, [u("span", { class: v(["mb-0.5 flex h-6 w-6 items-center justify-center self-end rounded-full text-label-medium", t.iso === j(g) ? "bg-primary text-on-primary font-medium" : t.current ? "text-on-surface" : "text-on-surface-variant/40"]) }, A(t.date), 3), t.events.length ? (C(), l("div", Ze, [(C(!0), l(n, null, E(t.events.slice(0, 2), (t) => (C(), l("button", {
 				key: t.id,
 				type: "button",
 				class: v(["flex w-full cursor-pointer items-center gap-1 truncate rounded px-1 py-0.5 text-left text-label-small transition-opacity hover:opacity-80", S[t.color ?? "primary"]]),
@@ -766,10 +786,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				name: t.icon,
 				size: 12
-			}, null, 8, ["name"])) : c("", !0), u("span", tt, A(t.title), 1)], 10, et))), 128)), t.events.length > 2 ? (C(), l("span", nt, " +" + A(t.events.length - 2) + " más ", 1)) : c("", !0)])) : c("", !0)], 10, Qe))), 128))])
+			}, null, 8, ["name"])) : c("", !0), u("span", $e, A(t.title), 1)], 10, Qe))), 128)), t.events.length > 2 ? (C(), l("span", et, " +" + A(t.events.length - 2) + " más ", 1)) : c("", !0)])) : c("", !0)], 10, Xe))), 128))])
 		]));
 	}
-}), it = ["src", "alt"], at = /* @__PURE__ */ m({
+}), nt = ["src", "alt"], rt = /* @__PURE__ */ m({
 	__name: "MCard",
 	props: {
 		variant: { default: "elevated" },
@@ -806,9 +826,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			src: e.image,
 			alt: e.imageAlt ?? "",
 			class: "h-full w-full object-cover"
-		}, null, 8, it)) : D(t.$slots, "media", { key: 1 })], 2)) : c("", !0), D(t.$slots, "default")], 6));
+		}, null, 8, nt)) : D(t.$slots, "media", { key: 1 })], 2)) : c("", !0), D(t.$slots, "default")], 6));
 	}
-}), ot = ["checked", "disabled"], st = {
+}), it = ["checked", "disabled"], at = {
 	key: 0,
 	class: "text-body-large text-on-surface"
 }, Q = /* @__PURE__ */ m({
@@ -834,13 +854,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			checked: t.modelValue,
 			disabled: t.disabled,
 			onChange: i[0] ||= (e) => r("update:modelValue", !t.modelValue)
-		}, null, 40, ot), p(e, {
+		}, null, 40, it), p(e, {
 			name: t.indeterminate ? "remove" : "check",
 			size: 14,
 			class: v(["transition-[opacity,transform] duration-150", t.modelValue || t.indeterminate ? "scale-100 opacity-100" : "scale-0 opacity-0"])
-		}, null, 8, ["name", "class"])], 2), t.label || n.$slots.default ? (C(), l("span", st, [D(n.$slots, "default", {}, () => [f(A(t.label), 1)])])) : c("", !0)], 2));
+		}, null, 8, ["name", "class"])], 2), t.label || n.$slots.default ? (C(), l("span", at, [D(n.$slots, "default", {}, () => [f(A(t.label), 1)])])) : c("", !0)], 2));
 	}
-}), ct = ["disabled"], lt = /* @__PURE__ */ m({
+}), ot = ["disabled"], st = /* @__PURE__ */ m({
 	__name: "MChip",
 	props: {
 		tone: { default: "neutral" },
@@ -917,7 +937,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				}, [p(e, {
 					name: "close",
 					size: 16
-				})], 8, ct)) : c("", !0)
+				})], 8, ot)) : c("", !0)
 			]),
 			_: 3
 		}, 8, [
@@ -927,13 +947,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"style"
 		]));
 	}
-}), ut = { class: "flex flex-col gap-1" }, dt = { class: "flex-1 font-mono text-on-surface" }, ft = {
+}), ct = { class: "flex flex-col gap-1" }, lt = { class: "flex-1 font-mono text-on-surface" }, ut = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, pt = {
+}, dt = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, mt = { class: "mb-3" }, ht = ["value"], gt = { class: "mb-3 flex items-center gap-3" }, _t = ["value"], vt = { class: "flex flex-wrap gap-1.5" }, yt = ["onClick"], bt = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, ft = { class: "mb-3" }, pt = ["value"], mt = { class: "mb-3 flex items-center gap-3" }, ht = ["value"], gt = { class: "flex flex-wrap gap-1.5" }, _t = ["onClick"], vt = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MColorPicker",
 	props: {
 		modelValue: {},
@@ -1046,7 +1066,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			e ? (J(), setTimeout(() => document.addEventListener("mousedown", Y), 0)) : document.removeEventListener("mousedown", Y);
 		}), x(() => window.addEventListener("scroll", ee, !0)), S(() => {
 			window.removeEventListener("scroll", ee, !0), document.removeEventListener("mousedown", Y);
-		}), (a, o) => (C(), l("div", ut, [
+		}), (a, o) => (C(), l("div", ct, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -1061,7 +1081,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					class: "h-6 w-6 shrink-0 rounded-full border border-outline-variant",
 					style: y({ backgroundColor: t.modelValue })
 				}, null, 4),
-				u("span", dt, A(t.modelValue), 1),
+				u("span", lt, A(t.modelValue), 1),
 				p(e, {
 					name: "palette",
 					size: 20,
@@ -1071,7 +1091,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
 			}, A(t.label), 3)) : c("", !0)], 4),
-			t.error ? (C(), l("p", ft, A(t.error), 1)) : t.hint ? (C(), l("p", pt, A(t.hint), 1)) : c("", !0),
+			t.error ? (C(), l("p", ut, A(t.error), 1)) : t.hint ? (C(), l("p", dt, A(t.hint), 1)) : c("", !0),
 			(C(), s(r, { to: "body" }, [p(i, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -1101,15 +1121,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 							backgroundColor: z.value
 						})
 					}, null, 4)], 36),
-					u("div", mt, [u("input", {
+					u("div", ft, [u("input", {
 						type: "range",
 						min: "0",
 						max: "360",
 						value: O.value,
 						class: "hue-slider h-3 w-full cursor-pointer appearance-none rounded-full outline-none",
 						onInput: G
-					}, null, 40, ht)]),
-					u("div", gt, [u("span", {
+					}, null, 40, pt)]),
+					u("div", mt, [u("span", {
 						class: "h-9 w-9 shrink-0 rounded-full border border-outline-variant",
 						style: y({ backgroundColor: z.value })
 					}, null, 4), u("input", {
@@ -1118,8 +1138,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						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: q
-					}, null, 40, _t)]),
-					u("div", vt, [(C(!0), l(n, null, E(t.presets, (n) => (C(), l("button", {
+					}, null, 40, ht)]),
+					u("div", gt, [(C(!0), l(n, null, E(t.presets, (n) => (C(), l("button", {
 						key: n,
 						type: "button",
 						class: v(["flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border transition-transform duration-100 hover:scale-110", n === t.modelValue ? "border-on-surface" : "border-transparent"]),
@@ -1130,26 +1150,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						name: "check",
 						size: 14,
 						class: "text-white drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)]"
-					})) : c("", !0)], 14, yt))), 128))])
+					})) : c("", !0)], 14, _t))), 128))])
 				], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), [["__scopeId", "data-v-9ee0043f"]]), xt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, St = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, Ct = ["placeholder"], wt = { class: "max-h-80 overflow-y-auto py-2" }, Tt = {
+}), [["__scopeId", "data-v-9ee0043f"]]), yt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, bt = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, xt = ["placeholder"], St = { class: "max-h-80 overflow-y-auto py-2" }, Ct = {
 	key: 0,
 	class: "px-4 pt-3 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Et = [
+}, wt = [
 	"data-cmd-active",
 	"onClick",
 	"onPointerenter"
-], Dt = { class: "flex-1 truncate text-body-medium" }, Ot = {
+], Tt = { class: "flex-1 truncate text-body-medium" }, Et = {
 	key: 1,
 	class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant"
-}, kt = {
+}, Dt = {
 	key: 1,
 	class: "px-4 py-6 text-center text-body-medium text-on-surface-variant"
-}, At = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Ot = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MCommandPalette",
 	props: {
 		modelValue: { type: Boolean },
@@ -1201,8 +1221,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[15vh]",
 				onClick: B(O, ["self"])
-			}, [u("div", xt, [
-				u("div", St, [
+			}, [u("div", yt, [
+				u("div", bt, [
 					p(e, {
 						name: "search",
 						size: 20,
@@ -1216,10 +1236,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						placeholder: t.placeholder,
 						class: "h-12 flex-1 bg-transparent text-body-large text-on-surface outline-none placeholder:text-on-surface-variant/50",
 						onKeydown: j
-					}, null, 40, Ct), [[P, h.value]]),
+					}, null, 40, xt), [[P, h.value]]),
 					o[1] ||= u("kbd", { class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant" }, " ESC ", -1)
 				]),
-				u("div", wt, [S.value.length ? (C(!0), l(n, { key: 0 }, E(w.value, ([t, r]) => (C(), l(n, { key: t }, [t ? (C(), l("p", Tt, A(t), 1)) : c("", !0), (C(!0), l(n, null, E(r, (t, n) => (C(), l("button", {
+				u("div", St, [S.value.length ? (C(!0), l(n, { key: 0 }, E(w.value, ([t, r]) => (C(), l(n, { key: t }, [t ? (C(), l("p", Ct, A(t), 1)) : c("", !0), (C(!0), l(n, null, E(r, (t, n) => (C(), l("button", {
 					key: t.id,
 					type: "button",
 					"data-cmd-active": S.value.indexOf(t) === g.value || void 0,
@@ -1233,9 +1253,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 20,
 						class: "shrink-0 opacity-70"
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", Dt, A(t.label), 1),
-					t.shortcut ? (C(), l("kbd", Ot, A(t.shortcut), 1)) : c("", !0)
-				], 42, Et))), 128))], 64))), 128)) : (C(), l("p", kt, A(t.noResultsText), 1))]),
+					u("span", Tt, A(t.label), 1),
+					t.shortcut ? (C(), l("kbd", Et, A(t.shortcut), 1)) : c("", !0)
+				], 42, wt))), 128))], 64))), 128)) : (C(), l("p", Dt, A(t.noResultsText), 1))]),
 				o[2] ||= u("div", { class: "flex items-center gap-4 border-t border-outline-variant px-4 py-2" }, [
 					u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓"), f(" navegar ")]),
 					u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵"), f(" seleccionar ")]),
@@ -1245,10 +1265,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-da578f14"]]), jt = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, Mt = { class: "text-headline-small text-on-surface" }, Nt = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, Pt = {
+}), [["__scopeId", "data-v-da578f14"]]), kt = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, At = { class: "text-headline-small text-on-surface" }, jt = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, Mt = {
 	key: 0,
 	class: "flex justify-end gap-2 px-6 py-4"
-}, Ft = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Nt = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -1276,19 +1296,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
 				onClick: B(o, ["self"])
 			}, [u("div", { class: v(["dialog-box flex max-h-[90vh] w-full flex-col rounded-xl bg-surface-container-high shadow-elevation-3", e.maxWidth]) }, [
-				u("div", jt, [u("h2", Mt, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)], !0)]), e.persistent ? c("", !0) : (C(), s(Z, {
+				u("div", kt, [u("h2", At, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)], !0)]), e.persistent ? c("", !0) : (C(), s(Z, {
 					key: 0,
 					icon: "close",
 					label: "Cerrar",
 					onClick: o
 				}))]),
-				u("div", Nt, [D(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (C(), l("div", Pt, [D(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
+				u("div", jt, [D(t.$slots, "default", {}, void 0, !0)]),
+				t.$slots.actions ? (C(), l("div", Mt, [D(t.$slots, "actions", {}, void 0, !0)])) : c("", !0)
 			], 2)])) : c("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-e7dfca29"]]), It = { class: "text-body-medium text-on-surface-variant" }, Lt = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-e7dfca29"]]), Pt = { class: "text-body-medium text-on-surface-variant" }, Ft = /* @__PURE__ */ m({
 	__name: "MConfirmDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -1308,20 +1328,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	emits: ["update:modelValue", "confirm"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (C(), s(Ft, {
+		return (t, r) => (C(), s(Nt, {
 			"model-value": e.modelValue,
 			title: e.title,
 			"max-width": "max-w-sm",
 			"onUpdate:modelValue": r[2] ||= (e) => n("update:modelValue", e)
 		}, {
-			actions: L(() => [p(Ue, {
+			actions: L(() => [p(He, {
 				variant: "text",
 				disabled: e.loading,
 				onClick: r[0] ||= (e) => n("update:modelValue", !1)
 			}, {
 				default: L(() => [f(A(e.cancelLabel), 1)]),
 				_: 1
-			}, 8, ["disabled"]), p(Ue, {
+			}, 8, ["disabled"]), p(He, {
 				color: e.danger ? "error" : "primary",
 				loading: e.loading,
 				onClick: r[1] ||= (e) => n("confirm")
@@ -1329,11 +1349,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				default: L(() => [f(A(e.confirmLabel), 1)]),
 				_: 1
 			}, 8, ["color", "loading"])]),
-			default: L(() => [u("p", It, A(e.message), 1)]),
+			default: L(() => [u("p", Pt, A(e.message), 1)]),
 			_: 1
 		}, 8, ["model-value", "title"]));
 	}
-}), Rt = /* @__PURE__ */ m({
+}), It = /* @__PURE__ */ m({
 	__name: "MContainer",
 	props: {
 		maxWidth: { default: "lg" },
@@ -1367,16 +1387,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		]);
 		return (e, t) => (C(), l("div", { class: v(r.value) }, [D(e.$slots, "default")], 2));
 	}
-}), zt = { class: "overflow-hidden rounded-sm py-1" }, Bt = {
+}), Lt = { class: "overflow-hidden rounded-sm py-1" }, Rt = {
 	key: 0,
 	class: "my-1 border-outline-variant"
-}, Vt = ["onMouseenter", "onClick"], Ht = {
+}, zt = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, Ut = { class: "flex-1" }, Wt = {
+}, Bt = { class: "flex-1" }, Vt = {
 	key: 2,
 	class: "text-label-small text-on-surface-variant"
-}, Gt = /* @__PURE__ */ m({
+}, Ht = /* @__PURE__ */ m({
 	__name: "_MContextMenuPanel",
 	props: {
 		items: {},
@@ -1425,27 +1445,36 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				top: `${f.value}px`
 			}),
 			onMouseleave: b
-		}, [u("div", zt, [(C(!0), l(n, null, E(t.items, (t, r) => (C(), l(n, { key: r }, [t.divider ? (C(), l("hr", Bt)) : (C(), l("div", {
+		}, [u("div", Lt, [(C(!0), l(n, null, E(t.items, (t, r) => (C(), l(n, { key: r }, [t.divider ? (C(), l("hr", Rt)) : (C(), s(k(t.to && !t.disabled ? "RouterLink" : "div"), {
 			key: 1,
+			to: t.to && !t.disabled ? t.to : void 0,
 			class: v(["relative flex cursor-default select-none items-center gap-3 px-4 py-2.5 text-body-large", [t.disabled ? "cursor-not-allowed opacity-38 text-on-surface" : t.danger ? "cursor-pointer text-error hover:bg-error/8" : "cursor-pointer text-on-surface hover:bg-on-surface/8", p.value === r && !t.disabled ? t.danger ? "bg-error/8" : "bg-on-surface/8" : ""]]),
 			onMouseenter: (e) => h(r, t, e),
 			onClick: (e) => g(t)
-		}, [
-			t.icon ? (C(), s(e, {
-				key: 0,
-				name: t.icon,
-				size: 18,
-				class: v(["shrink-0", t.danger ? "text-error" : "text-on-surface-variant"])
-			}, null, 8, ["name", "class"])) : (C(), l("span", Ht)),
-			u("span", Ut, A(t.label), 1),
-			t.shortcut ? (C(), l("span", Wt, A(t.shortcut), 1)) : c("", !0),
-			t.children?.length ? (C(), s(e, {
-				key: 3,
-				name: "chevron_right",
-				size: 18,
-				class: "shrink-0 text-on-surface-variant"
-			})) : c("", !0)
-		], 42, Vt))], 64))), 128))])], 36), p.value !== null && t.items[p.value]?.children?.length ? (C(), s(Gt, {
+		}, {
+			default: L(() => [
+				t.icon ? (C(), s(e, {
+					key: 0,
+					name: t.icon,
+					size: 18,
+					class: v(["shrink-0", t.danger ? "text-error" : "text-on-surface-variant"])
+				}, null, 8, ["name", "class"])) : (C(), l("span", zt)),
+				u("span", Bt, A(t.label), 1),
+				t.shortcut ? (C(), l("span", Vt, A(t.shortcut), 1)) : c("", !0),
+				t.children?.length ? (C(), s(e, {
+					key: 3,
+					name: "chevron_right",
+					size: 18,
+					class: "shrink-0 text-on-surface-variant"
+				})) : c("", !0)
+			]),
+			_: 2
+		}, 1064, [
+			"to",
+			"class",
+			"onMouseenter",
+			"onClick"
+		]))], 64))), 128))])], 36), p.value !== null && t.items[p.value]?.children?.length ? (C(), s(Ht, {
 			key: p.value,
 			items: t.items[p.value].children,
 			x: m.value.x,
@@ -1457,7 +1486,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"y"
 		])) : c("", !0)], 64));
 	}
-}), Kt = /* @__PURE__ */ m({
+}), Ut = /* @__PURE__ */ m({
 	__name: "MContextMenu",
 	props: { items: {} },
 	setup(e, { expose: t }) {
@@ -1494,7 +1523,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				class: "fixed inset-0 z-[200]",
 				onMousedown: B(f, ["self"]),
 				onContextmenu: d[0] ||= B(() => {}, ["prevent"])
-			}, [p(Gt, {
+			}, [p(Ht, {
 				items: e.items,
 				x: o.value.x,
 				y: o.value.y,
@@ -1507,7 +1536,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]))], 64));
 	}
-}), qt = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, Jt = { class: "flex items-center gap-2" }, Yt = /* @__PURE__ */ m({
+}), Wt = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, Gt = { class: "flex items-center gap-2" }, Kt = /* @__PURE__ */ m({
 	__name: "MPagination",
 	props: {
 		page: {},
@@ -1517,7 +1546,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	emits: ["update:page"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = o(() => Math.max(1, Math.ceil(n.total / n.perPage))), a = o(() => n.total === 0 ? "0 resultados" : `${(n.page - 1) * n.perPage + 1}-${Math.min(n.page * n.perPage, n.total)} de ${n.total}`);
-		return (t, n) => (C(), l("div", qt, [u("span", null, A(a.value), 1), u("div", Jt, [
+		return (t, n) => (C(), l("div", Wt, [u("span", null, A(a.value), 1), u("div", Gt, [
 			u("span", null, "Página " + A(e.page) + " de " + A(i.value), 1),
 			p(Z, {
 				icon: "chevron_left",
@@ -1533,25 +1562,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, null, 8, ["disabled"])
 		])]));
 	}
-}), Xt = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Zt = {
+}), qt = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Jt = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, Qt = {
+}, Yt = {
 	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"
-}, $t = {
+}, Xt = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, en = {
+}, Zt = {
 	key: 1,
 	class: "relative"
-}, tn = {
+}, Qt = {
 	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"
-}, nn = { class: "text-body-small text-on-surface" }, rn = { class: "overflow-x-auto" }, an = { class: "w-full border-collapse" }, on = { class: "bg-surface-container-high" }, sn = ["onClick"], cn = { class: "inline-flex items-center gap-1" }, ln = {
+}, $t = { class: "text-body-small text-on-surface" }, en = { class: "overflow-x-auto" }, tn = { class: "w-full border-collapse" }, nn = { class: "bg-surface-container-high" }, rn = ["onClick"], an = { class: "inline-flex items-center gap-1" }, on = {
 	key: 0,
 	class: "inline-flex"
-}, un = ["onPointerdown"], dn = { key: 1 }, fn = ["colspan"], pn = { class: "text-body-medium text-on-surface-variant" }, mn = ["onClick"], hn = ["onClick"], gn = { key: 0 }, _n = ["colspan"], vn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, yn = { class: "text-label-small text-on-surface-variant" }, bn = /* @__PURE__ */ m({
+}, sn = ["onPointerdown"], cn = { key: 1 }, ln = ["colspan"], un = { class: "text-body-medium text-on-surface-variant" }, dn = ["onClick"], fn = ["onClick"], pn = { key: 0 }, mn = ["colspan"], hn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, gn = { class: "text-label-small text-on-surface-variant" }, _n = /* @__PURE__ */ m({
 	__name: "MDataTable",
 	props: {
 		columns: {},
@@ -1719,9 +1748,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				minWidth: e.minWidth
 			};
 		}
-		return (r, a) => (C(), l("div", Xt, [
-			t.searchable || t.columnToggle || t.exportable || r.$slots.toolbar ? (C(), l("div", Zt, [
-				t.searchable ? (C(), l("div", Qt, [
+		return (r, a) => (C(), l("div", qt, [
+			t.searchable || t.columnToggle || t.exportable || r.$slots.toolbar ? (C(), l("div", Jt, [
+				t.searchable ? (C(), l("div", Yt, [
 					p(e, {
 						name: "search",
 						size: 16,
@@ -1749,21 +1778,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: L(() => [t.selectable && W.value.length > 0 ? (C(), l("span", $t, A(W.value.length) + " seleccionado" + A(W.value.length === 1 ? "" : "s"), 1)) : c("", !0)]),
+					default: L(() => [t.selectable && W.value.length > 0 ? (C(), l("span", Xt, A(W.value.length) + " seleccionado" + A(W.value.length === 1 ? "" : "s"), 1)) : c("", !0)]),
 					_: 1
 				}),
-				t.columnToggle ? (C(), l("div", en, [p(Z, {
+				t.columnToggle ? (C(), l("div", Zt, [p(Z, {
 					icon: "view_column",
 					label: "Columnas",
 					size: 36,
 					onClick: a[2] ||= (e) => M.value = !M.value
-				}), M.value ? (C(), l("div", tn, [(C(!0), l(n, null, E(t.columns, (e) => (C(), l("label", {
+				}), M.value ? (C(), l("div", Qt, [(C(!0), l(n, null, E(t.columns, (e) => (C(), l("label", {
 					key: e.key,
 					class: "flex cursor-pointer items-center gap-2 px-3 py-1.5 hover:bg-on-surface/4"
 				}, [p(Q, {
 					"model-value": !k.value.has(e.key),
 					"onUpdate:modelValue": (t) => k.value.has(e.key) ? k.value.delete(e.key) : k.value.add(e.key)
-				}, null, 8, ["model-value", "onUpdate:modelValue"]), u("span", nn, A(e.label), 1)]))), 128))])) : c("", !0)])) : c("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"]), u("span", $t, A(e.label), 1)]))), 128))])) : c("", !0)])) : c("", !0),
 				t.exportable ? (C(), s(Z, {
 					key: 2,
 					icon: "download",
@@ -1772,7 +1801,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: de
 				})) : c("", !0)
 			])) : c("", !0),
-			u("div", rn, [u("table", an, [u("thead", { class: v(t.stickyHeader ? "sticky top-0 z-[1]" : "") }, [u("tr", on, [
+			u("div", en, [u("table", tn, [u("thead", { class: v(t.stickyHeader ? "sticky top-0 z-[1]" : "") }, [u("tr", nn, [
 				_.value ? (C(), l("th", {
 					key: 0,
 					class: v(["w-10 px-2", t.dense ? "py-2" : "py-3"])
@@ -1795,7 +1824,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						n.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (e) => n.sortable ? z(n.key) : void 0
-				}, [u("span", cn, [f(A(n.label) + " ", 1), n.sortable ? (C(), l("span", ln, [x.value === n.key && S.value === "asc" ? (C(), s(e, {
+				}, [u("span", an, [f(A(n.label) + " ", 1), n.sortable ? (C(), l("span", on, [x.value === n.key && S.value === "asc" ? (C(), s(e, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -1814,7 +1843,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: 0,
 					class: "absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-primary/30",
 					onPointerdown: (e) => ce(e, n)
-				}, null, 40, un)) : c("", !0)], 14, sn))), 128)),
+				}, null, 40, sn)) : c("", !0)], 14, rn))), 128)),
 				g.value ? (C(), l("th", {
 					key: 2,
 					class: v(["w-1 px-4", t.dense ? "py-2" : "py-3"])
@@ -1842,14 +1871,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: 2,
 					class: v(t.dense ? "px-4 py-2" : "px-4 py-3.5")
 				}, [...a[7] ||= [u("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]], 2)) : c("", !0)
-			]))), 128)) : U.value.length === 0 ? (C(), l("tr", dn, [u("td", {
+			]))), 128)) : U.value.length === 0 ? (C(), l("tr", cn, [u("td", {
 				colspan: I.value.length + ne.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [D(r.$slots, "empty", {}, () => [p(e, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), u("p", pn, A(t.emptyText), 1)])], 8, fn)])) : (C(!0), l(n, { key: 2 }, E(U.value, (e) => (C(), l(n, { key: G(e) }, [u("tr", {
+			}), u("p", un, A(t.emptyText), 1)])], 8, ln)])) : (C(!0), l(n, { key: 2 }, E(U.value, (e) => (C(), l(n, { key: G(e) }, [u("tr", {
 				class: v([
 					"border-t border-outline-variant transition-colors duration-100",
 					"hover:bg-on-surface/[0.04]",
@@ -1877,7 +1906,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				}, [p(Q, {
 					"model-value": K(e),
 					"onUpdate:modelValue": (t) => q(e)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, hn)) : c("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, fn)) : c("", !0),
 				(C(!0), l(n, null, E(I.value, (n) => (C(), l("td", {
 					key: n.key,
 					class: v([
@@ -1895,11 +1924,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					class: v(["text-right", t.dense ? "px-4 py-1" : "px-4 py-3"]),
 					onClick: a[4] ||= B(() => {}, ["stop"])
 				}, [D(r.$slots, "row-actions", { row: e })], 2)) : c("", !0)
-			], 10, mn), _.value && te(e) ? (C(), l("tr", gn, [u("td", {
+			], 10, dn), _.value && te(e) ? (C(), l("tr", pn, [u("td", {
 				colspan: I.value.length + ne.value,
 				class: "border-t border-outline-variant/50 bg-surface-container-lowest px-6 py-4"
-			}, [D(r.$slots, "row-expand", { row: e })], 8, _n)])) : c("", !0)], 64))), 128))])])]),
-			u("div", vn, [u("span", yn, A(H.value) + " registro" + A(H.value === 1 ? "" : "s"), 1), p(Yt, {
+			}, [D(r.$slots, "row-expand", { row: e })], 8, mn)])) : c("", !0)], 64))), 128))])])]),
+			u("div", hn, [u("span", gn, A(H.value) + " registro" + A(H.value === 1 ? "" : "s"), 1), p(Kt, {
 				page: w.value,
 				"per-page": t.perPage,
 				total: H.value,
@@ -1911,19 +1940,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			])])
 		]));
 	}
-}), xn = { class: "flex flex-col gap-1" }, Sn = {
+}), vn = { class: "flex flex-col gap-1" }, yn = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Cn = {
+}, bn = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, wn = {
+}, xn = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Tn = {
+}, Sn = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, En = { class: "mb-3 flex items-center justify-between" }, Dn = { class: "text-title-small font-medium capitalize text-on-surface" }, On = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, kn = { class: "grid grid-cols-7 gap-0.5" }, An = ["disabled", "onClick"], jn = /* @__PURE__ */ m({
+}, Cn = { class: "mb-3 flex items-center justify-between" }, wn = { class: "text-title-small font-medium capitalize text-on-surface" }, Tn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, En = { class: "grid grid-cols-7 gap-0.5" }, Dn = ["disabled", "onClick"], On = /* @__PURE__ */ m({
 	__name: "MDatePicker",
 	props: {
 		modelValue: {},
@@ -2043,7 +2072,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			e ? (U(), setTimeout(() => document.addEventListener("mousedown", W), 0)) : document.removeEventListener("mousedown", W);
 		}), x(() => window.addEventListener("scroll", G, !0)), S(() => {
 			window.removeEventListener("scroll", G, !0), document.removeEventListener("mousedown", W);
-		}), (a, o) => (C(), l("div", xn, [
+		}), (a, o) => (C(), l("div", vn, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -2059,7 +2088,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				H.value ? (C(), l("span", Sn, A(H.value), 1)) : (C(), l("span", Cn, A(t.placeholder || t.label || "Seleccionar fecha"), 1)),
+				H.value ? (C(), l("span", yn, A(H.value), 1)) : (C(), l("span", bn, A(t.placeholder || t.label || "Seleccionar fecha"), 1)),
 				t.modelValue ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -2071,7 +2100,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
 			}, A(t.label), 3)) : c("", !0)], 4),
-			t.error ? (C(), l("p", wn, A(t.error), 1)) : t.hint ? (C(), l("p", Tn, A(t.hint), 1)) : c("", !0),
+			t.error ? (C(), l("p", xn, A(t.error), 1)) : t.hint ? (C(), l("p", Sn, A(t.hint), 1)) : c("", !0),
 			(C(), s(r, { to: "body" }, [p(i, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2085,14 +2114,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					class: "fixed z-[500] w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: y(_.value)
 				}, [
-					u("div", En, [
+					u("div", Cn, [
 						p(Z, {
 							icon: "chevron_left",
 							label: "Mes anterior",
 							size: 36,
 							onClick: I
 						}),
-						u("span", Dn, A(O.value), 1),
+						u("span", wn, A(O.value), 1),
 						p(Z, {
 							icon: "chevron_right",
 							label: "Mes siguiente",
@@ -2100,39 +2129,39 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 							onClick: R
 						})
 					]),
-					u("div", On, [(C(!0), l(n, null, E(j(D), (e) => (C(), l("span", {
+					u("div", Tn, [(C(!0), l(n, null, E(j(D), (e) => (C(), l("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, A(e), 1))), 128))]),
-					u("div", kn, [(C(!0), l(n, null, E(k.value, (e, n) => (C(), l("button", {
+					u("div", En, [(C(!0), l(n, null, E(k.value, (e, n) => (C(), l("button", {
 						key: n,
 						type: "button",
 						class: v(["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 === t.modelValue ? "bg-primary text-on-primary" : P(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)
-					}, A(e.date), 11, An))), 128))])
+					}, A(e.date), 11, Dn))), 128))])
 				], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Mn = { class: "flex flex-col gap-1" }, Nn = {
+}), kn = { class: "flex flex-col gap-1" }, An = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Pn = {
+}, jn = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Fn = {
+}, Mn = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, In = {
+}, Nn = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ln = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, Rn = { class: "mb-3 flex items-center justify-between" }, zn = { class: "text-title-small font-medium capitalize text-on-surface" }, Bn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Vn = { class: "grid grid-cols-7 gap-0.5" }, Hn = [
+}, Pn = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, Fn = { class: "mb-3 flex items-center justify-between" }, In = { class: "text-title-small font-medium capitalize text-on-surface" }, Ln = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Rn = { class: "grid grid-cols-7 gap-0.5" }, zn = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], Un = /* @__PURE__ */ m({
+], Bn = /* @__PURE__ */ m({
 	__name: "MDateRangePicker",
 	props: {
 		modelValue: {},
@@ -2266,7 +2295,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			e ? (_.value = d.modelValue.start && !d.modelValue.end ? "end" : "start", K(), setTimeout(() => document.addEventListener("mousedown", q), 0)) : document.removeEventListener("mousedown", q);
 		}), x(() => window.addEventListener("scroll", J, !0)), S(() => {
 			window.removeEventListener("scroll", J, !0), document.removeEventListener("mousedown", q);
-		}), (a, o) => (C(), l("div", Mn, [
+		}), (a, o) => (C(), l("div", kn, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -2282,7 +2311,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				W.value ? (C(), l("span", Nn, A(W.value), 1)) : (C(), l("span", Pn, A(t.label || "Seleccionar rango"), 1)),
+				W.value ? (C(), l("span", An, A(W.value), 1)) : (C(), l("span", jn, A(t.label || "Seleccionar rango"), 1)),
 				t.modelValue.start || t.modelValue.end ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -2294,7 +2323,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
 			}, A(t.label), 3)) : c("", !0)], 4),
-			t.error ? (C(), l("p", Fn, A(t.error), 1)) : t.hint ? (C(), l("p", In, A(t.hint), 1)) : c("", !0),
+			t.error ? (C(), l("p", Mn, A(t.error), 1)) : t.hint ? (C(), l("p", Nn, A(t.hint), 1)) : c("", !0),
 			(C(), s(r, { to: "body" }, [p(i, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2308,15 +2337,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					class: "fixed z-[500] w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: y(w.value)
 				}, [
-					u("p", Ln, A(_.value === "start" ? "Selecciona inicio" : "Selecciona fin"), 1),
-					u("div", Rn, [
+					u("p", Pn, A(_.value === "start" ? "Selecciona inicio" : "Selecciona fin"), 1),
+					u("div", Fn, [
 						p(Z, {
 							icon: "chevron_left",
 							label: "Anterior",
 							size: 36,
 							onClick: H
 						}),
-						u("span", zn, A(M.value), 1),
+						u("span", In, A(M.value), 1),
 						p(Z, {
 							icon: "chevron_right",
 							label: "Siguiente",
@@ -2324,34 +2353,34 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 							onClick: U
 						})
 					]),
-					u("div", Bn, [(C(!0), l(n, null, E(j(k), (e) => (C(), l("span", {
+					u("div", Ln, [(C(!0), l(n, null, E(j(k), (e) => (C(), l("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, A(e), 1))), 128))]),
-					u("div", Vn, [(C(!0), l(n, null, E(N.value, (e, n) => (C(), l("button", {
+					u("div", Rn, [(C(!0), l(n, null, E(N.value, (e, n) => (C(), l("button", {
 						key: n,
 						type: "button",
 						class: v(["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 === t.modelValue.start || e.iso === t.modelValue.end ? "bg-primary text-on-primary rounded-full" : V(e.iso) ? "bg-primary/12 text-on-surface cursor-pointer" : e.iso === j(R) ? "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) => _.value === "end" && (b.value = e.iso),
 						onClick: (t) => z(e)
-					}, A(e.date), 43, Hn))), 128))])
+					}, A(e.date), 43, zn))), 128))])
 				], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Wn = {
+}), Vn = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, Gn = {
+}, Hn = {
 	key: 1,
 	class: "h-px flex-1 bg-outline-variant"
-}, Kn = {
+}, Un = {
 	key: 1,
 	class: "w-px self-stretch bg-outline-variant",
 	role: "separator"
-}, qn = /* @__PURE__ */ m({
+}, Wn = /* @__PURE__ */ m({
 	__name: "MDivider",
 	props: {
 		vertical: {
@@ -2365,25 +2394,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}
 	},
 	setup(e) {
-		return (t, n) => e.vertical ? (C(), l("div", Kn)) : (C(), l("div", {
+		return (t, n) => e.vertical ? (C(), l("div", Un)) : (C(), l("div", {
 			key: 0,
 			class: v(["flex items-center gap-3", e.inset && "ml-16"]),
 			role: "separator"
 		}, [
 			n[0] ||= u("div", { class: "h-px flex-1 bg-outline-variant" }, null, -1),
-			e.label ? (C(), l("span", Wn, A(e.label), 1)) : c("", !0),
-			e.label ? (C(), l("div", Gn)) : c("", !0)
+			e.label ? (C(), l("span", Vn, A(e.label), 1)) : c("", !0),
+			e.label ? (C(), l("div", Hn)) : c("", !0)
 		], 2));
 	}
-}), Jn = {
+}), Gn = {
 	class: "flex flex-col",
 	role: "listbox"
-}, Yn = [
+}, Kn = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], Xn = ["onDragstart"], Zn = { class: "min-w-0 flex-1" }, Qn = { class: "text-body-medium text-on-surface" }, $n = /* @__PURE__ */ m({
+], qn = ["onDragstart"], Jn = { class: "min-w-0 flex-1" }, Yn = { class: "text-body-medium text-on-surface" }, Xn = /* @__PURE__ */ m({
 	__name: "MDragDropList",
 	props: {
 		modelValue: {},
@@ -2427,7 +2456,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function y(e) {
 			return o.value === e ? "opacity-30" : s.value === e && o.value !== null ? "ring-2 ring-primary ring-inset" : "";
 		}
-		return (r, i) => (C(), l("div", Jn, [(C(!0), l(n, null, E(t.modelValue, (n, i) => (C(), l("div", {
+		return (r, i) => (C(), l("div", Gn, [(C(!0), l(n, null, E(t.modelValue, (n, i) => (C(), l("div", {
 			key: n.id,
 			draggable: !t.handle,
 			class: v(["group flex items-center gap-2 rounded-lg px-3 py-2 transition-all", [y(i), !t.handle && "cursor-grab active:cursor-grabbing"]]),
@@ -2445,12 +2474,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [p(e, {
 			name: "drag_indicator",
 			size: 20
-		})], 40, Xn)) : c("", !0), u("div", Zn, [D(r.$slots, "default", {
+		})], 40, qn)) : c("", !0), u("div", Jn, [D(r.$slots, "default", {
 			item: n,
 			index: i
-		}, () => [u("span", Qn, A(n.id), 1)])])], 42, Yn))), 128))]));
+		}, () => [u("span", Yn, A(n.id), 1)])])], 42, Kn))), 128))]));
 	}
-}), er = /* @__PURE__ */ m({
+}), Zn = /* @__PURE__ */ m({
 	__name: "MEmptyState",
 	props: {
 		icon: { default: "inbox" },
@@ -2475,13 +2504,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(n.$slots, "actions")], 2)) : c("", !0)
 		], 2));
 	}
-}), tr = ["aria-expanded", "disabled"], nr = { class: "flex-1 min-w-0" }, rr = { class: "text-body-large font-medium text-on-surface" }, ir = {
+}), Qn = ["aria-expanded", "disabled"], $n = { class: "flex-1 min-w-0" }, er = { class: "text-body-large font-medium text-on-surface" }, tr = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, ar = {
+}, nr = {
 	key: 0,
 	class: "expand-grid"
-}, or = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, sr = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, rr = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, ir = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MExpansionPanel",
 	props: {
 		title: {},
@@ -2516,24 +2545,24 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				size: 22,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : c("", !0),
-			u("div", nr, [u("p", rr, A(t.title), 1), t.subtitle ? (C(), l("p", ir, A(t.subtitle), 1)) : c("", !0)]),
+			u("div", $n, [u("p", er, A(t.title), 1), t.subtitle ? (C(), l("p", tr, A(t.subtitle), 1)) : c("", !0)]),
 			p(e, {
 				name: "expand_more",
 				size: 22,
 				class: v(["shrink-0 text-on-surface-variant transition-transform duration-200", f.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])
-		], 10, tr), p(i, { name: "expand" }, {
-			default: L(() => [f.value ? (C(), l("div", ar, [u("div", or, [D(n.$slots, "default", {}, void 0, !0)])])) : c("", !0)]),
+		], 10, Qn), p(i, { name: "expand" }, {
+			default: L(() => [f.value ? (C(), l("div", nr, [u("div", rr, [D(n.$slots, "default", {}, void 0, !0)])])) : c("", !0)]),
 			_: 3
 		})], 2));
 	}
-}), [["__scopeId", "data-v-89e4475b"]]), cr = ["disabled"], lr = {
+}), [["__scopeId", "data-v-89e4475b"]]), ar = {
 	key: 0,
 	class: "text-label-large font-medium"
-}, ur = ["data-tick"], dr = {
+}, or = ["data-tick"], sr = {
 	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"
-}, fr = ["onPointerdown"], $ = 40, pr = 8, mr = /* @__PURE__ */ m({
+}, $ = 40, cr = 8, lr = /* @__PURE__ */ m({
 	__name: "MFab",
 	props: {
 		icon: {},
@@ -2545,30 +2574,31 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			default: !1
 		},
 		items: {},
-		direction: { default: "up" }
+		direction: { default: "up" },
+		to: {}
 	},
 	emits: ["click"],
 	setup(t, { emit: i }) {
-		let a = t, d = i, f = T(!1), m = T(), h = o(() => !!a.items?.length), g = {
+		let a = t, d = o(() => a.to ? "RouterLink" : "button"), f = i, m = T(!1), h = T(), g = o(() => !!a.items?.length), _ = {
 			primary: "bg-primary-container text-on-primary-container",
 			secondary: "bg-secondary-container text-on-secondary-container",
 			tertiary: "bg-tertiary-container text-on-tertiary-container",
 			surface: "bg-surface-container-high text-primary"
-		}, _ = o(() => {
+		}, b = o(() => {
 			if (a.label) return "h-14 rounded-2xl px-4 gap-3";
 			switch (a.size) {
 				case "small": return "h-10 w-10 rounded-lg";
 				case "large": return "h-24 w-24 rounded-[28px]";
 				default: return "h-14 w-14 rounded-2xl";
 			}
-		}), b = o(() => {
+		}), w = o(() => {
 			if (a.label) return 24;
 			switch (a.size) {
 				case "small": return 20;
 				case "large": return 36;
 				default: return 24;
 			}
-		}), w = o(() => {
+		}), D = o(() => {
 			if (a.label) return 56;
 			switch (a.size) {
 				case "small": return 40;
@@ -2576,31 +2606,31 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				default: return 56;
 			}
 		});
-		function D() {
-			return m.value?.getBoundingClientRect() ?? null;
+		function O() {
+			return h.value?.getBoundingClientRect() ?? null;
 		}
-		function O(e) {
-			let t = D();
+		function j(e) {
+			let t = O();
 			if (!t) return {
 				position: "fixed",
 				opacity: "0",
 				pointerEvents: "none"
 			};
-			let n = t.left + t.width / 2, r = t.top + t.height / 2, i = a.items?.length ?? 0, o = f.value ? `${e * 35}ms` : `${(i - 1 - e) * 35}ms`, s = `transform 220ms cubic-bezier(0.2,0,0,1) ${o}, opacity 180ms ease ${o}`;
+			let n = t.left + t.width / 2, r = t.top + t.height / 2, i = a.items?.length ?? 0, o = m.value ? `${e * 35}ms` : `${(i - 1 - e) * 35}ms`, s = `transform 220ms cubic-bezier(0.2,0,0,1) ${o}, opacity 180ms ease ${o}`;
 			if (a.direction === "radial") {
 				let t = 2 * Math.PI * e / i - Math.PI / 2, a = (Math.cos(t) * 80).toFixed(1), o = (Math.sin(t) * 80).toFixed(1);
 				return {
 					position: "fixed",
 					top: `${r - $ / 2}px`,
 					left: `${n - $ / 2}px`,
-					transform: f.value ? `translate(${a}px, ${o}px) scale(1)` : "translate(0,0) scale(0)",
-					opacity: f.value ? "1" : "0",
+					transform: m.value ? `translate(${a}px, ${o}px) scale(1)` : "translate(0,0) scale(0)",
+					opacity: m.value ? "1" : "0",
 					transition: s,
-					pointerEvents: f.value ? "auto" : "none",
+					pointerEvents: m.value ? "auto" : "none",
 					zIndex: "1000"
 				};
 			}
-			let c = w.value / 2 + pr + $ / 2 + e * 48, l = {
+			let c = D.value / 2 + cr + $ / 2 + e * 48, l = {
 				up: {
 					top: `${r - c - $ / 2}px`,
 					left: `${n - $ / 2}px`
@@ -2626,84 +2656,103 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			return {
 				position: "fixed",
 				...l[a.direction] ?? l.up,
-				transform: f.value ? "translate(0,0) scale(1)" : u[a.direction] ?? "scale(0.75)",
-				opacity: f.value ? "1" : "0",
+				transform: m.value ? "translate(0,0) scale(1)" : u[a.direction] ?? "scale(0.75)",
+				opacity: m.value ? "1" : "0",
 				transition: s,
-				pointerEvents: f.value ? "auto" : "none",
+				pointerEvents: m.value ? "auto" : "none",
 				zIndex: "1000"
 			};
 		}
-		let k = o(() => a.direction === "up" || a.direction === "down"), j = T(0);
-		function M() {
-			f.value && j.value++;
+		let M = o(() => a.direction === "up" || a.direction === "down"), N = T(0);
+		function P() {
+			m.value && N.value++;
 		}
-		function N(e, t) {
+		function F(e, t) {
 			let n = t ?? e.currentTarget, r = n.getBoundingClientRect(), i = Math.max(r.width, r.height) * 2, a = document.createElement("span");
 			a.className = "m3-ripple", a.style.cssText = `width:${i}px;height:${i}px;top:${e.clientY - r.top - i / 2}px;left:${e.clientX - r.left - i / 2}px`, n.appendChild(a), a.addEventListener("animationend", () => a.remove(), { once: !0 });
 		}
-		function P(e) {
-			h.value ? f.value = !f.value : d("click", e);
+		function I(e) {
+			g.value ? m.value = !m.value : f("click", e);
 		}
-		function F(e, t, n) {
-			N(e, n), f.value = !1, t.onClick?.();
+		function R(e, t, n) {
+			F(e, n), m.value = !1, t.onClick?.();
 		}
-		function I(e) {
-			f.value && m.value && !m.value.contains(e.target) && (f.value = !1);
+		function z(e) {
+			m.value && h.value && !h.value.contains(e.target) && (m.value = !1);
 		}
 		return x(() => {
-			document.addEventListener("click", I, !0), window.addEventListener("scroll", M, !0);
+			document.addEventListener("click", z, !0), window.addEventListener("scroll", P, !0);
 		}), S(() => {
-			document.removeEventListener("click", I, !0), window.removeEventListener("scroll", M, !0);
+			document.removeEventListener("click", z, !0), window.removeEventListener("scroll", P, !0);
 		}), (i, a) => (C(), l(n, null, [u("div", {
 			ref_key: "fabEl",
-			ref: m,
+			ref: h,
 			class: "relative inline-flex items-center justify-center"
-		}, [u("button", {
-			type: "button",
-			class: v(["relative inline-flex cursor-pointer items-center justify-center overflow-hidden shadow-elevation-1 transition-shadow duration-150 hover:shadow-elevation-2 active:shadow-elevation-1 disabled:cursor-not-allowed disabled:opacity-[0.38] 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]", [g[t.color], _.value]]),
+		}, [(C(), s(k(d.value), {
+			to: t.to || void 0,
+			type: t.to ? void 0 : "button",
+			class: v(["relative inline-flex cursor-pointer items-center justify-center overflow-hidden shadow-elevation-1 transition-shadow duration-150 hover:shadow-elevation-2 active:shadow-elevation-1 disabled:cursor-not-allowed disabled:opacity-[0.38] 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]", [_[t.color], b.value]]),
 			disabled: t.disabled,
 			onPointerdown: a[0] ||= (e) => {
-				N(e), P(e);
+				F(e), I(e);
 			}
-		}, [p(e, {
-			name: t.icon,
-			size: b.value,
-			class: v(["transition-transform duration-300 ease-[cubic-bezier(0.34,1.56,0.64,1)]", h.value && f.value ? "rotate-45" : ""])
-		}, null, 8, [
-			"name",
-			"size",
-			"class"
-		]), t.label ? (C(), l("span", lr, A(t.label), 1)) : c("", !0)], 42, cr)], 512), (C(), s(r, { to: "body" }, [h.value ? (C(), l(n, { key: 0 }, [u("span", {
-			"data-tick": j.value,
+		}, {
+			default: L(() => [p(e, {
+				name: t.icon,
+				size: w.value,
+				class: v(["transition-transform duration-300 ease-[cubic-bezier(0.34,1.56,0.64,1)]", g.value && m.value ? "rotate-45" : ""])
+			}, null, 8, [
+				"name",
+				"size",
+				"class"
+			]), t.label ? (C(), l("span", ar, A(t.label), 1)) : c("", !0)]),
+			_: 1
+		}, 40, [
+			"to",
+			"type",
+			"class",
+			"disabled"
+		]))], 512), (C(), s(r, { to: "body" }, [g.value ? (C(), l(n, { key: 0 }, [u("span", {
+			"data-tick": N.value,
 			class: "hidden"
-		}, null, 8, ur), (C(!0), l(n, null, E(t.items, (n, r) => (C(), l("div", {
+		}, null, 8, or), (C(!0), l(n, null, E(t.items, (n, r) => (C(), l("div", {
 			key: r,
-			style: y(O(r)),
-			class: v(["flex items-center gap-3", k.value ? "flex-row-reverse" : ""])
-		}, [n.label && k.value ? (C(), l("span", dr, A(n.label), 1)) : c("", !0), u("button", {
-			type: "button",
-			class: v(["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]", g[t.color]]),
+			style: y(j(r)),
+			class: v(["flex items-center gap-3", M.value ? "flex-row-reverse" : ""])
+		}, [n.label && M.value ? (C(), l("span", sr, A(n.label), 1)) : c("", !0), (C(), s(k(n.to ? "RouterLink" : "button"), {
+			to: n.to || void 0,
+			type: n.to ? void 0 : "button",
+			class: v(["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]", _[t.color]]),
 			style: y({
 				width: `${$}px`,
 				height: `${$}px`
 			}),
-			onPointerdown: (e) => F(e, n, e.currentTarget)
-		}, [p(e, {
-			name: n.icon,
-			size: 20
-		}, null, 8, ["name"])], 46, fr)], 6))), 128))], 64)) : c("", !0)]))], 64));
+			onPointerdown: (e) => R(e, n, e.currentTarget)
+		}, {
+			default: L(() => [p(e, {
+				name: n.icon,
+				size: 20
+			}, null, 8, ["name"])]),
+			_: 2
+		}, 1064, [
+			"to",
+			"type",
+			"class",
+			"style",
+			"onPointerdown"
+		]))], 6))), 128))], 64)) : c("", !0)]))], 64));
 	}
-}), hr = { class: "flex flex-col gap-3" }, gr = { class: "text-center" }, _r = {
+}), ur = { class: "flex flex-col gap-3" }, dr = { class: "text-center" }, fr = {
 	key: 0,
 	class: "mt-1 text-body-small text-on-surface-variant"
-}, vr = { key: 0 }, yr = { key: 1 }, br = { key: 2 }, xr = [
+}, pr = { key: 0 }, mr = { key: 1 }, hr = { key: 2 }, gr = [
 	"accept",
 	"multiple",
 	"disabled"
-], Sr = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, Cr = ["src"], wr = { class: "min-w-0 flex-1" }, Tr = { class: "truncate text-body-medium text-on-surface" }, Er = { class: "text-body-small text-on-surface-variant" }, Dr = {
+], _r = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, vr = ["src"], yr = { class: "min-w-0 flex-1" }, br = { class: "truncate text-body-medium text-on-surface" }, xr = { class: "text-body-small text-on-surface-variant" }, Sr = {
 	key: 0,
 	class: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-surface-container-highest"
-}, Or = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Cr = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MFileUpload",
 	props: {
 		accept: {},
@@ -2751,7 +2800,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function k() {
 			i.disabled || g.value?.click();
 		}
-		return (r, i) => (C(), l("div", hr, [
+		return (r, i) => (C(), l("div", ur, [
 			u("div", {
 				class: v(["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" : h.value ? "border-primary bg-primary-container/20" : "border-outline-variant bg-surface-container-lowest hover:border-primary/60 hover:bg-surface-container"]]),
 				onClick: k,
@@ -2763,10 +2812,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: h.value ? "downloading" : "cloud_upload",
 				size: 40,
 				class: "text-on-surface-variant"
-			}, null, 8, ["name"]), u("div", gr, [i[3] ||= u("p", { class: "text-body-large text-on-surface" }, [f(" Arrastra archivos aquí o "), u("span", { class: "font-medium text-primary" }, "selecciona")], -1), t.accept || t.maxSize ? (C(), l("p", _r, [
-				t.accept ? (C(), l("span", vr, A(t.accept), 1)) : c("", !0),
-				t.accept && t.maxSize ? (C(), l("span", yr, " · ")) : c("", !0),
-				t.maxSize ? (C(), l("span", br, "Máx. " + A(x(t.maxSize)), 1)) : c("", !0)
+			}, null, 8, ["name"]), u("div", dr, [i[3] ||= u("p", { class: "text-body-large text-on-surface" }, [f(" Arrastra archivos aquí o "), u("span", { class: "font-medium text-primary" }, "selecciona")], -1), t.accept || t.maxSize ? (C(), l("p", fr, [
+				t.accept ? (C(), l("span", pr, A(t.accept), 1)) : c("", !0),
+				t.accept && t.maxSize ? (C(), l("span", mr, " · ")) : c("", !0),
+				t.maxSize ? (C(), l("span", hr, "Máx. " + A(x(t.maxSize)), 1)) : c("", !0)
 			])) : c("", !0)])], 34),
 			u("input", {
 				ref_key: "inputRef",
@@ -2777,7 +2826,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				multiple: t.multiple,
 				disabled: t.disabled,
 				onChange: D
-			}, null, 40, xr),
+			}, null, 40, gr),
 			p(a, {
 				name: "m3-file",
 				tag: "div",
@@ -2787,20 +2836,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: t.id,
 					class: "flex items-center gap-3 rounded-lg bg-surface-container p-3"
 				}, [
-					u("div", Sr, [t.preview ? (C(), l("img", {
+					u("div", _r, [t.preview ? (C(), l("img", {
 						key: 0,
 						src: t.preview,
 						class: "h-full w-full object-cover"
-					}, null, 8, Cr)) : (C(), s(e, {
+					}, null, 8, vr)) : (C(), s(e, {
 						key: 1,
 						name: "description",
 						size: 24,
 						class: "text-on-surface-variant"
 					}))]),
-					u("div", wr, [
-						u("p", Tr, A(t.file.name), 1),
-						u("p", Er, A(x(t.file.size)), 1),
-						t.status === "uploading" ? (C(), l("div", Dr, [u("div", {
+					u("div", yr, [
+						u("p", br, A(t.file.name), 1),
+						u("p", xr, A(x(t.file.size)), 1),
+						t.status === "uploading" ? (C(), l("div", Sr, [u("div", {
 							class: "h-full rounded-full bg-primary transition-[width] duration-300",
 							style: y({ width: `${t.progress}%` })
 						}, null, 4)])) : c("", !0)
@@ -2830,7 +2879,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-34a862f0"]]), kr = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-34a862f0"]]), wr = /* @__PURE__ */ m({
 	__name: "MGrid",
 	props: {
 		cols: { default: 1 },
@@ -2906,13 +2955,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		]);
 		return (e, t) => (C(), l("div", { class: v(d.value) }, [D(e.$slots, "default")], 2));
 	}
-}), Ar = {
+}), Tr = {
 	key: 0,
 	class: "flex flex-col gap-4"
-}, jr = {
+}, Er = {
 	key: 0,
 	class: "mb-2 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Mr = { class: "flex flex-col gap-1" }, Nr = { class: "text-body-medium text-on-surface" }, Pr = { class: "flex items-center gap-0.5" }, Fr = /* @__PURE__ */ m({
+}, Dr = { class: "flex flex-col gap-1" }, Or = { class: "text-body-medium text-on-surface" }, kr = { class: "flex items-center gap-0.5" }, Ar = /* @__PURE__ */ m({
 	__name: "MHotkeys",
 	props: {
 		bindings: {},
@@ -2969,21 +3018,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}
 			return e;
 		};
-		return (t, r) => e.showOverlay ? (C(), l("div", Ar, [(C(!0), l(n, null, E(d(), ([e, t]) => (C(), l("div", { key: e }, [e ? (C(), l("p", jr, A(e), 1)) : c("", !0), u("div", Mr, [(C(!0), l(n, null, E(t, (e) => (C(), l("div", {
+		return (t, r) => e.showOverlay ? (C(), l("div", Tr, [(C(!0), l(n, null, E(d(), ([e, t]) => (C(), l("div", { key: e }, [e ? (C(), l("p", Er, A(e), 1)) : c("", !0), u("div", Dr, [(C(!0), l(n, null, E(t, (e) => (C(), l("div", {
 			key: e.keys,
 			class: v(["flex items-center justify-between rounded-lg px-3 py-2 transition-colors hover:bg-on-surface/4", e.disabled && "opacity-38"])
-		}, [u("span", Nr, A(e.label), 1), u("div", Pr, [(C(!0), l(n, null, E(e.keys.split("+"), (e, t) => (C(), l("kbd", {
+		}, [u("span", Or, A(e.label), 1), u("div", kr, [(C(!0), l(n, null, E(e.keys.split("+"), (e, t) => (C(), l("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"
 		}, A(i(e.trim())), 1))), 128))])], 2))), 128))])]))), 128))])) : c("", !0);
 	}
-}), Ir = {
+}), jr = {
 	key: 0,
 	class: "flex items-center gap-3"
-}, Lr = { class: "text-body-medium text-on-surface-variant" }, Rr = {
+}, Mr = { class: "text-body-medium text-on-surface-variant" }, Nr = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, zr = /* @__PURE__ */ m({
+}, Pr = /* @__PURE__ */ m({
 	__name: "MInfiniteScroll",
 	props: {
 		loading: {
@@ -3014,30 +3063,30 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			ref_key: "sentinelRef",
 			ref: i,
 			class: "flex items-center justify-center py-4"
-		}, [e.loading ? (C(), l("div", Ir, [p(Be, {
+		}, [e.loading ? (C(), l("div", jr, [p(Be, {
 			size: 20,
 			class: "text-primary"
-		}), u("span", Lr, A(e.loadingText), 1)])) : e.ended ? (C(), l("p", Rr, A(e.endText), 1)) : D(t.$slots, "idle", { key: 2 })], 512)]));
+		}), u("span", Mr, A(e.loadingText), 1)])) : e.ended ? (C(), l("p", Nr, A(e.endText), 1)) : D(t.$slots, "idle", { key: 2 })], 512)]));
 	}
-}), Br = {
+}), Fr = {
 	key: 0,
 	class: "text-tertiary"
-}, Vr = { class: "text-on-surface-variant" }, Hr = {
+}, Ir = { class: "text-on-surface-variant" }, Lr = {
 	key: 1,
 	class: "text-on-surface-variant/60"
-}, Ur = {
+}, Rr = {
 	key: 2,
 	class: "text-on-surface-variant"
-}, Wr = {
+}, zr = {
 	key: 0,
 	class: "ml-5 border-l border-outline-variant/40 pl-2"
-}, Gr = { class: "shrink-0 text-primary" }, Kr = {
+}, Br = { class: "shrink-0 text-primary" }, Vr = {
 	key: 0,
 	class: "shrink-0 text-on-surface-variant mr-1"
-}, qr = {
+}, Hr = {
 	key: 1,
 	class: "ml-5 text-on-surface-variant"
-}, Jr = /* @__PURE__ */ m({
+}, Ur = /* @__PURE__ */ m({
 	__name: "MJsonViewer",
 	props: {
 		data: {},
@@ -3078,17 +3127,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 16,
 						class: "text-on-surface-variant transition-transform duration-100"
 					}, null, 8, ["name"]),
-					t._depth === 0 || t.rootName ? (C(), l("span", Br, A(t._depth === 0 ? t.rootName : ""), 1)) : c("", !0),
-					u("span", Vr, A(h.value), 1),
-					i.value ? c("", !0) : (C(), l("span", Hr, A(m.value) + " " + A(a.value === "array" ? "elementos" : "campos"), 1)),
-					i.value ? c("", !0) : (C(), l("span", Ur, A(g.value), 1))
+					t._depth === 0 || t.rootName ? (C(), l("span", Fr, A(t._depth === 0 ? t.rootName : ""), 1)) : c("", !0),
+					u("span", Ir, A(h.value), 1),
+					i.value ? c("", !0) : (C(), l("span", Lr, A(m.value) + " " + A(a.value === "array" ? "elementos" : "campos"), 1)),
+					i.value ? c("", !0) : (C(), l("span", Rr, A(g.value), 1))
 				]),
-				i.value ? (C(), l("div", Wr, [(C(!0), l(n, null, E(f.value, (e) => (C(), l("div", {
+				i.value ? (C(), l("div", zr, [(C(!0), l(n, null, E(f.value, (e) => (C(), l("div", {
 					key: e.key,
 					class: "flex items-start"
 				}, [
-					u("span", Gr, A(a.value === "array" ? "" : `"${e.key}"`), 1),
-					a.value === "array" ? c("", !0) : (C(), l("span", Kr, ":")),
+					u("span", Br, A(a.value === "array" ? "" : `"${e.key}"`), 1),
+					a.value === "array" ? c("", !0) : (C(), l("span", Vr, ":")),
 					e.value !== null && typeof e.value == "object" ? (C(), s(b, {
 						key: 1,
 						data: e.value,
@@ -3105,21 +3154,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						class: v(_(e.value))
 					}, A(y(e.value)), 3))
 				]))), 128))])) : c("", !0),
-				i.value ? (C(), l("span", qr, A(g.value), 1)) : c("", !0)
+				i.value ? (C(), l("span", Hr, A(g.value), 1)) : c("", !0)
 			], 64)) : (C(), l("span", {
 				key: 1,
 				class: v(_(t.data))
 			}, A(y(t.data)), 3))], 2);
 		};
 	}
-}), Yr = { class: "flex gap-4 overflow-x-auto pb-2" }, Xr = ["onDragover", "onDrop"], Zr = { class: "flex items-center gap-2 px-4 py-3" }, Qr = { class: "flex-1 text-title-small font-medium text-on-surface" }, $r = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, ei = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, ti = [
+}), Wr = { class: "flex gap-4 overflow-x-auto pb-2" }, Gr = ["onDragover", "onDrop"], Kr = { class: "flex items-center gap-2 px-4 py-3" }, qr = { class: "flex-1 text-title-small font-medium text-on-surface" }, Jr = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, Yr = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, Xr = [
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], ni = { class: "text-body-medium text-on-surface" }, ri = {
+], Zr = { class: "text-body-medium text-on-surface" }, Qr = {
 	key: 0,
 	class: "flex flex-1 items-center justify-center rounded-lg border border-dashed border-outline-variant/50 p-4"
-}, ii = /* @__PURE__ */ m({
+}, $r = /* @__PURE__ */ m({
 	__name: "MKanban",
 	props: { modelValue: {} },
 	emits: [
@@ -3178,20 +3227,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function g() {
 			a.value = null, o.value = null, s.value = null;
 		}
-		return (t, r) => (C(), l("div", Yr, [(C(!0), l(n, null, E(e.modelValue, (e) => (C(), l("div", {
+		return (t, r) => (C(), l("div", Wr, [(C(!0), l(n, null, E(e.modelValue, (e) => (C(), l("div", {
 			key: e.id,
 			class: v(["flex w-72 shrink-0 flex-col rounded-xl bg-surface-container-low", o.value === e.id && a.value ? "ring-2 ring-primary ring-inset" : ""]),
 			onDragover: (t) => p(t, e.id),
 			onDragleave: r[0] ||= (e) => o.value = null,
 			onDrop: (t) => h(t, e.id)
-		}, [u("div", Zr, [
+		}, [u("div", Kr, [
 			e.color ? (C(), l("div", {
 				key: 0,
 				class: v(["h-2.5 w-2.5 rounded-full", d[e.color] ?? "bg-primary"])
 			}, null, 2)) : c("", !0),
-			u("h3", Qr, A(e.title), 1),
-			u("span", $r, A(e.cards.length), 1)
-		]), u("div", ei, [(C(!0), l(n, null, E(e.cards, (n, r) => (C(), l("div", {
+			u("h3", qr, A(e.title), 1),
+			u("span", Jr, A(e.cards.length), 1)
+		]), u("div", Yr, [(C(!0), l(n, null, E(e.cards, (n, r) => (C(), l("div", {
 			key: n.id,
 			draggable: "true",
 			class: v(["cursor-grab rounded-lg bg-surface p-3 shadow-elevation-1 transition-all duration-150 active:cursor-grabbing", [a.value?.cardId === n.id ? "opacity-30" : "hover:shadow-elevation-2", s.value === r && o.value === e.id && a.value ? "border-t-2 border-primary" : ""]]),
@@ -3205,18 +3254,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [D(t.$slots, "card", {
 			card: n,
 			column: e
-		}, () => [u("p", ni, A(n.id), 1)])], 42, ti))), 128)), e.cards.length === 0 ? (C(), l("div", ri, [...r[1] ||= [u("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : c("", !0)])], 42, Xr))), 128))]));
+		}, () => [u("p", Zr, A(n.id), 1)])], 42, Xr))), 128)), e.cards.length === 0 ? (C(), l("div", Qr, [...r[1] ||= [u("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : c("", !0)])], 42, Gr))), 128))]));
 	}
-}), ai = {
+}), ei = {
 	key: 0,
 	class: "text-body-large text-on-surface-variant"
-}, oi = {
+}, ti = {
 	key: 1,
 	class: "relative"
-}, si = {
+}, ni = {
 	key: 0,
 	class: "text-body-medium text-on-surface-variant"
-}, ci = /* @__PURE__ */ m({
+}, ri = /* @__PURE__ */ m({
 	__name: "MLoadingOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -3249,11 +3298,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (C(), l("p", ai, A(e.text), 1)) : c("", !0),
+				e.text ? (C(), l("p", ei, A(e.text), 1)) : c("", !0),
 				D(t.$slots, "default")
 			], 2)) : c("", !0)]),
 			_: 3
-		})])) : (C(), l("div", oi, [D(t.$slots, "content"), p(i, {
+		})])) : (C(), l("div", ti, [D(t.$slots, "content"), p(i, {
 			"enter-active-class": "transition-opacity duration-200",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-150",
@@ -3267,13 +3316,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (C(), l("p", si, A(e.text), 1)) : c("", !0),
+				e.text ? (C(), l("p", ni, A(e.text), 1)) : c("", !0),
 				D(t.$slots, "default")
 			], 2)) : c("", !0)]),
 			_: 3
 		})]));
 	}
-}), li = /* @__PURE__ */ m({
+}), ii = /* @__PURE__ */ m({
 	__name: "MMasonry",
 	props: {
 		cols: { default: 2 },
@@ -3324,7 +3373,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			class: "relative w-full"
 		}, [D(e.$slots, "default")], 512));
 	}
-}), ui = /* @__PURE__ */ m({
+}), ai = /* @__PURE__ */ m({
 	__name: "MMenu",
 	props: { align: { default: "right" } },
 	setup(e, { expose: t }) {
@@ -3393,49 +3442,57 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 3
 		})]))], 64));
 	}
-}), di = {
-	type: "button",
-	class: "flex w-full cursor-pointer items-center gap-3 px-4 py-2.5 text-left text-body-large text-on-surface hover:bg-on-surface/8"
-}, fi = /* @__PURE__ */ m({
+}), oi = /* @__PURE__ */ m({
 	__name: "MMenuItem",
-	props: { icon: {} },
+	props: {
+		icon: {},
+		to: {}
+	},
 	setup(t) {
-		return (n, r) => (C(), l("button", di, [t.icon ? (C(), s(e, {
-			key: 0,
-			name: t.icon,
-			size: 20,
-			class: "text-on-surface-variant"
-		}, null, 8, ["name"])) : c("", !0), D(n.$slots, "default")]));
+		let n = t, r = o(() => n.to ? "RouterLink" : "button");
+		return (n, i) => (C(), s(k(r.value), {
+			to: t.to || void 0,
+			type: t.to ? void 0 : "button",
+			class: "flex w-full cursor-pointer items-center gap-3 px-4 py-2.5 text-left text-body-large text-on-surface hover:bg-on-surface/8"
+		}, {
+			default: L(() => [t.icon ? (C(), s(e, {
+				key: 0,
+				name: t.icon,
+				size: 20,
+				class: "text-on-surface-variant"
+			}, null, 8, ["name"])) : c("", !0), D(n.$slots, "default")]),
+			_: 3
+		}, 8, ["to", "type"]));
 	}
-}), pi = { class: "flex flex-col gap-1" }, mi = {
+}), si = { class: "flex flex-col gap-1" }, ci = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, hi = [
+}, li = [
 	"id",
 	"tabindex",
 	"aria-expanded"
-], gi = ["onClick"], _i = {
+], ui = ["onClick"], di = {
 	key: 0,
 	class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant"
-}, vi = {
+}, fi = {
 	key: 1,
 	class: "text-body-large text-on-surface-variant opacity-0"
-}, yi = {
+}, pi = {
 	key: 0,
 	class: "text-error"
-}, bi = { class: "pointer-events-none absolute right-2 top-7 -translate-y-1/2" }, xi = {
+}, mi = { class: "pointer-events-none absolute right-2 top-7 -translate-y-1/2" }, hi = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Si = {
+}, gi = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ci = {
+}, _i = {
 	key: 0,
 	class: "sticky top-0 bg-surface-container px-3 py-2"
-}, wi = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, Ti = { class: "flex flex-col py-1" }, Ei = { class: "text-body-large text-on-surface" }, Di = {
+}, vi = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, yi = { class: "flex flex-col py-1" }, bi = { class: "text-body-large text-on-surface" }, xi = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, Oi = /* @__PURE__ */ m({
+}, Si = /* @__PURE__ */ m({
 	__name: "MMultiSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3540,13 +3597,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				g.value ? d.error ? "text-error" : "text-primary" : d.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (a, o) => (C(), l(n, null, [u("div", pi, [u("div", {
+		return (a, o) => (C(), l(n, null, [u("div", si, [u("div", {
 			ref_key: "fieldEl",
 			ref: w,
 			class: v(["relative", t.variant === "outlined" ? "mt-2" : ""]),
 			style: y(t.variant === "outlined" ? { "--field-bg": j(D) } : void 0)
 		}, [
-			t.leadingIcon ? (C(), l("div", mi, [p(e, {
+			t.leadingIcon ? (C(), l("div", ci, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -3573,14 +3630,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [p(e, {
 				name: "close",
 				size: 12
-			})], 8, gi)]))), 128)), H.value > 0 ? (C(), l("span", _i, " +" + A(H.value), 1)) : c("", !0)], 64)) : g.value ? c("", !0) : (C(), l("span", vi, A(t.placeholder), 1))], 42, hi),
-			u("label", { class: v(X.value) }, [f(A(t.label), 1), t.required ? (C(), l("span", yi, "\xA0*")) : c("", !0)], 2),
-			u("div", bi, [p(e, {
+			})], 8, ui)]))), 128)), H.value > 0 ? (C(), l("span", di, " +" + A(H.value), 1)) : c("", !0)], 64)) : g.value ? c("", !0) : (C(), l("span", fi, A(t.placeholder), 1))], 42, li),
+			u("label", { class: v(X.value) }, [f(A(t.label), 1), t.required ? (C(), l("span", pi, "\xA0*")) : c("", !0)], 2),
+			u("div", mi, [p(e, {
 				name: g.value ? "arrow_drop_up" : "arrow_drop_down",
 				size: 24,
 				class: "text-on-surface-variant"
 			}, null, 8, ["name"])])
-		], 6), t.error ? (C(), l("p", xi, A(t.error), 1)) : t.hint ? (C(), l("p", Si, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
+		], 6), t.error ? (C(), l("p", hi, A(t.error), 1)) : t.hint ? (C(), l("p", gi, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
 			"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",
@@ -3594,7 +3651,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				ref: O,
 				class: "fixed z-[500] max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
 				style: y(N.value)
-			}, [t.searchable ? (C(), l("div", Ci, [u("div", wi, [p(e, {
+			}, [t.searchable ? (C(), l("div", _i, [u("div", vi, [p(e, {
 				name: "search",
 				size: 16,
 				class: "shrink-0 text-on-surface-variant"
@@ -3605,7 +3662,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				type: "text",
 				placeholder: "Buscar...",
 				class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-			}, null, 512), [[P, b.value]])])])) : c("", !0), u("div", Ti, [(C(!0), l(n, null, E(I.value, (e) => (C(), l("label", {
+			}, null, 512), [[P, b.value]])])])) : c("", !0), u("div", yi, [(C(!0), l(n, null, E(I.value, (e) => (C(), l("label", {
 				key: e.value,
 				class: v(["flex cursor-pointer items-center gap-3 px-4 py-2 hover:bg-on-surface/8", e.disabled ? "cursor-not-allowed opacity-38" : ""])
 			}, [p(Q, {
@@ -3616,11 +3673,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), u("span", Ei, A(e.label), 1)], 2))), 128)), I.value.length === 0 ? (C(), l("p", Di, " Sin resultados ")) : c("", !0)])], 4)) : c("", !0)]),
+			]), u("span", bi, A(e.label), 1)], 2))), 128)), I.value.length === 0 ? (C(), l("p", xi, " Sin resultados ")) : c("", !0)])], 4)) : c("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), ki = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, Ai = ["onClick"], ji = /* @__PURE__ */ m({
+}), Ci = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, wi = ["onClick"], Ti = /* @__PURE__ */ m({
 	__name: "MNavigationBar",
 	props: {
 		modelValue: {},
@@ -3628,7 +3685,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	},
 	emits: ["update:modelValue"],
 	setup(t) {
-		return (r, i) => (C(), l("nav", ki, [(C(!0), l(n, null, E(t.items, (n) => (C(), l("button", {
+		return (r, i) => (C(), l("nav", Ci, [(C(!0), l(n, null, E(t.items, (n) => (C(), l("button", {
 			key: n.value,
 			type: "button",
 			class: v(["group flex flex-1 cursor-pointer flex-col items-center justify-center gap-1 self-stretch transition-colors focus-visible:outline-none", n.value === t.modelValue ? "text-on-secondary-container" : "text-on-surface-variant"]),
@@ -3655,39 +3712,45 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), u("span", { class: v(["text-label-medium transition-[font-weight] duration-150", n.value === t.modelValue ? "font-bold" : "font-medium"]) }, A(n.label), 3)], 10, Ai))), 128))]));
+		}, 1032, ["count"]))], 2), u("span", { class: v(["text-label-medium transition-[font-weight] duration-150", n.value === t.modelValue ? "font-bold" : "font-medium"]) }, A(n.label), 3)], 10, wi))), 128))]));
 	}
-}), Mi = {
+}), Ei = {
 	key: 0,
 	class: "fixed inset-0 z-[100] flex"
-}, Ni = { class: "nd-panel relative flex h-full w-72 max-w-[85vw] flex-col bg-surface-container shadow-elevation-3" }, Pi = {
+}, Di = { class: "nd-panel relative flex h-full w-72 max-w-[85vw] flex-col bg-surface-container shadow-elevation-3" }, Oi = {
 	key: 0,
 	class: "shrink-0 px-5 pt-6 pb-2"
-}, Fi = { class: "text-title-small font-medium text-on-surface-variant" }, Ii = { class: "flex-1 overflow-y-auto px-3 py-2" }, Li = {
+}, ki = { class: "text-title-small font-medium text-on-surface-variant" }, Ai = { class: "flex-1 overflow-y-auto px-3 py-2" }, ji = {
 	key: 0,
-	class: "my-2 border-t border-outline-variant"
-}, Ri = {
-	key: 1,
+	class: "my-1 border-t border-outline-variant"
+}, Mi = ["onClick"], Ni = { class: "flex-1 text-left text-title-small font-medium" }, Pi = {
+	key: 2,
 	class: "px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant"
-}, zi = ["disabled", "onClick"], Bi = { class: "flex-1 text-label-large font-medium" }, Vi = {
+}, Fi = {
+	key: 0,
+	class: "nd-section-grid"
+}, Ii = { class: "nd-section-body" }, Li = { class: "flex-1 text-label-large font-medium" }, Ri = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, Hi = {
+}, zi = {
+	key: 0,
+	class: "shrink-0"
+}, Bi = {
 	key: 1,
-	class: "flex h-full w-72 flex-col border-r border-outline-variant bg-surface"
-}, Ui = {
+	class: "nd-collapse-h shrink-0 overflow-hidden"
+}, Vi = { class: "px-5 pt-6 pb-2" }, Hi = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Ui = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, Wi = {
 	key: 0,
-	class: "shrink-0 px-5 pt-6 pb-2"
-}, Wi = { class: "text-title-small font-medium text-on-surface-variant" }, Gi = { class: "flex-1 overflow-y-auto px-3 py-2" }, Ki = {
+	class: "my-1 border-t border-outline-variant"
+}, Gi = ["title", "onClick"], Ki = { class: "min-w-0 flex-1 text-left text-title-small font-medium" }, qi = {
+	key: 2,
+	class: "nd-collapse-h overflow-hidden"
+}, Ji = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, Yi = {
 	key: 0,
-	class: "my-2 border-t border-outline-variant"
-}, qi = {
-	key: 1,
-	class: "px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant"
-}, Ji = ["disabled", "onClick"], Yi = { class: "flex-1 text-label-large font-medium" }, Xi = {
+	class: "nd-section-grid"
+}, Xi = { class: "nd-section-body" }, Zi = { class: "min-w-0 flex-1 text-label-large font-medium" }, Qi = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, Zi = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, $i = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MNavigationDrawer",
 	props: {
 		modelValue: { type: Boolean },
@@ -3697,19 +3760,31 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		modal: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		collapsed: { type: Boolean }
 	},
 	emits: ["update:modelValue", "select"],
 	setup(t, { emit: a }) {
-		let o = t, d = a;
-		function f() {
+		let o = t, d = a, f = T({});
+		function m(e, t) {
+			let n = e.title ?? `__${t}`;
+			return f.value[n] !== !1;
+		}
+		function h(e, t) {
+			let n = e.title ?? `__${t}`;
+			f.value[n] = !m(e, t);
+		}
+		function g() {
 			d("update:modelValue", !1);
 		}
-		function m(e) {
-			e.disabled || (d("select", e.value), o.modal && f());
+		function _(e) {
+			e.disabled || (d("select", e.value), o.modal && g());
+		}
+		function y(e) {
+			return e.to && !e.disabled ? "RouterLink" : "button";
 		}
 		return F(() => o.modelValue, (e) => {
-			e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+			o.modal && (document.body.style.overflow = e ? "hidden" : "");
 		}), (a, o) => t.modal ? (C(), s(r, {
 			key: 0,
 			to: "body"
@@ -3720,53 +3795,122 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				leave: 280
 			}
 		}, {
-			default: L(() => [t.modelValue ? (C(), l("div", Mi, [u("div", {
+			default: L(() => [t.modelValue ? (C(), l("div", Ei, [u("div", {
 				class: "nd-scrim absolute inset-0 bg-black/40",
-				onClick: f
-			}), u("nav", Ni, [t.title || a.$slots.header ? (C(), l("div", Pi, [D(a.$slots, "header", {}, () => [u("h2", Fi, A(t.title), 1)], !0)])) : c("", !0), u("div", Ii, [(C(!0), l(n, null, E(t.sections, (r, i) => (C(), l(n, { key: i }, [
-				i > 0 ? (C(), l("div", Li)) : c("", !0),
-				r.title ? (C(), l("p", Ri, A(r.title), 1)) : c("", !0),
-				(C(!0), l(n, null, E(r.items, (n) => (C(), l("button", {
-					key: n.value,
+				onClick: g
+			}), u("nav", Di, [t.title || a.$slots.header ? (C(), l("div", Oi, [D(a.$slots, "header", {}, () => [u("h2", ki, A(t.title), 1)], !0)])) : c("", !0), u("div", Ai, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
+				a > 0 ? (C(), l("div", ji)) : c("", !0),
+				r.title && r.collapsible ? (C(), l("button", {
+					key: 1,
 					type: "button",
-					class: v(["flex w-full items-center gap-3 rounded-full px-4 py-3 text-left transition-colors focus-visible:outline-none", [n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === t.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
-					disabled: n.disabled,
-					onClick: (e) => m(n)
+					class: "mt-1 flex w-full cursor-pointer items-center gap-3 rounded-xl px-3 py-2.5 text-on-surface-variant transition-colors hover:bg-on-surface/8",
+					onClick: (e) => h(r, a)
 				}, [
-					n.icon ? (C(), s(e, {
+					r.icon ? (C(), s(e, {
 						key: 0,
-						name: n.icon,
-						size: 24
+						name: r.icon,
+						size: 24,
+						class: "shrink-0"
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", Bi, A(n.label), 1),
-					n.badge == null ? c("", !0) : (C(), l("span", Vi, A(n.badge), 1))
-				], 10, zi))), 128))
+					u("span", Ni, A(r.title), 1),
+					p(e, {
+						name: m(r, a) ? "expand_less" : "expand_more",
+						size: 18,
+						class: "shrink-0"
+					}, null, 8, ["name"])
+				], 8, Mi)) : r.title ? (C(), l("p", Pi, A(r.title), 1)) : c("", !0),
+				p(i, { name: "nd-section" }, {
+					default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", Fi, [u("div", Ii, [(C(!0), l(n, null, E(r.items, (n) => (C(), s(k(y(n)), {
+						key: n.value,
+						to: n.to && !n.disabled ? n.to : void 0,
+						type: n.to ? void 0 : "button",
+						class: v(["flex w-full items-center gap-3 rounded-full py-2.5 text-left transition-colors focus-visible:outline-none", [r.collapsible ? "pl-8 pr-3" : "px-4", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === t.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
+						disabled: n.disabled && !n.to,
+						onClick: (e) => _(n)
+					}, {
+						default: L(() => [
+							n.icon ? (C(), s(e, {
+								key: 0,
+								name: n.icon,
+								size: 24
+							}, null, 8, ["name"])) : c("", !0),
+							u("span", Li, A(n.label), 1),
+							n.badge == null ? c("", !0) : (C(), l("span", Ri, A(n.badge), 1))
+						]),
+						_: 2
+					}, 1032, [
+						"to",
+						"type",
+						"class",
+						"disabled",
+						"onClick"
+					]))), 128))])])) : c("", !0)]),
+					_: 2
+				}, 1024)
 			], 64))), 128))])])])) : c("", !0)]),
 			_: 3
-		})])) : (C(), l("nav", Hi, [t.title || a.$slots.header ? (C(), l("div", Ui, [D(a.$slots, "header", {}, () => [u("h2", Wi, A(t.title), 1)], !0)])) : c("", !0), u("div", Gi, [(C(!0), l(n, null, E(t.sections, (r, i) => (C(), l(n, { key: i }, [
-			i > 0 ? (C(), l("div", Ki)) : c("", !0),
-			r.title ? (C(), l("p", qi, A(r.title), 1)) : c("", !0),
-			(C(!0), l(n, null, E(r.items, (n) => (C(), l("button", {
-				key: n.value,
+		})])) : (C(), l("nav", {
+			key: 1,
+			class: v(["nd-inline flex h-full shrink-0 flex-col border-r border-outline-variant bg-surface", t.collapsed ? "nd-collapsed w-[72px]" : "w-72"])
+		}, [a.$slots.header ? (C(), l("div", zi, [D(a.$slots, "header", {}, void 0, !0)])) : t.title ? (C(), l("div", Bi, [u("div", Vi, [u("h2", Hi, A(t.title), 1)])])) : c("", !0), u("div", Ui, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
+			a > 0 ? (C(), l("div", Wi)) : c("", !0),
+			r.title && r.collapsible ? (C(), l("button", {
+				key: 1,
 				type: "button",
-				class: v(["flex w-full items-center gap-3 rounded-full px-4 py-3 text-left transition-colors focus-visible:outline-none", [n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === t.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
-				disabled: n.disabled,
-				onClick: (e) => m(n)
+				class: "mt-1 flex w-full cursor-pointer items-center gap-3 overflow-hidden whitespace-nowrap rounded-xl px-3 py-2.5 text-on-surface-variant hover:bg-on-surface/8",
+				title: t.collapsed ? r.title : void 0,
+				onClick: (e) => h(r, a)
 			}, [
-				n.icon ? (C(), s(e, {
+				r.icon ? (C(), s(e, {
 					key: 0,
-					name: n.icon,
-					size: 24
+					name: r.icon,
+					size: 24,
+					class: "shrink-0"
 				}, null, 8, ["name"])) : c("", !0),
-				u("span", Yi, A(n.label), 1),
-				n.badge == null ? c("", !0) : (C(), l("span", Xi, A(n.badge), 1))
-			], 10, Ji))), 128))
-		], 64))), 128))])]));
+				u("span", Ki, A(r.title), 1),
+				p(e, {
+					name: m(r, a) ? "expand_less" : "expand_more",
+					size: 18,
+					class: "shrink-0"
+				}, null, 8, ["name"])
+			], 8, Gi)) : r.title ? (C(), l("div", qi, [u("p", Ji, A(r.title), 1)])) : c("", !0),
+			p(i, { name: "nd-section" }, {
+				default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", Yi, [u("div", Xi, [(C(!0), l(n, null, E(r.items, (n) => (C(), s(k(y(n)), {
+					key: n.value,
+					to: n.to && !n.disabled ? n.to : void 0,
+					type: n.to ? void 0 : "button",
+					title: t.collapsed ? n.label : void 0,
+					class: v(["flex w-full items-center gap-3 overflow-hidden whitespace-nowrap rounded-full py-2.5 text-left focus-visible:outline-none", [r.collapsible && !t.collapsed ? "pl-8 pr-3" : "px-3", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === t.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
+					disabled: n.disabled && !n.to,
+					onClick: (e) => _(n)
+				}, {
+					default: L(() => [
+						n.icon ? (C(), s(e, {
+							key: 0,
+							name: n.icon,
+							size: 24,
+							class: "shrink-0"
+						}, null, 8, ["name"])) : c("", !0),
+						u("span", Zi, A(n.label), 1),
+						n.badge == null ? c("", !0) : (C(), l("span", Qi, A(n.badge), 1))
+					]),
+					_: 2
+				}, 1032, [
+					"to",
+					"type",
+					"title",
+					"class",
+					"disabled",
+					"onClick"
+				]))), 128))])])) : c("", !0)]),
+				_: 2
+			}, 1024)
+		], 64))), 128))])], 2));
 	}
-}), [["__scopeId", "data-v-98c11a62"]]), Qi = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, $i = {
+}), [["__scopeId", "data-v-d898f7f1"]]), ea = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, ta = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-center pt-3 pb-2"
-}, ea = ["disabled", "onClick"], ta = /* @__PURE__ */ m({
+}, na = ["disabled", "onClick"], ra = /* @__PURE__ */ m({
 	__name: "MNavigationRail",
 	props: {
 		modelValue: {},
@@ -3775,7 +3919,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	},
 	emits: ["update:modelValue"],
 	setup(t) {
-		return (r, i) => (C(), l("nav", Qi, [r.$slots.fab ? (C(), l("div", $i, [D(r.$slots, "fab")])) : c("", !0), u("div", { class: v(["flex flex-1 flex-col items-center gap-1 py-3", {
+		return (r, i) => (C(), l("nav", ea, [r.$slots.fab ? (C(), l("div", ta, [D(r.$slots, "fab")])) : c("", !0), u("div", { class: v(["flex flex-1 flex-col items-center gap-1 py-3", {
 			"justify-start": t.alignment === "top",
 			"justify-center": t.alignment === "center",
 			"justify-end": t.alignment === "bottom"
@@ -3807,15 +3951,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), u("span", { class: v(["max-w-[56px] truncate text-center text-label-medium", n.value === t.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, A(n.label), 3)], 10, ea))), 128))], 2)]));
+		}, 1032, ["count"]))], 2), u("span", { class: v(["max-w-[56px] truncate text-center text-label-medium", n.value === t.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, A(n.label), 3)], 10, na))), 128))], 2)]));
 	}
-}), na = { class: "flex flex-col gap-1" }, ra = {
+}), ia = { class: "flex flex-col gap-1" }, aa = {
 	key: 0,
 	class: "text-label-small text-on-surface-variant"
-}, ia = ["aria-valuenow"], aa = ["aria-valuenow"], oa = ["viewBox"], sa = ["d"], ca = {
+}, oa = ["aria-valuenow"], sa = ["aria-valuenow"], ca = ["viewBox"], la = ["d"], ua = {
 	key: 1,
 	class: "absolute inset-0 overflow-hidden rounded-full"
-}, la = ["viewBox"], ua = ["d"], da = 20, fa = 2.5, pa = 4, ma = 8, ha = 80, ga = 1, _a = /* @__PURE__ */ m({
+}, da = ["viewBox"], fa = ["d"], pa = 20, ma = 2.5, ha = 4, ga = 8, _a = 80, va = 1, ya = /* @__PURE__ */ m({
 	__name: "MProgressBar",
 	props: {
 		value: {},
@@ -3846,15 +3990,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				track: "bg-error-container",
 				text: "text-error"
 			}
-		}, s = da * ha, d = (() => {
+		}, s = pa * _a, d = (() => {
 			let e = "";
-			for (let t = 0; t <= s; t += ga) {
-				let n = pa - fa * Math.sin(t / da * Math.PI * 2);
+			for (let t = 0; t <= s; t += va) {
+				let n = ha - ma * Math.sin(t / pa * Math.PI * 2);
 				e += (t === 0 ? "M" : "L") + t + "," + n.toFixed(2) + " ";
 			}
 			return e.trim();
 		})();
-		return (t, o) => (C(), l("div", na, [e.label ? (C(), l("span", ra, A(e.label), 1)) : c("", !0), e.variant === "linear" ? (C(), l("div", {
+		return (t, o) => (C(), l("div", ia, [e.label ? (C(), l("span", aa, A(e.label), 1)) : c("", !0), e.variant === "linear" ? (C(), l("div", {
 			key: 1,
 			class: v(["relative h-1 w-full overflow-hidden rounded-full", a[e.color].track]),
 			role: "progressbar",
@@ -3868,20 +4012,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 0,
 			class: v(["h-full rounded-full transition-[width] duration-300 ease-in-out", a[e.color].bar]),
 			style: y({ width: `${i.value}%` })
-		}, null, 6))], 10, ia)) : (C(), l("div", {
+		}, null, 6))], 10, oa)) : (C(), l("div", {
 			key: 2,
 			class: "relative h-2 w-full overflow-visible",
 			role: "progressbar",
 			"aria-valuenow": r.value ? void 0 : i.value,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100"
-		}, [r.value ? (C(), l("div", ca, [u("div", {
+		}, [r.value ? (C(), l("div", ua, [u("div", {
 			class: v(["absolute top-0 left-0 h-full animate-[m3-wave-flow_0.9s_linear_infinite]", a[e.color].text]),
 			style: y({ width: `${s}px` })
 		}, [(C(), l("svg", {
 			width: s,
-			height: ma,
-			viewBox: `0 0 ${s} ${ma}`,
+			height: ga,
+			viewBox: `0 0 ${s} ${ga}`,
 			class: "h-full",
 			xmlns: "http://www.w3.org/2000/svg"
 		}, [u("path", {
@@ -3890,7 +4034,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			stroke: "currentColor",
 			"stroke-width": "3",
 			"stroke-linecap": "round"
-		}, null, 8, ua)], 8, la))], 6)])) : (C(), l(n, { key: 0 }, [
+		}, null, 8, fa)], 8, da))], 6)])) : (C(), l(n, { key: 0 }, [
 			u("div", {
 				class: "absolute inset-0 overflow-hidden",
 				style: y({
@@ -3902,8 +4046,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				style: y({ width: `${s}px` })
 			}, [(C(), l("svg", {
 				width: s,
-				height: ma,
-				viewBox: `0 0 ${s} ${ma}`,
+				height: ga,
+				viewBox: `0 0 ${s} ${ga}`,
 				class: "h-full",
 				xmlns: "http://www.w3.org/2000/svg"
 			}, [u("path", {
@@ -3912,7 +4056,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"stroke-linecap": "round"
-			}, null, 8, sa)], 8, oa))], 6)], 4),
+			}, null, 8, la)], 8, ca))], 6)], 4),
 			u("div", {
 				class: v(["absolute inset-y-0 right-0 flex items-center", a[e.color].track]),
 				style: y([{
@@ -3935,16 +4079,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					height: "4px"
 				}
 			}, null, 2)
-		], 64))], 8, aa))]));
+		], 64))], 8, sa))]));
 	}
-}), va = ["for"], ya = { class: "relative flex h-5 w-5 shrink-0" }, ba = [
+}), ba = ["for"], xa = { class: "relative flex h-5 w-5 shrink-0" }, Sa = [
 	"id",
 	"checked",
 	"disabled"
-], xa = {
+], Ca = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, Sa = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, wa = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MRadio",
 	props: {
 		modelValue: {},
@@ -3967,14 +4111,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		return (t, n) => (C(), l("label", {
 			for: j(i),
 			class: v(["inline-flex items-center gap-3 select-none", e.disabled ? "cursor-not-allowed opacity-[0.38]" : "cursor-pointer"])
-		}, [u("span", ya, [u("input", {
+		}, [u("span", xa, [u("input", {
 			id: j(i),
 			type: "radio",
 			class: "sr-only",
 			checked: a.value,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", e.value)
-		}, null, 40, ba), (C(), l("svg", {
+		}, null, 40, Sa), (C(), l("svg", {
 			viewBox: "0 0 20 20",
 			class: v(["h-full w-full transition-colors duration-150", a.value ? s[e.color] : "text-on-surface-variant"]),
 			"aria-hidden": "true"
@@ -3991,12 +4135,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			cy: "10",
 			r: "4.5",
 			fill: "currentColor"
-		}, null, 2)], 2))]), e.label ? (C(), l("span", xa, A(e.label), 1)) : c("", !0)], 10, va));
+		}, null, 2)], 2))]), e.label ? (C(), l("span", Ca, A(e.label), 1)) : c("", !0)], 10, ba));
 	}
-}), [["__scopeId", "data-v-cdb650b5"]]), Ca = { class: "flex flex-col gap-2" }, wa = {
+}), [["__scopeId", "data-v-cdb650b5"]]), Ta = { class: "flex flex-col gap-2" }, Ea = {
 	key: 0,
 	class: "text-label-large text-on-surface-variant"
-}, Ta = /* @__PURE__ */ m({
+}, Da = /* @__PURE__ */ m({
 	__name: "MRadioGroup",
 	props: {
 		modelValue: {},
@@ -4012,7 +4156,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t;
-		return (t, i) => (C(), l("div", Ca, [e.label ? (C(), l("span", wa, A(e.label), 1)) : c("", !0), u("div", { class: v(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(C(!0), l(n, null, E(e.options, (t) => (C(), s(Sa, {
+		return (t, i) => (C(), l("div", Ta, [e.label ? (C(), l("span", Ea, A(e.label), 1)) : c("", !0), u("div", { class: v(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(C(!0), l(n, null, E(e.options, (t) => (C(), s(wa, {
 			key: String(t.value),
 			"model-value": e.modelValue,
 			value: t.value,
@@ -4028,11 +4172,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"disabled"
 		]))), 128))], 2)]));
 	}
-}), Ea = [
+}), Oa = [
 	"disabled",
 	"onClick",
 	"onMousemove"
-], Da = /* @__PURE__ */ m({
+], ka = /* @__PURE__ */ m({
 	__name: "MRating",
 	props: {
 		modelValue: {},
@@ -4109,21 +4253,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			name: t.icon,
 			size: t.size,
 			class: "text-on-surface-variant/40"
-		}, null, 8, ["name", "size"]))], 46, Ea))), 128))], 34));
+		}, null, 8, ["name", "size"]))], 46, Oa))), 128))], 34));
 	}
-}), Oa = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, ka = {
+}), Aa = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, ja = {
 	key: 0,
 	class: "text-display-small font-medium text-on-surface-variant/30"
-}, Aa = { class: "text-headline-small font-medium text-on-surface" }, ja = {
+}, Ma = { class: "text-headline-small font-medium text-on-surface" }, Na = {
 	key: 1,
 	class: "max-w-md text-body-large text-on-surface-variant"
-}, Ma = {
+}, Pa = {
 	key: 2,
 	class: "mt-2 flex flex-wrap items-center justify-center gap-3"
-}, Na = {
+}, Fa = {
 	key: 3,
 	class: "mt-2"
-}, Pa = /* @__PURE__ */ m({
+}, Ia = /* @__PURE__ */ m({
 	__name: "MResult",
 	props: {
 		status: {},
@@ -4191,19 +4335,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				};
 			}
 		}), i = o(() => n.status === "404" || n.status === "403" || n.status === "500" ? n.status : null);
-		return (n, a) => (C(), l("div", Oa, [
-			i.value ? (C(), l("span", ka, A(i.value), 1)) : c("", !0),
+		return (n, a) => (C(), l("div", Aa, [
+			i.value ? (C(), l("span", ja, A(i.value), 1)) : c("", !0),
 			u("div", { class: v(["flex h-20 w-20 items-center justify-center rounded-full", [r.value.bg, r.value.text]]) }, [p(e, {
 				name: r.value.icon,
 				size: 40
 			}, null, 8, ["name"])], 2),
-			u("h2", Aa, A(t.title ?? r.value.defaultTitle), 1),
-			t.description ?? r.value.defaultDesc ? (C(), l("p", ja, A(t.description ?? r.value.defaultDesc), 1)) : c("", !0),
-			n.$slots.actions ? (C(), l("div", Ma, [D(n.$slots, "actions")])) : c("", !0),
-			n.$slots.default ? (C(), l("div", Na, [D(n.$slots, "default")])) : c("", !0)
+			u("h2", Ma, A(t.title ?? r.value.defaultTitle), 1),
+			t.description ?? r.value.defaultDesc ? (C(), l("p", Na, A(t.description ?? r.value.defaultDesc), 1)) : c("", !0),
+			n.$slots.actions ? (C(), l("div", Pa, [D(n.$slots, "actions")])) : c("", !0),
+			n.$slots.default ? (C(), l("div", Fa, [D(n.$slots, "default")])) : c("", !0)
 		]));
 	}
-}), Fa = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, Ia = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, La = { class: "flex items-center gap-1" }, Ra = { class: "text-title-medium font-medium capitalize text-on-surface" }, za = { class: "flex rounded-full bg-surface-container-high p-0.5" }, Ba = ["onClick"], Va = { class: "overflow-auto" }, Ha = { class: "w-full border-collapse" }, Ua = { class: "text-label-small uppercase text-on-surface-variant" }, Wa = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, Ga = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, Ka = ["onClick"], qa = ["onClick"], Ja = { class: "truncate text-label-small font-medium" }, Ya = { class: "truncate text-label-small opacity-70" }, Xa = /* @__PURE__ */ m({
+}), La = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, Ra = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, za = { class: "flex items-center gap-1" }, Ba = { class: "text-title-medium font-medium capitalize text-on-surface" }, Va = { class: "flex rounded-full bg-surface-container-high p-0.5" }, Ha = ["onClick"], Ua = { class: "overflow-auto" }, Wa = { class: "w-full border-collapse" }, Ga = { class: "text-label-small uppercase text-on-surface-variant" }, Ka = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, qa = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, Ja = ["onClick"], Ya = ["onClick"], Xa = { class: "truncate text-label-small font-medium" }, Za = { class: "truncate text-label-small opacity-70" }, Qa = /* @__PURE__ */ m({
 	__name: "MScheduler",
 	props: {
 		events: { default: () => [] },
@@ -4279,8 +4423,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			error: "bg-error-container text-on-error-container border-error/30",
 			success: "bg-success-container text-on-success-container border-success/30"
 		};
-		return (e, t) => (C(), l("div", Fa, [u("div", Ia, [
-			u("div", La, [
+		return (e, t) => (C(), l("div", La, [u("div", Ra, [
+			u("div", za, [
 				p(Z, {
 					icon: "chevron_left",
 					label: "Anterior",
@@ -4299,17 +4443,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: D
 				}, " Hoy ")
 			]),
-			u("h3", Ra, A(S.value), 1),
-			u("div", za, [(C(), l(n, null, E(["day", "week"], (e) => u("button", {
+			u("h3", Ba, A(S.value), 1),
+			u("div", Va, [(C(), l(n, null, E(["day", "week"], (e) => u("button", {
 				key: e,
 				type: "button",
 				class: v(["cursor-pointer rounded-full px-3 py-1 text-label-medium transition-all duration-150", s.value === e ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : "text-on-surface-variant hover:bg-on-surface/8"]),
 				onClick: (t) => s.value = e
-			}, A(e === "day" ? "Día" : "Semana"), 11, Ba)), 64))])
-		]), u("div", Va, [u("table", Ha, [u("thead", null, [u("tr", null, [t[2] ||= u("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (C(!0), l(n, null, E(h.value, (e) => (C(), l("th", {
+			}, A(e === "day" ? "Día" : "Semana"), 11, Ha)), 64))])
+		]), u("div", Ua, [u("table", Wa, [u("thead", null, [u("tr", null, [t[2] ||= u("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (C(!0), l(n, null, E(h.value, (e) => (C(), l("th", {
 			key: _(e),
 			class: v(["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", _(e) === j(g) ? "bg-primary-container/30" : ""])
-		}, [u("div", Ua, A(j(b).format(e)), 1), u("div", { class: v(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", _(e) === j(g) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, A(j(x).format(e)), 3)], 2))), 128))])]), u("tbody", null, [(C(!0), l(n, null, E(d.value, (e) => (C(), l("tr", { key: e }, [u("td", Wa, [u("span", Ga, A(String(e).padStart(2, "0")) + ":00 ", 1)]), (C(!0), l(n, null, E(h.value, (t) => (C(), l("td", {
+		}, [u("div", Ga, A(j(b).format(e)), 1), u("div", { class: v(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", _(e) === j(g) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, A(j(x).format(e)), 3)], 2))), 128))])]), u("tbody", null, [(C(!0), l(n, null, E(d.value, (e) => (C(), l("tr", { key: e }, [u("td", Ka, [u("span", qa, A(String(e).padStart(2, "0")) + ":00 ", 1)]), (C(!0), l(n, null, E(h.value, (t) => (C(), l("td", {
 			key: _(t),
 			class: v(["relative h-14 border-r border-b border-outline-variant/50 p-0 last:border-r-0", _(t) === j(g) ? "bg-primary-container/[0.05]" : ""]),
 			onClick: (n) => i("slotClick", {
@@ -4322,16 +4466,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			class: v(["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", P[t.color ?? "primary"]]),
 			style: y({ height: `calc(${M(t) * 100}% - 4px)` }),
 			onClick: B((e) => i("eventClick", t), ["stop"])
-		}, [u("p", Ja, A(t.title), 1), u("p", Ya, A(N(t)), 1)], 14, qa)) : c("", !0)], 64))), 128))], 10, Ka))), 128))]))), 128))])])])]));
+		}, [u("p", Xa, A(t.title), 1), u("p", Za, A(N(t)), 1)], 14, Ya)) : c("", !0)], 64))), 128))], 10, Ja))), 128))]))), 128))])])])]));
 	}
-}), Za = {
+}), $a = {
 	class: "inline-flex overflow-hidden rounded-full border border-outline",
 	role: "group"
-}, Qa = [
+}, eo = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
-], $a = /* @__PURE__ */ m({
+], to = /* @__PURE__ */ m({
 	__name: "MSegmentedButton",
 	props: {
 		modelValue: {},
@@ -4355,7 +4499,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				r >= 0 ? n.splice(r, 1) : n.push(e.value), i("update:modelValue", n);
 			} else i("update:modelValue", e.value);
 		}
-		return (r, i) => (C(), l("div", Za, [(C(!0), l(n, null, E(t.options, (n, r) => (C(), l("button", {
+		return (r, i) => (C(), l("div", $a, [(C(!0), l(n, null, E(t.options, (n, r) => (C(), l("button", {
 			key: n.value,
 			type: "button",
 			class: v(["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]", [
@@ -4376,35 +4520,35 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 1,
 			name: n.icon,
 			size: 18
-		}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, Qa))), 128))]));
+		}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, eo))), 128))]));
 	}
-}), eo = { class: "flex flex-col gap-1" }, to = {
+}), no = { class: "flex flex-col gap-1" }, ro = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, no = [
+}, io = [
 	"id",
 	"tabindex",
 	"aria-expanded",
 	"aria-disabled"
-], ro = {
+], ao = {
 	key: 0,
 	class: "text-on-surface"
-}, io = ["for"], ao = {
+}, oo = ["for"], so = {
 	key: 0,
 	class: "text-error"
-}, oo = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2" }, so = {
+}, co = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2" }, lo = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, co = {
+}, uo = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, lo = ["onClick"], uo = {
+}, fo = ["onClick"], po = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, fo = {
+}, mo = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, po = /* @__PURE__ */ m({
+}, ho = /* @__PURE__ */ m({
 	__name: "MSelect",
 	props: {
 		modelValue: { default: null },
@@ -4507,13 +4651,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				g.value ? d.error ? "text-error" : "text-primary" : d.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (a, o) => (C(), l(n, null, [u("div", eo, [u("div", {
+		return (a, o) => (C(), l(n, null, [u("div", no, [u("div", {
 			ref_key: "fieldEl",
 			ref: _,
 			class: v(["relative", t.variant === "outlined" ? "mt-2" : ""]),
 			style: y(t.variant === "outlined" ? { "--field-bg": j(b) } : void 0)
 		}, [
-			t.leadingIcon ? (C(), l("div", to, [p(e, {
+			t.leadingIcon ? (C(), l("div", ro, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -4526,17 +4670,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				class: v([B.value, t.disabled ? "pointer-events-none opacity-[0.38]" : ""]),
 				onClick: P,
 				onKeydown: z
-			}, [O.value ? (C(), l("span", ro, A(k.value), 1)) : c("", !0)], 42, no),
+			}, [O.value ? (C(), l("span", ao, A(k.value), 1)) : c("", !0)], 42, io),
 			u("label", {
 				for: j(h),
 				class: v(H.value)
-			}, [f(A(t.label), 1), t.required ? (C(), l("span", ao, "\xA0*")) : c("", !0)], 10, io),
-			u("div", oo, [p(e, {
+			}, [f(A(t.label), 1), t.required ? (C(), l("span", so, "\xA0*")) : c("", !0)], 10, oo),
+			u("div", co, [p(e, {
 				name: g.value ? "arrow_drop_up" : "arrow_drop_down",
 				size: 24,
 				class: "text-on-surface-variant transition-transform duration-200"
 			}, null, 8, ["name"])])
-		], 6), t.error ? (C(), l("p", so, A(t.error), 1)) : t.hint ? (C(), l("p", co, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
+		], 6), t.error ? (C(), l("p", lo, A(t.error), 1)) : t.hint ? (C(), l("p", uo, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
 			"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",
@@ -4559,20 +4703,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: "check",
 				size: 18,
 				class: "shrink-0 text-primary"
-			})) : (C(), l("span", uo)), f(" " + A(n.label), 1)], 10, lo))), 128)), t.options.length ? c("", !0) : (C(), l("p", fo, " Sin opciones "))], 4)) : c("", !0)]),
+			})) : (C(), l("span", po)), f(" " + A(n.label), 1)], 10, fo))), 128)), t.options.length ? c("", !0) : (C(), l("p", mo, " Sin opciones "))], 4)) : c("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), mo = {
+}), go = {
 	key: 0,
 	class: "fixed inset-0 z-[200] flex justify-end"
-}, ho = {
+}, _o = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between border-b border-outline-variant px-6 py-4"
-}, go = { class: "text-title-large text-on-surface" }, _o = { class: "flex-1 overflow-y-auto px-6 py-4" }, vo = {
+}, vo = { class: "text-title-large text-on-surface" }, yo = { class: "flex-1 overflow-y-auto px-6 py-4" }, bo = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, yo = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, xo = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSideSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -4602,7 +4746,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				leave: 280
 			}
 		}, {
-			default: L(() => [t.modelValue ? (C(), l("div", mo, [u("div", {
+			default: L(() => [t.modelValue ? (C(), l("div", go, [u("div", {
 				class: "ss-scrim absolute inset-0 bg-black/40",
 				onClick: d
 			}), u("aside", {
@@ -4615,7 +4759,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onPointermove: _,
 					onPointerup: b
 				}, null, 32),
-				t.title || n.$slots.header ? (C(), l("div", ho, [D(n.$slots, "header", {}, () => [u("h2", go, A(t.title), 1)], !0), u("button", {
+				t.title || n.$slots.header ? (C(), l("div", _o, [D(n.$slots, "header", {}, () => [u("h2", vo, A(t.title), 1)], !0), u("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: d
@@ -4623,16 +4767,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					name: "close",
 					size: 20
 				})])])) : c("", !0),
-				u("div", _o, [D(n.$slots, "default", {}, void 0, !0)]),
-				n.$slots.actions ? (C(), l("div", vo, [D(n.$slots, "actions", {}, void 0, !0)])) : c("", !0)
+				u("div", yo, [D(n.$slots, "default", {}, void 0, !0)]),
+				n.$slots.actions ? (C(), l("div", bo, [D(n.$slots, "actions", {}, void 0, !0)])) : c("", !0)
 			], 6)])) : c("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-f8751672"]]), bo = {
+}), [["__scopeId", "data-v-f8751672"]]), So = {
 	key: 0,
 	class: "flex flex-col gap-2.5"
-}, xo = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Co = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSkeleton",
 	props: {
 		variant: { default: "text" },
@@ -4642,7 +4786,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		animation: { default: "pulse" }
 	},
 	setup(e) {
-		return (t, r) => e.variant === "text" && e.lines > 1 ? (C(), l("div", bo, [(C(!0), l(n, null, E(e.lines, (t) => (C(), l("div", {
+		return (t, r) => e.variant === "text" && e.lines > 1 ? (C(), l("div", So, [(C(!0), l(n, null, E(e.lines, (t) => (C(), l("div", {
 			key: t,
 			class: v(["h-3.5 rounded-full bg-on-surface/10", e.animation === "pulse" ? "animate-pulse" : e.animation === "wave" ? "skeleton-wave" : ""]),
 			style: y({ width: t === e.lines ? "60%" : e.width ?? "100%" })
@@ -4655,21 +4799,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			})
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-32ecf05b"]]), So = { class: "flex flex-col gap-1 select-none" }, Co = {
+}), [["__scopeId", "data-v-32ecf05b"]]), wo = { class: "flex flex-col gap-1 select-none" }, To = {
 	key: 0,
 	class: "flex items-center justify-between"
-}, wo = {
+}, Eo = {
 	key: 0,
 	class: "text-label-large text-on-surface"
-}, To = {
+}, Do = {
 	key: 1,
 	class: "tabular-nums text-label-large text-on-surface-variant"
-}, Eo = [
+}, Oo = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-disabled"
-], Do = /* @__PURE__ */ m({
+], ko = /* @__PURE__ */ m({
 	__name: "MSlider",
 	props: {
 		modelValue: {},
@@ -4751,7 +4895,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			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) => (C(), l("div", So, [e.label || e.showValue ? (C(), l("div", Co, [e.label ? (C(), l("span", wo, A(e.label), 1)) : c("", !0), e.showValue ? (C(), l("span", To, A(e.modelValue), 1)) : c("", !0)])) : c("", !0), u("div", {
+		return (t, n) => (C(), l("div", wo, [e.label || e.showValue ? (C(), l("div", To, [e.label ? (C(), l("span", Eo, A(e.label), 1)) : c("", !0), e.showValue ? (C(), l("span", Do, A(e.modelValue), 1)) : c("", !0)])) : c("", !0), u("div", {
 			ref_key: "trackEl",
 			ref: i,
 			role: "slider",
@@ -4772,9 +4916,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, null, 6)], 2), u("div", {
 			class: v(["pointer-events-none absolute h-5 w-5 rounded-full shadow-elevation-1", d[e.color].thumb]),
 			style: y(x.value)
-		}, null, 6)], 42, Eo)]));
+		}, null, 6)], 42, Oo)]));
 	}
-}), Oo = { class: "flex-1 text-body-medium leading-snug" }, ko = { class: "flex shrink-0 items-center gap-0.5" }, Ao = ["onClick"], jo = ["onClick"], Mo = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}), Ao = { class: "flex-1 text-body-medium leading-snug" }, jo = { class: "flex shrink-0 items-center gap-0.5" }, Mo = ["onClick"], No = ["onClick"], Po = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSnackbar",
 	setup(t) {
 		let { toasts: r, position: i, dismiss: s } = ce(), d = o(() => i.value.startsWith("top")), f = o(() => {
@@ -4831,15 +4975,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: 20,
 					class: v(["shrink-0", h(t.variant).icon])
 				}, null, 8, ["name", "class"]),
-				u("p", Oo, A(t.message), 1),
-				u("div", ko, [t.action ? (C(), l("button", {
+				u("p", Ao, A(t.message), 1),
+				u("div", jo, [t.action ? (C(), l("button", {
 					key: 0,
 					type: "button",
 					class: v(["cursor-pointer rounded px-2 py-1 text-label-medium font-semibold transition-colors", h(t.variant).action]),
 					onClick: () => {
 						t.action.onClick(), j(s)(t.id);
 					}
-				}, A(t.action.label), 11, Ao)) : c("", !0), u("button", {
+				}, A(t.action.label), 11, Mo)) : c("", !0), u("button", {
 					type: "button",
 					class: v(["flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors", h(t.variant).close]),
 					"aria-label": "Cerrar",
@@ -4847,7 +4991,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				}, [p(e, {
 					name: "close",
 					size: 18
-				})], 10, jo)]),
+				})], 10, No)]),
 				t.duration > 0 ? (C(), l("div", {
 					key: 0,
 					class: v(["absolute right-0 bottom-0 left-0 h-0.5 origin-left", h(t.variant).progress]),
@@ -4857,7 +5001,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		}, 8, ["name"])], 2));
 	}
-}), [["__scopeId", "data-v-e83a5c10"]]), No = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-e83a5c10"]]), Fo = /* @__PURE__ */ m({
 	__name: "MSplitter",
 	props: {
 		direction: { default: "horizontal" },
@@ -4892,9 +5036,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(e.$slots, "first")], 4),
 			u("div", {
 				class: v(["z-10 flex shrink-0 items-center justify-center transition-colors", [a.value ? "w-2 cursor-col-resize flex-col" : "h-2 cursor-row-resize flex-row", r.value ? "bg-primary/20" : "bg-outline-variant/40 hover:bg-primary/12"]]),
+				style: { "touch-action": "none" },
 				onPointerdown: d,
 				onPointermove: f,
-				onPointerup: p
+				onPointerup: p,
+				onPointercancel: p
 			}, [u("div", { class: v(["rounded-full bg-outline", a.value ? "h-6 w-1" : "h-1 w-6"]) }, null, 2)], 34),
 			u("div", {
 				class: "overflow-auto",
@@ -4902,26 +5048,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(e.$slots, "second")], 4)
 		], 2));
 	}
-}), Po = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Fo = { class: "flex items-center gap-3 px-5 py-1" }, Io = ["placeholder"], Lo = {
+}), Io = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Lo = { class: "flex items-center gap-3 px-5 py-1" }, Ro = ["placeholder"], zo = {
 	key: 0,
 	class: "max-h-96 overflow-y-auto border-t border-outline-variant"
-}, Ro = {
+}, Bo = {
 	key: 0,
 	class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, zo = [
+}, Vo = [
 	"data-spot-active",
 	"onClick",
 	"onPointerenter"
-], Bo = {
+], Ho = {
 	key: 0,
 	class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary-container"
-}, Vo = { class: "min-w-0 flex-1" }, Ho = { class: "truncate text-body-medium text-on-surface" }, Uo = {
+}, Uo = { class: "min-w-0 flex-1" }, Wo = { class: "truncate text-body-medium text-on-surface" }, Go = {
 	key: 0,
 	class: "truncate text-body-small text-on-surface-variant"
-}, Wo = {
+}, Ko = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10"
-}, Go = { class: "text-body-medium text-on-surface-variant" }, Ko = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, qo = { class: "text-body-medium text-on-surface-variant" }, Jo = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSpotlightSearch",
 	props: {
 		modelValue: { type: Boolean },
@@ -4982,8 +5128,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 pt-[12vh]",
 				onClick: B(O, ["self"])
-			}, [u("div", Po, [
-				u("div", Fo, [
+			}, [u("div", Io, [
+				u("div", Lo, [
 					p(e, {
 						name: "search",
 						size: 24,
@@ -4997,7 +5143,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						placeholder: t.placeholder,
 						class: "h-14 flex-1 bg-transparent text-title-medium text-on-surface outline-none placeholder:text-on-surface-variant/50",
 						onKeydown: M
-					}, null, 40, Io), [[P, h.value]]),
+					}, null, 40, Ro), [[P, h.value]]),
 					t.loading ? (C(), s(Be, {
 						key: 0,
 						size: 20,
@@ -5012,7 +5158,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 18
 					})])) : c("", !0)
 				]),
-				w.value ? (C(), l("div", Lo, [t.results.length ? (C(!0), l(n, { key: 0 }, E(D.value, ([r, i]) => (C(), l(n, { key: r }, [r ? (C(), l("p", Ro, A(r), 1)) : c("", !0), (C(!0), l(n, null, E(i, (n) => (C(), l("button", {
+				w.value ? (C(), l("div", zo, [t.results.length ? (C(!0), l(n, { key: 0 }, E(D.value, ([r, i]) => (C(), l(n, { key: r }, [r ? (C(), l("p", Bo, A(r), 1)) : c("", !0), (C(!0), l(n, null, E(i, (n) => (C(), l("button", {
 					key: n.id,
 					type: "button",
 					"data-spot-active": t.results.indexOf(n) === g.value || void 0,
@@ -5020,22 +5166,22 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: (e) => k(n),
 					onPointerenter: (e) => g.value = t.results.indexOf(n)
 				}, [
-					n.icon ? (C(), l("div", Bo, [p(e, {
+					n.icon ? (C(), l("div", Ho, [p(e, {
 						name: n.icon,
 						size: 20,
 						class: "text-on-primary-container"
 					}, null, 8, ["name"])])) : c("", !0),
-					u("div", Vo, [u("p", Ho, A(n.title), 1), n.description ? (C(), l("p", Uo, A(n.description), 1)) : c("", !0)]),
+					u("div", Uo, [u("p", Wo, A(n.title), 1), n.description ? (C(), l("p", Go, A(n.description), 1)) : c("", !0)]),
 					p(e, {
 						name: "arrow_forward",
 						size: 16,
 						class: "shrink-0 text-on-surface-variant/40"
 					})
-				], 42, zo))), 128))], 64))), 128)) : t.loading ? c("", !0) : (C(), l("div", Wo, [p(e, {
+				], 42, Vo))), 128))], 64))), 128)) : t.loading ? c("", !0) : (C(), l("div", Ko, [p(e, {
 					name: "search_off",
 					size: 40,
 					class: "text-on-surface-variant/40"
-				}), u("p", Go, A(t.noResultsText), 1)]))])) : c("", !0),
+				}), u("p", qo, A(t.noResultsText), 1)]))])) : c("", !0),
 				o[2] ||= u("div", { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, [
 					u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓"), f(" navegar ")]),
 					u("span", { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, [u("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵"), f(" abrir ")]),
@@ -5045,7 +5191,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-51b103ff"]]), qo = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-51b103ff"]]), Yo = /* @__PURE__ */ m({
 	__name: "MStack",
 	props: {
 		direction: { default: "column" },
@@ -5100,19 +5246,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			role: "separator"
 		}, null, 2)) : c("", !0), (C(), s(k(e)))], 64))), 128)) : D(t.$slots, "default", { key: 1 })], 2));
 	}
-}), Jo = { class: "flex flex-col gap-3 rounded-lg border border-outline-variant bg-surface-container-lowest p-5" }, Yo = { class: "flex items-start justify-between" }, Xo = { class: "flex flex-col gap-1" }, Zo = { class: "text-label-large text-on-surface-variant" }, Qo = {
+}), Xo = { class: "flex flex-col gap-3 rounded-lg border border-outline-variant bg-surface-container-lowest p-5" }, Zo = { class: "flex items-start justify-between" }, Qo = { class: "flex flex-col gap-1" }, $o = { class: "text-label-large text-on-surface-variant" }, es = {
 	key: 0,
 	class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
-}, $o = {
+}, ts = {
 	key: 1,
 	class: "text-headline-medium font-medium text-on-surface"
-}, es = {
+}, ns = {
 	key: 0,
 	class: "flex items-center gap-2"
-}, ts = {
+}, rs = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, ns = /* @__PURE__ */ m({
+}, is = /* @__PURE__ */ m({
 	__name: "MStatCard",
 	props: {
 		title: {},
@@ -5131,13 +5277,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			error: "bg-error-container text-on-error-container",
 			success: "bg-success-container text-on-success-container"
 		}, i = o(() => n.trend == null ? "" : n.trend > 0 ? "text-success" : n.trend < 0 ? "text-error" : "text-on-surface-variant"), a = o(() => n.trend == null ? "" : n.trend > 0 ? "trending_up" : n.trend < 0 ? "trending_down" : "trending_flat");
-		return (n, o) => (C(), l("div", Jo, [u("div", Yo, [u("div", Xo, [u("span", Zo, A(t.title), 1), t.loading ? (C(), l("div", Qo)) : (C(), l("span", $o, A(t.value), 1))]), t.icon ? (C(), l("div", {
+		return (n, o) => (C(), l("div", Xo, [u("div", Zo, [u("div", Qo, [u("span", $o, A(t.title), 1), t.loading ? (C(), l("div", es)) : (C(), l("span", ts, A(t.value), 1))]), t.icon ? (C(), l("div", {
 			key: 0,
 			class: v(["flex h-11 w-11 shrink-0 items-center justify-center rounded-xl", r[t.color]])
 		}, [p(e, {
 			name: t.icon,
 			size: 24
-		}, null, 8, ["name"])], 2)) : c("", !0)]), t.trend != null || t.trendLabel || n.$slots.footer ? (C(), l("div", es, [
+		}, null, 8, ["name"])], 2)) : c("", !0)]), t.trend != null || t.trendLabel || n.$slots.footer ? (C(), l("div", ns, [
 			t.trend == null ? c("", !0) : (C(), l("span", {
 				key: 0,
 				class: v(["inline-flex items-center gap-0.5 text-label-medium font-medium", i.value])
@@ -5145,35 +5291,35 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: a.value,
 				size: 16
 			}, null, 8, ["name"]), f(" " + A(t.trend > 0 ? "+" : "") + A(t.trend) + "% ", 1)], 2)),
-			t.trendLabel ? (C(), l("span", ts, A(t.trendLabel), 1)) : c("", !0),
+			t.trendLabel ? (C(), l("span", rs, A(t.trendLabel), 1)) : c("", !0),
 			D(n.$slots, "footer")
 		])) : c("", !0)]));
 	}
-}), rs = {
+}), as = {
 	key: 0,
 	class: "flex w-full items-start"
-}, is = ["onClick"], as = { key: 3 }, os = { class: "flex flex-col items-center text-center" }, ss = {
+}, os = ["onClick"], ss = { key: 3 }, cs = { class: "flex flex-col items-center text-center" }, ls = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, cs = {
+}, us = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, ls = {
+}, ds = {
 	key: 0,
 	class: "mt-[18px] flex flex-1 items-center px-2"
-}, us = {
+}, fs = {
 	key: 1,
 	class: "flex flex-col"
-}, ds = { class: "flex flex-col items-center" }, fs = ["onClick"], ps = { key: 3 }, ms = ["onClick"], hs = {
+}, ps = { class: "flex flex-col items-center" }, ms = ["onClick"], hs = { key: 3 }, gs = ["onClick"], _s = {
 	key: 0,
 	class: "mt-0.5 text-body-small text-on-surface-variant"
-}, gs = {
+}, vs = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, _s = {
+}, ys = {
 	key: 2,
 	class: "mt-3"
-}, vs = /* @__PURE__ */ m({
+}, bs = /* @__PURE__ */ m({
 	__name: "MStepper",
 	props: {
 		steps: {},
@@ -5194,7 +5340,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function p(e) {
 			f.value && a("update:modelValue", e);
 		}
-		return (r, i) => t.direction === "horizontal" ? (C(), l("div", rs, [(C(!0), l(n, null, E(t.steps, (r, i) => (C(), l(n, { key: i }, [u("div", {
+		return (r, i) => t.direction === "horizontal" ? (C(), l("div", as, [(C(!0), l(n, null, E(t.steps, (r, i) => (C(), l(n, { key: i }, [u("div", {
 			class: v(["flex flex-col items-center gap-2", f.value && d(i) !== "active" ? "cursor-pointer" : ""]),
 			onClick: (e) => p(i)
 		}, [u("div", { class: v(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", {
@@ -5213,18 +5359,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 2,
 			name: r.icon,
 			size: 20
-		}, null, 8, ["name"])) : (C(), l("span", as, A(i + 1), 1))], 2), u("div", os, [
+		}, null, 8, ["name"])) : (C(), l("span", ss, A(i + 1), 1))], 2), u("div", cs, [
 			u("span", { class: v(["text-label-large", {
 				"font-medium text-on-surface": d(i) === "active" || d(i) === "completed",
 				"text-error": d(i) === "error",
 				"text-on-surface-variant": d(i) === "inactive"
 			}]) }, A(r.label), 3),
-			r.description ? (C(), l("span", ss, A(r.description), 1)) : c("", !0),
-			r.optional ? (C(), l("span", cs, " Opcional ")) : c("", !0)
-		])], 10, is), i < t.steps.length - 1 ? (C(), l("div", ls, [u("div", { class: v(["h-[1px] w-full transition-colors duration-300", i < t.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : c("", !0)], 64))), 128))])) : (C(), l("div", us, [(C(!0), l(n, null, E(t.steps, (n, i) => (C(), l("div", {
+			r.description ? (C(), l("span", ls, A(r.description), 1)) : c("", !0),
+			r.optional ? (C(), l("span", us, " Opcional ")) : c("", !0)
+		])], 10, os), i < t.steps.length - 1 ? (C(), l("div", ds, [u("div", { class: v(["h-[1px] w-full transition-colors duration-300", i < t.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : c("", !0)], 64))), 128))])) : (C(), l("div", fs, [(C(!0), l(n, null, E(t.steps, (n, i) => (C(), l("div", {
 			key: i,
 			class: "flex gap-4"
-		}, [u("div", ds, [u("div", {
+		}, [u("div", ps, [u("div", {
 			class: v(["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": d(i) === "active" || d(i) === "completed",
 				"bg-error text-on-error": d(i) === "error",
@@ -5243,7 +5389,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 2,
 			name: n.icon,
 			size: 20
-		}, null, 8, ["name"])) : (C(), l("span", ps, A(i + 1), 1))], 10, fs), i < t.steps.length - 1 ? (C(), l("div", {
+		}, null, 8, ["name"])) : (C(), l("span", hs, A(i + 1), 1))], 10, ms), i < t.steps.length - 1 ? (C(), l("div", {
 			key: 0,
 			class: v(["my-1 w-[1px] flex-1 transition-colors duration-300", i < t.modelValue ? "bg-primary" : "bg-outline-variant"]),
 			style: { "min-height": "24px" }
@@ -5256,15 +5402,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				"text-error": d(i) === "error",
 				"text-on-surface-variant": d(i) === "inactive"
 			}]) }, A(n.label), 3),
-			n.description ? (C(), l("p", hs, A(n.description), 1)) : c("", !0),
-			n.optional ? (C(), l("p", gs, " Opcional ")) : c("", !0),
-			d(i) === "active" && r.$slots[`step-${i}`] ? (C(), l("div", _s, [D(r.$slots, `step-${i}`)])) : c("", !0)
-		], 10, ms)]))), 128))]));
+			n.description ? (C(), l("p", _s, A(n.description), 1)) : c("", !0),
+			n.optional ? (C(), l("p", vs, " Opcional ")) : c("", !0),
+			d(i) === "active" && r.$slots[`step-${i}`] ? (C(), l("div", ys, [D(r.$slots, `step-${i}`)])) : c("", !0)
+		], 10, gs)]))), 128))]));
 	}
-}), ys = ["checked", "disabled"], bs = {
+}), xs = ["checked", "disabled"], Ss = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, xs = /* @__PURE__ */ m({
+}, Cs = /* @__PURE__ */ m({
 	__name: "MSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -5286,7 +5432,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			checked: t.modelValue,
 			disabled: t.disabled,
 			onChange: r[0] ||= (e) => a("update:modelValue", !t.modelValue)
-		}, null, 40, ys), u("span", {
+		}, null, 40, xs), u("span", {
 			class: v(["absolute left-1 top-1/2 flex h-6 w-6 items-center justify-center rounded-full will-change-transform", t.modelValue ? "bg-on-primary shadow-sm" : "bg-outline"]),
 			style: y(d.value)
 		}, [p(i, {
@@ -5304,33 +5450,33 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				class: "text-primary"
 			})) : c("", !0)]),
 			_: 1
-		})], 6)], 2), t.label ? (C(), l("span", bs, A(t.label), 1)) : c("", !0)], 2));
+		})], 6)], 2), t.label ? (C(), l("span", Ss, A(t.label), 1)) : c("", !0)], 2));
 	}
-}), Ss = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Cs = {
+}), ws = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Ts = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, ws = {
+}, Es = {
 	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"
-}, Ts = {
+}, Ds = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, Es = { class: "overflow-x-auto" }, Ds = { class: "w-full border-collapse" }, Os = { class: "bg-surface-container-high" }, ks = {
+}, Os = { class: "overflow-x-auto" }, ks = { class: "w-full border-collapse" }, As = { class: "bg-surface-container-high" }, js = {
 	key: 0,
 	class: "w-12 px-4 py-3"
-}, As = ["onClick"], js = { class: "inline-flex items-center gap-1" }, Ms = {
+}, Ms = ["onClick"], Ns = { class: "inline-flex items-center gap-1" }, Ps = {
 	key: 0,
 	class: "inline-flex"
-}, Ns = {
+}, Fs = {
 	key: 1,
 	class: "w-1 px-4 py-3"
-}, Ps = {
+}, Is = {
 	key: 0,
 	class: "px-4 py-3.5"
-}, Fs = {
+}, Ls = {
 	key: 1,
 	class: "px-4 py-3.5"
-}, Is = { key: 1 }, Ls = ["colspan"], Rs = { class: "text-body-medium text-on-surface-variant" }, zs = ["onClick"], Bs = ["onClick"], Vs = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Hs = /* @__PURE__ */ m({
+}, Rs = { key: 1 }, zs = ["colspan"], Bs = { class: "text-body-medium text-on-surface-variant" }, Vs = ["onClick"], Hs = ["onClick"], Us = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Ws = /* @__PURE__ */ m({
 	__name: "MTable",
 	props: {
 		columns: {},
@@ -5468,9 +5614,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			return `${a[(e * 3 + t) % a.length]}%`;
 		}
 		let ee = N(), X = o(() => !!ee["row-actions"]);
-		return (r, a) => (C(), l("div", Ss, [
-			t.searchable || r.$slots.toolbar ? (C(), l("div", Cs, [
-				t.searchable ? (C(), l("div", ws, [
+		return (r, a) => (C(), l("div", ws, [
+			t.searchable || r.$slots.toolbar ? (C(), l("div", Ts, [
+				t.searchable ? (C(), l("div", Es, [
 					p(e, {
 						name: "search",
 						size: 16,
@@ -5498,12 +5644,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: L(() => [t.selectable && z.value.length > 0 ? (C(), l("span", Ts, A(z.value.length) + " seleccionado" + A(z.value.length === 1 ? "" : "s"), 1)) : c("", !0)]),
+					default: L(() => [t.selectable && z.value.length > 0 ? (C(), l("span", Ds, A(z.value.length) + " seleccionado" + A(z.value.length === 1 ? "" : "s"), 1)) : c("", !0)]),
 					_: 1
 				})
 			])) : c("", !0),
-			u("div", Es, [u("table", Ds, [u("thead", null, [u("tr", Os, [
-				t.selectable ? (C(), l("th", ks, [p(Q, {
+			u("div", Os, [u("table", ks, [u("thead", null, [u("tr", As, [
+				t.selectable ? (C(), l("th", js, [p(Q, {
 					"model-value": W.value,
 					indeterminate: G.value,
 					"onUpdate:modelValue": K
@@ -5517,7 +5663,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						t.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (e) => t.sortable ? b(t.key) : void 0
-				}, [u("span", js, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Ms, [g.value === t.key && _.value === "asc" ? (C(), s(e, {
+				}, [u("span", Ns, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Ps, [g.value === t.key && _.value === "asc" ? (C(), s(e, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -5532,13 +5678,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					name: "unfold_more",
 					size: 14,
 					class: "opacity-30"
-				}))])) : c("", !0)])], 14, As))), 128)),
-				X.value ? (C(), l("th", Ns)) : c("", !0)
+				}))])) : c("", !0)])], 14, Ms))), 128)),
+				X.value ? (C(), l("th", Fs)) : c("", !0)
 			])]), u("tbody", null, [t.loading ? (C(!0), l(n, { key: 0 }, E(t.perPage, (e) => (C(), l("tr", {
 				key: `sk-${e}`,
 				class: "border-t border-outline-variant"
 			}, [
-				t.selectable ? (C(), l("td", Ps, [...a[4] ||= [u("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : c("", !0),
+				t.selectable ? (C(), l("td", Is, [...a[4] ||= [u("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : c("", !0),
 				(C(!0), l(n, null, E(t.columns, (t, n) => (C(), l("td", {
 					key: t.key,
 					class: "px-4 py-3.5"
@@ -5546,15 +5692,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					class: "h-4 animate-pulse rounded-full bg-on-surface/10",
 					style: y({ width: Y(e, n) })
 				}, null, 4)]))), 128)),
-				X.value ? (C(), l("td", Fs, [...a[5] ||= [u("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : c("", !0)
-			]))), 128)) : j.value.length === 0 ? (C(), l("tr", Is, [u("td", {
+				X.value ? (C(), l("td", Ls, [...a[5] ||= [u("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : c("", !0)
+			]))), 128)) : j.value.length === 0 ? (C(), l("tr", Rs, [u("td", {
 				colspan: t.columns.length + q.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [D(r.$slots, "empty", {}, () => [p(e, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), u("p", Rs, A(t.emptyText), 1)])], 8, Ls)])) : (C(!0), l(n, { key: 2 }, E(j.value, (e) => (C(), l("tr", {
+			}), u("p", Bs, A(t.emptyText), 1)])], 8, zs)])) : (C(!0), l(n, { key: 2 }, E(j.value, (e) => (C(), l("tr", {
 				key: V(e),
 				class: v([
 					"border-t border-outline-variant transition-colors duration-100",
@@ -5571,7 +5717,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				}, [p(Q, {
 					"model-value": H(e),
 					"onUpdate:modelValue": (t) => U(e)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Bs)) : c("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Hs)) : c("", !0),
 				(C(!0), l(n, null, E(t.columns, (t) => (C(), l("td", {
 					key: t.key,
 					class: v(["px-4 py-3 text-body-medium text-on-surface", J(t.align)])
@@ -5585,8 +5731,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					class: "px-4 py-3 text-right",
 					onClick: a[2] ||= B(() => {}, ["stop"])
 				}, [D(r.$slots, "row-actions", { row: e })])) : c("", !0)
-			], 10, zs))), 128))])])]),
-			u("div", Vs, [p(Yt, {
+			], 10, Vs))), 128))])])]),
+			u("div", Us, [p(Kt, {
 				page: w.value,
 				"per-page": t.perPage,
 				total: k.value,
@@ -5598,16 +5744,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			])])
 		]));
 	}
-}), Us = {
+}), Gs = {
 	key: 0,
 	class: "relative border-b border-outline-variant"
-}, Ws = {
+}, Ks = {
 	class: "flex overflow-x-auto",
 	style: { "scrollbar-width": "none" }
-}, Gs = ["disabled", "onClick"], Ks = {
+}, qs = ["disabled", "onClick"], Js = {
 	key: 1,
 	class: "flex flex-wrap gap-1 rounded-full bg-surface-container p-1"
-}, qs = ["disabled", "onClick"], Js = /* @__PURE__ */ m({
+}, Ys = ["disabled", "onClick"], Xs = /* @__PURE__ */ m({
 	__name: "MTabs",
 	props: {
 		modelValue: {},
@@ -5627,7 +5773,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function h(e) {
 			e.disabled || a("update:modelValue", e.value);
 		}
-		return (r, i) => t.variant === "primary" ? (C(), l("div", Us, [u("div", Ws, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
+		return (r, i) => t.variant === "primary" ? (C(), l("div", Gs, [u("div", Ks, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
 			key: n.value,
 			ref_for: !0,
 			ref: (e) => {
@@ -5641,13 +5787,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 0,
 			name: n.icon,
 			size: 20
-		}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, Gs))), 128))]), u("div", {
+		}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, qs))), 128))]), u("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: y({
 				left: `${d.value}px`,
 				width: `${p.value}px`
 			})
-		}, null, 4)])) : (C(), l("div", Ks, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
+		}, null, 4)])) : (C(), l("div", Js, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
 			key: n.value,
 			type: "button",
 			class: v(["flex h-8 items-center gap-2 rounded-full px-4 text-label-large transition-all duration-150 focus-visible:outline-none", n.value === t.modelValue ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : n.disabled ? "cursor-not-allowed text-on-surface/38" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8 hover:text-on-surface"]),
@@ -5657,37 +5803,37 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 0,
 			name: n.icon,
 			size: 16
-		}, null, 8, ["name"])) : c("", !0), f(" " + A(n.label), 1)], 10, qs))), 128))]));
+		}, null, 8, ["name"])) : c("", !0), f(" " + A(n.label), 1)], 10, Ys))), 128))]));
 	}
-}), Ys = { class: "flex flex-col gap-1" }, Xs = {
+}), Zs = { class: "flex flex-col gap-1" }, Qs = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, Zs = [
+}, $s = [
 	"id",
 	"value",
 	"rows",
 	"disabled",
 	"required"
-], Qs = [
+], ec = [
 	"id",
 	"type",
 	"value",
 	"disabled",
 	"required",
 	"autocomplete"
-], $s = ["for"], ec = {
+], tc = ["for"], nc = {
 	key: 0,
 	class: "text-error"
-}, tc = {
+}, rc = {
 	key: 3,
 	class: "absolute top-1/2 right-2 -translate-y-1/2"
-}, nc = {
+}, ic = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, rc = {
+}, ac = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, ic = /* @__PURE__ */ m({
+}, oc = /* @__PURE__ */ m({
 	__name: "MTextField",
 	props: {
 		modelValue: {},
@@ -5748,13 +5894,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			let t = e.target;
 			i("update:modelValue", t.value);
 		}
-		return (n, r) => (C(), l("div", Ys, [u("div", {
+		return (n, r) => (C(), l("div", Zs, [u("div", {
 			ref_key: "fieldBgEl",
 			ref: d,
 			class: v(["relative", t.variant === "outlined" ? "mt-2" : ""]),
 			style: y(t.variant === "outlined" ? { "--field-bg": j(m) } : void 0)
 		}, [
-			t.leadingIcon ? (C(), l("div", Xs, [p(e, {
+			t.leadingIcon ? (C(), l("div", Qs, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -5768,7 +5914,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				placeholder: " ",
 				class: v(h.value),
 				onInput: _
-			}, null, 42, Zs)) : (C(), l("input", {
+			}, null, 42, $s)) : (C(), l("input", {
 				key: 2,
 				id: j(a),
 				type: t.type,
@@ -5779,33 +5925,33 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				placeholder: " ",
 				class: v(h.value),
 				onInput: _
-			}, null, 42, Qs)),
+			}, null, 42, ec)),
 			u("label", {
 				for: j(a),
 				class: v(g.value)
-			}, [f(A(t.label), 1), t.required ? (C(), l("span", ec, "\xA0*")) : c("", !0)], 10, $s),
-			n.$slots.trailing ? (C(), l("div", tc, [D(n.$slots, "trailing")])) : c("", !0)
-		], 6), t.error ? (C(), l("p", nc, A(t.error), 1)) : t.hint ? (C(), l("p", rc, A(t.hint), 1)) : c("", !0)]));
+			}, [f(A(t.label), 1), t.required ? (C(), l("span", nc, "\xA0*")) : c("", !0)], 10, tc),
+			n.$slots.trailing ? (C(), l("div", rc, [D(n.$slots, "trailing")])) : c("", !0)
+		], 6), t.error ? (C(), l("p", ic, A(t.error), 1)) : t.hint ? (C(), l("p", ac, A(t.hint), 1)) : c("", !0)]));
 	}
-}), ac = { class: "flex flex-col items-center" }, oc = { class: "flex items-baseline justify-between gap-2" }, sc = { class: "text-body-large font-medium text-on-surface" }, cc = {
+}), sc = { class: "flex flex-col items-center" }, cc = { class: "flex items-baseline justify-between gap-2" }, lc = { class: "text-body-large font-medium text-on-surface" }, uc = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, lc = {
+}, dc = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, uc = {
+}, fc = {
 	key: 1,
 	class: "mt-2"
-}, dc = { class: "text-body-large font-medium text-on-surface" }, fc = {
+}, pc = { class: "text-body-large font-medium text-on-surface" }, mc = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, pc = {
+}, hc = {
 	key: 1,
 	class: "mt-1 inline-block text-label-small text-on-surface-variant"
-}, mc = { class: "flex w-14 shrink-0 flex-col items-center" }, hc = {
+}, gc = { class: "flex w-14 shrink-0 flex-col items-center" }, _c = {
 	key: 0,
 	class: "w-[2px] flex-1 bg-outline-variant"
-}, gc = /* @__PURE__ */ m({
+}, vc = /* @__PURE__ */ m({
 	__name: "MTimeline",
 	props: {
 		items: {},
@@ -5831,23 +5977,23 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			class: v(["flex items-stretch", i % 2 == 0 ? "flex-row" : "flex-row-reverse"])
 		}, [
 			u("div", { class: v(["flex-1", [i % 2 == 0 ? "text-right" : "text-left", t.dense ? "pb-4" : "pb-8"]]) }, [
-				u("p", dc, A(n.title), 1),
-				n.description ? (C(), l("p", fc, A(n.description), 1)) : c("", !0),
-				n.date ? (C(), l("span", pc, A(n.date), 1)) : c("", !0)
+				u("p", pc, A(n.title), 1),
+				n.description ? (C(), l("p", mc, A(n.description), 1)) : c("", !0),
+				n.date ? (C(), l("span", hc, A(n.date), 1)) : c("", !0)
 			], 2),
-			u("div", mc, [u("div", {
+			u("div", gc, [u("div", {
 				class: v(["z-[1] flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3.5 w-3.5", r[n.color ?? "primary"]]]),
 				style: y(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
 			}, [n.icon ? (C(), s(e, {
 				key: 0,
 				name: n.icon,
 				size: 18
-			}, null, 8, ["name"])) : c("", !0)], 6), i < t.items.length - 1 ? (C(), l("div", hc)) : c("", !0)]),
+			}, null, 8, ["name"])) : c("", !0)], 6), i < t.items.length - 1 ? (C(), l("div", _c)) : c("", !0)]),
 			a[0] ||= u("div", { class: "flex-1" }, null, -1)
 		], 2))), 128)) : (C(!0), l(n, { key: 0 }, E(t.items, (n, a) => (C(), l("div", {
 			key: a,
 			class: v(["relative flex gap-4", t.dense ? "pb-4" : "pb-8"])
-		}, [u("div", ac, [u("div", {
+		}, [u("div", sc, [u("div", {
 			class: v(["z-[1] flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3 w-3", r[n.color ?? "primary"]]]),
 			style: y(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
 		}, [n.icon ? (C(), s(e, {
@@ -5859,30 +6005,30 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			class: v(["w-[2px] flex-1", r[n.color ?? "primary"].split(" ")[0] + "/30"]),
 			style: { "min-height": "16px" }
 		}, null, 2)) : c("", !0)]), u("div", { class: v([n.icon ? "" : "pt-0", "-mt-0.5 flex-1"]) }, [
-			u("div", oc, [u("p", sc, A(n.title), 1), n.date ? (C(), l("span", cc, A(n.date), 1)) : c("", !0)]),
-			n.description ? (C(), l("p", lc, A(n.description), 1)) : c("", !0),
-			i.$slots[`item-${a}`] ? (C(), l("div", uc, [D(i.$slots, `item-${a}`, { item: n })])) : c("", !0)
+			u("div", cc, [u("p", lc, A(n.title), 1), n.date ? (C(), l("span", uc, A(n.date), 1)) : c("", !0)]),
+			n.description ? (C(), l("p", dc, A(n.description), 1)) : c("", !0),
+			i.$slots[`item-${a}`] ? (C(), l("div", fc, [D(i.$slots, `item-${a}`, { item: n })])) : c("", !0)
 		], 2)], 2))), 128))], 2));
 	}
-}), _c = { class: "flex flex-col gap-1" }, vc = {
+}), yc = { class: "flex flex-col gap-1" }, bc = {
 	key: 0,
 	class: "flex-1 font-mono text-on-surface"
-}, yc = {
+}, xc = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, bc = {
+}, Sc = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, xc = {
+}, Cc = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Sc = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Cc = { class: "p-3" }, wc = {
+}, wc = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Tc = { class: "p-3" }, Ec = {
 	key: 0,
 	class: "grid grid-cols-6 gap-1"
-}, Tc = ["onClick"], Ec = {
+}, Dc = ["onClick"], Oc = {
 	key: 1,
 	class: "grid grid-cols-6 gap-1"
-}, Dc = ["onClick"], Oc = /* @__PURE__ */ m({
+}, kc = ["onClick"], Ac = /* @__PURE__ */ m({
 	__name: "MTimePicker",
 	props: {
 		modelValue: {},
@@ -5959,7 +6105,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			e ? (_.value = "hour", O.value = D.value.h, k.value = D.value.m, H(), setTimeout(() => document.addEventListener("mousedown", U), 0)) : document.removeEventListener("mousedown", U);
 		}), x(() => window.addEventListener("scroll", W, !0)), S(() => {
 			window.removeEventListener("scroll", W, !0), document.removeEventListener("mousedown", U);
-		}), (a, o) => (C(), l("div", _c, [
+		}), (a, o) => (C(), l("div", yc, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -5975,7 +6121,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				V.value ? (C(), l("span", vc, A(V.value), 1)) : (C(), l("span", yc, A(t.label || "Seleccionar hora"), 1)),
+				V.value ? (C(), l("span", bc, A(V.value), 1)) : (C(), l("span", xc, A(t.label || "Seleccionar hora"), 1)),
 				t.modelValue ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -5987,7 +6133,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-[var(--field-bg)] px-1 text-label-small transition-colors", m.value ? t.error ? "text-error" : "text-primary" : t.error ? "text-error" : "text-on-surface-variant"])
 			}, A(t.label), 3)) : c("", !0)], 4),
-			t.error ? (C(), l("p", bc, A(t.error), 1)) : t.hint ? (C(), l("p", xc, A(t.hint), 1)) : c("", !0),
+			t.error ? (C(), l("p", Sc, A(t.error), 1)) : t.hint ? (C(), l("p", Cc, A(t.hint), 1)) : c("", !0),
 			(C(), s(r, { to: "body" }, [p(i, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -6000,7 +6146,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					ref: g,
 					class: "fixed z-[500] w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
 					style: y(b.value)
-				}, [u("div", Sc, [
+				}, [u("div", wc, [
 					u("button", {
 						type: "button",
 						class: v(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", _.value === "hour" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
@@ -6012,22 +6158,22 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						class: v(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", _.value === "minute" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
 						onClick: o[2] ||= (e) => _.value = "minute"
 					}, A(P(k.value)), 3)
-				]), u("div", Cc, [_.value === "hour" ? (C(), l("div", wc, [(C(!0), l(n, null, E(j(M), (e) => (C(), l("button", {
+				]), u("div", Tc, [_.value === "hour" ? (C(), l("div", Ec, [(C(!0), l(n, null, E(j(M), (e) => (C(), l("button", {
 					key: e,
 					type: "button",
 					class: v(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === O.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => I(e)
-				}, A(P(e)), 11, Tc))), 128))])) : (C(), l("div", Ec, [(C(!0), l(n, null, E(N.value, (e) => (C(), l("button", {
+				}, A(P(e)), 11, Dc))), 128))])) : (C(), l("div", Oc, [(C(!0), l(n, null, E(N.value, (e) => (C(), l("button", {
 					key: e,
 					type: "button",
 					class: v(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === k.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => R(e)
-				}, A(P(e)), 11, Dc))), 128))]))])], 4)) : c("", !0)]),
+				}, A(P(e)), 11, kc))), 128))]))])], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), kc = /* @__PURE__ */ m({
+}), jc = /* @__PURE__ */ m({
 	__name: "MTooltip",
 	props: {
 		text: {},
@@ -6096,13 +6242,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]))], 64));
 	}
-}), Ac = { class: "flex h-16 items-center gap-1 px-2" }, jc = {
+}), Mc = { class: "flex h-16 items-center gap-1 px-2" }, Nc = {
 	key: 2,
 	class: "flex-1"
-}, Mc = {
+}, Pc = {
 	key: 3,
 	class: "flex items-center gap-1"
-}, Nc = /* @__PURE__ */ m({
+}, Fc = /* @__PURE__ */ m({
 	__name: "MTopAppBar",
 	props: {
 		title: {},
@@ -6112,7 +6258,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	},
 	emits: ["navigation"],
 	setup(e) {
-		return (t, n) => (C(), l("header", { class: v(["flex w-full flex-col bg-surface transition-shadow", e.elevated ? "shadow-elevation-2" : ""]) }, [u("div", Ac, [
+		return (t, n) => (C(), l("header", { class: v(["flex w-full flex-col bg-surface transition-shadow", e.elevated ? "shadow-elevation-2" : ""]) }, [u("div", Mc, [
 			e.navigationIcon ? (C(), s(Z, {
 				key: 0,
 				icon: e.navigationIcon,
@@ -6122,17 +6268,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			e.variant === "center" || e.variant === "small" ? (C(), l("h1", {
 				key: 1,
 				class: v(["flex-1 truncate px-2 text-title-large text-on-surface", e.variant === "center" ? "text-center" : ""])
-			}, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)) : (C(), l("div", jc)),
-			t.$slots.actions ? (C(), l("div", Mc, [D(t.$slots, "actions")])) : c("", !0)
+			}, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)) : (C(), l("div", Nc)),
+			t.$slots.actions ? (C(), l("div", Pc, [D(t.$slots, "actions")])) : c("", !0)
 		]), e.variant === "medium" || e.variant === "large" ? (C(), l("div", {
 			key: 0,
 			class: v(["px-4 pb-6", e.variant === "large" ? "pt-4" : "pt-1"])
 		}, [u("h1", { class: v(["text-on-surface", e.variant === "large" ? "text-headline-medium" : "text-headline-small"]) }, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)], 2)) : c("", !0)], 2));
 	}
-}), Pc = {
-	key: 0,
-	class: "fixed inset-0 z-[100]"
-}, Fc = { class: "mb-2 flex items-center justify-between" }, Ic = { class: "text-label-small text-on-surface-variant" }, Lc = { class: "mb-1 text-title-medium font-medium text-on-surface" }, Rc = { class: "mb-4 text-body-medium text-on-surface-variant" }, zc = { class: "mb-4 flex justify-center gap-1.5" }, Bc = { class: "flex justify-between" }, Vc = { key: 1 }, Hc = /* @__PURE__ */ m({
+}), Ic = { class: "mb-2 flex items-center justify-between" }, Lc = { class: "text-label-small text-on-surface-variant" }, Rc = { class: "mb-1 text-title-medium font-medium text-on-surface" }, zc = { class: "mb-4 text-body-medium text-on-surface-variant" }, Bc = { class: "mb-4 flex justify-center gap-1.5" }, Vc = { class: "flex justify-between" }, Hc = { key: 1 }, Uc = /* @__PURE__ */ m({
 	__name: "MTour",
 	props: {
 		modelValue: { type: Boolean },
@@ -6150,7 +6293,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				behavior: "smooth",
 				block: "center"
 			});
-			let r = { position: "fixed" }, i = { position: "absolute" };
+			let r = {}, i = { position: "absolute" };
 			switch (n) {
 				case "bottom":
 					r.top = `${t.bottom + 12}px`, r.left = `${t.left + t.width / 2}px`, r.transform = "translateX(-50%)", i.top = "-8px", i.left = "50%", i.transform = "translateX(-50%)", i.borderBottom = "8px solid var(--color-surface-container-high)", i.borderLeft = "8px solid transparent", i.borderRight = "8px solid transparent";
@@ -6189,18 +6332,23 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}), F(() => d.modelValue, (e) => {
 			e || M();
 		}), b(M), (a, o) => (C(), s(r, { to: "body" }, [p(i, { name: "m3-tour" }, {
-			default: L(() => [t.modelValue && w.value ? (C(), l("div", Pc, [u("div", {
-				class: "absolute inset-0 bg-black/40",
+			default: L(() => [t.modelValue && w.value ? (C(), l("div", {
+				key: 0,
+				class: "fixed inset-0 z-[200] bg-black/40",
 				onClick: I
-			}), u("div", {
-				class: "z-[101] w-80 rounded-xl bg-surface-container-high p-5 shadow-elevation-3",
+			})) : c("", !0)]),
+			_: 1
+		}), p(i, { name: "m3-tour" }, {
+			default: L(() => [t.modelValue && w.value ? (C(), l("div", {
+				key: 0,
+				class: "fixed z-[202] w-80 rounded-xl bg-surface-container-high p-5 shadow-elevation-3",
 				style: y(g.value)
 			}, [
 				u("div", {
 					class: "h-0 w-0",
 					style: y(x.value)
 				}, null, 4),
-				u("div", Fc, [u("span", Ic, A(h.value + 1) + " / " + A(t.steps.length), 1), u("button", {
+				u("div", Ic, [u("span", Lc, A(h.value + 1) + " / " + A(t.steps.length), 1), u("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: I
@@ -6208,46 +6356,46 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					name: "close",
 					size: 16
 				})])]),
-				u("h3", Lc, A(w.value.title), 1),
-				u("p", Rc, A(w.value.content), 1),
-				u("div", zc, [(C(!0), l(n, null, E(t.steps, (e, t) => (C(), l("div", {
+				u("h3", Rc, A(w.value.title), 1),
+				u("p", zc, A(w.value.content), 1),
+				u("div", Bc, [(C(!0), l(n, null, E(t.steps, (e, t) => (C(), l("div", {
 					key: t,
 					class: v(["h-1.5 rounded-full transition-all duration-200", t === h.value ? "w-6 bg-primary" : "w-1.5 bg-outline-variant"])
 				}, null, 2))), 128))]),
-				u("div", Bc, [D.value ? (C(), l("span", Vc)) : (C(), s(Ue, {
+				u("div", Vc, [D.value ? (C(), l("span", Hc)) : (C(), s(He, {
 					key: 0,
 					variant: "text",
 					onClick: P
 				}, {
 					default: L(() => [...o[0] ||= [f(" Anterior ", -1)]]),
 					_: 1
-				})), p(Ue, { onClick: N }, {
+				})), p(He, { onClick: N }, {
 					default: L(() => [f(A(O.value ? "Finalizar" : "Siguiente"), 1)]),
 					_: 1
 				})])
-			], 4)])) : c("", !0)]),
+			], 4)) : c("", !0)]),
 			_: 1
 		})]));
 	}
-}), Uc = { class: "flex items-stretch gap-2" }, Wc = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Gc = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Kc = { class: "text-label-large font-medium text-on-surface" }, qc = { class: "text-label-small text-on-surface-variant" }, Jc = {
+}), Wc = { class: "flex items-stretch gap-2" }, Gc = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Kc = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, qc = { class: "text-label-large font-medium text-on-surface" }, Jc = { class: "text-label-small text-on-surface-variant" }, Yc = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, Yc = {
+}, Xc = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, Xc = ["onClick"], Zc = { class: "flex-1 truncate text-body-medium text-on-surface" }, Qc = {
+}, Zc = ["onClick"], Qc = { class: "flex-1 truncate text-body-medium text-on-surface" }, $c = {
 	key: 0,
 	class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
-}, $c = { class: "flex flex-col items-center justify-center gap-1" }, el = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, tl = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, nl = { class: "text-label-large font-medium text-on-surface" }, rl = { class: "text-label-small text-on-surface-variant" }, il = {
+}, el = { class: "flex flex-col items-center justify-center gap-1" }, tl = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, nl = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, rl = { class: "text-label-large font-medium text-on-surface" }, il = { class: "text-label-small text-on-surface-variant" }, al = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, al = {
+}, ol = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, ol = ["onClick"], sl = { class: "flex-1 truncate text-body-medium text-on-surface" }, cl = {
+}, sl = ["onClick"], cl = { class: "flex-1 truncate text-body-medium text-on-surface" }, ll = {
 	key: 0,
 	class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
-}, ll = /* @__PURE__ */ m({
+}, ul = /* @__PURE__ */ m({
 	__name: "MTransferList",
 	props: {
 		modelValue: {},
@@ -6299,16 +6447,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			let e = _.value.map((e) => e.value);
 			a("update:modelValue", i.modelValue.filter((t) => !new Set(e).has(t))), f.value = /* @__PURE__ */ new Set();
 		}
-		return (r, i) => (C(), l("div", Uc, [
-			u("div", Wc, [
-				u("div", Gc, [u("span", Kc, A(t.sourceTitle), 1), u("span", qc, A(g.value.length), 1)]),
-				t.filterable ? (C(), l("div", Jc, [R(u("input", {
+		return (r, i) => (C(), l("div", Wc, [
+			u("div", Gc, [
+				u("div", Kc, [u("span", qc, A(t.sourceTitle), 1), u("span", Jc, A(g.value.length), 1)]),
+				t.filterable ? (C(), l("div", Yc, [R(u("input", {
 					"onUpdate:modelValue": i[0] ||= (e) => m.value = e,
 					type: "text",
 					placeholder: "Buscar...",
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
 				}, null, 512), [[P, m.value]])])) : c("", !0),
-				u("div", Yc, [(C(!0), l(n, null, E(g.value, (t) => (C(), l("button", {
+				u("div", Xc, [(C(!0), l(n, null, E(g.value, (t) => (C(), l("button", {
 					key: t.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",
@@ -6324,10 +6472,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", Zc, A(t.label), 1)
-				], 8, Xc))), 128)), g.value.length ? c("", !0) : (C(), l("p", Qc, " Sin elementos "))])
+					u("span", Qc, A(t.label), 1)
+				], 8, Zc))), 128)), g.value.length ? c("", !0) : (C(), l("p", $c, " Sin elementos "))])
 			]),
-			u("div", $c, [
+			u("div", el, [
 				p(Z, {
 					icon: "keyboard_double_arrow_right",
 					label: "Mover todos a la derecha",
@@ -6359,15 +6507,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: w
 				}, null, 8, ["disabled"])
 			]),
-			u("div", el, [
-				u("div", tl, [u("span", nl, A(t.targetTitle), 1), u("span", rl, A(_.value.length), 1)]),
-				t.filterable ? (C(), l("div", il, [R(u("input", {
+			u("div", tl, [
+				u("div", nl, [u("span", rl, A(t.targetTitle), 1), u("span", il, A(_.value.length), 1)]),
+				t.filterable ? (C(), l("div", al, [R(u("input", {
 					"onUpdate:modelValue": i[1] ||= (e) => h.value = e,
 					type: "text",
 					placeholder: "Buscar...",
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
 				}, null, 512), [[P, h.value]])])) : c("", !0),
-				u("div", al, [(C(!0), l(n, null, E(_.value, (t) => (C(), l("button", {
+				u("div", ol, [(C(!0), l(n, null, E(_.value, (t) => (C(), l("button", {
 					key: t.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",
@@ -6383,18 +6531,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", sl, A(t.label), 1)
-				], 8, ol))), 128)), _.value.length ? c("", !0) : (C(), l("p", cl, " Sin elementos "))])
+					u("span", cl, A(t.label), 1)
+				], 8, sl))), 128)), _.value.length ? c("", !0) : (C(), l("p", ll, " Sin elementos "))])
 			])
 		]));
 	}
-}), ul = ["aria-expanded", "aria-selected"], dl = { class: "flex w-6 shrink-0 items-center justify-center" }, fl = ["disabled"], pl = {
+}), dl = ["aria-expanded", "aria-selected"], fl = { class: "flex w-6 shrink-0 items-center justify-center" }, pl = ["disabled"], ml = {
 	key: 2,
 	class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
-}, ml = {
+}, hl = {
 	key: 0,
 	class: "ml-3 border-l border-outline-variant pl-2"
-}, hl = /* @__PURE__ */ m({
+}, gl = /* @__PURE__ */ m({
 	__name: "_MTreeNode",
 	props: {
 		node: {},
@@ -6439,7 +6587,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			]),
 			onClick: T
 		}, [
-			u("div", dl, [m.value ? (C(), l("button", {
+			u("div", fl, [m.value ? (C(), l("button", {
 				key: 0,
 				type: "button",
 				class: v(["flex h-5 w-5 items-center justify-center rounded text-on-surface-variant transition-transform duration-200", _.value ? "rotate-90" : ""]),
@@ -6448,7 +6596,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [p(e, {
 				name: "chevron_right",
 				size: 16
-			})], 10, fl)) : c("", !0)]),
+			})], 10, pl)) : c("", !0)]),
 			j(a).checkable.value ? (C(), l("div", {
 				key: 0,
 				class: "shrink-0",
@@ -6470,7 +6618,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				class: v(["shrink-0 transition-colors", y.value ? "text-primary" : "text-on-surface-variant"])
 			}, null, 8, ["name", "class"])) : c("", !0),
 			u("span", { class: v(["min-w-0 flex-1 truncate text-body-medium transition-colors", y.value ? "font-medium text-primary" : "text-on-surface"]) }, [D(r.$slots, "label", { node: t.node }, () => [f(A(t.node.label), 1)])], 2),
-			m.value && j(a).checkable.value ? (C(), l("span", pl, A(x.value) + "/" + A(b.value.length), 1)) : c("", !0),
+			m.value && j(a).checkable.value ? (C(), l("span", ml, A(x.value) + "/" + A(b.value.length), 1)) : c("", !0),
 			D(r.$slots, "trailing", { node: t.node })
 		], 2), p(i, {
 			onEnter: M,
@@ -6478,7 +6626,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			onLeave: P,
 			onAfterLeave: F
 		}, {
-			default: L(() => [_.value && m.value ? (C(), l("div", ml, [(C(!0), l(n, null, E(t.node.children, (e) => (C(), s(hl, {
+			default: L(() => [_.value && m.value ? (C(), l("div", hl, [(C(!0), l(n, null, E(t.node.children, (e) => (C(), s(gl, {
 				key: e.id,
 				node: e,
 				depth: t.depth + 1
@@ -6487,15 +6635,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				fn: L((e) => [D(r.$slots, t, g({ ref_for: !0 }, e ?? {}))])
 			}))]), 1032, ["node", "depth"]))), 128))])) : c("", !0)]),
 			_: 3
-		})], 8, ul));
+		})], 8, dl));
 	}
-}), gl = {
+}), _l = {
 	role: "tree",
 	class: "flex flex-col"
-}, _l = {
+}, vl = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
-}, vl = { class: "text-body-medium" }, yl = /* @__PURE__ */ m({
+}, yl = { class: "text-body-medium" }, bl = /* @__PURE__ */ m({
 	__name: "MTree",
 	props: {
 		nodes: {},
@@ -6561,26 +6709,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		return r({
 			expandAll: k,
 			collapseAll: j
-		}), (r, i) => (C(), l("div", gl, [t.nodes.length ? (C(!0), l(n, { key: 0 }, E(t.nodes, (e) => (C(), s(hl, {
+		}), (r, i) => (C(), l("div", _l, [t.nodes.length ? (C(!0), l(n, { key: 0 }, E(t.nodes, (e) => (C(), s(gl, {
 			key: e.id,
 			node: e,
 			depth: 0
 		}, d({ _: 2 }, [E(r.$slots, (e, t) => ({
 			name: t,
 			fn: L((e) => [D(r.$slots, t, g({ ref_for: !0 }, e ?? {}))])
-		}))]), 1032, ["node"]))), 128)) : (C(), l("div", _l, [p(e, {
+		}))]), 1032, ["node"]))), 128)) : (C(), l("div", vl, [p(e, {
 			name: "account_tree",
 			size: 32,
 			class: "opacity-30"
-		}), u("p", vl, A(t.emptyText), 1)]))]));
+		}), u("p", yl, A(t.emptyText), 1)]))]));
 	}
-}), bl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, xl = {
+}), xl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Sl = {
 	key: 0,
 	class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
-}, Sl = { class: "overflow-x-auto" }, Cl = { class: "w-full border-collapse" }, wl = { class: "bg-surface-container-high" }, Tl = ["onClick"], El = ["onClick"], Dl = {
+}, Cl = { class: "overflow-x-auto" }, wl = { class: "w-full border-collapse" }, Tl = { class: "bg-surface-container-high" }, El = ["onClick"], Dl = ["onClick"], Ol = {
 	key: 1,
 	class: "w-6 shrink-0"
-}, Ol = { key: 0 }, kl = ["colspan"], Al = /* @__PURE__ */ m({
+}, kl = { key: 0 }, Al = ["colspan"], jl = /* @__PURE__ */ m({
 	__name: "MTreeTable",
 	props: {
 		columns: {},
@@ -6635,10 +6783,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function x(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (r, i) => (C(), l("div", bl, [r.$slots.toolbar ? (C(), l("div", xl, [D(r.$slots, "toolbar", {
+		return (r, i) => (C(), l("div", xl, [r.$slots.toolbar ? (C(), l("div", Sl, [D(r.$slots, "toolbar", {
 			expandAll: _,
 			collapseAll: b
-		})])) : c("", !0), u("div", Sl, [u("table", Cl, [u("thead", null, [u("tr", wl, [(C(!0), l(n, null, E(t.columns, (e, n) => (C(), l("th", {
+		})])) : c("", !0), u("div", Cl, [u("table", wl, [u("thead", null, [u("tr", Tl, [(C(!0), l(n, null, E(t.columns, (e, n) => (C(), l("th", {
 			key: e.key,
 			style: y(e.width ? { width: e.width } : void 0),
 			class: v([
@@ -6669,7 +6817,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [p(e, {
 			name: "chevron_right",
 			size: 18
-		})], 10, El)) : (C(), l("span", Dl)), D(r.$slots, `cell-${n.key}`, {
+		})], 10, Dl)) : (C(), l("span", Ol)), D(r.$slots, `cell-${n.key}`, {
 			row: i.row,
 			value: i.row[n.key],
 			depth: i.depth
@@ -6678,19 +6826,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			row: i.row,
 			value: i.row[n.key],
 			depth: i.depth
-		}, () => [f(A(i.row[n.key] ?? "—"), 1)])], 2))), 128))], 10, Tl))), 128)), g.value.length ? c("", !0) : (C(), l("tr", Ol, [u("td", {
+		}, () => [f(A(i.row[n.key] ?? "—"), 1)])], 2))), 128))], 10, El))), 128)), g.value.length ? c("", !0) : (C(), l("tr", kl, [u("td", {
 			colspan: t.columns.length,
 			class: "border-t border-outline-variant px-4 py-10 text-center"
 		}, [p(e, {
 			name: "account_tree",
 			size: 36,
 			class: "mb-2 text-on-surface-variant opacity-30"
-		}), i[0] ||= u("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, kl)]))])])])]));
+		}), i[0] ||= u("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, Al)]))])])])]));
 	}
-}), jl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Ml = { class: "flex bg-surface-container-high" }, Nl = ["onClick"], Pl = { class: "inline-flex items-center gap-1" }, Fl = {
+}), Ml = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Nl = { class: "flex bg-surface-container-high" }, Pl = ["onClick"], Fl = { class: "inline-flex items-center gap-1" }, Il = {
 	key: 0,
 	class: "inline-flex"
-}, Il = ["onClick"], Ll = { class: "truncate" }, Rl = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, zl = { class: "text-label-small text-on-surface-variant" }, Bl = /* @__PURE__ */ m({
+}, Ll = ["onClick"], Rl = { class: "truncate" }, zl = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Bl = { class: "text-label-small text-on-surface-variant" }, Vl = /* @__PURE__ */ m({
 	__name: "MVirtualTable",
 	props: {
 		columns: {},
@@ -6736,8 +6884,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function N(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (r, i) => (C(), l("div", jl, [
-			u("div", Ml, [(C(!0), l(n, null, E(t.columns, (t) => (C(), l("div", {
+		return (r, i) => (C(), l("div", Ml, [
+			u("div", Nl, [(C(!0), l(n, null, E(t.columns, (t) => (C(), l("div", {
 				key: t.key,
 				style: y({
 					width: t.width || "auto",
@@ -6749,7 +6897,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					t.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors" : ""
 				]),
 				onClick: (e) => t.sortable ? _(t.key) : void 0
-			}, [u("span", Pl, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Fl, [h.value === t.key && g.value === "asc" ? (C(), s(e, {
+			}, [u("span", Fl, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Il, [h.value === t.key && g.value === "asc" ? (C(), s(e, {
 				key: 0,
 				name: "arrow_upward",
 				size: 14,
@@ -6764,7 +6912,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: "unfold_more",
 				size: 14,
 				class: "opacity-30"
-			}))])) : c("", !0)])], 14, Nl))), 128))]),
+			}))])) : c("", !0)])], 14, Pl))), 128))]),
 			u("div", {
 				ref_key: "scrollEl",
 				ref: d,
@@ -6792,12 +6940,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(r.$slots, `cell-${t.key}`, {
 				row: e,
 				value: e[t.key]
-			}, () => [u("span", Ll, A(e[t.key] ?? "—"), 1)])], 6))), 128))], 14, Il))), 128))], 4)], 36),
-			u("div", Rl, [u("span", zl, [f(A(S.value.length.toLocaleString()) + " filas ", 1), O.value.end - O.value.start < S.value.length ? (C(), l(n, { key: 0 }, [f(" · mostrando " + A(O.value.start + 1) + "–" + A(O.value.end), 1)], 64)) : c("", !0)])])
+			}, () => [u("span", Rl, A(e[t.key] ?? "—"), 1)])], 6))), 128))], 14, Ll))), 128))], 4)], 36),
+			u("div", zl, [u("span", Bl, [f(A(S.value.length.toLocaleString()) + " filas ", 1), O.value.end - O.value.start < S.value.length ? (C(), l(n, { key: 0 }, [f(" · mostrando " + A(O.value.start + 1) + "–" + A(O.value.end), 1)], 64)) : c("", !0)])])
 		]));
 	}
 });
 //#endregion
-export { _e as MAlert, xe as MAppBar, Se as MAvatar, Te as MBadge, je as MBottomSheet, Pe as MBreadcrumbs, Ue as MButton, rt as MCalendar, at as MCard, Q as MCheckbox, lt as MChip, bt as MColorPicker, At as MCommandPalette, Lt as MConfirmDialog, Rt as MContainer, Kt as MContextMenu, bn as MDataTable, jn as MDatePicker, Un as MDateRangePicker, Ft as MDialog, qn as MDivider, $n as MDragDropList, er as MEmptyState, sr as MExpansionPanel, mr as MFab, Or as MFileUpload, kr as MGrid, Fr as MHotkeys, e as MIcon, Z as MIconButton, zr as MInfiniteScroll, Jr as MJsonViewer, ii as MKanban, ci as MLoadingOverlay, li as MMasonry, ui as MMenu, fi as MMenuItem, Oi as MMultiSelect, ji as MNavigationBar, Zi as MNavigationDrawer, ta as MNavigationRail, Yt as MPagination, _a as MProgressBar, Sa as MRadio, Ta as MRadioGroup, Da as MRating, Pa as MResult, Xa as MScheduler, $a as MSegmentedButton, po as MSelect, yo as MSideSheet, xo as MSkeleton, Do as MSlider, Mo as MSnackbar, Be as MSpinner, No as MSplitter, Ko as MSpotlightSearch, qo as MStack, ns as MStatCard, vs as MStepper, xs as MSwitch, Hs as MTable, Js as MTabs, ic as MTextField, Oc as MTimePicker, gc as MTimeline, kc as MTooltip, Nc as MTopAppBar, Hc as MTour, ll as MTransferList, yl as MTree, Al as MTreeTable, Bl as MVirtualTable, V as createM3UI, K as palettes, J as useColorPalette, fe as useFieldBg, G as useTheme, ce as useToast };
+export { _e as MAlert, xe as MAppBar, Se as MAvatar, Te as MBadge, je as MBottomSheet, Pe as MBreadcrumbs, He as MButton, tt as MCalendar, rt as MCard, Q as MCheckbox, st as MChip, vt as MColorPicker, Ot as MCommandPalette, Ft as MConfirmDialog, It as MContainer, Ut as MContextMenu, _n as MDataTable, On as MDatePicker, Bn as MDateRangePicker, Nt as MDialog, Wn as MDivider, Xn as MDragDropList, Zn as MEmptyState, ir as MExpansionPanel, lr as MFab, Cr as MFileUpload, wr as MGrid, Ar as MHotkeys, e as MIcon, Z as MIconButton, Pr as MInfiniteScroll, Ur as MJsonViewer, $r as MKanban, ri as MLoadingOverlay, ii as MMasonry, ai as MMenu, oi as MMenuItem, Si as MMultiSelect, Ti as MNavigationBar, $i as MNavigationDrawer, ra as MNavigationRail, Kt as MPagination, ya as MProgressBar, wa as MRadio, Da as MRadioGroup, ka as MRating, Ia as MResult, Qa as MScheduler, to as MSegmentedButton, ho as MSelect, xo as MSideSheet, Co as MSkeleton, ko as MSlider, Po as MSnackbar, Be as MSpinner, Fo as MSplitter, Jo as MSpotlightSearch, Yo as MStack, is as MStatCard, bs as MStepper, Cs as MSwitch, Ws as MTable, Xs as MTabs, oc as MTextField, Ac as MTimePicker, vc as MTimeline, jc as MTooltip, Fc as MTopAppBar, Uc as MTour, ul as MTransferList, bl as MTree, jl as MTreeTable, Vl as MVirtualTable, V as createM3UI, K as palettes, J as useColorPalette, fe as useFieldBg, G as useTheme, ce as useToast };
 
 //# sourceMappingURL=m3ui.js.map