@m3ui-vue/m3ui-vue 0.1.6 → 0.1.8

package/dist/m3ui.js

@@ -169,7 +169,9 @@ function re(e, t = "info", n = {}) {
 		message: e,
 		variant: t,
 		duration: a,
-		action: i.action
+		action: i.action,
+		icon: i.icon,
+		color: i.color
 	}), a > 0 && setTimeout(() => ne(r), a), r;
 }
 var ie = (e, t) => re(e, "success", t ?? {}), ae = (e, t) => re(e, "error", t ?? {}), oe = (e, t) => re(e, "warning", t ?? {}), se = (e, t) => re(e, "info", t ?? {});
@@ -396,7 +398,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	}
 }), Ee = {
 	key: 0,
-	class: "fixed inset-0 z-[200] flex flex-col justify-end"
+	class: "fixed inset-0 z-200 flex flex-col justify-end"
 }, De = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between px-6 pb-4"
@@ -440,7 +442,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				class: "bs-scrim absolute inset-0 bg-black/40",
 				onClick: d
 			}), u("div", {
-				class: v(["bs-panel relative flex w-full flex-col rounded-t-[28px] bg-surface-container-low shadow-elevation-3", t.fullHeight ? "max-h-[92vh]" : "max-h-[60vh]"]),
+				class: v(["bs-panel relative flex w-full flex-col rounded-t-xl bg-surface-container-low shadow-elevation-3", t.fullHeight ? "max-h-[92vh]" : "max-h-[60vh]"]),
 				style: y(x.value)
 			}, [
 				u("div", {
@@ -463,7 +465,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-941a89e7"]]), Me = {
+}), [["__scopeId", "data-v-5b1fb748"]]), Me = {
 	"aria-label": "Breadcrumb",
 	class: "flex items-center gap-1 overflow-x-auto text-label-large"
 }, Ne = ["onClick"], Pe = /* @__PURE__ */ m({
@@ -645,7 +647,6 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			to: t.to || void 0,
 			type: t.to ? void 0 : "button",
 			"aria-label": t.label,
-			title: t.label,
 			disabled: t.disabled,
 			class: v([Ue, i.value]),
 			style: y({
@@ -662,7 +663,6 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"to",
 			"type",
 			"aria-label",
-			"title",
 			"disabled",
 			"class",
 			"style"
@@ -771,7 +771,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, A(e), 1))), 128))]),
 			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]", [
+				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/3", [
 					t.current ? "bg-surface" : "bg-surface-container-lowest/50",
 					(r + 1) % 7 == 0 ? "border-r-0" : "",
 					r >= 35 ? "border-b-0" : ""
@@ -1108,7 +1108,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				})
 			], 2), t.label ? (C(), l("label", {
 				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"])
+				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-(--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", ht, A(t.error), 1)) : t.hint ? (C(), l("p", gt, A(t.hint), 1)) : c("", !0),
 			(C(), s(r, { to: "body" }, [p(i, {
@@ -1121,7 +1121,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: 0,
 					ref_key: "panelEl",
 					ref: g,
-					class: "fixed z-[500] w-[280px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
+					class: "fixed z-500 w-[280px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: y(_.value)
 				}, [
 					u("div", {
@@ -1175,7 +1175,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			})]))
 		]));
 	}
-}), [["__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 = {
+}), [["__scopeId", "data-v-872ab758"]]), 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"
 }, kt = [
@@ -1458,7 +1458,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		return (r, i) => (C(), l(n, null, [u("div", {
 			ref_key: "panel",
 			ref: o,
-			class: "m3-ctx-panel absolute z-[201] min-w-[200px] rounded-sm bg-surface-container shadow-elevation-2",
+			class: "m3-ctx-panel absolute z-201 min-w-[200px] rounded-sm bg-surface-container shadow-elevation-2",
 			style: y({
 				left: `${d.value}px`,
 				top: `${f.value}px`
@@ -1539,7 +1539,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, {
 			default: L(() => [a.value ? (C(), l("div", {
 				key: 0,
-				class: "fixed inset-0 z-[200]",
+				class: "fixed inset-0 z-200",
 				onMousedown: B(f, ["self"]),
 				onContextmenu: d[0] ||= B(() => {}, ["prevent"])
 			}, [p(qt, {
@@ -1599,7 +1599,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 }, 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"
-}, 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({
+}, 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: "dt-expand-body" }, xn = { class: "px-6 py-4" }, Sn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Cn = { class: "text-label-small text-on-surface-variant" }, wn = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MDataTable",
 	props: {
 		columns: {},
@@ -1790,7 +1790,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 14
 					})])) : c("", !0)
 				])) : c("", !0),
-				D(r.$slots, "toolbar"),
+				D(r.$slots, "toolbar", {}, void 0, !0),
 				p(i, {
 					"enter-active-class": "transition-[opacity,transform] duration-150",
 					"enter-from-class": "opacity-0 scale-90",
@@ -1820,7 +1820,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: de
 				})) : c("", !0)
 			])) : c("", !0),
-			u("div", on, [u("table", sn, [u("thead", { class: v(t.stickyHeader ? "sticky top-0 z-[1]" : "") }, [u("tr", cn, [
+			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"])
@@ -1897,11 +1897,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), 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", {
+			}), u("p", hn, A(t.emptyText), 1)], !0)], 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]",
-					t.selectable && K(e) ? "bg-primary/[0.06]" : "",
+					"hover:bg-on-surface/4",
+					t.selectable && K(e) ? "bg-primary/6" : "",
 					t.striped ? "even:bg-surface-container-lowest" : "",
 					t.selectable ? "cursor-pointer" : ""
 				]),
@@ -1937,17 +1937,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					row: e,
 					value: e[n.key],
 					col: n
-				}, () => [f(A(e[n.key] ?? "—"), 1)])], 2))), 128)),
+				}, () => [f(A(e[n.key] ?? "—"), 1)], !0)], 2))), 128)),
 				g.value ? (C(), l("td", {
 					key: 2,
 					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, gn), _.value && te(e) ? (C(), l("tr", vn, [u("td", {
+				}, [D(r.$slots, "row-actions", { row: e }, void 0, !0)], 2)) : c("", !0)
+			], 10, gn), _.value ? (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, yn)])) : c("", !0)], 64))), 128))])])]),
-			u("div", bn, [u("span", xn, A(H.value) + " registro" + A(H.value === 1 ? "" : "s"), 1), p(Zt, {
+				class: "border-t border-outline-variant/50 bg-surface-container-lowest p-0"
+			}, [u("div", { class: v(["dt-expand-grid", te(e) ? "dt-expand-open" : ""]) }, [u("div", bn, [u("div", xn, [D(r.$slots, "row-expand", { row: e }, void 0, !0)])])], 2)], 8, yn)])) : c("", !0)], 64))), 128))])])]),
+			u("div", Sn, [u("span", Cn, A(H.value) + " registro" + A(H.value === 1 ? "" : "s"), 1), p(Zt, {
 				page: w.value,
 				"per-page": t.perPage,
 				total: H.value,
@@ -1959,19 +1959,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			])])
 		]));
 	}
-}), Cn = { class: "flex flex-col gap-1" }, wn = {
+}), [["__scopeId", "data-v-fcd73278"]]), Tn = { class: "flex flex-col gap-1" }, En = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Tn = {
+}, Dn = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, En = {
+}, On = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Dn = {
+}, kn = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, 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({
+}, An = { class: "mb-3 flex items-center justify-between" }, jn = { class: "text-title-small font-medium capitalize text-on-surface" }, Mn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Nn = { class: "grid grid-cols-7 gap-0.5" }, Pn = ["disabled", "onClick"], Fn = /* @__PURE__ */ m({
 	__name: "MDatePicker",
 	props: {
 		modelValue: {},
@@ -2091,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", Cn, [
+		}), (a, o) => (C(), l("div", Tn, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -2107,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", wn, A(H.value), 1)) : (C(), l("span", Tn, A(t.placeholder || t.label || "Seleccionar fecha"), 1)),
+				H.value ? (C(), l("span", En, A(H.value), 1)) : (C(), l("span", Dn, A(t.placeholder || t.label || "Seleccionar fecha"), 1)),
 				t.modelValue ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -2117,9 +2117,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				})) : c("", !0)
 			], 2), t.label ? (C(), l("label", {
 				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"])
+				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-(--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", En, A(t.error), 1)) : t.hint ? (C(), l("p", Dn, A(t.hint), 1)) : c("", !0),
+			t.error ? (C(), l("p", On, A(t.error), 1)) : t.hint ? (C(), l("p", kn, 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]",
@@ -2130,17 +2130,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: 0,
 					ref_key: "panelEl",
 					ref: g,
-					class: "fixed z-[500] w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
+					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: y(_.value)
 				}, [
-					u("div", On, [
+					u("div", An, [
 						p(Z, {
 							icon: "chevron_left",
 							label: "Mes anterior",
 							size: 36,
 							onClick: I
 						}),
-						u("span", kn, A(O.value), 1),
+						u("span", jn, A(O.value), 1),
 						p(Z, {
 							icon: "chevron_right",
 							label: "Mes siguiente",
@@ -2148,39 +2148,39 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 							onClick: R
 						})
 					]),
-					u("div", An, [(C(!0), l(n, null, E(j(D), (e) => (C(), l("span", {
+					u("div", Mn, [(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", jn, [(C(!0), l(n, null, E(k.value, (e, n) => (C(), l("button", {
+					u("div", Nn, [(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, Mn))), 128))])
+					}, A(e.date), 11, Pn))), 128))])
 				], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Pn = { class: "flex flex-col gap-1" }, Fn = {
+}), In = { class: "flex flex-col gap-1" }, Ln = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, In = {
+}, Rn = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Ln = {
+}, zn = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Rn = {
+}, Bn = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, 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 = [
+}, Vn = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, Hn = { class: "mb-3 flex items-center justify-between" }, Un = { class: "text-title-small font-medium capitalize text-on-surface" }, Wn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Gn = { class: "grid grid-cols-7 gap-0.5" }, Kn = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], Gn = /* @__PURE__ */ m({
+], qn = /* @__PURE__ */ m({
 	__name: "MDateRangePicker",
 	props: {
 		modelValue: {},
@@ -2314,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", Pn, [
+		}), (a, o) => (C(), l("div", In, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -2330,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", Fn, A(W.value), 1)) : (C(), l("span", In, A(t.label || "Seleccionar rango"), 1)),
+				W.value ? (C(), l("span", Ln, A(W.value), 1)) : (C(), l("span", Rn, A(t.label || "Seleccionar rango"), 1)),
 				t.modelValue.start || t.modelValue.end ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -2340,9 +2340,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				})) : c("", !0)
 			], 2), t.label ? (C(), l("label", {
 				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"])
+				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-(--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", Ln, A(t.error), 1)) : t.hint ? (C(), l("p", Rn, A(t.hint), 1)) : c("", !0),
+			t.error ? (C(), l("p", zn, A(t.error), 1)) : t.hint ? (C(), l("p", Bn, 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]",
@@ -2353,18 +2353,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: 0,
 					ref_key: "panelEl",
 					ref: g,
-					class: "fixed z-[500] w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
+					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: y(w.value)
 				}, [
-					u("p", zn, A(_.value === "start" ? "Selecciona inicio" : "Selecciona fin"), 1),
-					u("div", Bn, [
+					u("p", Vn, A(_.value === "start" ? "Selecciona inicio" : "Selecciona fin"), 1),
+					u("div", Hn, [
 						p(Z, {
 							icon: "chevron_left",
 							label: "Anterior",
 							size: 36,
 							onClick: H
 						}),
-						u("span", Vn, A(M.value), 1),
+						u("span", Un, A(M.value), 1),
 						p(Z, {
 							icon: "chevron_right",
 							label: "Siguiente",
@@ -2372,34 +2372,34 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 							onClick: U
 						})
 					]),
-					u("div", Hn, [(C(!0), l(n, null, E(j(k), (e) => (C(), l("span", {
+					u("div", Wn, [(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", Un, [(C(!0), l(n, null, E(N.value, (e, n) => (C(), l("button", {
+					u("div", Gn, [(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, Wn))), 128))])
+					}, A(e.date), 43, Kn))), 128))])
 				], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Kn = {
+}), Jn = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, qn = {
+}, Yn = {
 	key: 1,
 	class: "h-px flex-1 bg-outline-variant"
-}, Jn = {
+}, Xn = {
 	key: 1,
 	class: "w-px self-stretch bg-outline-variant",
 	role: "separator"
-}, Yn = /* @__PURE__ */ m({
+}, Zn = /* @__PURE__ */ m({
 	__name: "MDivider",
 	props: {
 		vertical: {
@@ -2413,25 +2413,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}
 	},
 	setup(e) {
-		return (t, n) => e.vertical ? (C(), l("div", Jn)) : (C(), l("div", {
+		return (t, n) => e.vertical ? (C(), l("div", Xn)) : (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", Kn, A(e.label), 1)) : c("", !0),
-			e.label ? (C(), l("div", qn)) : c("", !0)
+			e.label ? (C(), l("span", Jn, A(e.label), 1)) : c("", !0),
+			e.label ? (C(), l("div", Yn)) : c("", !0)
 		], 2));
 	}
-}), Xn = {
+}), Qn = {
 	class: "flex flex-col",
 	role: "listbox"
-}, Zn = [
+}, $n = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], Qn = ["onDragstart"], $n = { class: "min-w-0 flex-1" }, er = { class: "text-body-medium text-on-surface" }, tr = /* @__PURE__ */ m({
+], er = ["onDragstart"], tr = { class: "min-w-0 flex-1" }, nr = { class: "text-body-medium text-on-surface" }, rr = /* @__PURE__ */ m({
 	__name: "MDragDropList",
 	props: {
 		modelValue: {},
@@ -2475,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", Xn, [(C(!0), l(n, null, E(t.modelValue, (n, i) => (C(), l("div", {
+		return (r, i) => (C(), l("div", Qn, [(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"]]),
@@ -2493,12 +2493,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [p(e, {
 			name: "drag_indicator",
 			size: 20
-		})], 40, Qn)) : c("", !0), u("div", $n, [D(r.$slots, "default", {
+		})], 40, er)) : c("", !0), u("div", tr, [D(r.$slots, "default", {
 			item: n,
 			index: i
-		}, () => [u("span", er, A(n.id), 1)])])], 42, Zn))), 128))]));
+		}, () => [u("span", nr, A(n.id), 1)])])], 42, $n))), 128))]));
 	}
-}), nr = /* @__PURE__ */ m({
+}), ir = /* @__PURE__ */ m({
 	__name: "MEmptyState",
 	props: {
 		icon: { default: "inbox" },
@@ -2523,13 +2523,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(n.$slots, "actions")], 2)) : c("", !0)
 		], 2));
 	}
-}), rr = ["aria-expanded", "disabled"], ir = { class: "flex-1 min-w-0" }, ar = { class: "text-body-large font-medium text-on-surface" }, or = {
+}), ar = ["aria-expanded", "disabled"], or = { class: "flex-1 min-w-0" }, sr = { class: "text-body-large font-medium text-on-surface" }, cr = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, sr = {
+}, lr = {
 	key: 0,
 	class: "expand-grid"
-}, cr = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, lr = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, ur = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, dr = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MExpansionPanel",
 	props: {
 		title: {},
@@ -2564,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", ir, [u("p", ar, A(t.title), 1), t.subtitle ? (C(), l("p", or, A(t.subtitle), 1)) : c("", !0)]),
+			u("div", or, [u("p", sr, A(t.title), 1), t.subtitle ? (C(), l("p", cr, 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, 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)]),
+		], 10, ar), p(i, { name: "expand" }, {
+			default: L(() => [f.value ? (C(), l("div", lr, [u("div", ur, [D(n.$slots, "default", {}, void 0, !0)])])) : c("", !0)]),
 			_: 3
 		})], 2));
 	}
-}), [["__scopeId", "data-v-89e4475b"]]), ur = {
+}), [["__scopeId", "data-v-89e4475b"]]), fr = {
 	key: 0,
 	class: "text-label-large font-medium"
-}, dr = ["data-tick"], fr = {
+}, pr = ["data-tick"], mr = {
 	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"
-}, $ = 40, pr = 8, mr = /* @__PURE__ */ m({
+}, $ = 40, hr = 8, gr = /* @__PURE__ */ m({
 	__name: "MFab",
 	props: {
 		icon: {},
@@ -2649,7 +2649,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					zIndex: "1000"
 				};
 			}
-			let c = D.value / 2 + pr + $ / 2 + e * 48, l = {
+			let c = D.value / 2 + hr + $ / 2 + e * 48, l = {
 				up: {
 					top: `${r - c - $ / 2}px`,
 					left: `${n - $ / 2}px`
@@ -2724,7 +2724,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				"name",
 				"size",
 				"class"
-			]), t.label ? (C(), l("span", ur, A(t.label), 1)) : c("", !0)]),
+			]), t.label ? (C(), l("span", fr, A(t.label), 1)) : c("", !0)]),
 			_: 1
 		}, 40, [
 			"to",
@@ -2734,11 +2734,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		]))], 512), (C(), s(r, { to: "body" }, [g.value ? (C(), l(n, { key: 0 }, [u("span", {
 			"data-tick": N.value,
 			class: "hidden"
-		}, null, 8, dr), (C(!0), l(n, null, E(t.items, (n, r) => (C(), l("div", {
+		}, null, 8, pr), (C(!0), l(n, null, E(t.items, (n, r) => (C(), l("div", {
 			key: r,
 			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"), {
+		}, [n.label && M.value ? (C(), l("span", mr, 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]]),
@@ -2761,17 +2761,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"onPointerdown"
 		]))], 6))), 128))], 64)) : c("", !0)]))], 64));
 	}
-}), hr = { class: "flex flex-col gap-3" }, gr = { class: "text-center" }, _r = {
+}), _r = { class: "flex flex-col gap-3" }, vr = { class: "text-center" }, yr = {
 	key: 0,
 	class: "mt-1 text-body-small text-on-surface-variant"
-}, vr = { key: 0 }, yr = { key: 1 }, br = { key: 2 }, xr = [
+}, br = { key: 0 }, xr = { key: 1 }, Sr = { key: 2 }, Cr = [
 	"accept",
 	"multiple",
 	"disabled"
-], Sr = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, Cr = ["src"], wr = { class: "min-w-0 flex-1" }, Tr = { class: "truncate text-body-medium text-on-surface" }, Er = { class: "text-body-small text-on-surface-variant" }, Dr = {
+], wr = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, Tr = ["src"], Er = { class: "min-w-0 flex-1" }, Dr = { class: "truncate text-body-medium text-on-surface" }, Or = { class: "text-body-small text-on-surface-variant" }, kr = {
 	key: 0,
 	class: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-surface-container-highest"
-}, Or = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Ar = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MFileUpload",
 	props: {
 		accept: {},
@@ -2819,7 +2819,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function k() {
 			i.disabled || g.value?.click();
 		}
-		return (r, i) => (C(), l("div", hr, [
+		return (r, i) => (C(), l("div", _r, [
 			u("div", {
 				class: v(["relative flex min-h-[160px] cursor-pointer flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-6 transition-colors duration-150", [t.disabled ? "cursor-not-allowed border-outline-variant/50 bg-surface-container/30 opacity-60" : h.value ? "border-primary bg-primary-container/20" : "border-outline-variant bg-surface-container-lowest hover:border-primary/60 hover:bg-surface-container"]]),
 				onClick: k,
@@ -2831,10 +2831,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: h.value ? "downloading" : "cloud_upload",
 				size: 40,
 				class: "text-on-surface-variant"
-			}, null, 8, ["name"]), u("div", gr, [i[3] ||= u("p", { class: "text-body-large text-on-surface" }, [f(" Arrastra archivos aquí o "), u("span", { class: "font-medium text-primary" }, "selecciona")], -1), t.accept || t.maxSize ? (C(), l("p", _r, [
-				t.accept ? (C(), l("span", vr, A(t.accept), 1)) : c("", !0),
-				t.accept && t.maxSize ? (C(), l("span", yr, " · ")) : c("", !0),
-				t.maxSize ? (C(), l("span", br, "Máx. " + A(x(t.maxSize)), 1)) : c("", !0)
+			}, null, 8, ["name"]), u("div", vr, [i[3] ||= u("p", { class: "text-body-large text-on-surface" }, [f(" Arrastra archivos aquí o "), u("span", { class: "font-medium text-primary" }, "selecciona")], -1), t.accept || t.maxSize ? (C(), l("p", yr, [
+				t.accept ? (C(), l("span", br, A(t.accept), 1)) : c("", !0),
+				t.accept && t.maxSize ? (C(), l("span", xr, " · ")) : c("", !0),
+				t.maxSize ? (C(), l("span", Sr, "Máx. " + A(x(t.maxSize)), 1)) : c("", !0)
 			])) : c("", !0)])], 34),
 			u("input", {
 				ref_key: "inputRef",
@@ -2845,7 +2845,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				multiple: t.multiple,
 				disabled: t.disabled,
 				onChange: D
-			}, null, 40, xr),
+			}, null, 40, Cr),
 			p(a, {
 				name: "m3-file",
 				tag: "div",
@@ -2855,20 +2855,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: t.id,
 					class: "flex items-center gap-3 rounded-lg bg-surface-container p-3"
 				}, [
-					u("div", Sr, [t.preview ? (C(), l("img", {
+					u("div", wr, [t.preview ? (C(), l("img", {
 						key: 0,
 						src: t.preview,
 						class: "h-full w-full object-cover"
-					}, null, 8, Cr)) : (C(), s(e, {
+					}, null, 8, Tr)) : (C(), s(e, {
 						key: 1,
 						name: "description",
 						size: 24,
 						class: "text-on-surface-variant"
 					}))]),
-					u("div", wr, [
-						u("p", Tr, A(t.file.name), 1),
-						u("p", Er, A(x(t.file.size)), 1),
-						t.status === "uploading" ? (C(), l("div", Dr, [u("div", {
+					u("div", Er, [
+						u("p", Dr, A(t.file.name), 1),
+						u("p", Or, A(x(t.file.size)), 1),
+						t.status === "uploading" ? (C(), l("div", kr, [u("div", {
 							class: "h-full rounded-full bg-primary transition-[width] duration-300",
 							style: y({ width: `${t.progress}%` })
 						}, null, 4)])) : c("", !0)
@@ -2898,7 +2898,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-34a862f0"]]), kr = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-34a862f0"]]), jr = /* @__PURE__ */ m({
 	__name: "MGrid",
 	props: {
 		cols: { default: 1 },
@@ -2974,13 +2974,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		]);
 		return (e, t) => (C(), l("div", { class: v(d.value) }, [D(e.$slots, "default")], 2));
 	}
-}), Ar = {
+}), Mr = {
 	key: 0,
 	class: "flex flex-col gap-4"
-}, jr = {
+}, Nr = {
 	key: 0,
 	class: "mb-2 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Mr = { class: "flex flex-col gap-1" }, Nr = { class: "text-body-medium text-on-surface" }, Pr = { class: "flex items-center gap-0.5" }, Fr = /* @__PURE__ */ m({
+}, Pr = { class: "flex flex-col gap-1" }, Fr = { class: "text-body-medium text-on-surface" }, Ir = { class: "flex items-center gap-0.5" }, Lr = /* @__PURE__ */ m({
 	__name: "MHotkeys",
 	props: {
 		bindings: {},
@@ -3037,21 +3037,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}
 			return e;
 		};
-		return (t, r) => e.showOverlay ? (C(), l("div", Ar, [(C(!0), l(n, null, E(d(), ([e, t]) => (C(), l("div", { key: e }, [e ? (C(), l("p", jr, A(e), 1)) : c("", !0), u("div", Mr, [(C(!0), l(n, null, E(t, (e) => (C(), l("div", {
+		return (t, r) => e.showOverlay ? (C(), l("div", Mr, [(C(!0), l(n, null, E(d(), ([e, t]) => (C(), l("div", { key: e }, [e ? (C(), l("p", Nr, A(e), 1)) : c("", !0), u("div", Pr, [(C(!0), l(n, null, E(t, (e) => (C(), l("div", {
 			key: e.keys,
 			class: v(["flex items-center justify-between rounded-lg px-3 py-2 transition-colors hover:bg-on-surface/4", e.disabled && "opacity-38"])
-		}, [u("span", Nr, A(e.label), 1), u("div", Pr, [(C(!0), l(n, null, E(e.keys.split("+"), (e, t) => (C(), l("kbd", {
+		}, [u("span", Fr, A(e.label), 1), u("div", Ir, [(C(!0), l(n, null, E(e.keys.split("+"), (e, t) => (C(), l("kbd", {
 			key: t,
 			class: "inline-flex min-w-[24px] items-center justify-center rounded bg-surface-container px-1.5 py-0.5 text-center text-label-small font-medium text-on-surface-variant"
 		}, A(i(e.trim())), 1))), 128))])], 2))), 128))])]))), 128))])) : c("", !0);
 	}
-}), Ir = {
+}), Rr = {
 	key: 0,
 	class: "flex items-center gap-3"
-}, Lr = { class: "text-body-medium text-on-surface-variant" }, Rr = {
+}, zr = { class: "text-body-medium text-on-surface-variant" }, Br = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, zr = /* @__PURE__ */ m({
+}, Vr = /* @__PURE__ */ m({
 	__name: "MInfiniteScroll",
 	props: {
 		loading: {
@@ -3082,30 +3082,30 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			ref_key: "sentinelRef",
 			ref: i,
 			class: "flex items-center justify-center py-4"
-		}, [e.loading ? (C(), l("div", Ir, [p(Be, {
+		}, [e.loading ? (C(), l("div", Rr, [p(Be, {
 			size: 20,
 			class: "text-primary"
-		}), u("span", Lr, A(e.loadingText), 1)])) : e.ended ? (C(), l("p", Rr, A(e.endText), 1)) : D(t.$slots, "idle", { key: 2 })], 512)]));
+		}), u("span", zr, A(e.loadingText), 1)])) : e.ended ? (C(), l("p", Br, A(e.endText), 1)) : D(t.$slots, "idle", { key: 2 })], 512)]));
 	}
-}), Br = {
+}), Hr = {
 	key: 0,
 	class: "text-tertiary"
-}, Vr = { class: "text-on-surface-variant" }, Hr = {
+}, Ur = { class: "text-on-surface-variant" }, Wr = {
 	key: 1,
 	class: "text-on-surface-variant/60"
-}, Ur = {
+}, Gr = {
 	key: 2,
 	class: "text-on-surface-variant"
-}, Wr = {
+}, Kr = {
 	key: 0,
 	class: "ml-5 border-l border-outline-variant/40 pl-2"
-}, Gr = { class: "shrink-0 text-primary" }, Kr = {
+}, qr = { class: "shrink-0 text-primary" }, Jr = {
 	key: 0,
 	class: "shrink-0 text-on-surface-variant mr-1"
-}, qr = {
+}, Yr = {
 	key: 1,
 	class: "ml-5 text-on-surface-variant"
-}, Jr = /* @__PURE__ */ m({
+}, Xr = /* @__PURE__ */ m({
 	__name: "MJsonViewer",
 	props: {
 		data: {},
@@ -3138,7 +3138,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			return C(), l("div", { class: v(["font-mono text-body-small leading-relaxed", { "rounded-lg border border-outline-variant bg-surface-container-lowest p-3": t._depth === 0 }]) }, [d.value ? (C(), l(n, { key: 0 }, [
 				u("button", {
 					type: "button",
-					class: "group inline-flex cursor-pointer items-center gap-0.5 rounded px-0.5 hover:bg-on-surface/[0.06]",
+					class: "group inline-flex cursor-pointer items-center gap-0.5 rounded px-0.5 hover:bg-on-surface/6",
 					onClick: o[0] ||= (e) => i.value = !i.value
 				}, [
 					p(e, {
@@ -3146,17 +3146,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 16,
 						class: "text-on-surface-variant transition-transform duration-100"
 					}, null, 8, ["name"]),
-					t._depth === 0 || t.rootName ? (C(), l("span", Br, A(t._depth === 0 ? t.rootName : ""), 1)) : c("", !0),
-					u("span", Vr, A(h.value), 1),
-					i.value ? c("", !0) : (C(), l("span", Hr, A(m.value) + " " + A(a.value === "array" ? "elementos" : "campos"), 1)),
-					i.value ? c("", !0) : (C(), l("span", Ur, A(g.value), 1))
+					t._depth === 0 || t.rootName ? (C(), l("span", Hr, A(t._depth === 0 ? t.rootName : ""), 1)) : c("", !0),
+					u("span", Ur, A(h.value), 1),
+					i.value ? c("", !0) : (C(), l("span", Wr, A(m.value) + " " + A(a.value === "array" ? "elementos" : "campos"), 1)),
+					i.value ? c("", !0) : (C(), l("span", Gr, A(g.value), 1))
 				]),
-				i.value ? (C(), l("div", Wr, [(C(!0), l(n, null, E(f.value, (e) => (C(), l("div", {
+				i.value ? (C(), l("div", Kr, [(C(!0), l(n, null, E(f.value, (e) => (C(), l("div", {
 					key: e.key,
 					class: "flex items-start"
 				}, [
-					u("span", Gr, A(a.value === "array" ? "" : `"${e.key}"`), 1),
-					a.value === "array" ? c("", !0) : (C(), l("span", Kr, ":")),
+					u("span", qr, A(a.value === "array" ? "" : `"${e.key}"`), 1),
+					a.value === "array" ? c("", !0) : (C(), l("span", Jr, ":")),
 					e.value !== null && typeof e.value == "object" ? (C(), s(b, {
 						key: 1,
 						data: e.value,
@@ -3173,21 +3173,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						class: v(_(e.value))
 					}, A(y(e.value)), 3))
 				]))), 128))])) : c("", !0),
-				i.value ? (C(), l("span", qr, A(g.value), 1)) : c("", !0)
+				i.value ? (C(), l("span", Yr, A(g.value), 1)) : c("", !0)
 			], 64)) : (C(), l("span", {
 				key: 1,
 				class: v(_(t.data))
 			}, A(y(t.data)), 3))], 2);
 		};
 	}
-}), Yr = { class: "flex gap-4 overflow-x-auto pb-2" }, Xr = ["onDragover", "onDrop"], Zr = { class: "flex items-center gap-2 px-4 py-3" }, Qr = { class: "flex-1 text-title-small font-medium text-on-surface" }, $r = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, ei = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, ti = [
+}), Zr = { class: "flex gap-4 overflow-x-auto pb-2" }, Qr = ["onDragover", "onDrop"], $r = { class: "flex items-center gap-2 px-4 py-3" }, ei = { class: "flex-1 text-title-small font-medium text-on-surface" }, ti = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, ni = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, ri = [
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], ni = { class: "text-body-medium text-on-surface" }, ri = {
+], ii = { class: "text-body-medium text-on-surface" }, ai = {
 	key: 0,
 	class: "flex flex-1 items-center justify-center rounded-lg border border-dashed border-outline-variant/50 p-4"
-}, ii = /* @__PURE__ */ m({
+}, oi = /* @__PURE__ */ m({
 	__name: "MKanban",
 	props: { modelValue: {} },
 	emits: [
@@ -3246,20 +3246,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		function g() {
 			a.value = null, o.value = null, s.value = null;
 		}
-		return (t, r) => (C(), l("div", Yr, [(C(!0), l(n, null, E(e.modelValue, (e) => (C(), l("div", {
+		return (t, r) => (C(), l("div", Zr, [(C(!0), l(n, null, E(e.modelValue, (e) => (C(), l("div", {
 			key: e.id,
 			class: v(["flex w-72 shrink-0 flex-col rounded-xl bg-surface-container-low", o.value === e.id && a.value ? "ring-2 ring-primary ring-inset" : ""]),
 			onDragover: (t) => p(t, e.id),
 			onDragleave: r[0] ||= (e) => o.value = null,
 			onDrop: (t) => h(t, e.id)
-		}, [u("div", Zr, [
+		}, [u("div", $r, [
 			e.color ? (C(), l("div", {
 				key: 0,
 				class: v(["h-2.5 w-2.5 rounded-full", d[e.color] ?? "bg-primary"])
 			}, null, 2)) : c("", !0),
-			u("h3", Qr, A(e.title), 1),
-			u("span", $r, A(e.cards.length), 1)
-		]), u("div", ei, [(C(!0), l(n, null, E(e.cards, (n, r) => (C(), l("div", {
+			u("h3", ei, A(e.title), 1),
+			u("span", ti, A(e.cards.length), 1)
+		]), u("div", ni, [(C(!0), l(n, null, E(e.cards, (n, r) => (C(), l("div", {
 			key: n.id,
 			draggable: "true",
 			class: v(["cursor-grab rounded-lg bg-surface p-3 shadow-elevation-1 transition-all duration-150 active:cursor-grabbing", [a.value?.cardId === n.id ? "opacity-30" : "hover:shadow-elevation-2", s.value === r && o.value === e.id && a.value ? "border-t-2 border-primary" : ""]]),
@@ -3273,18 +3273,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [D(t.$slots, "card", {
 			card: n,
 			column: e
-		}, () => [u("p", ni, A(n.id), 1)])], 42, ti))), 128)), e.cards.length === 0 ? (C(), l("div", ri, [...r[1] ||= [u("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : c("", !0)])], 42, Xr))), 128))]));
+		}, () => [u("p", ii, A(n.id), 1)])], 42, ri))), 128)), e.cards.length === 0 ? (C(), l("div", ai, [...r[1] ||= [u("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : c("", !0)])], 42, Qr))), 128))]));
 	}
-}), ai = {
+}), si = {
 	key: 0,
 	class: "text-body-large text-on-surface-variant"
-}, oi = {
+}, ci = {
 	key: 1,
 	class: "relative"
-}, si = {
+}, li = {
 	key: 0,
 	class: "text-body-medium text-on-surface-variant"
-}, ci = /* @__PURE__ */ m({
+}, ui = /* @__PURE__ */ m({
 	__name: "MLoadingOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -3311,17 +3311,17 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, {
 			default: L(() => [e.visible ? (C(), l("div", {
 				key: 0,
-				class: v(["fixed inset-0 z-[300] flex flex-col items-center justify-center gap-4", e.opaque ? "bg-surface" : "bg-surface/80 backdrop-blur-sm"])
+				class: v(["fixed inset-0 z-300 flex flex-col items-center justify-center gap-4", e.opaque ? "bg-surface" : "bg-surface/80 backdrop-blur-sm"])
 			}, [
 				p(Be, {
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (C(), l("p", ai, A(e.text), 1)) : c("", !0),
+				e.text ? (C(), l("p", si, A(e.text), 1)) : c("", !0),
 				D(t.$slots, "default")
 			], 2)) : c("", !0)]),
 			_: 3
-		})])) : (C(), l("div", oi, [D(t.$slots, "content"), p(i, {
+		})])) : (C(), l("div", ci, [D(t.$slots, "content"), p(i, {
 			"enter-active-class": "transition-opacity duration-200",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-150",
@@ -3335,13 +3335,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (C(), l("p", si, A(e.text), 1)) : c("", !0),
+				e.text ? (C(), l("p", li, A(e.text), 1)) : c("", !0),
 				D(t.$slots, "default")
 			], 2)) : c("", !0)]),
 			_: 3
 		})]));
 	}
-}), li = /* @__PURE__ */ m({
+}), di = /* @__PURE__ */ m({
 	__name: "MMasonry",
 	props: {
 		cols: { default: 2 },
@@ -3392,7 +3392,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			class: "relative w-full"
 		}, [D(e.$slots, "default")], 512));
 	}
-}), ui = /* @__PURE__ */ m({
+}), fi = /* @__PURE__ */ m({
 	__name: "MMenu",
 	props: { align: { default: "right" } },
 	setup(e, { expose: t }) {
@@ -3451,7 +3451,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				ref_key: "dropdownEl",
 				ref: m,
-				class: "fixed z-[500] min-w-48 overflow-y-auto overflow-x-hidden rounded-xs bg-surface-container py-1 shadow-elevation-2",
+				class: "fixed z-500 min-w-48 overflow-y-auto overflow-x-hidden rounded-xs bg-surface-container py-1 shadow-elevation-2",
 				style: y({
 					...h.value,
 					transformOrigin: O.value
@@ -3461,7 +3461,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 3
 		})]))], 64));
 	}
-}), di = /* @__PURE__ */ m({
+}), pi = /* @__PURE__ */ m({
 	__name: "MMenuItem",
 	props: {
 		icon: {},
@@ -3483,35 +3483,35 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 3
 		}, 8, ["to", "type"]));
 	}
-}), fi = { class: "flex flex-col gap-1" }, pi = {
+}), mi = { class: "flex flex-col gap-1" }, hi = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, mi = [
+}, gi = [
 	"id",
 	"tabindex",
 	"aria-expanded"
-], hi = ["onClick"], gi = {
+], _i = ["onClick"], vi = {
 	key: 0,
 	class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant"
-}, _i = {
+}, yi = {
 	key: 1,
 	class: "text-body-large text-on-surface-variant opacity-0"
-}, vi = {
+}, bi = {
 	key: 0,
 	class: "text-error"
-}, yi = { class: "pointer-events-none absolute right-2 top-7 -translate-y-1/2" }, bi = {
+}, xi = { class: "pointer-events-none absolute right-2 top-7 -translate-y-1/2" }, Si = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, xi = {
+}, Ci = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Si = {
+}, wi = {
 	key: 0,
 	class: "sticky top-0 bg-surface-container px-3 py-2"
-}, 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 = {
+}, Ti = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, Ei = { class: "flex flex-col py-1" }, Di = { class: "text-body-large text-on-surface" }, Oi = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, Di = /* @__PURE__ */ m({
+}, ki = /* @__PURE__ */ m({
 	__name: "MMultiSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -3616,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", fi, [u("div", {
+		return (a, o) => (C(), l(n, null, [u("div", mi, [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", pi, [p(e, {
+			t.leadingIcon ? (C(), l("div", hi, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -3649,14 +3649,14 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [p(e, {
 				name: "close",
 				size: 12
-			})], 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, {
+			})], 8, _i)]))), 128)), H.value > 0 ? (C(), l("span", vi, " +" + A(H.value), 1)) : c("", !0)], 64)) : g.value ? c("", !0) : (C(), l("span", yi, A(t.placeholder), 1))], 42, gi),
+			u("label", { class: v(X.value) }, [f(A(t.label), 1), t.required ? (C(), l("span", bi, "\xA0*")) : c("", !0)], 2),
+			u("div", xi, [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", bi, A(t.error), 1)) : t.hint ? (C(), l("p", xi, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
+		], 6), t.error ? (C(), l("p", Si, A(t.error), 1)) : t.hint ? (C(), l("p", Ci, 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",
@@ -3668,9 +3668,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				ref_key: "dropdownEl",
 				ref: O,
-				class: "fixed z-[500] max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
+				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", Si, [u("div", Ci, [p(e, {
+			}, [t.searchable ? (C(), l("div", wi, [u("div", Ti, [p(e, {
 				name: "search",
 				size: 16,
 				class: "shrink-0 text-on-surface-variant"
@@ -3681,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", wi, [(C(!0), l(n, null, E(I.value, (e) => (C(), l("label", {
+			}, null, 512), [[P, b.value]])])])) : c("", !0), u("div", Ei, [(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, {
@@ -3692,11 +3692,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), u("span", Ti, A(e.label), 1)], 2))), 128)), I.value.length === 0 ? (C(), l("p", Ei, " Sin resultados ")) : c("", !0)])], 4)) : c("", !0)]),
+			]), u("span", Di, A(e.label), 1)], 2))), 128)), I.value.length === 0 ? (C(), l("p", Oi, " Sin resultados ")) : c("", !0)])], 4)) : c("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), Oi = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, ki = ["onClick"], Ai = /* @__PURE__ */ m({
+}), Ai = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, ji = ["onClick"], Mi = /* @__PURE__ */ m({
 	__name: "MNavigationBar",
 	props: {
 		modelValue: {},
@@ -3704,7 +3704,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	},
 	emits: ["update:modelValue"],
 	setup(t) {
-		return (r, i) => (C(), l("nav", Oi, [(C(!0), l(n, null, E(t.items, (n) => (C(), l("button", {
+		return (r, i) => (C(), l("nav", Ai, [(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"]),
@@ -3731,45 +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, ki))), 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, ji))), 128))]));
 	}
-}), ji = {
+}), Ni = {
 	key: 0,
-	class: "fixed inset-0 z-[100] flex"
-}, Mi = { class: "nd-panel relative flex h-full w-72 max-w-[85vw] flex-col bg-surface-container shadow-elevation-3" }, Ni = {
+	class: "fixed inset-0 z-100 flex"
+}, Pi = { class: "nd-panel relative flex h-full w-72 max-w-[85vw] flex-col bg-surface-container shadow-elevation-3" }, Fi = {
 	key: 0,
 	class: "shrink-0 px-5 pt-6 pb-2"
-}, Pi = { class: "text-title-small font-medium text-on-surface-variant" }, Fi = { class: "flex-1 overflow-y-auto px-3 py-2" }, Ii = {
+}, Ii = { class: "text-title-small font-medium text-on-surface-variant" }, Li = { class: "flex-1 overflow-y-auto px-3 py-2" }, Ri = {
 	key: 0,
 	class: "my-1 border-t border-outline-variant"
-}, Li = ["onClick"], Ri = { class: "flex-1 text-left text-title-small font-medium" }, zi = {
+}, zi = ["onClick"], Bi = { class: "flex-1 text-left text-title-small font-medium" }, Vi = {
 	key: 2,
 	class: "px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant"
-}, Bi = {
+}, Hi = {
 	key: 0,
 	class: "nd-section-grid"
-}, Vi = { class: "nd-section-body" }, Hi = { class: "flex-1 text-label-large font-medium" }, Ui = {
+}, Ui = { class: "nd-section-body" }, Wi = { class: "flex-1 text-label-large font-medium" }, Gi = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, Wi = {
+}, Ki = {
 	key: 0,
 	class: "shrink-0"
-}, Gi = {
+}, qi = {
 	key: 1,
 	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 = {
+}, Ji = { class: "px-5 pt-6 pb-2" }, Yi = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Xi = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, Zi = {
 	key: 0,
 	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 = {
+}, Qi = ["title", "onClick"], $i = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, ea = {
 	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 = {
+}, ta = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, na = {
 	key: 0,
 	class: "nd-section-grid"
-}, ta = { class: "nd-section-body" }, na = { class: "min-w-0 flex-1 text-label-large font-medium" }, ra = {
+}, ra = { class: "nd-section-body" }, ia = { class: "nd-label min-w-0 flex-1 text-label-large font-medium" }, aa = {
 	key: 1,
-	class: "text-label-medium text-on-surface-variant"
-}, ia = /*#__PURE__*/ t(/* @__PURE__ */ m({
+	class: "nd-label text-label-medium text-on-surface-variant"
+}, oa = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MNavigationDrawer",
 	props: {
 		modelValue: { type: Boolean },
@@ -3814,11 +3814,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				leave: 280
 			}
 		}, {
-			default: L(() => [t.modelValue ? (C(), l("div", ji, [u("div", {
+			default: L(() => [t.modelValue ? (C(), l("div", Ni, [u("div", {
 				class: "nd-scrim absolute inset-0 bg-black/40",
 				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),
+			}), u("nav", Pi, [t.title || a.$slots.header ? (C(), l("div", Fi, [D(a.$slots, "header", {}, () => [u("h2", Ii, A(t.title), 1)], !0)])) : c("", !0), u("div", Li, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
+				a > 0 ? (C(), l("div", Ri)) : c("", !0),
 				r.title && r.collapsible ? (C(), l("button", {
 					key: 1,
 					type: "button",
@@ -3831,15 +3831,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 24,
 						class: "shrink-0"
 					}, null, 8, ["name"])) : c("", !0),
-					u("span", Ri, A(r.title), 1),
+					u("span", Bi, 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),
+				], 8, zi)) : r.title ? (C(), l("p", Vi, 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)), {
+					default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", Hi, [u("div", Ui, [(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",
@@ -3853,8 +3853,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 								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))
+							u("span", Wi, A(n.label), 1),
+							n.badge == null ? c("", !0) : (C(), l("span", Gi, A(n.badge), 1))
 						]),
 						_: 2
 					}, 1032, [
@@ -3870,13 +3870,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 3
 		})])) : (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),
+			class: v(["nd-inline flex h-full shrink-0 flex-col border-r border-outline-variant bg-surface", [t.modelValue ? t.collapsed ? "nd-collapsed w-[72px]" : "w-72" : "nd-hidden w-0 border-r-0"]])
+		}, [a.$slots.header ? (C(), l("div", Ki, [D(a.$slots, "header", {}, void 0, !0)])) : t.title ? (C(), l("div", qi, [u("div", Ji, [u("h2", Yi, A(t.title), 1)])])) : c("", !0), u("div", Xi, [(C(!0), l(n, null, E(t.sections, (r, a) => (C(), l(n, { key: a }, [
+			a > 0 ? (C(), l("div", Zi)) : c("", !0),
 			r.title && r.collapsible ? (C(), l("button", {
 				key: 1,
 				type: "button",
-				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",
+				class: "mt-1 flex w-full shrink-0 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)
 			}, [
@@ -3886,20 +3886,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: 24,
 					class: "shrink-0"
 				}, null, 8, ["name"])) : c("", !0),
-				u("span", Zi, A(r.title), 1),
+				u("span", $i, A(r.title), 1),
 				p(e, {
 					name: m(r, a) ? "expand_less" : "expand_more",
 					size: 18,
-					class: "shrink-0"
+					class: "nd-label shrink-0"
 				}, null, 8, ["name"])
-			], 8, Xi)) : r.title ? (C(), l("div", Qi, [u("p", $i, A(r.title), 1)])) : c("", !0),
+			], 8, Qi)) : r.title ? (C(), l("div", ea, [u("p", ta, 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)), {
+				default: L(() => [!r.collapsible || m(r, a) ? (C(), l("div", na, [u("div", ra, [(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"]]),
+					class: v(["flex w-full shrink-0 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)
 				}, {
@@ -3910,8 +3910,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 							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))
+						u("span", ia, A(n.label), 1),
+						n.badge == null ? c("", !0) : (C(), l("span", aa, A(n.badge), 1))
 					]),
 					_: 2
 				}, 1032, [
@@ -3926,10 +3926,10 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, 1024)
 		], 64))), 128))])], 2));
 	}
-}), [["__scopeId", "data-v-d898f7f1"]]), aa = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, oa = {
+}), [["__scopeId", "data-v-a5cf49d0"]]), sa = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, ca = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-center pt-3 pb-2"
-}, sa = ["disabled", "onClick"], ca = /* @__PURE__ */ m({
+}, la = ["disabled", "onClick"], ua = /* @__PURE__ */ m({
 	__name: "MNavigationRail",
 	props: {
 		modelValue: {},
@@ -3938,7 +3938,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 	},
 	emits: ["update:modelValue"],
 	setup(t) {
-		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", {
+		return (r, i) => (C(), l("nav", sa, [r.$slots.fab ? (C(), l("div", ca, [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"
@@ -3970,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, sa))), 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, la))), 128))], 2)]));
 	}
-}), la = { class: "flex flex-col gap-1" }, ua = {
+}), da = { class: "flex flex-col gap-1" }, fa = {
 	key: 0,
 	class: "text-label-small text-on-surface-variant"
-}, da = ["aria-valuenow"], fa = ["aria-valuenow"], pa = ["viewBox"], ma = ["d"], ha = {
+}, pa = ["aria-valuenow"], ma = ["aria-valuenow"], ha = ["viewBox"], ga = ["d"], _a = {
 	key: 1,
 	class: "absolute inset-0 overflow-hidden rounded-full"
-}, ga = ["viewBox"], _a = ["d"], va = 20, ya = 2.5, ba = 4, xa = 8, Sa = 80, Ca = 1, wa = /* @__PURE__ */ m({
+}, va = ["viewBox"], ya = ["d"], ba = 20, xa = 2.5, Sa = 4, Ca = 8, wa = 80, Ta = 1, Ea = /* @__PURE__ */ m({
 	__name: "MProgressBar",
 	props: {
 		value: {},
@@ -4009,15 +4009,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				track: "bg-error-container",
 				text: "text-error"
 			}
-		}, s = va * Sa, d = (() => {
+		}, s = ba * wa, d = (() => {
 			let e = "";
-			for (let t = 0; t <= s; t += Ca) {
-				let n = ba - ya * Math.sin(t / va * Math.PI * 2);
+			for (let t = 0; t <= s; t += Ta) {
+				let n = Sa - xa * Math.sin(t / ba * Math.PI * 2);
 				e += (t === 0 ? "M" : "L") + t + "," + n.toFixed(2) + " ";
 			}
 			return e.trim();
 		})();
-		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", {
+		return (t, o) => (C(), l("div", da, [e.label ? (C(), l("span", fa, 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",
@@ -4031,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, da)) : (C(), l("div", {
+		}, null, 6))], 10, pa)) : (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", ha, [u("div", {
+		}, [r.value ? (C(), l("div", _a, [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: xa,
-			viewBox: `0 0 ${s} ${xa}`,
+			height: Ca,
+			viewBox: `0 0 ${s} ${Ca}`,
 			class: "h-full",
 			xmlns: "http://www.w3.org/2000/svg"
 		}, [u("path", {
@@ -4053,7 +4053,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			stroke: "currentColor",
 			"stroke-width": "3",
 			"stroke-linecap": "round"
-		}, null, 8, _a)], 8, ga))], 6)])) : (C(), l(n, { key: 0 }, [
+		}, null, 8, ya)], 8, va))], 6)])) : (C(), l(n, { key: 0 }, [
 			u("div", {
 				class: "absolute inset-0 overflow-hidden",
 				style: y({
@@ -4065,8 +4065,8 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				style: y({ width: `${s}px` })
 			}, [(C(), l("svg", {
 				width: s,
-				height: xa,
-				viewBox: `0 0 ${s} ${xa}`,
+				height: Ca,
+				viewBox: `0 0 ${s} ${Ca}`,
 				class: "h-full",
 				xmlns: "http://www.w3.org/2000/svg"
 			}, [u("path", {
@@ -4075,7 +4075,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"stroke-linecap": "round"
-			}, null, 8, ma)], 8, pa))], 6)], 4),
+			}, null, 8, ga)], 8, ha))], 6)], 4),
 			u("div", {
 				class: v(["absolute inset-y-0 right-0 flex items-center", a[e.color].track]),
 				style: y([{
@@ -4098,16 +4098,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					height: "4px"
 				}
 			}, null, 2)
-		], 64))], 8, fa))]));
+		], 64))], 8, ma))]));
 	}
-}), Ta = ["for"], Ea = { class: "relative flex h-5 w-5 shrink-0" }, Da = [
+}), Da = ["for"], Oa = { class: "relative flex h-5 w-5 shrink-0" }, ka = [
 	"id",
 	"checked",
 	"disabled"
-], Oa = {
+], Aa = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, ka = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, ja = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MRadio",
 	props: {
 		modelValue: {},
@@ -4130,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", Ea, [u("input", {
+		}, [u("span", Oa, [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, Da), (C(), l("svg", {
+		}, null, 40, ka), (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"
@@ -4154,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", Oa, A(e.label), 1)) : c("", !0)], 10, Ta));
+		}, null, 2)], 2))]), e.label ? (C(), l("span", Aa, A(e.label), 1)) : c("", !0)], 10, Da));
 	}
-}), [["__scopeId", "data-v-cdb650b5"]]), Aa = { class: "flex flex-col gap-2" }, ja = {
+}), [["__scopeId", "data-v-cdb650b5"]]), Ma = { class: "flex flex-col gap-2" }, Na = {
 	key: 0,
 	class: "text-label-large text-on-surface-variant"
-}, Ma = /* @__PURE__ */ m({
+}, Pa = /* @__PURE__ */ m({
 	__name: "MRadioGroup",
 	props: {
 		modelValue: {},
@@ -4175,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", 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, {
+		return (t, i) => (C(), l("div", Ma, [e.label ? (C(), l("span", Na, 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(ja, {
 			key: String(t.value),
 			"model-value": e.modelValue,
 			value: t.value,
@@ -4191,11 +4191,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			"disabled"
 		]))), 128))], 2)]));
 	}
-}), Na = [
+}), Fa = [
 	"disabled",
 	"onClick",
 	"onMousemove"
-], Pa = /* @__PURE__ */ m({
+], Ia = /* @__PURE__ */ m({
 	__name: "MRating",
 	props: {
 		modelValue: {},
@@ -4272,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, Na))), 128))], 34));
+		}, null, 8, ["name", "size"]))], 46, Fa))), 128))], 34));
 	}
-}), Fa = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, Ia = {
+}), La = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, Ra = {
 	key: 0,
 	class: "text-display-small font-medium text-on-surface-variant/30"
-}, La = { class: "text-headline-small font-medium text-on-surface" }, Ra = {
+}, za = { class: "text-headline-small font-medium text-on-surface" }, Ba = {
 	key: 1,
 	class: "max-w-md text-body-large text-on-surface-variant"
-}, za = {
+}, Va = {
 	key: 2,
 	class: "mt-2 flex flex-wrap items-center justify-center gap-3"
-}, Ba = {
+}, Ha = {
 	key: 3,
 	class: "mt-2"
-}, Va = /* @__PURE__ */ m({
+}, Ua = /* @__PURE__ */ m({
 	__name: "MResult",
 	props: {
 		status: {},
@@ -4354,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", Fa, [
-			i.value ? (C(), l("span", Ia, A(i.value), 1)) : c("", !0),
+		return (n, a) => (C(), l("div", La, [
+			i.value ? (C(), l("span", Ra, 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", 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)
+			u("h2", za, A(t.title ?? r.value.defaultTitle), 1),
+			t.description ?? r.value.defaultDesc ? (C(), l("p", Ba, A(t.description ?? r.value.defaultDesc), 1)) : c("", !0),
+			n.$slots.actions ? (C(), l("div", Va, [D(n.$slots, "actions")])) : c("", !0),
+			n.$slots.default ? (C(), l("div", Ha, [D(n.$slots, "default")])) : c("", !0)
 		]));
 	}
-}), 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({
+}), Wa = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, Ga = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Ka = { class: "flex items-center gap-1" }, qa = { class: "text-title-medium font-medium capitalize text-on-surface" }, Ja = { class: "flex rounded-full bg-surface-container-high p-0.5" }, Ya = ["onClick"], Xa = { class: "overflow-auto" }, Za = { class: "w-full border-collapse" }, Qa = { class: "text-label-small uppercase text-on-surface-variant" }, $a = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, eo = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, to = ["onClick"], no = ["onClick"], ro = { class: "truncate text-label-small font-medium" }, io = { class: "truncate text-label-small opacity-70" }, ao = /* @__PURE__ */ m({
 	__name: "MScheduler",
 	props: {
 		events: { default: () => [] },
@@ -4442,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", Ha, [u("div", Ua, [
-			u("div", Wa, [
+		return (e, t) => (C(), l("div", Wa, [u("div", Ga, [
+			u("div", Ka, [
 				p(Z, {
 					icon: "chevron_left",
 					label: "Anterior",
@@ -4462,19 +4462,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: D
 				}, " Hoy ")
 			]),
-			u("h3", Ga, A(S.value), 1),
-			u("div", Ka, [(C(), l(n, null, E(["day", "week"], (e) => u("button", {
+			u("h3", qa, A(S.value), 1),
+			u("div", Ja, [(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, 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", {
+			}, A(e === "day" ? "Día" : "Semana"), 11, Ya)), 64))])
+		]), u("div", Xa, [u("table", Za, [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", 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", {
+		}, [u("div", Qa, 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", $a, [u("span", eo, 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]" : ""]),
+			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/5" : ""]),
 			onClick: (n) => i("slotClick", {
 				date: _(t),
 				hour: e
@@ -4482,19 +4482,19 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [(C(!0), l(n, null, E(O(t, e), (t) => (C(), l(n, { key: t.id }, [k(t, e) ? (C(), l("button", {
 			key: 0,
 			type: "button",
-			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"]]),
+			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", to, A(t.title), 1), u("p", no, A(N(t)), 1)], 14, eo)) : c("", !0)], 64))), 128))], 10, $a))), 128))]))), 128))])])])]));
+		}, [u("p", ro, A(t.title), 1), u("p", io, A(N(t)), 1)], 14, no)) : c("", !0)], 64))), 128))], 10, to))), 128))]))), 128))])])])]));
 	}
-}), io = {
+}), oo = {
 	class: "inline-flex overflow-hidden rounded-full border border-outline",
 	role: "group"
-}, ao = [
+}, so = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
-], oo = /* @__PURE__ */ m({
+], co = /* @__PURE__ */ m({
 	__name: "MSegmentedButton",
 	props: {
 		modelValue: {},
@@ -4518,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", io, [(C(!0), l(n, null, E(t.options, (n, r) => (C(), l("button", {
+		return (r, i) => (C(), l("div", oo, [(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]", [
@@ -4539,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, ao))), 128))]));
+		}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, so))), 128))]));
 	}
-}), so = { class: "flex flex-col gap-1" }, co = {
+}), lo = { class: "flex flex-col gap-1" }, uo = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, lo = [
+}, fo = [
 	"id",
 	"tabindex",
 	"aria-expanded",
 	"aria-disabled"
-], uo = {
+], po = {
 	key: 0,
 	class: "text-on-surface"
-}, fo = ["for"], po = {
+}, mo = ["for"], ho = {
 	key: 0,
 	class: "text-error"
-}, mo = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2" }, ho = {
+}, go = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2" }, _o = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, go = {
+}, vo = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, _o = ["onClick"], vo = {
+}, yo = ["onClick"], bo = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, yo = {
+}, xo = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, bo = /* @__PURE__ */ m({
+}, So = /* @__PURE__ */ m({
 	__name: "MSelect",
 	props: {
 		modelValue: { default: null },
@@ -4670,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", so, [u("div", {
+		return (a, o) => (C(), l(n, null, [u("div", lo, [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", co, [p(e, {
+			t.leadingIcon ? (C(), l("div", uo, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -4689,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", uo, A(k.value), 1)) : c("", !0)], 42, lo),
+			}, [O.value ? (C(), l("span", po, A(k.value), 1)) : c("", !0)], 42, fo),
 			u("label", {
 				for: j(h),
 				class: v(H.value)
-			}, [f(A(t.label), 1), t.required ? (C(), l("span", po, "\xA0*")) : c("", !0)], 10, fo),
-			u("div", mo, [p(e, {
+			}, [f(A(t.label), 1), t.required ? (C(), l("span", ho, "\xA0*")) : c("", !0)], 10, mo),
+			u("div", go, [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", ho, A(t.error), 1)) : t.hint ? (C(), l("p", go, A(t.hint), 1)) : c("", !0)]), (C(), s(r, { to: "body" }, [p(i, {
+		], 6), t.error ? (C(), l("p", _o, A(t.error), 1)) : t.hint ? (C(), l("p", vo, 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",
@@ -4711,7 +4711,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				ref_key: "dropdownEl",
 				ref: w,
-				class: "fixed z-[500] max-h-60 overflow-auto rounded-sm bg-surface-container py-1 shadow-elevation-2",
+				class: "fixed z-500 max-h-60 overflow-auto rounded-sm bg-surface-container py-1 shadow-elevation-2",
 				style: y(D.value)
 			}, [(C(!0), l(n, null, E(t.options, (n) => (C(), l("div", {
 				key: n.value,
@@ -4722,20 +4722,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: "check",
 				size: 18,
 				class: "shrink-0 text-primary"
-			})) : (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)]),
+			})) : (C(), l("span", bo)), f(" " + A(n.label), 1)], 10, yo))), 128)), t.options.length ? c("", !0) : (C(), l("p", xo, " Sin opciones "))], 4)) : c("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), xo = {
+}), Co = {
 	key: 0,
-	class: "fixed inset-0 z-[200] flex justify-end"
-}, So = {
+	class: "fixed inset-0 z-200 flex justify-end"
+}, wo = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between border-b border-outline-variant px-6 py-4"
-}, Co = { class: "text-title-large text-on-surface" }, wo = { class: "flex-1 overflow-y-auto px-6 py-4" }, To = {
+}, To = { class: "text-title-large text-on-surface" }, Eo = { class: "flex-1 overflow-y-auto px-6 py-4" }, Do = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, Eo = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Oo = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSideSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -4765,7 +4765,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				leave: 280
 			}
 		}, {
-			default: L(() => [t.modelValue ? (C(), l("div", xo, [u("div", {
+			default: L(() => [t.modelValue ? (C(), l("div", Co, [u("div", {
 				class: "ss-scrim absolute inset-0 bg-black/40",
 				onClick: d
 			}), u("aside", {
@@ -4778,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", So, [D(n.$slots, "header", {}, () => [u("h2", Co, A(t.title), 1)], !0), u("button", {
+				t.title || n.$slots.header ? (C(), l("div", wo, [D(n.$slots, "header", {}, () => [u("h2", To, 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
@@ -4786,16 +4786,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					name: "close",
 					size: 20
 				})])])) : 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)
+				u("div", Eo, [D(n.$slots, "default", {}, void 0, !0)]),
+				n.$slots.actions ? (C(), l("div", Do, [D(n.$slots, "actions", {}, void 0, !0)])) : c("", !0)
 			], 6)])) : c("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-f8751672"]]), Do = {
+}), [["__scopeId", "data-v-ba5b6f4b"]]), ko = {
 	key: 0,
 	class: "flex flex-col gap-2.5"
-}, Oo = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, Ao = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSkeleton",
 	props: {
 		variant: { default: "text" },
@@ -4805,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", Do, [(C(!0), l(n, null, E(e.lines, (t) => (C(), l("div", {
+		return (t, r) => e.variant === "text" && e.lines > 1 ? (C(), l("div", ko, [(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%" })
@@ -4818,21 +4818,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			})
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-32ecf05b"]]), ko = { class: "flex flex-col gap-1 select-none" }, Ao = {
+}), [["__scopeId", "data-v-32ecf05b"]]), jo = { class: "flex flex-col gap-1 select-none" }, Mo = {
 	key: 0,
 	class: "flex items-center justify-between"
-}, jo = {
+}, No = {
 	key: 0,
 	class: "text-label-large text-on-surface"
-}, Mo = {
+}, Po = {
 	key: 1,
 	class: "tabular-nums text-label-large text-on-surface-variant"
-}, No = [
+}, Fo = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-disabled"
-], Po = /* @__PURE__ */ m({
+], Io = /* @__PURE__ */ m({
 	__name: "MSlider",
 	props: {
 		modelValue: {},
@@ -4914,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", 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", {
+		return (t, n) => (C(), l("div", jo, [e.label || e.showValue ? (C(), l("div", Mo, [e.label ? (C(), l("span", No, A(e.label), 1)) : c("", !0), e.showValue ? (C(), l("span", Po, A(e.modelValue), 1)) : c("", !0)])) : c("", !0), u("div", {
 			ref_key: "trackEl",
 			ref: i,
 			role: "slider",
@@ -4935,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, No)]));
+		}, null, 6)], 42, Fo)]));
 	}
-}), 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({
+}), Lo = { class: "flex-1 text-body-medium leading-snug" }, Ro = { class: "flex shrink-0 items-center gap-0.5" }, zo = ["onClick"], Bo = ["onClick"], Vo = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSnackbar",
 	setup(t) {
 		let { toasts: r, position: i, dismiss: s } = ce(), d = o(() => i.value.startsWith("top")), f = o(() => {
@@ -4988,39 +4988,42 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			default: L(() => [(C(!0), l(n, null, E(j(r), (t) => (C(), l("div", {
 				key: t.id,
 				class: "toast-row w-full min-w-64 max-w-xs"
-			}, [u("div", { class: v(["toast-inner pointer-events-auto relative flex items-center gap-3 overflow-hidden rounded-2xl px-4 py-4 shadow-elevation-2", h(t.variant).container]) }, [
+			}, [u("div", {
+				class: v(["toast-inner pointer-events-auto relative flex items-center gap-3 overflow-hidden rounded-2xl px-4 py-4 shadow-elevation-2", t.color ? "text-white ring-1 ring-inset ring-white/10" : h(t.variant).container]),
+				style: y(t.color ? { backgroundColor: t.color } : void 0)
+			}, [
 				p(e, {
-					name: h(t.variant).iconName,
+					name: t.icon ?? h(t.variant).iconName,
 					size: 20,
-					class: v(["shrink-0", h(t.variant).icon])
+					class: v(["shrink-0", t.color ? "" : h(t.variant).icon])
 				}, null, 8, ["name", "class"]),
-				u("p", Fo, A(t.message), 1),
-				u("div", Io, [t.action ? (C(), l("button", {
+				u("p", Lo, A(t.message), 1),
+				u("div", Ro, [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]),
+					class: v(["cursor-pointer rounded px-2 py-1 text-label-medium font-semibold transition-colors", t.color ? "text-white/90 hover:bg-white/15" : h(t.variant).action]),
 					onClick: () => {
 						t.action.onClick(), j(s)(t.id);
 					}
-				}, A(t.action.label), 11, Lo)) : c("", !0), u("button", {
+				}, A(t.action.label), 11, zo)) : 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]),
+					class: v(["flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors", t.color ? "text-white/60 hover:bg-white/15" : h(t.variant).close]),
 					"aria-label": "Cerrar",
 					onClick: (e) => j(s)(t.id)
 				}, [p(e, {
 					name: "close",
 					size: 18
-				})], 10, Ro)]),
+				})], 10, Bo)]),
 				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]),
+					class: v(["absolute right-0 bottom-0 left-0 h-0.5 origin-left", t.color ? "bg-white/30" : h(t.variant).progress]),
 					style: y({ animation: `m3-toast-progress ${t.duration}ms linear forwards` })
 				}, null, 6)) : c("", !0)
-			], 2)]))), 128))]),
+			], 6)]))), 128))]),
 			_: 1
 		}, 8, ["name"])], 2));
 	}
-}), [["__scopeId", "data-v-e83a5c10"]]), Bo = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-746fa345"]]), Ho = /* @__PURE__ */ m({
 	__name: "MSplitter",
 	props: {
 		direction: { default: "horizontal" },
@@ -5067,26 +5070,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(e.$slots, "second")], 4)
 		], 2));
 	}
-}), 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 = {
+}), Uo = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Wo = { class: "flex items-center gap-3 px-5 py-1" }, Go = ["placeholder"], Ko = {
 	key: 0,
 	class: "max-h-96 overflow-y-auto border-t border-outline-variant"
-}, Go = {
+}, qo = {
 	key: 0,
 	class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Ko = [
+}, Jo = [
 	"data-spot-active",
 	"onClick",
 	"onPointerenter"
-], qo = {
+], Yo = {
 	key: 0,
 	class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary-container"
-}, Jo = { class: "min-w-0 flex-1" }, Yo = { class: "truncate text-body-medium text-on-surface" }, Xo = {
+}, Xo = { class: "min-w-0 flex-1" }, Zo = { class: "truncate text-body-medium text-on-surface" }, Qo = {
 	key: 0,
 	class: "truncate text-body-small text-on-surface-variant"
-}, Zo = {
+}, $o = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10"
-}, Qo = { class: "text-body-medium text-on-surface-variant" }, $o = /*#__PURE__*/ t(/* @__PURE__ */ m({
+}, es = { class: "text-body-medium text-on-surface-variant" }, ts = /*#__PURE__*/ t(/* @__PURE__ */ m({
 	__name: "MSpotlightSearch",
 	props: {
 		modelValue: { type: Boolean },
@@ -5147,8 +5150,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", Vo, [
-				u("div", Ho, [
+			}, [u("div", Uo, [
+				u("div", Wo, [
 					p(e, {
 						name: "search",
 						size: 24,
@@ -5162,7 +5165,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, Uo), [[P, h.value]]),
+					}, null, 40, Go), [[P, h.value]]),
 					t.loading ? (C(), s(Be, {
 						key: 0,
 						size: 20,
@@ -5177,7 +5180,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 						size: 18
 					})])) : c("", !0)
 				]),
-				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", {
+				w.value ? (C(), l("div", Ko, [t.results.length ? (C(!0), l(n, { key: 0 }, E(D.value, ([r, i]) => (C(), l(n, { key: r }, [r ? (C(), l("p", qo, 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,
@@ -5185,22 +5188,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", qo, [p(e, {
+					n.icon ? (C(), l("div", Yo, [p(e, {
 						name: n.icon,
 						size: 20,
 						class: "text-on-primary-container"
 					}, null, 8, ["name"])])) : c("", !0),
-					u("div", Jo, [u("p", Yo, A(n.title), 1), n.description ? (C(), l("p", Xo, A(n.description), 1)) : c("", !0)]),
+					u("div", Xo, [u("p", Zo, A(n.title), 1), n.description ? (C(), l("p", Qo, A(n.description), 1)) : c("", !0)]),
 					p(e, {
 						name: "arrow_forward",
 						size: 16,
 						class: "shrink-0 text-on-surface-variant/40"
 					})
-				], 42, Ko))), 128))], 64))), 128)) : t.loading ? c("", !0) : (C(), l("div", Zo, [p(e, {
+				], 42, Jo))), 128))], 64))), 128)) : t.loading ? c("", !0) : (C(), l("div", $o, [p(e, {
 					name: "search_off",
 					size: 40,
 					class: "text-on-surface-variant/40"
-				}), u("p", Qo, A(t.noResultsText), 1)]))])) : c("", !0),
+				}), u("p", es, 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 ")]),
@@ -5210,7 +5213,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-51b103ff"]]), es = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-51b103ff"]]), ns = /* @__PURE__ */ m({
 	__name: "MStack",
 	props: {
 		direction: { default: "column" },
@@ -5265,19 +5268,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));
 	}
-}), 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 = {
+}), rs = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, is = { class: "flex items-start justify-between gap-2" }, as = { class: "flex min-w-0 flex-col gap-1" }, os = { class: "truncate text-label-large text-on-surface-variant" }, ss = {
 	key: 0,
 	class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
-}, os = {
+}, cs = {
 	key: 1,
-	class: "text-headline-medium font-medium text-on-surface"
-}, ss = {
+	class: "truncate text-headline-medium font-medium text-on-surface"
+}, ls = {
 	key: 0,
-	class: "flex items-center gap-2"
-}, cs = {
+	class: "flex flex-wrap items-center gap-x-2 gap-y-1"
+}, us = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, ls = /* @__PURE__ */ m({
+}, ds = /* @__PURE__ */ m({
 	__name: "MStatCard",
 	props: {
 		title: {},
@@ -5296,13 +5299,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", 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", {
+		return (n, o) => (C(), l("div", rs, [u("div", is, [u("div", as, [u("span", os, A(t.title), 1), t.loading ? (C(), l("div", ss)) : (C(), l("span", cs, 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", ss, [
+		}, null, 8, ["name"])], 2)) : c("", !0)]), t.trend != null || t.trendLabel || n.$slots.footer ? (C(), l("div", ls, [
 			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])
@@ -5310,35 +5313,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", cs, A(t.trendLabel), 1)) : c("", !0),
+			t.trendLabel ? (C(), l("span", us, A(t.trendLabel), 1)) : c("", !0),
 			D(n.$slots, "footer")
 		])) : c("", !0)]));
 	}
-}), us = {
+}), fs = {
 	key: 0,
 	class: "flex w-full items-start"
-}, ds = ["onClick"], fs = { key: 3 }, ps = { class: "flex flex-col items-center text-center" }, ms = {
+}, ps = ["onClick"], ms = { key: 3 }, hs = { class: "flex flex-col items-center text-center" }, gs = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, hs = {
+}, _s = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, gs = {
+}, vs = {
 	key: 0,
 	class: "mt-[18px] flex flex-1 items-center px-2"
-}, _s = {
+}, ys = {
 	key: 1,
 	class: "flex flex-col"
-}, vs = { class: "flex flex-col items-center" }, ys = ["onClick"], bs = { key: 3 }, xs = ["onClick"], Ss = {
+}, bs = { class: "flex flex-col items-center" }, xs = ["onClick"], Ss = { key: 3 }, Cs = ["onClick"], ws = {
 	key: 0,
 	class: "mt-0.5 text-body-small text-on-surface-variant"
-}, Cs = {
+}, Ts = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, ws = {
+}, Es = {
 	key: 2,
 	class: "mt-3"
-}, Ts = /* @__PURE__ */ m({
+}, Ds = /* @__PURE__ */ m({
 	__name: "MStepper",
 	props: {
 		steps: {},
@@ -5359,7 +5362,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", us, [(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", fs, [(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", {
@@ -5378,18 +5381,18 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 2,
 			name: r.icon,
 			size: 20
-		}, null, 8, ["name"])) : (C(), l("span", fs, A(i + 1), 1))], 2), u("div", ps, [
+		}, null, 8, ["name"])) : (C(), l("span", ms, A(i + 1), 1))], 2), u("div", hs, [
 			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", 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", {
+			r.description ? (C(), l("span", gs, A(r.description), 1)) : c("", !0),
+			r.optional ? (C(), l("span", _s, " Opcional ")) : c("", !0)
+		])], 10, ps), i < t.steps.length - 1 ? (C(), l("div", vs, [u("div", { class: v(["h-px w-full transition-colors duration-300", i < t.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : c("", !0)], 64))), 128))])) : (C(), l("div", ys, [(C(!0), l(n, null, E(t.steps, (n, i) => (C(), l("div", {
 			key: i,
 			class: "flex gap-4"
-		}, [u("div", vs, [u("div", {
+		}, [u("div", bs, [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",
@@ -5408,9 +5411,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			key: 2,
 			name: n.icon,
 			size: 20
-		}, null, 8, ["name"])) : (C(), l("span", bs, A(i + 1), 1))], 10, ys), i < t.steps.length - 1 ? (C(), l("div", {
+		}, null, 8, ["name"])) : (C(), l("span", Ss, A(i + 1), 1))], 10, xs), 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"]),
+			class: v(["my-1 w-px flex-1 transition-colors duration-300", i < t.modelValue ? "bg-primary" : "bg-outline-variant"]),
 			style: { "min-height": "24px" }
 		}, null, 2)) : c("", !0)]), u("div", {
 			class: v(["pb-6", f.value && d(i) !== "active" ? "cursor-pointer" : ""]),
@@ -5421,15 +5424,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", 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))]));
+			n.description ? (C(), l("p", ws, A(n.description), 1)) : c("", !0),
+			n.optional ? (C(), l("p", Ts, " Opcional ")) : c("", !0),
+			d(i) === "active" && r.$slots[`step-${i}`] ? (C(), l("div", Es, [D(r.$slots, `step-${i}`)])) : c("", !0)
+		], 10, Cs)]))), 128))]));
 	}
-}), Es = ["checked", "disabled"], Ds = {
+}), Os = ["checked", "disabled"], ks = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, Os = /* @__PURE__ */ m({
+}, As = /* @__PURE__ */ m({
 	__name: "MSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -5451,7 +5454,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, Es), u("span", {
+		}, null, 40, Os), 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, {
@@ -5469,33 +5472,33 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				class: "text-primary"
 			})) : c("", !0)]),
 			_: 1
-		})], 6)], 2), t.label ? (C(), l("span", Ds, A(t.label), 1)) : c("", !0)], 2));
+		})], 6)], 2), t.label ? (C(), l("span", ks, A(t.label), 1)) : c("", !0)], 2));
 	}
-}), ks = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, As = {
+}), js = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Ms = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, js = {
+}, Ns = {
 	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"
-}, Ms = {
+}, Ps = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, Ns = { class: "overflow-x-auto" }, Ps = { class: "w-full border-collapse" }, Fs = { class: "bg-surface-container-high" }, Is = {
+}, Fs = { class: "overflow-x-auto" }, Is = { class: "w-full border-collapse" }, Ls = { class: "bg-surface-container-high" }, Rs = {
 	key: 0,
 	class: "w-12 px-4 py-3"
-}, Ls = ["onClick"], Rs = { class: "inline-flex items-center gap-1" }, zs = {
+}, zs = ["onClick"], Bs = { class: "inline-flex items-center gap-1" }, Vs = {
 	key: 0,
 	class: "inline-flex"
-}, Bs = {
+}, Hs = {
 	key: 1,
 	class: "w-1 px-4 py-3"
-}, Vs = {
+}, Us = {
 	key: 0,
 	class: "px-4 py-3.5"
-}, Hs = {
+}, Ws = {
 	key: 1,
 	class: "px-4 py-3.5"
-}, 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({
+}, Gs = { key: 1 }, Ks = ["colspan"], qs = { class: "text-body-medium text-on-surface-variant" }, Js = ["onClick"], Ys = ["onClick"], Xs = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Zs = /* @__PURE__ */ m({
 	__name: "MTable",
 	props: {
 		columns: {},
@@ -5633,9 +5636,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", ks, [
-			t.searchable || r.$slots.toolbar ? (C(), l("div", As, [
-				t.searchable ? (C(), l("div", js, [
+		return (r, a) => (C(), l("div", js, [
+			t.searchable || r.$slots.toolbar ? (C(), l("div", Ms, [
+				t.searchable ? (C(), l("div", Ns, [
 					p(e, {
 						name: "search",
 						size: 16,
@@ -5663,12 +5666,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", Ms, 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", Ps, A(z.value.length) + " seleccionado" + A(z.value.length === 1 ? "" : "s"), 1)) : c("", !0)]),
 					_: 1
 				})
 			])) : c("", !0),
-			u("div", Ns, [u("table", Ps, [u("thead", null, [u("tr", Fs, [
-				t.selectable ? (C(), l("th", Is, [p(Q, {
+			u("div", Fs, [u("table", Is, [u("thead", null, [u("tr", Ls, [
+				t.selectable ? (C(), l("th", Rs, [p(Q, {
 					"model-value": W.value,
 					indeterminate: G.value,
 					"onUpdate:modelValue": K
@@ -5682,7 +5685,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", Rs, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", zs, [g.value === t.key && _.value === "asc" ? (C(), s(e, {
+				}, [u("span", Bs, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Vs, [g.value === t.key && _.value === "asc" ? (C(), s(e, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -5697,13 +5700,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					name: "unfold_more",
 					size: 14,
 					class: "opacity-30"
-				}))])) : c("", !0)])], 14, Ls))), 128)),
-				X.value ? (C(), l("th", Bs)) : c("", !0)
+				}))])) : c("", !0)])], 14, zs))), 128)),
+				X.value ? (C(), l("th", Hs)) : 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", Vs, [...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", Us, [...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"
@@ -5711,20 +5714,20 @@ 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", 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", {
+				X.value ? (C(), l("td", Ws, [...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", Gs, [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", Gs, A(t.emptyText), 1)])], 8, Ws)])) : (C(!0), l(n, { key: 2 }, E(j.value, (e) => (C(), l("tr", {
+			}), u("p", qs, A(t.emptyText), 1)])], 8, Ks)])) : (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",
-					"hover:bg-on-surface/[0.04]",
-					t.selectable && H(e) ? "bg-primary/[0.06]" : "",
+					"hover:bg-on-surface/4",
+					t.selectable && H(e) ? "bg-primary/6" : "",
 					t.selectable ? "cursor-pointer" : ""
 				]),
 				onClick: (n) => t.selectable ? U(e) : void 0
@@ -5736,7 +5739,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, qs)) : c("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Ys)) : 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)])
@@ -5750,8 +5753,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, Ks))), 128))])])]),
-			u("div", Js, [p(Zt, {
+			], 10, Js))), 128))])])]),
+			u("div", Xs, [p(Zt, {
 				page: w.value,
 				"per-page": t.perPage,
 				total: k.value,
@@ -5763,16 +5766,16 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			])])
 		]));
 	}
-}), Xs = {
+}), Qs = {
 	key: 0,
 	class: "relative border-b border-outline-variant"
-}, Zs = {
+}, $s = {
 	class: "flex overflow-x-auto",
 	style: { "scrollbar-width": "none" }
-}, Qs = ["disabled", "onClick"], $s = {
+}, ec = ["disabled", "onClick"], tc = {
 	key: 1,
 	class: "flex flex-wrap gap-1 rounded-full bg-surface-container p-1"
-}, ec = ["disabled", "onClick"], tc = /* @__PURE__ */ m({
+}, nc = ["disabled", "onClick"], rc = /* @__PURE__ */ m({
 	__name: "MTabs",
 	props: {
 		modelValue: {},
@@ -5792,7 +5795,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", Xs, [u("div", Zs, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
+		return (r, i) => t.variant === "primary" ? (C(), l("div", Qs, [u("div", $s, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
 			key: n.value,
 			ref_for: !0,
 			ref: (e) => {
@@ -5806,13 +5809,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, Qs))), 128))]), u("div", {
+		}, null, 8, ["name"])) : c("", !0), u("span", null, A(n.label), 1)], 10, ec))), 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", $s, [(C(!0), l(n, null, E(t.tabs, (n) => (C(), l("button", {
+		}, null, 4)])) : (C(), l("div", tc, [(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"]),
@@ -5822,37 +5825,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, ec))), 128))]));
+		}, null, 8, ["name"])) : c("", !0), f(" " + A(n.label), 1)], 10, nc))), 128))]));
 	}
-}), nc = { class: "flex flex-col gap-1" }, rc = {
+}), ic = { class: "flex flex-col gap-1" }, ac = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, ic = [
+}, oc = [
 	"id",
 	"value",
 	"rows",
 	"disabled",
 	"required"
-], ac = [
+], sc = [
 	"id",
 	"type",
 	"value",
 	"disabled",
 	"required",
 	"autocomplete"
-], oc = ["for"], sc = {
+], cc = ["for"], lc = {
 	key: 0,
 	class: "text-error"
-}, cc = {
+}, uc = {
 	key: 3,
 	class: "absolute top-1/2 right-2 -translate-y-1/2"
-}, lc = {
+}, dc = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, uc = {
+}, fc = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, dc = /* @__PURE__ */ m({
+}, pc = /* @__PURE__ */ m({
 	__name: "MTextField",
 	props: {
 		modelValue: {},
@@ -5913,13 +5916,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", nc, [u("div", {
+		return (n, r) => (C(), l("div", ic, [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", rc, [p(e, {
+			t.leadingIcon ? (C(), l("div", ac, [p(e, {
 				name: t.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : c("", !0),
@@ -5933,7 +5936,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				placeholder: " ",
 				class: v(h.value),
 				onInput: _
-			}, null, 42, ic)) : (C(), l("input", {
+			}, null, 42, oc)) : (C(), l("input", {
 				key: 2,
 				id: j(a),
 				type: t.type,
@@ -5944,33 +5947,33 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				placeholder: " ",
 				class: v(h.value),
 				onInput: _
-			}, null, 42, ac)),
+			}, null, 42, sc)),
 			u("label", {
 				for: j(a),
 				class: v(g.value)
-			}, [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)]));
+			}, [f(A(t.label), 1), t.required ? (C(), l("span", lc, "\xA0*")) : c("", !0)], 10, cc),
+			n.$slots.trailing ? (C(), l("div", uc, [D(n.$slots, "trailing")])) : c("", !0)
+		], 6), t.error ? (C(), l("p", dc, A(t.error), 1)) : t.hint ? (C(), l("p", fc, A(t.hint), 1)) : c("", !0)]));
 	}
-}), 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 = {
+}), mc = { class: "flex flex-col items-center" }, hc = { class: "flex items-baseline justify-between gap-2" }, gc = { class: "text-body-large font-medium text-on-surface" }, _c = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, gc = {
+}, vc = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, _c = {
+}, yc = {
 	key: 1,
 	class: "mt-2"
-}, vc = { class: "text-body-large font-medium text-on-surface" }, yc = {
+}, bc = { class: "text-body-large font-medium text-on-surface" }, xc = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, bc = {
+}, Sc = {
 	key: 1,
 	class: "mt-1 inline-block text-label-small text-on-surface-variant"
-}, xc = { class: "flex w-14 shrink-0 flex-col items-center" }, Sc = {
+}, Cc = { class: "flex w-14 shrink-0 flex-col items-center" }, wc = {
 	key: 0,
 	class: "w-[2px] flex-1 bg-outline-variant"
-}, Cc = /* @__PURE__ */ m({
+}, Tc = /* @__PURE__ */ m({
 	__name: "MTimeline",
 	props: {
 		items: {},
@@ -5996,24 +5999,24 @@ 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", 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)
+				u("p", bc, A(n.title), 1),
+				n.description ? (C(), l("p", xc, A(n.description), 1)) : c("", !0),
+				n.date ? (C(), l("span", Sc, A(n.date), 1)) : c("", !0)
 			], 2),
-			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"]]]),
+			u("div", Cc, [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", Sc)) : c("", !0)]),
+			}, null, 8, ["name"])) : c("", !0)], 6), i < t.items.length - 1 ? (C(), l("div", wc)) : 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", 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"]]]),
+		}, [u("div", mc, [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, {
 			key: 0,
@@ -6024,30 +6027,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", 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)
+			u("div", hc, [u("p", gc, A(n.title), 1), n.date ? (C(), l("span", _c, A(n.date), 1)) : c("", !0)]),
+			n.description ? (C(), l("p", vc, A(n.description), 1)) : c("", !0),
+			i.$slots[`item-${a}`] ? (C(), l("div", yc, [D(i.$slots, `item-${a}`, { item: n })])) : c("", !0)
 		], 2)], 2))), 128))], 2));
 	}
-}), wc = { class: "flex flex-col gap-1" }, Tc = {
+}), Ec = { class: "flex flex-col gap-1" }, Dc = {
 	key: 0,
 	class: "flex-1 font-mono text-on-surface"
-}, Ec = {
+}, Oc = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Dc = {
+}, kc = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Oc = {
+}, Ac = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, kc = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Ac = { class: "p-3" }, jc = {
+}, jc = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Mc = { class: "p-3" }, Nc = {
 	key: 0,
 	class: "grid grid-cols-6 gap-1"
-}, Mc = ["onClick"], Nc = {
+}, Pc = ["onClick"], Fc = {
 	key: 1,
 	class: "grid grid-cols-6 gap-1"
-}, Pc = ["onClick"], Fc = /* @__PURE__ */ m({
+}, Ic = ["onClick"], Lc = /* @__PURE__ */ m({
 	__name: "MTimePicker",
 	props: {
 		modelValue: {},
@@ -6124,7 +6127,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", wc, [
+		}), (a, o) => (C(), l("div", Ec, [
 			u("div", {
 				ref_key: "triggerEl",
 				ref: h,
@@ -6140,7 +6143,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				V.value ? (C(), l("span", Tc, A(V.value), 1)) : (C(), l("span", Ec, A(t.label || "Seleccionar hora"), 1)),
+				V.value ? (C(), l("span", Dc, A(V.value), 1)) : (C(), l("span", Oc, A(t.label || "Seleccionar hora"), 1)),
 				t.modelValue ? (C(), s(e, {
 					key: 2,
 					name: "close",
@@ -6150,9 +6153,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				})) : c("", !0)
 			], 2), t.label ? (C(), l("label", {
 				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"])
+				class: v(["pointer-events-none absolute -top-2.5 left-3 bg-(--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", Dc, A(t.error), 1)) : t.hint ? (C(), l("p", Oc, A(t.hint), 1)) : c("", !0),
+			t.error ? (C(), l("p", kc, A(t.error), 1)) : t.hint ? (C(), l("p", Ac, 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]",
@@ -6163,9 +6166,9 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					key: 0,
 					ref_key: "panelEl",
 					ref: g,
-					class: "fixed z-[500] w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
+					class: "fixed z-500 w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
 					style: y(b.value)
-				}, [u("div", kc, [
+				}, [u("div", jc, [
 					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"]),
@@ -6177,22 +6180,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", Ac, [_.value === "hour" ? (C(), l("div", jc, [(C(!0), l(n, null, E(j(M), (e) => (C(), l("button", {
+				]), u("div", Mc, [_.value === "hour" ? (C(), l("div", Nc, [(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, Mc))), 128))])) : (C(), l("div", Nc, [(C(!0), l(n, null, E(N.value, (e) => (C(), l("button", {
+				}, A(P(e)), 11, Pc))), 128))])) : (C(), l("div", Fc, [(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, Pc))), 128))]))])], 4)) : c("", !0)]),
+				}, A(P(e)), 11, Ic))), 128))]))])], 4)) : c("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Ic = /* @__PURE__ */ m({
+}), Rc = /* @__PURE__ */ m({
 	__name: "MTooltip",
 	props: {
 		text: {},
@@ -6254,20 +6257,20 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				key: 0,
 				ref_key: "tipEl",
 				ref: o,
-				class: "pointer-events-none fixed z-[400] max-w-[220px] rounded bg-inverse-surface px-3 py-1.5 text-label-medium text-inverse-on-surface shadow-elevation-2",
+				class: "pointer-events-none fixed z-400 max-w-[220px] rounded bg-inverse-surface px-3 py-1.5 text-label-medium text-inverse-on-surface shadow-elevation-2",
 				style: y(f.value),
 				role: "tooltip"
 			}, A(e.text), 5)) : c("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), Lc = { class: "flex h-16 items-center gap-1 px-2" }, Rc = {
+}), zc = { class: "flex h-16 items-center gap-1 px-2" }, Bc = {
 	key: 2,
 	class: "flex-1"
-}, zc = {
+}, Vc = {
 	key: 3,
 	class: "flex items-center gap-1"
-}, Bc = /* @__PURE__ */ m({
+}, Hc = /* @__PURE__ */ m({
 	__name: "MTopAppBar",
 	props: {
 		title: {},
@@ -6277,7 +6280,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", Lc, [
+		return (t, n) => (C(), l("header", { class: v(["flex w-full flex-col bg-surface transition-shadow", e.elevated ? "shadow-elevation-2" : ""]) }, [u("div", zc, [
 			e.navigationIcon ? (C(), s(Z, {
 				key: 0,
 				icon: e.navigationIcon,
@@ -6287,14 +6290,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", Rc)),
-			t.$slots.actions ? (C(), l("div", zc, [D(t.$slots, "actions")])) : c("", !0)
+			}, [D(t.$slots, "title", {}, () => [f(A(e.title), 1)])], 2)) : (C(), l("div", Bc)),
+			t.$slots.actions ? (C(), l("div", Vc, [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));
 	}
-}), 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({
+}), Uc = { class: "mb-2 flex items-center justify-between" }, Wc = { class: "text-label-small text-on-surface-variant" }, Gc = { class: "mb-1 text-title-medium font-medium text-on-surface" }, Kc = { class: "mb-4 text-body-medium text-on-surface-variant" }, qc = { class: "mb-4 flex justify-center gap-1.5" }, Jc = { class: "flex justify-between" }, Yc = { key: 1 }, Xc = /* @__PURE__ */ m({
 	__name: "MTour",
 	props: {
 		modelValue: { type: Boolean },
@@ -6353,21 +6356,21 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}), b(M), (a, o) => (C(), s(r, { to: "body" }, [p(i, { name: "m3-tour" }, {
 			default: L(() => [t.modelValue && w.value ? (C(), l("div", {
 				key: 0,
-				class: "fixed inset-0 z-[200] bg-black/40",
+				class: "fixed inset-0 z-200 bg-black/40",
 				onClick: I
 			})) : c("", !0)]),
 			_: 1
 		}), p(i, { name: "m3-tour" }, {
 			default: L(() => [t.modelValue && w.value ? (C(), l("div", {
 				key: 0,
-				class: "fixed z-[202] w-80 rounded-xl bg-surface-container-high p-5 shadow-elevation-3",
+				class: "fixed z-202 w-80 rounded-xl bg-surface-container-high p-5 shadow-elevation-3",
 				style: y(g.value)
 			}, [
 				u("div", {
 					class: "h-0 w-0",
 					style: y(x.value)
 				}, null, 4),
-				u("div", Vc, [u("span", Hc, A(h.value + 1) + " / " + A(t.steps.length), 1), u("button", {
+				u("div", Uc, [u("span", Wc, 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
@@ -6375,13 +6378,13 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					name: "close",
 					size: 16
 				})])]),
-				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", {
+				u("h3", Gc, A(w.value.title), 1),
+				u("p", Kc, A(w.value.content), 1),
+				u("div", qc, [(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", Kc, [D.value ? (C(), l("span", qc)) : (C(), s(He, {
+				u("div", Jc, [D.value ? (C(), l("span", Yc)) : (C(), s(He, {
 					key: 0,
 					variant: "text",
 					onClick: P
@@ -6396,25 +6399,25 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			_: 1
 		})]));
 	}
-}), 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 = {
+}), Zc = { class: "flex items-stretch gap-2" }, Qc = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, $c = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, el = { class: "text-label-large font-medium text-on-surface" }, tl = { class: "text-label-small text-on-surface-variant" }, nl = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, tl = {
+}, rl = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, nl = ["onClick"], rl = { class: "flex-1 truncate text-body-medium text-on-surface" }, il = {
+}, il = ["onClick"], al = { class: "flex-1 truncate text-body-medium text-on-surface" }, ol = {
 	key: 0,
 	class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
-}, 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 = {
+}, sl = { class: "flex flex-col items-center justify-center gap-1" }, cl = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, ll = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, ul = { class: "text-label-large font-medium text-on-surface" }, dl = { class: "text-label-small text-on-surface-variant" }, fl = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, dl = {
+}, pl = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, fl = ["onClick"], pl = { class: "flex-1 truncate text-body-medium text-on-surface" }, ml = {
+}, ml = ["onClick"], hl = { class: "flex-1 truncate text-body-medium text-on-surface" }, gl = {
 	key: 0,
 	class: "px-3 py-4 text-center text-body-small text-on-surface-variant"
-}, hl = /* @__PURE__ */ m({
+}, _l = /* @__PURE__ */ m({
 	__name: "MTransferList",
 	props: {
 		modelValue: {},
@@ -6466,16 +6469,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", 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", {
+		return (r, i) => (C(), l("div", Zc, [
+			u("div", Qc, [
+				u("div", $c, [u("span", el, A(t.sourceTitle), 1), u("span", tl, A(g.value.length), 1)]),
+				t.filterable ? (C(), l("div", nl, [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", tl, [(C(!0), l(n, null, E(g.value, (t) => (C(), l("button", {
+				u("div", rl, [(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",
@@ -6491,10 +6494,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", rl, A(t.label), 1)
-				], 8, nl))), 128)), g.value.length ? c("", !0) : (C(), l("p", il, " Sin elementos "))])
+					u("span", al, A(t.label), 1)
+				], 8, il))), 128)), g.value.length ? c("", !0) : (C(), l("p", ol, " Sin elementos "))])
 			]),
-			u("div", al, [
+			u("div", sl, [
 				p(Z, {
 					icon: "keyboard_double_arrow_right",
 					label: "Mover todos a la derecha",
@@ -6526,15 +6529,15 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 					onClick: w
 				}, null, 8, ["disabled"])
 			]),
-			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", {
+			u("div", cl, [
+				u("div", ll, [u("span", ul, A(t.targetTitle), 1), u("span", dl, A(_.value.length), 1)]),
+				t.filterable ? (C(), l("div", fl, [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", dl, [(C(!0), l(n, null, E(_.value, (t) => (C(), l("button", {
+				u("div", pl, [(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",
@@ -6550,18 +6553,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", pl, A(t.label), 1)
-				], 8, fl))), 128)), _.value.length ? c("", !0) : (C(), l("p", ml, " Sin elementos "))])
+					u("span", hl, A(t.label), 1)
+				], 8, ml))), 128)), _.value.length ? c("", !0) : (C(), l("p", gl, " Sin elementos "))])
 			])
 		]));
 	}
-}), gl = ["aria-expanded", "aria-selected"], _l = { class: "flex w-6 shrink-0 items-center justify-center" }, vl = ["disabled"], yl = {
+}), vl = ["aria-expanded", "aria-selected"], yl = { class: "flex w-6 shrink-0 items-center justify-center" }, bl = ["disabled"], xl = {
 	key: 2,
 	class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
-}, bl = {
+}, Sl = {
 	key: 0,
 	class: "ml-3 border-l border-outline-variant pl-2"
-}, xl = /* @__PURE__ */ m({
+}, Cl = /* @__PURE__ */ m({
 	__name: "_MTreeNode",
 	props: {
 		node: {},
@@ -6602,11 +6605,11 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			class: v([
 				"flex items-center gap-1 rounded-sm py-1 pr-2 transition-colors duration-100 select-none",
 				t.node.disabled ? "cursor-not-allowed opacity-38" : "cursor-pointer",
-				!t.node.disabled && y.value ? "bg-primary/[0.10]" : t.node.disabled ? "" : "hover:bg-on-surface/[0.04]"
+				!t.node.disabled && y.value ? "bg-primary/10" : t.node.disabled ? "" : "hover:bg-on-surface/4"
 			]),
 			onClick: T
 		}, [
-			u("div", _l, [m.value ? (C(), l("button", {
+			u("div", yl, [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" : ""]),
@@ -6615,7 +6618,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [p(e, {
 				name: "chevron_right",
 				size: 16
-			})], 10, vl)) : c("", !0)]),
+			})], 10, bl)) : c("", !0)]),
 			j(a).checkable.value ? (C(), l("div", {
 				key: 0,
 				class: "shrink-0",
@@ -6637,7 +6640,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", yl, A(x.value) + "/" + A(b.value.length), 1)) : c("", !0),
+			m.value && j(a).checkable.value ? (C(), l("span", xl, A(x.value) + "/" + A(b.value.length), 1)) : c("", !0),
 			D(r.$slots, "trailing", { node: t.node })
 		], 2), p(i, {
 			onEnter: M,
@@ -6645,7 +6648,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			onLeave: P,
 			onAfterLeave: F
 		}, {
-			default: L(() => [_.value && m.value ? (C(), l("div", bl, [(C(!0), l(n, null, E(t.node.children, (e) => (C(), s(xl, {
+			default: L(() => [_.value && m.value ? (C(), l("div", Sl, [(C(!0), l(n, null, E(t.node.children, (e) => (C(), s(Cl, {
 				key: e.id,
 				node: e,
 				depth: t.depth + 1
@@ -6654,15 +6657,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, gl));
+		})], 8, vl));
 	}
-}), Sl = {
+}), wl = {
 	role: "tree",
 	class: "flex flex-col"
-}, Cl = {
+}, Tl = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
-}, wl = { class: "text-body-medium" }, Tl = /* @__PURE__ */ m({
+}, El = { class: "text-body-medium" }, Dl = /* @__PURE__ */ m({
 	__name: "MTree",
 	props: {
 		nodes: {},
@@ -6728,26 +6731,26 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		return r({
 			expandAll: k,
 			collapseAll: j
-		}), (r, i) => (C(), l("div", Sl, [t.nodes.length ? (C(!0), l(n, { key: 0 }, E(t.nodes, (e) => (C(), s(xl, {
+		}), (r, i) => (C(), l("div", wl, [t.nodes.length ? (C(!0), l(n, { key: 0 }, E(t.nodes, (e) => (C(), s(Cl, {
 			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", Cl, [p(e, {
+		}))]), 1032, ["node"]))), 128)) : (C(), l("div", Tl, [p(e, {
 			name: "account_tree",
 			size: 32,
 			class: "opacity-30"
-		}), u("p", wl, A(t.emptyText), 1)]))]));
+		}), u("p", El, A(t.emptyText), 1)]))]));
 	}
-}), El = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Dl = {
+}), Ol = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, kl = {
 	key: 0,
 	class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
-}, Ol = { class: "overflow-x-auto" }, kl = { class: "w-full border-collapse" }, Al = { class: "bg-surface-container-high" }, jl = ["onClick"], Ml = ["onClick"], Nl = {
+}, Al = { class: "overflow-x-auto" }, jl = { class: "w-full border-collapse" }, Ml = { class: "bg-surface-container-high" }, Nl = ["onClick"], Pl = ["onClick"], Fl = {
 	key: 1,
 	class: "w-6 shrink-0"
-}, Pl = { key: 0 }, Fl = ["colspan"], Il = /* @__PURE__ */ m({
+}, Il = { key: 0 }, Ll = ["colspan"], Rl = /* @__PURE__ */ m({
 	__name: "MTreeTable",
 	props: {
 		columns: {},
@@ -6802,10 +6805,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", El, [r.$slots.toolbar ? (C(), l("div", Dl, [D(r.$slots, "toolbar", {
+		return (r, i) => (C(), l("div", Ol, [r.$slots.toolbar ? (C(), l("div", kl, [D(r.$slots, "toolbar", {
 			expandAll: _,
 			collapseAll: b
-		})])) : 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", {
+		})])) : c("", !0), u("div", Al, [u("table", jl, [u("thead", null, [u("tr", Ml, [(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([
@@ -6815,7 +6818,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			])
 		}, A(e.label), 7))), 128))])]), u("tbody", null, [(C(!0), l(n, null, E(g.value, (i, o) => (C(), l("tr", {
 			key: i.row[t.rowKey] ?? o,
-			class: v(["border-t border-outline-variant transition-colors duration-100 hover:bg-on-surface/[0.04]", i.depth > 0 ? "bg-surface-container-lowest/50" : ""]),
+			class: v(["border-t border-outline-variant transition-colors duration-100 hover:bg-on-surface/4", i.depth > 0 ? "bg-surface-container-lowest/50" : ""]),
 			onClick: (e) => a("rowClick", i.row)
 		}, [(C(!0), l(n, null, E(t.columns, (n, a) => (C(), l("td", {
 			key: n.key,
@@ -6836,7 +6839,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 		}, [p(e, {
 			name: "chevron_right",
 			size: 18
-		})], 10, Ml)) : (C(), l("span", Nl)), D(r.$slots, `cell-${n.key}`, {
+		})], 10, Pl)) : (C(), l("span", Fl)), D(r.$slots, `cell-${n.key}`, {
 			row: i.row,
 			value: i.row[n.key],
 			depth: i.depth
@@ -6845,19 +6848,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, jl))), 128)), g.value.length ? c("", !0) : (C(), l("tr", Pl, [u("td", {
+		}, () => [f(A(i.row[n.key] ?? "—"), 1)])], 2))), 128))], 10, Nl))), 128)), g.value.length ? c("", !0) : (C(), l("tr", Il, [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, Fl)]))])])])]));
+		}), i[0] ||= u("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, Ll)]))])])])]));
 	}
-}), 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 = {
+}), zl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Bl = { class: "flex bg-surface-container-high" }, Vl = ["onClick"], Hl = { class: "inline-flex items-center gap-1" }, Ul = {
 	key: 0,
 	class: "inline-flex"
-}, 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({
+}, Wl = ["onClick"], Gl = { class: "truncate" }, Kl = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, ql = { class: "text-label-small text-on-surface-variant" }, Jl = /* @__PURE__ */ m({
 	__name: "MVirtualTable",
 	props: {
 		columns: {},
@@ -6903,8 +6906,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", Ll, [
-			u("div", Rl, [(C(!0), l(n, null, E(t.columns, (t) => (C(), l("div", {
+		return (r, i) => (C(), l("div", zl, [
+			u("div", Bl, [(C(!0), l(n, null, E(t.columns, (t) => (C(), l("div", {
 				key: t.key,
 				style: y({
 					width: t.width || "auto",
@@ -6916,7 +6919,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", Bl, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Vl, [h.value === t.key && g.value === "asc" ? (C(), s(e, {
+			}, [u("span", Hl, [f(A(t.label) + " ", 1), t.sortable ? (C(), l("span", Ul, [h.value === t.key && g.value === "asc" ? (C(), s(e, {
 				key: 0,
 				name: "arrow_upward",
 				size: 14,
@@ -6931,7 +6934,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				name: "unfold_more",
 				size: 14,
 				class: "opacity-30"
-			}))])) : c("", !0)])], 14, zl))), 128))]),
+			}))])) : c("", !0)])], 14, Vl))), 128))]),
 			u("div", {
 				ref_key: "scrollEl",
 				ref: d,
@@ -6943,7 +6946,7 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 				style: y({ height: `${w.value}px` })
 			}, [(C(!0), l(n, null, E(k.value, ({ row: e, index: i, top: o }) => (C(), l("div", {
 				key: e[t.rowKey] ?? i,
-				class: v(["absolute left-0 right-0 flex border-t border-outline-variant transition-colors duration-75 hover:bg-on-surface/[0.04]", i % 2 == 0 ? "" : "bg-surface-container-lowest/50"]),
+				class: v(["absolute left-0 right-0 flex border-t border-outline-variant transition-colors duration-75 hover:bg-on-surface/4", i % 2 == 0 ? "" : "bg-surface-container-lowest/50"]),
 				style: y({
 					top: `${o}px`,
 					height: `${t.rowHeight}px`
@@ -6959,12 +6962,12 @@ var pe = { class: "min-w-0 flex-1" }, me = {
 			}, [D(r.$slots, `cell-${t.key}`, {
 				row: e,
 				value: e[t.key]
-			}, () => [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)])])
+			}, () => [u("span", Gl, A(e[t.key] ?? "—"), 1)])], 6))), 128))], 14, Wl))), 128))], 4)], 36),
+			u("div", Kl, [u("span", ql, [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, 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 };
+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, wn as MDataTable, Fn as MDatePicker, qn as MDateRangePicker, Rt as MDialog, Zn as MDivider, rr as MDragDropList, ir as MEmptyState, dr as MExpansionPanel, gr as MFab, Ar as MFileUpload, jr as MGrid, Lr as MHotkeys, e as MIcon, Z as MIconButton, Vr as MInfiniteScroll, Xr as MJsonViewer, oi as MKanban, ui as MLoadingOverlay, di as MMasonry, fi as MMenu, pi as MMenuItem, ki as MMultiSelect, Mi as MNavigationBar, oa as MNavigationDrawer, ua as MNavigationRail, Zt as MPagination, Ea as MProgressBar, ja as MRadio, Pa as MRadioGroup, Ia as MRating, Ua as MResult, ao as MScheduler, co as MSegmentedButton, So as MSelect, Oo as MSideSheet, Ao as MSkeleton, Io as MSlider, Vo as MSnackbar, Be as MSpinner, Ho as MSplitter, ts as MSpotlightSearch, ns as MStack, ds as MStatCard, Ds as MStepper, As as MSwitch, Zs as MTable, rc as MTabs, pc as MTextField, Lc as MTimePicker, Tc as MTimeline, Rc as MTooltip, Hc as MTopAppBar, Xc as MTour, _l as MTransferList, Dl as MTree, Rl as MTreeTable, Jl as MVirtualTable, V as createM3UI, K as palettes, J as useColorPalette, fe as useFieldBg, G as useTheme, ce as useToast };
 
 //# sourceMappingURL=m3ui.js.map