@m3ui-vue/m3ui-vue 0.2.2 → 0.2.4

package/dist/m3ui.js

@@ -359,7 +359,8 @@ var Se = /* @__PURE__ */ T({
 	props: {
 		color: { default: "surface" },
 		elevated: { type: Boolean },
-		dense: { type: Boolean }
+		dense: { type: Boolean },
+		bordered: { type: Boolean }
 	},
 	setup(e) {
 		let t = {
@@ -371,6 +372,7 @@ var Se = /* @__PURE__ */ T({
 		return (n, r) => (P(), b("div", { class: k(["flex w-full items-center gap-2 px-4 transition-shadow", [
 			t[e.color],
 			e.elevated ? "shadow-elevation-2" : "",
+			e.bordered ? "border-b border-outline-variant" : "",
 			e.dense ? "h-12" : "h-16"
 		]]) }, [
 			n.$slots.leading ? (P(), b("div", ke, [z(n.$slots, "leading")])) : y("", !0),
@@ -378,35 +380,31 @@ var Se = /* @__PURE__ */ T({
 			n.$slots.trailing ? (P(), b("div", je, [z(n.$slots, "trailing")])) : y("", !0)
 		], 2));
 	}
-}), Ne = { class: "relative flex min-w-0 flex-1 flex-col" }, Pe = {
+}), Ne = {
 	key: 0,
 	class: "shrink-0"
-}, Fe = { class: "min-h-0 flex-1 overflow-y-auto" }, Ie = {
+}, 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 = {
 	key: 1,
 	class: "shrink-0"
-}, Le = /* @__PURE__ */ T({
+}, Re = /* @__PURE__ */ T({
 	__name: "MAppLayout",
-	props: {
-		drawerWidth: { default: "auto" },
-		height: {}
-	},
+	props: { height: {} },
 	setup(e) {
 		let t = e, n = _(() => ({ height: t.height || "100dvh" }));
-		return (t, r) => (P(), b("div", {
+		return (e, t) => (P(), b("div", {
 			class: "flex w-full overflow-hidden bg-surface text-on-surface",
 			style: A(n.value)
-		}, [t.$slots.drawer ? (P(), b("aside", {
-			key: 0,
-			class: "shrink-0",
-			style: A({ width: e.drawerWidth === "auto" ? void 0 : e.drawerWidth })
-		}, [z(t.$slots, "drawer")], 4)) : y("", !0), x("div", Ne, [
-			t.$slots.header ? (P(), b("header", Pe, [z(t.$slots, "header")])) : y("", !0),
-			x("main", Fe, [z(t.$slots, "default")]),
-			t.$slots.footer ? (P(), b("footer", Ie, [z(t.$slots, "footer")])) : y("", !0),
-			z(t.$slots, "fab")
+		}, [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));
 	}
-}), Re = /* @__PURE__ */ T({
+}), ze = /* @__PURE__ */ T({
 	__name: "MAspectRatio",
 	props: { ratio: { default: "16/9" } },
 	setup(e) {
@@ -416,16 +414,20 @@ var Se = /* @__PURE__ */ T({
 			style: A(n.value)
 		}, [z(e.$slots, "default")], 4));
 	}
-}), ze = /* @__PURE__ */ T({
+}), Be = /* @__PURE__ */ T({
 	__name: "MAvatar",
 	props: {
 		name: {},
+		fallback: {},
 		size: { default: 40 }
 	},
 	setup(e) {
 		let t = e, n = _(() => {
-			let e = t.name.trim().split(/\s+/).filter(Boolean);
-			return ((e[0]?.[0] ?? "") + (e.length > 1 ? e[e.length - 1]?.[0] ?? "" : "")).toUpperCase() || "?";
+			if (t.name) {
+				let e = t.name.trim().split(/\s+/).filter(Boolean);
+				return ((e[0]?.[0] ?? "") + (e.length > 1 ? e[e.length - 1]?.[0] ?? "" : "")).toUpperCase() || t.fallback || "?";
+			}
+			return t.fallback || "?";
 		});
 		return (t, r) => (P(), b("div", {
 			class: "inline-flex shrink-0 items-center justify-center rounded-full bg-primary-container font-medium text-on-primary-container",
@@ -436,7 +438,7 @@ var Se = /* @__PURE__ */ T({
 			})
 		}, H(n.value), 5));
 	}
-}), Be = { class: "relative inline-flex" }, Ve = { key: 0 }, He = /* @__PURE__ */ T({
+}), Ve = { class: "relative inline-flex" }, He = { key: 0 }, Ue = /* @__PURE__ */ T({
 	__name: "MBadge",
 	props: {
 		count: {},
@@ -481,22 +483,22 @@ var Se = /* @__PURE__ */ T({
 				}
 			}[t.position];
 		});
-		return (t, o) => (P(), b("span", Be, [z(t.$slots, "default"), n.value ? (P(), b("span", {
+		return (t, o) => (P(), b("span", Ve, [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", Ve, H(r.value), 1))], 6)) : y("", !0)]));
+		}, [e.dot ? y("", !0) : (P(), b("span", He, H(r.value), 1))], 6)) : y("", !0)]));
 	}
-}), Ue = {
+}), We = {
 	key: 0,
 	class: "fixed inset-0 z-200 flex flex-col justify-end"
-}, We = {
+}, Ge = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between px-6 pb-4"
-}, Ge = { class: "text-title-large text-on-surface" }, Ke = { class: "flex-1 overflow-y-auto px-6 pb-6" }, qe = {
+}, Ke = { class: "text-title-large text-on-surface" }, qe = { class: "flex-1 overflow-y-auto px-6 pb-6" }, Je = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, Je = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Ye = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MBottomSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -529,7 +531,7 @@ var Se = /* @__PURE__ */ T({
 				leave: 280
 			}
 		}, {
-			default: Y(() => [e.modelValue ? (P(), b("div", Ue, [x("div", {
+			default: Y(() => [e.modelValue ? (P(), b("div", We, [x("div", {
 				class: "bs-scrim absolute inset-0 bg-black/40",
 				onClick: r
 			}), x("div", {
@@ -542,7 +544,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", We, [x("h2", Ge, H(e.title), 1), x("button", {
+				e.title ? (P(), b("div", Ge, [x("h2", Ke, 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
@@ -550,13 +552,13 @@ var Se = /* @__PURE__ */ T({
 					name: "close",
 					size: 20
 				})])])) : y("", !0),
-				x("div", Ke, [z(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (P(), b("div", qe, [z(t.$slots, "actions", {}, void 0, !0)])) : 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)
 			], 6)])) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-5b1fb748"]]), Ye = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-5b1fb748"]]), Xe = /* @__PURE__ */ T({
 	__name: "MBox",
 	props: {
 		surface: {},
@@ -611,10 +613,10 @@ var Se = /* @__PURE__ */ T({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Xe = {
+}), Ze = {
 	"aria-label": "Breadcrumb",
 	class: "flex items-center gap-1 overflow-x-auto text-label-large"
-}, Ze = ["onClick"], Qe = /* @__PURE__ */ T({
+}, Qe = ["onClick"], $e = /* @__PURE__ */ T({
 	__name: "MBreadcrumbs",
 	props: {
 		items: {},
@@ -622,7 +624,7 @@ var Se = /* @__PURE__ */ T({
 	},
 	emits: ["select"],
 	setup(e) {
-		return (t, n) => (P(), b("nav", Xe, [(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", Ze, [(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,
@@ -636,7 +638,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, Ze)) : (P(), b("span", {
+		}, null, 8, ["name"])) : y("", !0), x("span", null, H(n.label), 1)], 8, Qe)) : (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, {
@@ -645,13 +647,13 @@ var Se = /* @__PURE__ */ T({
 			size: 18
 		}, null, 8, ["name"])) : y("", !0), x("span", null, H(n.label), 1)], 2))], 64))), 128))]));
 	}
-}), $e = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, et = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, tt = { class: "flex items-center gap-1" }, nt = { class: "text-title-medium font-medium capitalize text-on-surface" }, rt = { class: "grid grid-cols-7 border-b border-outline-variant bg-surface-container-high" }, it = { class: "grid grid-cols-7" }, at = ["onClick"], ot = {
+}), 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 = {
 	key: 0,
 	class: "flex flex-col gap-0.5"
-}, st = ["onClick"], ct = { class: "truncate" }, lt = {
+}, ct = ["onClick"], lt = { class: "truncate" }, ut = {
 	key: 0,
 	class: "px-1 text-label-small text-on-surface-variant"
-}, ut = /* @__PURE__ */ T({
+}, dt = /* @__PURE__ */ T({
 	__name: "MCalendar",
 	props: {
 		events: { default: () => [] },
@@ -725,9 +727,9 @@ var Se = /* @__PURE__ */ T({
 			error: "bg-error text-on-error",
 			success: "bg-success text-on-success"
 		};
-		return (n, r) => (P(), b("div", $e, [
-			x("div", et, [
-				x("div", tt, [w(e, {
+		return (n, r) => (P(), b("div", et, [
+			x("div", tt, [
+				x("div", nt, [w(e, {
 					icon: "chevron_left",
 					label: t.prevMonthLabel ?? U(a).previousMonth,
 					size: 36,
@@ -738,18 +740,18 @@ var Se = /* @__PURE__ */ T({
 					size: 36,
 					onClick: g
 				}, null, 8, ["label"])]),
-				x("h3", nt, H(l.value), 1),
+				x("h3", rt, 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", rt, [(P(!0), b(p, null, R(U(c), (e) => (P(), b("div", {
+			x("div", it, [(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", it, [(P(!0), b(p, null, R(m.value, (e, t) => (P(), b("div", {
+			x("div", at, [(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",
@@ -757,7 +759,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", ot, [(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", st, [(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"]]),
@@ -766,22 +768,22 @@ var Se = /* @__PURE__ */ T({
 				key: 0,
 				name: e.icon,
 				size: 12
-			}, null, 8, ["name"])) : y("", !0), x("span", ct, H(e.title), 1)], 10, st))), 128)), e.events.length > 2 ? (P(), b("span", lt, " +" + H(e.events.length - 2) + " " + H(U(a).more), 1)) : y("", !0)])) : y("", !0)], 10, at))), 128))])
+			}, 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))])
 		]));
 	}
-}), dt = ["src", "alt"], ft = {
+}), ft = ["src", "alt"], pt = {
 	key: 1,
 	class: "px-4 pt-4 pb-2"
-}, pt = {
+}, mt = {
 	key: 2,
 	class: "px-4 pt-4 pb-2"
-}, mt = { class: "text-title-large font-medium text-on-surface" }, ht = {
+}, ht = { class: "text-title-large font-medium text-on-surface" }, gt = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, gt = {
+}, _t = {
 	key: 3,
 	class: "flex justify-end gap-2 px-4 pt-2 pb-4"
-}, _t = /* @__PURE__ */ T({
+}, vt = /* @__PURE__ */ T({
 	__name: "MCard",
 	props: {
 		variant: { default: "elevated" },
@@ -821,22 +823,22 @@ var Se = /* @__PURE__ */ T({
 				src: e.image,
 				alt: e.imageAlt ?? "",
 				class: "h-full w-full object-cover"
-			}, null, 8, dt)) : z(t.$slots, "media", { key: 1 })], 2)) : y("", !0),
-			t.$slots.header ? (P(), b("div", ft, [z(t.$slots, "header")])) : e.title ? (P(), b("div", pt, [x("h3", mt, H(e.title), 1), e.subtitle ? (P(), b("p", ht, H(e.subtitle), 1)) : y("", !0)])) : y("", !0),
+			}, 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),
 			z(t.$slots, "default"),
-			t.$slots.actions ? (P(), b("div", gt, [z(t.$slots, "actions")])) : y("", !0)
+			t.$slots.actions ? (P(), b("div", _t, [z(t.$slots, "actions")])) : y("", !0)
 		], 6));
 	}
-}), vt = ["src", "alt"], yt = {
+}), yt = ["src", "alt"], bt = {
 	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"
-}, bt = {
+}, xt = {
 	key: 0,
 	class: "text-title-large font-medium text-white"
-}, xt = {
+}, St = {
 	key: 1,
 	class: "mt-1 text-body-medium text-white/80"
-}, St = ["onClick"], Ct = /* @__PURE__ */ T({
+}, Ct = ["onClick"], wt = /* @__PURE__ */ T({
 	__name: "MCarousel",
 	props: {
 		items: {},
@@ -918,7 +920,7 @@ var Se = /* @__PURE__ */ T({
 					src: e.src,
 					alt: e.alt ?? e.title ?? "",
 					class: "h-full w-full object-cover"
-				}, null, 8, vt), e.title || e.subtitle ? (P(), b("div", yt, [e.title ? (P(), b("h3", bt, H(e.title), 1)) : y("", !0), e.subtitle ? (P(), b("p", xt, H(e.subtitle), 1)) : y("", !0)])) : y("", !0)])), [[K, t === a.value]])), 128))]),
+				}, 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))]),
 				_: 1
 			}, 8, ["name"]),
 			e.showArrows && u.value > 1 ? (P(), b(p, { key: 0 }, [x("button", {
@@ -944,10 +946,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, St))), 128))], 2)) : y("", !0)
+			}, null, 10, Ct))), 128))], 2)) : y("", !0)
 		], 38));
 	}
-}), wt = /* @__PURE__ */ T({
+}), Tt = /* @__PURE__ */ T({
 	__name: "MCenter",
 	props: { inline: {
 		type: Boolean,
@@ -957,7 +959,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));
 	}
-}), Tt = ["checked", "disabled"], Et = {
+}), Et = ["checked", "disabled"], Dt = {
 	key: 0,
 	class: "text-body-large text-on-surface"
 }, Q = /* @__PURE__ */ T({
@@ -983,13 +985,13 @@ var Se = /* @__PURE__ */ T({
 			checked: e.modelValue,
 			disabled: e.disabled,
 			onChange: r[0] ||= (t) => n("update:modelValue", !e.modelValue)
-		}, null, 40, Tt), w(d, {
+		}, null, 40, Et), 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", Et, [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", Dt, [z(t.$slots, "default", {}, () => [C(H(e.label), 1)])])) : y("", !0)], 2));
 	}
-}), Dt = ["disabled"], Ot = /* @__PURE__ */ T({
+}), Ot = ["disabled"], kt = /* @__PURE__ */ T({
 	__name: "MChip",
 	props: {
 		tone: { default: "neutral" },
@@ -1066,7 +1068,7 @@ var Se = /* @__PURE__ */ T({
 				}, [w(d, {
 					name: "close",
 					size: 16
-				})], 8, Dt)) : y("", !0)
+				})], 8, Ot)) : y("", !0)
 			]),
 			_: 3
 		}, 8, [
@@ -1076,13 +1078,13 @@ var Se = /* @__PURE__ */ T({
 			"style"
 		]));
 	}
-}), kt = { class: "flex flex-col gap-1" }, At = { class: "flex-1 font-mono text-on-surface" }, jt = {
+}), At = { class: "flex flex-col gap-1" }, jt = { class: "flex-1 font-mono text-on-surface" }, Mt = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Mt = {
+}, Nt = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Nt = { class: "mb-3" }, Pt = ["value"], Ft = { class: "mb-3 flex items-center gap-3" }, It = ["value"], Lt = { class: "flex flex-wrap gap-1.5" }, Rt = ["onClick"], zt = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, 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({
 	__name: "MColorPicker",
 	props: {
 		modelValue: {},
@@ -1195,7 +1197,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", kt, [
+		}), (t, n) => (P(), b("div", At, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: o,
@@ -1210,7 +1212,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", At, H(e.modelValue), 1),
+				x("span", jt, H(e.modelValue), 1),
 				w(d, {
 					name: "palette",
 					size: 20,
@@ -1220,7 +1222,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", jt, H(e.error), 1)) : e.hint ? (P(), b("p", Mt, H(e.hint), 1)) : y("", !0),
+			e.error ? (P(), b("p", Mt, H(e.error), 1)) : e.hint ? (P(), b("p", Nt, 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]",
@@ -1250,15 +1252,15 @@ var Se = /* @__PURE__ */ T({
 							backgroundColor: j.value
 						})
 					}, null, 4)], 36),
-					x("div", Nt, [x("input", {
+					x("div", Pt, [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, Pt)]),
-					x("div", Ft, [x("span", {
+					}, null, 40, Ft)]),
+					x("div", It, [x("span", {
 						class: "h-9 w-9 shrink-0 rounded-full border border-outline-variant",
 						style: A({ backgroundColor: j.value })
 					}, null, 4), x("input", {
@@ -1267,8 +1269,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, It)]),
-					x("div", Lt, [(P(!0), b(p, null, R(e.presets, (t) => (P(), b("button", {
+					}, null, 40, Lt)]),
+					x("div", Rt, [(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"]),
@@ -1279,26 +1281,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, Rt))), 128))])
+					})) : y("", !0)], 14, zt))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), [["__scopeId", "data-v-872ab758"]]), Bt = { class: "cmd-box flex w-full max-w-lg flex-col overflow-hidden rounded-xl bg-surface-container-high shadow-elevation-3" }, Vt = { class: "flex items-center gap-3 border-b border-outline-variant px-4" }, Ht = ["placeholder"], Ut = { class: "max-h-80 overflow-y-auto py-2" }, Wt = {
+}), [["__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 = {
 	key: 0,
 	class: "px-4 pt-3 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Gt = [
+}, Kt = [
 	"data-cmd-active",
 	"onClick",
 	"onPointerenter"
-], Kt = { class: "flex-1 truncate text-body-medium" }, qt = {
+], qt = { class: "flex-1 truncate text-body-medium" }, Jt = {
 	key: 1,
 	class: "rounded bg-surface-container px-1.5 py-0.5 text-label-small text-on-surface-variant"
-}, Jt = {
+}, Yt = {
 	key: 1,
 	class: "px-4 py-6 text-center text-body-medium text-on-surface-variant"
-}, Yt = { class: "flex items-center gap-4 border-t border-outline-variant px-4 py-2" }, 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 = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, $t = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, 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({
 	__name: "MCommandPalette",
 	props: {
 		modelValue: { type: Boolean },
@@ -1353,8 +1355,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", Bt, [
-				x("div", Vt, [
+			}, [x("div", Vt, [
+				x("div", Ht, [
 					w(d, {
 						name: "search",
 						size: 20,
@@ -1368,10 +1370,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, Ht), [[te, o.value]]),
+					}, null, 40, Ut), [[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", Ut, [l.value.length ? (P(!0), b(p, { key: 0 }, R(u.value, ([e, t]) => (P(), b(p, { key: e }, [e ? (P(), b("p", Wt, H(e), 1)) : y("", !0), (P(!0), b(p, null, R(t, (e, t) => (P(), b("button", {
+				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", {
 					key: e.id,
 					type: "button",
 					"data-cmd-active": l.value.indexOf(e) === s.value || void 0,
@@ -1385,19 +1387,19 @@ var Se = /* @__PURE__ */ T({
 						size: 20,
 						class: "shrink-0 opacity-70"
 					}, null, 8, ["name"])) : y("", !0),
-					x("span", Kt, H(e.label), 1),
-					e.shortcut ? (P(), b("kbd", qt, H(e.shortcut), 1)) : y("", !0)
-				], 42, Gt))), 128))], 64))), 128)) : (P(), b("p", Jt, H(e.noResultsText ?? U(r).noResults), 1))]),
-				x("div", Yt, [
-					x("span", Xt, [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", Zt, [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", Qt, [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", 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)])
 				])
 			])])) : y("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-4d6cca63"]]), en = { class: "text-body-medium text-on-surface-variant" }, tn = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-4d6cca63"]]), tn = { class: "text-body-medium text-on-surface-variant" }, nn = /* @__PURE__ */ T({
 	__name: "MConfirmDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -1438,11 +1440,11 @@ var Se = /* @__PURE__ */ T({
 				default: Y(() => [C(H(e.confirmLabel ?? U(i).confirm), 1)]),
 				_: 1
 			}, 8, ["color", "loading"])]),
-			default: Y(() => [x("p", en, H(e.message), 1)]),
+			default: Y(() => [x("p", tn, H(e.message), 1)]),
 			_: 1
 		}, 8, ["model-value", "title"]));
 	}
-}), nn = /* @__PURE__ */ T({
+}), rn = /* @__PURE__ */ T({
 	__name: "MContainer",
 	props: {
 		maxWidth: { default: "lg" },
@@ -1476,16 +1478,16 @@ var Se = /* @__PURE__ */ T({
 		]);
 		return (e, t) => (P(), b("div", { class: k(r.value) }, [z(e.$slots, "default")], 2));
 	}
-}), rn = { class: "overflow-hidden rounded-sm py-1" }, an = {
+}), an = { class: "overflow-hidden rounded-sm py-1" }, on = {
 	key: 0,
 	class: "my-1 border-outline-variant"
-}, on = {
+}, sn = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, sn = { class: "flex-1" }, cn = {
+}, cn = { class: "flex-1" }, ln = {
 	key: 2,
 	class: "text-label-small text-on-surface-variant"
-}, ln = /* @__PURE__ */ T({
+}, un = /* @__PURE__ */ T({
 	__name: "_MContextMenuPanel",
 	props: {
 		items: {},
@@ -1534,7 +1536,7 @@ var Se = /* @__PURE__ */ T({
 				top: `${o.value}px`
 			}),
 			onMouseleave: f
-		}, [x("div", rn, [(P(!0), b(p, null, R(e.items, (e, t) => (P(), b(p, { key: t }, [e.divider ? (P(), b("hr", an)) : (P(), v(V(e.to && !e.disabled ? "RouterLink" : "div"), {
+		}, [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"), {
 			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" : ""]]),
@@ -1547,9 +1549,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", on)),
-				x("span", sn, H(e.label), 1),
-				e.shortcut ? (P(), b("span", cn, H(e.shortcut), 1)) : y("", !0),
+				}, 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),
 				e.children?.length ? (P(), v(d, {
 					key: 3,
 					name: "chevron_right",
@@ -1563,7 +1565,7 @@ var Se = /* @__PURE__ */ T({
 			"class",
 			"onMouseenter",
 			"onClick"
-		]))], 64))), 128))])], 36), s.value !== null && e.items[s.value]?.children?.length ? (P(), v(ln, {
+		]))], 64))), 128))])], 36), s.value !== null && e.items[s.value]?.children?.length ? (P(), v(un, {
 			key: s.value,
 			items: e.items[s.value].children,
 			x: c.value.x,
@@ -1575,7 +1577,7 @@ var Se = /* @__PURE__ */ T({
 			"y"
 		])) : y("", !0)], 64));
 	}
-}), un = /* @__PURE__ */ T({
+}), dn = /* @__PURE__ */ T({
 	__name: "MContextMenu",
 	props: { items: {} },
 	setup(e, { expose: t }) {
@@ -1612,7 +1614,7 @@ var Se = /* @__PURE__ */ T({
 				class: "fixed inset-0 z-200",
 				onMousedown: Z(o, ["self"]),
 				onContextmenu: a[0] ||= Z(() => {}, ["prevent"])
-			}, [w(ln, {
+			}, [w(un, {
 				items: e.items,
 				x: r.value.x,
 				y: r.value.y,
@@ -1625,7 +1627,7 @@ var Se = /* @__PURE__ */ T({
 			_: 1
 		})]))], 64));
 	}
-}), dn = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, fn = { class: "flex items-center gap-2" }, pn = /* @__PURE__ */ T({
+}), 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({
 	__name: "MPagination",
 	props: {
 		page: {},
@@ -1635,7 +1637,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", dn, [x("span", null, H(o.value), 1), x("div", fn, [
+		return (n, r) => (P(), b("div", fn, [x("span", null, H(o.value), 1), x("div", pn, [
 			x("span", null, "Página " + H(t.page) + " de " + H(a.value), 1),
 			w(e, {
 				icon: "chevron_left",
@@ -1651,25 +1653,25 @@ var Se = /* @__PURE__ */ T({
 			}, null, 8, ["disabled"])
 		])]));
 	}
-}), mn = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, hn = {
+}), hn = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, gn = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, gn = {
+}, _n = {
 	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"
-}, _n = ["placeholder"], vn = {
+}, vn = ["placeholder"], yn = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, yn = {
+}, bn = {
 	key: 1,
 	class: "relative"
-}, bn = {
+}, xn = {
 	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"
-}, xn = { class: "text-body-small text-on-surface" }, Sn = { class: "overflow-x-auto" }, Cn = { class: "w-full border-collapse" }, wn = { class: "bg-surface-container-high" }, Tn = ["onClick"], En = { class: "inline-flex items-center gap-1" }, Dn = {
+}, 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 = {
 	key: 0,
 	class: "inline-flex"
-}, On = ["onPointerdown"], kn = { key: 1 }, An = ["colspan"], jn = { class: "text-body-medium text-on-surface-variant" }, Mn = ["onClick"], Nn = ["onClick"], Pn = { key: 0 }, Fn = ["colspan"], In = { class: "dt-expand-body" }, Ln = { class: "px-6 py-4" }, Rn = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, zn = { class: "text-label-small text-on-surface-variant" }, Bn = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, 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({
 	__name: "MDataTable",
 	props: {
 		columns: {},
@@ -1883,9 +1885,9 @@ var Se = /* @__PURE__ */ T({
 				minWidth: e.minWidth
 			};
 		}
-		return (n, r) => (P(), b("div", mn, [
-			t.searchable || t.columnToggle || t.exportable || n.$slots.toolbar ? (P(), b("div", hn, [
-				t.searchable ? (P(), b("div", gn, [
+		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, [
 					w(d, {
 						name: "search",
 						size: 16,
@@ -1896,7 +1898,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, _n), [[te, f.value]]),
+					}, null, 8, vn), [[te, f.value]]),
 					f.value ? (P(), b("button", {
 						key: 0,
 						class: "text-on-surface-variant transition-colors hover:text-on-surface",
@@ -1913,21 +1915,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", vn, 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", yn, 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", yn, [w(e, {
+				t.columnToggle ? (P(), b("div", bn, [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", bn, [(P(!0), b(p, null, R(t.columns, (e) => (P(), b("label", {
+				}, null, 8, ["label"]), O.value ? (P(), b("div", xn, [(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", xn, H(e.label), 1)]))), 128))])) : y("", !0)])) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"]), x("span", Sn, H(e.label), 1)]))), 128))])) : y("", !0)])) : y("", !0),
 				t.exportable ? (P(), v(e, {
 					key: 2,
 					icon: "download",
@@ -1936,7 +1938,7 @@ var Se = /* @__PURE__ */ T({
 					onClick: ve
 				}, null, 8, ["label"])) : y("", !0)
 			])) : y("", !0),
-			x("div", Sn, [x("table", Cn, [x("thead", { class: k(t.stickyHeader ? "sticky top-0 z-1" : "") }, [x("tr", wn, [
+			x("div", Cn, [x("table", wn, [x("thead", { class: k(t.stickyHeader ? "sticky top-0 z-1" : "") }, [x("tr", Tn, [
 				u.value ? (P(), b("th", {
 					key: 0,
 					class: k(["w-10 px-2", t.dense ? "py-2" : "py-3"])
@@ -1959,7 +1961,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", En, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", Dn, [m.value === e.key && g.value === "asc" ? (P(), v(d, {
+				}, [x("span", Dn, [C(H(e.label) + " ", 1), e.sortable ? (P(), b("span", On, [m.value === e.key && g.value === "asc" ? (P(), v(d, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -1978,7 +1980,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, On)) : y("", !0)], 14, Tn))), 128)),
+				}, null, 40, kn)) : y("", !0)], 14, En))), 128)),
 				l.value ? (P(), b("th", {
 					key: 2,
 					class: k(["w-1 px-4", t.dense ? "py-2" : "py-3"])
@@ -2006,14 +2008,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", kn, [x("td", {
+			]))), 128)) : V.value.length === 0 ? (P(), b("tr", An, [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", jn, H(t.emptyText ?? U(i).noResults), 1)], !0)], 8, An)])) : (P(!0), b(p, { key: 2 }, R(V.value, (a) => (P(), b(p, { key: J(a) }, [x("tr", {
+			}), 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", {
 				class: k([
 					"border-t border-outline-variant transition-colors duration-100",
 					"hover:bg-on-surface/4",
@@ -2045,7 +2047,7 @@ var Se = /* @__PURE__ */ T({
 				}, [w(Q, {
 					"model-value": X(a),
 					"onUpdate:modelValue": (e) => re(a)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, Nn)) : y("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, Pn)) : y("", !0),
 				(P(!0), b(p, null, R(j.value, (e) => (P(), b("td", {
 					key: e.key,
 					class: k([
@@ -2063,11 +2065,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, Mn), u.value ? (P(), b("tr", Pn, [x("td", {
+			], 10, Nn), u.value ? (P(), b("tr", Fn, [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", In, [x("div", Ln, [z(n.$slots, "row-expand", { row: a }, void 0, !0)])])], 2)], 8, Fn)])) : y("", !0)], 64))), 128))])])]),
-			x("div", Rn, [x("span", zn, H(B.value) + " " + H(t.recordsText ?? U(i).recordCount) + H(B.value === 1 ? "" : "s"), 1), w(pn, {
+			}, [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, {
 				page: F.value,
 				"per-page": t.perPage,
 				total: B.value,
@@ -2079,19 +2081,19 @@ var Se = /* @__PURE__ */ T({
 			])])
 		]));
 	}
-}), [["__scopeId", "data-v-857139c7"]]), Vn = { class: "flex flex-col gap-1" }, Hn = {
+}), [["__scopeId", "data-v-857139c7"]]), Hn = { class: "flex flex-col gap-1" }, Un = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Un = {
+}, Wn = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Wn = {
+}, Gn = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Gn = {
+}, Kn = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Kn = { class: "mb-3 flex items-center justify-between" }, qn = { class: "text-title-small font-medium capitalize text-on-surface" }, Jn = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Yn = { class: "grid grid-cols-7 gap-0.5" }, Xn = ["disabled", "onClick"], Zn = /* @__PURE__ */ T({
+}, 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({
 	__name: "MDatePicker",
 	props: {
 		modelValue: {},
@@ -2213,7 +2215,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", Vn, [
+		}), (t, n) => (P(), b("div", Hn, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -2229,7 +2231,7 @@ var Se = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				V.value ? (P(), b("span", Hn, H(V.value), 1)) : (P(), b("span", Un, H(r.placeholder || r.label || U(o).selectDate), 1)),
+				V.value ? (P(), b("span", Un, H(V.value), 1)) : (P(), b("span", Wn, H(r.placeholder || r.label || U(o).selectDate), 1)),
 				r.modelValue ? (P(), v(d, {
 					key: 2,
 					name: "close",
@@ -2241,7 +2243,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", Wn, H(r.error), 1)) : r.hint ? (P(), b("p", Gn, H(r.hint), 1)) : y("", !0),
+			r.error ? (P(), b("p", Gn, H(r.error), 1)) : r.hint ? (P(), b("p", Kn, 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]",
@@ -2255,14 +2257,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", Kn, [
+					x("div", qn, [
 						w(e, {
 							icon: "chevron_left",
 							label: r.prevMonthLabel ?? U(o).previousMonth,
 							size: 36,
 							onClick: F
 						}, null, 8, ["label"]),
-						x("span", qn, H(T.value), 1),
+						x("span", Jn, H(T.value), 1),
 						w(e, {
 							icon: "chevron_right",
 							label: r.nextMonthLabel ?? U(o).nextMonth,
@@ -2270,39 +2272,39 @@ var Se = /* @__PURE__ */ T({
 							onClick: I
 						}, null, 8, ["label"])
 					]),
-					x("div", Jn, [(P(!0), b(p, null, R(U(C), (e) => (P(), b("span", {
+					x("div", Yn, [(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", Yn, [(P(!0), b(p, null, R(E.value, (e, t) => (P(), b("button", {
+					x("div", Xn, [(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, Xn))), 128))])
+					}, H(e.date), 11, Zn))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Qn = { class: "flex flex-col gap-1" }, $n = {
+}), $n = { class: "flex flex-col gap-1" }, er = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, er = {
+}, tr = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, tr = {
+}, nr = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, nr = {
+}, rr = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, rr = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, ir = { class: "mb-3 flex items-center justify-between" }, ar = { class: "text-title-small font-medium capitalize text-on-surface" }, or = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, sr = { class: "grid grid-cols-7 gap-0.5" }, cr = [
+}, 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 = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], lr = /* @__PURE__ */ T({
+], ur = /* @__PURE__ */ T({
 	__name: "MDateRangePicker",
 	props: {
 		modelValue: {},
@@ -2441,7 +2443,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", Qn, [
+		}), (t, n) => (P(), b("div", $n, [
 			x("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -2457,7 +2459,7 @@ var Se = /* @__PURE__ */ T({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				G.value ? (P(), b("span", $n, H(G.value), 1)) : (P(), b("span", er, H(r.label || r.placeholder || U(o).selectRange), 1)),
+				G.value ? (P(), b("span", er, H(G.value), 1)) : (P(), b("span", tr, H(r.label || r.placeholder || U(o).selectRange), 1)),
 				r.modelValue.start || r.modelValue.end ? (P(), v(d, {
 					key: 2,
 					name: "close",
@@ -2469,7 +2471,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", tr, H(r.error), 1)) : r.hint ? (P(), b("p", nr, H(r.hint), 1)) : y("", !0),
+			r.error ? (P(), b("p", nr, H(r.error), 1)) : r.hint ? (P(), b("p", rr, H(r.hint), 1)) : y("", !0),
 			(P(), v(m, { to: "body" }, [w(h, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2483,15 +2485,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", rr, H(f.value === "start" ? r.pickStartText ?? U(o).pickStart : r.pickEndText ?? U(o).pickEnd), 1),
-					x("div", ir, [
+					x("p", ir, H(f.value === "start" ? r.pickStartText ?? U(o).pickStart : r.pickEndText ?? U(o).pickEnd), 1),
+					x("div", ar, [
 						w(e, {
 							icon: "chevron_left",
 							label: r.prevMonthLabel ?? U(o).previousMonth,
 							size: 36,
 							onClick: V
 						}, null, 8, ["label"]),
-						x("span", ar, H(D.value), 1),
+						x("span", or, H(D.value), 1),
 						w(e, {
 							icon: "chevron_right",
 							label: r.nextMonthLabel ?? U(o).nextMonth,
@@ -2499,34 +2501,34 @@ var Se = /* @__PURE__ */ T({
 							onClick: W
 						}, null, 8, ["label"])
 					]),
-					x("div", or, [(P(!0), b(p, null, R(U(E), (e) => (P(), b("span", {
+					x("div", sr, [(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", sr, [(P(!0), b(p, null, R(O.value, (e, t) => (P(), b("button", {
+					x("div", cr, [(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, cr))), 128))])
+					}, H(e.date), 43, lr))), 128))])
 				], 4)) : y("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), ur = {
+}), dr = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, dr = {
+}, fr = {
 	key: 1,
 	class: "h-px flex-1 bg-outline-variant"
-}, fr = {
+}, pr = {
 	key: 1,
 	class: "w-px self-stretch bg-outline-variant",
 	role: "separator"
-}, pr = /* @__PURE__ */ T({
+}, mr = /* @__PURE__ */ T({
 	__name: "MDivider",
 	props: {
 		vertical: {
@@ -2540,25 +2542,25 @@ var Se = /* @__PURE__ */ T({
 		}
 	},
 	setup(e) {
-		return (t, n) => e.vertical ? (P(), b("div", fr)) : (P(), b("div", {
+		return (t, n) => e.vertical ? (P(), b("div", pr)) : (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", ur, H(e.label), 1)) : y("", !0),
-			e.label ? (P(), b("div", dr)) : y("", !0)
+			e.label ? (P(), b("span", dr, H(e.label), 1)) : y("", !0),
+			e.label ? (P(), b("div", fr)) : y("", !0)
 		], 2));
 	}
-}), mr = {
+}), hr = {
 	class: "flex flex-col",
 	role: "listbox"
-}, hr = [
+}, gr = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], gr = ["onDragstart"], _r = { class: "min-w-0 flex-1" }, vr = { class: "text-body-medium text-on-surface" }, yr = /* @__PURE__ */ T({
+], _r = ["onDragstart"], vr = { class: "min-w-0 flex-1" }, yr = { class: "text-body-medium text-on-surface" }, br = /* @__PURE__ */ T({
 	__name: "MDragDropList",
 	props: {
 		modelValue: {},
@@ -2602,7 +2604,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", mr, [(P(!0), b(p, null, R(e.modelValue, (n, r) => (P(), b("div", {
+		return (t, n) => (P(), b("div", hr, [(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"]]),
@@ -2620,12 +2622,12 @@ var Se = /* @__PURE__ */ T({
 		}, [w(d, {
 			name: "drag_indicator",
 			size: 20
-		})], 40, gr)) : y("", !0), x("div", _r, [z(t.$slots, "default", {
+		})], 40, _r)) : y("", !0), x("div", vr, [z(t.$slots, "default", {
 			item: n,
 			index: r
-		}, () => [x("span", vr, H(n.id), 1)])])], 42, hr))), 128))]));
+		}, () => [x("span", yr, H(n.id), 1)])])], 42, gr))), 128))]));
 	}
-}), br = ["aria-label", "role"], xr = /* @__PURE__ */ T({
+}), xr = ["aria-label", "role"], Sr = /* @__PURE__ */ T({
 	__name: "MEmoji",
 	props: {
 		emoji: {},
@@ -2642,9 +2644,9 @@ var Se = /* @__PURE__ */ T({
 			}),
 			"aria-label": e.label,
 			role: e.label ? "img" : void 0
-		}, H(e.emoji), 13, br));
+		}, H(e.emoji), 13, xr));
 	}
-}), Sr = [
+}), Cr = [
 	{
 		id: "smileys",
 		label: "Smileys",
@@ -2711,14 +2713,14 @@ var Se = /* @__PURE__ */ T({
 		icon: "flag",
 		emojis: /* @__PURE__ */ "🏁.🚩.🎌.🏴.🏳️.🏳️‍🌈.🏳️‍⚧️.🏴‍☠️.🇦🇷.🇦🇺.🇧🇷.🇨🇦.🇨🇱.🇨🇳.🇨🇴.🇩🇪.🇪🇸.🇫🇷.🇬🇧.🇮🇹.🇯🇵.🇰🇷.🇲🇽.🇳🇱.🇵🇪.🇵🇹.🇷🇺.🇸🇪.🇺🇸.🇻🇪.🇪🇨.🇧🇴.🇵🇾.🇺🇾.🇨🇷.🇵🇦.🇨🇺.🇩🇴.🇬🇹.🇭🇳.🇳🇮.🇸🇻.🇵🇷.🇮🇳.🇮🇩.🇹🇷.🇵🇭.🇹🇭".split(".")
 	}
-], Cr = Sr.flatMap((e) => e.emojis);
-function wr(e) {
-	let t = e ?? Cr;
+], wr = Cr.flatMap((e) => e.emojis);
+function Tr(e) {
+	let t = e ?? wr;
 	return t[Math.floor(Math.random() * t.length)];
 }
 //#endregion
 //#region src/components/MEmojiButton.vue?vue&type=script&setup=true&lang.ts
-var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__PURE__ */ T({
+var Er = ["aria-label", "disabled"], Dr = { class: "leading-none" }, Or = /* @__PURE__ */ T({
 	__name: "MEmojiButton",
 	props: {
 		emoji: { default: "😀" },
@@ -2738,10 +2740,10 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = L(n.emoji);
 		function a() {
-			return n.category ? Sr.find((e) => e.id === n.category)?.emojis ?? Cr : Cr;
+			return n.category ? Cr.find((e) => e.id === n.category)?.emojis ?? wr : wr;
 		}
 		function o() {
-			!n.randomOnHover || n.disabled || (i.value = wr(a()));
+			!n.randomOnHover || n.disabled || (i.value = Tr(a()));
 		}
 		function s() {}
 		function c() {
@@ -2760,15 +2762,15 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			onMouseenter: o,
 			onMouseleave: s,
 			onClick: c
-		}, [x("span", Er, H(i.value), 1)], 46, Tr));
+		}, [x("span", Dr, H(i.value), 1)], 46, Er));
 	}
-}), Or = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, kr = {
+}), kr = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, Ar = {
 	key: 0,
 	class: "px-3 pt-3"
-}, Ar = { class: "flex gap-0.5 overflow-x-auto border-b border-outline-variant px-2 py-1.5" }, jr = ["title", "onClick"], Mr = { class: "sticky -top-px z-10 -mx-2 bg-surface-container px-3 py-1.5 text-label-medium text-on-surface-variant" }, Nr = ["onClick"], Pr = {
+}, 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 = {
 	key: 0,
 	class: "py-8 text-center text-body-medium text-on-surface-variant"
-}, Fr = /* @__PURE__ */ T({
+}, Ir = /* @__PURE__ */ T({
 	__name: "MEmojiSelector",
 	props: {
 		categories: {},
@@ -2781,7 +2783,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 	},
 	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 ? Sr.filter((e) => n.categories.includes(e.id)) : Sr), u = _(() => {
+		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 = _(() => {
 			if (!i.value) return l.value;
 			let e = i.value.toLowerCase();
 			return l.value.map((t) => ({
@@ -2803,15 +2805,15 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		function h(e, t) {
 			t && (c.value[e] = t);
 		}
-		return (t, n) => (P(), b("div", Or, [
-			e.search ? (P(), b("div", kr, [w(s, {
+		return (t, n) => (P(), b("div", kr, [
+			e.search ? (P(), b("div", Ar, [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", Ar, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("button", {
+			x("div", jr, [(P(!0), b(p, null, R(l.value, (e) => (P(), b("button", {
 				key: e.id,
 				type: "button",
 				title: e.label,
@@ -2820,7 +2822,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			}, [w(d, {
 				name: e.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, jr))), 128))]),
+			}, null, 8, ["name"])], 10, Mr))), 128))]),
 			x("div", {
 				ref_key: "scrollContainer",
 				ref: o,
@@ -2830,7 +2832,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				key: t.id,
 				ref_for: !0,
 				ref: (e) => h(t.id, e)
-			}, [x("p", Mr, H(t.label), 1), x("div", {
+			}, [x("p", Nr, 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", {
@@ -2842,10 +2844,10 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 					height: `${e.emojiSize + 10}px`
 				}),
 				onClick: (e) => m(t)
-			}, H(t), 13, Nr))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (P(), b("p", Pr, " No results ")) : y("", !0)], 512)
+			}, H(t), 13, Pr))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (P(), b("p", Fr, " No results ")) : y("", !0)], 512)
 		]));
 	}
-}), Ir = /* @__PURE__ */ T({
+}), Lr = /* @__PURE__ */ T({
 	__name: "MEmptyState",
 	props: {
 		icon: { default: "inbox" },
@@ -2870,13 +2872,13 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			}, [z(t.$slots, "actions")], 2)) : y("", !0)
 		], 2));
 	}
-}), Lr = ["aria-expanded", "disabled"], Rr = { class: "flex-1 min-w-0" }, zr = { class: "text-body-large font-medium text-on-surface" }, Br = {
+}), Rr = ["aria-expanded", "disabled"], zr = { class: "flex-1 min-w-0" }, Br = { class: "text-body-large font-medium text-on-surface" }, Vr = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, Vr = {
+}, Hr = {
 	key: 0,
 	class: "expand-grid"
-}, Hr = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, Ur = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Ur = { class: "expand-body border-t border-outline-variant/60 px-5 py-4" }, Wr = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MExpansionPanel",
 	props: {
 		title: {},
@@ -2911,24 +2913,24 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				size: 22,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : y("", !0),
-			x("div", Rr, [x("p", zr, H(e.title), 1), e.subtitle ? (P(), b("p", Br, H(e.subtitle), 1)) : y("", !0)]),
+			x("div", zr, [x("p", Br, H(e.title), 1), e.subtitle ? (P(), b("p", Vr, 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, Lr), w(h, { name: "expand" }, {
-			default: Y(() => [a.value ? (P(), b("div", Vr, [x("div", Hr, [z(t.$slots, "default", {}, void 0, !0)])])) : y("", !0)]),
+		], 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)]),
 			_: 3
 		})], 2));
 	}
-}), [["__scopeId", "data-v-89e4475b"]]), Wr = {
+}), [["__scopeId", "data-v-89e4475b"]]), Gr = {
 	key: 0,
 	class: "text-label-large font-medium"
-}, Gr = ["data-tick"], Kr = {
+}, Kr = ["data-tick"], qr = {
 	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, qr = 8, Jr = /* @__PURE__ */ T({
+}, $ = 40, Jr = 8, Yr = /* @__PURE__ */ T({
 	__name: "MFab",
 	props: {
 		icon: {},
@@ -3000,7 +3002,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 					zIndex: "1000"
 				};
 			}
-			let l = f.value / 2 + qr + $ / 2 + e * 48, u = {
+			let l = f.value / 2 + Jr + $ / 2 + e * 48, u = {
 				up: {
 					top: `${i - l - $ / 2}px`,
 					left: `${r - $ / 2}px`
@@ -3074,7 +3076,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				"name",
 				"size",
 				"class"
-			]), e.label ? (P(), b("span", Wr, H(e.label), 1)) : y("", !0)]),
+			]), e.label ? (P(), b("span", Gr, H(e.label), 1)) : y("", !0)]),
 			_: 1
 		}, 40, [
 			"to",
@@ -3084,11 +3086,11 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		]))], 512), (P(), v(m, { to: "body" }, [s.value ? (P(), b(p, { key: 0 }, [x("span", {
 			"data-tick": C.value,
 			class: "hidden"
-		}, null, 8, Gr), (P(!0), b(p, null, R(e.items, (t, n) => (P(), b("div", {
+		}, null, 8, Kr), (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", Kr, H(t.label), 1)) : y("", !0), (P(), v(V(t.to ? "RouterLink" : "button"), {
+		}, [t.label && S.value ? (P(), b("span", qr, 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]]),
@@ -3111,17 +3113,17 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			"onPointerdown"
 		]))], 6))), 128))], 64)) : y("", !0)]))], 64));
 	}
-}), Yr = { class: "flex flex-col gap-3" }, Xr = { class: "text-center" }, Zr = { class: "text-body-large text-on-surface" }, Qr = { class: "font-medium text-primary" }, $r = {
+}), 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 = {
 	key: 0,
 	class: "mt-1 text-body-small text-on-surface-variant"
-}, ei = { key: 0 }, ti = { key: 1 }, ni = { key: 2 }, ri = [
+}, ti = { key: 0 }, ni = { key: 1 }, ri = { key: 2 }, ii = [
 	"accept",
 	"multiple",
 	"disabled"
-], ii = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, ai = ["src"], oi = { class: "min-w-0 flex-1" }, si = { class: "truncate text-body-medium text-on-surface" }, ci = { class: "text-body-small text-on-surface-variant" }, li = {
+], 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 = {
 	key: 0,
 	class: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-surface-container-highest"
-}, ui = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, di = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MFileUpload",
 	props: {
 		accept: {},
@@ -3173,7 +3175,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		function O() {
 			a.disabled || u.value?.click();
 		}
-		return (n, r) => (P(), b("div", Yr, [
+		return (n, r) => (P(), b("div", Xr, [
 			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,
@@ -3185,10 +3187,10 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				name: l.value ? "downloading" : "cloud_upload",
 				size: 40,
 				class: "text-on-surface-variant"
-			}, null, 8, ["name"]), x("div", Xr, [z(n.$slots, "dropzone", {}, () => [x("p", Zr, [C(H(t.dropText ?? U(i).dropText) + " ", 1), x("span", Qr, H(t.selectText ?? U(i).selectText), 1)]), t.accept || t.maxSize ? (P(), b("p", $r, [
-				t.accept ? (P(), b("span", ei, H(t.accept), 1)) : y("", !0),
-				t.accept && t.maxSize ? (P(), b("span", ti, " · ")) : y("", !0),
-				t.maxSize ? (P(), b("span", ni, H(t.maxSizePrefix ?? U(i).maxSizePrefix) + " " + H(h(t.maxSize)), 1)) : y("", !0)
+			}, 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)
 			])) : y("", !0)], !0)])], 34),
 			x("input", {
 				ref_key: "inputRef",
@@ -3199,7 +3201,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				multiple: t.multiple,
 				disabled: t.disabled,
 				onChange: E
-			}, null, 40, ri),
+			}, null, 40, ii),
 			w(g, {
 				name: "m3-file",
 				tag: "div",
@@ -3209,20 +3211,20 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 					key: n.id,
 					class: "flex items-center gap-3 rounded-lg bg-surface-container p-3"
 				}, [
-					x("div", ii, [n.preview ? (P(), b("img", {
+					x("div", ai, [n.preview ? (P(), b("img", {
 						key: 0,
 						src: n.preview,
 						class: "h-full w-full object-cover"
-					}, null, 8, ai)) : (P(), v(d, {
+					}, null, 8, oi)) : (P(), v(d, {
 						key: 1,
 						name: "description",
 						size: 24,
 						class: "text-on-surface-variant"
 					}))]),
-					x("div", oi, [
-						x("p", si, H(n.file.name), 1),
-						x("p", ci, H(h(n.file.size)), 1),
-						n.status === "uploading" ? (P(), b("div", li, [x("div", {
+					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", {
 							class: "h-full rounded-full bg-primary transition-[width] duration-300",
 							style: A({ width: `${n.progress}%` })
 						}, null, 4)])) : y("", !0)
@@ -3252,7 +3254,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-6b150427"]]), di = /* @__PURE__ */ T({
+}), [["__scopeId", "data-v-6b150427"]]), fi = /* @__PURE__ */ T({
 	__name: "MFixed",
 	props: {
 		placement: {},
@@ -3296,7 +3298,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		});
 		return (e, t) => (P(), b("div", { style: A(r.value) }, [z(e.$slots, "default")], 4));
 	}
-}), fi = /* @__PURE__ */ T({
+}), pi = /* @__PURE__ */ T({
 	__name: "MFlex",
 	props: {
 		direction: { default: "row" },
@@ -3348,7 +3350,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		]);
 		return (e, t) => (P(), b("div", { class: k(o.value) }, [z(e.$slots, "default")], 2));
 	}
-}), pi = /* @__PURE__ */ T({
+}), mi = /* @__PURE__ */ T({
 	__name: "MFullscreen",
 	props: {
 		fixed: {
@@ -3365,7 +3367,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		}));
 		return (e, t) => (P(), b("div", { style: A(n.value) }, [z(e.$slots, "default")], 4));
 	}
-}), mi = /* @__PURE__ */ T({
+}), hi = /* @__PURE__ */ T({
 	__name: "MGrid",
 	props: {
 		cols: { default: 1 },
@@ -3441,13 +3443,13 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		]);
 		return (e, t) => (P(), b("div", { class: k(l.value) }, [z(e.$slots, "default")], 2));
 	}
-}), hi = {
+}), gi = {
 	key: 0,
 	class: "flex flex-col gap-4"
-}, gi = {
+}, _i = {
 	key: 0,
 	class: "mb-2 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, _i = { class: "flex flex-col gap-1" }, vi = { class: "text-body-medium text-on-surface" }, yi = { class: "flex items-center gap-0.5" }, bi = /* @__PURE__ */ T({
+}, 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({
 	__name: "MHotkeys",
 	props: {
 		bindings: {},
@@ -3504,15 +3506,15 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			}
 			return e;
 		};
-		return (t, n) => e.showOverlay ? (P(), b("div", hi, [(P(!0), b(p, null, R(s(), ([e, t]) => (P(), b("div", { key: e }, [e ? (P(), b("p", gi, H(e), 1)) : y("", !0), x("div", _i, [(P(!0), b(p, null, R(t, (e) => (P(), b("div", {
+		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", {
 			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", vi, H(e.label), 1), x("div", yi, [(P(!0), b(p, null, R(e.keys.split("+"), (e, t) => (P(), b("kbd", {
+		}, [x("span", yi, H(e.label), 1), x("div", bi, [(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);
 	}
-}), xi = { class: "flex items-center gap-3" }, Si = { class: "text-body-medium text-on-surface-variant" }, Ci = { class: "text-body-small text-on-surface-variant" }, wi = /* @__PURE__ */ T({
+}), 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({
 	__name: "MInfiniteScroll",
 	props: {
 		loading: {
@@ -3543,30 +3545,30 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			ref_key: "sentinelRef",
 			ref: o,
 			class: "flex items-center justify-center py-4"
-		}, [e.loading ? z(t.$slots, "loading", { key: 0 }, () => [x("div", xi, [w(c, {
+		}, [e.loading ? z(t.$slots, "loading", { key: 0 }, () => [x("div", Si, [w(c, {
 			size: 20,
 			class: "text-primary"
-		}), x("span", Si, H(e.loadingText ?? U(r).loadingMore), 1)])]) : e.ended ? z(t.$slots, "end", { key: 1 }, () => [x("p", Ci, H(e.endText ?? U(r).noMoreItems), 1)]) : z(t.$slots, "idle", { key: 2 })], 512)]));
+		}), 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)]));
 	}
-}), Ti = {
+}), Ei = {
 	key: 0,
 	class: "text-tertiary"
-}, Ei = { class: "text-on-surface-variant" }, Di = {
+}, Di = { class: "text-on-surface-variant" }, Oi = {
 	key: 1,
 	class: "text-on-surface-variant/60"
-}, Oi = {
+}, ki = {
 	key: 2,
 	class: "text-on-surface-variant"
-}, ki = {
+}, Ai = {
 	key: 0,
 	class: "ml-5 border-l border-outline-variant/40 pl-2"
-}, Ai = { class: "shrink-0 text-primary" }, ji = {
+}, ji = { class: "shrink-0 text-primary" }, Mi = {
 	key: 0,
 	class: "shrink-0 text-on-surface-variant mr-1"
-}, Mi = {
+}, Ni = {
 	key: 1,
 	class: "ml-5 text-on-surface-variant"
-}, Ni = /* @__PURE__ */ T({
+}, Pi = /* @__PURE__ */ T({
 	__name: "MJsonViewer",
 	props: {
 		data: {},
@@ -3607,17 +3609,17 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 						size: 16,
 						class: "text-on-surface-variant transition-transform duration-100"
 					}, null, 8, ["name"]),
-					e._depth === 0 || e.rootName ? (P(), b("span", Ti, H(e._depth === 0 ? e.rootName : ""), 1)) : y("", !0),
-					x("span", Ei, H(s.value), 1),
-					n.value ? y("", !0) : (P(), b("span", Di, H(o.value) + " " + H(r.value === "array" ? "elementos" : "campos"), 1)),
-					n.value ? y("", !0) : (P(), b("span", Oi, H(c.value), 1))
+					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))
 				]),
-				n.value ? (P(), b("div", ki, [(P(!0), b(p, null, R(a.value, (t) => (P(), b("div", {
+				n.value ? (P(), b("div", Ai, [(P(!0), b(p, null, R(a.value, (t) => (P(), b("div", {
 					key: t.key,
 					class: "flex items-start"
 				}, [
-					x("span", Ai, H(r.value === "array" ? "" : `"${t.key}"`), 1),
-					r.value === "array" ? y("", !0) : (P(), b("span", ji, ":")),
+					x("span", ji, H(r.value === "array" ? "" : `"${t.key}"`), 1),
+					r.value === "array" ? y("", !0) : (P(), b("span", Mi, ":")),
 					t.value !== null && typeof t.value == "object" ? (P(), v(m, {
 						key: 1,
 						data: t.value,
@@ -3634,21 +3636,21 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 						class: k(l(t.value))
 					}, H(u(t.value)), 3))
 				]))), 128))])) : y("", !0),
-				n.value ? (P(), b("span", Mi, H(c.value), 1)) : y("", !0)
+				n.value ? (P(), b("span", Ni, H(c.value), 1)) : y("", !0)
 			], 64)) : (P(), b("span", {
 				key: 1,
 				class: k(l(e.data))
 			}, H(u(e.data)), 3))], 2);
 		};
 	}
-}), Pi = { class: "flex gap-4 overflow-x-auto pb-2" }, Fi = ["onDragover", "onDrop"], Ii = { class: "flex items-center gap-2 px-4 py-3" }, Li = { class: "flex-1 text-title-small font-medium text-on-surface" }, Ri = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, zi = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, Bi = [
+}), 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 = [
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], Vi = { class: "text-body-medium text-on-surface" }, Hi = {
+], Hi = { class: "text-body-medium text-on-surface" }, Ui = {
 	key: 0,
 	class: "flex flex-1 items-center justify-center rounded-lg border border-dashed border-outline-variant/50 p-4"
-}, Ui = /* @__PURE__ */ T({
+}, Wi = /* @__PURE__ */ T({
 	__name: "MKanban",
 	props: { modelValue: {} },
 	emits: [
@@ -3707,20 +3709,20 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		function f() {
 			i.value = null, a.value = null, o.value = null;
 		}
-		return (t, n) => (P(), b("div", Pi, [(P(!0), b(p, null, R(e.modelValue, (e) => (P(), b("div", {
+		return (t, n) => (P(), b("div", Fi, [(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", Ii, [
+		}, [x("div", Li, [
 			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", Li, H(e.title), 1),
-			x("span", Ri, H(e.cards.length), 1)
-		]), x("div", zi, [(P(!0), b(p, null, R(e.cards, (n, s) => (P(), b("div", {
+			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", {
 			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" : ""]]),
@@ -3734,9 +3736,9 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		}, [z(t.$slots, "card", {
 			card: n,
 			column: e
-		}, () => [x("p", Vi, H(n.id), 1)])], 42, Bi))), 128)), e.cards.length === 0 ? (P(), b("div", Hi, [...n[1] ||= [x("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : y("", !0)])], 42, Fi))), 128))]));
+		}, () => [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))]));
 	}
-}), Wi = /* @__PURE__ */ T({
+}), Gi = /* @__PURE__ */ T({
 	__name: "MList",
 	props: {
 		dense: {
@@ -3776,10 +3778,10 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			class: k(i.value)
 		}, [z(e.$slots, "default")], 2));
 	}
-}), Gi = ["checked", "disabled"], Ki = {
+}), Ki = ["checked", "disabled"], qi = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, qi = /* @__PURE__ */ T({
+}, Ji = /* @__PURE__ */ T({
 	__name: "MSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -3801,7 +3803,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			checked: e.modelValue,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", !e.modelValue)
-		}, null, 40, Gi), x("span", {
+		}, null, 40, Ki), 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, {
@@ -3819,21 +3821,21 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				class: "text-primary"
 			})) : y("", !0)]),
 			_: 1
-		})], 6)], 2), e.label ? (P(), b("span", Ki, H(e.label), 1)) : y("", !0)], 2));
+		})], 6)], 2), e.label ? (P(), b("span", qi, H(e.label), 1)) : y("", !0)], 2));
 	}
-}), Ji = {
+}), Yi = {
 	key: 0,
 	role: "listitem"
-}, Yi = { class: "min-w-0 flex-1" }, Xi = { class: "truncate text-body-large text-on-surface" }, Zi = {
+}, Xi = { class: "min-w-0 flex-1" }, Zi = { class: "truncate text-body-large text-on-surface" }, Qi = {
 	key: 0,
 	class: "mli-expand-grid"
-}, Qi = { class: "mli-expand-body" }, $i = ["src"], ea = { class: "min-w-0 flex-1" }, ta = { class: "truncate text-body-large text-on-surface" }, na = {
+}, $i = { class: "mli-expand-body" }, ea = ["src"], ta = { class: "min-w-0 flex-1" }, na = { class: "truncate text-body-large text-on-surface" }, ra = {
 	key: 1,
 	class: "line-clamp-2 text-body-small text-on-surface-variant"
-}, ra = {
+}, ia = {
 	key: 1,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, ia = /* @__PURE__ */ T({
+}, aa = /* @__PURE__ */ T({
 	__name: "MListItem",
 	props: {
 		title: {},
@@ -3906,7 +3908,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 		function N() {
 			r("update:trailingValue", !n.trailingValue);
 		}
-		return (t, n) => e.expandable ? (P(), b("li", Ji, [x("div", {
+		return (t, n) => e.expandable ? (P(), b("li", Yi, [x("div", {
 			class: k(T.value),
 			onClick: M
 		}, [
@@ -3916,7 +3918,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				size: 24,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : y("", !0)]),
-			x("div", Yi, [z(t.$slots, "default", {}, () => [x("p", Xi, H(e.title), 1), e.subtitle && c.value >= 2 ? (P(), b("p", {
+			x("div", Xi, [z(t.$slots, "default", {}, () => [x("p", Zi, 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)])]),
@@ -3926,7 +3928,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])
 		], 2), w(h, { name: "mli-expand" }, {
-			default: Y(() => [o.value ? (P(), b("div", Zi, [x("div", Qi, [z(t.$slots, "children")])])) : y("", !0)]),
+			default: Y(() => [o.value ? (P(), b("div", Qi, [x("div", $i, [z(t.$slots, "children")])])) : y("", !0)]),
 			_: 3
 		})])) : (P(), v(V(O.value), D({
 			key: 1,
@@ -3951,7 +3953,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				}, [w(d, {
 					name: e.icon,
 					size: 24
-				}, null, 8, ["name"])], 2)) : f.value === "avatar" ? (P(), v(ze, {
+				}, null, 8, ["name"])], 2)) : f.value === "avatar" ? (P(), v(Be, {
 					key: 2,
 					name: e.avatarName,
 					size: 40,
@@ -3961,25 +3963,25 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 					src: e.image,
 					alt: "",
 					class: "h-14 w-14 shrink-0 rounded-md object-cover"
-				}, null, 8, $i)) : f.value === "checkbox" ? (P(), v(Q, {
+				}, null, 8, ea)) : f.value === "checkbox" ? (P(), v(Q, {
 					key: 4,
 					"model-value": u.value,
 					class: "shrink-0"
 				}, null, 8, ["model-value"])) : y("", !0)]),
-				x("div", ea, [z(t.$slots, "default", {}, () => [
-					x("p", ta, H(e.title), 1),
+				x("div", ta, [z(t.$slots, "default", {}, () => [
+					x("p", na, 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", na, H(e.description), 1)) : y("", !0)
+					e.description && c.value >= 3 ? (P(), b("p", ra, 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", ra, H(e.trailingText), 1)) : p.value === "switch" ? (P(), v(qi, {
+				}, null, 8, ["name"])) : p.value === "text" ? (P(), b("span", ia, H(e.trailingText), 1)) : p.value === "switch" ? (P(), v(Ji, {
 					key: 2,
 					"model-value": !!e.trailingValue,
 					"onUpdate:modelValue": N
@@ -3992,7 +3994,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			_: 3
 		}, 16, ["class"]));
 	}
-}), aa = /* @__PURE__ */ T({
+}), oa = /* @__PURE__ */ T({
 	__name: "MListSubheader",
 	props: { inset: {
 		type: Boolean,
@@ -4004,16 +4006,16 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			role: "presentation"
 		}, [z(t.$slots, "default")], 2));
 	}
-}), oa = {
+}), sa = {
 	key: 0,
 	class: "text-body-large text-on-surface-variant"
-}, sa = {
+}, ca = {
 	key: 1,
 	class: "relative"
-}, ca = {
+}, la = {
 	key: 0,
 	class: "text-body-medium text-on-surface-variant"
-}, la = /* @__PURE__ */ T({
+}, ua = /* @__PURE__ */ T({
 	__name: "MLoadingOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -4046,11 +4048,11 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (P(), b("p", oa, H(e.text), 1)) : y("", !0),
+				e.text ? (P(), b("p", sa, H(e.text), 1)) : y("", !0),
 				z(t.$slots, "default")
 			], 2)) : y("", !0)]),
 			_: 3
-		})])) : (P(), b("div", sa, [z(t.$slots, "content"), w(h, {
+		})])) : (P(), b("div", ca, [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",
@@ -4064,13 +4066,13 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (P(), b("p", ca, H(e.text), 1)) : y("", !0),
+				e.text ? (P(), b("p", la, H(e.text), 1)) : y("", !0),
 				z(t.$slots, "default")
 			], 2)) : y("", !0)]),
 			_: 3
 		})]));
 	}
-}), ua = /* @__PURE__ */ T({
+}), da = /* @__PURE__ */ T({
 	__name: "MMasonry",
 	props: {
 		cols: { default: 2 },
@@ -4121,21 +4123,21 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			class: "relative w-full"
 		}, [z(e.$slots, "default")], 512));
 	}
-}), da = { class: "flex flex-col gap-1" }, fa = [
+}), fa = { class: "flex flex-col gap-1" }, pa = [
 	"id",
 	"value",
 	"disabled",
 	"required"
-], pa = ["for"], ma = {
+], ma = ["for"], ha = {
 	key: 0,
 	class: "text-error"
-}, ha = {
+}, ga = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, ga = {
+}, _a = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, _a = /* @__PURE__ */ T({
+}, va = /* @__PURE__ */ T({
 	__name: "MMaskField",
 	props: {
 		modelValue: {},
@@ -4230,7 +4232,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				i.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, n) => (P(), b("div", da, [x("div", {
+		return (t, n) => (P(), b("div", fa, [x("div", {
 			ref_key: "fieldBgEl",
 			ref: s,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -4256,11 +4258,11 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				class: k(S.value),
 				onInput: h,
 				onKeydown: g
-			}, null, 42, fa),
+			}, null, 42, pa),
 			x("label", {
 				for: U(o),
 				class: k(T.value)
-			}, [C(H(e.label), 1), e.required ? (P(), b("span", ma, "\xA0*")) : y("", !0)], 10, pa),
+			}, [C(H(e.label), 1), e.required ? (P(), b("span", ha, "\xA0*")) : y("", !0)], 10, ma),
 			f.value ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -4270,31 +4272,31 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				name: "close",
 				size: 18
 			})], 2)) : y("", !0)
-		], 6), e.error ? (P(), b("p", ha, H(e.error), 1)) : e.hint ? (P(), b("p", ga, H(e.hint), 1)) : 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)]));
 	}
-}), va = { class: "flex flex-col gap-1" }, ya = [
+}), ya = { class: "flex flex-col gap-1" }, ba = [
 	"id",
 	"tabindex",
 	"aria-expanded"
-], ba = ["onClick"], xa = {
+], xa = ["onClick"], Sa = {
 	key: 0,
 	class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant"
-}, Sa = {
+}, Ca = {
 	key: 1,
 	class: "text-body-large text-on-surface-variant opacity-0"
-}, Ca = {
+}, wa = {
 	key: 0,
 	class: "text-error"
-}, wa = {
+}, Ta = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Ta = {
+}, Ea = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ea = {
+}, Da = {
 	key: 0,
 	class: "sticky top-0 bg-surface-container px-3 py-2"
-}, Da = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, Oa = ["placeholder"], ka = { class: "flex flex-col py-1" }, Aa = { class: "text-body-large text-on-surface" }, ja = { class: "px-4 py-3 text-center text-body-small text-on-surface-variant" }, Ma = /* @__PURE__ */ T({
+}, 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({
 	__name: "MMultiSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -4412,7 +4414,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				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", va, [x("div", {
+		return (t, n) => (P(), b(p, null, [x("div", ya, [x("div", {
 			ref_key: "fieldEl",
 			ref: u,
 			class: k(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -4448,8 +4450,8 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			}, [w(d, {
 				name: "close",
 				size: 12
-			})], 8, ba)]))), 128)), B.value > 0 ? (P(), b("span", xa, " +" + H(B.value), 1)) : y("", !0)], 64)) : c.value ? y("", !0) : (P(), b("span", Sa, H(e.placeholder), 1))], 42, ya),
-			x("label", { class: k(ae.value) }, [C(H(e.label), 1), e.required ? (P(), b("span", Ca, "\xA0*")) : y("", !0)], 2),
+			})], 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),
 			e.clearable && j.value && !e.disabled ? (P(), b("button", {
 				key: 1,
 				type: "button",
@@ -4466,7 +4468,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				size: 24,
 				class: "text-on-surface-variant"
 			}, null, 8, ["name"])], 2)
-		], 6), e.error ? (P(), b("p", wa, H(e.error), 1)) : e.hint ? (P(), b("p", Ta, H(e.hint), 1)) : y("", !0)]), (P(), v(m, { to: "body" }, [w(h, {
+		], 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, {
 			"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",
@@ -4480,7 +4482,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				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", Ea, [x("div", Da, [w(d, {
+			}, [e.searchable ? (P(), b("div", Da, [x("div", Oa, [w(d, {
 				name: "search",
 				size: 16,
 				class: "shrink-0 text-on-surface-variant"
@@ -4491,7 +4493,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				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, Oa), [[te, l.value]])])])) : y("", !0), x("div", ka, [(P(!0), b(p, null, R(F.value, (t, n) => (P(), b("label", {
+			}, null, 8, ka), [[te, l.value]])])])) : y("", !0), x("div", Aa, [(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, {
@@ -4502,11 +4504,11 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), x("span", Aa, H(t.label), 1)], 2))), 128)), F.value.length === 0 ? z(t.$slots, "no-results", { key: 0 }, () => [x("p", ja, H(e.noResultsText ?? U(i).noResults), 1)]) : y("", !0)])], 4)) : y("", !0)]),
+			]), 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)]),
 			_: 3
 		})]))], 64));
 	}
-}), Na = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, Pa = ["onClick"], Fa = /* @__PURE__ */ T({
+}), Pa = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, Fa = ["onClick"], Ia = /* @__PURE__ */ T({
 	__name: "MNavigationBar",
 	props: {
 		modelValue: {},
@@ -4514,12 +4516,12 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, n) => (P(), b("nav", Na, [(P(!0), b(p, null, R(e.items, (n) => (P(), b("button", {
+		return (t, n) => (P(), b("nav", Pa, [(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(He, {
+		}, [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, {
 			key: 1,
 			dot: ""
 		}, {
@@ -4532,7 +4534,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			key: 2,
 			name: n.icon,
 			size: 24
-		}, null, 8, ["name"])) : (P(), v(He, {
+		}, null, 8, ["name"])) : (P(), v(Ue, {
 			key: 0,
 			count: n.badge
 		}, {
@@ -4541,9 +4543,9 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				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, Pa))), 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, Fa))), 128))]));
 	}
-}), Ia = { class: "flex flex-col gap-1" }, La = [
+}), La = { class: "flex flex-col gap-1" }, Ra = [
 	"id",
 	"value",
 	"disabled",
@@ -4551,16 +4553,16 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 	"min",
 	"max",
 	"step"
-], Ra = ["for"], za = {
+], za = ["for"], Ba = {
 	key: 0,
 	class: "text-error"
-}, Ba = {
+}, Va = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Va = {
+}, Ha = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ha = /*#__PURE__*/ f(/* @__PURE__ */ T({
+}, Ua = /*#__PURE__*/ f(/* @__PURE__ */ T({
 	__name: "MNumberField",
 	props: {
 		modelValue: { default: null },
@@ -4643,7 +4645,7 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				i.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, r) => (P(), b("div", Ia, [x("div", {
+		return (t, r) => (P(), b("div", La, [x("div", {
 			ref_key: "fieldBgEl",
 			ref: s,
 			class: k(["relative", n.variant === "outlined" ? "mt-2" : ""]),
@@ -4669,11 +4671,11 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				class: k(h.value),
 				onInput: u,
 				onKeydown: m
-			}, null, 42, La),
+			}, null, 42, Ra),
 			x("label", {
 				for: U(o),
 				class: k(g.value)
-			}, [C(H(n.label), 1), n.required ? (P(), b("span", za, "\xA0*")) : y("", !0)], 10, Ra),
+			}, [C(H(n.label), 1), n.required ? (P(), b("span", Ba, "\xA0*")) : y("", !0)], 10, za),
 			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"])
@@ -4690,9 +4692,9 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 				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", Ba, H(n.error), 1)) : n.hint ? (P(), b("p", Va, H(n.hint), 1)) : 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)]));
 	}
-}), [["__scopeId", "data-v-9068433a"]]), Ua = T({
+}), [["__scopeId", "data-v-9068433a"]]), Wa = T({
 	name: "MDrawerItemList",
 	components: { MIcon: d },
 	props: {
@@ -4767,8 +4769,8 @@ var Tr = ["aria-label", "disabled"], Er = { class: "leading-none" }, Dr = /* @__
 			}).onfinish = t;
 		}
 	}
-}), Wa = { key: 0 };
-function Ga(e, t, n, r, i, a) {
+}), Ga = { key: 0 };
+function Ka(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,
@@ -4808,7 +4810,7 @@ function Ga(e, t, n, r, i, a) {
 		onEnter: e.onEnter,
 		onLeave: e.onLeave
 	}, {
-		default: Y(() => [t.children?.length && e.openItems[t.value] ? (P(), b("div", Wa, [w(s, {
+		default: Y(() => [t.children?.length && e.openItems[t.value] ? (P(), b("div", Ga, [w(s, {
 			items: t.children,
 			selected: e.selected,
 			depth: e.depth + 1
@@ -4820,10 +4822,10 @@ function Ga(e, t, n, r, i, a) {
 		_: 2
 	}, 1032, ["onEnter", "onLeave"])], 64))), 128);
 }
-var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
+var qa = /*#__PURE__*/ f(Wa, [["render", Ka]]), Ja = {
 	key: 0,
 	class: "fixed inset-0 z-100 flex"
-}, Ja = { class: "nd-panel relative flex h-full w-72 max-w-[85vw] flex-col bg-surface-container shadow-elevation-3" }, Ya = {
+}, Ya = {
 	key: 0,
 	class: "shrink-0"
 }, Xa = {
@@ -4876,7 +4878,8 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 			type: Boolean,
 			default: !0
 		},
-		collapsed: { type: Boolean }
+		collapsed: { type: Boolean },
+		width: {}
 	},
 	emits: ["update:modelValue", "select"],
 	setup(e, { expose: t, emit: n }) {
@@ -4944,10 +4947,13 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 				leave: 280
 			}
 		}, {
-			default: Y(() => [e.modelValue ? (P(), b("div", qa, [x("div", {
+			default: Y(() => [e.modelValue ? (P(), b("div", Ja, [x("div", {
 				class: "nd-scrim absolute inset-0 bg-black/40",
 				onClick: f
-			}), x("nav", Ja, [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 }, [
+			}), 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),
 				t.title && t.collapsible ? (P(), b("button", {
 					key: 1,
@@ -5003,7 +5009,7 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 						onEnter: T,
 						onLeave: E
 					}, {
-						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", oo, [w(Ka, {
+						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", oo, [w(qa, {
 							items: n.children,
 							selected: e.selected
 						}, null, 8, ["items", "selected"])])) : y("", !0)]),
@@ -5011,11 +5017,15 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 					}, 1024)], 64))), 128))])])) : y("", !0)]),
 					_: 2
 				}, 1024)
-			], 64))), 128))])])])) : y("", !0)]),
+			], 64))), 128))])], 6)])) : 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]" : "w-72" : "nd-hidden w-0 border-r-0"]])
+			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"]]),
+			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.title && t.collapsible ? (P(), b("button", {
@@ -5078,7 +5088,7 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 						onEnter: T,
 						onLeave: E
 					}, {
-						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", So, [w(Ka, {
+						default: Y(() => [n.children?.length && l(n) ? (P(), b("div", So, [w(qa, {
 							items: n.children,
 							selected: e.selected
 						}, null, 8, ["items", "selected"])])) : y("", !0)]),
@@ -5088,9 +5098,9 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 				], 64))), 128))])])) : y("", !0)]),
 				_: 2
 			}, 1024)
-		], 64))), 128))])], 2));
+		], 64))), 128))])], 6));
 	}
-}), [["__scopeId", "data-v-51e30965"]]), To = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, Eo = {
+}), [["__scopeId", "data-v-b70b6944"]]), To = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, Eo = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-center pt-3 pb-2"
 }, Do = ["disabled", "onClick"], Oo = /* @__PURE__ */ T({
@@ -5112,7 +5122,7 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 			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(He, {
+		}, [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, {
 			key: 1,
 			dot: ""
 		}, {
@@ -5125,7 +5135,7 @@ var Ka = /*#__PURE__*/ f(Ua, [["render", Ga]]), qa = {
 			key: 2,
 			name: n.icon,
 			size: 24
-		}, null, 8, ["name"])) : (P(), v(He, {
+		}, null, 8, ["name"])) : (P(), v(Ue, {
 			key: 0,
 			count: n.badge
 		}, {
@@ -7176,7 +7186,7 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 					onClick: n[2] ||= Z(() => {}, ["stop"])
 				}, [z(t.$slots, "row-actions", { row: r })])) : y("", !0)
 			], 10, Ml))), 128))])])]),
-			x("div", Pl, [w(pn, {
+			x("div", Pl, [w(mn, {
 				page: m.value,
 				"per-page": e.perPage,
 				total: S.value,
@@ -7601,11 +7611,12 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 		title: {},
 		variant: { default: "small" },
 		navigationIcon: {},
-		elevated: { type: Boolean }
+		elevated: { type: Boolean },
+		bordered: { type: Boolean }
 	},
 	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" : ""]) }, [x("div", mu, [
+		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, {
 				key: 0,
 				icon: t.navigationIcon,
@@ -8303,6 +8314,6 @@ var bc = /*#__PURE__*/ f(_c, [["render", yc]]), xc = /* @__PURE__ */ T({
 	}
 });
 //#endregion
-export { Se as MAbsolute, Oe as MAlert, Me as MAppBar, Le as MAppLayout, Re as MAspectRatio, ze as MAvatar, He as MBadge, Je as MBottomSheet, Ye as MBox, Qe as MBreadcrumbs, o as MButton, ut as MCalendar, _t as MCard, Ct as MCarousel, wt as MCenter, Q as MCheckbox, Ot as MChip, zt as MColorPicker, $t as MCommandPalette, tn as MConfirmDialog, nn as MContainer, un as MContextMenu, Bn as MDataTable, Zn as MDatePicker, lr as MDateRangePicker, r as MDialog, pr as MDivider, yr as MDragDropList, xr as MEmoji, Dr as MEmojiButton, Fr as MEmojiSelector, Ir as MEmptyState, Ur as MExpansionPanel, Jr as MFab, ui as MFileUpload, di as MFixed, fi as MFlex, pi as MFullscreen, mi as MGrid, bi as MHotkeys, d as MIcon, e as MIconButton, wi as MInfiniteScroll, Ni as MJsonViewer, Ui as MKanban, Wi as MList, ia as MListItem, aa as MListSubheader, la as MLoadingOverlay, _a as MMaskField, ua as MMasonry, a as MMenu, l as MMenuItem, Ma as MMultiSelect, Fa as MNavigationBar, wo as MNavigationDrawer, Oo as MNavigationRail, Ha as MNumberField, Ao as MOverlay, pn 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, qi 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, Cr as allEmojis, re as createM3UI, u as defaultLocale, Sr as emojiCategories, ce as palettes, wr 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, 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 };
 
 //# sourceMappingURL=m3ui.js.map