@m3ui-vue/m3ui-vue 0.2.4 → 0.2.5

package/dist/m3ui.js

@@ -245,6 +245,8 @@ var Se = /* @__PURE__ */ T({
 	props: {
 		placement: {},
 		offset: { default: 0 },
+		offsetX: {},
+		offsetY: {},
 		top: {},
 		right: {},
 		bottom: {},
@@ -267,11 +269,11 @@ var Se = /* @__PURE__ */ T({
 				zIndex: t.zIndex
 			};
 			if (t.placement) {
-				let e = n(t.offset), [r, i] = t.placement.split("-"), a = {
+				let e = n(t.offsetY ?? t.offset), r = n(t.offsetX ?? t.offset), [i, a] = t.placement.split("-"), o = {
 					position: "absolute",
 					zIndex: t.zIndex == null ? void 0 : String(t.zIndex)
 				};
-				return r === "top" ? a.top = e : r === "bottom" ? a.bottom = e : (a.top = "50%", a.transform = "translateY(-50%)"), i === "left" ? a.left = e : i === "right" ? a.right = e : (a.left = "50%", a.transform = a.transform ? "translate(-50%, -50%)" : "translateX(-50%)"), a;
+				return i === "top" ? o.top = e : i === "bottom" ? o.bottom = e : (o.top = "50%", o.transform = "translateY(-50%)"), a === "left" ? o.left = r : a === "right" ? o.right = r : (o.left = "50%", o.transform = o.transform ? "translate(-50%, -50%)" : "translateX(-50%)"), o;
 			}
 			return {
 				position: "absolute",
@@ -383,28 +385,31 @@ var Se = /* @__PURE__ */ T({
 }), Ne = {
 	key: 0,
 	class: "shrink-0"
-}, Pe = { class: "relative flex min-w-0 flex-1 flex-col" }, Fe = {
-	key: 0,
-	class: "shrink-0"
-}, Ie = { class: "min-h-0 flex-1 overflow-y-auto" }, Le = {
+}, Pe = { class: "min-h-0 flex-1 overflow-y-auto" }, Fe = {
 	key: 1,
 	class: "shrink-0"
-}, Re = /* @__PURE__ */ T({
+}, Ie = /* @__PURE__ */ T({
 	__name: "MAppLayout",
-	props: { height: {} },
+	props: {
+		height: {},
+		drawerRight: { type: Boolean }
+	},
 	setup(e) {
 		let t = e, n = _(() => ({ height: t.height || "100dvh" }));
-		return (e, t) => (P(), b("div", {
+		return (t, r) => (P(), b("div", {
 			class: "flex w-full overflow-hidden bg-surface text-on-surface",
 			style: A(n.value)
-		}, [e.$slots.drawer ? (P(), b("aside", Ne, [z(e.$slots, "drawer")])) : y("", !0), x("div", Pe, [
-			e.$slots.header ? (P(), b("header", Fe, [z(e.$slots, "header")])) : y("", !0),
-			x("main", Ie, [z(e.$slots, "default")]),
-			e.$slots.footer ? (P(), b("footer", Le, [z(e.$slots, "footer")])) : y("", !0),
-			z(e.$slots, "fab")
-		])], 4));
+		}, [t.$slots.drawer ? (P(), b("aside", {
+			key: 0,
+			class: k(["shrink-0", e.drawerRight ? "order-2" : ""])
+		}, [z(t.$slots, "drawer")], 2)) : y("", !0), x("div", { class: k(["relative flex min-w-0 flex-1 flex-col", e.drawerRight ? "order-1" : ""]) }, [
+			t.$slots.header ? (P(), b("header", Ne, [z(t.$slots, "header")])) : y("", !0),
+			x("main", Pe, [z(t.$slots, "default")]),
+			t.$slots.footer ? (P(), b("footer", Fe, [z(t.$slots, "footer")])) : y("", !0),
+			z(t.$slots, "fab")
+		], 2)], 4));
 	}
-}), ze = /* @__PURE__ */ T({
+}), Le = /* @__PURE__ */ T({
 	__name: "MAspectRatio",
 	props: { ratio: { default: "16/9" } },
 	setup(e) {
@@ -414,7 +419,7 @@ var Se = /* @__PURE__ */ T({
 			style: A(n.value)
 		}, [z(e.$slots, "default")], 4));
 	}
-}), Be = /* @__PURE__ */ T({
+}), Re = /* @__PURE__ */ T({
 	__name: "MAvatar",
 	props: {
 		name: {},
@@ -438,7 +443,7 @@ var Se = /* @__PURE__ */ T({
 			})
 		}, H(n.value), 5));
 	}
-}), Ve = { class: "relative inline-flex" }, He = { key: 0 }, Ue = /* @__PURE__ */ T({
+}), ze = { class: "relative inline-flex" }, Be = { key: 0 }, Ve = /* @__PURE__ */ T({
 	__name: "MBadge",
 	props: {
 		count: {},
@@ -483,22 +488,22 @@ var Se = /* @__PURE__ */ T({
 				}
 			}[t.position];
 		});
-		return (t, o) => (P(), b("span", Ve, [z(t.$slots, "default"), n.value ? (P(), b("span", {
+		return (t, o) => (P(), b("span", ze, [z(t.$slots, "default"), n.value ? (P(), b("span", {
 			key: 0,
 			class: k(["absolute flex items-center justify-center rounded-full font-medium leading-none", [i[e.color], !r.value || e.dot ? "h-2.5 w-2.5" : r.value.length > 2 ? "h-5 min-w-[1.25rem] px-1 text-[10px]" : "h-5 w-5 text-[10px]"]]),
 			style: A(a.value)
-		}, [e.dot ? y("", !0) : (P(), b("span", He, H(r.value), 1))], 6)) : y("", !0)]));
+		}, [e.dot ? y("", !0) : (P(), b("span", Be, H(r.value), 1))], 6)) : y("", !0)]));
 	}
-}), We = {
+}), He = {
 	key: 0,
 	class: "fixed inset-0 z-200 flex flex-col justify-end"
-}, Ge = {
+}, Ue = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between px-6 pb-4"
-}, Ke = { class: "text-title-large text-on-surface" }, qe = { class: "flex-1 overflow-y-auto px-6 pb-6" }, Je = {
+}, We = { class: "text-title-large text-on-surface" }, Ge = { class: "flex-1 overflow-y-auto px-6 pb-6" }, Ke = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, Ye = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, qe = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MBottomSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -531,7 +536,7 @@ var Se = /* @__PURE__ */ T({
 				leave: 280
 			}
 		}, {
-			default: Y(() => [e.modelValue ? (P(), b("div", We, [x("div", {
+			default: Y(() => [e.modelValue ? (P(), b("div", He, [x("div", {
 				class: "bs-scrim absolute inset-0 bg-black/40",
 				onClick: r
 			}), x("div", {
@@ -544,7 +549,7 @@ var Se = /* @__PURE__ */ T({
 					onPointermove: c,
 					onPointerup: l
 				}, [...n[0] ||= [x("div", { class: "h-1 w-8 rounded-full bg-on-surface-variant/40" }, null, -1)]], 32),
-				e.title ? (P(), b("div", Ge, [x("h2", Ke, H(e.title), 1), x("button", {
+				e.title ? (P(), b("div", Ue, [x("h2", We, H(e.title), 1), x("button", {
 					type: "button",
 					class: "flex h-9 w-9 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
 					onClick: r
@@ -552,13 +557,13 @@ var Se = /* @__PURE__ */ T({
 					name: "close",
 					size: 20
 				})])])) : y("", !0),
-				x("div", qe, [z(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (P(), b("div", Je, [z(t.$slots, "actions", {}, void 0, !0)])) : y("", !0)
+				x("div", Ge, [z(t.$slots, "default", {}, void 0, !0)]),
+				t.$slots.actions ? (P(), b("div", Ke, [z(t.$slots, "actions", {}, void 0, !0)])) : y("", !0)
 			], 6)])) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-5b1fb748"]]), Xe = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-5b1fb748"]]), Je = /* @__PURE__ */ T({
 	__name: "MBox",
 	props: {
 		surface: {},
@@ -613,10 +618,10 @@ var Se = /* @__PURE__ */ T({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Ze = {
+}), Ye = {
 	"aria-label": "Breadcrumb",
 	class: "flex items-center gap-1 overflow-x-auto text-label-large"
-}, Qe = ["onClick"], $e = /* @__PURE__ */ T({
+}, Xe = ["onClick"], Ze = /* @__PURE__ */ T({
 	__name: "MBreadcrumbs",
 	props: {
 		items: {},
@@ -624,7 +629,7 @@ var Se = /* @__PURE__ */ T({
 	},
 	emits: ["select"],
 	setup(e) {
-		return (t, n) => (P(), b("nav", Ze, [(P(!0), b(p, null, R(e.items, (n, r) => (P(), b(p, { key: r }, [r > 0 ? (P(), v(d, {
+		return (t, n) => (P(), b("nav", Ye, [(P(!0), b(p, null, R(e.items, (n, r) => (P(), b(p, { key: r }, [r > 0 ? (P(), v(d, {
 			key: 0,
 			name: e.separator,
 			size: 18,
@@ -638,7 +643,7 @@ var Se = /* @__PURE__ */ T({
 			key: 0,
 			name: n.icon,
 			size: 18
-		}, null, 8, ["name"])) : y("", !0), x("span", null, H(n.label), 1)], 8, Qe)) : (P(), b("span", {
+		}, null, 8, ["name"])) : y("", !0), x("span", null, H(n.label), 1)], 8, Xe)) : (P(), b("span", {
 			key: 2,
 			class: k(["flex shrink-0 items-center gap-1.5 px-1.5 py-1", n.disabled ? "text-on-surface/38" : "font-medium text-on-surface"])
 		}, [n.icon ? (P(), v(d, {
@@ -647,13 +652,13 @@ var Se = /* @__PURE__ */ T({
 			size: 18
 		}, null, 8, ["name"])) : y("", !0), x("span", null, H(n.label), 1)], 2))], 64))), 128))]));
 	}
-}), et = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, tt = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, nt = { class: "flex items-center gap-1" }, rt = { class: "text-title-medium font-medium capitalize text-on-surface" }, it = { class: "grid grid-cols-7 border-b border-outline-variant bg-surface-container-high" }, at = { class: "grid grid-cols-7" }, ot = ["onClick"], st = {
+}), Qe = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, $e = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, et = { class: "flex items-center gap-1" }, tt = { class: "text-title-medium font-medium capitalize text-on-surface" }, nt = { class: "grid grid-cols-7 border-b border-outline-variant bg-surface-container-high" }, rt = { class: "grid grid-cols-7" }, it = ["onClick"], at = {
 	key: 0,
 	class: "flex flex-col gap-0.5"
-}, ct = ["onClick"], lt = { class: "truncate" }, ut = {
+}, ot = ["onClick"], st = { class: "truncate" }, ct = {
 	key: 0,
 	class: "px-1 text-label-small text-on-surface-variant"
-}, dt = /* @__PURE__ */ T({
+}, lt = /* @__PURE__ */ T({
 	__name: "MCalendar",
 	props: {
 		events: { default: () => [] },
@@ -727,9 +732,9 @@ var Se = /* @__PURE__ */ T({
 			error: "bg-error text-on-error",
 			success: "bg-success text-on-success"
 		};
-		return (n, r) => (P(), b("div", et, [
-			x("div", tt, [
-				x("div", nt, [w(e, {
+		return (n, r) => (P(), b("div", Qe, [
+			x("div", $e, [
+				x("div", et, [w(e, {
 					icon: "chevron_left",
 					label: t.prevMonthLabel ?? U(a).previousMonth,
 					size: 36,
@@ -740,18 +745,18 @@ var Se = /* @__PURE__ */ T({
 					size: 36,
 					onClick: g
 				}, null, 8, ["label"])]),
-				x("h3", rt, H(l.value), 1),
+				x("h3", tt, H(l.value), 1),
 				x("button", {
 					type: "button",
 					class: "cursor-pointer rounded-full border border-outline px-3 py-1 text-label-medium text-on-surface transition-colors hover:bg-on-surface/8",
 					onClick: S
 				}, H(t.todayLabel ?? U(a).today), 1)
 			]),
-			x("div", it, [(P(!0), b(p, null, R(U(c), (e) => (P(), b("div", {
+			x("div", nt, [(P(!0), b(p, null, R(U(c), (e) => (P(), b("div", {
 				key: e,
 				class: "py-2 text-center text-label-small font-medium uppercase text-on-surface-variant"
 			}, H(e), 1))), 128))]),
-			x("div", at, [(P(!0), b(p, null, R(m.value, (e, t) => (P(), b("div", {
+			x("div", rt, [(P(!0), b(p, null, R(m.value, (e, t) => (P(), b("div", {
 				key: t,
 				class: k(["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", [
 					e.current ? "bg-surface" : "bg-surface-container-lowest/50",
@@ -759,7 +764,7 @@ var Se = /* @__PURE__ */ T({
 					t >= 35 ? "border-b-0" : ""
 				]]),
 				onClick: (t) => o("dateClick", e.iso)
-			}, [x("span", { class: k(["mb-0.5 flex h-6 w-6 items-center justify-center self-end rounded-full text-label-medium", e.iso === U(f) ? "bg-primary text-on-primary font-medium" : e.current ? "text-on-surface" : "text-on-surface-variant/40"]) }, H(e.date), 3), e.events.length ? (P(), b("div", st, [(P(!0), b(p, null, R(e.events.slice(0, 2), (e) => (P(), b("button", {
+			}, [x("span", { class: k(["mb-0.5 flex h-6 w-6 items-center justify-center self-end rounded-full text-label-medium", e.iso === U(f) ? "bg-primary text-on-primary font-medium" : e.current ? "text-on-surface" : "text-on-surface-variant/40"]) }, H(e.date), 3), e.events.length ? (P(), b("div", at, [(P(!0), b(p, null, R(e.events.slice(0, 2), (e) => (P(), b("button", {
 				key: e.id,
 				type: "button",
 				class: k(["flex w-full cursor-pointer items-center gap-1 truncate rounded px-1 py-0.5 text-left text-label-small transition-opacity hover:opacity-80", C[e.color ?? "primary"]]),
@@ -768,22 +773,22 @@ var Se = /* @__PURE__ */ T({
 				key: 0,
 				name: e.icon,
 				size: 12
-			}, null, 8, ["name"])) : y("", !0), x("span", lt, H(e.title), 1)], 10, ct))), 128)), e.events.length > 2 ? (P(), b("span", ut, " +" + H(e.events.length - 2) + " " + H(U(a).more), 1)) : y("", !0)])) : y("", !0)], 10, ot))), 128))])
+			}, null, 8, ["name"])) : y("", !0), x("span", st, H(e.title), 1)], 10, ot))), 128)), e.events.length > 2 ? (P(), b("span", ct, " +" + H(e.events.length - 2) + " " + H(U(a).more), 1)) : y("", !0)])) : y("", !0)], 10, it))), 128))])
 		]));
 	}
-}), ft = ["src", "alt"], pt = {
+}), ut = ["src", "alt"], dt = {
 	key: 1,
 	class: "px-4 pt-4 pb-2"
-}, mt = {
+}, ft = {
 	key: 2,
 	class: "px-4 pt-4 pb-2"
-}, ht = { class: "text-title-large font-medium text-on-surface" }, gt = {
+}, pt = { class: "text-title-large font-medium text-on-surface" }, mt = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, _t = {
+}, ht = {
 	key: 3,
 	class: "flex justify-end gap-2 px-4 pt-2 pb-4"
-}, vt = /* @__PURE__ */ T({
+}, gt = /* @__PURE__ */ T({
 	__name: "MCard",
 	props: {
 		variant: { default: "elevated" },
@@ -823,22 +828,22 @@ var Se = /* @__PURE__ */ T({
 				src: e.image,
 				alt: e.imageAlt ?? "",
 				class: "h-full w-full object-cover"
-			}, null, 8, ft)) : z(t.$slots, "media", { key: 1 })], 2)) : y("", !0),
-			t.$slots.header ? (P(), b("div", pt, [z(t.$slots, "header")])) : e.title ? (P(), b("div", mt, [x("h3", ht, H(e.title), 1), e.subtitle ? (P(), b("p", gt, H(e.subtitle), 1)) : y("", !0)])) : y("", !0),
+			}, null, 8, ut)) : z(t.$slots, "media", { key: 1 })], 2)) : y("", !0),
+			t.$slots.header ? (P(), b("div", dt, [z(t.$slots, "header")])) : e.title ? (P(), b("div", ft, [x("h3", pt, H(e.title), 1), e.subtitle ? (P(), b("p", mt, H(e.subtitle), 1)) : y("", !0)])) : y("", !0),
 			z(t.$slots, "default"),
-			t.$slots.actions ? (P(), b("div", _t, [z(t.$slots, "actions")])) : y("", !0)
+			t.$slots.actions ? (P(), b("div", ht, [z(t.$slots, "actions")])) : y("", !0)
 		], 6));
 	}
-}), yt = ["src", "alt"], bt = {
+}), _t = ["src", "alt"], vt = {
 	key: 0,
 	class: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent px-6 pb-6 pt-16"
-}, xt = {
+}, yt = {
 	key: 0,
 	class: "text-title-large font-medium text-white"
-}, St = {
+}, bt = {
 	key: 1,
 	class: "mt-1 text-body-medium text-white/80"
-}, Ct = ["onClick"], wt = /* @__PURE__ */ T({
+}, xt = ["onClick"], St = /* @__PURE__ */ T({
 	__name: "MCarousel",
 	props: {
 		items: {},
@@ -920,7 +925,7 @@ var Se = /* @__PURE__ */ T({
 					src: e.src,
 					alt: e.alt ?? e.title ?? "",
 					class: "h-full w-full object-cover"
-				}, null, 8, yt), e.title || e.subtitle ? (P(), b("div", bt, [e.title ? (P(), b("h3", xt, H(e.title), 1)) : y("", !0), e.subtitle ? (P(), b("p", St, H(e.subtitle), 1)) : y("", !0)])) : y("", !0)])), [[K, t === a.value]])), 128))]),
+				}, null, 8, _t), e.title || e.subtitle ? (P(), b("div", vt, [e.title ? (P(), b("h3", yt, H(e.title), 1)) : y("", !0), e.subtitle ? (P(), b("p", bt, H(e.subtitle), 1)) : y("", !0)])) : y("", !0)])), [[K, t === a.value]])), 128))]),
 				_: 1
 			}, 8, ["name"]),
 			e.showArrows && u.value > 1 ? (P(), b(p, { key: 0 }, [x("button", {
@@ -946,10 +951,10 @@ var Se = /* @__PURE__ */ T({
 				type: "button",
 				class: k(["h-2 cursor-pointer rounded-full transition-all duration-300", t === a.value ? "w-6 bg-white" : "w-2 bg-white/50 hover:bg-white/70"]),
 				onClick: (e) => m(t)
-			}, null, 10, Ct))), 128))], 2)) : y("", !0)
+			}, null, 10, xt))), 128))], 2)) : y("", !0)
 		], 38));
 	}
-}), Tt = /* @__PURE__ */ T({
+}), Ct = /* @__PURE__ */ T({
 	__name: "MCenter",
 	props: { inline: {
 		type: Boolean,
@@ -959,7 +964,7 @@ var Se = /* @__PURE__ */ T({
 		let t = e, n = _(() => [t.inline ? "inline-flex" : "flex", "items-center justify-center"]);
 		return (e, t) => (P(), b("div", { class: k(n.value) }, [z(e.$slots, "default")], 2));
 	}
-}), Et = ["checked", "disabled"], Dt = {
+}), wt = ["checked", "disabled"], Tt = {
 	key: 0,
 	class: "text-body-large text-on-surface"
 }, Q = /* @__PURE__ */ T({
@@ -985,13 +990,13 @@ var Se = /* @__PURE__ */ T({
 			checked: e.modelValue,
 			disabled: e.disabled,
 			onChange: r[0] ||= (t) => n("update:modelValue", !e.modelValue)
-		}, null, 40, Et), w(d, {
+		}, null, 40, wt), w(d, {
 			name: e.indeterminate ? "remove" : "check",
 			size: 14,
 			class: k(["transition-[opacity,transform] duration-150", e.modelValue || e.indeterminate ? "scale-100 opacity-100" : "scale-0 opacity-0"])
-		}, null, 8, ["name", "class"])], 2), e.label || t.$slots.default ? (P(), b("span", Dt, [z(t.$slots, "default", {}, () => [C(H(e.label), 1)])])) : y("", !0)], 2));
+		}, null, 8, ["name", "class"])], 2), e.label || t.$slots.default ? (P(), b("span", Tt, [z(t.$slots, "default", {}, () => [C(H(e.label), 1)])])) : y("", !0)], 2));
 	}
-}), Ot = ["disabled"], kt = /* @__PURE__ */ T({
+}), Et = ["disabled"], Dt = /* @__PURE__ */ T({
 	__name: "MChip",
 	props: {
 		tone: { default: "neutral" },
@@ -1068,7 +1073,7 @@ var Se = /* @__PURE__ */ T({
 				}, [w(d, {
 					name: "close",
 					size: 16
-				})], 8, Ot)) : y("", !0)
+				})], 8, Et)) : y("", !0)
 			]),
 			_: 3
 		}, 8, [
@@ -1078,13 +1083,13 @@ var Se = /* @__PURE__ */ T({
 			"style"
 		]));
 	}
-}), At = { class: "flex flex-col gap-1" }, jt = { class: "flex-1 font-mono text-on-surface" }, Mt = {
+}), Ot = { class: "flex flex-col gap-1" }, kt = { class: "flex-1 font-mono text-on-surface" }, At = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Nt = {
+}, jt = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Pt = { class: "mb-3" }, Ft = ["value"], It = { class: "mb-3 flex items-center gap-3" }, Lt = ["value"], Rt = { class: "flex flex-wrap gap-1.5" }, zt = ["onClick"], Bt = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Mt = { class: "mb-3" }, Nt = ["value"], Pt = { class: "mb-3 flex items-center gap-3" }, Ft = ["value"], It = { class: "flex flex-wrap gap-1.5" }, Lt = ["onClick"], Rt = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MColorPicker",
 	props: {
 		modelValue: {},
@@ -1197,7 +1202,7 @@ var Se = /* @__PURE__ */ T({
 			e ? (te(), setTimeout(() => document.addEventListener("mousedown", K), 0)) : document.removeEventListener("mousedown", K);
 		}), M(() => window.addEventListener("scroll", J, !0)), N(() => {
 			window.removeEventListener("scroll", J, !0), document.removeEventListener("mousedown", K);
-		}), (t, n) => (P(), b("div", At, [
+		}), (t, n) => (P(), b("div", Ot, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: o,
@@ -1212,7 +1217,7 @@ var Se = /* @__PURE__ */ T({
 					class: "h-6 w-6 shrink-0 rounded-full border border-outline-variant",
 					style: A({ backgroundColor: e.modelValue })
 				}, null, 4),
-				x("span", jt, H(e.modelValue), 1),
+				x("span", kt, H(e.modelValue), 1),
 				w(d, {
 					name: "palette",
 					size: 20,
@@ -1222,7 +1227,7 @@ var Se = /* @__PURE__ */ T({
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", a.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
 			}, H(e.label), 3)) : y("", !0)], 4),
-			e.error ? (P(), b("p", Mt, H(e.error), 1)) : e.hint ? (P(), b("p", Nt, H(e.hint), 1)) : y("", !0),
+			e.error ? (P(), b("p", At, H(e.error), 1)) : e.hint ? (P(), b("p", jt, H(e.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -1252,15 +1257,15 @@ var Se = /* @__PURE__ */ T({
 							backgroundColor: j.value
 						})
 					}, null, 4)], 36),
-					x("div", Pt, [x("input", {
+					x("div", Mt, [x("input", {
 						type: "range",
 						min: "0",
 						max: "360",
 						value: g.value,
 						class: "hue-slider h-3 w-full cursor-pointer appearance-none rounded-full outline-none",
 						onInput: W
-					}, null, 40, Ft)]),
-					x("div", It, [x("span", {
+					}, null, 40, Nt)]),
+					x("div", Pt, [x("span", {
 						class: "h-9 w-9 shrink-0 rounded-full border border-outline-variant",
 						style: A({ backgroundColor: j.value })
 					}, null, 4), x("input", {
@@ -1269,8 +1274,8 @@ var Se = /* @__PURE__ */ T({
 						maxlength: "7",
 						class: "flex-1 rounded-sm border border-outline bg-transparent px-3 py-2 font-mono text-body-medium text-on-surface outline-none transition-colors focus:border-primary",
 						onInput: ee
-					}, null, 40, Lt)]),
-					x("div", Rt, [(P(!0), b(p, null, R(e.presets, (t) => (P(), b("button", {
+					}, null, 40, Ft)]),
+					x("div", It, [(P(!0), b(p, null, R(e.presets, (t) => (P(), b("button", {
 						key: t,
 						type: "button",
 						class: k(["flex h-7 w-7 cursor-pointer items-center justify-center rounded-full border transition-transform duration-100 hover:scale-110", t === e.modelValue ? "border-on-surface" : "border-transparent"]),
@@ -1281,26 +1286,26 @@ var Se = /* @__PURE__ */ T({
 						name: "check",
 						size: 14,
 						class: "text-white drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)]"
-					})) : y("", !0)], 14, zt))), 128))])
+					})) : y("", !0)], 14, Lt))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), [["__scopeId", "data-v-872ab758"]]), Vt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, Ht = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, Ut = ["placeholder"], Wt = { class: "max-h-80 overflow-y-auto py-2" }, Gt = {
+}), [["__scopeId", "data-v-872ab758"]]), zt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, Bt = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, Vt = ["placeholder"], Ht = { class: "max-h-80 overflow-y-auto py-2" }, Ut = {
 	key: 0,
 	class: "px-4 pt-3 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Kt = [
+}, Wt = [
 	"data-cmd-active",
 	"onClick",
 	"onPointerenter"
-], qt = { class: "flex-1 truncate text-body-medium" }, Jt = {
+], Gt = { class: "flex-1 truncate text-body-medium" }, Kt = {
 	key: 1,
 	class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant"
-}, Yt = {
+}, qt = {
 	key: 1,
 	class: "px-4 py-6 text-center text-body-medium text-on-surface-variant"
-}, Xt = { class: "flex items-center gap-4 border-t border-outline-variant px-4 py-2" }, Zt = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Qt = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, $t = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, en = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Jt = { class: "flex items-center gap-4 border-t border-outline-variant px-4 py-2" }, Yt = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Xt = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Zt = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Qt = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MCommandPalette",
 	props: {
 		modelValue: { type: Boolean },
@@ -1355,8 +1360,8 @@ var Se = /* @__PURE__ */ T({
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 pt-[15vh]",
 				onClick: Z(g, ["self"])
-			}, [x("div", Vt, [
-				x("div", Ht, [
+			}, [x("div", zt, [
+				x("div", Bt, [
 					w(d, {
 						name: "search",
 						size: 20,
@@ -1370,10 +1375,10 @@ var Se = /* @__PURE__ */ T({
 						placeholder: e.placeholder ?? U(r).searchCommand,
 						class: "h-12 flex-1 bg-transparent text-body-large text-on-surface outline-none placeholder:text-on-surface-variant/50",
 						onKeydown: T
-					}, null, 40, Ut), [[te, o.value]]),
+					}, null, 40, Vt), [[te, o.value]]),
 					n[1] ||= x("kbd", { class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant" }, " ESC ", -1)
 				]),
-				x("div", Wt, [l.value.length ? (P(!0), b(p, { key: 0 }, R(u.value, ([e, t]) => (P(), b(p, { key: e }, [e ? (P(), b("p", Gt, H(e), 1)) : y("", !0), (P(!0), b(p, null, R(t, (e, t) => (P(), b("button", {
+				x("div", Ht, [l.value.length ? (P(!0), b(p, { key: 0 }, R(u.value, ([e, t]) => (P(), b(p, { key: e }, [e ? (P(), b("p", Ut, H(e), 1)) : y("", !0), (P(!0), b(p, null, R(t, (e, t) => (P(), b("button", {
 					key: e.id,
 					type: "button",
 					"data-cmd-active": l.value.indexOf(e) === s.value || void 0,
@@ -1387,19 +1392,19 @@ var Se = /* @__PURE__ */ T({
 						size: 20,
 						class: "shrink-0 opacity-70"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", qt, H(e.label), 1),
-					e.shortcut ? (P(), b("kbd", Jt, H(e.shortcut), 1)) : y("", !0)
-				], 42, Kt))), 128))], 64))), 128)) : (P(), b("p", Yt, H(e.noResultsText ?? U(r).noResults), 1))]),
-				x("div", Xt, [
-					x("span", Zt, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
-					x("span", Qt, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.selectHint ?? U(r).selectHint), 1)]),
-					x("span", $t, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
+					x("span", Gt, H(e.label), 1),
+					e.shortcut ? (P(), b("kbd", Kt, H(e.shortcut), 1)) : y("", !0)
+				], 42, Wt))), 128))], 64))), 128)) : (P(), b("p", qt, H(e.noResultsText ?? U(r).noResults), 1))]),
+				x("div", Jt, [
+					x("span", Yt, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
+					x("span", Xt, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.selectHint ?? U(r).selectHint), 1)]),
+					x("span", Zt, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
 				])
 			])])) : y("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-4d6cca63"]]), tn = { class: "text-body-medium text-on-surface-variant" }, nn = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-4d6cca63"]]), $t = { class: "text-body-medium text-on-surface-variant" }, en = /* @__PURE__ */ T({
 	__name: "MConfirmDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -1440,11 +1445,11 @@ var Se = /* @__PURE__ */ T({
 				default: Y(() => [C(H(e.confirmLabel ?? U(i).confirm), 1)]),
 				_: 1
 			}, 8, ["color", "loading"])]),
-			default: Y(() => [x("p", tn, H(e.message), 1)]),
+			default: Y(() => [x("p", $t, H(e.message), 1)]),
 			_: 1
 		}, 8, ["model-value", "title"]));
 	}
-}), rn = /* @__PURE__ */ T({
+}), tn = /* @__PURE__ */ T({
 	__name: "MContainer",
 	props: {
 		maxWidth: { default: "lg" },
@@ -1478,16 +1483,16 @@ var Se = /* @__PURE__ */ T({
 		]);
 		return (e, t) => (P(), b("div", { class: k(r.value) }, [z(e.$slots, "default")], 2));
 	}
-}), an = { class: "overflow-hidden rounded-sm py-1" }, on = {
+}), nn = { class: "overflow-hidden rounded-sm py-1" }, rn = {
 	key: 0,
 	class: "my-1 border-outline-variant"
-}, sn = {
+}, an = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, cn = { class: "flex-1" }, ln = {
+}, on = { class: "flex-1" }, sn = {
 	key: 2,
 	class: "text-label-small text-on-surface-variant"
-}, un = /* @__PURE__ */ T({
+}, cn = /* @__PURE__ */ T({
 	__name: "_MContextMenuPanel",
 	props: {
 		items: {},
@@ -1536,7 +1541,7 @@ var Se = /* @__PURE__ */ T({
 				top: `${o.value}px`
 			}),
 			onMouseleave: f
-		}, [x("div", an, [(P(!0), b(p, null, R(e.items, (e, t) => (P(), b(p, { key: t }, [e.divider ? (P(), b("hr", on)) : (P(), v(V(e.to && !e.disabled ? "RouterLink" : "div"), {
+		}, [x("div", nn, [(P(!0), b(p, null, R(e.items, (e, t) => (P(), b(p, { key: t }, [e.divider ? (P(), b("hr", rn)) : (P(), v(V(e.to && !e.disabled ? "RouterLink" : "div"), {
 			key: 1,
 			to: e.to && !e.disabled ? e.to : void 0,
 			class: k(["relative flex cursor-default select-none items-center gap-3 px-4 py-2.5 text-body-large", [e.disabled ? "cursor-not-allowed opacity-38 text-on-surface" : e.danger ? "cursor-pointer text-error hover:bg-error/8" : "cursor-pointer text-on-surface hover:bg-on-surface/8", s.value === t && !e.disabled ? e.danger ? "bg-error/8" : "bg-on-surface/8" : ""]]),
@@ -1549,9 +1554,9 @@ var Se = /* @__PURE__ */ T({
 					name: e.icon,
 					size: 18,
 					class: k(["shrink-0", e.danger ? "text-error" : "text-on-surface-variant"])
-				}, null, 8, ["name", "class"])) : (P(), b("span", sn)),
-				x("span", cn, H(e.label), 1),
-				e.shortcut ? (P(), b("span", ln, H(e.shortcut), 1)) : y("", !0),
+				}, null, 8, ["name", "class"])) : (P(), b("span", an)),
+				x("span", on, H(e.label), 1),
+				e.shortcut ? (P(), b("span", sn, H(e.shortcut), 1)) : y("", !0),
 				e.children?.length ? (P(), v(d, {
 					key: 3,
 					name: "chevron_right",
@@ -1565,7 +1570,7 @@ var Se = /* @__PURE__ */ T({
 			"class",
 			"onMouseenter",
 			"onClick"
-		]))], 64))), 128))])], 36), s.value !== null && e.items[s.value]?.children?.length ? (P(), v(un, {
+		]))], 64))), 128))])], 36), s.value !== null && e.items[s.value]?.children?.length ? (P(), v(cn, {
 			key: s.value,
 			items: e.items[s.value].children,
 			x: c.value.x,
@@ -1577,7 +1582,7 @@ var Se = /* @__PURE__ */ T({
 			"y"
 		])) : y("", !0)], 64));
 	}
-}), dn = /* @__PURE__ */ T({
+}), ln = /* @__PURE__ */ T({
 	__name: "MContextMenu",
 	props: { items: {} },
 	setup(e, { expose: t }) {
@@ -1614,7 +1619,7 @@ var Se = /* @__PURE__ */ T({
 				class: "fixed inset-0 z-200",
 				onMousedown: Z(o, ["self"]),
 				onContextmenu: a[0] ||= Z(() => {}, ["prevent"])
-			}, [w(un, {
+			}, [w(cn, {
 				items: e.items,
 				x: r.value.x,
 				y: r.value.y,
@@ -1627,7 +1632,7 @@ var Se = /* @__PURE__ */ T({
 			_: 1
 		})]))], 64));
 	}
-}), fn = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, pn = { class: "flex items-center gap-2" }, mn = /* @__PURE__ */ T({
+}), un = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, dn = { class: "flex items-center gap-2" }, fn = /* @__PURE__ */ T({
 	__name: "MPagination",
 	props: {
 		page: {},
@@ -1637,7 +1642,7 @@ var Se = /* @__PURE__ */ T({
 	emits: ["update:page"],
 	setup(t, { emit: n }) {
 		let r = t, i = n, a = _(() => Math.max(1, Math.ceil(r.total / r.perPage))), o = _(() => r.total === 0 ? "0 resultados" : `${(r.page - 1) * r.perPage + 1}-${Math.min(r.page * r.perPage, r.total)} de ${r.total}`);
-		return (n, r) => (P(), b("div", fn, [x("span", null, H(o.value), 1), x("div", pn, [
+		return (n, r) => (P(), b("div", un, [x("span", null, H(o.value), 1), x("div", dn, [
 			x("span", null, "Página " + H(t.page) + " de " + H(a.value), 1),
 			w(e, {
 				icon: "chevron_left",
@@ -1653,25 +1658,25 @@ var Se = /* @__PURE__ */ T({
 			}, null, 8, ["disabled"])
 		])]));
 	}
-}), hn = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, gn = {
+}), pn = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, mn = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, _n = {
+}, hn = {
 	key: 0,
 	class: "flex min-w-48 flex-1 items-center gap-2 rounded-full border border-outline-variant bg-surface-container px-3 py-1.5 transition-[border-color,box-shadow] duration-150 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30"
-}, vn = ["placeholder"], yn = {
+}, gn = ["placeholder"], _n = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, bn = {
+}, vn = {
 	key: 1,
 	class: "relative"
-}, xn = {
+}, yn = {
 	key: 0,
 	class: "absolute right-0 top-full z-10 mt-1 min-w-40 rounded-lg bg-surface-container py-2 shadow-elevation-3"
-}, Sn = { class: "text-body-small text-on-surface" }, Cn = { class: "overflow-x-auto" }, wn = { class: "w-full border-collapse" }, Tn = { class: "bg-surface-container-high" }, En = ["onClick"], Dn = { class: "inline-flex items-center gap-1" }, On = {
+}, bn = { class: "text-body-small text-on-surface" }, xn = { class: "overflow-x-auto" }, Sn = { class: "w-full border-collapse" }, Cn = { class: "bg-surface-container-high" }, wn = ["onClick"], Tn = { class: "inline-flex items-center gap-1" }, En = {
 	key: 0,
 	class: "inline-flex"
-}, kn = ["onPointerdown"], An = { key: 1 }, jn = ["colspan"], Mn = { class: "text-body-medium text-on-surface-variant" }, Nn = ["onClick"], Pn = ["onClick"], Fn = { key: 0 }, In = ["colspan"], Ln = { class: "dt-expand-body" }, Rn = { class: "px-6 py-4" }, zn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Bn = { class: "text-label-small text-on-surface-variant" }, Vn = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Dn = ["onPointerdown"], On = { key: 1 }, kn = ["colspan"], An = { class: "text-body-medium text-on-surface-variant" }, jn = ["onClick"], Mn = ["onClick"], Nn = { key: 0 }, Pn = ["colspan"], Fn = { class: "dt-expand-body" }, In = { class: "px-6 py-4" }, Ln = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Rn = { class: "text-label-small text-on-surface-variant" }, zn = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MDataTable",
 	props: {
 		columns: {},
@@ -1885,9 +1890,9 @@ var Se = /* @__PURE__ */ T({
 				minWidth: e.minWidth
 			};
 		}
-		return (n, r) => (P(), b("div", hn, [
-			t.searchable || t.columnToggle || t.exportable || n.$slots.toolbar ? (P(), b("div", gn, [
-				t.searchable ? (P(), b("div", _n, [
+		return (n, r) => (P(), b("div", pn, [
+			t.searchable || t.columnToggle || t.exportable || n.$slots.toolbar ? (P(), b("div", mn, [
+				t.searchable ? (P(), b("div", hn, [
 					w(d, {
 						name: "search",
 						size: 16,
@@ -1898,7 +1903,7 @@ var Se = /* @__PURE__ */ T({
 						type: "text",
 						placeholder: t.searchPlaceholder ?? U(i).search,
 						class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-					}, null, 8, vn), [[te, f.value]]),
+					}, null, 8, gn), [[te, f.value]]),
 					f.value ? (P(), b("button", {
 						key: 0,
 						class: "text-on-surface-variant transition-colors hover:text-on-surface",
@@ -1915,21 +1920,21 @@ var Se = /* @__PURE__ */ T({
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: Y(() => [t.selectable && K.value.length > 0 ? (P(), b("span", yn, H(K.value.length) + " " + H(t.selectedText ?? U(i).selectedCount) + H(K.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
+					default: Y(() => [t.selectable && K.value.length > 0 ? (P(), b("span", _n, H(K.value.length) + " " + H(t.selectedText ?? U(i).selectedCount) + H(K.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
 					_: 1
 				}),
-				t.columnToggle ? (P(), b("div", bn, [w(e, {
+				t.columnToggle ? (P(), b("div", vn, [w(e, {
 					icon: "view_column",
 					label: t.columnsLabel ?? U(i).columns,
 					size: 36,
 					onClick: r[2] ||= (e) => O.value = !O.value
-				}, null, 8, ["label"]), O.value ? (P(), b("div", xn, [(P(!0), b(p, null, R(t.columns, (e) => (P(), b("label", {
+				}, null, 8, ["label"]), O.value ? (P(), b("div", yn, [(P(!0), b(p, null, R(t.columns, (e) => (P(), b("label", {
 					key: e.key,
 					class: "flex cursor-pointer items-center gap-2 px-3 py-1.5 hover:bg-on-surface/4"
 				}, [w(Q, {
 					"model-value": !E.value.has(e.key),
 					"onUpdate:modelValue": (t) => E.value.has(e.key) ? E.value.delete(e.key) : E.value.add(e.key)
-				}, null, 8, ["model-value", "onUpdate:modelValue"]), x("span", Sn, H(e.label), 1)]))), 128))])) : y("", !0)])) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"]), x("span", bn, H(e.label), 1)]))), 128))])) : y("", !0)])) : y("", !0),
 				t.exportable ? (P(), v(e, {
 					key: 2,
 					icon: "download",
@@ -1938,7 +1943,7 @@ var Se = /* @__PURE__ */ T({
 					onClick: ve
 				}, null, 8, ["label"])) : y("", !0)
 			])) : y("", !0),
-			x("div", Cn, [x("table", wn, [x("thead", { class: k(t.stickyHeader ? "sticky top-0 z-1" : "") }, [x("tr", Tn, [
+			x("div", xn, [x("table", Sn, [x("thead", { class: k(t.stickyHeader ? "sticky top-0 z-1" : "") }, [x("tr", Cn, [
 				u.value ? (P(), b("th", {
 					key: 0,
 					class: k(["w-10 px-2", t.dense ? "py-2" : "py-3"])
@@ -1961,7 +1966,7 @@ var Se = /* @__PURE__ */ T({
 						e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (t) => e.sortable ? N(e.key) : void 0
-				}, [x("span", Dn, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", On, [m.value === e.key && g.value === "asc" ? (P(), v(d, {
+				}, [x("span", Tn, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", En, [m.value === e.key && g.value === "asc" ? (P(), v(d, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -1980,7 +1985,7 @@ var Se = /* @__PURE__ */ T({
 					key: 0,
 					class: "absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-primary/30",
 					onPointerdown: (t) => he(t, e)
-				}, null, 40, kn)) : y("", !0)], 14, En))), 128)),
+				}, null, 40, Dn)) : y("", !0)], 14, wn))), 128)),
 				l.value ? (P(), b("th", {
 					key: 2,
 					class: k(["w-1 px-4", t.dense ? "py-2" : "py-3"])
@@ -2008,14 +2013,14 @@ var Se = /* @__PURE__ */ T({
 					key: 2,
 					class: k(t.dense ? "px-4 py-2" : "px-4 py-3.5")
 				}, [...r[7] ||= [x("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]], 2)) : y("", !0)
-			]))), 128)) : V.value.length === 0 ? (P(), b("tr", An, [x("td", {
+			]))), 128)) : V.value.length === 0 ? (P(), b("tr", On, [x("td", {
 				colspan: j.value.length + le.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [z(n.$slots, "empty", {}, () => [w(d, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), x("p", Mn, H(t.emptyText ?? U(i).noResults), 1)], !0)], 8, jn)])) : (P(!0), b(p, { key: 2 }, R(V.value, (a) => (P(), b(p, { key: J(a) }, [x("tr", {
+			}), x("p", An, H(t.emptyText ?? U(i).noResults), 1)], !0)], 8, kn)])) : (P(!0), b(p, { key: 2 }, R(V.value, (a) => (P(), b(p, { key: J(a) }, [x("tr", {
 				class: k([
 					"border-t border-outline-variant transition-colors duration-100",
 					"hover:bg-on-surface/4",
@@ -2047,7 +2052,7 @@ var Se = /* @__PURE__ */ T({
 				}, [w(Q, {
 					"model-value": X(a),
 					"onUpdate:modelValue": (e) => re(a)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, Pn)) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, Mn)) : y("", !0),
 				(P(!0), b(p, null, R(j.value, (e) => (P(), b("td", {
 					key: e.key,
 					class: k([
@@ -2065,11 +2070,11 @@ var Se = /* @__PURE__ */ T({
 					class: k(["text-right", t.dense ? "px-4 py-1" : "px-4 py-3"]),
 					onClick: r[4] ||= Z(() => {}, ["stop"])
 				}, [z(n.$slots, "row-actions", { row: a }, void 0, !0)], 2)) : y("", !0)
-			], 10, Nn), u.value ? (P(), b("tr", Fn, [x("td", {
+			], 10, jn), u.value ? (P(), b("tr", Nn, [x("td", {
 				colspan: j.value.length + le.value,
 				class: "border-t border-outline-variant/50 bg-surface-container-lowest p-0"
-			}, [x("div", { class: k(["dt-expand-grid", ce(a) ? "dt-expand-open" : ""]) }, [x("div", Ln, [x("div", Rn, [z(n.$slots, "row-expand", { row: a }, void 0, !0)])])], 2)], 8, In)])) : y("", !0)], 64))), 128))])])]),
-			x("div", zn, [x("span", Bn, H(B.value) + " " + H(t.recordsText ?? U(i).recordCount) + H(B.value === 1 ? "" : "s"), 1), w(mn, {
+			}, [x("div", { class: k(["dt-expand-grid", ce(a) ? "dt-expand-open" : ""]) }, [x("div", Fn, [x("div", In, [z(n.$slots, "row-expand", { row: a }, void 0, !0)])])], 2)], 8, Pn)])) : y("", !0)], 64))), 128))])])]),
+			x("div", Ln, [x("span", Rn, H(B.value) + " " + H(t.recordsText ?? U(i).recordCount) + H(B.value === 1 ? "" : "s"), 1), w(fn, {
 				page: F.value,
 				"per-page": t.perPage,
 				total: B.value,
@@ -2081,19 +2086,19 @@ var Se = /* @__PURE__ */ T({
 			])])
 		]));
 	}
-}), [["__scopeId", "data-v-857139c7"]]), Hn = { class: "flex flex-col gap-1" }, Un = {
+}), [["__scopeId", "data-v-857139c7"]]), Bn = { class: "flex flex-col gap-1" }, Vn = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Wn = {
+}, Hn = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Gn = {
+}, Un = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Kn = {
+}, Wn = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, qn = { class: "mb-3 flex items-center justify-between" }, Jn = { class: "text-title-small font-medium capitalize text-on-surface" }, Yn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Xn = { class: "grid grid-cols-7 gap-0.5" }, Zn = ["disabled", "onClick"], Qn = /* @__PURE__ */ T({
+}, Gn = { class: "mb-3 flex items-center justify-between" }, Kn = { class: "text-title-small font-medium capitalize text-on-surface" }, qn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Jn = { class: "grid grid-cols-7 gap-0.5" }, Yn = ["disabled", "onClick"], Xn = /* @__PURE__ */ T({
 	__name: "MDatePicker",
 	props: {
 		modelValue: {},
@@ -2215,7 +2220,7 @@ var Se = /* @__PURE__ */ T({
 			e ? (W(), setTimeout(() => document.addEventListener("mousedown", G), 0)) : document.removeEventListener("mousedown", G);
 		}), M(() => window.addEventListener("scroll", ee, !0)), N(() => {
 			window.removeEventListener("scroll", ee, !0), document.removeEventListener("mousedown", G);
-		}), (t, n) => (P(), b("div", Hn, [
+		}), (t, n) => (P(), b("div", Bn, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -2231,7 +2236,7 @@ var Se = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				V.value ? (P(), b("span", Un, H(V.value), 1)) : (P(), b("span", Wn, H(r.placeholder || r.label || U(o).selectDate), 1)),
+				V.value ? (P(), b("span", Vn, H(V.value), 1)) : (P(), b("span", Hn, H(r.placeholder || r.label || U(o).selectDate), 1)),
 				r.modelValue ? (P(), v(d, {
 					key: 2,
 					name: "close",
@@ -2243,7 +2248,7 @@ var Se = /* @__PURE__ */ T({
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", c.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"])
 			}, H(r.label), 3)) : y("", !0)], 4),
-			r.error ? (P(), b("p", Gn, H(r.error), 1)) : r.hint ? (P(), b("p", Kn, H(r.hint), 1)) : y("", !0),
+			r.error ? (P(), b("p", Un, H(r.error), 1)) : r.hint ? (P(), b("p", Wn, H(r.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2257,14 +2262,14 @@ var Se = /* @__PURE__ */ T({
 					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: A(f.value)
 				}, [
-					x("div", qn, [
+					x("div", Gn, [
 						w(e, {
 							icon: "chevron_left",
 							label: r.prevMonthLabel ?? U(o).previousMonth,
 							size: 36,
 							onClick: F
 						}, null, 8, ["label"]),
-						x("span", Jn, H(T.value), 1),
+						x("span", Kn, H(T.value), 1),
 						w(e, {
 							icon: "chevron_right",
 							label: r.nextMonthLabel ?? U(o).nextMonth,
@@ -2272,39 +2277,39 @@ var Se = /* @__PURE__ */ T({
 							onClick: I
 						}, null, 8, ["label"])
 					]),
-					x("div", Yn, [(P(!0), b(p, null, R(U(C), (e) => (P(), b("span", {
+					x("div", qn, [(P(!0), b(p, null, R(U(C), (e) => (P(), b("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, H(e), 1))), 128))]),
-					x("div", Xn, [(P(!0), b(p, null, R(E.value, (e, t) => (P(), b("button", {
+					x("div", Jn, [(P(!0), b(p, null, R(E.value, (e, t) => (P(), b("button", {
 						key: t,
 						type: "button",
 						class: k(["flex h-9 w-full items-center justify-center rounded-full text-body-medium transition-colors duration-100", [e.disabled ? "cursor-not-allowed text-on-surface/25" : e.iso === r.modelValue ? "bg-primary text-on-primary" : j(e.iso) ? "border border-primary text-primary cursor-pointer hover:bg-primary/8" : e.current ? "cursor-pointer text-on-surface hover:bg-on-surface/8" : "cursor-pointer text-on-surface-variant/50 hover:bg-on-surface/4"]]),
 						disabled: e.disabled,
 						onClick: (t) => z(e)
-					}, H(e.date), 11, Zn))), 128))])
+					}, H(e.date), 11, Yn))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), $n = { class: "flex flex-col gap-1" }, er = {
+}), Zn = { class: "flex flex-col gap-1" }, Qn = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, tr = {
+}, $n = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, nr = {
+}, er = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, rr = {
+}, tr = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, ir = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, ar = { class: "mb-3 flex items-center justify-between" }, or = { class: "text-title-small font-medium capitalize text-on-surface" }, sr = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, cr = { class: "grid grid-cols-7 gap-0.5" }, lr = [
+}, nr = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, rr = { class: "mb-3 flex items-center justify-between" }, ir = { class: "text-title-small font-medium capitalize text-on-surface" }, ar = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, or = { class: "grid grid-cols-7 gap-0.5" }, sr = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], ur = /* @__PURE__ */ T({
+], cr = /* @__PURE__ */ T({
 	__name: "MDateRangePicker",
 	props: {
 		modelValue: {},
@@ -2443,7 +2448,7 @@ var Se = /* @__PURE__ */ T({
 			e ? (f.value = a.modelValue.start && !a.modelValue.end ? "end" : "start", te(), setTimeout(() => document.addEventListener("mousedown", K), 0)) : document.removeEventListener("mousedown", K);
 		}), M(() => window.addEventListener("scroll", J, !0)), N(() => {
 			window.removeEventListener("scroll", J, !0), document.removeEventListener("mousedown", K);
-		}), (t, n) => (P(), b("div", $n, [
+		}), (t, n) => (P(), b("div", Zn, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -2459,7 +2464,7 @@ var Se = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				G.value ? (P(), b("span", er, H(G.value), 1)) : (P(), b("span", tr, H(r.label || r.placeholder || U(o).selectRange), 1)),
+				G.value ? (P(), b("span", Qn, H(G.value), 1)) : (P(), b("span", $n, H(r.label || r.placeholder || U(o).selectRange), 1)),
 				r.modelValue.start || r.modelValue.end ? (P(), v(d, {
 					key: 2,
 					name: "close",
@@ -2471,7 +2476,7 @@ var Se = /* @__PURE__ */ T({
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", c.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"])
 			}, H(r.label), 3)) : y("", !0)], 4),
-			r.error ? (P(), b("p", nr, H(r.error), 1)) : r.hint ? (P(), b("p", rr, H(r.hint), 1)) : y("", !0),
+			r.error ? (P(), b("p", er, H(r.error), 1)) : r.hint ? (P(), b("p", tr, H(r.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2485,15 +2490,15 @@ var Se = /* @__PURE__ */ T({
 					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: A(S.value)
 				}, [
-					x("p", ir, H(f.value === "start" ? r.pickStartText ?? U(o).pickStart : r.pickEndText ?? U(o).pickEnd), 1),
-					x("div", ar, [
+					x("p", nr, H(f.value === "start" ? r.pickStartText ?? U(o).pickStart : r.pickEndText ?? U(o).pickEnd), 1),
+					x("div", rr, [
 						w(e, {
 							icon: "chevron_left",
 							label: r.prevMonthLabel ?? U(o).previousMonth,
 							size: 36,
 							onClick: V
 						}, null, 8, ["label"]),
-						x("span", or, H(D.value), 1),
+						x("span", ir, H(D.value), 1),
 						w(e, {
 							icon: "chevron_right",
 							label: r.nextMonthLabel ?? U(o).nextMonth,
@@ -2501,34 +2506,34 @@ var Se = /* @__PURE__ */ T({
 							onClick: W
 						}, null, 8, ["label"])
 					]),
-					x("div", sr, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("span", {
+					x("div", ar, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, H(e), 1))), 128))]),
-					x("div", cr, [(P(!0), b(p, null, R(O.value, (e, t) => (P(), b("button", {
+					x("div", or, [(P(!0), b(p, null, R(O.value, (e, t) => (P(), b("button", {
 						key: t,
 						type: "button",
 						class: k(["flex h-9 w-full items-center justify-center text-body-medium transition-colors duration-100", [e.disabled ? "cursor-not-allowed text-on-surface/25 rounded-full" : e.iso === r.modelValue.start || e.iso === r.modelValue.end ? "bg-primary text-on-primary rounded-full" : B(e.iso) ? "bg-primary/12 text-on-surface cursor-pointer" : e.iso === U(I) ? "border border-primary text-primary rounded-full cursor-pointer hover:bg-primary/8" : e.current ? "cursor-pointer text-on-surface rounded-full hover:bg-on-surface/8" : "cursor-pointer text-on-surface-variant/50 rounded-full hover:bg-on-surface/4"]]),
 						disabled: e.disabled,
 						onMouseenter: (t) => f.value === "end" && (g.value = e.iso),
 						onClick: (t) => z(e)
-					}, H(e.date), 43, lr))), 128))])
+					}, H(e.date), 43, sr))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), dr = {
+}), lr = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, fr = {
+}, ur = {
 	key: 1,
 	class: "h-px flex-1 bg-outline-variant"
-}, pr = {
+}, dr = {
 	key: 1,
 	class: "w-px self-stretch bg-outline-variant",
 	role: "separator"
-}, mr = /* @__PURE__ */ T({
+}, fr = /* @__PURE__ */ T({
 	__name: "MDivider",
 	props: {
 		vertical: {
@@ -2542,25 +2547,25 @@ var Se = /* @__PURE__ */ T({
 		}
 	},
 	setup(e) {
-		return (t, n) => e.vertical ? (P(), b("div", pr)) : (P(), b("div", {
+		return (t, n) => e.vertical ? (P(), b("div", dr)) : (P(), b("div", {
 			key: 0,
 			class: k(["flex items-center gap-3", e.inset && "ml-16"]),
 			role: "separator"
 		}, [
 			n[0] ||= x("div", { class: "h-px flex-1 bg-outline-variant" }, null, -1),
-			e.label ? (P(), b("span", dr, H(e.label), 1)) : y("", !0),
-			e.label ? (P(), b("div", fr)) : y("", !0)
+			e.label ? (P(), b("span", lr, H(e.label), 1)) : y("", !0),
+			e.label ? (P(), b("div", ur)) : y("", !0)
 		], 2));
 	}
-}), hr = {
+}), pr = {
 	class: "flex flex-col",
 	role: "listbox"
-}, gr = [
+}, mr = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], _r = ["onDragstart"], vr = { class: "min-w-0 flex-1" }, yr = { class: "text-body-medium text-on-surface" }, br = /* @__PURE__ */ T({
+], hr = ["onDragstart"], gr = { class: "min-w-0 flex-1" }, _r = { class: "text-body-medium text-on-surface" }, vr = /* @__PURE__ */ T({
 	__name: "MDragDropList",
 	props: {
 		modelValue: {},
@@ -2604,7 +2609,7 @@ var Se = /* @__PURE__ */ T({
 		function m(e) {
 			return i.value === e ? "opacity-30" : a.value === e && i.value !== null ? "ring-2 ring-primary ring-inset" : "";
 		}
-		return (t, n) => (P(), b("div", hr, [(P(!0), b(p, null, R(e.modelValue, (n, r) => (P(), b("div", {
+		return (t, n) => (P(), b("div", pr, [(P(!0), b(p, null, R(e.modelValue, (n, r) => (P(), b("div", {
 			key: n.id,
 			draggable: !e.handle,
 			class: k(["group flex items-center gap-2 rounded-lg px-3 py-2 transition-all", [m(r), !e.handle && "cursor-grab active:cursor-grabbing"]]),
@@ -2622,12 +2627,12 @@ var Se = /* @__PURE__ */ T({
 		}, [w(d, {
 			name: "drag_indicator",
 			size: 20
-		})], 40, _r)) : y("", !0), x("div", vr, [z(t.$slots, "default", {
+		})], 40, hr)) : y("", !0), x("div", gr, [z(t.$slots, "default", {
 			item: n,
 			index: r
-		}, () => [x("span", yr, H(n.id), 1)])])], 42, gr))), 128))]));
+		}, () => [x("span", _r, H(n.id), 1)])])], 42, mr))), 128))]));
 	}
-}), xr = ["aria-label", "role"], Sr = /* @__PURE__ */ T({
+}), yr = ["aria-label", "role"], br = /* @__PURE__ */ T({
 	__name: "MEmoji",
 	props: {
 		emoji: {},
@@ -2644,9 +2649,9 @@ var Se = /* @__PURE__ */ T({
 			}),
 			"aria-label": e.label,
 			role: e.label ? "img" : void 0
-		}, H(e.emoji), 13, xr));
+		}, H(e.emoji), 13, yr));
 	}
-}), Cr = [
+}), xr = [
 	{
 		id: "smileys",
 		label: "Smileys",
@@ -2713,14 +2718,14 @@ var Se = /* @__PURE__ */ T({
 		icon: "flag",
 		emojis: /* @__PURE__ */ "🏁.🚩.🎌.🏴.🏳️.🏳️‍🌈.🏳️‍⚧️.🏴‍☠️.🇦🇷.🇦🇺.🇧🇷.🇨🇦.🇨🇱.🇨🇳.🇨🇴.🇩🇪.🇪🇸.🇫🇷.🇬🇧.🇮🇹.🇯🇵.🇰🇷.🇲🇽.🇳🇱.🇵🇪.🇵🇹.🇷🇺.🇸🇪.🇺🇸.🇻🇪.🇪🇨.🇧🇴.🇵🇾.🇺🇾.🇨🇷.🇵🇦.🇨🇺.🇩🇴.🇬🇹.🇭🇳.🇳🇮.🇸🇻.🇵🇷.🇮🇳.🇮🇩.🇹🇷.🇵🇭.🇹🇭".split(".")
 	}
-], wr = Cr.flatMap((e) => e.emojis);
-function Tr(e) {
-	let t = e ?? wr;
+], Sr = xr.flatMap((e) => e.emojis);
+function Cr(e) {
+	let t = e ?? Sr;
 	return t[Math.floor(Math.random() * t.length)];
 }
 //#endregion
 //#region src/components/MEmojiButton.vue?vue&type=script&setup=true&lang.ts
-var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__PURE__ */ T({
+var wr = ["aria-label", "disabled"], Tr = { class: "leading-none" }, Er = /* @__PURE__ */ T({
 	__name: "MEmojiButton",
 	props: {
 		emoji: { default: "😀" },
@@ -2740,10 +2745,10 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = L(n.emoji);
 		function a() {
-			return n.category ? Cr.find((e) => e.id === n.category)?.emojis ?? wr : wr;
+			return n.category ? xr.find((e) => e.id === n.category)?.emojis ?? Sr : Sr;
 		}
 		function o() {
-			!n.randomOnHover || n.disabled || (i.value = Tr(a()));
+			!n.randomOnHover || n.disabled || (i.value = Cr(a()));
 		}
 		function s() {}
 		function c() {
@@ -2762,15 +2767,15 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			onMouseenter: o,
 			onMouseleave: s,
 			onClick: c
-		}, [x("span", Dr, H(i.value), 1)], 46, Er));
+		}, [x("span", Tr, H(i.value), 1)], 46, wr));
 	}
-}), kr = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, Ar = {
+}), Dr = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, Or = {
 	key: 0,
 	class: "px-3 pt-3"
-}, jr = { class: "flex gap-0.5 overflow-x-auto border-b border-outline-variant px-2 py-1.5" }, Mr = ["title", "onClick"], Nr = { class: "sticky -top-px z-10 -mx-2 bg-surface-container px-3 py-1.5 text-label-medium text-on-surface-variant" }, Pr = ["onClick"], Fr = {
+}, kr = { class: "flex gap-0.5 overflow-x-auto border-b border-outline-variant px-2 py-1.5" }, Ar = ["title", "onClick"], jr = { class: "sticky -top-px z-10 -mx-2 bg-surface-container px-3 py-1.5 text-label-medium text-on-surface-variant" }, Mr = ["onClick"], Nr = {
 	key: 0,
 	class: "py-8 text-center text-body-medium text-on-surface-variant"
-}, Ir = /* @__PURE__ */ T({
+}, Pr = /* @__PURE__ */ T({
 	__name: "MEmojiSelector",
 	props: {
 		categories: {},
@@ -2783,7 +2788,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = L(""), a = L(null), o = L(null), c = L({}), l = _(() => n.categories?.length ? Cr.filter((e) => n.categories.includes(e.id)) : Cr), u = _(() => {
+		let n = e, r = t, i = L(""), a = L(null), o = L(null), c = L({}), l = _(() => n.categories?.length ? xr.filter((e) => n.categories.includes(e.id)) : xr), u = _(() => {
 			if (!i.value) return l.value;
 			let e = i.value.toLowerCase();
 			return l.value.map((t) => ({
@@ -2805,15 +2810,15 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		function h(e, t) {
 			t && (c.value[e] = t);
 		}
-		return (t, n) => (P(), b("div", kr, [
-			e.search ? (P(), b("div", Ar, [w(s, {
+		return (t, n) => (P(), b("div", Dr, [
+			e.search ? (P(), b("div", Or, [w(s, {
 				modelValue: i.value,
 				"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 				label: "Search",
 				"leading-icon": "search",
 				variant: "outlined"
 			}, null, 8, ["modelValue"])])) : y("", !0),
-			x("div", jr, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("button", {
+			x("div", kr, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("button", {
 				key: e.id,
 				type: "button",
 				title: e.label,
@@ -2822,7 +2827,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			}, [w(d, {
 				name: e.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, Mr))), 128))]),
+			}, null, 8, ["name"])], 10, Ar))), 128))]),
 			x("div", {
 				ref_key: "scrollContainer",
 				ref: o,
@@ -2832,7 +2837,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				key: t.id,
 				ref_for: !0,
 				ref: (e) => h(t.id, e)
-			}, [x("p", Nr, H(t.label), 1), x("div", {
+			}, [x("p", jr, H(t.label), 1), x("div", {
 				class: "grid gap-0.5",
 				style: A({ gridTemplateColumns: `repeat(${e.columns}, 1fr)` })
 			}, [(P(!0), b(p, null, R(t.emojis, (t) => (P(), b("button", {
@@ -2844,10 +2849,10 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 					height: `${e.emojiSize + 10}px`
 				}),
 				onClick: (e) => m(t)
-			}, H(t), 13, Pr))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (P(), b("p", Fr, " No results ")) : y("", !0)], 512)
+			}, H(t), 13, Mr))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (P(), b("p", Nr, " No results ")) : y("", !0)], 512)
 		]));
 	}
-}), Lr = /* @__PURE__ */ T({
+}), Fr = /* @__PURE__ */ T({
 	__name: "MEmptyState",
 	props: {
 		icon: { default: "inbox" },
@@ -2872,13 +2877,13 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			}, [z(t.$slots, "actions")], 2)) : y("", !0)
 		], 2));
 	}
-}), Rr = ["aria-expanded", "disabled"], zr = { class: "flex-1 min-w-0" }, Br = { class: "text-body-large font-medium text-on-surface" }, Vr = {
+}), Ir = ["aria-expanded", "disabled"], Lr = { class: "flex-1 min-w-0" }, Rr = { class: "text-body-large font-medium text-on-surface" }, zr = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, Hr = {
+}, Br = {
 	key: 0,
 	class: "expand-grid"
-}, Ur = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, Wr = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Vr = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, Hr = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MExpansionPanel",
 	props: {
 		title: {},
@@ -2913,24 +2918,24 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				size: 22,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : y("", !0),
-			x("div", zr, [x("p", Br, H(e.title), 1), e.subtitle ? (P(), b("p", Vr, H(e.subtitle), 1)) : y("", !0)]),
+			x("div", Lr, [x("p", Rr, H(e.title), 1), e.subtitle ? (P(), b("p", zr, H(e.subtitle), 1)) : y("", !0)]),
 			w(d, {
 				name: "expand_more",
 				size: 22,
 				class: k(["shrink-0 text-on-surface-variant transition-transform duration-200", a.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])
-		], 10, Rr), w(h, { name: "expand" }, {
-			default: Y(() => [a.value ? (P(), b("div", Hr, [x("div", Ur, [z(t.$slots, "default", {}, void 0, !0)])])) : y("", !0)]),
+		], 10, Ir), w(h, { name: "expand" }, {
+			default: Y(() => [a.value ? (P(), b("div", Br, [x("div", Vr, [z(t.$slots, "default", {}, void 0, !0)])])) : y("", !0)]),
 			_: 3
 		})], 2));
 	}
-}), [["__scopeId", "data-v-89e4475b"]]), Gr = {
+}), [["__scopeId", "data-v-89e4475b"]]), Ur = {
 	key: 0,
 	class: "text-label-large font-medium"
-}, Kr = ["data-tick"], qr = {
+}, Wr = ["data-tick"], Gr = {
 	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, Jr = 8, Yr = /* @__PURE__ */ T({
+}, $ = 40, Kr = 8, qr = /* @__PURE__ */ T({
 	__name: "MFab",
 	props: {
 		icon: {},
@@ -3002,7 +3007,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 					zIndex: "1000"
 				};
 			}
-			let l = f.value / 2 + Jr + $ / 2 + e * 48, u = {
+			let l = f.value / 2 + Kr + $ / 2 + e * 48, u = {
 				up: {
 					top: `${i - l - $ / 2}px`,
 					left: `${r - $ / 2}px`
@@ -3076,7 +3081,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				"name",
 				"size",
 				"class"
-			]), e.label ? (P(), b("span", Gr, H(e.label), 1)) : y("", !0)]),
+			]), e.label ? (P(), b("span", Ur, H(e.label), 1)) : y("", !0)]),
 			_: 1
 		}, 40, [
 			"to",
@@ -3086,11 +3091,11 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		]))], 512), (P(), v(m, { to: "body" }, [s.value ? (P(), b(p, { key: 0 }, [x("span", {
 			"data-tick": C.value,
 			class: "hidden"
-		}, null, 8, Kr), (P(!0), b(p, null, R(e.items, (t, n) => (P(), b("div", {
+		}, null, 8, Wr), (P(!0), b(p, null, R(e.items, (t, n) => (P(), b("div", {
 			key: n,
 			style: A(g(n)),
 			class: k(["flex items-center gap-3", S.value ? "flex-row-reverse" : ""])
-		}, [t.label && S.value ? (P(), b("span", qr, H(t.label), 1)) : y("", !0), (P(), v(V(t.to ? "RouterLink" : "button"), {
+		}, [t.label && S.value ? (P(), b("span", Gr, H(t.label), 1)) : y("", !0), (P(), v(V(t.to ? "RouterLink" : "button"), {
 			to: t.to || void 0,
 			type: t.to ? void 0 : "button",
 			class: k(["relative flex cursor-pointer items-center justify-center overflow-hidden rounded-lg shadow-elevation-1 transition-shadow duration-150 hover:shadow-elevation-2 active:shadow-elevation-1 before:content-[''] before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 hover:before:opacity-[0.08] active:before:opacity-[0.12]", c[e.color]]),
@@ -3113,17 +3118,17 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			"onPointerdown"
 		]))], 6))), 128))], 64)) : y("", !0)]))], 64));
 	}
-}), Xr = { class: "flex flex-col gap-3" }, Zr = { class: "text-center" }, Qr = { class: "text-body-large text-on-surface" }, $r = { class: "font-medium text-primary" }, ei = {
+}), Jr = { class: "flex flex-col gap-3" }, Yr = { class: "text-center" }, Xr = { class: "text-body-large text-on-surface" }, Zr = { class: "font-medium text-primary" }, Qr = {
 	key: 0,
 	class: "mt-1 text-body-small text-on-surface-variant"
-}, ti = { key: 0 }, ni = { key: 1 }, ri = { key: 2 }, ii = [
+}, $r = { key: 0 }, ei = { key: 1 }, ti = { key: 2 }, ni = [
 	"accept",
 	"multiple",
 	"disabled"
-], ai = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, oi = ["src"], si = { class: "min-w-0 flex-1" }, ci = { class: "truncate text-body-medium text-on-surface" }, li = { class: "text-body-small text-on-surface-variant" }, ui = {
+], ri = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, ii = ["src"], ai = { class: "min-w-0 flex-1" }, oi = { class: "truncate text-body-medium text-on-surface" }, si = { class: "text-body-small text-on-surface-variant" }, ci = {
 	key: 0,
 	class: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-surface-container-highest"
-}, di = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, li = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MFileUpload",
 	props: {
 		accept: {},
@@ -3175,7 +3180,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		function O() {
 			a.disabled || u.value?.click();
 		}
-		return (n, r) => (P(), b("div", Xr, [
+		return (n, r) => (P(), b("div", Jr, [
 			x("div", {
 				class: k(["relative flex min-h-[160px] cursor-pointer flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-6 transition-colors duration-150", [t.disabled ? "cursor-not-allowed border-outline-variant/50 bg-surface-container/30 opacity-60" : l.value ? "border-primary bg-primary-container/20" : "border-outline-variant bg-surface-container-lowest hover:border-primary/60 hover:bg-surface-container"]]),
 				onClick: O,
@@ -3187,10 +3192,10 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				name: l.value ? "downloading" : "cloud_upload",
 				size: 40,
 				class: "text-on-surface-variant"
-			}, null, 8, ["name"]), x("div", Zr, [z(n.$slots, "dropzone", {}, () => [x("p", Qr, [C(H(t.dropText ?? U(i).dropText) + " ", 1), x("span", $r, H(t.selectText ?? U(i).selectText), 1)]), t.accept || t.maxSize ? (P(), b("p", ei, [
-				t.accept ? (P(), b("span", ti, H(t.accept), 1)) : y("", !0),
-				t.accept && t.maxSize ? (P(), b("span", ni, " · ")) : y("", !0),
-				t.maxSize ? (P(), b("span", ri, H(t.maxSizePrefix ?? U(i).maxSizePrefix) + " " + H(h(t.maxSize)), 1)) : y("", !0)
+			}, null, 8, ["name"]), x("div", Yr, [z(n.$slots, "dropzone", {}, () => [x("p", Xr, [C(H(t.dropText ?? U(i).dropText) + " ", 1), x("span", Zr, H(t.selectText ?? U(i).selectText), 1)]), t.accept || t.maxSize ? (P(), b("p", Qr, [
+				t.accept ? (P(), b("span", $r, H(t.accept), 1)) : y("", !0),
+				t.accept && t.maxSize ? (P(), b("span", ei, " · ")) : y("", !0),
+				t.maxSize ? (P(), b("span", ti, H(t.maxSizePrefix ?? U(i).maxSizePrefix) + " " + H(h(t.maxSize)), 1)) : y("", !0)
 			])) : y("", !0)], !0)])], 34),
 			x("input", {
 				ref_key: "inputRef",
@@ -3201,7 +3206,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				multiple: t.multiple,
 				disabled: t.disabled,
 				onChange: E
-			}, null, 40, ii),
+			}, null, 40, ni),
 			w(g, {
 				name: "m3-file",
 				tag: "div",
@@ -3211,20 +3216,20 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 					key: n.id,
 					class: "flex items-center gap-3 rounded-lg bg-surface-container p-3"
 				}, [
-					x("div", ai, [n.preview ? (P(), b("img", {
+					x("div", ri, [n.preview ? (P(), b("img", {
 						key: 0,
 						src: n.preview,
 						class: "h-full w-full object-cover"
-					}, null, 8, oi)) : (P(), v(d, {
+					}, null, 8, ii)) : (P(), v(d, {
 						key: 1,
 						name: "description",
 						size: 24,
 						class: "text-on-surface-variant"
 					}))]),
-					x("div", si, [
-						x("p", ci, H(n.file.name), 1),
-						x("p", li, H(h(n.file.size)), 1),
-						n.status === "uploading" ? (P(), b("div", ui, [x("div", {
+					x("div", ai, [
+						x("p", oi, H(n.file.name), 1),
+						x("p", si, H(h(n.file.size)), 1),
+						n.status === "uploading" ? (P(), b("div", ci, [x("div", {
 							class: "h-full rounded-full bg-primary transition-[width] duration-300",
 							style: A({ width: `${n.progress}%` })
 						}, null, 4)])) : y("", !0)
@@ -3254,11 +3259,13 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-6b150427"]]), fi = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-6b150427"]]), ui = /* @__PURE__ */ T({
 	__name: "MFixed",
 	props: {
 		placement: {},
 		offset: { default: 0 },
+		offsetX: {},
+		offsetY: {},
 		top: {},
 		right: {},
 		bottom: {},
@@ -3281,11 +3288,11 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				zIndex: t.zIndex
 			};
 			if (t.placement) {
-				let e = n(t.offset), [r, i] = t.placement.split("-"), a = {
+				let e = n(t.offsetY ?? t.offset), r = n(t.offsetX ?? t.offset), [i, a] = t.placement.split("-"), o = {
 					position: "fixed",
 					zIndex: t.zIndex == null ? void 0 : String(t.zIndex)
 				};
-				return r === "top" ? a.top = e : r === "bottom" ? a.bottom = e : (a.top = "50%", a.transform = "translateY(-50%)"), i === "left" ? a.left = e : i === "right" ? a.right = e : (a.left = "50%", a.transform = a.transform ? "translate(-50%, -50%)" : "translateX(-50%)"), a;
+				return i === "top" ? o.top = e : i === "bottom" ? o.bottom = e : (o.top = "50%", o.transform = "translateY(-50%)"), a === "left" ? o.left = r : a === "right" ? o.right = r : (o.left = "50%", o.transform = o.transform ? "translate(-50%, -50%)" : "translateX(-50%)"), o;
 			}
 			return {
 				position: "fixed",
@@ -3298,7 +3305,40 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		});
 		return (e, t) => (P(), b("div", { style: A(r.value) }, [z(e.$slots, "default")], 4));
 	}
-}), pi = /* @__PURE__ */ T({
+}), di = {
+	key: 0,
+	class: "px-6 pt-6 pb-2 sm:px-8 lg:px-12"
+}, fi = {
+	key: 1,
+	class: "px-6 py-6 sm:px-8 lg:px-12"
+}, pi = {
+	key: 2,
+	class: "flex flex-wrap items-center gap-1 px-6 pb-4 sm:px-8 lg:px-12"
+}, mi = {
+	key: 3,
+	class: "border-t border-outline-variant px-6 py-4 sm:px-8 lg:px-12"
+}, hi = /* @__PURE__ */ T({
+	__name: "MFooter",
+	props: {
+		bordered: { type: Boolean },
+		surface: { default: "default" }
+	},
+	setup(e) {
+		let t = {
+			default: "bg-surface text-on-surface",
+			container: "bg-surface-container text-on-surface",
+			"container-low": "bg-surface-container-low text-on-surface",
+			"container-high": "bg-surface-container-high text-on-surface",
+			inverse: "bg-inverse-surface text-inverse-on-surface"
+		};
+		return (n, r) => (P(), b("footer", { class: k(["w-full", [t[e.surface], e.bordered ? "border-t border-outline-variant" : ""]]) }, [
+			n.$slots.brand ? (P(), b("div", di, [z(n.$slots, "brand")])) : y("", !0),
+			n.$slots.default ? (P(), b("div", fi, [z(n.$slots, "default")])) : y("", !0),
+			n.$slots.social ? (P(), b("div", pi, [z(n.$slots, "social")])) : y("", !0),
+			n.$slots.bottom ? (P(), b("div", mi, [z(n.$slots, "bottom")])) : y("", !0)
+		], 2));
+	}
+}), gi = /* @__PURE__ */ T({
 	__name: "MFlex",
 	props: {
 		direction: { default: "row" },
@@ -3350,7 +3390,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		]);
 		return (e, t) => (P(), b("div", { class: k(o.value) }, [z(e.$slots, "default")], 2));
 	}
-}), mi = /* @__PURE__ */ T({
+}), _i = /* @__PURE__ */ T({
 	__name: "MFullscreen",
 	props: {
 		fixed: {
@@ -3367,7 +3407,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		}));
 		return (e, t) => (P(), b("div", { style: A(n.value) }, [z(e.$slots, "default")], 4));
 	}
-}), hi = /* @__PURE__ */ T({
+}), vi = /* @__PURE__ */ T({
 	__name: "MGrid",
 	props: {
 		cols: { default: 1 },
@@ -3443,13 +3483,13 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		]);
 		return (e, t) => (P(), b("div", { class: k(l.value) }, [z(e.$slots, "default")], 2));
 	}
-}), gi = {
+}), yi = {
 	key: 0,
 	class: "flex flex-col gap-4"
-}, _i = {
+}, bi = {
 	key: 0,
 	class: "mb-2 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, vi = { class: "flex flex-col gap-1" }, yi = { class: "text-body-medium text-on-surface" }, bi = { class: "flex items-center gap-0.5" }, xi = /* @__PURE__ */ T({
+}, xi = { class: "flex flex-col gap-1" }, Si = { class: "text-body-medium text-on-surface" }, Ci = { class: "flex items-center gap-0.5" }, wi = /* @__PURE__ */ T({
 	__name: "MHotkeys",
 	props: {
 		bindings: {},
@@ -3506,15 +3546,15 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			}
 			return e;
 		};
-		return (t, n) => e.showOverlay ? (P(), b("div", gi, [(P(!0), b(p, null, R(s(), ([e, t]) => (P(), b("div", { key: e }, [e ? (P(), b("p", _i, H(e), 1)) : y("", !0), x("div", vi, [(P(!0), b(p, null, R(t, (e) => (P(), b("div", {
+		return (t, n) => e.showOverlay ? (P(), b("div", yi, [(P(!0), b(p, null, R(s(), ([e, t]) => (P(), b("div", { key: e }, [e ? (P(), b("p", bi, H(e), 1)) : y("", !0), x("div", xi, [(P(!0), b(p, null, R(t, (e) => (P(), b("div", {
 			key: e.keys,
 			class: k(["flex items-center justify-between rounded-lg px-3 py-2 transition-colors hover:bg-on-surface/4", e.disabled && "opacity-38"])
-		}, [x("span", yi, H(e.label), 1), x("div", bi, [(P(!0), b(p, null, R(e.keys.split("+"), (e, t) => (P(), b("kbd", {
+		}, [x("span", Si, H(e.label), 1), x("div", Ci, [(P(!0), b(p, null, R(e.keys.split("+"), (e, t) => (P(), b("kbd", {
 			key: t,
 			class: "inline-flex min-w-[24px] items-center justify-center rounded bg-surface-container px-1.5 py-0.5 text-center text-label-small font-medium text-on-surface-variant"
 		}, H(r(e.trim())), 1))), 128))])], 2))), 128))])]))), 128))])) : y("", !0);
 	}
-}), Si = { class: "flex items-center gap-3" }, Ci = { class: "text-body-medium text-on-surface-variant" }, wi = { class: "text-body-small text-on-surface-variant" }, Ti = /* @__PURE__ */ T({
+}), Ti = { class: "flex items-center gap-3" }, Ei = { class: "text-body-medium text-on-surface-variant" }, Di = { class: "text-body-small text-on-surface-variant" }, Oi = /* @__PURE__ */ T({
 	__name: "MInfiniteScroll",
 	props: {
 		loading: {
@@ -3545,30 +3585,30 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			ref_key: "sentinelRef",
 			ref: o,
 			class: "flex items-center justify-center py-4"
-		}, [e.loading ? z(t.$slots, "loading", { key: 0 }, () => [x("div", Si, [w(c, {
+		}, [e.loading ? z(t.$slots, "loading", { key: 0 }, () => [x("div", Ti, [w(c, {
 			size: 20,
 			class: "text-primary"
-		}), x("span", Ci, H(e.loadingText ?? U(r).loadingMore), 1)])]) : e.ended ? z(t.$slots, "end", { key: 1 }, () => [x("p", wi, H(e.endText ?? U(r).noMoreItems), 1)]) : z(t.$slots, "idle", { key: 2 })], 512)]));
+		}), x("span", Ei, H(e.loadingText ?? U(r).loadingMore), 1)])]) : e.ended ? z(t.$slots, "end", { key: 1 }, () => [x("p", Di, H(e.endText ?? U(r).noMoreItems), 1)]) : z(t.$slots, "idle", { key: 2 })], 512)]));
 	}
-}), Ei = {
+}), ki = {
 	key: 0,
 	class: "text-tertiary"
-}, Di = { class: "text-on-surface-variant" }, Oi = {
+}, Ai = { class: "text-on-surface-variant" }, ji = {
 	key: 1,
 	class: "text-on-surface-variant/60"
-}, ki = {
+}, Mi = {
 	key: 2,
 	class: "text-on-surface-variant"
-}, Ai = {
+}, Ni = {
 	key: 0,
 	class: "ml-5 border-l border-outline-variant/40 pl-2"
-}, ji = { class: "shrink-0 text-primary" }, Mi = {
+}, Pi = { class: "shrink-0 text-primary" }, Fi = {
 	key: 0,
 	class: "shrink-0 text-on-surface-variant mr-1"
-}, Ni = {
+}, Ii = {
 	key: 1,
 	class: "ml-5 text-on-surface-variant"
-}, Pi = /* @__PURE__ */ T({
+}, Li = /* @__PURE__ */ T({
 	__name: "MJsonViewer",
 	props: {
 		data: {},
@@ -3609,17 +3649,17 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 						size: 16,
 						class: "text-on-surface-variant transition-transform duration-100"
 					}, null, 8, ["name"]),
-					e._depth === 0 || e.rootName ? (P(), b("span", Ei, H(e._depth === 0 ? e.rootName : ""), 1)) : y("", !0),
-					x("span", Di, H(s.value), 1),
-					n.value ? y("", !0) : (P(), b("span", Oi, H(o.value) + " " + H(r.value === "array" ? "elementos" : "campos"), 1)),
-					n.value ? y("", !0) : (P(), b("span", ki, H(c.value), 1))
+					e._depth === 0 || e.rootName ? (P(), b("span", ki, H(e._depth === 0 ? e.rootName : ""), 1)) : y("", !0),
+					x("span", Ai, H(s.value), 1),
+					n.value ? y("", !0) : (P(), b("span", ji, H(o.value) + " " + H(r.value === "array" ? "elementos" : "campos"), 1)),
+					n.value ? y("", !0) : (P(), b("span", Mi, H(c.value), 1))
 				]),
-				n.value ? (P(), b("div", Ai, [(P(!0), b(p, null, R(a.value, (t) => (P(), b("div", {
+				n.value ? (P(), b("div", Ni, [(P(!0), b(p, null, R(a.value, (t) => (P(), b("div", {
 					key: t.key,
 					class: "flex items-start"
 				}, [
-					x("span", ji, H(r.value === "array" ? "" : `"${t.key}"`), 1),
-					r.value === "array" ? y("", !0) : (P(), b("span", Mi, ":")),
+					x("span", Pi, H(r.value === "array" ? "" : `"${t.key}"`), 1),
+					r.value === "array" ? y("", !0) : (P(), b("span", Fi, ":")),
 					t.value !== null && typeof t.value == "object" ? (P(), v(m, {
 						key: 1,
 						data: t.value,
@@ -3636,21 +3676,21 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 						class: k(l(t.value))
 					}, H(u(t.value)), 3))
 				]))), 128))])) : y("", !0),
-				n.value ? (P(), b("span", Ni, H(c.value), 1)) : y("", !0)
+				n.value ? (P(), b("span", Ii, H(c.value), 1)) : y("", !0)
 			], 64)) : (P(), b("span", {
 				key: 1,
 				class: k(l(e.data))
 			}, H(u(e.data)), 3))], 2);
 		};
 	}
-}), Fi = { class: "flex gap-4 overflow-x-auto pb-2" }, Ii = ["onDragover", "onDrop"], Li = { class: "flex items-center gap-2 px-4 py-3" }, Ri = { class: "flex-1 text-title-small font-medium text-on-surface" }, zi = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, Bi = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, Vi = [
+}), Ri = { class: "flex gap-4 overflow-x-auto pb-2" }, zi = ["onDragover", "onDrop"], Bi = { class: "flex items-center gap-2 px-4 py-3" }, Vi = { class: "flex-1 text-title-small font-medium text-on-surface" }, Hi = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, Ui = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, Wi = [
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], Hi = { class: "text-body-medium text-on-surface" }, Ui = {
+], Gi = { class: "text-body-medium text-on-surface" }, Ki = {
 	key: 0,
 	class: "flex flex-1 items-center justify-center rounded-lg border border-dashed border-outline-variant/50 p-4"
-}, Wi = /* @__PURE__ */ T({
+}, qi = /* @__PURE__ */ T({
 	__name: "MKanban",
 	props: { modelValue: {} },
 	emits: [
@@ -3709,20 +3749,20 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		function f() {
 			i.value = null, a.value = null, o.value = null;
 		}
-		return (t, n) => (P(), b("div", Fi, [(P(!0), b(p, null, R(e.modelValue, (e) => (P(), b("div", {
+		return (t, n) => (P(), b("div", Ri, [(P(!0), b(p, null, R(e.modelValue, (e) => (P(), b("div", {
 			key: e.id,
 			class: k(["flex w-72 shrink-0 flex-col rounded-xl bg-surface-container-low", a.value === e.id && i.value ? "ring-2 ring-primary ring-inset" : ""]),
 			onDragover: (t) => l(t, e.id),
 			onDragleave: n[0] ||= (e) => a.value = null,
 			onDrop: (t) => d(t, e.id)
-		}, [x("div", Li, [
+		}, [x("div", Bi, [
 			e.color ? (P(), b("div", {
 				key: 0,
 				class: k(["h-2.5 w-2.5 rounded-full", s[e.color] ?? "bg-primary"])
 			}, null, 2)) : y("", !0),
-			x("h3", Ri, H(e.title), 1),
-			x("span", zi, H(e.cards.length), 1)
-		]), x("div", Bi, [(P(!0), b(p, null, R(e.cards, (n, s) => (P(), b("div", {
+			x("h3", Vi, H(e.title), 1),
+			x("span", Hi, H(e.cards.length), 1)
+		]), x("div", Ui, [(P(!0), b(p, null, R(e.cards, (n, s) => (P(), b("div", {
 			key: n.id,
 			draggable: "true",
 			class: k(["cursor-grab rounded-lg bg-surface p-3 shadow-elevation-1 transition-all duration-150 active:cursor-grabbing", [i.value?.cardId === n.id ? "opacity-30" : "hover:shadow-elevation-2", o.value === s && a.value === e.id && i.value ? "border-t-2 border-primary" : ""]]),
@@ -3736,9 +3776,9 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		}, [z(t.$slots, "card", {
 			card: n,
 			column: e
-		}, () => [x("p", Hi, H(n.id), 1)])], 42, Vi))), 128)), e.cards.length === 0 ? (P(), b("div", Ui, [...n[1] ||= [x("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : y("", !0)])], 42, Ii))), 128))]));
+		}, () => [x("p", Gi, H(n.id), 1)])], 42, Wi))), 128)), e.cards.length === 0 ? (P(), b("div", Ki, [...n[1] ||= [x("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : y("", !0)])], 42, zi))), 128))]));
 	}
-}), Gi = /* @__PURE__ */ T({
+}), Ji = /* @__PURE__ */ T({
 	__name: "MList",
 	props: {
 		dense: {
@@ -3778,10 +3818,10 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			class: k(i.value)
 		}, [z(e.$slots, "default")], 2));
 	}
-}), Ki = ["checked", "disabled"], qi = {
+}), Yi = ["checked", "disabled"], Xi = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, Ji = /* @__PURE__ */ T({
+}, Zi = /* @__PURE__ */ T({
 	__name: "MSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -3803,7 +3843,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			checked: e.modelValue,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", !e.modelValue)
-		}, null, 40, Ki), x("span", {
+		}, null, 40, Yi), x("span", {
 			class: k(["absolute left-1 top-1/2 flex h-6 w-6 items-center justify-center rounded-full will-change-transform", e.modelValue ? "bg-on-primary shadow-sm" : "bg-outline"]),
 			style: A(i.value)
 		}, [w(h, {
@@ -3821,21 +3861,21 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				class: "text-primary"
 			})) : y("", !0)]),
 			_: 1
-		})], 6)], 2), e.label ? (P(), b("span", qi, H(e.label), 1)) : y("", !0)], 2));
+		})], 6)], 2), e.label ? (P(), b("span", Xi, H(e.label), 1)) : y("", !0)], 2));
 	}
-}), Yi = {
+}), Qi = {
 	key: 0,
 	role: "listitem"
-}, Xi = { class: "min-w-0 flex-1" }, Zi = { class: "truncate text-body-large text-on-surface" }, Qi = {
+}, $i = { class: "min-w-0 flex-1" }, ea = { class: "truncate text-body-large text-on-surface" }, ta = {
 	key: 0,
 	class: "mli-expand-grid"
-}, $i = { class: "mli-expand-body" }, ea = ["src"], ta = { class: "min-w-0 flex-1" }, na = { class: "truncate text-body-large text-on-surface" }, ra = {
+}, na = { class: "mli-expand-body" }, ra = ["src"], ia = { class: "min-w-0 flex-1" }, aa = { class: "truncate text-body-large text-on-surface" }, oa = {
 	key: 1,
 	class: "line-clamp-2 text-body-small text-on-surface-variant"
-}, ia = {
+}, sa = {
 	key: 1,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, aa = /* @__PURE__ */ T({
+}, ca = /* @__PURE__ */ T({
 	__name: "MListItem",
 	props: {
 		title: {},
@@ -3908,7 +3948,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 		function N() {
 			r("update:trailingValue", !n.trailingValue);
 		}
-		return (t, n) => e.expandable ? (P(), b("li", Yi, [x("div", {
+		return (t, n) => e.expandable ? (P(), b("li", Qi, [x("div", {
 			class: k(T.value),
 			onClick: M
 		}, [
@@ -3918,7 +3958,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				size: 24,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : y("", !0)]),
-			x("div", Xi, [z(t.$slots, "default", {}, () => [x("p", Zi, H(e.title), 1), e.subtitle && c.value >= 2 ? (P(), b("p", {
+			x("div", $i, [z(t.$slots, "default", {}, () => [x("p", ea, H(e.title), 1), e.subtitle && c.value >= 2 ? (P(), b("p", {
 				key: 0,
 				class: k(["text-body-medium text-on-surface-variant", c.value === 2 && "truncate"])
 			}, H(e.subtitle), 3)) : y("", !0)])]),
@@ -3928,7 +3968,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])
 		], 2), w(h, { name: "mli-expand" }, {
-			default: Y(() => [o.value ? (P(), b("div", Qi, [x("div", $i, [z(t.$slots, "children")])])) : y("", !0)]),
+			default: Y(() => [o.value ? (P(), b("div", ta, [x("div", na, [z(t.$slots, "children")])])) : y("", !0)]),
 			_: 3
 		})])) : (P(), v(V(O.value), D({
 			key: 1,
@@ -3953,7 +3993,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				}, [w(d, {
 					name: e.icon,
 					size: 24
-				}, null, 8, ["name"])], 2)) : f.value === "avatar" ? (P(), v(Be, {
+				}, null, 8, ["name"])], 2)) : f.value === "avatar" ? (P(), v(Re, {
 					key: 2,
 					name: e.avatarName,
 					size: 40,
@@ -3963,25 +4003,25 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 					src: e.image,
 					alt: "",
 					class: "h-14 w-14 shrink-0 rounded-md object-cover"
-				}, null, 8, ea)) : f.value === "checkbox" ? (P(), v(Q, {
+				}, null, 8, ra)) : f.value === "checkbox" ? (P(), v(Q, {
 					key: 4,
 					"model-value": u.value,
 					class: "shrink-0"
 				}, null, 8, ["model-value"])) : y("", !0)]),
-				x("div", ta, [z(t.$slots, "default", {}, () => [
-					x("p", na, H(e.title), 1),
+				x("div", ia, [z(t.$slots, "default", {}, () => [
+					x("p", aa, H(e.title), 1),
 					e.subtitle && c.value >= 2 ? (P(), b("p", {
 						key: 0,
 						class: k(["text-body-medium text-on-surface-variant", c.value === 2 && "truncate"])
 					}, H(e.subtitle), 3)) : y("", !0),
-					e.description && c.value >= 3 ? (P(), b("p", ra, H(e.description), 1)) : y("", !0)
+					e.description && c.value >= 3 ? (P(), b("p", oa, H(e.description), 1)) : y("", !0)
 				])]),
 				z(t.$slots, "trailing", {}, () => [p.value === "icon" ? (P(), v(d, {
 					key: 0,
 					name: e.trailingIcon,
 					size: 24,
 					class: "shrink-0 text-on-surface-variant"
-				}, null, 8, ["name"])) : p.value === "text" ? (P(), b("span", ia, H(e.trailingText), 1)) : p.value === "switch" ? (P(), v(Ji, {
+				}, null, 8, ["name"])) : p.value === "text" ? (P(), b("span", sa, H(e.trailingText), 1)) : p.value === "switch" ? (P(), v(Zi, {
 					key: 2,
 					"model-value": !!e.trailingValue,
 					"onUpdate:modelValue": N
@@ -3994,7 +4034,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			_: 3
 		}, 16, ["class"]));
 	}
-}), oa = /* @__PURE__ */ T({
+}), la = /* @__PURE__ */ T({
 	__name: "MListSubheader",
 	props: { inset: {
 		type: Boolean,
@@ -4006,16 +4046,16 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			role: "presentation"
 		}, [z(t.$slots, "default")], 2));
 	}
-}), sa = {
+}), ua = {
 	key: 0,
 	class: "text-body-large text-on-surface-variant"
-}, ca = {
+}, da = {
 	key: 1,
 	class: "relative"
-}, la = {
+}, fa = {
 	key: 0,
 	class: "text-body-medium text-on-surface-variant"
-}, ua = /* @__PURE__ */ T({
+}, pa = /* @__PURE__ */ T({
 	__name: "MLoadingOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -4048,11 +4088,11 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (P(), b("p", sa, H(e.text), 1)) : y("", !0),
+				e.text ? (P(), b("p", ua, H(e.text), 1)) : y("", !0),
 				z(t.$slots, "default")
 			], 2)) : y("", !0)]),
 			_: 3
-		})])) : (P(), b("div", ca, [z(t.$slots, "content"), w(h, {
+		})])) : (P(), b("div", da, [z(t.$slots, "content"), w(h, {
 			"enter-active-class": "transition-opacity duration-200",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-150",
@@ -4066,13 +4106,13 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (P(), b("p", la, H(e.text), 1)) : y("", !0),
+				e.text ? (P(), b("p", fa, H(e.text), 1)) : y("", !0),
 				z(t.$slots, "default")
 			], 2)) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), da = /* @__PURE__ */ T({
+}), ma = /* @__PURE__ */ T({
 	__name: "MMasonry",
 	props: {
 		cols: { default: 2 },
@@ -4123,21 +4163,21 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			class: "relative w-full"
 		}, [z(e.$slots, "default")], 512));
 	}
-}), fa = { class: "flex flex-col gap-1" }, pa = [
+}), ha = { class: "flex flex-col gap-1" }, ga = [
 	"id",
 	"value",
 	"disabled",
 	"required"
-], ma = ["for"], ha = {
+], _a = ["for"], va = {
 	key: 0,
 	class: "text-error"
-}, ga = {
+}, ya = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, _a = {
+}, ba = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, va = /* @__PURE__ */ T({
+}, xa = /* @__PURE__ */ T({
 	__name: "MMaskField",
 	props: {
 		modelValue: {},
@@ -4232,7 +4272,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				i.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, n) => (P(), b("div", fa, [x("div", {
+		return (t, n) => (P(), b("div", ha, [x("div", {
 			ref_key: "fieldBgEl",
 			ref: s,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -4258,11 +4298,11 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				class: k(S.value),
 				onInput: h,
 				onKeydown: g
-			}, null, 42, pa),
+			}, null, 42, ga),
 			x("label", {
 				for: U(o),
 				class: k(T.value)
-			}, [C(H(e.label), 1), e.required ? (P(), b("span", ha, "\xA0*")) : y("", !0)], 10, ma),
+			}, [C(H(e.label), 1), e.required ? (P(), b("span", va, "\xA0*")) : y("", !0)], 10, _a),
 			f.value ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -4272,31 +4312,31 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				name: "close",
 				size: 18
 			})], 2)) : y("", !0)
-		], 6), e.error ? (P(), b("p", ga, H(e.error), 1)) : e.hint ? (P(), b("p", _a, H(e.hint), 1)) : y("", !0)]));
+		], 6), e.error ? (P(), b("p", ya, H(e.error), 1)) : e.hint ? (P(), b("p", ba, H(e.hint), 1)) : y("", !0)]));
 	}
-}), ya = { class: "flex flex-col gap-1" }, ba = [
+}), Sa = { class: "flex flex-col gap-1" }, Ca = [
 	"id",
 	"tabindex",
 	"aria-expanded"
-], xa = ["onClick"], Sa = {
+], wa = ["onClick"], Ta = {
 	key: 0,
 	class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant"
-}, Ca = {
+}, Ea = {
 	key: 1,
 	class: "text-body-large text-on-surface-variant opacity-0"
-}, wa = {
+}, Da = {
 	key: 0,
 	class: "text-error"
-}, Ta = {
+}, Oa = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Ea = {
+}, ka = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Da = {
+}, Aa = {
 	key: 0,
 	class: "sticky top-0 bg-surface-container px-3 py-2"
-}, Oa = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, ka = ["placeholder"], Aa = { class: "flex flex-col py-1" }, ja = { class: "text-body-large text-on-surface" }, Ma = { class: "px-4 py-3 text-center text-body-small text-on-surface-variant" }, Na = /* @__PURE__ */ T({
+}, ja = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, Ma = ["placeholder"], Na = { class: "flex flex-col py-1" }, Pa = { class: "text-body-large text-on-surface" }, Fa = { class: "px-4 py-3 text-center text-body-small text-on-surface-variant" }, Ia = /* @__PURE__ */ T({
 	__name: "MMultiSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -4414,7 +4454,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				c.value ? a.error ? "text-error" : "text-primary" : a.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (P(), b(p, null, [x("div", ya, [x("div", {
+		return (t, n) => (P(), b(p, null, [x("div", Sa, [x("div", {
 			ref_key: "fieldEl",
 			ref: u,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -4450,8 +4490,8 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			}, [w(d, {
 				name: "close",
 				size: 12
-			})], 8, xa)]))), 128)), B.value > 0 ? (P(), b("span", Sa, " +" + H(B.value), 1)) : y("", !0)], 64)) : c.value ? y("", !0) : (P(), b("span", Ca, H(e.placeholder), 1))], 42, ba),
-			x("label", { class: k(ae.value) }, [C(H(e.label), 1), e.required ? (P(), b("span", wa, "\xA0*")) : y("", !0)], 2),
+			})], 8, wa)]))), 128)), B.value > 0 ? (P(), b("span", Ta, " +" + H(B.value), 1)) : y("", !0)], 64)) : c.value ? y("", !0) : (P(), b("span", Ea, H(e.placeholder), 1))], 42, Ca),
+			x("label", { class: k(ae.value) }, [C(H(e.label), 1), e.required ? (P(), b("span", Da, "\xA0*")) : y("", !0)], 2),
 			e.clearable && j.value && !e.disabled ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -4468,7 +4508,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				size: 24,
 				class: "text-on-surface-variant"
 			}, null, 8, ["name"])], 2)
-		], 6), e.error ? (P(), b("p", Ta, H(e.error), 1)) : e.hint ? (P(), b("p", Ea, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
+		], 6), e.error ? (P(), b("p", Oa, H(e.error), 1)) : e.hint ? (P(), b("p", ka, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
 			"enter-active-class": "transition-[opacity,transform] duration-150",
 			"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
 			"enter-to-class": "opacity-100 translate-y-0 scale-100",
@@ -4482,7 +4522,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				ref: g,
 				class: "fixed z-500 max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
 				style: A(T.value)
-			}, [e.searchable ? (P(), b("div", Da, [x("div", Oa, [w(d, {
+			}, [e.searchable ? (P(), b("div", Aa, [x("div", ja, [w(d, {
 				name: "search",
 				size: 16,
 				class: "shrink-0 text-on-surface-variant"
@@ -4493,7 +4533,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				type: "text",
 				placeholder: e.searchPlaceholder ?? U(i).search,
 				class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-			}, null, 8, ka), [[te, l.value]])])])) : y("", !0), x("div", Aa, [(P(!0), b(p, null, R(F.value, (t, n) => (P(), b("label", {
+			}, null, 8, Ma), [[te, l.value]])])])) : y("", !0), x("div", Na, [(P(!0), b(p, null, R(F.value, (t, n) => (P(), b("label", {
 				key: n,
 				class: k(["flex cursor-pointer items-center gap-3 px-4 py-2 hover:bg-on-surface/8", t.disabled ? "cursor-not-allowed opacity-38" : ""])
 			}, [w(Q, {
@@ -4504,11 +4544,11 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), x("span", ja, H(t.label), 1)], 2))), 128)), F.value.length === 0 ? z(t.$slots, "no-results", { key: 0 }, () => [x("p", Ma, H(e.noResultsText ?? U(i).noResults), 1)]) : y("", !0)])], 4)) : y("", !0)]),
+			]), x("span", Pa, H(t.label), 1)], 2))), 128)), F.value.length === 0 ? z(t.$slots, "no-results", { key: 0 }, () => [x("p", Fa, H(e.noResultsText ?? U(i).noResults), 1)]) : y("", !0)])], 4)) : y("", !0)]),
 			_: 3
 		})]))], 64));
 	}
-}), Pa = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, Fa = ["onClick"], Ia = /* @__PURE__ */ T({
+}), La = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, Ra = ["onClick"], za = /* @__PURE__ */ T({
 	__name: "MNavigationBar",
 	props: {
 		modelValue: {},
@@ -4516,12 +4556,12 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, n) => (P(), b("nav", Pa, [(P(!0), b(p, null, R(e.items, (n) => (P(), b("button", {
+		return (t, n) => (P(), b("nav", La, [(P(!0), b(p, null, R(e.items, (n) => (P(), b("button", {
 			key: n.value,
 			type: "button",
 			class: k(["group flex flex-1 cursor-pointer flex-col items-center justify-center gap-1 self-stretch transition-colors focus-visible:outline-none", n.value === e.modelValue ? "text-on-secondary-container" : "text-on-surface-variant"]),
 			onClick: (e) => t.$emit("update:modelValue", n.value)
-		}, [x("span", { class: k(["inline-flex h-8 items-center justify-center rounded-2xl transition-all duration-200", n.value === e.modelValue ? "w-16 bg-secondary-container" : "w-0 bg-secondary-container/0 group-hover:w-16 group-hover:bg-on-surface/8"]) }, [n.badge == null ? n.badgeDot ? (P(), v(Ue, {
+		}, [x("span", { class: k(["inline-flex h-8 items-center justify-center rounded-2xl transition-all duration-200", n.value === e.modelValue ? "w-16 bg-secondary-container" : "w-0 bg-secondary-container/0 group-hover:w-16 group-hover:bg-on-surface/8"]) }, [n.badge == null ? n.badgeDot ? (P(), v(Ve, {
 			key: 1,
 			dot: ""
 		}, {
@@ -4534,7 +4574,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			key: 2,
 			name: n.icon,
 			size: 24
-		}, null, 8, ["name"])) : (P(), v(Ue, {
+		}, null, 8, ["name"])) : (P(), v(Ve, {
 			key: 0,
 			count: n.badge
 		}, {
@@ -4543,9 +4583,9 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), x("span", { class: k(["text-label-medium transition-[font-weight] duration-150", n.value === e.modelValue ? "font-bold" : "font-medium"]) }, H(n.label), 3)], 10, Fa))), 128))]));
+		}, 1032, ["count"]))], 2), x("span", { class: k(["text-label-medium transition-[font-weight] duration-150", n.value === e.modelValue ? "font-bold" : "font-medium"]) }, H(n.label), 3)], 10, Ra))), 128))]));
 	}
-}), La = { class: "flex flex-col gap-1" }, Ra = [
+}), Ba = { class: "flex flex-col gap-1" }, Va = [
 	"id",
 	"value",
 	"disabled",
@@ -4553,16 +4593,16 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 	"min",
 	"max",
 	"step"
-], za = ["for"], Ba = {
+], Ha = ["for"], Ua = {
 	key: 0,
 	class: "text-error"
-}, Va = {
+}, Wa = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Ha = {
+}, Ga = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ua = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Ka = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MNumberField",
 	props: {
 		modelValue: { default: null },
@@ -4645,7 +4685,7 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				i.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, r) => (P(), b("div", La, [x("div", {
+		return (t, r) => (P(), b("div", Ba, [x("div", {
 			ref_key: "fieldBgEl",
 			ref: s,
 			class: k(["relative", n.variant === "outlined" ? "mt-2" : ""]),
@@ -4671,11 +4711,11 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				class: k(h.value),
 				onInput: u,
 				onKeydown: m
-			}, null, 42, Ra),
+			}, null, 42, Va),
 			x("label", {
 				for: U(o),
 				class: k(g.value)
-			}, [C(H(n.label), 1), n.required ? (P(), b("span", Ba, "\xA0*")) : y("", !0)], 10, za),
+			}, [C(H(n.label), 1), n.required ? (P(), b("span", Ua, "\xA0*")) : y("", !0)], 10, Ha),
 			n.stepper ? (P(), b("div", {
 				key: 1,
 				class: k(["absolute right-1 flex items-center gap-0.5", n.variant === "filled" ? "top-[57%] -translate-y-1/2" : "top-[55%] -translate-y-1/2"])
@@ -4692,9 +4732,9 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 				disabled: n.disabled || n.max !== void 0 && (n.modelValue ?? 0) >= n.max,
 				onClick: f
 			}, null, 8, ["disabled"])], 2)) : y("", !0)
-		], 6), n.error ? (P(), b("p", Va, H(n.error), 1)) : n.hint ? (P(), b("p", Ha, H(n.hint), 1)) : y("", !0)]));
+		], 6), n.error ? (P(), b("p", Wa, H(n.error), 1)) : n.hint ? (P(), b("p", Ga, H(n.hint), 1)) : y("", !0)]));
 	}
-}), [["__scopeId", "data-v-9068433a"]]), Wa = T({
+}), [["__scopeId", "data-v-9068433a"]]), qa = T({
 	name: "MDrawerItemList",
 	components: { MIcon: d },
 	props: {
@@ -4769,8 +4809,8 @@ var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__
 			}).onfinish = t;
 		}
 	}
-}), Ga = { key: 0 };
-function Ka(e, t, n, r, i, a) {
+}), Ja = { key: 0 };
+function Ya(e, t, n, r, i, a) {
 	let o = B("MIcon"), s = B("MDrawerItemList");
 	return P(!0), b(p, null, R(e.items, (t) => (P(), b(p, { key: t.value }, [(P(), v(V(e.itemTag(t)), {
 		to: t.to && !t.disabled ? t.to : void 0,
@@ -4810,7 +4850,7 @@ function Ka(e, t, n, r, i, a) {
 		onEnter: e.onEnter,
 		onLeave: e.onLeave
 	}, {
-		default: Y(() => [t.children?.length && e.openItems[t.value] ? (P(), b("div", Ga, [w(s, {
+		default: Y(() => [t.children?.length && e.openItems[t.value] ? (P(), b("div", Ja, [w(s, {
 			items: t.children,
 			selected: e.selected,
 			depth: e.depth + 1
@@ -4822,52 +4862,49 @@ function Ka(e, t, n, r, i, a) {
 		_: 2
 	}, 1032, ["onEnter", "onLeave"])], 64))), 128);
 }
-var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
-	key: 0,
-	class: "fixed inset-0 z-100 flex"
-}, Ya = {
+var Xa = /*#__PURE__*/ f(qa, [["render", Ya]]), Za = {
 	key: 0,
 	class: "shrink-0"
-}, Xa = {
+}, Qa = {
 	key: 1,
 	class: "shrink-0 px-5 pt-6 pb-2"
-}, Za = { class: "text-title-small font-medium text-on-surface-variant" }, Qa = { class: "flex-1 overflow-y-auto px-3 py-2" }, $a = {
+}, $a = { class: "text-title-small font-medium text-on-surface-variant" }, eo = { class: "flex-1 overflow-y-auto px-3 py-2" }, to = {
 	key: 0,
 	class: "my-1 border-t border-outline-variant"
-}, eo = ["onClick"], to = { class: "flex-1 text-left text-title-small font-medium" }, no = {
+}, no = ["onClick"], ro = { class: "flex-1 text-left text-title-small font-medium" }, io = {
 	key: 2,
 	class: "px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant"
-}, ro = {
+}, ao = {
 	key: 0,
 	class: "nd-section-grid"
-}, io = { class: "nd-section-body" }, ao = {
+}, oo = { class: "nd-section-body" }, so = {
 	key: 2,
 	class: "text-label-medium text-on-surface-variant"
-}, oo = { key: 0 }, so = {
+}, co = { key: 0 }, lo = {
 	key: 0,
 	class: "shrink-0"
-}, co = {
+}, uo = {
 	key: 1,
 	class: "nd-collapse-h shrink-0 overflow-hidden"
-}, lo = { class: "px-5 pt-6 pb-2" }, uo = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, fo = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, po = {
+}, fo = { class: "px-5 pt-6 pb-2" }, po = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, mo = { class: "flex flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, ho = {
 	key: 0,
 	class: "my-1 border-t border-outline-variant"
-}, mo = ["title", "onClick"], ho = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, go = {
+}, go = ["title", "onClick"], _o = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, vo = {
 	key: 2,
 	class: "nd-collapse-h overflow-hidden"
-}, _o = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, vo = {
+}, yo = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, bo = {
 	key: 0,
 	class: "nd-section-grid"
-}, yo = { class: "nd-section-body" }, bo = {
+}, xo = { class: "nd-section-body" }, So = {
 	key: 2,
 	class: "nd-label text-label-medium text-on-surface-variant"
-}, xo = {
+}, Co = {
 	key: 0,
 	class: "nd-children-divider"
-}, So = { key: 0 }, Co = {
+}, wo = { key: 0 }, To = {
 	key: 1,
 	class: "nd-children-divider"
-}, wo = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Eo = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MNavigationDrawer",
 	props: {
 		modelValue: { type: Boolean },
@@ -4879,7 +4916,8 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			default: !0
 		},
 		collapsed: { type: Boolean },
-		width: {}
+		width: {},
+		side: { default: "left" }
 	},
 	emits: ["update:modelValue", "select"],
 	setup(e, { expose: t, emit: n }) {
@@ -4930,9 +4968,9 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 				easing: "cubic-bezier(0.4, 0, 1, 1)"
 			}).onfinish = t;
 		}
-		let D = _(() => r.collapsed ?? !1);
-		F("nd-open-items", o), F("nd-toggle-item", C), F("nd-select-item", S), F("nd-collapsed", D), t({ openItems: o });
-		function O(e) {
+		let D = _(() => r.side === "left" || r.side === "right" ? r.side : "left"), O = _(() => r.collapsed ?? !1);
+		F("nd-open-items", o), F("nd-toggle-item", C), F("nd-select-item", S), F("nd-collapsed", O), t({ openItems: o });
+		function j(e) {
 			return e.to && !e.disabled ? "RouterLink" : "button";
 		}
 		return q(() => r.modelValue, (e) => {
@@ -4947,14 +4985,26 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 				leave: 280
 			}
 		}, {
-			default: Y(() => [e.modelValue ? (P(), b("div", Ja, [x("div", {
+			default: Y(() => [e.modelValue ? (P(), b("div", {
+				key: 0,
+				class: k(["fixed inset-0 z-100 flex", [
+					e.side === "right" ? "justify-end" : "",
+					e.side === "bottom" ? "flex-col justify-end" : "",
+					e.side === "top" ? "flex-col" : ""
+				]])
+			}, [x("div", {
 				class: "nd-scrim absolute inset-0 bg-black/40",
 				onClick: f
 			}), x("nav", {
-				class: k(["nd-panel relative flex h-full max-w-[85vw] flex-col bg-surface-container shadow-elevation-3", e.width ? "" : "w-72"]),
-				style: A(e.width ? { width: e.width } : void 0)
-			}, [t.$slots.header ? (P(), b("div", Ya, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", Xa, [x("h2", Za, H(e.title), 1)])) : y("", !0), x("div", Qa, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
-				n > 0 ? (P(), b("div", $a)) : y("", !0),
+				class: k([
+					"nd-panel relative flex flex-col bg-surface-container shadow-elevation-3",
+					`nd-panel-${e.side}`,
+					e.side === "top" || e.side === "bottom" ? "w-full max-h-[85vh]" : "h-full max-w-[85vw]",
+					e.side === "top" || e.side === "bottom" || e.width ? "" : "w-72"
+				]),
+				style: A(e.side !== "top" && e.side !== "bottom" && e.width ? { width: e.width } : void 0)
+			}, [t.$slots.header ? (P(), b("div", Za, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", Qa, [x("h2", $a, H(e.title), 1)])) : y("", !0), x("div", eo, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
+				n > 0 ? (P(), b("div", to)) : y("", !0),
 				t.title && t.collapsible ? (P(), b("button", {
 					key: 1,
 					type: "button",
@@ -4967,15 +5017,15 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 						size: 24,
 						class: "shrink-0"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", to, H(t.title), 1),
+					x("span", ro, H(t.title), 1),
 					w(d, {
 						name: s(t, n) ? "expand_less" : "expand_more",
 						size: 18,
 						class: "shrink-0"
 					}, null, 8, ["name"])
-				], 8, eo)) : t.title ? (P(), b("p", no, H(t.title), 1)) : y("", !0),
+				], 8, no)) : t.title ? (P(), b("p", io, H(t.title), 1)) : y("", !0),
 				w(h, { name: "nd-section" }, {
-					default: Y(() => [!t.collapsible || s(t, n) ? (P(), b("div", ro, [x("div", io, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [(P(), v(V(O(n)), {
+					default: Y(() => [!t.collapsible || s(t, n) ? (P(), b("div", ao, [x("div", oo, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [(P(), v(V(j(n)), {
 						to: n.to && !n.disabled ? n.to : void 0,
 						type: n.to ? void 0 : "button",
 						class: k(["flex w-full items-center gap-3 rounded-full py-2.5 text-left transition-colors focus-visible:outline-none", [t.collapsible ? "pl-8 pr-3" : "px-4", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === e.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
@@ -4994,7 +5044,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 								name: l(n) ? "expand_less" : "expand_more",
 								size: 18,
 								class: "shrink-0 text-on-surface-variant"
-							}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", ao, H(n.badge), 1))
+							}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", so, H(n.badge), 1))
 						]),
 						_: 2
 					}, 1032, [
@@ -5009,7 +5059,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 						onEnter: T,
 						onLeave: E
 					}, {
-						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", oo, [w(qa, {
+						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", co, [w(Xa, {
 							items: n.children,
 							selected: e.selected
 						}, null, 8, ["items", "selected"])])) : y("", !0)]),
@@ -5017,17 +5067,17 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 					}, 1024)], 64))), 128))])])) : y("", !0)]),
 					_: 2
 				}, 1024)
-			], 64))), 128))])], 6)])) : y("", !0)]),
+			], 64))), 128))])], 6)], 2)) : y("", !0)]),
 			_: 3
 		})])) : (P(), b("nav", {
 			key: 1,
-			class: k(["nd-inline flex h-full shrink-0 flex-col border-r border-outline-variant bg-surface", [e.modelValue ? e.collapsed ? "nd-collapsed w-[72px]" : e.width ? "" : "w-72" : "nd-hidden w-0 border-r-0"]]),
+			class: k(["nd-inline flex h-full shrink-0 flex-col bg-surface", [D.value === "right" ? "border-l border-outline-variant" : "border-r border-outline-variant", e.modelValue ? e.collapsed ? "nd-collapsed w-[72px]" : e.width ? "" : "w-72" : D.value === "right" ? "nd-hidden w-0 border-l-0" : "nd-hidden w-0 border-r-0"]]),
 			style: A({
 				width: e.modelValue && !e.collapsed && e.width ? e.width : void 0,
 				"--nd-width": e.width ?? "18rem"
 			})
-		}, [t.$slots.header ? (P(), b("div", so, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", co, [x("div", lo, [x("h2", uo, H(e.title), 1)])])) : y("", !0), x("div", fo, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
-			n > 0 ? (P(), b("div", po)) : y("", !0),
+		}, [t.$slots.header ? (P(), b("div", lo, [z(t.$slots, "header", {}, void 0, !0)])) : e.title ? (P(), b("div", uo, [x("div", fo, [x("h2", po, H(e.title), 1)])])) : y("", !0), x("div", mo, [(P(!0), b(p, null, R(e.sections, (t, n) => (P(), b(p, { key: n }, [
+			n > 0 ? (P(), b("div", ho)) : y("", !0),
 			t.title && t.collapsible ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -5041,16 +5091,16 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 					size: 24,
 					class: "shrink-0"
 				}, null, 8, ["name"])) : y("", !0),
-				x("span", ho, H(t.title), 1),
+				x("span", _o, H(t.title), 1),
 				w(d, {
 					name: s(t, n) ? "expand_less" : "expand_more",
 					size: 18,
 					class: "nd-label shrink-0"
 				}, null, 8, ["name"])
-			], 8, mo)) : t.title ? (P(), b("div", go, [x("p", _o, H(t.title), 1)])) : y("", !0),
+			], 8, go)) : t.title ? (P(), b("div", vo, [x("p", yo, H(t.title), 1)])) : y("", !0),
 			w(h, { name: "nd-section" }, {
-				default: Y(() => [!t.collapsible || s(t, n) ? (P(), b("div", vo, [x("div", yo, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [
-					(P(), v(V(O(n)), {
+				default: Y(() => [!t.collapsible || s(t, n) ? (P(), b("div", bo, [x("div", xo, [(P(!0), b(p, null, R(t.items, (n) => (P(), b(p, { key: n.value }, [
+					(P(), v(V(j(n)), {
 						to: n.to && !n.disabled ? n.to : void 0,
 						type: n.to ? void 0 : "button",
 						title: e.collapsed ? n.label : void 0,
@@ -5071,7 +5121,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 								name: l(n) ? "expand_less" : "expand_more",
 								size: 18,
 								class: "nd-label shrink-0 text-on-surface-variant"
-							}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", bo, H(n.badge), 1))
+							}, null, 8, ["name"])) : n.badge == null ? y("", !0) : (P(), b("span", So, H(n.badge), 1))
 						]),
 						_: 2
 					}, 1032, [
@@ -5082,28 +5132,28 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 						"disabled",
 						"onClick"
 					])),
-					n.children?.length && l(n) ? (P(), b("div", xo)) : y("", !0),
+					n.children?.length && l(n) ? (P(), b("div", Co)) : y("", !0),
 					w(h, {
 						css: !1,
 						onEnter: T,
 						onLeave: E
 					}, {
-						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", So, [w(qa, {
+						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", wo, [w(Xa, {
 							items: n.children,
 							selected: e.selected
 						}, null, 8, ["items", "selected"])])) : y("", !0)]),
 						_: 2
 					}, 1024),
-					n.children?.length && l(n) ? (P(), b("div", Co)) : y("", !0)
+					n.children?.length && l(n) ? (P(), b("div", To)) : y("", !0)
 				], 64))), 128))])])) : y("", !0)]),
 				_: 2
 			}, 1024)
 		], 64))), 128))])], 6));
 	}
-}), [["__scopeId", "data-v-b70b6944"]]), To = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, Eo = {
+}), [["__scopeId", "data-v-66232808"]]), Do = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, Oo = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-center pt-3 pb-2"
-}, Do = ["disabled", "onClick"], Oo = /* @__PURE__ */ T({
+}, ko = ["disabled", "onClick"], Ao = /* @__PURE__ */ T({
 	__name: "MNavigationRail",
 	props: {
 		modelValue: {},
@@ -5112,7 +5162,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, n) => (P(), b("nav", To, [t.$slots.fab ? (P(), b("div", Eo, [z(t.$slots, "fab")])) : y("", !0), x("div", { class: k(["flex flex-1 flex-col items-center gap-1 py-3", {
+		return (t, n) => (P(), b("nav", Do, [t.$slots.fab ? (P(), b("div", Oo, [z(t.$slots, "fab")])) : y("", !0), x("div", { class: k(["flex flex-1 flex-col items-center gap-1 py-3", {
 			"justify-start": e.alignment === "top",
 			"justify-center": e.alignment === "center",
 			"justify-end": e.alignment === "bottom"
@@ -5122,7 +5172,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			class: k(["group flex w-full cursor-pointer flex-col items-center justify-center gap-1 px-3 py-2 focus-visible:outline-none", n.disabled ? "cursor-not-allowed opacity-[0.38]" : ""]),
 			disabled: n.disabled,
 			onClick: (e) => !n.disabled && t.$emit("update:modelValue", n.value)
-		}, [x("span", { class: k(["inline-flex h-8 items-center justify-center rounded-2xl transition-all duration-200", n.value === e.modelValue ? "w-14 bg-secondary-container text-on-secondary-container" : "w-14 bg-transparent text-on-surface-variant group-hover:bg-on-surface/8"]) }, [n.badge == null ? n.badgeDot ? (P(), v(Ue, {
+		}, [x("span", { class: k(["inline-flex h-8 items-center justify-center rounded-2xl transition-all duration-200", n.value === e.modelValue ? "w-14 bg-secondary-container text-on-secondary-container" : "w-14 bg-transparent text-on-surface-variant group-hover:bg-on-surface/8"]) }, [n.badge == null ? n.badgeDot ? (P(), v(Ve, {
 			key: 1,
 			dot: ""
 		}, {
@@ -5135,7 +5185,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			key: 2,
 			name: n.icon,
 			size: 24
-		}, null, 8, ["name"])) : (P(), v(Ue, {
+		}, null, 8, ["name"])) : (P(), v(Ve, {
 			key: 0,
 			count: n.badge
 		}, {
@@ -5144,9 +5194,9 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), x("span", { class: k(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, H(n.label), 3)], 10, Do))), 128))], 2)]));
+		}, 1032, ["count"]))], 2), x("span", { class: k(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, H(n.label), 3)], 10, ko))), 128))], 2)]));
 	}
-}), ko = { class: "relative h-full w-full" }, Ao = /* @__PURE__ */ T({
+}), jo = { class: "relative h-full w-full" }, Mo = /* @__PURE__ */ T({
 	__name: "MOverlay",
 	props: {
 		modelValue: {
@@ -5179,17 +5229,17 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 				key: 0,
 				class: "absolute inset-0 bg-black/50",
 				onClick: a
-			})) : y("", !0), x("div", ko, [z(t.$slots, "default")])], 4)) : y("", !0)]),
+			})) : y("", !0), x("div", jo, [z(t.$slots, "default")])], 4)) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), jo = { class: "flex flex-col gap-1" }, Mo = {
+}), No = { class: "flex flex-col gap-1" }, Po = {
 	key: 0,
 	class: "text-label-small text-on-surface-variant"
-}, No = ["aria-valuenow"], Po = ["aria-valuenow"], Fo = ["viewBox"], Io = ["d"], Lo = {
+}, Fo = ["aria-valuenow"], Io = ["aria-valuenow"], Lo = ["viewBox"], Ro = ["d"], zo = {
 	key: 1,
 	class: "absolute inset-0 overflow-hidden rounded-full"
-}, Ro = ["viewBox"], zo = ["d"], Bo = 20, Vo = 2.5, Ho = 4, Uo = 8, Wo = 80, Go = 1, Ko = /* @__PURE__ */ T({
+}, Bo = ["viewBox"], Vo = ["d"], Ho = 20, Uo = 2.5, Wo = 4, Go = 8, Ko = 80, qo = 1, Jo = /* @__PURE__ */ T({
 	__name: "MProgressBar",
 	props: {
 		value: {},
@@ -5220,15 +5270,15 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 				track: "bg-error-container",
 				text: "text-error"
 			}
-		}, a = Bo * Wo, o = (() => {
+		}, a = Ho * Ko, o = (() => {
 			let e = "";
-			for (let t = 0; t <= a; t += Go) {
-				let n = Ho - Vo * Math.sin(t / Bo * Math.PI * 2);
+			for (let t = 0; t <= a; t += qo) {
+				let n = Wo - Uo * Math.sin(t / Ho * Math.PI * 2);
 				e += (t === 0 ? "M" : "L") + t + "," + n.toFixed(2) + " ";
 			}
 			return e.trim();
 		})();
-		return (t, s) => (P(), b("div", jo, [e.label ? (P(), b("span", Mo, H(e.label), 1)) : y("", !0), e.variant === "linear" ? (P(), b("div", {
+		return (t, s) => (P(), b("div", No, [e.label ? (P(), b("span", Po, H(e.label), 1)) : y("", !0), e.variant === "linear" ? (P(), b("div", {
 			key: 1,
 			class: k(["relative h-1 w-full overflow-hidden rounded-full", i[e.color].track]),
 			role: "progressbar",
@@ -5242,20 +5292,20 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			key: 0,
 			class: k(["h-full rounded-full transition-[width] duration-300 ease-in-out", i[e.color].bar]),
 			style: A({ width: `${r.value}%` })
-		}, null, 6))], 10, No)) : (P(), b("div", {
+		}, null, 6))], 10, Fo)) : (P(), b("div", {
 			key: 2,
 			class: "relative h-2 w-full overflow-visible",
 			role: "progressbar",
 			"aria-valuenow": n.value ? void 0 : r.value,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100"
-		}, [n.value ? (P(), b("div", Lo, [x("div", {
+		}, [n.value ? (P(), b("div", zo, [x("div", {
 			class: k(["absolute top-0 left-0 h-full animate-[m3-wave-flow_0.9s_linear_infinite]", i[e.color].text]),
 			style: A({ width: `${a}px` })
 		}, [(P(), b("svg", {
 			width: a,
-			height: Uo,
-			viewBox: `0 0 ${a} ${Uo}`,
+			height: Go,
+			viewBox: `0 0 ${a} ${Go}`,
 			class: "h-full",
 			xmlns: "http://www.w3.org/2000/svg"
 		}, [x("path", {
@@ -5264,7 +5314,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			stroke: "currentColor",
 			"stroke-width": "3",
 			"stroke-linecap": "round"
-		}, null, 8, zo)], 8, Ro))], 6)])) : (P(), b(p, { key: 0 }, [
+		}, null, 8, Vo)], 8, Bo))], 6)])) : (P(), b(p, { key: 0 }, [
 			x("div", {
 				class: "absolute inset-0 overflow-hidden",
 				style: A({
@@ -5276,8 +5326,8 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 				style: A({ width: `${a}px` })
 			}, [(P(), b("svg", {
 				width: a,
-				height: Uo,
-				viewBox: `0 0 ${a} ${Uo}`,
+				height: Go,
+				viewBox: `0 0 ${a} ${Go}`,
 				class: "h-full",
 				xmlns: "http://www.w3.org/2000/svg"
 			}, [x("path", {
@@ -5286,7 +5336,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 				stroke: "currentColor",
 				"stroke-width": "3",
 				"stroke-linecap": "round"
-			}, null, 8, Io)], 8, Fo))], 6)], 4),
+			}, null, 8, Ro)], 8, Lo))], 6)], 4),
 			x("div", {
 				class: k(["absolute inset-y-0 right-0 flex items-center", i[e.color].track]),
 				style: A([{
@@ -5309,16 +5359,16 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 					height: "4px"
 				}
 			}, null, 2)
-		], 64))], 8, Po))]));
+		], 64))], 8, Io))]));
 	}
-}), qo = ["for"], Jo = { class: "relative flex h-5 w-5 shrink-0" }, Yo = [
+}), Yo = ["for"], Xo = { class: "relative flex h-5 w-5 shrink-0" }, Zo = [
 	"id",
 	"checked",
 	"disabled"
-], Xo = {
+], Qo = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, Zo = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, $o = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MRadio",
 	props: {
 		modelValue: {},
@@ -5341,14 +5391,14 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 		return (t, n) => (P(), b("label", {
 			for: U(i),
 			class: k(["inline-flex items-center gap-3 select-none", e.disabled ? "cursor-not-allowed opacity-[0.38]" : "cursor-pointer"])
-		}, [x("span", Jo, [x("input", {
+		}, [x("span", Xo, [x("input", {
 			id: U(i),
 			type: "radio",
 			class: "sr-only",
 			checked: a.value,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", e.value)
-		}, null, 40, Yo), (P(), b("svg", {
+		}, null, 40, Zo), (P(), b("svg", {
 			viewBox: "0 0 20 20",
 			class: k(["h-full w-full transition-colors duration-150", a.value ? o[e.color] : "text-on-surface-variant"]),
 			"aria-hidden": "true"
@@ -5365,12 +5415,12 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			cy: "10",
 			r: "4.5",
 			fill: "currentColor"
-		}, null, 2)], 2))]), e.label ? (P(), b("span", Xo, H(e.label), 1)) : y("", !0)], 10, qo));
+		}, null, 2)], 2))]), e.label ? (P(), b("span", Qo, H(e.label), 1)) : y("", !0)], 10, Yo));
 	}
-}), [["__scopeId", "data-v-cdb650b5"]]), Qo = { class: "flex flex-col gap-2" }, $o = {
+}), [["__scopeId", "data-v-cdb650b5"]]), es = { class: "flex flex-col gap-2" }, ts = {
 	key: 0,
 	class: "text-label-large text-on-surface-variant"
-}, es = /* @__PURE__ */ T({
+}, ns = /* @__PURE__ */ T({
 	__name: "MRadioGroup",
 	props: {
 		modelValue: {},
@@ -5386,7 +5436,7 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (P(), b("div", Qo, [e.label ? (P(), b("span", $o, H(e.label), 1)) : y("", !0), x("div", { class: k(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(P(!0), b(p, null, R(e.options, (t) => (P(), v(Zo, {
+		return (t, r) => (P(), b("div", es, [e.label ? (P(), b("span", ts, H(e.label), 1)) : y("", !0), x("div", { class: k(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(P(!0), b(p, null, R(e.options, (t) => (P(), v($o, {
 			key: String(t.value),
 			"model-value": e.modelValue,
 			value: t.value,
@@ -5402,11 +5452,11 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			"disabled"
 		]))), 128))], 2)]));
 	}
-}), ts = [
+}), rs = [
 	"disabled",
 	"onClick",
 	"onMousemove"
-], ns = /* @__PURE__ */ T({
+], is = /* @__PURE__ */ T({
 	__name: "MRating",
 	props: {
 		modelValue: {},
@@ -5483,13 +5533,13 @@ var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 			name: e.icon,
 			size: e.size,
 			class: "text-on-surface-variant/40"
-		}, null, 8, ["name", "size"]))], 46, ts))), 128))], 34));
+		}, null, 8, ["name", "size"]))], 46, rs))), 128))], 34));
 	}
-}), rs = {}, is = { class: "relative" };
-function as(e, t) {
-	return P(), b("div", is, [z(e.$slots, "default")]);
+}), as = {}, os = { class: "relative" };
+function ss(e, t) {
+	return P(), b("div", os, [z(e.$slots, "default")]);
 }
-var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
+var cs = /*#__PURE__*/ f(as, [["render", ss]]), ls = /* @__PURE__ */ T({
 	__name: "MResponsive",
 	props: {
 		show: {},
@@ -5521,19 +5571,19 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), cs = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, ls = {
+}), us = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, ds = {
 	key: 0,
 	class: "text-display-small font-medium text-on-surface-variant/30"
-}, us = { class: "text-headline-small font-medium text-on-surface" }, ds = {
+}, fs = { class: "text-headline-small font-medium text-on-surface" }, ps = {
 	key: 1,
 	class: "max-w-md text-body-large text-on-surface-variant"
-}, fs = {
+}, ms = {
 	key: 2,
 	class: "mt-2 flex flex-wrap items-center justify-center gap-3"
-}, ps = {
+}, hs = {
 	key: 3,
 	class: "mt-2"
-}, ms = /* @__PURE__ */ T({
+}, gs = /* @__PURE__ */ T({
 	__name: "MResult",
 	props: {
 		status: {},
@@ -5601,19 +5651,19 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				};
 			}
 		}), r = _(() => t.status === "404" || t.status === "403" || t.status === "500" ? t.status : null);
-		return (t, i) => (P(), b("div", cs, [
-			r.value ? (P(), b("span", ls, H(r.value), 1)) : y("", !0),
+		return (t, i) => (P(), b("div", us, [
+			r.value ? (P(), b("span", ds, H(r.value), 1)) : y("", !0),
 			x("div", { class: k(["flex h-20 w-20 items-center justify-center rounded-full", [n.value.bg, n.value.text]]) }, [w(d, {
 				name: n.value.icon,
 				size: 40
 			}, null, 8, ["name"])], 2),
-			x("h2", us, H(e.title ?? n.value.defaultTitle), 1),
-			e.description ?? n.value.defaultDesc ? (P(), b("p", ds, H(e.description ?? n.value.defaultDesc), 1)) : y("", !0),
-			t.$slots.actions ? (P(), b("div", fs, [z(t.$slots, "actions")])) : y("", !0),
-			t.$slots.default ? (P(), b("div", ps, [z(t.$slots, "default")])) : y("", !0)
+			x("h2", fs, H(e.title ?? n.value.defaultTitle), 1),
+			e.description ?? n.value.defaultDesc ? (P(), b("p", ps, H(e.description ?? n.value.defaultDesc), 1)) : y("", !0),
+			t.$slots.actions ? (P(), b("div", ms, [z(t.$slots, "actions")])) : y("", !0),
+			t.$slots.default ? (P(), b("div", hs, [z(t.$slots, "default")])) : y("", !0)
 		]));
 	}
-}), hs = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, gs = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, _s = { class: "flex items-center gap-1" }, vs = { class: "text-title-medium font-medium capitalize text-on-surface" }, ys = { class: "flex rounded-full bg-surface-container-high p-0.5" }, bs = ["onClick"], xs = { class: "overflow-auto" }, Ss = { class: "w-full border-collapse" }, Cs = { class: "text-label-small uppercase text-on-surface-variant" }, ws = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, Ts = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, Es = ["onClick"], Ds = ["onClick"], Os = { class: "truncate text-label-small font-medium" }, ks = { class: "truncate text-label-small opacity-70" }, As = /* @__PURE__ */ T({
+}), _s = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, vs = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, ys = { class: "flex items-center gap-1" }, bs = { class: "text-title-medium font-medium capitalize text-on-surface" }, xs = { class: "flex rounded-full bg-surface-container-high p-0.5" }, Ss = ["onClick"], Cs = { class: "overflow-auto" }, ws = { class: "w-full border-collapse" }, Ts = { class: "text-label-small uppercase text-on-surface-variant" }, Es = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, Ds = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, Os = ["onClick"], ks = ["onClick"], As = { class: "truncate text-label-small font-medium" }, js = { class: "truncate text-label-small opacity-70" }, Ms = /* @__PURE__ */ T({
 	__name: "MScheduler",
 	props: {
 		events: { default: () => [] },
@@ -5694,8 +5744,8 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			error: "bg-error-container text-on-error-container border-error/30",
 			success: "bg-success-container text-on-success-container border-success/30"
 		};
-		return (n, r) => (P(), b("div", hs, [x("div", gs, [
-			x("div", _s, [
+		return (n, r) => (P(), b("div", _s, [x("div", vs, [
+			x("div", ys, [
 				w(e, {
 					icon: "chevron_left",
 					label: t.prevLabel ?? U(i).previous,
@@ -5714,17 +5764,17 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 					onClick: T
 				}, H(t.todayLabel ?? U(i).today), 1)
 			]),
-			x("h3", vs, H(S.value), 1),
-			x("div", ys, [(P(), b(p, null, R(["day", "week"], (e) => x("button", {
+			x("h3", bs, H(S.value), 1),
+			x("div", xs, [(P(), b(p, null, R(["day", "week"], (e) => x("button", {
 				key: e,
 				type: "button",
 				class: k(["cursor-pointer rounded-full px-3 py-1 text-label-medium transition-all duration-150", c.value === e ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : "text-on-surface-variant hover:bg-on-surface/8"]),
 				onClick: (t) => c.value = e
-			}, H(e === "day" ? t.dayViewLabel ?? U(i).dayView : t.weekViewLabel ?? U(i).weekView), 11, bs)), 64))])
-		]), x("div", xs, [x("table", Ss, [x("thead", null, [x("tr", null, [r[2] ||= x("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (P(!0), b(p, null, R(f.value, (e) => (P(), b("th", {
+			}, H(e === "day" ? t.dayViewLabel ?? U(i).dayView : t.weekViewLabel ?? U(i).weekView), 11, Ss)), 64))])
+		]), x("div", Cs, [x("table", ws, [x("thead", null, [x("tr", null, [r[2] ||= x("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (P(!0), b(p, null, R(f.value, (e) => (P(), b("th", {
 			key: h(e),
 			class: k(["sticky top-0 z-10 border-b border-r border-outline-variant bg-surface-container px-2 py-2 text-center last:border-r-0", h(e) === U(m) ? "bg-primary-container/30" : ""])
-		}, [x("div", Cs, H(U(g).format(e)), 1), x("div", { class: k(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", h(e) === U(m) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, H(U(v).format(e)), 3)], 2))), 128))])]), x("tbody", null, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("tr", { key: e }, [x("td", ws, [x("span", Ts, H(String(e).padStart(2, "0")) + ":00 ", 1)]), (P(!0), b(p, null, R(f.value, (t) => (P(), b("td", {
+		}, [x("div", Ts, H(U(g).format(e)), 1), x("div", { class: k(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", h(e) === U(m) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, H(U(v).format(e)), 3)], 2))), 128))])]), x("tbody", null, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("tr", { key: e }, [x("td", Es, [x("span", Ds, H(String(e).padStart(2, "0")) + ":00 ", 1)]), (P(!0), b(p, null, R(f.value, (t) => (P(), b("td", {
 			key: h(t),
 			class: k(["relative h-14 border-r border-b border-outline-variant/50 p-0 last:border-r-0", h(t) === U(m) ? "bg-primary-container/5" : ""]),
 			onClick: (n) => o("slotClick", {
@@ -5737,9 +5787,9 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			class: k(["absolute inset-x-0.5 top-0.5 z-5 cursor-pointer overflow-hidden rounded border-l-[3px] px-2 py-1 text-left transition-opacity hover:opacity-90", M[t.color ?? "primary"]]),
 			style: A({ height: `calc(${O(t) * 100}% - 4px)` }),
 			onClick: Z((e) => o("eventClick", t), ["stop"])
-		}, [x("p", Os, H(t.title), 1), x("p", ks, H(j(t)), 1)], 14, Ds)) : y("", !0)], 64))), 128))], 10, Es))), 128))]))), 128))])])])]));
+		}, [x("p", As, H(t.title), 1), x("p", js, H(j(t)), 1)], 14, ks)) : y("", !0)], 64))), 128))], 10, Os))), 128))]))), 128))])])])]));
 	}
-}), js = /* @__PURE__ */ T({
+}), Ns = /* @__PURE__ */ T({
 	__name: "MScrollable",
 	props: {
 		direction: { default: "vertical" },
@@ -5760,13 +5810,13 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			style: A(i.value)
 		}, [z(e.$slots, "default")], 6));
 	}
-}), Ms = { key: 0 }, Ns = { class: "flex items-start justify-between" }, Ps = {
+}), Ps = { key: 0 }, Fs = { class: "flex items-start justify-between" }, Is = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, Fs = {
+}, Ls = {
 	key: 0,
 	class: "mt-4 h-px bg-outline-variant"
-}, Is = /* @__PURE__ */ T({
+}, Rs = /* @__PURE__ */ T({
 	__name: "MSection",
 	props: {
 		title: {},
@@ -5803,19 +5853,19 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			"label-medium": "text-label-medium",
 			"label-small": "text-label-small"
 		}, i = _(() => n[t.gap]), a = _(() => [r[t.titleVariant], "font-medium"]);
-		return (t, n) => (P(), b("section", { class: k(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (P(), b("div", Ms, [x("div", Ns, [x("div", null, [z(t.$slots, "title", {}, () => [e.title ? (P(), b("p", {
+		return (t, n) => (P(), b("section", { class: k(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (P(), b("div", Ps, [x("div", Fs, [x("div", null, [z(t.$slots, "title", {}, () => [e.title ? (P(), b("p", {
 			key: 0,
 			class: k(a.value)
-		}, H(e.title), 3)) : y("", !0)]), z(t.$slots, "subtitle", {}, () => [e.subtitle ? (P(), b("p", Ps, H(e.subtitle), 1)) : y("", !0)])]), z(t.$slots, "actions")]), e.divider ? (P(), b("div", Fs)) : y("", !0)])) : y("", !0), z(t.$slots, "default")], 2));
+		}, H(e.title), 3)) : y("", !0)]), z(t.$slots, "subtitle", {}, () => [e.subtitle ? (P(), b("p", Is, H(e.subtitle), 1)) : y("", !0)])]), z(t.$slots, "actions")]), e.divider ? (P(), b("div", Ls)) : y("", !0)])) : y("", !0), z(t.$slots, "default")], 2));
 	}
-}), Ls = {
+}), zs = {
 	class: "inline-flex overflow-hidden rounded-full border border-outline",
 	role: "group"
-}, Rs = [
+}, Bs = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
-], zs = /* @__PURE__ */ T({
+], Vs = /* @__PURE__ */ T({
 	__name: "MSegmentedButton",
 	props: {
 		modelValue: {},
@@ -5839,7 +5889,7 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				i >= 0 ? r.splice(i, 1) : r.push(e.value), n("update:modelValue", r);
 			} else n("update:modelValue", e.value);
 		}
-		return (t, n) => (P(), b("div", Ls, [(P(!0), b(p, null, R(e.options, (t, n) => (P(), b("button", {
+		return (t, n) => (P(), b("div", zs, [(P(!0), b(p, null, R(e.options, (t, n) => (P(), b("button", {
 			key: t.value,
 			type: "button",
 			class: k(["relative inline-flex items-center justify-center gap-2 text-label-large font-medium transition-[background-color,color] duration-150 outline-none before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 enabled:hover:before:opacity-[0.08] enabled:active:before:opacity-[0.12]", [
@@ -5860,35 +5910,35 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			key: 1,
 			name: t.icon,
 			size: 18
-		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Rs))), 128))]));
+		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Bs))), 128))]));
 	}
-}), Bs = { class: "flex flex-col gap-1" }, Vs = {
+}), Hs = { class: "flex flex-col gap-1" }, Us = {
 	key: 0,
 	class: "pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-on-surface-variant"
-}, Hs = [
+}, Ws = [
 	"id",
 	"tabindex",
 	"aria-expanded",
 	"aria-disabled"
-], Us = {
+], Gs = {
 	key: 0,
 	class: "text-on-surface"
-}, Ws = ["for"], Gs = {
+}, Ks = ["for"], qs = {
 	key: 0,
 	class: "text-error"
-}, Ks = {
+}, Js = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, qs = {
+}, Ys = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Js = ["onClick"], Ys = {
+}, Xs = ["onClick"], Zs = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, Xs = {
+}, Qs = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, Zs = /* @__PURE__ */ T({
+}, $s = /* @__PURE__ */ T({
 	__name: "MSelect",
 	props: {
 		modelValue: { default: void 0 },
@@ -5999,13 +6049,13 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				o.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (P(), b(p, null, [x("div", Bs, [x("div", {
+		return (t, n) => (P(), b(p, null, [x("div", Hs, [x("div", {
 			ref_key: "fieldEl",
 			ref: s,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
 			style: A(e.variant === "outlined" ? { "--field-bg": U(c) } : void 0)
 		}, [
-			e.leadingIcon ? (P(), b("div", Vs, [w(d, {
+			e.leadingIcon ? (P(), b("div", Us, [w(d, {
 				name: e.leadingIcon,
 				size: 20
 			}, null, 8, ["name"])])) : y("", !0),
@@ -6018,11 +6068,11 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				class: k([I.value, e.disabled ? "pointer-events-none opacity-[0.38]" : ""]),
 				onClick: E,
 				onKeydown: F
-			}, [g.value ? (P(), b("span", Us, H(S.value), 1)) : y("", !0)], 42, Hs),
+			}, [g.value ? (P(), b("span", Gs, H(S.value), 1)) : y("", !0)], 42, Ws),
 			x("label", {
 				for: U(a),
 				class: k(B.value)
-			}, [C(H(e.label), 1), e.required ? (P(), b("span", Gs, "\xA0*")) : y("", !0)], 10, Ws),
+			}, [C(H(e.label), 1), e.required ? (P(), b("span", qs, "\xA0*")) : y("", !0)], 10, Ks),
 			e.clearable && g.value && !e.disabled ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -6039,7 +6089,7 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				size: 24,
 				class: "text-on-surface-variant transition-transform duration-200"
 			}, null, 8, ["name"])], 2)
-		], 6), e.error ? (P(), b("p", Ks, H(e.error), 1)) : e.hint ? (P(), b("p", qs, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
+		], 6), e.error ? (P(), b("p", Js, H(e.error), 1)) : e.hint ? (P(), b("p", Ys, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
 			"enter-active-class": "transition-[opacity,transform] duration-150",
 			"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
 			"enter-to-class": "opacity-100 translate-y-0 scale-100",
@@ -6062,20 +6112,20 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				name: "check",
 				size: 18,
 				class: "shrink-0 text-primary"
-			})) : (P(), b("span", Ys)), C(" " + H(t.label), 1)], 10, Js))), 128)), e.options.length ? y("", !0) : (P(), b("p", Xs, " Sin opciones "))], 4)) : y("", !0)]),
+			})) : (P(), b("span", Zs)), C(" " + H(t.label), 1)], 10, Xs))), 128)), e.options.length ? y("", !0) : (P(), b("p", Qs, " Sin opciones "))], 4)) : y("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), Qs = {
+}), ec = {
 	key: 0,
 	class: "fixed inset-0 z-200 flex justify-end"
-}, $s = {
+}, tc = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between border-b border-outline-variant px-6 py-4"
-}, ec = { class: "text-title-large text-on-surface" }, tc = { class: "flex-1 overflow-y-auto px-6 py-4" }, nc = {
+}, nc = { class: "text-title-large text-on-surface" }, rc = { class: "flex-1 overflow-y-auto px-6 py-4" }, ic = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, rc = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, ac = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSideSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -6105,7 +6155,7 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				leave: 280
 			}
 		}, {
-			default: Y(() => [e.modelValue ? (P(), b("div", Qs, [x("div", {
+			default: Y(() => [e.modelValue ? (P(), b("div", ec, [x("div", {
 				class: "ss-scrim absolute inset-0 bg-black/40",
 				onClick: r
 			}), x("aside", {
@@ -6118,7 +6168,7 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 					onPointermove: c,
 					onPointerup: l
 				}, null, 32),
-				e.title || t.$slots.header ? (P(), b("div", $s, [z(t.$slots, "header", {}, () => [x("h2", ec, H(e.title), 1)], !0), x("button", {
+				e.title || t.$slots.header ? (P(), b("div", tc, [z(t.$slots, "header", {}, () => [x("h2", nc, H(e.title), 1)], !0), x("button", {
 					type: "button",
 					class: "flex h-9 w-9 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
 					onClick: r
@@ -6126,16 +6176,16 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 					name: "close",
 					size: 20
 				})])])) : y("", !0),
-				x("div", tc, [z(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (P(), b("div", nc, [z(t.$slots, "actions", {}, void 0, !0)])) : y("", !0)
+				x("div", rc, [z(t.$slots, "default", {}, void 0, !0)]),
+				t.$slots.actions ? (P(), b("div", ic, [z(t.$slots, "actions", {}, void 0, !0)])) : y("", !0)
 			], 6)])) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ba5b6f4b"]]), ic = {
+}), [["__scopeId", "data-v-ba5b6f4b"]]), oc = {
 	key: 0,
 	class: "flex flex-col gap-2.5"
-}, ac = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, sc = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSkeleton",
 	props: {
 		variant: { default: "text" },
@@ -6145,7 +6195,7 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 		animation: { default: "pulse" }
 	},
 	setup(e) {
-		return (t, n) => e.variant === "text" && e.lines > 1 ? (P(), b("div", ic, [(P(!0), b(p, null, R(e.lines, (t) => (P(), b("div", {
+		return (t, n) => e.variant === "text" && e.lines > 1 ? (P(), b("div", oc, [(P(!0), b(p, null, R(e.lines, (t) => (P(), b("div", {
 			key: t,
 			class: k(["h-3.5 rounded-full bg-on-surface/10", e.animation === "pulse" ? "animate-pulse" : e.animation === "wave" ? "skeleton-wave" : ""]),
 			style: A({ width: t === e.lines ? "60%" : e.width ?? "100%" })
@@ -6158,21 +6208,21 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			})
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-32ecf05b"]]), oc = { class: "flex flex-col gap-1 select-none" }, sc = {
+}), [["__scopeId", "data-v-32ecf05b"]]), cc = { class: "flex flex-col gap-1 select-none" }, lc = {
 	key: 0,
 	class: "flex items-center justify-between"
-}, cc = {
+}, uc = {
 	key: 0,
 	class: "text-label-large text-on-surface"
-}, lc = {
+}, dc = {
 	key: 1,
 	class: "tabular-nums text-label-large text-on-surface-variant"
-}, uc = [
+}, fc = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-disabled"
-], dc = /* @__PURE__ */ T({
+], pc = /* @__PURE__ */ T({
 	__name: "MSlider",
 	props: {
 		modelValue: {},
@@ -6254,7 +6304,7 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			transform: `translateX(-50%) translateY(-50%) scale(${a.value ? 1.15 : 1})`,
 			transition: a.value ? "transform 80ms ease" : "left 75ms ease, transform 80ms ease"
 		}));
-		return (t, n) => (P(), b("div", oc, [e.label || e.showValue ? (P(), b("div", sc, [e.label ? (P(), b("span", cc, H(e.label), 1)) : y("", !0), e.showValue ? (P(), b("span", lc, H(e.modelValue), 1)) : y("", !0)])) : y("", !0), x("div", {
+		return (t, n) => (P(), b("div", cc, [e.label || e.showValue ? (P(), b("div", lc, [e.label ? (P(), b("span", uc, H(e.label), 1)) : y("", !0), e.showValue ? (P(), b("span", dc, H(e.modelValue), 1)) : y("", !0)])) : y("", !0), x("div", {
 			ref_key: "trackEl",
 			ref: i,
 			role: "slider",
@@ -6275,9 +6325,9 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 		}, null, 6)], 2), x("div", {
 			class: k(["pointer-events-none absolute h-5 w-5 rounded-full shadow-elevation-1", s[e.color].thumb]),
 			style: A(m.value)
-		}, null, 6)], 42, uc)]));
+		}, null, 6)], 42, fc)]));
 	}
-}), fc = { class: "flex-1 text-body-medium leading-snug" }, pc = { class: "flex shrink-0 items-center gap-0.5" }, mc = ["onClick"], hc = ["aria-label", "onClick"], gc = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}), mc = { class: "flex-1 text-body-medium leading-snug" }, hc = { class: "flex shrink-0 items-center gap-0.5" }, gc = ["onClick"], _c = ["aria-label", "onClick"], vc = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSnackbar",
 	props: { closeAriaLabel: {} },
 	setup(e) {
@@ -6338,15 +6388,15 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 					size: 20,
 					class: k(["shrink-0", n.color ? "" : l(n.variant).icon])
 				}, null, 8, ["name", "class"]),
-				x("p", fc, H(n.message), 1),
-				x("div", pc, [n.action ? (P(), b("button", {
+				x("p", mc, H(n.message), 1),
+				x("div", hc, [n.action ? (P(), b("button", {
 					key: 0,
 					type: "button",
 					class: k(["cursor-pointer rounded px-2 py-1 text-label-medium font-semibold transition-colors", n.color ? "text-white/90 hover:bg-white/15" : l(n.variant).action]),
 					onClick: () => {
 						n.action.onClick(), U(a)(n.id);
 					}
-				}, H(n.action.label), 11, mc)) : y("", !0), x("button", {
+				}, H(n.action.label), 11, gc)) : y("", !0), x("button", {
 					type: "button",
 					class: k(["flex h-8 w-8 cursor-pointer items-center justify-center rounded-full transition-colors", n.color ? "text-white/60 hover:bg-white/15" : l(n.variant).close]),
 					"aria-label": e.closeAriaLabel ?? U(t).close,
@@ -6354,7 +6404,7 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 				}, [w(d, {
 					name: "close",
 					size: 18
-				})], 10, hc)]),
+				})], 10, _c)]),
 				n.duration > 0 ? (P(), b("div", {
 					key: 0,
 					class: k(["absolute right-0 bottom-0 left-0 h-0.5 origin-left", n.color ? "bg-white/30" : l(n.variant).progress]),
@@ -6364,11 +6414,11 @@ var os = /*#__PURE__*/ f(rs, [["render", as]]), ss = /* @__PURE__ */ T({
 			_: 1
 		}, 8, ["name"])], 2));
 	}
-}), [["__scopeId", "data-v-64ce9e7c"]]), _c = {}, vc = { class: "flex-1" };
-function yc(e, t) {
-	return P(), b("div", vc);
+}), [["__scopeId", "data-v-64ce9e7c"]]), yc = {}, bc = { class: "flex-1" };
+function xc(e, t) {
+	return P(), b("div", bc);
 }
-var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
+var Sc = /*#__PURE__*/ f(yc, [["render", xc]]), Cc = /* @__PURE__ */ T({
 	__name: "MSplitter",
 	props: {
 		direction: { default: "horizontal" },
@@ -6415,26 +6465,26 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			}, [z(e.$slots, "second")], 4)
 		], 2));
 	}
-}), Sc = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Cc = { class: "flex items-center gap-3 px-5 py-1" }, wc = ["placeholder"], Tc = {
+}), wc = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Tc = { class: "flex items-center gap-3 px-5 py-1" }, Ec = ["placeholder"], Dc = {
 	key: 0,
 	class: "max-h-96 overflow-y-auto border-t border-outline-variant"
-}, Ec = {
+}, Oc = {
 	key: 0,
 	class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Dc = [
+}, kc = [
 	"data-spot-active",
 	"onClick",
 	"onPointerenter"
-], Oc = {
+], Ac = {
 	key: 0,
 	class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary-container"
-}, kc = { class: "min-w-0 flex-1" }, Ac = { class: "truncate text-body-medium text-on-surface" }, jc = {
+}, jc = { class: "min-w-0 flex-1" }, Mc = { class: "truncate text-body-medium text-on-surface" }, Nc = {
 	key: 0,
 	class: "truncate text-body-small text-on-surface-variant"
-}, Mc = {
+}, Pc = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10"
-}, Nc = { class: "text-body-medium text-on-surface-variant" }, Pc = { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, Fc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Ic = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Lc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Rc = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Fc = { class: "text-body-medium text-on-surface-variant" }, Ic = { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, Lc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Rc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, zc = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Bc = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MSpotlightSearch",
 	props: {
 		modelValue: { type: Boolean },
@@ -6498,8 +6548,8 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 pt-[12vh]",
 				onClick: Z(S, ["self"])
-			}, [x("div", Sc, [
-				x("div", Cc, [
+			}, [x("div", wc, [
+				x("div", Tc, [
 					w(d, {
 						name: "search",
 						size: 24,
@@ -6513,7 +6563,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 						placeholder: e.placeholder ?? U(r).search,
 						class: "h-14 flex-1 bg-transparent text-title-medium text-on-surface outline-none placeholder:text-on-surface-variant/50",
 						onKeydown: D
-					}, null, 40, wc), [[te, o.value]]),
+					}, null, 40, Ec), [[te, o.value]]),
 					e.loading ? (P(), v(c, {
 						key: 0,
 						size: 20,
@@ -6528,7 +6578,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 						size: 18
 					})])) : y("", !0)
 				]),
-				f.value ? (P(), b("div", Tc, [e.results.length ? (P(!0), b(p, { key: 0 }, R(g.value, ([t, n]) => (P(), b(p, { key: t }, [t ? (P(), b("p", Ec, H(t), 1)) : y("", !0), (P(!0), b(p, null, R(n, (t) => (P(), b("button", {
+				f.value ? (P(), b("div", Dc, [e.results.length ? (P(!0), b(p, { key: 0 }, R(g.value, ([t, n]) => (P(), b(p, { key: t }, [t ? (P(), b("p", Oc, H(t), 1)) : y("", !0), (P(!0), b(p, null, R(n, (t) => (P(), b("button", {
 					key: t.id,
 					type: "button",
 					"data-spot-active": e.results.indexOf(t) === s.value || void 0,
@@ -6536,32 +6586,32 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					onClick: (e) => T(t),
 					onPointerenter: (n) => s.value = e.results.indexOf(t)
 				}, [
-					t.icon ? (P(), b("div", Oc, [w(d, {
+					t.icon ? (P(), b("div", Ac, [w(d, {
 						name: t.icon,
 						size: 20,
 						class: "text-on-primary-container"
 					}, null, 8, ["name"])])) : y("", !0),
-					x("div", kc, [x("p", Ac, H(t.title), 1), t.description ? (P(), b("p", jc, H(t.description), 1)) : y("", !0)]),
+					x("div", jc, [x("p", Mc, H(t.title), 1), t.description ? (P(), b("p", Nc, H(t.description), 1)) : y("", !0)]),
 					w(d, {
 						name: "arrow_forward",
 						size: 16,
 						class: "shrink-0 text-on-surface-variant/40"
 					})
-				], 42, Dc))), 128))], 64))), 128)) : e.loading ? y("", !0) : (P(), b("div", Mc, [w(d, {
+				], 42, kc))), 128))], 64))), 128)) : e.loading ? y("", !0) : (P(), b("div", Pc, [w(d, {
 					name: "search_off",
 					size: 40,
 					class: "text-on-surface-variant/40"
-				}), x("p", Nc, H(e.noResultsText ?? U(r).noResults), 1)]))])) : y("", !0),
-				x("div", Pc, [
-					x("span", Fc, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
-					x("span", Ic, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.openHint ?? U(r).openHint), 1)]),
-					x("span", Lc, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
+				}), x("p", Fc, H(e.noResultsText ?? U(r).noResults), 1)]))])) : y("", !0),
+				x("div", Ic, [
+					x("span", Lc, [n[2] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), C(" " + H(e.navigateHint ?? U(r).navigateHint), 1)]),
+					x("span", Rc, [n[3] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), C(" " + H(e.openHint ?? U(r).openHint), 1)]),
+					x("span", zc, [n[4] ||= x("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), C(" " + H(e.closeHint ?? U(r).closeHint), 1)])
 				])
 			])])) : y("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-1fa0da82"]]), zc = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-1fa0da82"]]), Vc = /* @__PURE__ */ T({
 	__name: "MStack",
 	props: {
 		direction: { default: "column" },
@@ -6616,19 +6666,19 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			role: "separator"
 		}, null, 2)) : y("", !0), (P(), v(V(e)))], 64))), 128)) : z(t.$slots, "default", { key: 1 })], 2));
 	}
-}), Bc = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, Vc = { class: "flex items-start justify-between gap-2" }, Hc = { class: "flex min-w-0 flex-col gap-1" }, Uc = { class: "truncate text-label-large text-on-surface-variant" }, Wc = {
+}), Hc = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, Uc = { class: "flex items-start justify-between gap-2" }, Wc = { class: "flex min-w-0 flex-col gap-1" }, Gc = { class: "truncate text-label-large text-on-surface-variant" }, Kc = {
 	key: 0,
 	class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
-}, Gc = {
+}, qc = {
 	key: 1,
 	class: "truncate text-headline-medium font-medium text-on-surface"
-}, Kc = {
+}, Jc = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-x-2 gap-y-1"
-}, qc = {
+}, Yc = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, Jc = /* @__PURE__ */ T({
+}, Xc = /* @__PURE__ */ T({
 	__name: "MStatCard",
 	props: {
 		title: {},
@@ -6647,13 +6697,13 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			error: "bg-error-container text-on-error-container",
 			success: "bg-success-container text-on-success-container"
 		}, r = _(() => t.trend == null ? "" : t.trend > 0 ? "text-success" : t.trend < 0 ? "text-error" : "text-on-surface-variant"), i = _(() => t.trend == null ? "" : t.trend > 0 ? "trending_up" : t.trend < 0 ? "trending_down" : "trending_flat");
-		return (t, a) => (P(), b("div", Bc, [x("div", Vc, [x("div", Hc, [x("span", Uc, H(e.title), 1), e.loading ? (P(), b("div", Wc)) : (P(), b("span", Gc, H(e.value), 1))]), e.icon ? (P(), b("div", {
+		return (t, a) => (P(), b("div", Hc, [x("div", Uc, [x("div", Wc, [x("span", Gc, H(e.title), 1), e.loading ? (P(), b("div", Kc)) : (P(), b("span", qc, H(e.value), 1))]), e.icon ? (P(), b("div", {
 			key: 0,
 			class: k(["flex h-11 w-11 shrink-0 items-center justify-center rounded-xl", n[e.color]])
 		}, [w(d, {
 			name: e.icon,
 			size: 24
-		}, null, 8, ["name"])], 2)) : y("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (P(), b("div", Kc, [
+		}, null, 8, ["name"])], 2)) : y("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (P(), b("div", Jc, [
 			e.trend == null ? y("", !0) : (P(), b("span", {
 				key: 0,
 				class: k(["inline-flex items-center gap-0.5 text-label-medium font-medium", r.value])
@@ -6661,35 +6711,35 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				name: i.value,
 				size: 16
 			}, null, 8, ["name"]), C(" " + H(e.trend > 0 ? "+" : "") + H(e.trend) + "% ", 1)], 2)),
-			e.trendLabel ? (P(), b("span", qc, H(e.trendLabel), 1)) : y("", !0),
+			e.trendLabel ? (P(), b("span", Yc, H(e.trendLabel), 1)) : y("", !0),
 			z(t.$slots, "footer")
 		])) : y("", !0)]));
 	}
-}), Yc = {
+}), Zc = {
 	key: 0,
 	class: "flex w-full items-start"
-}, Xc = ["onClick"], Zc = { key: 3 }, Qc = { class: "flex flex-col items-center text-center" }, $c = {
+}, Qc = ["onClick"], $c = { key: 3 }, el = { class: "flex flex-col items-center text-center" }, tl = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, el = {
+}, nl = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, tl = {
+}, rl = {
 	key: 0,
 	class: "mt-[18px] flex flex-1 items-center px-2"
-}, nl = {
+}, il = {
 	key: 1,
 	class: "flex flex-col"
-}, rl = { class: "flex flex-col items-center" }, il = ["onClick"], al = { key: 3 }, ol = ["onClick"], sl = {
+}, al = { class: "flex flex-col items-center" }, ol = ["onClick"], sl = { key: 3 }, cl = ["onClick"], ll = {
 	key: 0,
 	class: "mt-0.5 text-body-small text-on-surface-variant"
-}, cl = {
+}, ul = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, ll = {
+}, dl = {
 	key: 2,
 	class: "mt-3"
-}, ul = /* @__PURE__ */ T({
+}, fl = /* @__PURE__ */ T({
 	__name: "MStepper",
 	props: {
 		steps: {},
@@ -6710,7 +6760,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		function o(e) {
 			a.value && r("update:modelValue", e);
 		}
-		return (t, n) => e.direction === "horizontal" ? (P(), b("div", Yc, [(P(!0), b(p, null, R(e.steps, (t, n) => (P(), b(p, { key: n }, [x("div", {
+		return (t, n) => e.direction === "horizontal" ? (P(), b("div", Zc, [(P(!0), b(p, null, R(e.steps, (t, n) => (P(), b(p, { key: n }, [x("div", {
 			class: k(["flex flex-col items-center gap-2", a.value && i(n) !== "active" ? "cursor-pointer" : ""]),
 			onClick: (e) => o(n)
 		}, [x("div", { class: k(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", {
@@ -6729,18 +6779,18 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			key: 2,
 			name: t.icon,
 			size: 20
-		}, null, 8, ["name"])) : (P(), b("span", Zc, H(n + 1), 1))], 2), x("div", Qc, [
+		}, null, 8, ["name"])) : (P(), b("span", $c, H(n + 1), 1))], 2), x("div", el, [
 			x("span", { class: k(["text-label-large", {
 				"font-medium text-on-surface": i(n) === "active" || i(n) === "completed",
 				"text-error": i(n) === "error",
 				"text-on-surface-variant": i(n) === "inactive"
 			}]) }, H(t.label), 3),
-			t.description ? (P(), b("span", $c, H(t.description), 1)) : y("", !0),
-			t.optional ? (P(), b("span", el, " Opcional ")) : y("", !0)
-		])], 10, Xc), n < e.steps.length - 1 ? (P(), b("div", tl, [x("div", { class: k(["h-px w-full transition-colors duration-300", n < e.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : y("", !0)], 64))), 128))])) : (P(), b("div", nl, [(P(!0), b(p, null, R(e.steps, (n, r) => (P(), b("div", {
+			t.description ? (P(), b("span", tl, H(t.description), 1)) : y("", !0),
+			t.optional ? (P(), b("span", nl, " Opcional ")) : y("", !0)
+		])], 10, Qc), n < e.steps.length - 1 ? (P(), b("div", rl, [x("div", { class: k(["h-px w-full transition-colors duration-300", n < e.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : y("", !0)], 64))), 128))])) : (P(), b("div", il, [(P(!0), b(p, null, R(e.steps, (n, r) => (P(), b("div", {
 			key: r,
 			class: "flex gap-4"
-		}, [x("div", rl, [x("div", {
+		}, [x("div", al, [x("div", {
 			class: k(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", [{
 				"bg-primary text-on-primary": i(r) === "active" || i(r) === "completed",
 				"bg-error text-on-error": i(r) === "error",
@@ -6759,7 +6809,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			key: 2,
 			name: n.icon,
 			size: 20
-		}, null, 8, ["name"])) : (P(), b("span", al, H(r + 1), 1))], 10, il), r < e.steps.length - 1 ? (P(), b("div", {
+		}, null, 8, ["name"])) : (P(), b("span", sl, H(r + 1), 1))], 10, ol), r < e.steps.length - 1 ? (P(), b("div", {
 			key: 0,
 			class: k(["my-1 w-px flex-1 transition-colors duration-300", r < e.modelValue ? "bg-primary" : "bg-outline-variant"]),
 			style: { "min-height": "24px" }
@@ -6772,12 +6822,12 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				"text-error": i(r) === "error",
 				"text-on-surface-variant": i(r) === "inactive"
 			}]) }, H(n.label), 3),
-			n.description ? (P(), b("p", sl, H(n.description), 1)) : y("", !0),
-			n.optional ? (P(), b("p", cl, " Opcional ")) : y("", !0),
-			i(r) === "active" && t.$slots[`step-${r}`] ? (P(), b("div", ll, [z(t.$slots, `step-${r}`)])) : y("", !0)
-		], 10, ol)]))), 128))]));
+			n.description ? (P(), b("p", ll, H(n.description), 1)) : y("", !0),
+			n.optional ? (P(), b("p", ul, " Opcional ")) : y("", !0),
+			i(r) === "active" && t.$slots[`step-${r}`] ? (P(), b("div", dl, [z(t.$slots, `step-${r}`)])) : y("", !0)
+		], 10, cl)]))), 128))]));
 	}
-}), dl = /* @__PURE__ */ T({
+}), pl = /* @__PURE__ */ T({
 	__name: "MSticky",
 	props: {
 		top: { default: 0 },
@@ -6795,7 +6845,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		}));
 		return (e, t) => (P(), b("div", { style: A(r.value) }, [z(e.$slots, "default")], 4));
 	}
-}), fl = /* @__PURE__ */ T({
+}), ml = /* @__PURE__ */ T({
 	__name: "MText",
 	props: {
 		variant: { default: "body-medium" },
@@ -6875,7 +6925,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), pl = /* @__PURE__ */ T({
+}), hl = /* @__PURE__ */ T({
 	__name: "MSubtitle",
 	props: {
 		size: { default: "large" },
@@ -6889,7 +6939,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			medium: "body-medium",
 			small: "body-small"
 		}, r = _(() => n[t.size]);
-		return (t, n) => (P(), v(fl, {
+		return (t, n) => (P(), v(ml, {
 			variant: r.value,
 			color: e.color,
 			align: e.align,
@@ -6904,31 +6954,31 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			"truncate"
 		]));
 	}
-}), ml = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, hl = {
+}), gl = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, _l = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, gl = {
+}, vl = {
 	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"
-}, _l = ["placeholder"], vl = {
+}, yl = ["placeholder"], bl = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, yl = { class: "overflow-x-auto" }, bl = { class: "w-full border-collapse" }, xl = { class: "bg-surface-container-high" }, Sl = {
+}, xl = { class: "overflow-x-auto" }, Sl = { class: "w-full border-collapse" }, Cl = { class: "bg-surface-container-high" }, wl = {
 	key: 0,
 	class: "w-12 px-4 py-3"
-}, Cl = ["onClick"], wl = { class: "inline-flex items-center gap-1" }, Tl = {
+}, Tl = ["onClick"], El = { class: "inline-flex items-center gap-1" }, Dl = {
 	key: 0,
 	class: "inline-flex"
-}, El = {
+}, Ol = {
 	key: 1,
 	class: "w-1 px-4 py-3"
-}, Dl = {
+}, kl = {
 	key: 0,
 	class: "px-4 py-3.5"
-}, Ol = {
+}, Al = {
 	key: 1,
 	class: "px-4 py-3.5"
-}, kl = { key: 1 }, Al = ["colspan"], jl = { class: "text-body-medium text-on-surface-variant" }, Ml = ["onClick"], Nl = ["onClick"], Pl = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Fl = /* @__PURE__ */ T({
+}, jl = { key: 1 }, Ml = ["colspan"], Nl = { class: "text-body-medium text-on-surface-variant" }, Pl = ["onClick"], Fl = ["onClick"], Il = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Ll = /* @__PURE__ */ T({
 	__name: "MTable",
 	props: {
 		columns: {},
@@ -7068,9 +7118,9 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			return `${i[(e * 3 + t) % i.length]}%`;
 		}
 		let J = ee(), X = _(() => !!J["row-actions"]);
-		return (t, n) => (P(), b("div", ml, [
-			e.searchable || t.$slots.toolbar ? (P(), b("div", hl, [
-				e.searchable ? (P(), b("div", gl, [
+		return (t, n) => (P(), b("div", gl, [
+			e.searchable || t.$slots.toolbar ? (P(), b("div", _l, [
+				e.searchable ? (P(), b("div", vl, [
 					w(d, {
 						name: "search",
 						size: 16,
@@ -7081,7 +7131,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 						type: "text",
 						placeholder: e.searchPlaceholder ?? U(r).search,
 						class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-					}, null, 8, _l), [[te, s.value]]),
+					}, null, 8, yl), [[te, s.value]]),
 					s.value ? (P(), b("button", {
 						key: 0,
 						class: "text-on-surface-variant transition-colors hover:text-on-surface",
@@ -7098,12 +7148,12 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: Y(() => [e.selectable && O.value.length > 0 ? (P(), b("span", vl, H(O.value.length) + " " + H(e.selectedText ?? U(r).selectedCount) + H(O.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
+					default: Y(() => [e.selectable && O.value.length > 0 ? (P(), b("span", bl, H(O.value.length) + " " + H(e.selectedText ?? U(r).selectedCount) + H(O.value.length === 1 ? "" : "s"), 1)) : y("", !0)]),
 					_: 1
 				})
 			])) : y("", !0),
-			x("div", yl, [x("table", bl, [x("thead", null, [x("tr", xl, [
-				e.selectable ? (P(), b("th", Sl, [w(Q, {
+			x("div", xl, [x("table", Sl, [x("thead", null, [x("tr", Cl, [
+				e.selectable ? (P(), b("th", wl, [w(Q, {
 					"model-value": I.value,
 					indeterminate: B.value,
 					"onUpdate:modelValue": V
@@ -7117,7 +7167,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 						e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (t) => e.sortable ? u(e.key) : void 0
-				}, [x("span", wl, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", Tl, [c.value === e.key && l.value === "asc" ? (P(), v(d, {
+				}, [x("span", El, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", Dl, [c.value === e.key && l.value === "asc" ? (P(), v(d, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -7132,13 +7182,13 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					name: "unfold_more",
 					size: 14,
 					class: "opacity-30"
-				}))])) : y("", !0)])], 14, Cl))), 128)),
-				X.value ? (P(), b("th", El)) : y("", !0)
+				}))])) : y("", !0)])], 14, Tl))), 128)),
+				X.value ? (P(), b("th", Ol)) : y("", !0)
 			])]), x("tbody", null, [e.loading ? (P(!0), b(p, { key: 0 }, R(e.perPage, (t) => (P(), b("tr", {
 				key: `sk-${t}`,
 				class: "border-t border-outline-variant"
 			}, [
-				e.selectable ? (P(), b("td", Dl, [...n[4] ||= [x("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : y("", !0),
+				e.selectable ? (P(), b("td", kl, [...n[4] ||= [x("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : y("", !0),
 				(P(!0), b(p, null, R(e.columns, (e, n) => (P(), b("td", {
 					key: e.key,
 					class: "px-4 py-3.5"
@@ -7146,15 +7196,15 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					class: "h-4 animate-pulse rounded-full bg-on-surface/10",
 					style: A({ width: K(t, n) })
 				}, null, 4)]))), 128)),
-				X.value ? (P(), b("td", Ol, [...n[5] ||= [x("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : y("", !0)
-			]))), 128)) : T.value.length === 0 ? (P(), b("tr", kl, [x("td", {
+				X.value ? (P(), b("td", Al, [...n[5] ||= [x("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : y("", !0)
+			]))), 128)) : T.value.length === 0 ? (P(), b("tr", jl, [x("td", {
 				colspan: e.columns.length + W.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [z(t.$slots, "empty", {}, () => [w(d, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), x("p", jl, H(e.emptyText ?? U(r).noResults), 1)])], 8, Al)])) : (P(!0), b(p, { key: 2 }, R(T.value, (r) => (P(), b("tr", {
+			}), x("p", Nl, H(e.emptyText ?? U(r).noResults), 1)])], 8, Ml)])) : (P(!0), b(p, { key: 2 }, R(T.value, (r) => (P(), b("tr", {
 				key: j(r),
 				class: k([
 					"border-t border-outline-variant transition-colors duration-100",
@@ -7171,7 +7221,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				}, [w(Q, {
 					"model-value": N(r),
 					"onUpdate:modelValue": (e) => F(r)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Nl)) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Fl)) : y("", !0),
 				(P(!0), b(p, null, R(e.columns, (e) => (P(), b("td", {
 					key: e.key,
 					class: k(["px-4 py-3 text-body-medium text-on-surface", G(e.align)])
@@ -7185,8 +7235,8 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					class: "px-4 py-3 text-right",
 					onClick: n[2] ||= Z(() => {}, ["stop"])
 				}, [z(t.$slots, "row-actions", { row: r })])) : y("", !0)
-			], 10, Ml))), 128))])])]),
-			x("div", Pl, [w(mn, {
+			], 10, Pl))), 128))])])]),
+			x("div", Il, [w(fn, {
 				page: m.value,
 				"per-page": e.perPage,
 				total: S.value,
@@ -7198,16 +7248,16 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			])])
 		]));
 	}
-}), Il = {
+}), Rl = {
 	key: 0,
 	class: "relative border-b border-outline-variant"
-}, Ll = {
+}, zl = {
 	class: "flex overflow-x-auto",
 	style: { "scrollbar-width": "none" }
-}, Rl = ["disabled", "onClick"], zl = {
+}, Bl = ["disabled", "onClick"], Vl = {
 	key: 1,
 	class: "flex flex-wrap gap-1 rounded-full bg-surface-container p-1"
-}, Bl = ["disabled", "onClick"], Vl = /* @__PURE__ */ T({
+}, Hl = ["disabled", "onClick"], Ul = /* @__PURE__ */ T({
 	__name: "MTabs",
 	props: {
 		modelValue: {},
@@ -7227,7 +7277,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		function c(e) {
 			e.disabled || r("update:modelValue", e.value);
 		}
-		return (t, n) => e.variant === "primary" ? (P(), b("div", Il, [x("div", Ll, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
+		return (t, n) => e.variant === "primary" ? (P(), b("div", Rl, [x("div", zl, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
 			key: t.value,
 			ref_for: !0,
 			ref: (n) => {
@@ -7241,13 +7291,13 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			key: 0,
 			name: t.icon,
 			size: 20
-		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Rl))), 128))]), x("div", {
+		}, null, 8, ["name"])) : y("", !0), x("span", null, H(t.label), 1)], 10, Bl))), 128))]), x("div", {
 			class: "absolute bottom-0 h-[3px] rounded-t-sm bg-primary transition-[left,width] duration-200 ease-[cubic-bezier(0.2,0,0,1)]",
 			style: A({
 				left: `${a.value}px`,
 				width: `${o.value}px`
 			})
-		}, null, 4)])) : (P(), b("div", zl, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
+		}, null, 4)])) : (P(), b("div", Vl, [(P(!0), b(p, null, R(e.tabs, (t) => (P(), b("button", {
 			key: t.value,
 			type: "button",
 			class: k(["flex h-8 items-center gap-2 rounded-full px-4 text-label-large transition-all duration-150 focus-visible:outline-none", t.value === e.modelValue ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : t.disabled ? "cursor-not-allowed text-on-surface/38" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8 hover:text-on-surface"]),
@@ -7257,27 +7307,27 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			key: 0,
 			name: t.icon,
 			size: 16
-		}, null, 8, ["name"])) : y("", !0), C(" " + H(t.label), 1)], 10, Bl))), 128))]));
+		}, null, 8, ["name"])) : y("", !0), C(" " + H(t.label), 1)], 10, Hl))), 128))]));
 	}
-}), Hl = { class: "flex flex-col items-center" }, Ul = { class: "flex items-baseline justify-between gap-2" }, Wl = { class: "text-body-large font-medium text-on-surface" }, Gl = {
+}), Wl = { class: "flex flex-col items-center" }, Gl = { class: "flex items-baseline justify-between gap-2" }, Kl = { class: "text-body-large font-medium text-on-surface" }, ql = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, Kl = {
+}, Jl = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, ql = {
+}, Yl = {
 	key: 1,
 	class: "mt-2"
-}, Jl = { class: "text-body-large font-medium text-on-surface" }, Yl = {
+}, Xl = { class: "text-body-large font-medium text-on-surface" }, Zl = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, Xl = {
+}, Ql = {
 	key: 1,
 	class: "mt-1 inline-block text-label-small text-on-surface-variant"
-}, Zl = { class: "flex w-14 shrink-0 flex-col items-center" }, Ql = {
+}, $l = { class: "flex w-14 shrink-0 flex-col items-center" }, eu = {
 	key: 0,
 	class: "w-[2px] flex-1 bg-outline-variant"
-}, $l = /* @__PURE__ */ T({
+}, tu = /* @__PURE__ */ T({
 	__name: "MTimeline",
 	props: {
 		items: {},
@@ -7303,23 +7353,23 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			class: k(["flex items-stretch", i % 2 == 0 ? "flex-row" : "flex-row-reverse"])
 		}, [
 			x("div", { class: k(["flex-1", [i % 2 == 0 ? "text-right" : "text-left", e.dense ? "pb-4" : "pb-8"]]) }, [
-				x("p", Jl, H(n.title), 1),
-				n.description ? (P(), b("p", Yl, H(n.description), 1)) : y("", !0),
-				n.date ? (P(), b("span", Xl, H(n.date), 1)) : y("", !0)
+				x("p", Xl, H(n.title), 1),
+				n.description ? (P(), b("p", Zl, H(n.description), 1)) : y("", !0),
+				n.date ? (P(), b("span", Ql, H(n.date), 1)) : y("", !0)
 			], 2),
-			x("div", Zl, [x("div", {
+			x("div", $l, [x("div", {
 				class: k(["z-1 flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3.5 w-3.5", t[n.color ?? "primary"]]]),
 				style: A(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
 			}, [n.icon ? (P(), v(d, {
 				key: 0,
 				name: n.icon,
 				size: 18
-			}, null, 8, ["name"])) : y("", !0)], 6), i < e.items.length - 1 ? (P(), b("div", Ql)) : y("", !0)]),
+			}, null, 8, ["name"])) : y("", !0)], 6), i < e.items.length - 1 ? (P(), b("div", eu)) : y("", !0)]),
 			r[0] ||= x("div", { class: "flex-1" }, null, -1)
 		], 2))), 128)) : (P(!0), b(p, { key: 0 }, R(e.items, (r, i) => (P(), b("div", {
 			key: i,
 			class: k(["relative flex gap-4", e.dense ? "pb-4" : "pb-8"])
-		}, [x("div", Hl, [x("div", {
+		}, [x("div", Wl, [x("div", {
 			class: k(["z-1 flex shrink-0 items-center justify-center rounded-full", [r.icon ? "h-9 w-9" : "h-3 w-3", t[r.color ?? "primary"]]]),
 			style: A(r.dotColor ? { backgroundColor: r.dotColor } : void 0)
 		}, [r.icon ? (P(), v(d, {
@@ -7331,30 +7381,30 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			class: k(["w-[2px] flex-1", t[r.color ?? "primary"].split(" ")[0] + "/30"]),
 			style: { "min-height": "16px" }
 		}, null, 2)) : y("", !0)]), x("div", { class: k([r.icon ? "" : "pt-0", "-mt-0.5 flex-1"]) }, [
-			x("div", Ul, [x("p", Wl, H(r.title), 1), r.date ? (P(), b("span", Gl, H(r.date), 1)) : y("", !0)]),
-			r.description ? (P(), b("p", Kl, H(r.description), 1)) : y("", !0),
-			n.$slots[`item-${i}`] ? (P(), b("div", ql, [z(n.$slots, `item-${i}`, { item: r })])) : y("", !0)
+			x("div", Gl, [x("p", Kl, H(r.title), 1), r.date ? (P(), b("span", ql, H(r.date), 1)) : y("", !0)]),
+			r.description ? (P(), b("p", Jl, H(r.description), 1)) : y("", !0),
+			n.$slots[`item-${i}`] ? (P(), b("div", Yl, [z(n.$slots, `item-${i}`, { item: r })])) : y("", !0)
 		], 2)], 2))), 128))], 2));
 	}
-}), eu = { class: "flex flex-col gap-1" }, tu = {
+}), nu = { class: "flex flex-col gap-1" }, ru = {
 	key: 0,
 	class: "flex-1 font-mono text-on-surface"
-}, nu = {
+}, iu = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, ru = {
+}, au = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, iu = {
+}, ou = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, au = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, ou = { class: "p-3" }, su = {
+}, su = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, cu = { class: "p-3" }, lu = {
 	key: 0,
 	class: "grid grid-cols-6 gap-1"
-}, cu = ["onClick"], lu = {
+}, uu = ["onClick"], du = {
 	key: 1,
 	class: "grid grid-cols-6 gap-1"
-}, uu = ["onClick"], du = /* @__PURE__ */ T({
+}, fu = ["onClick"], pu = /* @__PURE__ */ T({
 	__name: "MTimePicker",
 	props: {
 		modelValue: {},
@@ -7432,7 +7482,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			e ? (u.value = "hour", C.value = S.value.h, T.value = S.value.m, B(), setTimeout(() => document.addEventListener("mousedown", V), 0)) : document.removeEventListener("mousedown", V);
 		}), M(() => window.addEventListener("scroll", W, !0)), N(() => {
 			window.removeEventListener("scroll", W, !0), document.removeEventListener("mousedown", V);
-		}), (t, n) => (P(), b("div", eu, [
+		}), (t, n) => (P(), b("div", nu, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: c,
@@ -7448,7 +7498,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				z.value ? (P(), b("span", tu, H(z.value), 1)) : (P(), b("span", nu, H(e.label || e.placeholder || U(a).selectTime), 1)),
+				z.value ? (P(), b("span", ru, H(z.value), 1)) : (P(), b("span", iu, H(e.label || e.placeholder || U(a).selectTime), 1)),
 				e.modelValue ? (P(), v(d, {
 					key: 2,
 					name: "close",
@@ -7460,7 +7510,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				key: 0,
 				class: k(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", s.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
 			}, H(e.label), 3)) : y("", !0)], 4),
-			e.error ? (P(), b("p", ru, H(e.error), 1)) : e.hint ? (P(), b("p", iu, H(e.hint), 1)) : y("", !0),
+			e.error ? (P(), b("p", au, H(e.error), 1)) : e.hint ? (P(), b("p", ou, H(e.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -7473,7 +7523,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					ref: l,
 					class: "fixed z-500 w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
 					style: A(f.value)
-				}, [x("div", au, [
+				}, [x("div", su, [
 					x("button", {
 						type: "button",
 						class: k(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "hour" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
@@ -7485,22 +7535,22 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 						class: k(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "minute" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
 						onClick: n[2] ||= (e) => u.value = "minute"
 					}, H(O(T.value)), 3)
-				]), x("div", ou, [u.value === "hour" ? (P(), b("div", su, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("button", {
+				]), x("div", cu, [u.value === "hour" ? (P(), b("div", lu, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("button", {
 					key: e,
 					type: "button",
 					class: k(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === C.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => j(e)
-				}, H(O(e)), 11, cu))), 128))])) : (P(), b("div", lu, [(P(!0), b(p, null, R(D.value, (e) => (P(), b("button", {
+				}, H(O(e)), 11, uu))), 128))])) : (P(), b("div", du, [(P(!0), b(p, null, R(D.value, (e) => (P(), b("button", {
 					key: e,
 					type: "button",
 					class: k(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === T.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => F(e)
-				}, H(O(e)), 11, uu))), 128))]))])], 4)) : y("", !0)]),
+				}, H(O(e)), 11, fu))), 128))]))])], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), fu = /* @__PURE__ */ T({
+}), mu = /* @__PURE__ */ T({
 	__name: "MTitle",
 	props: {
 		size: { default: "large" },
@@ -7514,7 +7564,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			medium: "headline-medium",
 			small: "headline-small"
 		}, r = _(() => n[t.size]);
-		return (t, n) => (P(), v(fl, {
+		return (t, n) => (P(), v(ml, {
 			variant: r.value,
 			weight: "medium",
 			color: e.color,
@@ -7530,7 +7580,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			"truncate"
 		]));
 	}
-}), pu = /* @__PURE__ */ T({
+}), hu = /* @__PURE__ */ T({
 	__name: "MTooltip",
 	props: {
 		text: {},
@@ -7599,13 +7649,13 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			_: 1
 		})]))], 64));
 	}
-}), mu = { class: "flex h-16 items-center gap-1 px-2" }, hu = {
-	key: 2,
+}), gu = { class: "flex h-16 items-center gap-1 px-4" }, _u = {
+	key: 1,
 	class: "flex-1"
-}, gu = {
-	key: 3,
+}, vu = {
+	key: 2,
 	class: "flex items-center gap-1"
-}, _u = /* @__PURE__ */ T({
+}, yu = /* @__PURE__ */ T({
 	__name: "MTopAppBar",
 	props: {
 		title: {},
@@ -7616,24 +7666,24 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 	},
 	emits: ["navigation"],
 	setup(t) {
-		return (n, r) => (P(), b("header", { class: k(["flex w-full flex-col bg-surface transition-shadow", [t.elevated ? "shadow-elevation-2" : "", t.bordered ? "border-b border-outline-variant" : ""]]) }, [x("div", mu, [
-			t.navigationIcon ? (P(), v(e, {
+		return (n, r) => (P(), b("header", { class: k(["flex w-full flex-col bg-surface transition-shadow", [t.elevated ? "shadow-elevation-2" : "", t.bordered ? "border-b border-outline-variant" : ""]]) }, [x("div", gu, [
+			z(n.$slots, "navigation", {}, () => [t.navigationIcon ? (P(), v(e, {
 				key: 0,
 				icon: t.navigationIcon,
 				label: "Navegación",
 				onClick: r[0] ||= (e) => n.$emit("navigation")
-			}, null, 8, ["icon"])) : y("", !0),
+			}, null, 8, ["icon"])) : y("", !0)]),
 			t.variant === "center" || t.variant === "small" ? (P(), b("h1", {
-				key: 1,
-				class: k(["flex-1 truncate px-2 text-title-large text-on-surface", t.variant === "center" ? "text-center" : ""])
-			}, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)) : (P(), b("div", hu)),
-			n.$slots.actions ? (P(), b("div", gu, [z(n.$slots, "actions")])) : y("", !0)
+				key: 0,
+				class: k(["flex flex-1 items-center truncate px-4 text-title-large text-on-surface", t.variant === "center" ? "justify-center" : ""])
+			}, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)) : (P(), b("div", _u)),
+			n.$slots.actions ? (P(), b("div", vu, [z(n.$slots, "actions")])) : y("", !0)
 		]), t.variant === "medium" || t.variant === "large" ? (P(), b("div", {
 			key: 0,
 			class: k(["px-4 pb-6", t.variant === "large" ? "pt-4" : "pt-1"])
 		}, [x("h1", { class: k(["text-on-surface", t.variant === "large" ? "text-headline-medium" : "text-headline-small"]) }, [z(n.$slots, "title", {}, () => [C(H(t.title), 1)])], 2)], 2)) : y("", !0)], 2));
 	}
-}), vu = { class: "mb-2 flex items-center justify-between" }, yu = { class: "text-label-small text-on-surface-variant" }, bu = { class: "mb-1 text-title-medium font-medium text-on-surface" }, xu = { class: "mb-4 text-body-medium text-on-surface-variant" }, Su = { class: "mb-4 flex justify-center gap-1.5" }, Cu = { class: "flex justify-between" }, wu = { key: 1 }, Tu = /* @__PURE__ */ T({
+}), bu = { class: "mb-2 flex items-center justify-between" }, xu = { class: "text-label-small text-on-surface-variant" }, Su = { class: "mb-1 text-title-medium font-medium text-on-surface" }, Cu = { class: "mb-4 text-body-medium text-on-surface-variant" }, wu = { class: "mb-4 flex justify-center gap-1.5" }, Tu = { class: "flex justify-between" }, Eu = { key: 1 }, Du = /* @__PURE__ */ T({
 	__name: "MTour",
 	props: {
 		modelValue: { type: Boolean },
@@ -7716,7 +7766,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					class: "h-0 w-0",
 					style: A(l.value)
 				}, null, 4),
-				x("div", vu, [x("span", yu, H(s.value + 1) + " / " + H(e.steps.length), 1), x("button", {
+				x("div", bu, [x("span", xu, H(s.value + 1) + " / " + H(e.steps.length), 1), x("button", {
 					type: "button",
 					class: "flex h-6 w-6 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
 					onClick: W
@@ -7724,13 +7774,13 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					name: "close",
 					size: 16
 				})])]),
-				x("h3", bu, H(f.value.title), 1),
-				x("p", xu, H(f.value.content), 1),
-				x("div", Su, [(P(!0), b(p, null, R(e.steps, (e, t) => (P(), b("div", {
+				x("h3", Su, H(f.value.title), 1),
+				x("p", Cu, H(f.value.content), 1),
+				x("div", wu, [(P(!0), b(p, null, R(e.steps, (e, t) => (P(), b("div", {
 					key: t,
 					class: k(["h-1.5 rounded-full transition-all duration-200", t === s.value ? "w-6 bg-primary" : "w-1.5 bg-outline-variant"])
 				}, null, 2))), 128))]),
-				x("div", Cu, [g.value ? (P(), b("span", wu)) : (P(), v(o, {
+				x("div", Tu, [g.value ? (P(), b("span", Eu)) : (P(), v(o, {
 					key: 0,
 					variant: "text",
 					onClick: V
@@ -7745,19 +7795,19 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			_: 1
 		})]));
 	}
-}), Eu = { class: "flex items-stretch gap-2" }, Du = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Ou = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, ku = { class: "text-label-large font-medium text-on-surface" }, Au = { class: "text-label-small text-on-surface-variant" }, ju = {
+}), Ou = { class: "flex items-stretch gap-2" }, ku = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Au = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, ju = { class: "text-label-large font-medium text-on-surface" }, Mu = { class: "text-label-small text-on-surface-variant" }, Nu = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, Mu = ["placeholder"], Nu = {
+}, Pu = ["placeholder"], Fu = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, Pu = ["onClick"], Fu = { class: "flex-1 truncate text-body-medium text-on-surface" }, Iu = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Lu = { class: "flex flex-col items-center justify-center gap-1" }, Ru = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, zu = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Bu = { class: "text-label-large font-medium text-on-surface" }, Vu = { class: "text-label-small text-on-surface-variant" }, Hu = {
+}, Iu = ["onClick"], Lu = { class: "flex-1 truncate text-body-medium text-on-surface" }, Ru = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, zu = { class: "flex flex-col items-center justify-center gap-1" }, Bu = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Vu = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Hu = { class: "text-label-large font-medium text-on-surface" }, Uu = { class: "text-label-small text-on-surface-variant" }, Wu = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, Uu = ["placeholder"], Wu = {
+}, Gu = ["placeholder"], Ku = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, Gu = ["onClick"], Ku = { class: "flex-1 truncate text-body-medium text-on-surface" }, qu = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Ju = /* @__PURE__ */ T({
+}, qu = ["onClick"], Ju = { class: "flex-1 truncate text-body-medium text-on-surface" }, Yu = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Xu = /* @__PURE__ */ T({
 	__name: "MTransferList",
 	props: {
 		modelValue: {},
@@ -7815,16 +7865,16 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			let e = m.value.map((e) => e.value);
 			o("update:modelValue", a.modelValue.filter((t) => !new Set(e).has(t))), c.value = /* @__PURE__ */ new Set();
 		}
-		return (n, r) => (P(), b("div", Eu, [
-			x("div", Du, [
-				x("div", Ou, [x("span", ku, H(t.sourceTitle ?? U(i).available), 1), x("span", Au, H(f.value.length), 1)]),
-				t.filterable ? (P(), b("div", ju, [ne(x("input", {
+		return (n, r) => (P(), b("div", Ou, [
+			x("div", ku, [
+				x("div", Au, [x("span", ju, H(t.sourceTitle ?? U(i).available), 1), x("span", Mu, H(f.value.length), 1)]),
+				t.filterable ? (P(), b("div", Nu, [ne(x("input", {
 					"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
 					type: "text",
 					placeholder: t.searchPlaceholder ?? U(i).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
-				}, null, 8, Mu), [[te, l.value]])])) : y("", !0),
-				x("div", Nu, [(P(!0), b(p, null, R(f.value, (e) => (P(), b("button", {
+				}, null, 8, Pu), [[te, l.value]])])) : y("", !0),
+				x("div", Fu, [(P(!0), b(p, null, R(f.value, (e) => (P(), b("button", {
 					key: e.value,
 					type: "button",
 					class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
@@ -7840,10 +7890,10 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", Fu, H(e.label), 1)
-				], 8, Pu))), 128)), f.value.length ? y("", !0) : z(n.$slots, "source-empty", { key: 0 }, () => [x("p", Iu, H(t.emptyText ?? U(i).noItems), 1)])])
+					x("span", Lu, H(e.label), 1)
+				], 8, Iu))), 128)), f.value.length ? y("", !0) : z(n.$slots, "source-empty", { key: 0 }, () => [x("p", Ru, H(t.emptyText ?? U(i).noItems), 1)])])
 			]),
-			x("div", Lu, [
+			x("div", zu, [
 				w(e, {
 					icon: "keyboard_double_arrow_right",
 					label: t.moveAllRightLabel ?? U(i).moveAllRight,
@@ -7875,15 +7925,15 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					onClick: E
 				}, null, 8, ["label", "disabled"])
 			]),
-			x("div", Ru, [
-				x("div", zu, [x("span", Bu, H(t.targetTitle ?? U(i).selected), 1), x("span", Vu, H(m.value.length), 1)]),
-				t.filterable ? (P(), b("div", Hu, [ne(x("input", {
+			x("div", Bu, [
+				x("div", Vu, [x("span", Hu, H(t.targetTitle ?? U(i).selected), 1), x("span", Uu, H(m.value.length), 1)]),
+				t.filterable ? (P(), b("div", Wu, [ne(x("input", {
 					"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 					type: "text",
 					placeholder: t.searchPlaceholder ?? U(i).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
-				}, null, 8, Uu), [[te, u.value]])])) : y("", !0),
-				x("div", Wu, [(P(!0), b(p, null, R(m.value, (e) => (P(), b("button", {
+				}, null, 8, Gu), [[te, u.value]])])) : y("", !0),
+				x("div", Ku, [(P(!0), b(p, null, R(m.value, (e) => (P(), b("button", {
 					key: e.value,
 					type: "button",
 					class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
@@ -7899,18 +7949,18 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", Ku, H(e.label), 1)
-				], 8, Gu))), 128)), m.value.length ? y("", !0) : z(n.$slots, "target-empty", { key: 0 }, () => [x("p", qu, H(t.emptyText ?? U(i).noItems), 1)])])
+					x("span", Ju, H(e.label), 1)
+				], 8, qu))), 128)), m.value.length ? y("", !0) : z(n.$slots, "target-empty", { key: 0 }, () => [x("p", Yu, H(t.emptyText ?? U(i).noItems), 1)])])
 			])
 		]));
 	}
-}), Yu = ["aria-expanded", "aria-selected"], Xu = { class: "flex w-6 shrink-0 items-center justify-center" }, Zu = ["disabled"], Qu = {
+}), Zu = ["aria-expanded", "aria-selected"], Qu = { class: "flex w-6 shrink-0 items-center justify-center" }, $u = ["disabled"], ed = {
 	key: 2,
 	class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
-}, $u = {
+}, td = {
 	key: 0,
 	class: "ml-3 border-l border-outline-variant pl-2"
-}, ed = /* @__PURE__ */ T({
+}, nd = /* @__PURE__ */ T({
 	__name: "_MTreeNode",
 	props: {
 		node: {},
@@ -7955,7 +8005,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			]),
 			onClick: u
 		}, [
-			x("div", Xu, [r.value ? (P(), b("button", {
+			x("div", Qu, [r.value ? (P(), b("button", {
 				key: 0,
 				type: "button",
 				class: k(["flex h-5 w-5 items-center justify-center rounded text-on-surface-variant transition-transform duration-200", i.value ? "rotate-90" : ""]),
@@ -7964,7 +8014,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			}, [w(d, {
 				name: "chevron_right",
 				size: 16
-			})], 10, Zu)) : y("", !0)]),
+			})], 10, $u)) : y("", !0)]),
 			U(n).checkable.value ? (P(), b("div", {
 				key: 0,
 				class: "shrink-0",
@@ -7986,7 +8036,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				class: k(["shrink-0 transition-colors", a.value ? "text-primary" : "text-on-surface-variant"])
 			}, null, 8, ["name", "class"])) : y("", !0),
 			x("span", { class: k(["min-w-0 flex-1 truncate text-body-medium transition-colors", a.value ? "font-medium text-primary" : "text-on-surface"]) }, [z(t.$slots, "label", { node: e.node }, () => [C(H(e.node.label), 1)])], 2),
-			r.value && U(n).checkable.value ? (P(), b("span", Qu, H(s.value) + "/" + H(o.value.length), 1)) : y("", !0),
+			r.value && U(n).checkable.value ? (P(), b("span", ed, H(s.value) + "/" + H(o.value.length), 1)) : y("", !0),
 			z(t.$slots, "trailing", { node: e.node })
 		], 2), w(h, {
 			onEnter: g,
@@ -7994,7 +8044,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			onLeave: O,
 			onAfterLeave: A
 		}, {
-			default: Y(() => [i.value && r.value ? (P(), b("div", $u, [(P(!0), b(p, null, R(e.node.children, (n) => (P(), v(ed, {
+			default: Y(() => [i.value && r.value ? (P(), b("div", td, [(P(!0), b(p, null, R(e.node.children, (n) => (P(), v(nd, {
 				key: n.id,
 				node: n,
 				depth: e.depth + 1
@@ -8003,15 +8053,15 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				fn: Y((e) => [z(t.$slots, n, D({ ref_for: !0 }, e ?? {}))])
 			}))]), 1032, ["node", "depth"]))), 128))])) : y("", !0)]),
 			_: 3
-		})], 8, Yu));
+		})], 8, Zu));
 	}
-}), td = {
+}), rd = {
 	role: "tree",
 	class: "flex flex-col"
-}, nd = {
+}, id = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
-}, rd = { class: "text-body-medium" }, id = /* @__PURE__ */ T({
+}, ad = { class: "text-body-medium" }, od = /* @__PURE__ */ T({
 	__name: "MTree",
 	props: {
 		nodes: {},
@@ -8077,26 +8127,26 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		return t({
 			expandAll: y,
 			collapseAll: C
-		}), (t, n) => (P(), b("div", td, [e.nodes.length ? (P(!0), b(p, { key: 0 }, R(e.nodes, (e) => (P(), v(ed, {
+		}), (t, n) => (P(), b("div", rd, [e.nodes.length ? (P(!0), b(p, { key: 0 }, R(e.nodes, (e) => (P(), v(nd, {
 			key: e.id,
 			node: e,
 			depth: 0
 		}, S({ _: 2 }, [R(t.$slots, (e, n) => ({
 			name: n,
 			fn: Y((e) => [z(t.$slots, n, D({ ref_for: !0 }, e ?? {}))])
-		}))]), 1032, ["node"]))), 128)) : (P(), b("div", nd, [w(d, {
+		}))]), 1032, ["node"]))), 128)) : (P(), b("div", id, [w(d, {
 			name: "account_tree",
 			size: 32,
 			class: "opacity-30"
-		}), x("p", rd, H(e.emptyText), 1)]))]));
+		}), x("p", ad, H(e.emptyText), 1)]))]));
 	}
-}), ad = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, od = {
+}), sd = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, cd = {
 	key: 0,
 	class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
-}, sd = { class: "overflow-x-auto" }, cd = { class: "w-full border-collapse" }, ld = { class: "bg-surface-container-high" }, ud = ["onClick"], dd = ["onClick"], fd = {
+}, ld = { class: "overflow-x-auto" }, ud = { class: "w-full border-collapse" }, dd = { class: "bg-surface-container-high" }, fd = ["onClick"], pd = ["onClick"], md = {
 	key: 1,
 	class: "w-6 shrink-0"
-}, pd = { key: 0 }, md = ["colspan"], hd = /* @__PURE__ */ T({
+}, hd = { key: 0 }, gd = ["colspan"], _d = /* @__PURE__ */ T({
 	__name: "MTreeTable",
 	props: {
 		columns: {},
@@ -8151,10 +8201,10 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		function f(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (t, n) => (P(), b("div", ad, [t.$slots.toolbar ? (P(), b("div", od, [z(t.$slots, "toolbar", {
+		return (t, n) => (P(), b("div", sd, [t.$slots.toolbar ? (P(), b("div", cd, [z(t.$slots, "toolbar", {
 			expandAll: l,
 			collapseAll: u
-		})])) : y("", !0), x("div", sd, [x("table", cd, [x("thead", null, [x("tr", ld, [(P(!0), b(p, null, R(e.columns, (t, n) => (P(), b("th", {
+		})])) : y("", !0), x("div", ld, [x("table", ud, [x("thead", null, [x("tr", dd, [(P(!0), b(p, null, R(e.columns, (t, n) => (P(), b("th", {
 			key: t.key,
 			style: A(t.width ? { width: t.width } : void 0),
 			class: k([
@@ -8185,7 +8235,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		}, [w(d, {
 			name: "chevron_right",
 			size: 18
-		})], 10, dd)) : (P(), b("span", fd)), z(t.$slots, `cell-${r.key}`, {
+		})], 10, pd)) : (P(), b("span", md)), z(t.$slots, `cell-${r.key}`, {
 			row: n.row,
 			value: n.row[r.key],
 			depth: n.depth
@@ -8194,19 +8244,19 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			row: n.row,
 			value: n.row[r.key],
 			depth: n.depth
-		}, () => [C(H(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10, ud))), 128)), c.value.length ? y("", !0) : (P(), b("tr", pd, [x("td", {
+		}, () => [C(H(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10, fd))), 128)), c.value.length ? y("", !0) : (P(), b("tr", hd, [x("td", {
 			colspan: e.columns.length,
 			class: "border-t border-outline-variant px-4 py-10 text-center"
 		}, [w(d, {
 			name: "account_tree",
 			size: 36,
 			class: "mb-2 text-on-surface-variant opacity-30"
-		}), n[0] ||= x("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, md)]))])])])]));
+		}), n[0] ||= x("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, gd)]))])])])]));
 	}
-}), gd = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, _d = { class: "flex bg-surface-container-high" }, vd = ["onClick"], yd = { class: "inline-flex items-center gap-1" }, bd = {
+}), vd = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, yd = { class: "flex bg-surface-container-high" }, bd = ["onClick"], xd = { class: "inline-flex items-center gap-1" }, Sd = {
 	key: 0,
 	class: "inline-flex"
-}, xd = ["onClick"], Sd = { class: "truncate" }, Cd = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, wd = { class: "text-label-small text-on-surface-variant" }, Td = /* @__PURE__ */ T({
+}, Cd = ["onClick"], wd = { class: "truncate" }, Td = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Ed = { class: "text-label-small text-on-surface-variant" }, Dd = /* @__PURE__ */ T({
 	__name: "MVirtualTable",
 	props: {
 		columns: {},
@@ -8252,8 +8302,8 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		function w(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (t, n) => (P(), b("div", gd, [
-			x("div", _d, [(P(!0), b(p, null, R(e.columns, (e) => (P(), b("div", {
+		return (t, n) => (P(), b("div", vd, [
+			x("div", yd, [(P(!0), b(p, null, R(e.columns, (e) => (P(), b("div", {
 				key: e.key,
 				style: A({
 					width: e.width || "auto",
@@ -8265,7 +8315,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors" : ""
 				]),
 				onClick: (t) => e.sortable ? l(e.key) : void 0
-			}, [x("span", yd, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", bd, [s.value === e.key && c.value === "asc" ? (P(), v(d, {
+			}, [x("span", xd, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", Sd, [s.value === e.key && c.value === "asc" ? (P(), v(d, {
 				key: 0,
 				name: "arrow_upward",
 				size: 14,
@@ -8280,7 +8330,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 				name: "unfold_more",
 				size: 14,
 				class: "opacity-30"
-			}))])) : y("", !0)])], 14, vd))), 128))]),
+			}))])) : y("", !0)])], 14, bd))), 128))]),
 			x("div", {
 				ref_key: "scrollEl",
 				ref: i,
@@ -8308,12 +8358,12 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 			}, [z(t.$slots, `cell-${e.key}`, {
 				row: n,
 				value: n[e.key]
-			}, () => [x("span", Sd, H(n[e.key] ?? "—"), 1)])], 6))), 128))], 14, xd))), 128))], 4)], 36),
-			x("div", Cd, [x("span", wd, [C(H(u.value.length.toLocaleString()) + " filas ", 1), m.value.end - m.value.start < u.value.length ? (P(), b(p, { key: 0 }, [C(" · mostrando " + H(m.value.start + 1) + "–" + H(m.value.end), 1)], 64)) : y("", !0)])])
+			}, () => [x("span", wd, H(n[e.key] ?? "—"), 1)])], 6))), 128))], 14, Cd))), 128))], 4)], 36),
+			x("div", Td, [x("span", Ed, [C(H(u.value.length.toLocaleString()) + " filas ", 1), m.value.end - m.value.start < u.value.length ? (P(), b(p, { key: 0 }, [C(" · mostrando " + H(m.value.start + 1) + "–" + H(m.value.end), 1)], 64)) : y("", !0)])])
 		]));
 	}
 });
 //#endregion
-export { Se as MAbsolute, Oe as MAlert, Me as MAppBar, Re as MAppLayout, ze as MAspectRatio, Be as MAvatar, Ue as MBadge, Ye as MBottomSheet, Xe as MBox, $e as MBreadcrumbs, o as MButton, dt as MCalendar, vt as MCard, wt as MCarousel, Tt as MCenter, Q as MCheckbox, kt as MChip, Bt as MColorPicker, en as MCommandPalette, nn as MConfirmDialog, rn as MContainer, dn as MContextMenu, Vn as MDataTable, Qn as MDatePicker, ur as MDateRangePicker, r as MDialog, mr as MDivider, br as MDragDropList, Sr as MEmoji, Or as MEmojiButton, Ir as MEmojiSelector, Lr as MEmptyState, Wr as MExpansionPanel, Yr as MFab, di as MFileUpload, fi as MFixed, pi as MFlex, mi as MFullscreen, hi as MGrid, xi as MHotkeys, d as MIcon, e as MIconButton, Ti as MInfiniteScroll, Pi as MJsonViewer, Wi as MKanban, Gi as MList, aa as MListItem, oa as MListSubheader, ua as MLoadingOverlay, va as MMaskField, da as MMasonry, a as MMenu, l as MMenuItem, Na as MMultiSelect, Ia as MNavigationBar, wo as MNavigationDrawer, Oo as MNavigationRail, Ua as MNumberField, Ao as MOverlay, mn as MPagination, Ko as MProgressBar, Zo as MRadio, es as MRadioGroup, ns as MRating, os as MRelative, ss as MResponsive, ms as MResult, As as MScheduler, js as MScrollable, Is as MSection, zs as MSegmentedButton, Zs as MSelect, rc as MSideSheet, ac as MSkeleton, dc as MSlider, gc as MSnackbar, bc as MSpacer, c as MSpinner, xc as MSplitter, Rc as MSpotlightSearch, zc as MStack, Jc as MStatCard, ul as MStepper, dl as MSticky, pl as MSubtitle, Ji as MSwitch, Fl as MTable, Vl as MTabs, fl as MText, s as MTextField, du as MTimePicker, $l as MTimeline, fu as MTitle, pu as MTooltip, _u as MTopAppBar, Tu as MTour, Ju as MTransferList, id as MTree, hd as MTreeTable, Td as MVirtualTable, wr as allEmojis, re as createM3UI, u as defaultLocale, Cr as emojiCategories, ce as palettes, Tr as randomEmoji, ue as useColorPalette, t as useFieldBg, n as useLocale, se as useTheme, xe as useToast };
+export { Se as MAbsolute, Oe as MAlert, Me as MAppBar, Ie as MAppLayout, Le as MAspectRatio, Re as MAvatar, Ve as MBadge, qe as MBottomSheet, Je as MBox, Ze as MBreadcrumbs, o as MButton, lt as MCalendar, gt as MCard, St as MCarousel, Ct as MCenter, Q as MCheckbox, Dt as MChip, Rt as MColorPicker, Qt as MCommandPalette, en as MConfirmDialog, tn as MContainer, ln as MContextMenu, zn as MDataTable, Xn as MDatePicker, cr as MDateRangePicker, r as MDialog, fr as MDivider, vr as MDragDropList, br as MEmoji, Er as MEmojiButton, Pr as MEmojiSelector, Fr as MEmptyState, Hr as MExpansionPanel, qr as MFab, li as MFileUpload, ui as MFixed, gi as MFlex, hi as MFooter, _i as MFullscreen, vi as MGrid, wi as MHotkeys, d as MIcon, e as MIconButton, Oi as MInfiniteScroll, Li as MJsonViewer, qi as MKanban, Ji as MList, ca as MListItem, la as MListSubheader, pa as MLoadingOverlay, xa as MMaskField, ma as MMasonry, a as MMenu, l as MMenuItem, Ia as MMultiSelect, za as MNavigationBar, Eo as MNavigationDrawer, Ao as MNavigationRail, Ka as MNumberField, Mo as MOverlay, fn as MPagination, Jo as MProgressBar, $o as MRadio, ns as MRadioGroup, is as MRating, cs as MRelative, ls as MResponsive, gs as MResult, Ms as MScheduler, Ns as MScrollable, Rs as MSection, Vs as MSegmentedButton, $s as MSelect, ac as MSideSheet, sc as MSkeleton, pc as MSlider, vc as MSnackbar, Sc as MSpacer, c as MSpinner, Cc as MSplitter, Bc as MSpotlightSearch, Vc as MStack, Xc as MStatCard, fl as MStepper, pl as MSticky, hl as MSubtitle, Zi as MSwitch, Ll as MTable, Ul as MTabs, ml as MText, s as MTextField, pu as MTimePicker, tu as MTimeline, mu as MTitle, hu as MTooltip, yu as MTopAppBar, Du as MTour, Xu as MTransferList, od as MTree, _d as MTreeTable, Dd as MVirtualTable, Sr as allEmojis, re as createM3UI, u as defaultLocale, xr as emojiCategories, ce as palettes, Cr as randomEmoji, ue as useColorPalette, t as useFieldBg, n as useLocale, se as useTheme, xe as useToast };
 
 //# sourceMappingURL=m3ui.js.map