@m3ui-vue/m3ui-vue 0.1.4 → 0.1.6

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,22 @@ 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 = {
+	key: 1,
+	class: "px-4 pt-4 pb-2"
+}, it = {
+	key: 2,
+	class: "px-4 pt-4 pb-2"
+}, at = { class: "text-title-large font-medium text-on-surface" }, ot = {
+	key: 0,
+	class: "mt-1 text-body-medium text-on-surface-variant"
+}, st = {
+	key: 3,
+	class: "flex justify-end gap-2 px-4 pt-2 pb-4"
+}, ct = /* @__PURE__ */ m({
 	__name: "MCard",
 	props: {
 		variant: { default: "elevated" },
@@ -783,7 +815,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		},
 		image: {},
 		imageAlt: {},
-		imageHeight: {}
+		imageHeight: {},
+		title: {},
+		subtitle: {}
 	},
 	setup(e) {
 		let t = e, n = o(() => t.elevated ? "elevated" : t.variant), r = {
@@ -798,17 +832,22 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		return (t, a) => (C(), l("div", {
 			class: v(["overflow-hidden rounded-md transition-shadow duration-150", [r[n.value], e.clickable ? "cursor-pointer hover:shadow-elevation-2 active:shadow-elevation-1" : ""]]),
 			style: y({ "--field-bg": i[n.value] })
-		}, [e.image || t.$slots.media ? (C(), l("div", {
-			key: 0,
-			class: v(["w-full overflow-hidden", e.imageHeight ?? "h-48"])
-		}, [e.image ? (C(), l("img", {
-			key: 0,
-			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));
+		}, [
+			e.image || t.$slots.media ? (C(), l("div", {
+				key: 0,
+				class: v(["w-full overflow-hidden", e.imageHeight ?? "h-48"])
+			}, [e.image ? (C(), l("img", {
+				key: 0,
+				src: e.image,
+				alt: e.imageAlt ?? "",
+				class: "h-full w-full object-cover"
+			}, null, 8, nt)) : D(t.$slots, "media", { key: 1 })], 2)) : c("", !0),
+			t.$slots.header ? (C(), l("div", rt, [D(t.$slots, "header")])) : e.title ? (C(), l("div", it, [u("h3", at, A(e.title), 1), e.subtitle ? (C(), l("p", ot, A(e.subtitle), 1)) : c("", !0)])) : c("", !0),
+			D(t.$slots, "default"),
+			t.$slots.actions ? (C(), l("div", st, [D(t.$slots, "actions")])) : c("", !0)
+		], 6));
 	}
-}), ot = ["checked", "disabled"], st = {
+}), lt = ["checked", "disabled"], ut = {
 	key: 0,
 	class: "text-body-large text-on-surface"
 }, Q = /* @__PURE__ */ m({
@@ -834,13 +873,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, lt), 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", ut, [D(n.$slots, "default", {}, () => [f(A(t.label), 1)])])) : c("", !0)], 2));
 	}
-}), ct = ["disabled"], lt = /* @__PURE__ */ m({
+}), dt = ["disabled"], ft = /* @__PURE__ */ m({
 	__name: "MChip",
 	props: {
 		tone: { default: "neutral" },
@@ -917,7 +956,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				}, [p(e, {
 					name: "close",
 					size: 16
-				})], 8, ct)) : c("", !0)
+				})], 8, dt)) : c("", !0)
 			]),
 			_: 3
 		}, 8, [
@@ -927,13 +966,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 = {
+}), pt = { class: "flex flex-col gap-1" }, mt = { class: "flex-1 font-mono text-on-surface" }, ht = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, pt = {
+}, gt = {
 	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({
+}, _t = { class: "mb-3" }, vt = ["value"], yt = { class: "mb-3 flex items-center gap-3" }, bt = ["value"], xt = { class: "flex flex-wrap gap-1.5" }, St = ["onClick"], Ct = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MColorPicker",
 	props: {
 		modelValue: {},
@@ -1046,7 +1085,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", pt, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -1061,7 +1100,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", mt, A(t.modelValue), 1),
 				p(e, {
 					name: "palette",
 					size: 20,
@@ -1071,7 +1110,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", ht, A(t.error), 1)) : t.hint ? (C(), l("p", gt, 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 +1140,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 							backgroundColor: z.value
 						})
 					}, null, 4)], 36),
-					u("div", mt, [u("input", {
+					u("div", _t, [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, vt)]),
+					u("div", yt, [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 +1157,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, bt)]),
+					u("div", xt, [(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 +1169,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, St))), 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"]]), wt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, Tt = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, Et = ["placeholder"], Dt = { class: "max-h-80 overflow-y-auto py-2" }, Ot = {
 	key: 0,
 	class: "px-4 pt-3 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Et = [
+}, kt = [
 	"data-cmd-active",
 	"onClick",
 	"onPointerenter"
-], Dt = { class: "flex-1 truncate text-body-medium" }, Ot = {
+], At = { class: "flex-1 truncate text-body-medium" }, jt = {
 	key: 1,
 	class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant"
-}, kt = {
+}, Mt = {
 	key: 1,
 	class: "px-4 py-6 text-center text-body-medium text-on-surface-variant"
-}, At = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Nt = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MCommandPalette",
 	props: {
 		modelValue: { type: Boolean },
@@ -1201,8 +1240,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", wt, [
+				u("div", Tt, [
 					p(e, {
 						name: "search",
 						size: 20,
@@ -1216,10 +1255,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, Et), [[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", Dt, [S.value.length ? (C(!0), l(n, { key: 0 }, E(w.value, ([t, r]) => (C(), l(n, { key: t }, [t ? (C(), l("p", Ot, 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 +1272,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", At, A(t.label), 1),
+					t.shortcut ? (C(), l("kbd", jt, A(t.shortcut), 1)) : c("", !0)
+				], 42, kt))), 128))], 64))), 128)) : (C(), l("p", Mt, 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 +1284,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"]]), Pt = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, Ft = { class: "text-headline-small text-on-surface" }, It = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, Lt = {
 	key: 0,
 	class: "flex justify-end gap-2 px-6 py-4"
-}, Ft = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Rt = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -1276,19 +1315,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", Pt, [u("h2", Ft, [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", It, [D(t.$slots, "default", {}, void 0, !0)]),
+				t.$slots.actions ? (C(), l("div", Lt, [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"]]), zt = { class: "text-body-medium text-on-surface-variant" }, Bt = /* @__PURE__ */ m({
 	__name: "MConfirmDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -1308,20 +1347,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(Rt, {
 			"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 +1368,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", zt, A(e.message), 1)]),
 			_: 1
 		}, 8, ["model-value", "title"]));
 	}
-}), Rt = /* @__PURE__ */ m({
+}), Vt = /* @__PURE__ */ m({
 	__name: "MContainer",
 	props: {
 		maxWidth: { default: "lg" },
@@ -1367,16 +1406,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 = {
+}), Ht = { class: "overflow-hidden rounded-sm py-1" }, Ut = {
 	key: 0,
 	class: "my-1 border-outline-variant"
-}, Vt = ["onMouseenter", "onClick"], Ht = {
+}, Wt = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, Ut = { class: "flex-1" }, Wt = {
+}, Gt = { class: "flex-1" }, Kt = {
 	key: 2,
 	class: "text-label-small text-on-surface-variant"
-}, Gt = /* @__PURE__ */ m({
+}, qt = /* @__PURE__ */ m({
 	__name: "_MContextMenuPanel",
 	props: {
 		items: {},
@@ -1425,27 +1464,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", Ht, [(C(!0), l(n, null, E(t.items, (t, r) => (C(), l(n, { key: r }, [t.divider ? (C(), l("hr", Ut)) : (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", Wt)),
+				u("span", Gt, A(t.label), 1),
+				t.shortcut ? (C(), l("span", Kt, 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(qt, {
 			key: p.value,
 			items: t.items[p.value].children,
 			x: m.value.x,
@@ -1457,7 +1505,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"y"
 		])) : c("", !0)], 64));
 	}
-}), Kt = /* @__PURE__ */ m({
+}), Jt = /* @__PURE__ */ m({
 	__name: "MContextMenu",
 	props: { items: {} },
 	setup(e, { expose: t }) {
@@ -1494,7 +1542,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(qt, {
 				items: e.items,
 				x: o.value.x,
 				y: o.value.y,
@@ -1507,7 +1555,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({
+}), Yt = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, Xt = { class: "flex items-center gap-2" }, Zt = /* @__PURE__ */ m({
 	__name: "MPagination",
 	props: {
 		page: {},
@@ -1517,7 +1565,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", Yt, [u("span", null, A(a.value), 1), u("div", Xt, [
 			u("span", null, "Página " + A(e.page) + " de " + A(i.value), 1),
 			p(Z, {
 				icon: "chevron_left",
@@ -1533,25 +1581,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" }, $t = {
 	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 = {
+}, en = {
 	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 = {
+}, tn = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, en = {
+}, nn = {
 	key: 1,
 	class: "relative"
-}, tn = {
+}, rn = {
 	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 = {
+}, an = { class: "text-body-small text-on-surface" }, on = { class: "overflow-x-auto" }, sn = { class: "w-full border-collapse" }, cn = { class: "bg-surface-container-high" }, ln = ["onClick"], un = { class: "inline-flex items-center gap-1" }, dn = {
 	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({
+}, fn = ["onPointerdown"], pn = { key: 1 }, mn = ["colspan"], hn = { class: "text-body-medium text-on-surface-variant" }, gn = ["onClick"], _n = ["onClick"], vn = { key: 0 }, yn = ["colspan"], bn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, xn = { class: "text-label-small text-on-surface-variant" }, Sn = /* @__PURE__ */ m({
 	__name: "MDataTable",
 	props: {
 		columns: {},
@@ -1719,9 +1767,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", $t, [
+				t.searchable ? (C(), l("div", en, [
 					p(e, {
 						name: "search",
 						size: 16,
@@ -1749,21 +1797,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", tn, 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", nn, [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", rn, [(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", an, A(e.label), 1)]))), 128))])) : c("", !0)])) : c("", !0),
 				t.exportable ? (C(), s(Z, {
 					key: 2,
 					icon: "download",
@@ -1772,7 +1820,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", on, [u("table", sn, [u("thead", { class: v(t.stickyHeader ? "sticky top-0 z-[1]" : "") }, [u("tr", cn, [
 				_.value ? (C(), l("th", {
 					key: 0,
 					class: v(["w-10 px-2", t.dense ? "py-2" : "py-3"])
@@ -1795,7 +1843,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", un, [f(A(n.label) + " ", 1), n.sortable ? (C(), l("span", dn, [x.value === n.key && S.value === "asc" ? (C(), s(e, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -1814,7 +1862,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, fn)) : c("", !0)], 14, ln))), 128)),
 				g.value ? (C(), l("th", {
 					key: 2,
 					class: v(["w-1 px-4", t.dense ? "py-2" : "py-3"])
@@ -1842,14 +1890,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", pn, [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", hn, A(t.emptyText), 1)])], 8, mn)])) : (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 +1925,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, _n)) : c("", !0),
 				(C(!0), l(n, null, E(I.value, (n) => (C(), l("td", {
 					key: n.key,
 					class: v([
@@ -1895,11 +1943,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, gn), _.value && te(e) ? (C(), l("tr", vn, [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, yn)])) : c("", !0)], 64))), 128))])])]),
+			u("div", bn, [u("span", xn, A(H.value) + " registro" + A(H.value === 1 ? "" : "s"), 1), p(Zt, {
 				page: w.value,
 				"per-page": t.perPage,
 				total: H.value,
@@ -1911,19 +1959,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			])])
 		]));
 	}
-}), xn = { class: "flex flex-col gap-1" }, Sn = {
+}), Cn = { class: "flex flex-col gap-1" }, wn = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Cn = {
+}, Tn = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, wn = {
+}, En = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Tn = {
+}, Dn = {
 	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({
+}, On = { class: "mb-3 flex items-center justify-between" }, kn = { class: "text-title-small font-medium capitalize text-on-surface" }, An = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, jn = { class: "grid grid-cols-7 gap-0.5" }, Mn = ["disabled", "onClick"], Nn = /* @__PURE__ */ m({
 	__name: "MDatePicker",
 	props: {
 		modelValue: {},
@@ -2043,7 +2091,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", Cn, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -2059,7 +2107,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", wn, A(H.value), 1)) : (C(), l("span", Tn, A(t.placeholder || t.label || "Seleccionar fecha"), 1)),
 				t.modelValue ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -2071,7 +2119,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", En, A(t.error), 1)) : t.hint ? (C(), l("p", Dn, 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 +2133,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", On, [
 						p(Z, {
 							icon: "chevron_left",
 							label: "Mes anterior",
 							size: 36,
 							onClick: I
 						}),
-						u("span", Dn, A(O.value), 1),
+						u("span", kn, A(O.value), 1),
 						p(Z, {
 							icon: "chevron_right",
 							label: "Mes siguiente",
@@ -2100,39 +2148,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", An, [(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", jn, [(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, Mn))), 128))])
 				], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Mn = { class: "flex flex-col gap-1" }, Nn = {
+}), Pn = { class: "flex flex-col gap-1" }, Fn = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Pn = {
+}, In = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Fn = {
+}, Ln = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, In = {
+}, Rn = {
 	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 = [
+}, zn = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, Bn = { class: "mb-3 flex items-center justify-between" }, Vn = { class: "text-title-small font-medium capitalize text-on-surface" }, Hn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Un = { class: "grid grid-cols-7 gap-0.5" }, Wn = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], Un = /* @__PURE__ */ m({
+], Gn = /* @__PURE__ */ m({
 	__name: "MDateRangePicker",
 	props: {
 		modelValue: {},
@@ -2266,7 +2314,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", Pn, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -2282,7 +2330,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", Fn, A(W.value), 1)) : (C(), l("span", In, A(t.label || "Seleccionar rango"), 1)),
 				t.modelValue.start || t.modelValue.end ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -2294,7 +2342,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", Ln, A(t.error), 1)) : t.hint ? (C(), l("p", Rn, 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 +2356,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", zn, A(_.value === "start" ? "Selecciona inicio" : "Selecciona fin"), 1),
+					u("div", Bn, [
 						p(Z, {
 							icon: "chevron_left",
 							label: "Anterior",
 							size: 36,
 							onClick: H
 						}),
-						u("span", zn, A(M.value), 1),
+						u("span", Vn, A(M.value), 1),
 						p(Z, {
 							icon: "chevron_right",
 							label: "Siguiente",
@@ -2324,34 +2372,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", Hn, [(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", Un, [(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, Wn))), 128))])
 				], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Wn = {
+}), Kn = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, Gn = {
+}, qn = {
 	key: 1,
 	class: "h-px flex-1 bg-outline-variant"
-}, Kn = {
+}, Jn = {
 	key: 1,
 	class: "w-px self-stretch bg-outline-variant",
 	role: "separator"
-}, qn = /* @__PURE__ */ m({
+}, Yn = /* @__PURE__ */ m({
 	__name: "MDivider",
 	props: {
 		vertical: {
@@ -2365,25 +2413,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", Jn)) : (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", Kn, A(e.label), 1)) : c("", !0),
+			e.label ? (C(), l("div", qn)) : c("", !0)
 		], 2));
 	}
-}), Jn = {
+}), Xn = {
 	class: "flex flex-col",
 	role: "listbox"
-}, Yn = [
+}, Zn = [
 	"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"], $n = { class: "min-w-0 flex-1" }, er = { class: "text-body-medium text-on-surface" }, tr = /* @__PURE__ */ m({
 	__name: "MDragDropList",
 	props: {
 		modelValue: {},
@@ -2427,7 +2475,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", Xn, [(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 +2493,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", $n, [D(r.$slots, "default", {
 			item: n,
 			index: i
-		}, () => [u("span", Qn, A(n.id), 1)])])], 42, Yn))), 128))]));
+		}, () => [u("span", er, A(n.id), 1)])])], 42, Zn))), 128))]));
 	}
-}), er = /* @__PURE__ */ m({
+}), nr = /* @__PURE__ */ m({
 	__name: "MEmptyState",
 	props: {
 		icon: { default: "inbox" },
@@ -2475,13 +2523,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 = {
+}), rr = ["aria-expanded", "disabled"], ir = { class: "flex-1 min-w-0" }, ar = { class: "text-body-large font-medium text-on-surface" }, or = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, ar = {
+}, sr = {
 	key: 0,
 	class: "expand-grid"
-}, or = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, sr = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, cr = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, lr = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MExpansionPanel",
 	props: {
 		title: {},
@@ -2516,24 +2564,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", ir, [u("p", ar, A(t.title), 1), t.subtitle ? (C(), l("p", or, 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, rr), p(i, { name: "expand" }, {
+			default: L(() => [f.value ? (C(), l("div", sr, [u("div", cr, [D(n.$slots, "default", {}, void 0, !0)])])) : c("", !0)]),
 			_: 3
 		})], 2));
 	}
-}), [["__scopeId", "data-v-89e4475b"]]), cr = ["disabled"], lr = {
+}), [["__scopeId", "data-v-89e4475b"]]), ur = {
 	key: 0,
 	class: "text-label-large font-medium"
-}, ur = ["data-tick"], dr = {
+}, dr = ["data-tick"], fr = {
 	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, pr = 8, mr = /* @__PURE__ */ m({
 	__name: "MFab",
 	props: {
 		icon: {},
@@ -2545,30 +2593,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 +2625,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 + pr + $ / 2 + e * 48, l = {
 				up: {
 					top: `${r - c - $ / 2}px`,
 					left: `${n - $ / 2}px`
@@ -2626,72 +2675,91 @@ 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", ur, 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, dr), (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", fr, 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 = {
 	key: 0,
@@ -3393,49 +3461,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({
+}), di = /* @__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 = {
+}), fi = { class: "flex flex-col gap-1" }, pi = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, hi = [
+}, mi = [
 	"id",
 	"tabindex",
 	"aria-expanded"
-], gi = ["onClick"], _i = {
+], hi = ["onClick"], gi = {
 	key: 0,
 	class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant"
-}, vi = {
+}, _i = {
 	key: 1,
 	class: "text-body-large text-on-surface-variant opacity-0"
-}, yi = {
+}, vi = {
 	key: 0,
 	class: "text-error"
-}, bi = { class: "pointer-events-none absolute right-2 top-7 -translate-y-1/2" }, xi = {
+}, yi = { class: "pointer-events-none absolute right-2 top-7 -translate-y-1/2" }, bi = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Si = {
+}, xi = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ci = {
+}, Si = {
 	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 = {
+}, Ci = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, wi = { class: "flex flex-col py-1" }, Ti = { class: "text-body-large text-on-surface" }, Ei = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, Oi = /* @__PURE__ */ m({
+}, Di = /* @__PURE__ */ m({
 	__name: "MMultiSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3540,13 +3616,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", fi, [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", pi, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -3573,14 +3649,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, hi)]))), 128)), H.value > 0 ? (C(), l("span", gi, " +" + A(H.value), 1)) : c("", !0)], 64)) : g.value ? c("", !0) : (C(), l("span", _i, A(t.placeholder), 1))], 42, mi),
+			u("label", { class: v(X.value) }, [f(A(t.label), 1), t.required ? (C(), l("span", vi, "\xA0*")) : c("", !0)], 2),
+			u("div", yi, [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", bi, A(t.error), 1)) : t.hint ? (C(), l("p", xi, 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 +3670,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", Si, [u("div", Ci, [p(e, {
 				name: "search",
 				size: 16,
 				class: "shrink-0 text-on-surface-variant"
@@ -3605,7 +3681,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", wi, [(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 +3692,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", Ti, A(e.label), 1)], 2))), 128)), I.value.length === 0 ? (C(), l("p", Ei, " 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({
+}), Oi = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, ki = ["onClick"], Ai = /* @__PURE__ */ m({
 	__name: "MNavigationBar",
 	props: {
 		modelValue: {},
@@ -3628,7 +3704,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", Oi, [(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 +3731,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, ki))), 128))]));
 	}
-}), Mi = {
+}), ji = {
 	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 = {
+}, Mi = { class: "nd-panel relative flex h-full w-72 max-w-[85vw] flex-col bg-surface-container shadow-elevation-3" }, Ni = {
 	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 = {
+}, Pi = { class: "text-title-small font-medium text-on-surface-variant" }, Fi = { class: "flex-1 overflow-y-auto px-3 py-2" }, Ii = {
 	key: 0,
-	class: "my-2 border-t border-outline-variant"
-}, Ri = {
-	key: 1,
+	class: "my-1 border-t border-outline-variant"
+}, Li = ["onClick"], Ri = { class: "flex-1 text-left text-title-small font-medium" }, zi = {
+	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 = {
+}, Bi = {
+	key: 0,
+	class: "nd-section-grid"
+}, Vi = { class: "nd-section-body" }, Hi = { class: "flex-1 text-label-large font-medium" }, Ui = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, Hi = {
+}, Wi = {
+	key: 0,
+	class: "shrink-0"
+}, Gi = {
 	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"
+}, Ki = { class: "px-5 pt-6 pb-2" }, qi = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Ji = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, Yi = {
 	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"
+}, Xi = ["title", "onClick"], Zi = { class: "min-w-0 flex-1 text-left text-title-small font-medium" }, Qi = {
+	key: 2,
+	class: "nd-collapse-h overflow-hidden"
+}, $i = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, ea = {
 	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"
+}, ta = { class: "nd-section-body" }, na = { class: "min-w-0 flex-1 text-label-large font-medium" }, ra = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, Zi = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, ia = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MNavigationDrawer",
 	props: {
 		modelValue: { type: Boolean },
@@ -3697,19 +3779,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 +3814,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", ji, [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", Mi, [t.title || a.$slots.header ? (C(), l("div", Ni, [D(a.$slots, "header", {}, () => [u("h2", Pi, A(t.title), 1)], !0)])) : c("", !0), u("div", Fi, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
+				a > 0 ? (C(), l("div", Ii)) : 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", Ri, A(r.title), 1),
+					p(e, {
+						name: m(r, a) ? "expand_less" : "expand_more",
+						size: 18,
+						class: "shrink-0"
+					}, null, 8, ["name"])
+				], 8, Li)) : r.title ? (C(), l("p", zi, A(r.title), 1)) : c("", !0),
+				p(i, { name: "nd-section" }, {
+					default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", Bi, [u("div", Vi, [(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", Hi, A(n.label), 1),
+							n.badge == null ? c("", !0) : (C(), l("span", Ui, 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", Wi, [D(a.$slots, "header", {}, void 0, !0)])) : t.title ? (C(), l("div", Gi, [u("div", Ki, [u("h2", qi, A(t.title), 1)])])) : c("", !0), u("div", Ji, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
+			a > 0 ? (C(), l("div", Yi)) : 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", Zi, A(r.title), 1),
+				p(e, {
+					name: m(r, a) ? "expand_less" : "expand_more",
+					size: 18,
+					class: "shrink-0"
+				}, null, 8, ["name"])
+			], 8, Xi)) : r.title ? (C(), l("div", Qi, [u("p", $i, A(r.title), 1)])) : c("", !0),
+			p(i, { name: "nd-section" }, {
+				default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", ea, [u("div", ta, [(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", na, A(n.label), 1),
+						n.badge == null ? c("", !0) : (C(), l("span", ra, 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"]]), aa = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, oa = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-center pt-3 pb-2"
-}, ea = ["disabled", "onClick"], ta = /* @__PURE__ */ m({
+}, sa = ["disabled", "onClick"], ca = /* @__PURE__ */ m({
 	__name: "MNavigationRail",
 	props: {
 		modelValue: {},
@@ -3775,7 +3938,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", aa, [r.$slots.fab ? (C(), l("div", oa, [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 +3970,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, sa))), 128))], 2)]));
 	}
-}), na = { class: "flex flex-col gap-1" }, ra = {
+}), la = { class: "flex flex-col gap-1" }, ua = {
 	key: 0,
 	class: "text-label-small text-on-surface-variant"
-}, ia = ["aria-valuenow"], aa = ["aria-valuenow"], oa = ["viewBox"], sa = ["d"], ca = {
+}, da = ["aria-valuenow"], fa = ["aria-valuenow"], pa = ["viewBox"], ma = ["d"], ha = {
 	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({
+}, ga = ["viewBox"], _a = ["d"], va = 20, ya = 2.5, ba = 4, xa = 8, Sa = 80, Ca = 1, wa = /* @__PURE__ */ m({
 	__name: "MProgressBar",
 	props: {
 		value: {},
@@ -3846,15 +4009,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				track: "bg-error-container",
 				text: "text-error"
 			}
-		}, s = da * ha, d = (() => {
+		}, s = va * Sa, 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 += Ca) {
+				let n = ba - ya * Math.sin(t / va * 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", la, [e.label ? (C(), l("span", ua, 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 +4031,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, da)) : (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", ha, [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: xa,
+			viewBox: `0 0 ${s} ${xa}`,
 			class: "h-full",
 			xmlns: "http://www.w3.org/2000/svg"
 		}, [u("path", {
@@ -3890,7 +4053,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, _a)], 8, ga))], 6)])) : (C(), l(n, { key: 0 }, [
 			u("div", {
 				class: "absolute inset-0 overflow-hidden",
 				style: y({
@@ -3902,8 +4065,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: xa,
+				viewBox: `0 0 ${s} ${xa}`,
 				class: "h-full",
 				xmlns: "http://www.w3.org/2000/svg"
 			}, [u("path", {
@@ -3912,7 +4075,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, ma)], 8, pa))], 6)], 4),
 			u("div", {
 				class: v(["absolute inset-y-0 right-0 flex items-center", a[e.color].track]),
 				style: y([{
@@ -3935,16 +4098,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					height: "4px"
 				}
 			}, null, 2)
-		], 64))], 8, aa))]));
+		], 64))], 8, fa))]));
 	}
-}), va = ["for"], ya = { class: "relative flex h-5 w-5 shrink-0" }, ba = [
+}), Ta = ["for"], Ea = { class: "relative flex h-5 w-5 shrink-0" }, Da = [
 	"id",
 	"checked",
 	"disabled"
-], xa = {
+], Oa = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, Sa = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, ka = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MRadio",
 	props: {
 		modelValue: {},
@@ -3967,14 +4130,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", Ea, [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, Da), (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 +4154,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", Oa, A(e.label), 1)) : c("", !0)], 10, Ta));
 	}
-}), [["__scopeId", "data-v-cdb650b5"]]), Ca = { class: "flex flex-col gap-2" }, wa = {
+}), [["__scopeId", "data-v-cdb650b5"]]), Aa = { class: "flex flex-col gap-2" }, ja = {
 	key: 0,
 	class: "text-label-large text-on-surface-variant"
-}, Ta = /* @__PURE__ */ m({
+}, Ma = /* @__PURE__ */ m({
 	__name: "MRadioGroup",
 	props: {
 		modelValue: {},
@@ -4012,7 +4175,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", Aa, [e.label ? (C(), l("span", ja, 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(ka, {
 			key: String(t.value),
 			"model-value": e.modelValue,
 			value: t.value,
@@ -4028,11 +4191,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"disabled"
 		]))), 128))], 2)]));
 	}
-}), Ea = [
+}), Na = [
 	"disabled",
 	"onClick",
 	"onMousemove"
-], Da = /* @__PURE__ */ m({
+], Pa = /* @__PURE__ */ m({
 	__name: "MRating",
 	props: {
 		modelValue: {},
@@ -4109,21 +4272,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, Na))), 128))], 34));
 	}
-}), Oa = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, ka = {
+}), Fa = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, Ia = {
 	key: 0,
 	class: "text-display-small font-medium text-on-surface-variant/30"
-}, Aa = { class: "text-headline-small font-medium text-on-surface" }, ja = {
+}, La = { class: "text-headline-small font-medium text-on-surface" }, Ra = {
 	key: 1,
 	class: "max-w-md text-body-large text-on-surface-variant"
-}, Ma = {
+}, za = {
 	key: 2,
 	class: "mt-2 flex flex-wrap items-center justify-center gap-3"
-}, Na = {
+}, Ba = {
 	key: 3,
 	class: "mt-2"
-}, Pa = /* @__PURE__ */ m({
+}, Va = /* @__PURE__ */ m({
 	__name: "MResult",
 	props: {
 		status: {},
@@ -4191,19 +4354,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", Fa, [
+			i.value ? (C(), l("span", Ia, 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", La, A(t.title ?? r.value.defaultTitle), 1),
+			t.description ?? r.value.defaultDesc ? (C(), l("p", Ra, A(t.description ?? r.value.defaultDesc), 1)) : c("", !0),
+			n.$slots.actions ? (C(), l("div", za, [D(n.$slots, "actions")])) : c("", !0),
+			n.$slots.default ? (C(), l("div", Ba, [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({
+}), Ha = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, Ua = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Wa = { class: "flex items-center gap-1" }, Ga = { class: "text-title-medium font-medium capitalize text-on-surface" }, Ka = { class: "flex rounded-full bg-surface-container-high p-0.5" }, qa = ["onClick"], Ja = { class: "overflow-auto" }, Ya = { class: "w-full border-collapse" }, Xa = { class: "text-label-small uppercase text-on-surface-variant" }, Za = { 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" }, $a = ["onClick"], eo = ["onClick"], to = { class: "truncate text-label-small font-medium" }, no = { class: "truncate text-label-small opacity-70" }, ro = /* @__PURE__ */ m({
 	__name: "MScheduler",
 	props: {
 		events: { default: () => [] },
@@ -4279,8 +4442,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", Ha, [u("div", Ua, [
+			u("div", Wa, [
 				p(Z, {
 					icon: "chevron_left",
 					label: "Anterior",
@@ -4299,17 +4462,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", Ga, A(S.value), 1),
+			u("div", Ka, [(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, qa)), 64))])
+		]), u("div", Ja, [u("table", Ya, [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", Xa, 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", Za, [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 +4485,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", to, A(t.title), 1), u("p", no, A(N(t)), 1)], 14, eo)) : c("", !0)], 64))), 128))], 10, $a))), 128))]))), 128))])])])]));
 	}
-}), Za = {
+}), io = {
 	class: "inline-flex overflow-hidden rounded-full border border-outline",
 	role: "group"
-}, Qa = [
+}, ao = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
-], $a = /* @__PURE__ */ m({
+], oo = /* @__PURE__ */ m({
 	__name: "MSegmentedButton",
 	props: {
 		modelValue: {},
@@ -4355,7 +4518,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", io, [(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 +4539,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, ao))), 128))]));
 	}
-}), eo = { class: "flex flex-col gap-1" }, to = {
+}), so = { class: "flex flex-col gap-1" }, co = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, no = [
+}, lo = [
 	"id",
 	"tabindex",
 	"aria-expanded",
 	"aria-disabled"
-], ro = {
+], uo = {
 	key: 0,
 	class: "text-on-surface"
-}, io = ["for"], ao = {
+}, fo = ["for"], po = {
 	key: 0,
 	class: "text-error"
-}, oo = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2" }, so = {
+}, mo = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2" }, ho = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, co = {
+}, go = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, lo = ["onClick"], uo = {
+}, _o = ["onClick"], vo = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, fo = {
+}, yo = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, po = /* @__PURE__ */ m({
+}, bo = /* @__PURE__ */ m({
 	__name: "MSelect",
 	props: {
 		modelValue: { default: null },
@@ -4507,13 +4670,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", so, [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", co, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -4526,17 +4689,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", uo, A(k.value), 1)) : c("", !0)], 42, lo),
 			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", po, "\xA0*")) : c("", !0)], 10, fo),
+			u("div", mo, [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", ho, A(t.error), 1)) : t.hint ? (C(), l("p", go, 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 +4722,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", vo)), f(" " + A(n.label), 1)], 10, _o))), 128)), t.options.length ? c("", !0) : (C(), l("p", yo, " Sin opciones "))], 4)) : c("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), mo = {
+}), xo = {
 	key: 0,
 	class: "fixed inset-0 z-[200] flex justify-end"
-}, ho = {
+}, So = {
 	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 = {
+}, Co = { class: "text-title-large text-on-surface" }, wo = { class: "flex-1 overflow-y-auto px-6 py-4" }, To = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, yo = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Eo = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSideSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -4602,7 +4765,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", xo, [u("div", {
 				class: "ss-scrim absolute inset-0 bg-black/40",
 				onClick: d
 			}), u("aside", {
@@ -4615,7 +4778,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", So, [D(n.$slots, "header", {}, () => [u("h2", Co, 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 +4786,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", wo, [D(n.$slots, "default", {}, void 0, !0)]),
+				n.$slots.actions ? (C(), l("div", To, [D(n.$slots, "actions", {}, void 0, !0)])) : c("", !0)
 			], 6)])) : c("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-f8751672"]]), bo = {
+}), [["__scopeId", "data-v-f8751672"]]), Do = {
 	key: 0,
 	class: "flex flex-col gap-2.5"
-}, xo = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Oo = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSkeleton",
 	props: {
 		variant: { default: "text" },
@@ -4642,7 +4805,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", Do, [(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 +4818,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"]]), ko = { class: "flex flex-col gap-1 select-none" }, Ao = {
 	key: 0,
 	class: "flex items-center justify-between"
-}, wo = {
+}, jo = {
 	key: 0,
 	class: "text-label-large text-on-surface"
-}, To = {
+}, Mo = {
 	key: 1,
 	class: "tabular-nums text-label-large text-on-surface-variant"
-}, Eo = [
+}, No = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-disabled"
-], Do = /* @__PURE__ */ m({
+], Po = /* @__PURE__ */ m({
 	__name: "MSlider",
 	props: {
 		modelValue: {},
@@ -4751,7 +4914,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", ko, [e.label || e.showValue ? (C(), l("div", Ao, [e.label ? (C(), l("span", jo, A(e.label), 1)) : c("", !0), e.showValue ? (C(), l("span", Mo, A(e.modelValue), 1)) : c("", !0)])) : c("", !0), u("div", {
 			ref_key: "trackEl",
 			ref: i,
 			role: "slider",
@@ -4772,9 +4935,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, No)]));
 	}
-}), 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({
+}), Fo = { class: "flex-1 text-body-medium leading-snug" }, Io = { class: "flex shrink-0 items-center gap-0.5" }, Lo = ["onClick"], Ro = ["onClick"], zo = /*#__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 +4994,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", Fo, A(t.message), 1),
+				u("div", Io, [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, Lo)) : 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 +5010,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				}, [p(e, {
 					name: "close",
 					size: 18
-				})], 10, jo)]),
+				})], 10, Ro)]),
 				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 +5020,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"]]), Bo = /* @__PURE__ */ m({
 	__name: "MSplitter",
 	props: {
 		direction: { default: "horizontal" },
@@ -4892,9 +5055,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 +5067,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 = {
+}), Vo = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Ho = { class: "flex items-center gap-3 px-5 py-1" }, Uo = ["placeholder"], Wo = {
 	key: 0,
 	class: "max-h-96 overflow-y-auto border-t border-outline-variant"
-}, Ro = {
+}, Go = {
 	key: 0,
 	class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, zo = [
+}, Ko = [
 	"data-spot-active",
 	"onClick",
 	"onPointerenter"
-], Bo = {
+], qo = {
 	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 = {
+}, Jo = { class: "min-w-0 flex-1" }, Yo = { class: "truncate text-body-medium text-on-surface" }, Xo = {
 	key: 0,
 	class: "truncate text-body-small text-on-surface-variant"
-}, Wo = {
+}, Zo = {
 	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" }, $o = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSpotlightSearch",
 	props: {
 		modelValue: { type: Boolean },
@@ -4982,8 +5147,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", Vo, [
+				u("div", Ho, [
 					p(e, {
 						name: "search",
 						size: 24,
@@ -4997,7 +5162,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, Uo), [[P, h.value]]),
 					t.loading ? (C(), s(Be, {
 						key: 0,
 						size: 20,
@@ -5012,7 +5177,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", Wo, [t.results.length ? (C(!0), l(n, { key: 0 }, E(D.value, ([r, i]) => (C(), l(n, { key: r }, [r ? (C(), l("p", Go, 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 +5185,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", qo, [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", Jo, [u("p", Yo, A(n.title), 1), n.description ? (C(), l("p", Xo, 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, Ko))), 128))], 64))), 128)) : t.loading ? c("", !0) : (C(), l("div", Zo, [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 +5210,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-51b103ff"]]), qo = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-51b103ff"]]), es = /* @__PURE__ */ m({
 	__name: "MStack",
 	props: {
 		direction: { default: "column" },
@@ -5100,19 +5265,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 = {
+}), ts = { class: "flex flex-col gap-3 rounded-lg border border-outline-variant bg-surface-container-lowest p-5" }, ns = { class: "flex items-start justify-between" }, rs = { class: "flex flex-col gap-1" }, is = { class: "text-label-large text-on-surface-variant" }, as = {
 	key: 0,
 	class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
-}, $o = {
+}, os = {
 	key: 1,
 	class: "text-headline-medium font-medium text-on-surface"
-}, es = {
+}, ss = {
 	key: 0,
 	class: "flex items-center gap-2"
-}, ts = {
+}, cs = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, ns = /* @__PURE__ */ m({
+}, ls = /* @__PURE__ */ m({
 	__name: "MStatCard",
 	props: {
 		title: {},
@@ -5131,13 +5296,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", ts, [u("div", ns, [u("div", rs, [u("span", is, A(t.title), 1), t.loading ? (C(), l("div", as)) : (C(), l("span", os, 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", ss, [
 			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 +5310,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", cs, A(t.trendLabel), 1)) : c("", !0),
 			D(n.$slots, "footer")
 		])) : c("", !0)]));
 	}
-}), rs = {
+}), us = {
 	key: 0,
 	class: "flex w-full items-start"
-}, is = ["onClick"], as = { key: 3 }, os = { class: "flex flex-col items-center text-center" }, ss = {
+}, ds = ["onClick"], fs = { key: 3 }, ps = { class: "flex flex-col items-center text-center" }, ms = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, cs = {
+}, hs = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, ls = {
+}, gs = {
 	key: 0,
 	class: "mt-[18px] flex flex-1 items-center px-2"
-}, us = {
+}, _s = {
 	key: 1,
 	class: "flex flex-col"
-}, ds = { class: "flex flex-col items-center" }, fs = ["onClick"], ps = { key: 3 }, ms = ["onClick"], hs = {
+}, vs = { class: "flex flex-col items-center" }, ys = ["onClick"], bs = { key: 3 }, xs = ["onClick"], Ss = {
 	key: 0,
 	class: "mt-0.5 text-body-small text-on-surface-variant"
-}, gs = {
+}, Cs = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, _s = {
+}, ws = {
 	key: 2,
 	class: "mt-3"
-}, vs = /* @__PURE__ */ m({
+}, Ts = /* @__PURE__ */ m({
 	__name: "MStepper",
 	props: {
 		steps: {},
@@ -5194,7 +5359,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", us, [(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 +5378,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", fs, A(i + 1), 1))], 2), u("div", ps, [
 			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", ms, A(r.description), 1)) : c("", !0),
+			r.optional ? (C(), l("span", hs, " Opcional ")) : c("", !0)
+		])], 10, ds), i < t.steps.length - 1 ? (C(), l("div", gs, [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", _s, [(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", vs, [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 +5408,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", bs, A(i + 1), 1))], 10, ys), 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 +5421,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", Ss, A(n.description), 1)) : c("", !0),
+			n.optional ? (C(), l("p", Cs, " Opcional ")) : c("", !0),
+			d(i) === "active" && r.$slots[`step-${i}`] ? (C(), l("div", ws, [D(r.$slots, `step-${i}`)])) : c("", !0)
+		], 10, xs)]))), 128))]));
 	}
-}), ys = ["checked", "disabled"], bs = {
+}), Es = ["checked", "disabled"], Ds = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, xs = /* @__PURE__ */ m({
+}, Os = /* @__PURE__ */ m({
 	__name: "MSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -5286,7 +5451,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, Es), 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 +5469,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", Ds, A(t.label), 1)) : c("", !0)], 2));
 	}
-}), Ss = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Cs = {
+}), ks = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, As = {
 	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 = {
+}, js = {
 	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 = {
+}, Ms = {
 	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 = {
+}, Ns = { class: "overflow-x-auto" }, Ps = { class: "w-full border-collapse" }, Fs = { class: "bg-surface-container-high" }, Is = {
 	key: 0,
 	class: "w-12 px-4 py-3"
-}, As = ["onClick"], js = { class: "inline-flex items-center gap-1" }, Ms = {
+}, Ls = ["onClick"], Rs = { class: "inline-flex items-center gap-1" }, zs = {
 	key: 0,
 	class: "inline-flex"
-}, Ns = {
+}, Bs = {
 	key: 1,
 	class: "w-1 px-4 py-3"
-}, Ps = {
+}, Vs = {
 	key: 0,
 	class: "px-4 py-3.5"
-}, Fs = {
+}, Hs = {
 	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({
+}, Us = { key: 1 }, Ws = ["colspan"], Gs = { class: "text-body-medium text-on-surface-variant" }, Ks = ["onClick"], qs = ["onClick"], Js = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Ys = /* @__PURE__ */ m({
 	__name: "MTable",
 	props: {
 		columns: {},
@@ -5468,9 +5633,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", ks, [
+			t.searchable || r.$slots.toolbar ? (C(), l("div", As, [
+				t.searchable ? (C(), l("div", js, [
 					p(e, {
 						name: "search",
 						size: 16,
@@ -5498,12 +5663,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", Ms, 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", Ns, [u("table", Ps, [u("thead", null, [u("tr", Fs, [
+				t.selectable ? (C(), l("th", Is, [p(Q, {
 					"model-value": W.value,
 					indeterminate: G.value,
 					"onUpdate:modelValue": K
@@ -5517,7 +5682,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", Rs, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", zs, [g.value === t.key && _.value === "asc" ? (C(), s(e, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -5532,13 +5697,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, Ls))), 128)),
+				X.value ? (C(), l("th", Bs)) : 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", Vs, [...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 +5711,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", Hs, [...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", Us, [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", Gs, A(t.emptyText), 1)])], 8, Ws)])) : (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 +5736,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, qs)) : 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 +5750,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, Ks))), 128))])])]),
+			u("div", Js, [p(Zt, {
 				page: w.value,
 				"per-page": t.perPage,
 				total: k.value,
@@ -5598,16 +5763,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			])])
 		]));
 	}
-}), Us = {
+}), Xs = {
 	key: 0,
 	class: "relative border-b border-outline-variant"
-}, Ws = {
+}, Zs = {
 	class: "flex overflow-x-auto",
 	style: { "scrollbar-width": "none" }
-}, Gs = ["disabled", "onClick"], Ks = {
+}, Qs = ["disabled", "onClick"], $s = {
 	key: 1,
 	class: "flex flex-wrap gap-1 rounded-full bg-surface-container p-1"
-}, qs = ["disabled", "onClick"], Js = /* @__PURE__ */ m({
+}, ec = ["disabled", "onClick"], tc = /* @__PURE__ */ m({
 	__name: "MTabs",
 	props: {
 		modelValue: {},
@@ -5627,7 +5792,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", Xs, [u("div", Zs, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
 			key: n.value,
 			ref_for: !0,
 			ref: (e) => {
@@ -5641,13 +5806,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", $s, [(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 +5822,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, ec))), 128))]));
 	}
-}), Ys = { class: "flex flex-col gap-1" }, Xs = {
+}), nc = { class: "flex flex-col gap-1" }, rc = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, Zs = [
+}, ic = [
 	"id",
 	"value",
 	"rows",
 	"disabled",
 	"required"
-], Qs = [
+], ac = [
 	"id",
 	"type",
 	"value",
 	"disabled",
 	"required",
 	"autocomplete"
-], $s = ["for"], ec = {
+], oc = ["for"], sc = {
 	key: 0,
 	class: "text-error"
-}, tc = {
+}, cc = {
 	key: 3,
 	class: "absolute top-1/2 right-2 -translate-y-1/2"
-}, nc = {
+}, lc = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, rc = {
+}, uc = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, ic = /* @__PURE__ */ m({
+}, dc = /* @__PURE__ */ m({
 	__name: "MTextField",
 	props: {
 		modelValue: {},
@@ -5748,13 +5913,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", nc, [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", rc, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -5768,7 +5933,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				placeholder: " ",
 				class: v(h.value),
 				onInput: _
-			}, null, 42, Zs)) : (C(), l("input", {
+			}, null, 42, ic)) : (C(), l("input", {
 				key: 2,
 				id: j(a),
 				type: t.type,
@@ -5779,33 +5944,33 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				placeholder: " ",
 				class: v(h.value),
 				onInput: _
-			}, null, 42, Qs)),
+			}, null, 42, ac)),
 			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", sc, "\xA0*")) : c("", !0)], 10, oc),
+			n.$slots.trailing ? (C(), l("div", cc, [D(n.$slots, "trailing")])) : c("", !0)
+		], 6), t.error ? (C(), l("p", lc, A(t.error), 1)) : t.hint ? (C(), l("p", uc, 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 = {
+}), fc = { class: "flex flex-col items-center" }, pc = { class: "flex items-baseline justify-between gap-2" }, mc = { class: "text-body-large font-medium text-on-surface" }, hc = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, lc = {
+}, gc = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, uc = {
+}, _c = {
 	key: 1,
 	class: "mt-2"
-}, dc = { class: "text-body-large font-medium text-on-surface" }, fc = {
+}, vc = { class: "text-body-large font-medium text-on-surface" }, yc = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, pc = {
+}, bc = {
 	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 = {
+}, xc = { class: "flex w-14 shrink-0 flex-col items-center" }, Sc = {
 	key: 0,
 	class: "w-[2px] flex-1 bg-outline-variant"
-}, gc = /* @__PURE__ */ m({
+}, Cc = /* @__PURE__ */ m({
 	__name: "MTimeline",
 	props: {
 		items: {},
@@ -5831,23 +5996,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", vc, A(n.title), 1),
+				n.description ? (C(), l("p", yc, A(n.description), 1)) : c("", !0),
+				n.date ? (C(), l("span", bc, A(n.date), 1)) : c("", !0)
 			], 2),
-			u("div", mc, [u("div", {
+			u("div", xc, [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", Sc)) : 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", fc, [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 +6024,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", pc, [u("p", mc, A(n.title), 1), n.date ? (C(), l("span", hc, A(n.date), 1)) : c("", !0)]),
+			n.description ? (C(), l("p", gc, A(n.description), 1)) : c("", !0),
+			i.$slots[`item-${a}`] ? (C(), l("div", _c, [D(i.$slots, `item-${a}`, { item: n })])) : c("", !0)
 		], 2)], 2))), 128))], 2));
 	}
-}), _c = { class: "flex flex-col gap-1" }, vc = {
+}), wc = { class: "flex flex-col gap-1" }, Tc = {
 	key: 0,
 	class: "flex-1 font-mono text-on-surface"
-}, yc = {
+}, Ec = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, bc = {
+}, Dc = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, xc = {
+}, Oc = {
 	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 = {
+}, kc = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Ac = { class: "p-3" }, jc = {
 	key: 0,
 	class: "grid grid-cols-6 gap-1"
-}, Tc = ["onClick"], Ec = {
+}, Mc = ["onClick"], Nc = {
 	key: 1,
 	class: "grid grid-cols-6 gap-1"
-}, Dc = ["onClick"], Oc = /* @__PURE__ */ m({
+}, Pc = ["onClick"], Fc = /* @__PURE__ */ m({
 	__name: "MTimePicker",
 	props: {
 		modelValue: {},
@@ -5959,7 +6124,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", wc, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -5975,7 +6140,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", Tc, A(V.value), 1)) : (C(), l("span", Ec, A(t.label || "Seleccionar hora"), 1)),
 				t.modelValue ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -5987,7 +6152,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", Dc, A(t.error), 1)) : t.hint ? (C(), l("p", Oc, 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 +6165,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", kc, [
 					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 +6177,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", Ac, [_.value === "hour" ? (C(), l("div", jc, [(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, Mc))), 128))])) : (C(), l("div", Nc, [(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, Pc))), 128))]))])], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), kc = /* @__PURE__ */ m({
+}), Ic = /* @__PURE__ */ m({
 	__name: "MTooltip",
 	props: {
 		text: {},
@@ -6096,13 +6261,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]))], 64));
 	}
-}), Ac = { class: "flex h-16 items-center gap-1 px-2" }, jc = {
+}), Lc = { class: "flex h-16 items-center gap-1 px-2" }, Rc = {
 	key: 2,
 	class: "flex-1"
-}, Mc = {
+}, zc = {
 	key: 3,
 	class: "flex items-center gap-1"
-}, Nc = /* @__PURE__ */ m({
+}, Bc = /* @__PURE__ */ m({
 	__name: "MTopAppBar",
 	props: {
 		title: {},
@@ -6112,7 +6277,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", Lc, [
 			e.navigationIcon ? (C(), s(Z, {
 				key: 0,
 				icon: e.navigationIcon,
@@ -6122,14 +6287,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", Rc)),
+			t.$slots.actions ? (C(), l("div", zc, [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 = { class: "mb-2 flex items-center justify-between" }, Fc = { class: "text-label-small text-on-surface-variant" }, Ic = { class: "mb-1 text-title-medium font-medium text-on-surface" }, Lc = { class: "mb-4 text-body-medium text-on-surface-variant" }, Rc = { class: "mb-4 flex justify-center gap-1.5" }, zc = { class: "flex justify-between" }, Bc = { key: 1 }, Vc = /* @__PURE__ */ m({
+}), Vc = { class: "mb-2 flex items-center justify-between" }, Hc = { class: "text-label-small text-on-surface-variant" }, Uc = { class: "mb-1 text-title-medium font-medium text-on-surface" }, Wc = { class: "mb-4 text-body-medium text-on-surface-variant" }, Gc = { class: "mb-4 flex justify-center gap-1.5" }, Kc = { class: "flex justify-between" }, qc = { key: 1 }, Jc = /* @__PURE__ */ m({
 	__name: "MTour",
 	props: {
 		modelValue: { type: Boolean },
@@ -6202,7 +6367,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					class: "h-0 w-0",
 					style: y(x.value)
 				}, null, 4),
-				u("div", Pc, [u("span", Fc, A(h.value + 1) + " / " + A(t.steps.length), 1), u("button", {
+				u("div", Vc, [u("span", Hc, 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
@@ -6210,20 +6375,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					name: "close",
 					size: 16
 				})])]),
-				u("h3", Ic, A(w.value.title), 1),
-				u("p", Lc, A(w.value.content), 1),
-				u("div", Rc, [(C(!0), l(n, null, E(t.steps, (e, t) => (C(), l("div", {
+				u("h3", Uc, A(w.value.title), 1),
+				u("p", Wc, A(w.value.content), 1),
+				u("div", Gc, [(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", zc, [D.value ? (C(), l("span", Bc)) : (C(), s(Ue, {
+				u("div", Kc, [D.value ? (C(), l("span", qc)) : (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
 				})])
@@ -6231,25 +6396,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]));
 	}
-}), Hc = { class: "flex items-stretch gap-2" }, Uc = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Wc = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Gc = { class: "text-label-large font-medium text-on-surface" }, Kc = { class: "text-label-small text-on-surface-variant" }, qc = {
+}), Yc = { class: "flex items-stretch gap-2" }, Xc = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Zc = { 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" }, $c = { class: "text-label-small text-on-surface-variant" }, el = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, Jc = {
+}, tl = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, Yc = ["onClick"], Xc = { class: "flex-1 truncate text-body-medium text-on-surface" }, Zc = {
+}, nl = ["onClick"], rl = { class: "flex-1 truncate text-body-medium text-on-surface" }, il = {
 	key: 0,
 	class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
-}, Qc = { class: "flex flex-col items-center justify-center gap-1" }, $c = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, el = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, tl = { class: "text-label-large font-medium text-on-surface" }, nl = { class: "text-label-small text-on-surface-variant" }, rl = {
+}, al = { class: "flex flex-col items-center justify-center gap-1" }, ol = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, sl = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, cl = { class: "text-label-large font-medium text-on-surface" }, ll = { class: "text-label-small text-on-surface-variant" }, ul = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, il = {
+}, dl = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, al = ["onClick"], ol = { class: "flex-1 truncate text-body-medium text-on-surface" }, sl = {
+}, fl = ["onClick"], pl = { class: "flex-1 truncate text-body-medium text-on-surface" }, ml = {
 	key: 0,
 	class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
-}, cl = /* @__PURE__ */ m({
+}, hl = /* @__PURE__ */ m({
 	__name: "MTransferList",
 	props: {
 		modelValue: {},
@@ -6301,16 +6466,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", Hc, [
-			u("div", Uc, [
-				u("div", Wc, [u("span", Gc, A(t.sourceTitle), 1), u("span", Kc, A(g.value.length), 1)]),
-				t.filterable ? (C(), l("div", qc, [R(u("input", {
+		return (r, i) => (C(), l("div", Yc, [
+			u("div", Xc, [
+				u("div", Zc, [u("span", Qc, A(t.sourceTitle), 1), u("span", $c, A(g.value.length), 1)]),
+				t.filterable ? (C(), l("div", el, [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", Jc, [(C(!0), l(n, null, E(g.value, (t) => (C(), l("button", {
+				u("div", tl, [(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",
@@ -6326,10 +6491,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", Xc, A(t.label), 1)
-				], 8, Yc))), 128)), g.value.length ? c("", !0) : (C(), l("p", Zc, " Sin elementos "))])
+					u("span", rl, A(t.label), 1)
+				], 8, nl))), 128)), g.value.length ? c("", !0) : (C(), l("p", il, " Sin elementos "))])
 			]),
-			u("div", Qc, [
+			u("div", al, [
 				p(Z, {
 					icon: "keyboard_double_arrow_right",
 					label: "Mover todos a la derecha",
@@ -6361,15 +6526,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: w
 				}, null, 8, ["disabled"])
 			]),
-			u("div", $c, [
-				u("div", el, [u("span", tl, A(t.targetTitle), 1), u("span", nl, A(_.value.length), 1)]),
-				t.filterable ? (C(), l("div", rl, [R(u("input", {
+			u("div", ol, [
+				u("div", sl, [u("span", cl, A(t.targetTitle), 1), u("span", ll, A(_.value.length), 1)]),
+				t.filterable ? (C(), l("div", ul, [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", il, [(C(!0), l(n, null, E(_.value, (t) => (C(), l("button", {
+				u("div", dl, [(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",
@@ -6385,18 +6550,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", ol, A(t.label), 1)
-				], 8, al))), 128)), _.value.length ? c("", !0) : (C(), l("p", sl, " Sin elementos "))])
+					u("span", pl, A(t.label), 1)
+				], 8, fl))), 128)), _.value.length ? c("", !0) : (C(), l("p", ml, " Sin elementos "))])
 			])
 		]));
 	}
-}), ll = ["aria-expanded", "aria-selected"], ul = { class: "flex w-6 shrink-0 items-center justify-center" }, dl = ["disabled"], fl = {
+}), gl = ["aria-expanded", "aria-selected"], _l = { class: "flex w-6 shrink-0 items-center justify-center" }, vl = ["disabled"], yl = {
 	key: 2,
 	class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
-}, pl = {
+}, bl = {
 	key: 0,
 	class: "ml-3 border-l border-outline-variant pl-2"
-}, ml = /* @__PURE__ */ m({
+}, xl = /* @__PURE__ */ m({
 	__name: "_MTreeNode",
 	props: {
 		node: {},
@@ -6441,7 +6606,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			]),
 			onClick: T
 		}, [
-			u("div", ul, [m.value ? (C(), l("button", {
+			u("div", _l, [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" : ""]),
@@ -6450,7 +6615,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [p(e, {
 				name: "chevron_right",
 				size: 16
-			})], 10, dl)) : c("", !0)]),
+			})], 10, vl)) : c("", !0)]),
 			j(a).checkable.value ? (C(), l("div", {
 				key: 0,
 				class: "shrink-0",
@@ -6472,7 +6637,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", fl, A(x.value) + "/" + A(b.value.length), 1)) : c("", !0),
+			m.value && j(a).checkable.value ? (C(), l("span", yl, A(x.value) + "/" + A(b.value.length), 1)) : c("", !0),
 			D(r.$slots, "trailing", { node: t.node })
 		], 2), p(i, {
 			onEnter: M,
@@ -6480,7 +6645,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			onLeave: P,
 			onAfterLeave: F
 		}, {
-			default: L(() => [_.value && m.value ? (C(), l("div", pl, [(C(!0), l(n, null, E(t.node.children, (e) => (C(), s(ml, {
+			default: L(() => [_.value && m.value ? (C(), l("div", bl, [(C(!0), l(n, null, E(t.node.children, (e) => (C(), s(xl, {
 				key: e.id,
 				node: e,
 				depth: t.depth + 1
@@ -6489,15 +6654,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, ll));
+		})], 8, gl));
 	}
-}), hl = {
+}), Sl = {
 	role: "tree",
 	class: "flex flex-col"
-}, gl = {
+}, Cl = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
-}, _l = { class: "text-body-medium" }, vl = /* @__PURE__ */ m({
+}, wl = { class: "text-body-medium" }, Tl = /* @__PURE__ */ m({
 	__name: "MTree",
 	props: {
 		nodes: {},
@@ -6563,26 +6728,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		return r({
 			expandAll: k,
 			collapseAll: j
-		}), (r, i) => (C(), l("div", hl, [t.nodes.length ? (C(!0), l(n, { key: 0 }, E(t.nodes, (e) => (C(), s(ml, {
+		}), (r, i) => (C(), l("div", Sl, [t.nodes.length ? (C(!0), l(n, { key: 0 }, E(t.nodes, (e) => (C(), s(xl, {
 			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", gl, [p(e, {
+		}))]), 1032, ["node"]))), 128)) : (C(), l("div", Cl, [p(e, {
 			name: "account_tree",
 			size: 32,
 			class: "opacity-30"
-		}), u("p", _l, A(t.emptyText), 1)]))]));
+		}), u("p", wl, A(t.emptyText), 1)]))]));
 	}
-}), yl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, bl = {
+}), El = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Dl = {
 	key: 0,
 	class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
-}, xl = { class: "overflow-x-auto" }, Sl = { class: "w-full border-collapse" }, Cl = { class: "bg-surface-container-high" }, wl = ["onClick"], Tl = ["onClick"], El = {
+}, Ol = { class: "overflow-x-auto" }, kl = { class: "w-full border-collapse" }, Al = { class: "bg-surface-container-high" }, jl = ["onClick"], Ml = ["onClick"], Nl = {
 	key: 1,
 	class: "w-6 shrink-0"
-}, Dl = { key: 0 }, Ol = ["colspan"], kl = /* @__PURE__ */ m({
+}, Pl = { key: 0 }, Fl = ["colspan"], Il = /* @__PURE__ */ m({
 	__name: "MTreeTable",
 	props: {
 		columns: {},
@@ -6637,10 +6802,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", yl, [r.$slots.toolbar ? (C(), l("div", bl, [D(r.$slots, "toolbar", {
+		return (r, i) => (C(), l("div", El, [r.$slots.toolbar ? (C(), l("div", Dl, [D(r.$slots, "toolbar", {
 			expandAll: _,
 			collapseAll: b
-		})])) : c("", !0), u("div", xl, [u("table", Sl, [u("thead", null, [u("tr", Cl, [(C(!0), l(n, null, E(t.columns, (e, n) => (C(), l("th", {
+		})])) : c("", !0), u("div", Ol, [u("table", kl, [u("thead", null, [u("tr", Al, [(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([
@@ -6671,7 +6836,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [p(e, {
 			name: "chevron_right",
 			size: 18
-		})], 10, Tl)) : (C(), l("span", El)), D(r.$slots, `cell-${n.key}`, {
+		})], 10, Ml)) : (C(), l("span", Nl)), D(r.$slots, `cell-${n.key}`, {
 			row: i.row,
 			value: i.row[n.key],
 			depth: i.depth
@@ -6680,19 +6845,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, wl))), 128)), g.value.length ? c("", !0) : (C(), l("tr", Dl, [u("td", {
+		}, () => [f(A(i.row[n.key] ?? "—"), 1)])], 2))), 128))], 10, jl))), 128)), g.value.length ? c("", !0) : (C(), l("tr", Pl, [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, Ol)]))])])])]));
+		}), i[0] ||= u("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, Fl)]))])])])]));
 	}
-}), Al = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, jl = { class: "flex bg-surface-container-high" }, Ml = ["onClick"], Nl = { class: "inline-flex items-center gap-1" }, Pl = {
+}), Ll = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Rl = { class: "flex bg-surface-container-high" }, zl = ["onClick"], Bl = { class: "inline-flex items-center gap-1" }, Vl = {
 	key: 0,
 	class: "inline-flex"
-}, Fl = ["onClick"], Il = { class: "truncate" }, Ll = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Rl = { class: "text-label-small text-on-surface-variant" }, zl = /* @__PURE__ */ m({
+}, Hl = ["onClick"], Ul = { class: "truncate" }, Wl = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Gl = { class: "text-label-small text-on-surface-variant" }, Kl = /* @__PURE__ */ m({
 	__name: "MVirtualTable",
 	props: {
 		columns: {},
@@ -6738,8 +6903,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", Al, [
-			u("div", jl, [(C(!0), l(n, null, E(t.columns, (t) => (C(), l("div", {
+		return (r, i) => (C(), l("div", Ll, [
+			u("div", Rl, [(C(!0), l(n, null, E(t.columns, (t) => (C(), l("div", {
 				key: t.key,
 				style: y({
 					width: t.width || "auto",
@@ -6751,7 +6916,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", Nl, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Pl, [h.value === t.key && g.value === "asc" ? (C(), s(e, {
+			}, [u("span", Bl, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Vl, [h.value === t.key && g.value === "asc" ? (C(), s(e, {
 				key: 0,
 				name: "arrow_upward",
 				size: 14,
@@ -6766,7 +6931,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: "unfold_more",
 				size: 14,
 				class: "opacity-30"
-			}))])) : c("", !0)])], 14, Ml))), 128))]),
+			}))])) : c("", !0)])], 14, zl))), 128))]),
 			u("div", {
 				ref_key: "scrollEl",
 				ref: d,
@@ -6794,12 +6959,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(r.$slots, `cell-${t.key}`, {
 				row: e,
 				value: e[t.key]
-			}, () => [u("span", Il, A(e[t.key] ?? "—"), 1)])], 6))), 128))], 14, Fl))), 128))], 4)], 36),
-			u("div", Ll, [u("span", Rl, [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", Ul, A(e[t.key] ?? "—"), 1)])], 6))), 128))], 14, Hl))), 128))], 4)], 36),
+			u("div", Wl, [u("span", Gl, [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, Vc as MTour, cl as MTransferList, vl as MTree, kl as MTreeTable, zl 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, ct as MCard, Q as MCheckbox, ft as MChip, Ct as MColorPicker, Nt as MCommandPalette, Bt as MConfirmDialog, Vt as MContainer, Jt as MContextMenu, Sn as MDataTable, Nn as MDatePicker, Gn as MDateRangePicker, Rt as MDialog, Yn as MDivider, tr as MDragDropList, nr as MEmptyState, lr 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, di as MMenuItem, Di as MMultiSelect, Ai as MNavigationBar, ia as MNavigationDrawer, ca as MNavigationRail, Zt as MPagination, wa as MProgressBar, ka as MRadio, Ma as MRadioGroup, Pa as MRating, Va as MResult, ro as MScheduler, oo as MSegmentedButton, bo as MSelect, Eo as MSideSheet, Oo as MSkeleton, Po as MSlider, zo as MSnackbar, Be as MSpinner, Bo as MSplitter, $o as MSpotlightSearch, es as MStack, ls as MStatCard, Ts as MStepper, Os as MSwitch, Ys as MTable, tc as MTabs, dc as MTextField, Fc as MTimePicker, Cc as MTimeline, Ic as MTooltip, Bc as MTopAppBar, Jc as MTour, hl as MTransferList, Tl as MTree, Il as MTreeTable, Kl as MVirtualTable, V as createM3UI, K as palettes, J as useColorPalette, fe as useFieldBg, G as useTheme, ce as useToast };
 
 //# sourceMappingURL=m3ui.js.map