@m3ui-vue/m3ui-vue 0.4.7 → 0.5.0

package/dist/m3ui.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./MMenuItem-COdgD4m7.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./MMenuItem-Dw2ARZic.js";
 import { t as f } from "./MIcon-CaEooCmZ.js";
 import { t as p } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as m, Teleport as h, Transition as g, TransitionGroup as _, computed as v, createApp as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as w, createTextVNode as T, createVNode as E, defineComponent as D, h as O, inject as k, mergeProps as A, nextTick as j, normalizeClass as M, normalizeStyle as N, onBeforeUnmount as P, onMounted as F, onUnmounted as I, openBlock as L, provide as R, reactive as z, ref as B, renderList as V, renderSlot as H, resolveComponent as U, resolveDynamicComponent as W, toDisplayString as G, unref as K, useAttrs as q, useId as J, useSlots as Y, vModelText as ee, vShow as te, watch as X, watchEffect as ne, withCtx as Z, withDirectives as re, withKeys as ie, withModifiers as Q } from "vue";
@@ -579,12 +579,13 @@ var ot = /* @__PURE__ */ D({
 				};
 				return i === "top" ? o.top = e : i === "bottom" ? o.bottom = e : (o.top = "50%", o.transform = "translateY(-50%)"), a === "left" ? o.left = r : a === "right" ? o.right = r : (o.left = "50%", o.transform = o.transform ? "translate(-50%, -50%)" : "translateX(-50%)"), o;
 			}
+			let e = t.top !== void 0 || t.right !== void 0 || t.bottom !== void 0 || t.left !== void 0;
 			return {
 				position: "absolute",
-				top: n(t.top),
+				top: e ? n(t.top) : "8px",
 				right: n(t.right),
 				bottom: n(t.bottom),
-				left: n(t.left),
+				left: e ? n(t.left) : "8px",
 				zIndex: t.zIndex
 			};
 		});
@@ -692,7 +693,8 @@ var ot = /* @__PURE__ */ D({
 			type: Boolean,
 			default: !1
 		},
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		required: {
 			type: Boolean,
@@ -894,7 +896,7 @@ var ot = /* @__PURE__ */ D({
 				size: 24,
 				class: M(["text-on-surface-variant transition-transform duration-200", u.value || d.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])])
-		], 6), e.error ? (L(), S("p", vt, G(e.error), 1)) : e.hint ? (L(), S("p", yt, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
+		], 6), e.error && e.errorLabel ? (L(), S("p", vt, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", yt, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
 			"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",
@@ -960,7 +962,7 @@ var ot = /* @__PURE__ */ D({
 			_: 1
 		})]))], 64));
 	}
-}), [["__scopeId", "data-v-4ee54742"]]), Nt = {
+}), [["__scopeId", "data-v-aace974a"]]), Nt = {
 	key: 0,
 	class: "flex shrink-0 items-center"
 }, Pt = { class: "flex flex-1 items-center overflow-hidden" }, Ft = {
@@ -2014,7 +2016,8 @@ var ot = /* @__PURE__ */ D({
 			"#607d8b"
 		] },
 		disabled: { type: Boolean },
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		fieldBg: {}
 	},
@@ -2120,7 +2123,7 @@ var ot = /* @__PURE__ */ D({
 				key: 0,
 				class: M(["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"])
 			}, G(e.label), 3)) : x("", !0)], 4),
-			e.error ? (L(), S("p", Wn, G(e.error), 1)) : e.hint ? (L(), S("p", Gn, G(e.hint), 1)) : x("", !0),
+			e.error && e.errorLabel ? (L(), S("p", Wn, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", Gn, G(e.hint), 1)) : x("", !0),
 			(L(), b(h, { to: "body" }, [E(g, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -2188,7 +2191,7 @@ var ot = /* @__PURE__ */ D({
 			})]))
 		]));
 	}
-}), [["__scopeId", "data-v-6c22bde9"]]), $n = { class: "cp-box w-[328px] rounded-[28px] bg-surface-container-high px-6 pt-6 pb-4 shadow-elevation-3" }, er = { class: "mb-4 flex items-center gap-3" }, tr = { class: "text-label-medium text-on-surface-variant" }, nr = { class: "font-mono text-title-medium text-on-surface" }, rr = { class: "mb-3" }, ir = ["value"], ar = { class: "mb-3" }, or = ["value"], sr = { class: "mb-4 flex flex-wrap gap-1.5" }, cr = ["onClick"], lr = { class: "flex justify-end gap-2" }, ur = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}), [["__scopeId", "data-v-9cc2db5f"]]), $n = { class: "cp-box w-[328px] rounded-[28px] bg-surface-container-high px-6 pt-6 pb-4 shadow-elevation-3" }, er = { class: "mb-4 flex items-center gap-3" }, tr = { class: "text-label-medium text-on-surface-variant" }, nr = { class: "font-mono text-title-medium text-on-surface" }, rr = { class: "mb-3" }, ir = ["value"], ar = { class: "mb-3" }, or = ["value"], sr = { class: "mb-4 flex flex-wrap gap-1.5" }, cr = ["onClick"], lr = { class: "flex justify-end gap-2" }, ur = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MColorPickerModal",
 	props: {
 		modelValue: {},
@@ -2549,156 +2552,71 @@ var ot = /* @__PURE__ */ D({
 		]);
 		return (e, t) => (L(), S("div", { class: M(r.value) }, [H(e.$slots, "default")], 2));
 	}
-}), Or = { class: "py-1" }, kr = {
-	key: 0,
-	class: "my-1 border-outline-variant"
-}, Ar = {
-	key: 1,
-	class: "w-[18px] shrink-0"
-}, jr = { class: "flex-1" }, Mr = {
-	key: 2,
-	class: "text-label-small text-on-surface-variant"
-}, Nr = /* @__PURE__ */ D({
-	__name: "_MContextMenuPanel",
-	props: {
-		items: {},
-		x: {},
-		y: {}
-	},
-	emits: ["close"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = B(null), a = B(n.x), o = B(n.y), s = B(null), c = B({
-			x: 0,
-			y: 0
-		});
-		F(async () => {
-			if (await j(), !i.value) return;
-			let e = i.value;
-			a.value = Math.min(n.x, window.innerWidth - e.offsetWidth - 8), o.value = Math.min(n.y, window.innerHeight - e.offsetHeight - 8);
-		});
-		function l(e, t, n) {
-			if (t.divider || t.disabled) {
-				s.value = null;
-				return;
-			}
-			if (!t.children?.length) {
-				s.value = null;
-				return;
-			}
-			s.value = e;
-			let r = n.currentTarget.getBoundingClientRect(), a = i.value.getBoundingClientRect(), o = a.right, l = r.top;
-			o + 220 > window.innerWidth && (o = a.left - 220), l + 300 > window.innerHeight && (l = Math.max(8, window.innerHeight - 300)), c.value = {
-				x: o,
-				y: l
-			};
-		}
-		function u(e) {
-			e.disabled || e.divider || e.children?.length || (e.onClick?.(), r("close"));
-		}
-		function d(e) {
-			e.relatedTarget?.closest(".m3-ctx-panel") || (s.value = null);
-		}
-		return (t, n) => (L(), S(m, null, [C("div", {
-			ref_key: "panel",
-			ref: i,
-			class: "m3-ctx-panel absolute z-201 min-w-[200px] overflow-hidden rounded-lg bg-surface-container shadow-elevation-2",
-			style: N({
-				left: `${a.value}px`,
-				top: `${o.value}px`
-			}),
-			onMouseleave: d
-		}, [C("div", Or, [(L(!0), S(m, null, V(e.items, (e, t) => (L(), S(m, { key: t }, [e.divider ? (L(), S("hr", kr)) : (L(), b(W(e.to && !e.disabled ? "RouterLink" : "div"), {
-			key: 1,
-			to: e.to && !e.disabled ? e.to : void 0,
-			class: M(["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" : ""]]),
-			onMouseenter: (n) => l(t, e, n),
-			onClick: (t) => u(e)
-		}, {
-			default: Z(() => [
-				e.icon ? (L(), b(f, {
-					key: 0,
-					name: e.icon,
-					size: 18,
-					class: M(["shrink-0", e.danger ? "text-error" : "text-on-surface-variant"])
-				}, null, 8, ["name", "class"])) : (L(), S("span", Ar)),
-				C("span", jr, G(e.label), 1),
-				e.shortcut ? (L(), S("span", Mr, G(e.shortcut), 1)) : x("", !0),
-				e.children?.length ? (L(), b(f, {
-					key: 3,
-					name: "chevron_right",
-					size: 18,
-					class: "shrink-0 text-on-surface-variant"
-				})) : x("", !0)
-			]),
-			_: 2
-		}, 1064, [
-			"to",
-			"class",
-			"onMouseenter",
-			"onClick"
-		]))], 64))), 128))])], 36), s.value !== null && e.items[s.value]?.children?.length ? (L(), b(Nr, {
-			key: s.value,
-			items: e.items[s.value].children,
-			x: c.value.x,
-			y: c.value.y,
-			onClose: n[0] ||= (e) => r("close")
-		}, null, 8, [
-			"items",
-			"x",
-			"y"
-		])) : x("", !0)], 64));
-	}
-}), Pr = /* @__PURE__ */ D({
+}), Or = /* @__PURE__ */ D({
 	__name: "MContextMenu",
-	props: { items: {} },
 	setup(e, { expose: t }) {
 		let n = B(!1), r = B({
 			x: 0,
 			y: 0
-		});
-		function i(e) {
-			e.preventDefault(), e.stopPropagation(), a(e.clientX, e.clientY);
-		}
-		function a(e, t) {
-			r.value = {
+		}), i = B(null);
+		async function a(e, t) {
+			if (r.value = {
 				x: e,
 				y: t
-			}, n.value = !0;
+			}, n.value = !0, await j(), !i.value) return;
+			let a = i.value;
+			r.value = {
+				x: Math.min(e, window.innerWidth - a.offsetWidth - 8),
+				y: Math.min(t, window.innerHeight - a.offsetHeight - 8)
+			};
 		}
-		function o() {
+		function o(e) {
+			e.preventDefault(), a(e.clientX, e.clientY);
+		}
+		function s() {
 			n.value = !1;
 		}
-		return t({
-			show: i,
+		R("m-menu-close", s), t({
+			show: o,
 			showAt: a,
-			hide: o
-		}), (t, a) => (L(), S(m, null, [H(t.$slots, "default", { show: i }), (L(), b(h, { to: "body" }, [E(g, {
-			"enter-active-class": "transition-opacity duration-100",
-			"enter-from-class": "opacity-0",
-			"enter-to-class": "opacity-100",
-			"leave-active-class": "transition-opacity duration-75",
-			"leave-from-class": "opacity-100",
-			"leave-to-class": "opacity-0"
+			hide: s
+		});
+		function c(e) {
+			if (!n.value) return;
+			let t = e.target;
+			i.value?.contains(t) || t.closest?.(".m3-submenu") || s();
+		}
+		function l(e) {
+			e.key === "Escape" && s();
+		}
+		return F(() => {
+			document.addEventListener("mousedown", c), document.addEventListener("keydown", l);
+		}), I(() => {
+			document.removeEventListener("mousedown", c), document.removeEventListener("keydown", l);
+		}), (e, t) => (L(), S(m, null, [C("div", { onContextmenu: o }, [H(e.$slots, "trigger")], 32), (L(), b(h, { to: "body" }, [E(g, {
+			"enter-active-class": "transition-[opacity,transform] duration-100 ease-out",
+			"enter-from-class": "opacity-0 scale-95",
+			"enter-to-class": "opacity-100 scale-100",
+			"leave-active-class": "transition-[opacity,transform] duration-75 ease-in",
+			"leave-from-class": "opacity-100 scale-100",
+			"leave-to-class": "opacity-0 scale-95"
 		}, {
 			default: Z(() => [n.value ? (L(), S("div", {
 				key: 0,
-				class: "fixed inset-0 z-200",
-				onMousedown: Q(o, ["self"]),
-				onContextmenu: a[0] ||= Q(() => {}, ["prevent"])
-			}, [E(Nr, {
-				items: e.items,
-				x: r.value.x,
-				y: r.value.y,
-				onClose: o
-			}, null, 8, [
-				"items",
-				"x",
-				"y"
-			])], 32)) : x("", !0)]),
-			_: 1
+				ref_key: "panelEl",
+				ref: i,
+				class: "fixed z-[500] min-w-48 overflow-hidden rounded-lg bg-surface-container py-1 shadow-elevation-2",
+				style: N({
+					left: `${r.value.x}px`,
+					top: `${r.value.y}px`,
+					transformOrigin: "top left"
+				}),
+				onContextmenu: t[0] ||= Q(() => {}, ["prevent"])
+			}, [H(e.$slots, "default")], 36)) : x("", !0)]),
+			_: 3
 		})]))], 64));
 	}
-}), Fr = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, Ir = { class: "flex items-center gap-2" }, Lr = /* @__PURE__ */ D({
+}), kr = { class: "flex flex-wrap items-center justify-between gap-4 text-body-medium text-on-surface-variant" }, Ar = { class: "flex items-center gap-2" }, jr = /* @__PURE__ */ D({
 	__name: "MPagination",
 	props: {
 		page: {},
@@ -2708,7 +2626,7 @@ var ot = /* @__PURE__ */ D({
 	emits: ["update:page"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = v(() => Math.max(1, Math.ceil(n.total / n.perPage))), a = v(() => n.total === 0 ? "0 resultados" : `${(n.page - 1) * n.perPage + 1}-${Math.min(n.page * n.perPage, n.total)} de ${n.total}`);
-		return (t, n) => (L(), S("div", Fr, [C("span", null, G(a.value), 1), C("div", Ir, [
+		return (t, n) => (L(), S("div", kr, [C("span", null, G(a.value), 1), C("div", Ar, [
 			C("span", null, "Página " + G(e.page) + " de " + G(i.value), 1),
 			E(s, {
 				icon: "chevron_left",
@@ -2724,25 +2642,25 @@ var ot = /* @__PURE__ */ D({
 			}, null, 8, ["disabled"])
 		])]));
 	}
-}), Rr = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, zr = {
+}), Mr = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Nr = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, Br = {
+}, Pr = {
 	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"
-}, Vr = ["placeholder"], Hr = {
+}, Fr = ["placeholder"], Ir = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, Ur = {
+}, Lr = {
 	key: 1,
 	class: "relative"
-}, Wr = {
+}, Rr = {
 	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"
-}, Gr = { class: "text-body-small text-on-surface" }, Kr = { class: "overflow-x-auto" }, qr = { class: "w-full border-collapse" }, Jr = { class: "bg-surface-container-high" }, Yr = ["onClick"], Xr = { class: "inline-flex items-center gap-1" }, Zr = {
+}, zr = { class: "text-body-small text-on-surface" }, Br = { class: "overflow-x-auto" }, Vr = { class: "w-full border-collapse" }, Hr = { class: "bg-surface-container-high" }, Ur = ["onClick"], Wr = { class: "inline-flex items-center gap-1" }, Gr = {
 	key: 0,
 	class: "inline-flex"
-}, Qr = ["onPointerdown"], $r = { key: 1 }, ei = ["colspan"], ti = { class: "text-body-medium text-on-surface-variant" }, ni = ["onClick"], ri = ["onClick"], ii = { key: 0 }, ai = ["colspan"], oi = { class: "dt-expand-body" }, si = { class: "px-6 py-4" }, ci = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, li = { class: "text-label-small text-on-surface-variant" }, ui = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Kr = ["onPointerdown"], qr = { key: 1 }, Jr = ["colspan"], Yr = { class: "text-body-medium text-on-surface-variant" }, Xr = ["onClick"], Zr = ["onClick"], Qr = { key: 0 }, $r = ["colspan"], ei = { class: "dt-expand-body" }, ti = { class: "px-6 py-4" }, ni = { class: "flex items-center justify-between gap-4 border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, ri = { class: "text-label-small text-on-surface-variant" }, ii = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MDataTable",
 	props: {
 		columns: {},
@@ -2956,9 +2874,9 @@ var ot = /* @__PURE__ */ D({
 				minWidth: e.minWidth
 			};
 		}
-		return (t, r) => (L(), S("div", Rr, [
-			e.searchable || e.columnToggle || e.exportable || t.$slots.toolbar ? (L(), S("div", zr, [
-				e.searchable ? (L(), S("div", Br, [
+		return (t, r) => (L(), S("div", Mr, [
+			e.searchable || e.columnToggle || e.exportable || t.$slots.toolbar ? (L(), S("div", Nr, [
+				e.searchable ? (L(), S("div", Pr, [
 					E(f, {
 						name: "search",
 						size: 16,
@@ -2969,7 +2887,7 @@ var ot = /* @__PURE__ */ D({
 						type: "text",
 						placeholder: e.searchPlaceholder ?? K(n).search,
 						class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-					}, null, 8, Vr), [[ee, d.value]]),
+					}, null, 8, Fr), [[ee, d.value]]),
 					d.value ? (L(), S("button", {
 						key: 0,
 						class: "text-on-surface-variant transition-colors hover:text-on-surface",
@@ -2986,21 +2904,21 @@ var ot = /* @__PURE__ */ D({
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: Z(() => [e.selectable && W.value.length > 0 ? (L(), S("span", Hr, G(W.value.length) + " " + G(e.selectedText ?? K(n).selectedCount) + G(W.value.length === 1 ? "" : "s"), 1)) : x("", !0)]),
+					default: Z(() => [e.selectable && W.value.length > 0 ? (L(), S("span", Ir, G(W.value.length) + " " + G(e.selectedText ?? K(n).selectedCount) + G(W.value.length === 1 ? "" : "s"), 1)) : x("", !0)]),
 					_: 1
 				}),
-				e.columnToggle ? (L(), S("div", Ur, [E(s, {
+				e.columnToggle ? (L(), S("div", Lr, [E(s, {
 					icon: "view_column",
 					label: e.columnsLabel ?? K(n).columns,
 					size: 36,
 					onClick: r[2] ||= (e) => O.value = !O.value
-				}, null, 8, ["label"]), O.value ? (L(), S("div", Wr, [(L(!0), S(m, null, V(e.columns, (e) => (L(), S("label", {
+				}, null, 8, ["label"]), O.value ? (L(), S("div", Rr, [(L(!0), S(m, null, V(e.columns, (e) => (L(), S("label", {
 					key: e.key,
 					class: "flex cursor-pointer items-center gap-2 px-3 py-1.5 hover:bg-on-surface/4"
 				}, [E(zn, {
 					"model-value": !w.value.has(e.key),
 					"onUpdate:modelValue": (t) => w.value.has(e.key) ? w.value.delete(e.key) : w.value.add(e.key)
-				}, null, 8, ["model-value", "onUpdate:modelValue"]), C("span", Gr, G(e.label), 1)]))), 128))])) : x("", !0)])) : x("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"]), C("span", zr, G(e.label), 1)]))), 128))])) : x("", !0)])) : x("", !0),
 				e.exportable ? (L(), b(s, {
 					key: 2,
 					icon: "download",
@@ -3009,7 +2927,7 @@ var ot = /* @__PURE__ */ D({
 					onClick: ge
 				}, null, 8, ["label"])) : x("", !0)
 			])) : x("", !0),
-			C("div", Kr, [C("table", qr, [C("thead", { class: M(e.stickyHeader ? "sticky top-0 z-1" : "") }, [C("tr", Jr, [
+			C("div", Br, [C("table", Vr, [C("thead", { class: M(e.stickyHeader ? "sticky top-0 z-1" : "") }, [C("tr", Hr, [
 				u.value ? (L(), S("th", {
 					key: 0,
 					class: M(["w-10 px-2", e.dense ? "py-2" : "py-3"])
@@ -3032,7 +2950,7 @@ var ot = /* @__PURE__ */ D({
 						t.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (e) => t.sortable ? A(t.key) : void 0
-				}, [C("span", Xr, [T(G(t.label) + " ", 1), t.sortable ? (L(), S("span", Zr, [p.value === t.key && h.value === "asc" ? (L(), b(f, {
+				}, [C("span", Wr, [T(G(t.label) + " ", 1), t.sortable ? (L(), S("span", Gr, [p.value === t.key && h.value === "asc" ? (L(), b(f, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -3051,7 +2969,7 @@ var ot = /* @__PURE__ */ D({
 					key: 0,
 					class: "absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-primary/30",
 					onPointerdown: (e) => pe(e, t)
-				}, null, 40, Qr)) : x("", !0)], 14, Yr))), 128)),
+				}, null, 40, Kr)) : x("", !0)], 14, Ur))), 128)),
 				l.value ? (L(), S("th", {
 					key: 2,
 					class: M(["w-1 px-4", e.dense ? "py-2" : "py-3"])
@@ -3079,14 +2997,14 @@ var ot = /* @__PURE__ */ D({
 					key: 2,
 					class: M(e.dense ? "px-4 py-2" : "px-4 py-3.5")
 				}, [...r[7] ||= [C("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]], 2)) : x("", !0)
-			]))), 128)) : R.value.length === 0 ? (L(), S("tr", $r, [C("td", {
+			]))), 128)) : R.value.length === 0 ? (L(), S("tr", qr, [C("td", {
 				colspan: k.value.length + se.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [H(t.$slots, "empty", {}, () => [E(f, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), C("p", ti, G(e.emptyText ?? K(n).noResults), 1)], !0)], 8, ei)])) : (L(!0), S(m, { key: 2 }, V(R.value, (i) => (L(), S(m, { key: q(i) }, [C("tr", {
+			}), C("p", Yr, G(e.emptyText ?? K(n).noResults), 1)], !0)], 8, Jr)])) : (L(!0), S(m, { key: 2 }, V(R.value, (i) => (L(), S(m, { key: q(i) }, [C("tr", {
 				class: M([
 					"border-t border-outline-variant transition-colors duration-100",
 					"hover:bg-on-surface/4",
@@ -3118,7 +3036,7 @@ var ot = /* @__PURE__ */ D({
 				}, [E(zn, {
 					"model-value": J(i),
 					"onUpdate:modelValue": (e) => te(i)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, ri)) : x("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 10, Zr)) : x("", !0),
 				(L(!0), S(m, null, V(k.value, (n) => (L(), S("td", {
 					key: n.key,
 					class: M([
@@ -3136,11 +3054,11 @@ var ot = /* @__PURE__ */ D({
 					class: M(["text-right", e.dense ? "px-4 py-1" : "px-4 py-3"]),
 					onClick: r[4] ||= Q(() => {}, ["stop"])
 				}, [H(t.$slots, "row-actions", { row: i }, void 0, !0)], 2)) : x("", !0)
-			], 10, ni), u.value ? (L(), S("tr", ii, [C("td", {
+			], 10, Xr), u.value ? (L(), S("tr", Qr, [C("td", {
 				colspan: k.value.length + se.value,
 				class: "border-t border-outline-variant/50 bg-surface-container-lowest p-0"
-			}, [C("div", { class: M(["dt-expand-grid", oe(i) ? "dt-expand-open" : ""]) }, [C("div", oi, [C("div", si, [H(t.$slots, "row-expand", { row: i }, void 0, !0)])])], 2)], 8, ai)])) : x("", !0)], 64))), 128))])])]),
-			C("div", ci, [C("span", li, G(I.value) + " " + G(e.recordsText ?? K(n).recordCount) + G(I.value === 1 ? "" : "s"), 1), E(Lr, {
+			}, [C("div", { class: M(["dt-expand-grid", oe(i) ? "dt-expand-open" : ""]) }, [C("div", ei, [C("div", ti, [H(t.$slots, "row-expand", { row: i }, void 0, !0)])])], 2)], 8, $r)])) : x("", !0)], 64))), 128))])])]),
+			C("div", ni, [C("span", ri, G(I.value) + " " + G(e.recordsText ?? K(n).recordCount) + G(I.value === 1 ? "" : "s"), 1), E(jr, {
 				page: j.value,
 				"per-page": e.perPage,
 				total: I.value,
@@ -3152,19 +3070,19 @@ var ot = /* @__PURE__ */ D({
 			])])
 		]));
 	}
-}), [["__scopeId", "data-v-857139c7"]]), di = { class: "flex flex-col gap-1" }, fi = {
+}), [["__scopeId", "data-v-857139c7"]]), ai = { class: "flex flex-col gap-1" }, oi = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, pi = {
+}, si = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, mi = {
+}, ci = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, hi = {
+}, li = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, gi = { class: "mb-3 flex items-center justify-between" }, _i = { class: "text-title-small font-medium capitalize text-on-surface" }, vi = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, yi = { class: "grid grid-cols-7 gap-0.5" }, bi = ["disabled", "onClick"], xi = /* @__PURE__ */ D({
+}, ui = { class: "mb-3 flex items-center justify-between" }, di = { class: "text-title-small font-medium capitalize text-on-surface" }, fi = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, pi = { class: "grid grid-cols-7 gap-0.5" }, mi = ["disabled", "onClick"], hi = /* @__PURE__ */ D({
 	__name: "MDatePicker",
 	props: {
 		modelValue: {},
@@ -3173,7 +3091,8 @@ var ot = /* @__PURE__ */ D({
 		min: {},
 		max: {},
 		disabled: { type: Boolean },
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		locale: { default: "es-ES" },
 		fieldBg: {},
@@ -3280,7 +3199,7 @@ var ot = /* @__PURE__ */ D({
 			e ? (H(), setTimeout(() => document.addEventListener("mousedown", U), 0)) : document.removeEventListener("mousedown", U);
 		}), F(() => window.addEventListener("scroll", W, !0)), I(() => {
 			window.removeEventListener("scroll", W, !0), document.removeEventListener("mousedown", U);
-		}), (t, n) => (L(), S("div", di, [
+		}), (t, n) => (L(), S("div", ai, [
 			C("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -3296,7 +3215,7 @@ var ot = /* @__PURE__ */ D({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				z.value ? (L(), S("span", fi, G(z.value), 1)) : (L(), S("span", pi, G(e.placeholder || e.label || K(a).selectDate), 1)),
+				z.value ? (L(), S("span", oi, G(z.value), 1)) : (L(), S("span", si, G(e.placeholder || e.label || K(a).selectDate), 1)),
 				e.modelValue ? (L(), b(f, {
 					key: 2,
 					name: "close",
@@ -3308,7 +3227,7 @@ var ot = /* @__PURE__ */ D({
 				key: 0,
 				class: M(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", c.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
 			}, G(e.label), 3)) : x("", !0)], 4),
-			e.error ? (L(), S("p", mi, G(e.error), 1)) : e.hint ? (L(), S("p", hi, G(e.hint), 1)) : x("", !0),
+			e.error && e.errorLabel ? (L(), S("p", ci, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", li, G(e.hint), 1)) : x("", !0),
 			(L(), b(h, { to: "body" }, [E(g, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -3322,14 +3241,14 @@ var ot = /* @__PURE__ */ D({
 					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: N(d.value)
 				}, [
-					C("div", gi, [
+					C("div", ui, [
 						E(s, {
 							icon: "chevron_left",
 							label: e.prevMonthLabel ?? K(a).previousMonth,
 							size: 36,
 							onClick: A
 						}, null, 8, ["label"]),
-						C("span", _i, G(w.value), 1),
+						C("span", di, G(w.value), 1),
 						E(s, {
 							icon: "chevron_right",
 							label: e.nextMonthLabel ?? K(a).nextMonth,
@@ -3337,29 +3256,29 @@ var ot = /* @__PURE__ */ D({
 							onClick: j
 						}, null, 8, ["label"])
 					]),
-					C("div", vi, [(L(!0), S(m, null, V(K(y), (e) => (L(), S("span", {
+					C("div", fi, [(L(!0), S(m, null, V(K(y), (e) => (L(), S("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, G(e), 1))), 128))]),
-					C("div", yi, [(L(!0), S(m, null, V(T.value, (t, n) => (L(), S("button", {
+					C("div", pi, [(L(!0), S(m, null, V(T.value, (t, n) => (L(), S("button", {
 						key: n,
 						type: "button",
 						class: M(["flex h-9 w-full items-center justify-center rounded-full text-body-medium transition-colors duration-100", [t.disabled ? "cursor-not-allowed text-on-surface/25" : t.iso === e.modelValue ? "bg-primary text-on-primary" : k(t.iso) ? "border border-primary text-primary cursor-pointer hover:bg-primary/8" : t.current ? "cursor-pointer text-on-surface hover:bg-on-surface/8" : "cursor-pointer text-on-surface-variant/50 hover:bg-on-surface/4"]]),
 						disabled: t.disabled,
 						onClick: (e) => P(t)
-					}, G(t.date), 11, bi))), 128))])
+					}, G(t.date), 11, mi))), 128))])
 				], 4)) : x("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Si = { class: "dp-box w-[360px] rounded-[28px] bg-surface-container-high shadow-elevation-3" }, Ci = { class: "px-6 pt-6 pb-4" }, wi = { class: "mb-3 text-label-medium text-on-surface-variant" }, Ti = { class: "flex items-center justify-between" }, Ei = { class: "text-headline-medium font-medium capitalize text-on-surface" }, Di = {
+}), gi = { class: "dp-box w-[360px] rounded-[28px] bg-surface-container-high shadow-elevation-3" }, _i = { class: "px-6 pt-6 pb-4" }, vi = { class: "mb-3 text-label-medium text-on-surface-variant" }, yi = { class: "flex items-center justify-between" }, bi = { class: "text-headline-medium font-medium capitalize text-on-surface" }, xi = {
 	key: 0,
 	class: "px-4 pt-3 pb-2"
-}, Oi = { class: "mb-2 flex items-center justify-between" }, ki = { class: "text-title-small font-medium capitalize text-on-surface" }, Ai = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, ji = { class: "grid grid-cols-7 gap-0.5" }, Mi = ["disabled", "onClick"], Ni = {
+}, Si = { class: "mb-2 flex items-center justify-between" }, Ci = { class: "text-title-small font-medium capitalize text-on-surface" }, wi = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Ti = { class: "grid grid-cols-7 gap-0.5" }, Ei = ["disabled", "onClick"], Di = {
 	key: 1,
 	class: "px-6 py-6"
-}, Pi = { class: "flex justify-end gap-2 px-6 pb-4" }, Fi = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Oi = { class: "flex justify-end gap-2 px-6 pb-4" }, ki = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MDatePickerModal",
 	props: {
 		modelValue: { default: null },
@@ -3470,22 +3389,22 @@ var ot = /* @__PURE__ */ D({
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
 				onClick: Q(I, ["self"])
-			}, [C("div", Si, [
-				C("div", Ci, [C("p", wi, G(t.title || K(a).selectDate), 1), C("div", Ti, [C("span", Ei, G(j.value), 1), E(s, {
+			}, [C("div", gi, [
+				C("div", _i, [C("p", vi, G(t.title || K(a).selectDate), 1), C("div", yi, [C("span", bi, G(j.value), 1), E(s, {
 					icon: c.value === "calendar" ? "edit" : "calendar_today",
 					label: c.value === "calendar" ? "Switch to input" : "Switch to calendar",
 					onClick: r[0] ||= (e) => c.value = c.value === "calendar" ? "input" : "calendar"
 				}, null, 8, ["icon", "label"])])]),
 				r[4] ||= C("div", { class: "h-px bg-outline-variant" }, null, -1),
-				c.value === "calendar" ? (L(), S("div", Di, [
-					C("div", Oi, [
+				c.value === "calendar" ? (L(), S("div", xi, [
+					C("div", Si, [
 						E(s, {
 							icon: "chevron_left",
 							label: K(a).previousMonth,
 							size: 36,
 							onClick: O
 						}, null, 8, ["label"]),
-						C("span", ki, G(p.value), 1),
+						C("span", Ci, G(p.value), 1),
 						E(s, {
 							icon: "chevron_right",
 							label: K(a).nextMonth,
@@ -3493,18 +3412,18 @@ var ot = /* @__PURE__ */ D({
 							onClick: k
 						}, null, 8, ["label"])
 					]),
-					C("div", Ai, [(L(!0), S(m, null, V(f.value, (e) => (L(), S("span", {
+					C("div", wi, [(L(!0), S(m, null, V(f.value, (e) => (L(), S("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, G(e), 1))), 128))]),
-					C("div", ji, [(L(!0), S(m, null, V(_.value, (e, t) => (L(), S("button", {
+					C("div", Ti, [(L(!0), S(m, null, V(_.value, (e, t) => (L(), S("button", {
 						key: t,
 						type: "button",
 						class: M(["flex h-10 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 === l.value ? "bg-primary text-on-primary" : e.iso === K(D) ? "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) => A(e)
-					}, G(e.date), 11, Mi))), 128))])
-				])) : (L(), S("div", Ni, [r[2] ||= C("label", { class: "mb-2 block text-label-medium text-on-surface-variant" }, "Date (DD/MM/YYYY)", -1), re(C("input", {
+					}, G(e.date), 11, Ei))), 128))])
+				])) : (L(), S("div", Di, [r[2] ||= C("label", { class: "mb-2 block text-label-medium text-on-surface-variant" }, "Date (DD/MM/YYYY)", -1), re(C("input", {
 					"onUpdate:modelValue": r[1] ||= (e) => d.value = e,
 					type: "text",
 					placeholder: "23/06/2026",
@@ -3513,7 +3432,7 @@ var ot = /* @__PURE__ */ D({
 					onKeydown: ie(F, ["enter"]),
 					onBlur: F
 				}, null, 544), [[ee, d.value]])])),
-				C("div", Pi, [E(e, {
+				C("div", Oi, [E(e, {
 					variant: "text",
 					onClick: I
 				}, {
@@ -3531,23 +3450,23 @@ var ot = /* @__PURE__ */ D({
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-ac5f05d4"]]), Ii = { class: "flex flex-col gap-1" }, Li = {
+}), [["__scopeId", "data-v-ac5f05d4"]]), Ai = { class: "flex flex-col gap-1" }, ji = {
 	key: 0,
 	class: "flex-1 text-on-surface"
-}, Ri = {
+}, Mi = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, zi = {
+}, Ni = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Bi = {
+}, Pi = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Vi = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, Hi = { class: "mb-3 flex items-center justify-between" }, Ui = { class: "text-title-small font-medium capitalize text-on-surface" }, Wi = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, Gi = { class: "grid grid-cols-7 gap-0.5" }, Ki = [
+}, Fi = { class: "mb-2 text-center text-label-medium text-on-surface-variant" }, Ii = { class: "mb-3 flex items-center justify-between" }, Li = { class: "text-title-small font-medium capitalize text-on-surface" }, Ri = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, zi = { class: "grid grid-cols-7 gap-0.5" }, Bi = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], qi = /* @__PURE__ */ D({
+], Vi = /* @__PURE__ */ D({
 	__name: "MDateRangePicker",
 	props: {
 		modelValue: {},
@@ -3556,7 +3475,8 @@ var ot = /* @__PURE__ */ D({
 		min: {},
 		max: {},
 		disabled: { type: Boolean },
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		locale: { default: "es-ES" },
 		fieldBg: {},
@@ -3680,7 +3600,7 @@ var ot = /* @__PURE__ */ D({
 			e ? (d.value = i.modelValue.start && !i.modelValue.end ? "end" : "start", q(), setTimeout(() => document.addEventListener("mousedown", J), 0)) : document.removeEventListener("mousedown", J);
 		}), F(() => window.addEventListener("scroll", Y, !0)), I(() => {
 			window.removeEventListener("scroll", Y, !0), document.removeEventListener("mousedown", J);
-		}), (t, n) => (L(), S("div", Ii, [
+		}), (t, n) => (L(), S("div", Ai, [
 			C("div", {
 				ref_key: "triggerEl",
 				ref: l,
@@ -3696,7 +3616,7 @@ var ot = /* @__PURE__ */ D({
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				U.value ? (L(), S("span", Li, G(U.value), 1)) : (L(), S("span", Ri, G(e.label || e.placeholder || K(a).selectRange), 1)),
+				U.value ? (L(), S("span", ji, G(U.value), 1)) : (L(), S("span", Mi, G(e.label || e.placeholder || K(a).selectRange), 1)),
 				e.modelValue.start || e.modelValue.end ? (L(), b(f, {
 					key: 2,
 					name: "close",
@@ -3708,7 +3628,7 @@ var ot = /* @__PURE__ */ D({
 				key: 0,
 				class: M(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", c.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
 			}, G(e.label), 3)) : x("", !0)], 4),
-			e.error ? (L(), S("p", zi, G(e.error), 1)) : e.hint ? (L(), S("p", Bi, G(e.hint), 1)) : x("", !0),
+			e.error && e.errorLabel ? (L(), S("p", Ni, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", Pi, G(e.hint), 1)) : x("", !0),
 			(L(), b(h, { to: "body" }, [E(g, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -3722,15 +3642,15 @@ var ot = /* @__PURE__ */ D({
 					class: "fixed z-500 w-[320px] rounded-lg bg-surface-container p-4 shadow-elevation-3",
 					style: N(_.value)
 				}, [
-					C("p", Vi, G(d.value === "start" ? e.pickStartText ?? K(a).pickStart : e.pickEndText ?? K(a).pickEnd), 1),
-					C("div", Hi, [
+					C("p", Fi, G(d.value === "start" ? e.pickStartText ?? K(a).pickStart : e.pickEndText ?? K(a).pickEnd), 1),
+					C("div", Ii, [
 						E(s, {
 							icon: "chevron_left",
 							label: e.prevMonthLabel ?? K(a).previousMonth,
 							size: 36,
 							onClick: z
 						}, null, 8, ["label"]),
-						C("span", Ui, G(D.value), 1),
+						C("span", Li, G(D.value), 1),
 						E(s, {
 							icon: "chevron_right",
 							label: e.nextMonthLabel ?? K(a).nextMonth,
@@ -3738,28 +3658,28 @@ var ot = /* @__PURE__ */ D({
 							onClick: H
 						}, null, 8, ["label"])
 					]),
-					C("div", Wi, [(L(!0), S(m, null, V(K(T), (e) => (L(), S("span", {
+					C("div", Ri, [(L(!0), S(m, null, V(K(T), (e) => (L(), S("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, G(e), 1))), 128))]),
-					C("div", Gi, [(L(!0), S(m, null, V(O.value, (t, n) => (L(), S("button", {
+					C("div", zi, [(L(!0), S(m, null, V(O.value, (t, n) => (L(), S("button", {
 						key: n,
 						type: "button",
 						class: M(["flex h-9 w-full items-center justify-center text-body-medium transition-colors duration-100", [t.disabled ? "cursor-not-allowed text-on-surface/25 rounded-full" : t.iso === e.modelValue.start || t.iso === e.modelValue.end ? "bg-primary text-on-primary rounded-full" : R(t.iso) ? "bg-primary/12 text-on-surface cursor-pointer" : t.iso === K(j) ? "border border-primary text-primary rounded-full cursor-pointer hover:bg-primary/8" : t.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: t.disabled,
 						onMouseenter: (e) => d.value === "end" && (p.value = t.iso),
 						onClick: (e) => P(t)
-					}, G(t.date), 43, Ki))), 128))])
+					}, G(t.date), 43, Bi))), 128))])
 				], 4)) : x("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), Ji = { class: "drp-box w-[360px] rounded-[28px] bg-surface-container-high shadow-elevation-3" }, Yi = { class: "px-6 pt-6 pb-4" }, Xi = { class: "mb-3 text-label-medium text-on-surface-variant" }, Zi = { class: "flex items-center gap-3" }, Qi = { class: "text-label-small text-on-surface-variant" }, $i = { class: "text-title-medium font-medium capitalize" }, ea = { class: "text-label-small text-on-surface-variant" }, ta = { class: "text-title-medium font-medium capitalize" }, na = { class: "px-4 pt-3 pb-2" }, ra = { class: "mb-2 flex items-center justify-between" }, ia = { class: "text-title-small font-medium capitalize text-on-surface" }, aa = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, oa = { class: "grid grid-cols-7 gap-0.5" }, sa = [
+}), Hi = { class: "drp-box w-[360px] rounded-[28px] bg-surface-container-high shadow-elevation-3" }, Ui = { class: "px-6 pt-6 pb-4" }, Wi = { class: "mb-3 text-label-medium text-on-surface-variant" }, Gi = { class: "flex items-center gap-3" }, Ki = { class: "text-label-small text-on-surface-variant" }, qi = { class: "text-title-medium font-medium capitalize" }, Ji = { class: "text-label-small text-on-surface-variant" }, Yi = { class: "text-title-medium font-medium capitalize" }, Xi = { class: "px-4 pt-3 pb-2" }, Zi = { class: "mb-2 flex items-center justify-between" }, Qi = { class: "text-title-small font-medium capitalize text-on-surface" }, $i = { class: "mb-1 grid grid-cols-7 gap-0.5 text-center" }, ea = { class: "grid grid-cols-7 gap-0.5" }, ta = [
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], ca = { class: "flex justify-end gap-2 px-6 py-4" }, la = /*#__PURE__*/ p(/* @__PURE__ */ D({
+], na = { class: "flex justify-end gap-2 px-6 py-4" }, ra = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MDateRangePickerModal",
 	props: {
 		modelValue: {},
@@ -3866,28 +3786,28 @@ var ot = /* @__PURE__ */ D({
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
 				onClick: Q(F, ["self"])
-			}, [C("div", Ji, [
-				C("div", Yi, [C("p", Xi, G(t.title || K(a).selectRange), 1), C("div", Zi, [
+			}, [C("div", Hi, [
+				C("div", Ui, [C("p", Wi, G(t.title || K(a).selectRange), 1), C("div", Gi, [
 					C("div", {
 						class: M(["flex-1 rounded-lg px-3 py-2 text-center transition-colors", c.value === "start" ? "bg-primary-container text-on-primary-container" : "bg-surface-container-highest text-on-surface"]),
 						onClick: r[0] ||= (e) => c.value = "start"
-					}, [C("p", Qi, G(K(a).pickStart), 1), C("p", $i, G(P(l.value)), 1)], 2),
+					}, [C("p", Ki, G(K(a).pickStart), 1), C("p", qi, G(P(l.value)), 1)], 2),
 					r[2] ||= C("span", { class: "text-on-surface-variant" }, "→", -1),
 					C("div", {
 						class: M(["flex-1 rounded-lg px-3 py-2 text-center transition-colors", c.value === "end" ? "bg-primary-container text-on-primary-container" : "bg-surface-container-highest text-on-surface"]),
 						onClick: r[1] ||= (e) => l.value && (c.value = "end")
-					}, [C("p", ea, G(K(a).pickEnd), 1), C("p", ta, G(P(u.value)), 1)], 2)
+					}, [C("p", Ji, G(K(a).pickEnd), 1), C("p", Yi, G(P(u.value)), 1)], 2)
 				])]),
 				r[4] ||= C("div", { class: "h-px bg-outline-variant" }, null, -1),
-				C("div", na, [
-					C("div", ra, [
+				C("div", Xi, [
+					C("div", Zi, [
 						E(s, {
 							icon: "chevron_left",
 							label: K(a).previousMonth,
 							size: 36,
 							onClick: k
 						}, null, 8, ["label"]),
-						C("span", ia, G(_.value), 1),
+						C("span", Qi, G(_.value), 1),
 						E(s, {
 							icon: "chevron_right",
 							label: K(a).nextMonth,
@@ -3895,20 +3815,20 @@ var ot = /* @__PURE__ */ D({
 							onClick: A
 						}, null, 8, ["label"])
 					]),
-					C("div", aa, [(L(!0), S(m, null, V(p.value, (e) => (L(), S("span", {
+					C("div", $i, [(L(!0), S(m, null, V(p.value, (e) => (L(), S("span", {
 						key: e,
 						class: "py-1 text-label-small font-medium text-on-surface-variant"
 					}, G(e), 1))), 128))]),
-					C("div", oa, [(L(!0), S(m, null, V(y.value, (e, t) => (L(), S("button", {
+					C("div", ea, [(L(!0), S(m, null, V(y.value, (e, t) => (L(), S("button", {
 						key: t,
 						type: "button",
 						class: M(["flex h-10 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 === l.value || e.iso === u.value ? "bg-primary text-on-primary rounded-full" : N(e.iso) ? "bg-primary/12 text-on-surface cursor-pointer" : e.iso === K(O) ? "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) => c.value === "end" && (d.value = e.iso),
 						onClick: (t) => j(e)
-					}, G(e.date), 43, sa))), 128))])
+					}, G(e.date), 43, ta))), 128))])
 				]),
-				C("div", ca, [E(e, {
+				C("div", na, [E(e, {
 					variant: "text",
 					onClick: F
 				}, {
@@ -3926,17 +3846,17 @@ var ot = /* @__PURE__ */ D({
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-fcb7a791"]]), ua = {
+}), [["__scopeId", "data-v-fcb7a791"]]), ia = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, da = {
+}, aa = {
 	key: 1,
 	class: "h-px flex-1 bg-outline-variant"
-}, fa = {
+}, oa = {
 	key: 1,
 	class: "w-px self-stretch bg-outline-variant",
 	role: "separator"
-}, pa = /* @__PURE__ */ D({
+}, sa = /* @__PURE__ */ D({
 	__name: "MDivider",
 	props: {
 		vertical: {
@@ -3950,25 +3870,25 @@ var ot = /* @__PURE__ */ D({
 		}
 	},
 	setup(e) {
-		return (t, n) => e.vertical ? (L(), S("div", fa)) : (L(), S("div", {
+		return (t, n) => e.vertical ? (L(), S("div", oa)) : (L(), S("div", {
 			key: 0,
 			class: M(["flex items-center gap-3", e.inset && "ml-16"]),
 			role: "separator"
 		}, [
 			n[0] ||= C("div", { class: "h-px flex-1 bg-outline-variant" }, null, -1),
-			e.label ? (L(), S("span", ua, G(e.label), 1)) : x("", !0),
-			e.label ? (L(), S("div", da)) : x("", !0)
+			e.label ? (L(), S("span", ia, G(e.label), 1)) : x("", !0),
+			e.label ? (L(), S("div", aa)) : x("", !0)
 		], 2));
 	}
-}), ma = {
+}), ca = {
 	class: "flex flex-col",
 	role: "listbox"
-}, ha = [
+}, la = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], ga = ["onDragstart"], _a = { class: "min-w-0 flex-1" }, va = { class: "text-body-medium text-on-surface" }, ya = /* @__PURE__ */ D({
+], ua = ["onDragstart"], da = { class: "min-w-0 flex-1" }, fa = { class: "text-body-medium text-on-surface" }, pa = /* @__PURE__ */ D({
 	__name: "MDragDropList",
 	props: {
 		modelValue: {},
@@ -4012,7 +3932,7 @@ var ot = /* @__PURE__ */ D({
 		function p(e) {
 			return i.value === e ? "opacity-30" : a.value === e && i.value !== null ? "ring-2 ring-primary ring-inset" : "";
 		}
-		return (t, n) => (L(), S("div", ma, [(L(!0), S(m, null, V(e.modelValue, (n, r) => (L(), S("div", {
+		return (t, n) => (L(), S("div", ca, [(L(!0), S(m, null, V(e.modelValue, (n, r) => (L(), S("div", {
 			key: n.id,
 			draggable: !e.handle,
 			class: M(["group flex items-center gap-2 rounded-lg px-3 py-2 transition-all", [p(r), !e.handle && "cursor-grab active:cursor-grabbing"]]),
@@ -4030,12 +3950,12 @@ var ot = /* @__PURE__ */ D({
 		}, [E(f, {
 			name: "drag_indicator",
 			size: 20
-		})], 40, ga)) : x("", !0), C("div", _a, [H(t.$slots, "default", {
+		})], 40, ua)) : x("", !0), C("div", da, [H(t.$slots, "default", {
 			item: n,
 			index: r
-		}, () => [C("span", va, G(n.id), 1)])])], 42, ha))), 128))]));
+		}, () => [C("span", fa, G(n.id), 1)])])], 42, la))), 128))]));
 	}
-}), ba = ["aria-label", "role"], xa = /* @__PURE__ */ D({
+}), ma = ["aria-label", "role"], ha = /* @__PURE__ */ D({
 	__name: "MEmoji",
 	props: {
 		emoji: {},
@@ -4052,9 +3972,9 @@ var ot = /* @__PURE__ */ D({
 			}),
 			"aria-label": e.label,
 			role: e.label ? "img" : void 0
-		}, G(e.emoji), 13, ba));
+		}, G(e.emoji), 13, ma));
 	}
-}), Sa = [
+}), ga = [
 	{
 		id: "smileys",
 		label: "Smileys",
@@ -4121,14 +4041,14 @@ var ot = /* @__PURE__ */ D({
 		icon: "flag",
 		emojis: /* @__PURE__ */ "🏁.🚩.🎌.🏴.🏳️.🏳️‍🌈.🏳️‍⚧️.🏴‍☠️.🇦🇷.🇦🇺.🇧🇷.🇨🇦.🇨🇱.🇨🇳.🇨🇴.🇩🇪.🇪🇸.🇫🇷.🇬🇧.🇮🇹.🇯🇵.🇰🇷.🇲🇽.🇳🇱.🇵🇪.🇵🇹.🇷🇺.🇸🇪.🇺🇸.🇻🇪.🇪🇨.🇧🇴.🇵🇾.🇺🇾.🇨🇷.🇵🇦.🇨🇺.🇩🇴.🇬🇹.🇭🇳.🇳🇮.🇸🇻.🇵🇷.🇮🇳.🇮🇩.🇹🇷.🇵🇭.🇹🇭".split(".")
 	}
-], Ca = Sa.flatMap((e) => e.emojis);
-function wa(e) {
-	let t = e ?? Ca;
+], _a = ga.flatMap((e) => e.emojis);
+function va(e) {
+	let t = e ?? _a;
 	return t[Math.floor(Math.random() * t.length)];
 }
 //#endregion
 //#region src/components/MEmojiButton.vue?vue&type=script&setup=true&lang.ts
-var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__PURE__ */ D({
+var ya = ["aria-label", "disabled"], ba = { class: "leading-none" }, xa = /* @__PURE__ */ D({
 	__name: "MEmojiButton",
 	props: {
 		emoji: { default: "😀" },
@@ -4148,10 +4068,10 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = B(n.emoji);
 		function a() {
-			return n.category ? Sa.find((e) => e.id === n.category)?.emojis ?? Ca : Ca;
+			return n.category ? ga.find((e) => e.id === n.category)?.emojis ?? _a : _a;
 		}
 		function o() {
-			!n.randomOnHover || n.disabled || (i.value = wa(a()));
+			!n.randomOnHover || n.disabled || (i.value = va(a()));
 		}
 		function s() {}
 		function c() {
@@ -4170,15 +4090,15 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			onMouseenter: o,
 			onMouseleave: s,
 			onClick: c
-		}, [C("span", Ea, G(i.value), 1)], 46, Ta));
+		}, [C("span", ba, G(i.value), 1)], 46, ya));
 	}
-}), Oa = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, ka = {
+}), Sa = { class: "flex w-full flex-col overflow-hidden rounded-xl border border-outline-variant bg-surface-container" }, Ca = {
 	key: 0,
 	class: "px-3 pt-3"
-}, Aa = { class: "flex gap-0.5 overflow-x-auto border-b border-outline-variant px-2 py-1.5" }, ja = ["title", "onClick"], Ma = { class: "sticky -top-px z-10 -mx-2 bg-surface-container px-3 py-1.5 text-label-medium text-on-surface-variant" }, Na = ["onClick"], Pa = {
+}, wa = { class: "flex gap-0.5 overflow-x-auto border-b border-outline-variant px-2 py-1.5" }, Ta = ["title", "onClick"], Ea = { class: "sticky -top-px z-10 -mx-2 bg-surface-container px-3 py-1.5 text-label-medium text-on-surface-variant" }, Da = ["onClick"], Oa = {
 	key: 0,
 	class: "py-8 text-center text-body-medium text-on-surface-variant"
-}, Fa = /* @__PURE__ */ D({
+}, ka = /* @__PURE__ */ D({
 	__name: "MEmojiSelector",
 	props: {
 		categories: {},
@@ -4191,7 +4111,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = B(""), a = B(null), o = B(null), s = B({}), l = v(() => n.categories?.length ? Sa.filter((e) => n.categories.includes(e.id)) : Sa), u = v(() => {
+		let n = e, r = t, i = B(""), a = B(null), o = B(null), s = B({}), l = v(() => n.categories?.length ? ga.filter((e) => n.categories.includes(e.id)) : ga), u = v(() => {
 			if (!i.value) return l.value;
 			let e = i.value.toLowerCase();
 			return l.value.map((t) => ({
@@ -4213,15 +4133,15 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		function h(e, t) {
 			t && (s.value[e] = t);
 		}
-		return (t, n) => (L(), S("div", Oa, [
-			e.search ? (L(), S("div", ka, [E(c, {
+		return (t, n) => (L(), S("div", Sa, [
+			e.search ? (L(), S("div", Ca, [E(c, {
 				modelValue: i.value,
 				"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 				label: "Search",
 				"leading-icon": "search",
 				variant: "outlined"
 			}, null, 8, ["modelValue"])])) : x("", !0),
-			C("div", Aa, [(L(!0), S(m, null, V(l.value, (e) => (L(), S("button", {
+			C("div", wa, [(L(!0), S(m, null, V(l.value, (e) => (L(), S("button", {
 				key: e.id,
 				type: "button",
 				title: e.label,
@@ -4230,7 +4150,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			}, [E(f, {
 				name: e.icon,
 				size: 20
-			}, null, 8, ["name"])], 10, ja))), 128))]),
+			}, null, 8, ["name"])], 10, Ta))), 128))]),
 			C("div", {
 				ref_key: "scrollContainer",
 				ref: o,
@@ -4240,7 +4160,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				key: t.id,
 				ref_for: !0,
 				ref: (e) => h(t.id, e)
-			}, [C("p", Ma, G(t.label), 1), C("div", {
+			}, [C("p", Ea, G(t.label), 1), C("div", {
 				class: "grid gap-0.5",
 				style: N({ gridTemplateColumns: `repeat(${e.columns}, 1fr)` })
 			}, [(L(!0), S(m, null, V(t.emojis, (t) => (L(), S("button", {
@@ -4252,10 +4172,10 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					height: `${e.emojiSize + 10}px`
 				}),
 				onClick: (e) => p(t)
-			}, G(t), 13, Na))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (L(), S("p", Pa, " No results ")) : x("", !0)], 512)
+			}, G(t), 13, Da))), 128))], 4)], 512))), 128)), i.value && u.value.length === 0 ? (L(), S("p", Oa, " No results ")) : x("", !0)], 512)
 		]));
 	}
-}), Ia = /* @__PURE__ */ D({
+}), Aa = /* @__PURE__ */ D({
 	__name: "MEmptyState",
 	props: {
 		icon: { default: "inbox" },
@@ -4280,10 +4200,10 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			}, [H(t.$slots, "actions")], 2)) : x("", !0)
 		], 2));
 	}
-}), La = ["aria-expanded", "disabled"], Ra = { class: "flex-1 min-w-0" }, za = { class: "text-body-large font-medium text-on-surface" }, Ba = {
+}), ja = ["aria-expanded", "disabled"], Ma = { class: "flex-1 min-w-0" }, Na = { class: "text-body-large font-medium text-on-surface" }, Pa = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, Va = { class: "expand-body" }, Ha = { class: "border-t border-outline-variant/60 px-5 py-4" }, Ua = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Fa = { class: "expand-body" }, Ia = { class: "border-t border-outline-variant/60 px-5 py-4" }, La = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MExpansionPanel",
 	props: {
 		title: {},
@@ -4321,21 +4241,21 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				size: 22,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : x("", !0),
-			C("div", Ra, [C("p", za, G(e.title), 1), e.subtitle ? (L(), S("p", Ba, G(e.subtitle), 1)) : x("", !0)]),
+			C("div", Ma, [C("p", Na, G(e.title), 1), e.subtitle ? (L(), S("p", Pa, G(e.subtitle), 1)) : x("", !0)]),
 			E(f, {
 				name: "expand_more",
 				size: 22,
 				class: M(["shrink-0 text-on-surface-variant transition-transform duration-200", a.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])
-		], 10, La), C("div", { class: M(["expand-grid", a.value ? "expand-open" : ""]) }, [C("div", Va, [C("div", Ha, [H(t.$slots, "default", {}, void 0, !0)])])], 2)], 2));
+		], 10, ja), C("div", { class: M(["expand-grid", a.value ? "expand-open" : ""]) }, [C("div", Fa, [C("div", Ia, [H(t.$slots, "default", {}, void 0, !0)])])], 2)], 2));
 	}
-}), [["__scopeId", "data-v-31731809"]]), Wa = {
+}), [["__scopeId", "data-v-31731809"]]), Ra = {
 	key: 0,
 	class: "text-label-large font-medium"
-}, Ga = {
+}, za = {
 	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"
-}, Ka = 40, qa = 8, Ja = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Ba = 40, Va = 8, Ha = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MFab",
 	props: {
 		icon: {},
@@ -4398,8 +4318,8 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				let t = 2 * Math.PI * e / a - Math.PI / 2, n = (Math.cos(t) * 80).toFixed(1), s = (Math.sin(t) * 80).toFixed(1);
 				return {
 					position: "fixed",
-					top: `${i - Ka / 2}px`,
-					left: `${r - Ka / 2}px`,
+					top: `${i - Ba / 2}px`,
+					left: `${r - Ba / 2}px`,
 					transform: o.value ? `translate(${n}px, ${s}px) scale(1)` : "translate(0,0) scale(0)",
 					opacity: o.value ? "1" : "0",
 					transition: c,
@@ -4407,22 +4327,22 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					zIndex: "1000"
 				};
 			}
-			let l = w.value / 2 + qa + Ka / 2 + e * 48, u = {
+			let l = w.value / 2 + Va + Ba / 2 + e * 48, u = {
 				up: {
-					top: `${i - l - Ka / 2}px`,
-					left: `${r - Ka / 2}px`
+					top: `${i - l - Ba / 2}px`,
+					left: `${r - Ba / 2}px`
 				},
 				down: {
-					top: `${i + l - Ka / 2}px`,
-					left: `${r - Ka / 2}px`
+					top: `${i + l - Ba / 2}px`,
+					left: `${r - Ba / 2}px`
 				},
 				left: {
-					top: `${i - Ka / 2}px`,
-					left: `${r - l - Ka / 2}px`
+					top: `${i - Ba / 2}px`,
+					left: `${r - l - Ba / 2}px`
 				},
 				right: {
-					top: `${i - Ka / 2}px`,
-					left: `${r + l - Ka / 2}px`
+					top: `${i - Ba / 2}px`,
+					left: `${r + l - Ba / 2}px`
 				}
 			}, d = {
 				up: "translateY(12px) scale(0.75)",
@@ -4519,7 +4439,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				"name",
 				"size",
 				"class"
-			]), e.label ? (L(), S("span", Wa, G(e.label), 1)) : x("", !0)]),
+			]), e.label ? (L(), S("span", Ra, G(e.label), 1)) : x("", !0)]),
 			_: 1
 		}, 40, [
 			"to",
@@ -4530,13 +4450,13 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			key: n,
 			style: N(D(n)),
 			class: M(["flex items-center gap-3", O.value ? "flex-row-reverse" : ""])
-		}, [t.label && O.value ? (L(), S("span", Ga, G(t.label), 1)) : x("", !0), (L(), b(W(t.to ? "RouterLink" : "button"), {
+		}, [t.label && O.value ? (L(), S("span", za, G(t.label), 1)) : x("", !0), (L(), b(W(t.to ? "RouterLink" : "button"), {
 			to: t.to || void 0,
 			type: t.to ? void 0 : "button",
 			class: M(["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]", p[e.color]]),
 			style: N({
-				width: `${Ka}px`,
-				height: `${Ka}px`
+				width: `${Ba}px`,
+				height: `${Ba}px`
 			}),
 			onPointerdown: (e) => U(e, t, e.currentTarget)
 		}, {
@@ -4565,17 +4485,17 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			_: 3
 		})]))], 64));
 	}
-}), [["__scopeId", "data-v-02ba313e"]]), Ya = { class: "flex flex-col gap-3" }, Xa = { class: "text-center" }, Za = { class: "text-body-large text-on-surface" }, Qa = { class: "font-medium text-primary" }, $a = {
+}), [["__scopeId", "data-v-02ba313e"]]), Ua = { class: "flex flex-col gap-3" }, Wa = { class: "text-center" }, Ga = { class: "text-body-large text-on-surface" }, Ka = { class: "font-medium text-primary" }, qa = {
 	key: 0,
 	class: "mt-1 text-body-small text-on-surface-variant"
-}, eo = { key: 0 }, to = { key: 1 }, no = { key: 2 }, ro = [
+}, Ja = { key: 0 }, Ya = { key: 1 }, Xa = { key: 2 }, Za = [
 	"accept",
 	"multiple",
 	"disabled"
-], io = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, ao = ["src"], oo = { class: "min-w-0 flex-1" }, so = { class: "truncate text-body-medium text-on-surface" }, co = { class: "text-body-small text-on-surface-variant" }, lo = {
+], Qa = { class: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-container-high" }, $a = ["src"], eo = { class: "min-w-0 flex-1" }, to = { class: "truncate text-body-medium text-on-surface" }, no = { class: "text-body-small text-on-surface-variant" }, ro = {
 	key: 0,
 	class: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-surface-container-highest"
-}, uo = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, io = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MFileUpload",
 	props: {
 		accept: {},
@@ -4627,7 +4547,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		function O() {
 			i.disabled || u.value?.click();
 		}
-		return (t, r) => (L(), S("div", Ya, [
+		return (t, r) => (L(), S("div", Ua, [
 			C("div", {
 				class: M(["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", [e.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,
@@ -4639,10 +4559,10 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				name: l.value ? "downloading" : "cloud_upload",
 				size: 40,
 				class: "text-on-surface-variant"
-			}, null, 8, ["name"]), C("div", Xa, [H(t.$slots, "dropzone", {}, () => [C("p", Za, [T(G(e.dropText ?? K(n).dropText) + " ", 1), C("span", Qa, G(e.selectText ?? K(n).selectText), 1)]), e.accept || e.maxSize ? (L(), S("p", $a, [
-				e.accept ? (L(), S("span", eo, G(e.accept), 1)) : x("", !0),
-				e.accept && e.maxSize ? (L(), S("span", to, " · ")) : x("", !0),
-				e.maxSize ? (L(), S("span", no, G(e.maxSizePrefix ?? K(n).maxSizePrefix) + " " + G(h(e.maxSize)), 1)) : x("", !0)
+			}, null, 8, ["name"]), C("div", Wa, [H(t.$slots, "dropzone", {}, () => [C("p", Ga, [T(G(e.dropText ?? K(n).dropText) + " ", 1), C("span", Ka, G(e.selectText ?? K(n).selectText), 1)]), e.accept || e.maxSize ? (L(), S("p", qa, [
+				e.accept ? (L(), S("span", Ja, G(e.accept), 1)) : x("", !0),
+				e.accept && e.maxSize ? (L(), S("span", Ya, " · ")) : x("", !0),
+				e.maxSize ? (L(), S("span", Xa, G(e.maxSizePrefix ?? K(n).maxSizePrefix) + " " + G(h(e.maxSize)), 1)) : x("", !0)
 			])) : x("", !0)], !0)])], 34),
 			C("input", {
 				ref_key: "inputRef",
@@ -4653,7 +4573,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				multiple: e.multiple,
 				disabled: e.disabled,
 				onChange: w
-			}, null, 40, ro),
+			}, null, 40, Za),
 			E(_, {
 				name: "m3-file",
 				tag: "div",
@@ -4663,20 +4583,20 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					key: t.id,
 					class: "flex items-center gap-3 rounded-lg bg-surface-container p-3"
 				}, [
-					C("div", io, [t.preview ? (L(), S("img", {
+					C("div", Qa, [t.preview ? (L(), S("img", {
 						key: 0,
 						src: t.preview,
 						class: "h-full w-full object-cover"
-					}, null, 8, ao)) : (L(), b(f, {
+					}, null, 8, $a)) : (L(), b(f, {
 						key: 1,
 						name: "description",
 						size: 24,
 						class: "text-on-surface-variant"
 					}))]),
-					C("div", oo, [
-						C("p", so, G(t.file.name), 1),
-						C("p", co, G(h(t.file.size)), 1),
-						t.status === "uploading" ? (L(), S("div", lo, [C("div", {
+					C("div", eo, [
+						C("p", to, G(t.file.name), 1),
+						C("p", no, G(h(t.file.size)), 1),
+						t.status === "uploading" ? (L(), S("div", ro, [C("div", {
 							class: "h-full rounded-full bg-primary transition-[width] duration-300",
 							style: N({ width: `${t.progress}%` })
 						}, null, 4)])) : x("", !0)
@@ -4706,7 +4626,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-6b150427"]]), fo = /* @__PURE__ */ D({
+}), [["__scopeId", "data-v-6b150427"]]), ao = /* @__PURE__ */ D({
 	__name: "MFixed",
 	props: {
 		placement: {},
@@ -4752,19 +4672,19 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		});
 		return (e, t) => (L(), S("div", { style: N(r.value) }, [H(e.$slots, "default")], 4));
 	}
-}), po = {
+}), oo = {
 	key: 0,
 	class: "px-6 pt-6 pb-2 sm:px-8 lg:px-12"
-}, mo = {
+}, so = {
 	key: 1,
 	class: "px-6 py-6 sm:px-8 lg:px-12"
-}, ho = {
+}, co = {
 	key: 2,
 	class: "flex flex-wrap items-center gap-1 px-6 pb-4 sm:px-8 lg:px-12"
-}, go = {
+}, lo = {
 	key: 3,
 	class: "border-t border-outline-variant px-6 py-4 sm:px-8 lg:px-12"
-}, _o = /* @__PURE__ */ D({
+}, uo = /* @__PURE__ */ D({
 	__name: "MFooter",
 	props: {
 		bordered: { type: Boolean },
@@ -4779,13 +4699,13 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			inverse: "bg-inverse-surface text-inverse-on-surface"
 		};
 		return (n, r) => (L(), S("footer", { class: M(["w-full", [t[e.surface], e.bordered ? "border-t border-outline-variant" : ""]]) }, [
-			n.$slots.brand ? (L(), S("div", po, [H(n.$slots, "brand")])) : x("", !0),
-			n.$slots.default ? (L(), S("div", mo, [H(n.$slots, "default")])) : x("", !0),
-			n.$slots.social ? (L(), S("div", ho, [H(n.$slots, "social")])) : x("", !0),
-			n.$slots.bottom ? (L(), S("div", go, [H(n.$slots, "bottom")])) : x("", !0)
+			n.$slots.brand ? (L(), S("div", oo, [H(n.$slots, "brand")])) : x("", !0),
+			n.$slots.default ? (L(), S("div", so, [H(n.$slots, "default")])) : x("", !0),
+			n.$slots.social ? (L(), S("div", co, [H(n.$slots, "social")])) : x("", !0),
+			n.$slots.bottom ? (L(), S("div", lo, [H(n.$slots, "bottom")])) : x("", !0)
 		], 2));
 	}
-}), vo = /* @__PURE__ */ D({
+}), fo = /* @__PURE__ */ D({
 	__name: "MFlex",
 	props: {
 		direction: { default: "row" },
@@ -4837,7 +4757,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		]);
 		return (e, t) => (L(), S("div", { class: M(o.value) }, [H(e.$slots, "default")], 2));
 	}
-}), yo = /* @__PURE__ */ D({
+}), po = /* @__PURE__ */ D({
 	__name: "MFullscreen",
 	props: {
 		fixed: {
@@ -4854,7 +4774,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		}));
 		return (e, t) => (L(), S("div", { style: N(n.value) }, [H(e.$slots, "default")], 4));
 	}
-}), bo = /* @__PURE__ */ D({
+}), mo = /* @__PURE__ */ D({
 	__name: "MGrid",
 	props: {
 		cols: { default: 1 },
@@ -4930,13 +4850,13 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		]);
 		return (e, t) => (L(), S("div", { class: M(l.value) }, [H(e.$slots, "default")], 2));
 	}
-}), xo = {
+}), ho = {
 	key: 0,
 	class: "flex flex-col gap-4"
-}, So = {
+}, go = {
 	key: 0,
 	class: "mb-2 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Co = { class: "flex flex-col gap-1" }, wo = { class: "text-body-medium text-on-surface" }, To = { class: "flex items-center gap-0.5" }, Eo = /* @__PURE__ */ D({
+}, _o = { class: "flex flex-col gap-1" }, vo = { class: "text-body-medium text-on-surface" }, yo = { class: "flex items-center gap-0.5" }, bo = /* @__PURE__ */ D({
 	__name: "MHotkeys",
 	props: {
 		bindings: {},
@@ -4993,15 +4913,15 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			}
 			return e;
 		};
-		return (t, n) => e.showOverlay ? (L(), S("div", xo, [(L(!0), S(m, null, V(s(), ([e, t]) => (L(), S("div", { key: e }, [e ? (L(), S("p", So, G(e), 1)) : x("", !0), C("div", Co, [(L(!0), S(m, null, V(t, (e) => (L(), S("div", {
+		return (t, n) => e.showOverlay ? (L(), S("div", ho, [(L(!0), S(m, null, V(s(), ([e, t]) => (L(), S("div", { key: e }, [e ? (L(), S("p", go, G(e), 1)) : x("", !0), C("div", _o, [(L(!0), S(m, null, V(t, (e) => (L(), S("div", {
 			key: e.keys,
 			class: M(["flex items-center justify-between rounded-lg px-3 py-2 transition-colors hover:bg-on-surface/4", e.disabled && "opacity-38"])
-		}, [C("span", wo, G(e.label), 1), C("div", To, [(L(!0), S(m, null, V(e.keys.split("+"), (e, t) => (L(), S("kbd", {
+		}, [C("span", vo, G(e.label), 1), C("div", yo, [(L(!0), S(m, null, V(e.keys.split("+"), (e, t) => (L(), S("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"
 		}, G(r(e.trim())), 1))), 128))])], 2))), 128))])]))), 128))])) : x("", !0);
 	}
-}), Do = { class: "flex items-center gap-3" }, Oo = { class: "text-body-medium text-on-surface-variant" }, ko = { class: "text-body-small text-on-surface-variant" }, Ao = /* @__PURE__ */ D({
+}), xo = { class: "flex items-center gap-3" }, So = { class: "text-body-medium text-on-surface-variant" }, Co = { class: "text-body-small text-on-surface-variant" }, wo = /* @__PURE__ */ D({
 	__name: "MInfiniteScroll",
 	props: {
 		loading: {
@@ -5032,30 +4952,30 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			ref_key: "sentinelRef",
 			ref: s,
 			class: "flex items-center justify-center py-4"
-		}, [e.loading ? H(t.$slots, "loading", { key: 0 }, () => [C("div", Do, [E(a, {
+		}, [e.loading ? H(t.$slots, "loading", { key: 0 }, () => [C("div", xo, [E(a, {
 			size: 20,
 			class: "text-primary"
-		}), C("span", Oo, G(e.loadingText ?? K(n).loadingMore), 1)])]) : e.ended ? H(t.$slots, "end", { key: 1 }, () => [C("p", ko, G(e.endText ?? K(n).noMoreItems), 1)]) : H(t.$slots, "idle", { key: 2 })], 512)]));
+		}), C("span", So, G(e.loadingText ?? K(n).loadingMore), 1)])]) : e.ended ? H(t.$slots, "end", { key: 1 }, () => [C("p", Co, G(e.endText ?? K(n).noMoreItems), 1)]) : H(t.$slots, "idle", { key: 2 })], 512)]));
 	}
-}), jo = {
+}), To = {
 	key: 0,
 	class: "text-tertiary"
-}, Mo = { class: "text-on-surface-variant" }, No = {
+}, Eo = { class: "text-on-surface-variant" }, Do = {
 	key: 1,
 	class: "text-on-surface-variant/60"
-}, Po = {
+}, Oo = {
 	key: 2,
 	class: "text-on-surface-variant"
-}, Fo = {
+}, ko = {
 	key: 0,
 	class: "ml-5 border-l border-outline-variant/40 pl-2"
-}, Io = { class: "shrink-0 text-primary" }, Lo = {
+}, Ao = { class: "shrink-0 text-primary" }, jo = {
 	key: 0,
 	class: "shrink-0 text-on-surface-variant mr-1"
-}, Ro = {
+}, Mo = {
 	key: 1,
 	class: "ml-5 text-on-surface-variant"
-}, zo = /* @__PURE__ */ D({
+}, No = /* @__PURE__ */ D({
 	__name: "MJsonViewer",
 	props: {
 		data: {},
@@ -5096,17 +5016,17 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 						size: 16,
 						class: "text-on-surface-variant transition-transform duration-100"
 					}, null, 8, ["name"]),
-					e._depth === 0 || e.rootName ? (L(), S("span", jo, G(e._depth === 0 ? e.rootName : ""), 1)) : x("", !0),
-					C("span", Mo, G(s.value), 1),
-					n.value ? x("", !0) : (L(), S("span", No, G(o.value) + " " + G(r.value === "array" ? "elementos" : "campos"), 1)),
-					n.value ? x("", !0) : (L(), S("span", Po, G(c.value), 1))
+					e._depth === 0 || e.rootName ? (L(), S("span", To, G(e._depth === 0 ? e.rootName : ""), 1)) : x("", !0),
+					C("span", Eo, G(s.value), 1),
+					n.value ? x("", !0) : (L(), S("span", Do, G(o.value) + " " + G(r.value === "array" ? "elementos" : "campos"), 1)),
+					n.value ? x("", !0) : (L(), S("span", Oo, G(c.value), 1))
 				]),
-				n.value ? (L(), S("div", Fo, [(L(!0), S(m, null, V(a.value, (t) => (L(), S("div", {
+				n.value ? (L(), S("div", ko, [(L(!0), S(m, null, V(a.value, (t) => (L(), S("div", {
 					key: t.key,
 					class: "flex items-start"
 				}, [
-					C("span", Io, G(r.value === "array" ? "" : `"${t.key}"`), 1),
-					r.value === "array" ? x("", !0) : (L(), S("span", Lo, ":")),
+					C("span", Ao, G(r.value === "array" ? "" : `"${t.key}"`), 1),
+					r.value === "array" ? x("", !0) : (L(), S("span", jo, ":")),
 					t.value !== null && typeof t.value == "object" ? (L(), b(p, {
 						key: 1,
 						data: t.value,
@@ -5123,21 +5043,21 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 						class: M(l(t.value))
 					}, G(u(t.value)), 3))
 				]))), 128))])) : x("", !0),
-				n.value ? (L(), S("span", Ro, G(c.value), 1)) : x("", !0)
+				n.value ? (L(), S("span", Mo, G(c.value), 1)) : x("", !0)
 			], 64)) : (L(), S("span", {
 				key: 1,
 				class: M(l(e.data))
 			}, G(u(e.data)), 3))], 2);
 		};
 	}
-}), Bo = { class: "flex gap-4 overflow-x-auto pb-2" }, Vo = ["onDragover", "onDrop"], Ho = { class: "flex items-center gap-2 px-4 py-3" }, Uo = { class: "flex-1 text-title-small font-medium text-on-surface" }, Wo = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, Go = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, Ko = [
+}), Po = { class: "flex gap-4 overflow-x-auto pb-2" }, Fo = ["onDragover", "onDrop"], Io = { class: "flex items-center gap-2 px-4 py-3" }, Lo = { class: "flex-1 text-title-small font-medium text-on-surface" }, Ro = { class: "rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant" }, zo = { class: "flex min-h-[60px] flex-1 flex-col gap-2 px-3 pb-3" }, Bo = [
 	"onDragstart",
 	"onDragover",
 	"onClick"
-], qo = { class: "text-body-medium text-on-surface" }, Jo = {
+], Vo = { class: "text-body-medium text-on-surface" }, Ho = {
 	key: 0,
 	class: "flex flex-1 items-center justify-center rounded-lg border border-dashed border-outline-variant/50 p-4"
-}, Yo = /* @__PURE__ */ D({
+}, Uo = /* @__PURE__ */ D({
 	__name: "MKanban",
 	props: { modelValue: {} },
 	emits: [
@@ -5196,20 +5116,20 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		function f() {
 			i.value = null, a.value = null, o.value = null;
 		}
-		return (t, n) => (L(), S("div", Bo, [(L(!0), S(m, null, V(e.modelValue, (e) => (L(), S("div", {
+		return (t, n) => (L(), S("div", Po, [(L(!0), S(m, null, V(e.modelValue, (e) => (L(), S("div", {
 			key: e.id,
 			class: M(["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)
-		}, [C("div", Ho, [
+		}, [C("div", Io, [
 			e.color ? (L(), S("div", {
 				key: 0,
 				class: M(["h-2.5 w-2.5 rounded-full", s[e.color] ?? "bg-primary"])
 			}, null, 2)) : x("", !0),
-			C("h3", Uo, G(e.title), 1),
-			C("span", Wo, G(e.cards.length), 1)
-		]), C("div", Go, [(L(!0), S(m, null, V(e.cards, (n, s) => (L(), S("div", {
+			C("h3", Lo, G(e.title), 1),
+			C("span", Ro, G(e.cards.length), 1)
+		]), C("div", zo, [(L(!0), S(m, null, V(e.cards, (n, s) => (L(), S("div", {
 			key: n.id,
 			draggable: "true",
 			class: M(["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" : ""]]),
@@ -5223,9 +5143,9 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		}, [H(t.$slots, "card", {
 			card: n,
 			column: e
-		}, () => [C("p", qo, G(n.id), 1)])], 42, Ko))), 128)), e.cards.length === 0 ? (L(), S("div", Jo, [...n[1] ||= [C("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : x("", !0)])], 42, Vo))), 128))]));
+		}, () => [C("p", Vo, G(n.id), 1)])], 42, Bo))), 128)), e.cards.length === 0 ? (L(), S("div", Ho, [...n[1] ||= [C("p", { class: "text-body-small text-on-surface-variant/60" }, "Sin tarjetas", -1)]])) : x("", !0)])], 42, Fo))), 128))]));
 	}
-}), Xo = /* @__PURE__ */ D({
+}), Wo = /* @__PURE__ */ D({
 	__name: "MList",
 	props: {
 		dense: {
@@ -5274,10 +5194,10 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			class: M(i.value)
 		}, [H(e.$slots, "default")], 2));
 	}
-}), Zo = ["checked", "disabled"], Qo = {
+}), Go = ["checked", "disabled"], Ko = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, $o = /* @__PURE__ */ D({
+}, qo = /* @__PURE__ */ D({
 	__name: "MSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -5299,7 +5219,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			checked: e.modelValue,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", !e.modelValue)
-		}, null, 40, Zo), C("span", {
+		}, null, 40, Go), C("span", {
 			class: M(["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: N(i.value)
 		}, [E(g, {
@@ -5317,21 +5237,21 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				class: "text-primary"
 			})) : x("", !0)]),
 			_: 1
-		})], 6)], 2), e.label ? (L(), S("span", Qo, G(e.label), 1)) : x("", !0)], 2));
+		})], 6)], 2), e.label ? (L(), S("span", Ko, G(e.label), 1)) : x("", !0)], 2));
 	}
-}), es = {
+}), Jo = {
 	key: 0,
 	role: "listitem"
-}, ts = { class: "min-w-0 flex-1" }, ns = { class: "truncate text-body-large text-on-surface" }, rs = {
+}, Yo = { class: "min-w-0 flex-1" }, Xo = { class: "truncate text-body-large text-on-surface" }, Zo = {
 	key: 0,
 	class: "mli-expand-grid"
-}, is = { class: "mli-expand-body" }, as = ["src"], os = { class: "min-w-0 flex-1" }, ss = { class: "truncate text-body-large text-on-surface" }, cs = {
+}, Qo = { class: "mli-expand-body" }, $o = ["src"], es = { class: "min-w-0 flex-1" }, ts = { class: "truncate text-body-large text-on-surface" }, ns = {
 	key: 1,
 	class: "line-clamp-2 text-body-small text-on-surface-variant"
-}, ls = {
+}, rs = {
 	key: 1,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, us = /* @__PURE__ */ D({
+}, is = /* @__PURE__ */ D({
 	__name: "MListItem",
 	props: {
 		title: {},
@@ -5404,7 +5324,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		function P() {
 			r("update:trailingValue", !n.trailingValue);
 		}
-		return (t, n) => e.expandable ? (L(), S("li", es, [C("div", {
+		return (t, n) => e.expandable ? (L(), S("li", Jo, [C("div", {
 			class: M(T.value),
 			onClick: N
 		}, [
@@ -5414,7 +5334,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				size: 24,
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])) : x("", !0)]),
-			C("div", ts, [H(t.$slots, "default", {}, () => [C("p", ns, G(e.title), 1), e.subtitle && c.value >= 2 ? (L(), S("p", {
+			C("div", Yo, [H(t.$slots, "default", {}, () => [C("p", Xo, G(e.title), 1), e.subtitle && c.value >= 2 ? (L(), S("p", {
 				key: 0,
 				class: M(["text-body-medium text-on-surface-variant", c.value === 2 && "truncate"])
 			}, G(e.subtitle), 3)) : x("", !0)])]),
@@ -5424,7 +5344,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				class: "shrink-0 text-on-surface-variant"
 			}, null, 8, ["name"])
 		], 2), E(g, { name: "mli-expand" }, {
-			default: Z(() => [o.value ? (L(), S("div", rs, [C("div", is, [H(t.$slots, "children")])])) : x("", !0)]),
+			default: Z(() => [o.value ? (L(), S("div", Zo, [C("div", Qo, [H(t.$slots, "children")])])) : x("", !0)]),
 			_: 3
 		})])) : (L(), b(W(D.value), A({
 			key: 1,
@@ -5459,25 +5379,25 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					src: e.image,
 					alt: "",
 					class: "h-14 w-14 shrink-0 rounded-md object-cover"
-				}, null, 8, as)) : d.value === "checkbox" ? (L(), b(zn, {
+				}, null, 8, $o)) : d.value === "checkbox" ? (L(), b(zn, {
 					key: 4,
 					"model-value": u.value,
 					class: "shrink-0"
 				}, null, 8, ["model-value"])) : x("", !0)]),
-				C("div", os, [H(t.$slots, "default", {}, () => [
-					C("p", ss, G(e.title), 1),
+				C("div", es, [H(t.$slots, "default", {}, () => [
+					C("p", ts, G(e.title), 1),
 					e.subtitle && c.value >= 2 ? (L(), S("p", {
 						key: 0,
 						class: M(["text-body-medium text-on-surface-variant", c.value === 2 && "truncate"])
 					}, G(e.subtitle), 3)) : x("", !0),
-					e.description && c.value >= 3 ? (L(), S("p", cs, G(e.description), 1)) : x("", !0)
+					e.description && c.value >= 3 ? (L(), S("p", ns, G(e.description), 1)) : x("", !0)
 				])]),
 				H(t.$slots, "trailing", {}, () => [p.value === "icon" ? (L(), b(f, {
 					key: 0,
 					name: e.trailingIcon,
 					size: 24,
 					class: "shrink-0 text-on-surface-variant"
-				}, null, 8, ["name"])) : p.value === "text" ? (L(), S("span", ls, G(e.trailingText), 1)) : p.value === "switch" ? (L(), b($o, {
+				}, null, 8, ["name"])) : p.value === "text" ? (L(), S("span", rs, G(e.trailingText), 1)) : p.value === "switch" ? (L(), b(qo, {
 					key: 2,
 					"model-value": !!e.trailingValue,
 					"onUpdate:modelValue": P
@@ -5490,7 +5410,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ds = /* @__PURE__ */ D({
+}), as = /* @__PURE__ */ D({
 	__name: "MListSubheader",
 	props: { inset: {
 		type: Boolean,
@@ -5502,16 +5422,16 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			role: "presentation"
 		}, [H(t.$slots, "default")], 2));
 	}
-}), fs = {
+}), os = {
 	key: 0,
 	class: "text-body-large text-on-surface-variant"
-}, ps = {
+}, ss = {
 	key: 1,
 	class: "relative"
-}, ms = {
+}, cs = {
 	key: 0,
 	class: "text-body-medium text-on-surface-variant"
-}, hs = /* @__PURE__ */ D({
+}, ls = /* @__PURE__ */ D({
 	__name: "MLoadingOverlay",
 	props: {
 		visible: { type: Boolean },
@@ -5544,11 +5464,11 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (L(), S("p", fs, G(e.text), 1)) : x("", !0),
+				e.text ? (L(), S("p", os, G(e.text), 1)) : x("", !0),
 				H(t.$slots, "default")
 			], 2)) : x("", !0)]),
 			_: 3
-		})])) : (L(), S("div", ps, [H(t.$slots, "content"), E(g, {
+		})])) : (L(), S("div", ss, [H(t.$slots, "content"), E(g, {
 			"enter-active-class": "transition-opacity duration-200",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-150",
@@ -5562,13 +5482,13 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					size: e.spinnerSize,
 					class: "text-primary"
 				}, null, 8, ["size"]),
-				e.text ? (L(), S("p", ms, G(e.text), 1)) : x("", !0),
+				e.text ? (L(), S("p", cs, G(e.text), 1)) : x("", !0),
 				H(t.$slots, "default")
 			], 2)) : x("", !0)]),
 			_: 3
 		})]));
 	}
-}), gs = /* @__PURE__ */ D({
+}), us = /* @__PURE__ */ D({
 	__name: "MMasonry",
 	props: {
 		cols: { default: 2 },
@@ -5619,28 +5539,33 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			class: "relative w-full"
 		}, [H(e.$slots, "default")], 512));
 	}
-}), _s = { class: "flex flex-col gap-1" }, vs = [
+}), ds = {}, fs = { class: "my-1 border-outline-variant" };
+function ps(e, t) {
+	return L(), S("hr", fs);
+}
+var ms = /*#__PURE__*/ p(ds, [["render", ps]]), hs = { class: "flex flex-col gap-1" }, gs = [
 	"id",
 	"value",
 	"disabled",
 	"required"
-], ys = ["for"], bs = {
+], _s = ["for"], vs = {
 	key: 0,
 	class: "text-error"
-}, xs = {
+}, ys = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Ss = {
+}, bs = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Cs = /* @__PURE__ */ D({
+}, xs = /* @__PURE__ */ D({
 	__name: "MMaskField",
 	props: {
 		modelValue: {},
 		label: {},
 		mask: {},
 		variant: { default: "filled" },
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		disabled: { type: Boolean },
 		required: { type: Boolean },
@@ -5729,7 +5654,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				i.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, n) => (L(), S("div", _s, [C("div", {
+		return (t, n) => (L(), S("div", hs, [C("div", {
 			ref_key: "fieldBgEl",
 			ref: s,
 			class: M(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -5755,11 +5680,11 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				class: M(D.value),
 				onInput: y,
 				onKeydown: b
-			}, null, 42, vs),
+			}, null, 42, gs),
 			C("label", {
 				for: K(o),
 				class: M(O.value)
-			}, [T(G(e.label), 1), e.required ? (L(), S("span", bs, "\xA0*")) : x("", !0)], 10, ys),
+			}, [T(G(e.label), 1), e.required ? (L(), S("span", vs, "\xA0*")) : x("", !0)], 10, _s),
 			h.value ? (L(), S("button", {
 				key: 1,
 				type: "button",
@@ -5771,31 +5696,31 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				name: "close",
 				size: 18
 			})])) : x("", !0)
-		], 6), e.error ? (L(), S("p", xs, G(e.error), 1)) : e.hint ? (L(), S("p", Ss, G(e.hint), 1)) : x("", !0)]));
+		], 6), e.error && e.errorLabel ? (L(), S("p", ys, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", bs, G(e.hint), 1)) : x("", !0)]));
 	}
-}), ws = { class: "flex flex-col gap-1" }, Ts = ["onClick"], Es = ["title"], Ds = [
+}), Ss = { class: "flex flex-col gap-1" }, Cs = ["onClick"], ws = ["title"], Ts = [
 	"id",
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-expanded",
 	"aria-disabled"
-], Os = ["for"], ks = {
+], Es = ["for"], Ds = {
 	key: 0,
 	class: "text-error"
-}, As = { class: "pointer-events-none absolute right-2 top-4" }, js = {
+}, Os = { class: "pointer-events-none absolute right-2 top-4" }, ks = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Ms = {
+}, As = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Ns = { class: "flex flex-col py-1" }, Ps = ["onMousedown"], Fs = { class: "text-body-large text-on-surface" }, Is = {
+}, js = { class: "flex flex-col py-1" }, Ms = ["onMousedown"], Ns = { class: "text-body-large text-on-surface" }, Ps = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, Ls = { class: "mac-modal-box flex max-h-[80vh] w-full max-w-sm flex-col overflow-hidden rounded-[28px] bg-surface-container-high shadow-elevation-3" }, Rs = { class: "flex items-center justify-between px-6 pt-6 pb-4" }, zs = { class: "text-headline-small text-on-surface" }, Bs = { class: "px-6 pb-3" }, Vs = { class: "flex items-center gap-2 rounded-full bg-surface-container-highest px-3 py-2" }, Hs = ["value", "placeholder"], Us = { class: "flex-1 overflow-y-auto py-2" }, Ws = { class: "text-body-large text-on-surface" }, Gs = {
+}, Fs = { class: "mac-modal-box flex max-h-[80vh] w-full max-w-sm flex-col overflow-hidden rounded-[28px] bg-surface-container-high shadow-elevation-3" }, Is = { class: "flex items-center justify-between px-6 pt-6 pb-4" }, Ls = { class: "text-headline-small text-on-surface" }, Rs = { class: "px-6 pb-3" }, zs = { class: "flex items-center gap-2 rounded-full bg-surface-container-highest px-3 py-2" }, Bs = ["value", "placeholder"], Vs = { class: "flex-1 overflow-y-auto py-2" }, Hs = { class: "text-body-large text-on-surface" }, Us = {
 	key: 0,
 	class: "px-6 py-4 text-center text-body-medium text-on-surface-variant"
-}, Ks = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Ws = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MMultiAutocomplete",
 	props: {
 		modelValue: { default: () => [] },
@@ -5808,7 +5733,8 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			type: Boolean,
 			default: !1
 		},
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		required: {
 			type: Boolean,
@@ -5990,7 +5916,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				u.value ? i.error ? "text-error" : "text-primary" : i.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (L(), S(m, null, [C("div", ws, [C("div", {
+		return (t, n) => (L(), S(m, null, [C("div", Ss, [C("div", {
 			ref_key: "fieldEl",
 			ref: w,
 			class: M(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -6017,13 +5943,13 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				}, [E(f, {
 					name: "close",
 					size: 12
-				})], 8, Ts)]))), 128)),
+				})], 8, Cs)]))), 128)),
 				re.value > 0 && !ie.value ? (L(), S("span", {
 					key: 0,
 					title: $.value,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
 					onClick: n[0] ||= Q((e) => ie.value = !0, ["stop"])
-				}, " +" + G(re.value), 9, Es)) : x("", !0),
+				}, " +" + G(re.value), 9, ws)) : x("", !0),
 				ie.value && e.modelValue.length > e.maxChips ? (L(), S("span", {
 					key: 1,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
@@ -6049,11 +5975,11 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				onBlur: pe,
 				onInput: me,
 				onKeydown: _e
-			}, null, 40, Ds)], 2),
+			}, null, 40, Ts)], 2),
 			C("label", {
 				for: K(c),
 				class: M(Se.value)
-			}, [T(G(e.label), 1), e.required ? (L(), S("span", ks, "\xA0*")) : x("", !0)], 10, Os),
+			}, [T(G(e.label), 1), e.required ? (L(), S("span", Ds, "\xA0*")) : x("", !0)], 10, Es),
 			e.clearable && ee.value && !e.disabled ? (L(), S("button", {
 				key: 1,
 				type: "button",
@@ -6065,12 +5991,12 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				name: "close",
 				size: 18
 			})])) : x("", !0),
-			C("div", As, [E(f, {
+			C("div", Os, [E(f, {
 				name: "arrow_drop_down",
 				size: 24,
 				class: M(["text-on-surface-variant transition-transform duration-200", u.value || d.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])])
-		], 6), e.error ? (L(), S("p", js, G(e.error), 1)) : e.hint ? (L(), S("p", Ms, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
+		], 6), e.error && e.errorLabel ? (L(), S("p", ks, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", As, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
 			"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",
@@ -6084,7 +6010,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				ref: k,
 				class: "fixed z-500 max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
 				style: N(A.value)
-			}, [C("div", Ns, [(L(!0), S(m, null, V(te.value, (t, n) => (L(), S("label", {
+			}, [C("div", js, [(L(!0), S(m, null, V(te.value, (t, n) => (L(), S("label", {
 				key: n,
 				"data-option": "",
 				class: M(["flex cursor-pointer items-center gap-3 px-4 py-2 hover:bg-on-surface/8", [t.disabled ? "cursor-not-allowed opacity-38" : "", ye(t) === y.value && !t.disabled ? "bg-on-surface/12" : ""]]),
@@ -6092,20 +6018,20 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			}, [E(zn, {
 				"model-value": Y(e.modelValue, t.value),
 				disabled: t.disabled
-			}, null, 8, ["model-value", "disabled"]), C("span", Fs, G(t.label), 1)], 42, Ps))), 128)), te.value.length ? x("", !0) : (L(), S("p", Is, G(ne.value), 1))])], 4)) : x("", !0)]),
+			}, null, 8, ["model-value", "disabled"]), C("span", Ns, G(t.label), 1)], 42, Ms))), 128)), te.value.length ? x("", !0) : (L(), S("p", Ps, G(ne.value), 1))])], 4)) : x("", !0)]),
 			_: 1
 		}), E(g, { name: "m3-mac-modal" }, {
 			default: Z(() => [d.value && e.mode === "modal" ? (L(), S("div", {
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
 				onClick: Q(de, ["self"])
-			}, [C("div", Ls, [
-				C("div", Rs, [C("h2", zs, G(e.label || e.placeholder), 1), E(s, {
+			}, [C("div", Fs, [
+				C("div", Is, [C("h2", Ls, G(e.label || e.placeholder), 1), E(s, {
 					icon: "close",
 					label: K(o).close,
 					onClick: de
 				}, null, 8, ["label"])]),
-				C("div", Bs, [C("div", Vs, [E(f, {
+				C("div", Rs, [C("div", zs, [E(f, {
 					name: "search",
 					size: 16,
 					class: "shrink-0 text-on-surface-variant"
@@ -6115,9 +6041,9 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					placeholder: K(o).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant",
 					onInput: n[4] ||= (e) => W(e.target.value)
-				}, null, 40, Hs)])]),
+				}, null, 40, Bs)])]),
 				n[5] ||= C("div", { class: "h-px bg-outline-variant" }, null, -1),
-				C("div", Us, [(L(!0), S(m, null, V(le.value, (t, n) => (L(), S("label", {
+				C("div", Vs, [(L(!0), S(m, null, V(le.value, (t, n) => (L(), S("label", {
 					key: n,
 					class: M(["flex cursor-pointer items-center gap-4 px-6 py-3 transition-colors hover:bg-on-surface/8", t.disabled ? "cursor-not-allowed opacity-38" : ""])
 				}, [E(zn, {
@@ -6128,37 +6054,37 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					"model-value",
 					"disabled",
 					"onUpdate:modelValue"
-				]), C("span", Ws, G(t.label), 1)], 2))), 128)), le.value.length ? x("", !0) : (L(), S("p", Gs, G(ne.value), 1))])
+				]), C("span", Hs, G(t.label), 1)], 2))), 128)), le.value.length ? x("", !0) : (L(), S("p", Us, G(ne.value), 1))])
 			])])) : x("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), [["__scopeId", "data-v-1c95b672"]]), qs = { class: "flex flex-col gap-1" }, Js = [
+}), [["__scopeId", "data-v-3337b2c7"]]), Gs = { class: "flex flex-col gap-1" }, Ks = [
 	"id",
 	"tabindex",
 	"aria-expanded"
-], Ys = ["onClick"], Xs = ["title"], Zs = {
+], qs = ["onClick"], Js = ["title"], Ys = {
 	key: 1,
 	class: "text-body-large text-on-surface-variant opacity-0"
-}, Qs = {
+}, Xs = {
 	key: 0,
 	class: "text-error"
-}, $s = { class: "pointer-events-none absolute right-2 top-4" }, ec = {
+}, Zs = { class: "pointer-events-none absolute right-2 top-4" }, Qs = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, tc = {
+}, $s = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, nc = {
+}, ec = {
 	key: 0,
 	class: "sticky top-0 bg-surface-container px-3 py-2"
-}, rc = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, ic = ["placeholder"], ac = { class: "flex flex-col py-1" }, oc = { class: "text-body-large text-on-surface" }, sc = { class: "px-4 py-3 text-center text-body-small text-on-surface-variant" }, cc = { class: "ms-modal-box flex max-h-[80vh] w-full max-w-sm flex-col overflow-hidden rounded-[28px] bg-surface-container-high shadow-elevation-3" }, lc = { class: "flex items-center justify-between px-6 pt-6 pb-4" }, uc = { class: "text-headline-small text-on-surface" }, dc = {
+}, tc = { class: "flex items-center gap-2 rounded-full bg-surface-container-high px-3 py-1.5" }, nc = ["placeholder"], rc = { class: "flex flex-col py-1" }, ic = { class: "text-body-large text-on-surface" }, ac = { class: "px-4 py-3 text-center text-body-small text-on-surface-variant" }, oc = { class: "ms-modal-box flex max-h-[80vh] w-full max-w-sm flex-col overflow-hidden rounded-[28px] bg-surface-container-high shadow-elevation-3" }, sc = { class: "flex items-center justify-between px-6 pt-6 pb-4" }, cc = { class: "text-headline-small text-on-surface" }, lc = {
 	key: 0,
 	class: "px-6 pb-3"
-}, fc = { class: "flex items-center gap-2 rounded-full bg-surface-container-highest px-3 py-2" }, pc = ["placeholder"], mc = { class: "flex-1 overflow-y-auto py-2" }, hc = { class: "text-body-large text-on-surface" }, gc = {
+}, uc = { class: "flex items-center gap-2 rounded-full bg-surface-container-highest px-3 py-2" }, dc = ["placeholder"], fc = { class: "flex-1 overflow-y-auto py-2" }, pc = { class: "text-body-large text-on-surface" }, mc = {
 	key: 0,
 	class: "px-6 py-4 text-center text-body-medium text-on-surface-variant"
-}, _c = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, hc = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MMultiSelect",
 	props: {
 		modelValue: { default: () => [] },
@@ -6171,7 +6097,8 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			type: Boolean,
 			default: !1
 		},
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		required: {
 			type: Boolean,
@@ -6300,7 +6227,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				l.value ? a.error ? "text-error" : "text-primary" : a.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (L(), S(m, null, [C("div", qs, [C("div", {
+		return (t, n) => (L(), S(m, null, [C("div", Gs, [C("div", {
 			ref_key: "fieldEl",
 			ref: _,
 			class: M(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -6337,13 +6264,13 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				}, [E(f, {
 					name: "close",
 					size: 12
-				})], 8, Ys)]))), 128)),
+				})], 8, qs)]))), 128)),
 				z.value > 0 && !U.value ? (L(), S("span", {
 					key: 0,
 					title: q.value,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
 					onClick: n[0] ||= Q((e) => U.value = !0, ["stop"])
-				}, " +" + G(z.value), 9, Xs)) : x("", !0),
+				}, " +" + G(z.value), 9, Js)) : x("", !0),
 				U.value && e.modelValue.length > e.maxChips ? (L(), S("span", {
 					key: 1,
 					class: "cursor-pointer rounded-full bg-surface-container-high px-2 py-0.5 text-label-small text-on-surface-variant transition-colors hover:bg-on-surface/12",
@@ -6352,8 +6279,8 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					name: "unfold_less",
 					size: 14
 				})])) : x("", !0)
-			], 64)) : l.value ? x("", !0) : (L(), S("span", Zs, G(e.placeholder), 1))], 42, Js),
-			C("label", { class: M(ue.value) }, [T(G(e.label), 1), e.required ? (L(), S("span", Qs, "\xA0*")) : x("", !0)], 2),
+			], 64)) : l.value ? x("", !0) : (L(), S("span", Ys, G(e.placeholder), 1))], 42, Ks),
+			C("label", { class: M(ue.value) }, [T(G(e.label), 1), e.required ? (L(), S("span", Xs, "\xA0*")) : x("", !0)], 2),
 			e.clearable && P.value && !e.disabled ? (L(), S("button", {
 				key: 1,
 				type: "button",
@@ -6365,12 +6292,12 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				name: "close",
 				size: 18
 			})])) : x("", !0),
-			C("div", $s, [E(f, {
+			C("div", Zs, [E(f, {
 				name: "arrow_drop_down",
 				size: 24,
 				class: M(["text-on-surface-variant transition-transform duration-200", l.value || u.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])])
-		], 6), e.error ? (L(), S("p", ec, G(e.error), 1)) : e.hint ? (L(), S("p", tc, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
+		], 6), e.error && e.errorLabel ? (L(), S("p", Qs, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", $s, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
 			"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",
@@ -6384,7 +6311,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				ref: w,
 				class: "fixed z-500 max-h-60 overflow-auto rounded-sm bg-surface-container shadow-elevation-2",
 				style: N(O.value)
-			}, [e.searchable ? (L(), S("div", nc, [C("div", rc, [E(f, {
+			}, [e.searchable ? (L(), S("div", ec, [C("div", tc, [E(f, {
 				name: "search",
 				size: 16,
 				class: "shrink-0 text-on-surface-variant"
@@ -6395,7 +6322,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				type: "text",
 				placeholder: e.searchPlaceholder ?? K(i).search,
 				class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-			}, null, 8, ic), [[ee, p.value]])])])) : x("", !0), C("div", ac, [(L(!0), S(m, null, V(R.value, (t, n) => (L(), S("label", {
+			}, null, 8, nc), [[ee, p.value]])])])) : x("", !0), C("div", rc, [(L(!0), S(m, null, V(R.value, (t, n) => (L(), S("label", {
 				key: n,
 				class: M(["flex cursor-pointer items-center gap-3 px-4 py-2 hover:bg-on-surface/8", t.disabled ? "cursor-not-allowed opacity-38" : ""])
 			}, [E(zn, {
@@ -6406,20 +6333,20 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				"model-value",
 				"disabled",
 				"onUpdate:modelValue"
-			]), C("span", oc, G(t.label), 1)], 2))), 128)), R.value.length === 0 ? H(t.$slots, "no-results", { key: 0 }, () => [C("p", sc, G(e.noResultsText ?? K(i).noResults), 1)], !0) : x("", !0)])], 4)) : x("", !0)]),
+			]), C("span", ic, G(t.label), 1)], 2))), 128)), R.value.length === 0 ? H(t.$slots, "no-results", { key: 0 }, () => [C("p", ac, G(e.noResultsText ?? K(i).noResults), 1)], !0) : x("", !0)])], 4)) : x("", !0)]),
 			_: 3
 		}), E(g, { name: "m3-ms-modal" }, {
 			default: Z(() => [u.value && e.mode === "modal" ? (L(), S("div", {
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
 				onClick: Q($, ["self"])
-			}, [C("div", cc, [
-				C("div", lc, [C("h2", uc, G(e.label || e.placeholder), 1), E(s, {
+			}, [C("div", oc, [
+				C("div", sc, [C("h2", cc, G(e.label || e.placeholder), 1), E(s, {
 					icon: "close",
 					label: K(i).close,
 					onClick: $
 				}, null, 8, ["label"])]),
-				e.searchable ? (L(), S("div", dc, [C("div", fc, [E(f, {
+				e.searchable ? (L(), S("div", lc, [C("div", uc, [E(f, {
 					name: "search",
 					size: 16,
 					class: "shrink-0 text-on-surface-variant"
@@ -6428,9 +6355,9 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					type: "text",
 					placeholder: e.searchPlaceholder ?? K(i).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-				}, null, 8, pc), [[ee, d.value]])])])) : x("", !0),
+				}, null, 8, dc), [[ee, d.value]])])])) : x("", !0),
 				n[9] ||= C("div", { class: "h-px bg-outline-variant" }, null, -1),
-				C("div", mc, [(L(!0), S(m, null, V(oe.value, (t, n) => (L(), S("label", {
+				C("div", fc, [(L(!0), S(m, null, V(oe.value, (t, n) => (L(), S("label", {
 					key: n,
 					class: M(["flex cursor-pointer items-center gap-4 px-6 py-3 transition-colors hover:bg-on-surface/8", t.disabled ? "cursor-not-allowed opacity-38" : ""])
 				}, [E(zn, {
@@ -6441,12 +6368,12 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 					"model-value",
 					"disabled",
 					"onUpdate:modelValue"
-				]), C("span", hc, G(t.label), 1)], 2))), 128)), oe.value.length ? x("", !0) : (L(), S("p", gc, G(e.noResultsText ?? K(i).noResults), 1))])
+				]), C("span", pc, G(t.label), 1)], 2))), 128)), oe.value.length ? x("", !0) : (L(), S("p", mc, G(e.noResultsText ?? K(i).noResults), 1))])
 			])])) : x("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), [["__scopeId", "data-v-fc4bb9ca"]]), vc = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, yc = ["onClick"], bc = /* @__PURE__ */ D({
+}), [["__scopeId", "data-v-67bbd3cf"]]), gc = { class: "flex h-20 w-full items-center justify-around border-t border-outline-variant bg-surface-container" }, _c = ["onClick"], vc = /* @__PURE__ */ D({
 	__name: "MNavigationBar",
 	props: {
 		modelValue: {},
@@ -6454,7 +6381,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, n) => (L(), S("nav", vc, [(L(!0), S(m, null, V(e.items, (n) => (L(), S("button", {
+		return (t, n) => (L(), S("nav", gc, [(L(!0), S(m, null, V(e.items, (n) => (L(), S("button", {
 			key: n.value,
 			type: "button",
 			class: M(["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"]),
@@ -6481,9 +6408,9 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), C("span", { class: M(["text-label-medium transition-[font-weight] duration-150", n.value === e.modelValue ? "font-bold" : "font-medium"]) }, G(n.label), 3)], 10, yc))), 128))]));
+		}, 1032, ["count"]))], 2), C("span", { class: M(["text-label-medium transition-[font-weight] duration-150", n.value === e.modelValue ? "font-bold" : "font-medium"]) }, G(n.label), 3)], 10, _c))), 128))]));
 	}
-}), xc = { class: "flex flex-col gap-1" }, Sc = [
+}), yc = { class: "flex flex-col gap-1" }, bc = [
 	"id",
 	"value",
 	"disabled",
@@ -6491,19 +6418,19 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 	"min",
 	"max",
 	"step"
-], Cc = ["for"], wc = {
+], xc = ["for"], Sc = {
 	key: 0,
 	class: "text-error"
-}, Tc = {
+}, Cc = {
 	key: 1,
 	class: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5"
-}, Ec = {
+}, wc = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Dc = {
+}, Tc = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, Oc = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Ec = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MNumberField",
 	props: {
 		modelValue: { default: null },
@@ -6512,7 +6439,8 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 		min: {},
 		max: {},
 		step: { default: 1 },
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		disabled: { type: Boolean },
 		required: { type: Boolean },
@@ -6594,7 +6522,7 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				r.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		return (t, n) => (L(), S("div", xc, [C("div", {
+		return (t, n) => (L(), S("div", yc, [C("div", {
 			ref_key: "fieldBgEl",
 			ref: o,
 			class: M(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -6620,12 +6548,12 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				class: M(_.value),
 				onInput: p,
 				onKeydown: g
-			}, null, 42, Sc),
+			}, null, 42, bc),
 			C("label", {
 				for: K(a),
 				class: M(y.value)
-			}, [T(G(e.label), 1), e.required ? (L(), S("span", wc, "\xA0*")) : x("", !0)], 10, Cc),
-			e.stepper ? (L(), S("div", Tc, [E(s, {
+			}, [T(G(e.label), 1), e.required ? (L(), S("span", Sc, "\xA0*")) : x("", !0)], 10, xc),
+			e.stepper ? (L(), S("div", Cc, [E(s, {
 				icon: "remove",
 				label: "Decrease",
 				size: 32,
@@ -6638,9 +6566,9 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 				disabled: e.disabled || e.max !== void 0 && (e.modelValue ?? 0) >= e.max,
 				onClick: m
 			}, null, 8, ["disabled"])])) : x("", !0)
-		], 6), e.error ? (L(), S("p", Ec, G(e.error), 1)) : e.hint ? (L(), S("p", Dc, G(e.hint), 1)) : x("", !0)]));
+		], 6), e.error && e.errorLabel ? (L(), S("p", wc, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", Tc, G(e.hint), 1)) : x("", !0)]));
 	}
-}), [["__scopeId", "data-v-d624d5b1"]]), kc = D({
+}), [["__scopeId", "data-v-f6db08d0"]]), Dc = D({
 	name: "MDrawerItemList",
 	components: { MIcon: f },
 	props: {
@@ -6715,8 +6643,8 @@ var Ta = ["aria-label", "disabled"], Ea = { class: "leading-none" }, Da = /* @__
 			}).onfinish = t;
 		}
 	}
-}), Ac = { key: 0 };
-function jc(e, t, n, r, i, a) {
+}), Oc = { key: 0 };
+function kc(e, t, n, r, i, a) {
 	let o = U("MIcon"), s = U("MDrawerItemList");
 	return L(!0), S(m, null, V(e.items, (t) => (L(), S(m, { key: t.value }, [(L(), b(W(e.itemTag(t)), {
 		to: t.to && !t.disabled ? t.to : void 0,
@@ -6756,7 +6684,7 @@ function jc(e, t, n, r, i, a) {
 		onEnter: e.onEnter,
 		onLeave: e.onLeave
 	}, {
-		default: Z(() => [t.children?.length && e.openItems[t.value] ? (L(), S("div", Ac, [E(s, {
+		default: Z(() => [t.children?.length && e.openItems[t.value] ? (L(), S("div", Oc, [E(s, {
 			items: t.children,
 			selected: e.selected,
 			depth: e.depth + 1
@@ -6768,52 +6696,52 @@ function jc(e, t, n, r, i, a) {
 		_: 2
 	}, 1032, ["onEnter", "onLeave"])], 64))), 128);
 }
-var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
+var Ac = /*#__PURE__*/ p(Dc, [["render", kc]]), jc = {
 	key: 0,
 	class: "shrink-0"
-}, Pc = {
+}, Mc = {
 	key: 1,
 	class: "shrink-0 px-5 pt-6 pb-2"
-}, Fc = { class: "text-title-small font-medium text-on-surface-variant" }, Ic = { class: "flex flex-1 flex-col overflow-y-auto px-3 py-2" }, Lc = {
+}, Nc = { class: "text-title-small font-medium text-on-surface-variant" }, Pc = { class: "flex flex-1 flex-col overflow-y-auto px-3 py-2" }, Fc = {
 	key: 0,
 	class: "my-1 border-t border-outline-variant"
-}, Rc = ["onClick"], zc = { class: "flex-1 text-left text-title-small font-medium" }, Bc = {
+}, Ic = ["onClick"], Lc = { class: "flex-1 text-left text-title-small font-medium" }, Rc = {
 	key: 2,
 	class: "px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant"
-}, Vc = {
+}, zc = {
 	key: 0,
 	class: "nd-section-grid"
-}, Hc = { class: "nd-section-body" }, Uc = {
+}, Bc = { class: "nd-section-body" }, Vc = {
 	key: 2,
 	class: "text-label-medium text-on-surface-variant"
-}, Wc = { key: 0 }, Gc = {
+}, Hc = { key: 0 }, Uc = {
 	key: 0,
 	class: "nd-toggle shrink-0 border-b border-outline-variant"
-}, Kc = { class: "nd-toggle-inner" }, qc = {
+}, Wc = { class: "nd-toggle-inner" }, Gc = {
 	key: 1,
 	class: "shrink-0"
-}, Jc = {
+}, Kc = {
 	key: 2,
 	class: "nd-collapse-h shrink-0 overflow-hidden"
-}, Yc = { class: "px-5 pt-6 pb-2" }, Xc = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Zc = { class: "flex flex-1 flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, Qc = {
+}, qc = { class: "px-5 pt-6 pb-2" }, Jc = { class: "whitespace-nowrap text-title-small font-medium text-on-surface-variant" }, Yc = { class: "flex flex-1 flex-col gap-1 overflow-y-auto overflow-x-hidden px-3 py-2" }, Xc = {
 	key: 0,
 	class: "my-1 border-t border-outline-variant"
-}, $c = ["title", "onClick"], el = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, tl = {
+}, Zc = ["title", "onClick"], Qc = { class: "nd-label min-w-0 flex-1 text-left text-title-small font-medium" }, $c = {
 	key: 2,
 	class: "nd-collapse-h overflow-hidden"
-}, nl = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, rl = {
+}, el = { class: "whitespace-nowrap px-4 pt-4 pb-2 text-title-small font-medium text-on-surface-variant" }, tl = {
 	key: 0,
 	class: "nd-section-grid"
-}, il = { class: "nd-section-body" }, al = {
+}, nl = { class: "nd-section-body" }, rl = {
 	key: 2,
 	class: "nd-label text-label-medium text-on-surface-variant"
-}, ol = {
+}, il = {
 	key: 0,
 	class: "nd-children-divider"
-}, sl = { key: 0 }, cl = {
+}, al = { key: 0 }, ol = {
 	key: 1,
 	class: "nd-children-divider"
-}, ll = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, sl = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MNavigationDrawer",
 	props: {
 		modelValue: { type: Boolean },
@@ -6912,8 +6840,8 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 					e.side === "top" || e.side === "bottom" || e.width ? "" : "w-72"
 				]),
 				style: N(e.side !== "top" && e.side !== "bottom" && e.width ? { width: e.width } : void 0)
-			}, [t.$slots.header ? (L(), S("div", Nc, [H(t.$slots, "header", {}, void 0, !0)])) : e.title ? (L(), S("div", Pc, [C("h2", Fc, G(e.title), 1)])) : x("", !0), C("div", Ic, [(L(!0), S(m, null, V(e.sections, (t, n) => (L(), S(m, { key: n }, [
-				n > 0 ? (L(), S("div", Lc)) : x("", !0),
+			}, [t.$slots.header ? (L(), S("div", jc, [H(t.$slots, "header", {}, void 0, !0)])) : e.title ? (L(), S("div", Mc, [C("h2", Nc, G(e.title), 1)])) : x("", !0), C("div", Pc, [(L(!0), S(m, null, V(e.sections, (t, n) => (L(), S(m, { key: n }, [
+				n > 0 ? (L(), S("div", Fc)) : x("", !0),
 				t.title && t.collapsible ? (L(), S("button", {
 					key: 1,
 					type: "button",
@@ -6926,15 +6854,15 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 						size: 24,
 						class: "shrink-0"
 					}, null, 8, ["name"])) : x("", !0),
-					C("span", zc, G(t.title), 1),
+					C("span", Lc, G(t.title), 1),
 					E(f, {
 						name: s(t, n) ? "expand_less" : "expand_more",
 						size: 18,
 						class: "shrink-0"
 					}, null, 8, ["name"])
-				], 8, Rc)) : t.title ? (L(), S("p", Bc, G(t.title), 1)) : x("", !0),
+				], 8, Ic)) : t.title ? (L(), S("p", Rc, G(t.title), 1)) : x("", !0),
 				E(g, { name: "nd-section" }, {
-					default: Z(() => [!t.collapsible || s(t, n) ? (L(), S("div", Vc, [C("div", Hc, [(L(!0), S(m, null, V(t.items, (n) => (L(), S(m, { key: n.value }, [(L(), b(W(k(n)), {
+					default: Z(() => [!t.collapsible || s(t, n) ? (L(), S("div", zc, [C("div", Bc, [(L(!0), S(m, null, V(t.items, (n) => (L(), S(m, { key: n.value }, [(L(), b(W(k(n)), {
 						to: n.to && !n.disabled ? n.to : void 0,
 						type: n.to ? void 0 : "button",
 						class: M(["flex w-full items-center gap-3 rounded-full py-2.5 text-left transition-colors focus-visible:outline-none", [t.collapsible ? "pl-8 pr-3" : "px-4", n.disabled ? "cursor-not-allowed opacity-[0.38]" : n.value === e.selected ? "bg-secondary-container text-on-secondary-container" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]]),
@@ -6953,7 +6881,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 								name: l(n) ? "expand_less" : "expand_more",
 								size: 18,
 								class: "shrink-0 text-on-surface-variant"
-							}, null, 8, ["name"])) : n.badge == null ? x("", !0) : (L(), S("span", Uc, G(n.badge), 1))
+							}, null, 8, ["name"])) : n.badge == null ? x("", !0) : (L(), S("span", Vc, G(n.badge), 1))
 						]),
 						_: 2
 					}, 1032, [
@@ -6968,7 +6896,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 						onEnter: w,
 						onLeave: T
 					}, {
-						default: Z(() => [n.children?.length && l(n) ? (L(), S("div", Wc, [E(Mc, {
+						default: Z(() => [n.children?.length && l(n) ? (L(), S("div", Hc, [E(Ac, {
 							items: n.children,
 							selected: e.selected
 						}, null, 8, ["items", "selected"])])) : x("", !0)]),
@@ -6986,10 +6914,10 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				"--nd-width": e.width ?? "18rem"
 			})
 		}, [
-			t.$slots.toggle ? (L(), S("div", Gc, [C("div", Kc, [H(t.$slots, "toggle", {}, void 0, !0)])])) : x("", !0),
-			t.$slots.header ? (L(), S("div", qc, [H(t.$slots, "header", {}, void 0, !0)])) : e.title ? (L(), S("div", Jc, [C("div", Yc, [C("h2", Xc, G(e.title), 1)])])) : x("", !0),
-			C("div", Zc, [(L(!0), S(m, null, V(e.sections, (t, n) => (L(), S(m, { key: n }, [
-				n > 0 ? (L(), S("div", Qc)) : x("", !0),
+			t.$slots.toggle ? (L(), S("div", Uc, [C("div", Wc, [H(t.$slots, "toggle", {}, void 0, !0)])])) : x("", !0),
+			t.$slots.header ? (L(), S("div", Gc, [H(t.$slots, "header", {}, void 0, !0)])) : e.title ? (L(), S("div", Kc, [C("div", qc, [C("h2", Jc, G(e.title), 1)])])) : x("", !0),
+			C("div", Yc, [(L(!0), S(m, null, V(e.sections, (t, n) => (L(), S(m, { key: n }, [
+				n > 0 ? (L(), S("div", Xc)) : x("", !0),
 				t.title && t.collapsible ? (L(), S("button", {
 					key: 1,
 					type: "button",
@@ -7003,15 +6931,15 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 						size: 24,
 						class: "shrink-0"
 					}, null, 8, ["name"])) : x("", !0),
-					C("span", el, G(t.title), 1),
+					C("span", Qc, G(t.title), 1),
 					E(f, {
 						name: s(t, n) ? "expand_less" : "expand_more",
 						size: 18,
 						class: "nd-label shrink-0"
 					}, null, 8, ["name"])
-				], 8, $c)) : t.title ? (L(), S("div", tl, [C("p", nl, G(t.title), 1)])) : x("", !0),
+				], 8, Zc)) : t.title ? (L(), S("div", $c, [C("p", el, G(t.title), 1)])) : x("", !0),
 				E(g, { name: "nd-section" }, {
-					default: Z(() => [!t.collapsible || s(t, n) ? (L(), S("div", rl, [C("div", il, [(L(!0), S(m, null, V(t.items, (n) => (L(), S(m, { key: n.value }, [
+					default: Z(() => [!t.collapsible || s(t, n) ? (L(), S("div", tl, [C("div", nl, [(L(!0), S(m, null, V(t.items, (n) => (L(), S(m, { key: n.value }, [
 						(L(), b(W(k(n)), {
 							to: n.to && !n.disabled ? n.to : void 0,
 							type: n.to ? void 0 : "button",
@@ -7033,7 +6961,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 									name: l(n) ? "expand_less" : "expand_more",
 									size: 18,
 									class: "nd-label shrink-0 text-on-surface-variant"
-								}, null, 8, ["name"])) : n.badge == null ? x("", !0) : (L(), S("span", al, G(n.badge), 1))
+								}, null, 8, ["name"])) : n.badge == null ? x("", !0) : (L(), S("span", rl, G(n.badge), 1))
 							]),
 							_: 2
 						}, 1032, [
@@ -7044,29 +6972,29 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 							"disabled",
 							"onClick"
 						])),
-						n.children?.length && l(n) ? (L(), S("div", ol)) : x("", !0),
+						n.children?.length && l(n) ? (L(), S("div", il)) : x("", !0),
 						E(g, {
 							css: !1,
 							onEnter: w,
 							onLeave: T
 						}, {
-							default: Z(() => [n.children?.length && l(n) ? (L(), S("div", sl, [E(Mc, {
+							default: Z(() => [n.children?.length && l(n) ? (L(), S("div", al, [E(Ac, {
 								items: n.children,
 								selected: e.selected
 							}, null, 8, ["items", "selected"])])) : x("", !0)]),
 							_: 2
 						}, 1024),
-						n.children?.length && l(n) ? (L(), S("div", cl)) : x("", !0)
+						n.children?.length && l(n) ? (L(), S("div", ol)) : x("", !0)
 					], 64))), 128))])])) : x("", !0)]),
 					_: 2
 				}, 1024)
 			], 64))), 128)), H(t.$slots, "default", {}, void 0, !0)])
 		], 6));
 	}
-}), [["__scopeId", "data-v-2210a491"]]), ul = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, dl = {
+}), [["__scopeId", "data-v-2210a491"]]), cl = { class: "flex h-full w-20 flex-col items-center border-r border-outline-variant bg-surface" }, ll = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-center pt-3 pb-2"
-}, fl = ["disabled", "onClick"], pl = /* @__PURE__ */ D({
+}, ul = ["disabled", "onClick"], dl = /* @__PURE__ */ D({
 	__name: "MNavigationRail",
 	props: {
 		modelValue: {},
@@ -7075,7 +7003,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		return (t, n) => (L(), S("nav", ul, [t.$slots.fab ? (L(), S("div", dl, [H(t.$slots, "fab")])) : x("", !0), C("div", { class: M(["flex flex-1 flex-col items-center gap-1 py-3", {
+		return (t, n) => (L(), S("nav", cl, [t.$slots.fab ? (L(), S("div", ll, [H(t.$slots, "fab")])) : x("", !0), C("div", { class: M(["flex flex-1 flex-col items-center gap-1 py-3", {
 			"justify-start": e.alignment === "top",
 			"justify-center": e.alignment === "center",
 			"justify-end": e.alignment === "bottom"
@@ -7107,9 +7035,9 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				size: 24
 			}, null, 8, ["name"])]),
 			_: 2
-		}, 1032, ["count"]))], 2), C("span", { class: M(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, G(n.label), 3)], 10, fl))), 128))], 2)]));
+		}, 1032, ["count"]))], 2), C("span", { class: M(["max-w-[56px] truncate text-center text-label-medium", n.value === e.modelValue ? "font-bold text-on-surface" : "font-medium text-on-surface-variant"]) }, G(n.label), 3)], 10, ul))), 128))], 2)]));
 	}
-}), ml = { class: "relative h-full w-full" }, hl = /* @__PURE__ */ D({
+}), fl = { class: "relative h-full w-full" }, pl = /* @__PURE__ */ D({
 	__name: "MOverlay",
 	props: {
 		modelValue: {
@@ -7142,17 +7070,17 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				key: 0,
 				class: "absolute inset-0 bg-black/50",
 				onClick: a
-			})) : x("", !0), C("div", ml, [H(t.$slots, "default")])], 4)) : x("", !0)]),
+			})) : x("", !0), C("div", fl, [H(t.$slots, "default")])], 4)) : x("", !0)]),
 			_: 3
 		})]));
 	}
-}), gl = { class: "flex flex-col gap-1" }, _l = {
+}), ml = { class: "flex flex-col gap-1" }, hl = {
 	key: 0,
 	class: "text-label-small text-on-surface-variant"
-}, vl = ["aria-valuenow"], yl = ["aria-valuenow"], bl = ["height", "viewBox"], xl = ["d", "stroke-width"], Sl = {
+}, gl = ["aria-valuenow"], _l = ["aria-valuenow"], vl = ["height", "viewBox"], yl = ["d", "stroke-width"], bl = {
 	key: 1,
 	class: "absolute inset-0 overflow-hidden rounded-full"
-}, Cl = ["height", "viewBox"], wl = ["d", "stroke-width"], Tl = 20, El = 2.5, Dl = 80, Ol = 2, kl = 4, Al = 10, jl = 130, Ml = /* @__PURE__ */ D({
+}, xl = ["height", "viewBox"], Sl = ["d", "stroke-width"], Cl = 20, wl = 2.5, Tl = 80, El = 2, Dl = 4, Ol = 10, kl = 130, Al = /* @__PURE__ */ D({
 	__name: "MProgressBar",
 	props: {
 		value: {},
@@ -7184,10 +7112,10 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				track: "bg-error-container",
 				text: "text-error"
 			}
-		}, a = v(() => t.thickness ?? (t.variant === "wavy" ? 3 : 4)), o = v(() => El + a.value / 2), s = v(() => 2 * El + a.value), c = Tl * Dl, l = (() => {
+		}, a = v(() => t.thickness ?? (t.variant === "wavy" ? 3 : 4)), o = v(() => wl + a.value / 2), s = v(() => 2 * wl + a.value), c = Cl * Tl, l = (() => {
 			let e = "";
-			for (let t = 0; t <= c; t += Ol) {
-				let n = 4 - El * Math.sin(t / Tl * Math.PI * 2);
+			for (let t = 0; t <= c; t += El) {
+				let n = 4 - wl * Math.sin(t / Cl * Math.PI * 2);
 				e += `${t === 0 ? "M" : "L"}${t},${n.toFixed(2)} `;
 			}
 			return e.trim();
@@ -7215,8 +7143,8 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 		let y = B(null), b = B(null), w = B(""), T = null, E = 0, D = 2 * Math.PI / 800;
 		function O(e, t) {
 			let n = o.value, r = [];
-			for (let i = 0; i <= c; i += Ol) {
-				let a = n - El * e * Math.sin(i / Tl * Math.PI * 2 + t);
+			for (let i = 0; i <= c; i += El) {
+				let a = n - wl * e * Math.sin(i / Cl * Math.PI * 2 + t);
 				r.push(`${i === 0 ? "M" : "L"}${i},${a.toFixed(2)}`);
 			}
 			return r.join(" ");
@@ -7224,23 +7152,23 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 		function k(e) {
 			let t = T === null ? 0 : e - T;
 			if (T = e, f -= t * D, t > 0) {
-				let e = 1 - Math.exp(-t / jl);
+				let e = 1 - Math.exp(-t / kl);
 				u += (r.value - u) * e;
 			}
 			d = _(p, e);
-			let n = kl * d, i = u;
+			let n = Dl * d, i = u;
 			y.value && (y.value.style.clipPath = `inset(0 ${(100 - i).toFixed(3)}% 0 0)`), b.value && (b.value.style.left = `calc(${i.toFixed(3)}% + ${n.toFixed(2)}px)`, b.value.style.height = `${a.value}px`), w.value = O(d, f), E = requestAnimationFrame(k);
 		}
 		X(r, (e, r) => {
 			if (t.variant !== "wavy" || n.value) return;
 			let i = performance.now();
-			r <= Al && e > Al && e < 100 ? g(p, d, 1, i) : r > Al && e <= Al || e === 100 ? g(p, d, 0, i) : r === 100 && e > Al && g(p, d, 1, i);
+			r <= Ol && e > Ol && e < 100 ? g(p, d, 1, i) : r > Ol && e <= Ol || e === 100 ? g(p, d, 0, i) : r === 100 && e > Ol && g(p, d, 1, i);
 		});
 		function A() {
 			u = r.value;
 			let e = r.value;
-			d = +(e > Al && e < 100), p.to = d, p.t0 = -1;
-			let t = kl * d;
+			d = +(e > Ol && e < 100), p.to = d, p.t0 = -1;
+			let t = Dl * d;
 			y.value && (y.value.style.clipPath = `inset(0 ${(100 - e).toFixed(3)}% 0 0)`), b.value && (b.value.style.left = `calc(${e.toFixed(3)}% + ${t.toFixed(2)}px)`, b.value.style.height = `${a.value}px`), w.value = O(d, f), E ||= requestAnimationFrame(k);
 		}
 		function P() {
@@ -7252,7 +7180,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			e === "wavy" && !n.value ? (await j(), A()) : P();
 		}), X(n, async (e) => {
 			!e && t.variant === "wavy" ? (await j(), A()) : P();
-		}), (t, o) => (L(), S("div", gl, [e.label ? (L(), S("span", _l, G(e.label), 1)) : x("", !0), e.variant === "linear" ? (L(), S("div", {
+		}), (t, o) => (L(), S("div", ml, [e.label ? (L(), S("span", hl, G(e.label), 1)) : x("", !0), e.variant === "linear" ? (L(), S("div", {
 			key: 1,
 			class: M(["relative w-full overflow-hidden rounded-full", i[e.color].track]),
 			style: N({ height: `${a.value}px` }),
@@ -7267,7 +7195,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			key: 0,
 			class: M(["h-full rounded-full transition-[width] duration-300 ease-in-out", i[e.color].bar]),
 			style: N({ width: `${r.value}%` })
-		}, null, 6))], 14, vl)) : (L(), S("div", {
+		}, null, 6))], 14, gl)) : (L(), S("div", {
 			key: 2,
 			class: "relative w-full overflow-visible",
 			style: N({ height: `${s.value}px` }),
@@ -7275,7 +7203,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			"aria-valuenow": n.value ? void 0 : r.value,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100"
-		}, [n.value ? (L(), S("div", Sl, [C("div", {
+		}, [n.value ? (L(), S("div", bl, [C("div", {
 			class: M(["absolute top-0 left-0 h-full animate-[m3-wave-flow_0.9s_linear_infinite]", i[e.color].text]),
 			style: N({ width: `${c}px` })
 		}, [(L(), S("svg", {
@@ -7290,7 +7218,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			stroke: "currentColor",
 			"stroke-width": a.value,
 			"stroke-linecap": "round"
-		}, null, 8, wl)], 8, Cl))], 6)])) : (L(), S(m, { key: 0 }, [
+		}, null, 8, Sl)], 8, xl))], 6)])) : (L(), S(m, { key: 0 }, [
 			C("div", {
 				ref_key: "waveClipEl",
 				ref: y,
@@ -7307,7 +7235,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				stroke: "currentColor",
 				"stroke-width": a.value,
 				"stroke-linecap": "round"
-			}, null, 8, xl)], 10, bl))], 512),
+			}, null, 8, yl)], 10, vl))], 512),
 			C("div", {
 				ref_key: "trackEl",
 				ref: b,
@@ -7328,23 +7256,23 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 					height: `${a.value}px`
 				})
 			}, null, 6)
-		], 64))], 12, yl))]));
+		], 64))], 12, _l))]));
 	}
-}), Nl = { class: "inline-flex flex-col items-center gap-1" }, Pl = {
+}), jl = { class: "inline-flex flex-col items-center gap-1" }, Ml = {
 	key: 0,
 	class: "text-label-small text-on-surface-variant"
-}, Fl = { class: "relative" }, Il = [
+}, Nl = { class: "relative" }, Pl = [
 	"width",
 	"height",
 	"aria-valuenow"
-], Ll = ["stroke-width"], Rl = ["stroke-width"], zl = ["id"], Bl = ["stroke-width"], Vl = ["stroke-width"], Hl = [
+], Fl = ["stroke-width"], Il = ["stroke-width"], Ll = ["id"], Rl = ["stroke-width"], zl = ["stroke-width"], Bl = [
 	"d",
 	"stroke-width",
 	"mask"
-], Ul = ["stroke-width"], Wl = ["stroke-width"], Gl = {
+], Vl = ["stroke-width"], Hl = ["stroke-width"], Ul = {
 	key: 0,
 	class: "absolute inset-0 flex items-center justify-center"
-}, Kl = 40, ql = 12, Jl = .055, Yl = 10, Xl = 130, Zl = /* @__PURE__ */ D({
+}, Wl = 40, Gl = 12, Kl = .055, ql = 10, Jl = 130, Yl = /* @__PURE__ */ D({
 	__name: "MCircleProgressBar",
 	props: {
 		value: {},
@@ -7373,7 +7301,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				fill: "var(--color-error)",
 				track: "var(--color-error-container)"
 			}
-		}, i = v(() => r[t.color]), a = 2 * Math.PI * Kl, o = ql * 20, s = v(() => t.thickness), c = v(() => t.thickness + Math.ceil(2 * Kl * Jl) + 2), l = v(() => .75 + t.thickness * .25), u = v(() => n.value / 100 * a);
+		}, i = v(() => r[t.color]), a = 2 * Math.PI * Wl, o = Gl * 20, s = v(() => t.thickness), c = v(() => t.thickness + Math.ceil(2 * Wl * Kl) + 2), l = v(() => .75 + t.thickness * .25), u = v(() => n.value / 100 * a);
 		function d(e) {
 			return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 		}
@@ -7407,13 +7335,13 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			return n >= 1 && (e.t0 = -1), r;
 		}
 		X(n, (e, n) => {
-			t.indeterminate || (n <= Yl && e > Yl && E(y, p, 1, performance.now()), n > Yl && e <= Yl && E(y, p, 0, performance.now()), e === 100 ? (p = 1, y.t0 = -1, T.t0 = -1, E(b, h, 0, performance.now()), w.t0 = -1, w.to = 1, g = 1) : n === 100 && (b.t0 = -1, b.to = 1, w.t0 = -1, w.to = 1, T.t0 = -1, E(T, Math.min(h, g), 1, performance.now())));
+			t.indeterminate || (n <= ql && e > ql && E(y, p, 1, performance.now()), n > ql && e <= ql && E(y, p, 0, performance.now()), e === 100 ? (p = 1, y.t0 = -1, T.t0 = -1, E(b, h, 0, performance.now()), w.t0 = -1, w.to = 1, g = 1) : n === 100 && (b.t0 = -1, b.to = 1, w.t0 = -1, w.to = 1, T.t0 = -1, E(T, Math.min(h, g), 1, performance.now())));
 		});
-		let O = B(null), k = B(null), A = B(z(Kl * Jl, 0)), j = null, M = 0, P = 2 * Math.PI / ql / 90;
+		let O = B(null), k = B(null), A = B(z(Wl * Kl, 0)), j = null, M = 0, P = 2 * Math.PI / Gl / 90;
 		function R(e) {
 			let t = j === null ? 0 : e - j;
 			if (j = e, _ -= t * P, t > 0) {
-				let e = 1 - Math.exp(-t / Xl);
+				let e = 1 - Math.exp(-t / Jl);
 				f += (u.value - f) * e;
 			}
 			if (p = D(y, e), (b.t0 >= 0 || b.to === 0) && (h = D(b, e), b.t0 < 0 && h <= 0 && w.t0 < 0 && w.to !== 0 && E(w, g, 0, e)), (w.t0 >= 0 || w.to === 0) && (g = D(w, e)), T.t0 >= 0) {
@@ -7423,12 +7351,12 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			let n = p * g, r = l.value * n * h, i = f, o = a - i, s = Math.max(0, i - 2 * r), c = -90 + r / a * 360, d = O.value;
 			d && (d.setAttribute("stroke-dasharray", `${s.toFixed(2)} ${(a - s).toFixed(2)}`), d.setAttribute("transform", `rotate(${c.toFixed(3)}, 50, 50)`));
 			let m = Math.max(0, o - 2 * r), v = Math.max(0, o - r), x = k.value;
-			x && (x.setAttribute("stroke-dasharray", `${m.toFixed(2)} ${(a - m).toFixed(2)}`), x.setAttribute("stroke-dashoffset", v.toFixed(2))), A.value = z(Kl * Jl * n, _), M = requestAnimationFrame(R);
+			x && (x.setAttribute("stroke-dasharray", `${m.toFixed(2)} ${(a - m).toFixed(2)}`), x.setAttribute("stroke-dashoffset", v.toFixed(2))), A.value = z(Wl * Kl * n, _), M = requestAnimationFrame(R);
 		}
 		function z(e, t) {
 			let n = [];
 			for (let r = 0; r <= o; r++) {
-				let i = 2 * Math.PI * r / o - Math.PI / 2, a = Kl + e * Math.sin(ql * i + t), s = 50 + a * Math.cos(i), c = 50 + a * Math.sin(i);
+				let i = 2 * Math.PI * r / o - Math.PI / 2, a = Wl + e * Math.sin(Gl * i + t), s = 50 + a * Math.cos(i), c = 50 + a * Math.sin(i);
 				n.push(`${r === 0 ? "M" : "L"}${s.toFixed(2)},${c.toFixed(2)}`);
 			}
 			return n.join("") + "Z";
@@ -7441,7 +7369,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 		}
 		function W() {
 			let e = n.value;
-			f = u.value, p = 0, h = 1, g = 1, y.t0 = b.t0 = w.t0 = T.t0 = -1, y.to = 0, b.to = 1, w.to = 1, e === 100 ? (p = 1, h = 0, g = 0, b.to = 0, w.to = 0) : e > Yl && (p = 1, y.to = 1);
+			f = u.value, p = 0, h = 1, g = 1, y.t0 = b.t0 = w.t0 = T.t0 = -1, y.to = 0, b.to = 1, w.to = 1, e === 100 ? (p = 1, h = 0, g = 0, b.to = 0, w.to = 0) : e > ql && (p = 1, y.to = 1);
 		}
 		F(() => {
 			t.variant === "wavy" && !t.indeterminate && (W(), V());
@@ -7451,7 +7379,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			e ? U() : t.variant === "wavy" && (W(), V());
 		});
 		let q = J();
-		return (t, r) => (L(), S("div", Nl, [e.label ? (L(), S("span", Pl, G(e.label), 1)) : x("", !0), C("div", Fl, [(L(), S("svg", {
+		return (t, r) => (L(), S("div", jl, [e.label ? (L(), S("span", Ml, G(e.label), 1)) : x("", !0), C("div", Nl, [(L(), S("svg", {
 			width: e.size,
 			height: e.size,
 			viewBox: "0 0 100 100",
@@ -7463,14 +7391,14 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 		}, [e.indeterminate ? (L(), S(m, { key: 0 }, [C("circle", {
 			cx: "50",
 			cy: "50",
-			r: Kl,
+			r: Wl,
 			fill: "none",
 			"stroke-width": s.value,
 			style: N({ stroke: i.value.track })
-		}, null, 12, Ll), C("circle", {
+		}, null, 12, Fl), C("circle", {
 			cx: "50",
 			cy: "50",
-			r: Kl,
+			r: Wl,
 			fill: "none",
 			"stroke-width": s.value,
 			"stroke-linecap": "round",
@@ -7479,7 +7407,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				transformOrigin: "50px 50px",
 				animation: "m3-cpb-spin 1.4s linear infinite, m3-cpb-arc 3s ease-in-out infinite"
 			})
-		}, null, 12, Rl)], 64)) : e.variant === "wavy" ? (L(), S(m, { key: 1 }, [
+		}, null, 12, Il)], 64)) : e.variant === "wavy" ? (L(), S(m, { key: 1 }, [
 			C("defs", null, [C("mask", {
 				id: K(q),
 				maskUnits: "userSpaceOnUse"
@@ -7494,25 +7422,25 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				ref: O,
 				cx: "50",
 				cy: "50",
-				r: Kl,
+				r: Wl,
 				fill: "none",
 				"stroke-width": c.value,
 				stroke: "white",
 				"stroke-dasharray": "0 251",
 				transform: "rotate(-90, 50, 50)"
-			}, null, 8, Bl)], 8, zl)]),
+			}, null, 8, Rl)], 8, Ll)]),
 			C("circle", {
 				ref_key: "trackCircleEl",
 				ref: k,
 				cx: "50",
 				cy: "50",
-				r: Kl,
+				r: Wl,
 				fill: "none",
 				"stroke-width": s.value,
 				style: N({ stroke: i.value.track }),
 				"stroke-dasharray": "251 0",
 				transform: "rotate(-90, 50, 50)"
-			}, null, 12, Vl),
+			}, null, 12, zl),
 			C("path", {
 				d: A.value,
 				fill: "none",
@@ -7521,18 +7449,18 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				"stroke-linejoin": "round",
 				mask: `url(#${K(q)})`,
 				style: N({ stroke: i.value.fill })
-			}, null, 12, Hl)
+			}, null, 12, Bl)
 		], 64)) : e.indeterminate ? x("", !0) : (L(), S(m, { key: 2 }, [C("circle", {
 			cx: "50",
 			cy: "50",
-			r: Kl,
+			r: Wl,
 			fill: "none",
 			"stroke-width": s.value,
 			style: N({ stroke: i.value.track })
-		}, null, 12, Ul), C("circle", {
+		}, null, 12, Vl), C("circle", {
 			cx: "50",
 			cy: "50",
-			r: Kl,
+			r: Wl,
 			fill: "none",
 			"stroke-width": s.value,
 			"stroke-linecap": "round",
@@ -7543,7 +7471,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				transformOrigin: "50px 50px",
 				transition: "stroke-dasharray 300ms ease"
 			})
-		}, null, 12, Wl)], 64)), !e.indeterminate && !t.$slots.default ? (L(), S("text", {
+		}, null, 12, Hl)], 64)), !e.indeterminate && !t.$slots.default ? (L(), S("text", {
 			key: 3,
 			x: "50",
 			y: "50",
@@ -7555,16 +7483,16 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 				fontWeight: "600",
 				fontFamily: "Roboto, sans-serif"
 			})
-		}, G(n.value) + "%", 5)) : x("", !0)], 8, Il)), t.$slots.default ? (L(), S("div", Gl, [H(t.$slots, "default")])) : x("", !0)])]));
+		}, G(n.value) + "%", 5)) : x("", !0)], 8, Pl)), t.$slots.default ? (L(), S("div", Ul, [H(t.$slots, "default")])) : x("", !0)])]));
 	}
-}), Ql = ["for"], $l = { class: "relative flex h-5 w-5 shrink-0" }, eu = [
+}), Xl = ["for"], Zl = { class: "relative flex h-5 w-5 shrink-0" }, Ql = [
 	"id",
 	"checked",
 	"disabled"
-], tu = {
+], $l = {
 	key: 0,
 	class: "text-body-large text-on-surface"
-}, nu = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, eu = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MRadio",
 	props: {
 		modelValue: {},
@@ -7587,14 +7515,14 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 		return (t, n) => (L(), S("label", {
 			for: K(i),
 			class: M(["inline-flex items-center gap-3 select-none", e.disabled ? "cursor-not-allowed opacity-[0.38]" : "cursor-pointer"])
-		}, [C("span", $l, [C("input", {
+		}, [C("span", Zl, [C("input", {
 			id: K(i),
 			type: "radio",
 			class: "sr-only",
 			checked: a.value,
 			disabled: e.disabled,
 			onChange: n[0] ||= (t) => r("update:modelValue", e.value)
-		}, null, 40, eu), (L(), S("svg", {
+		}, null, 40, Ql), (L(), S("svg", {
 			viewBox: "0 0 20 20",
 			class: M(["h-full w-full transition-colors duration-150", a.value ? o[e.color] : "text-on-surface-variant"]),
 			"aria-hidden": "true"
@@ -7611,12 +7539,12 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			cy: "10",
 			r: "4.5",
 			fill: "currentColor"
-		}, null, 2)], 2))]), e.label ? (L(), S("span", tu, G(e.label), 1)) : x("", !0)], 10, Ql));
+		}, null, 2)], 2))]), e.label ? (L(), S("span", $l, G(e.label), 1)) : x("", !0)], 10, Xl));
 	}
-}), [["__scopeId", "data-v-cdb650b5"]]), ru = { class: "flex flex-col gap-2" }, iu = {
+}), [["__scopeId", "data-v-cdb650b5"]]), tu = { class: "flex flex-col gap-2" }, nu = {
 	key: 0,
 	class: "text-label-large text-on-surface-variant"
-}, au = /* @__PURE__ */ D({
+}, ru = /* @__PURE__ */ D({
 	__name: "MRadioGroup",
 	props: {
 		modelValue: {},
@@ -7632,7 +7560,7 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (L(), S("div", ru, [e.label ? (L(), S("span", iu, G(e.label), 1)) : x("", !0), C("div", { class: M(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(L(!0), S(m, null, V(e.options, (t) => (L(), b(nu, {
+		return (t, r) => (L(), S("div", tu, [e.label ? (L(), S("span", nu, G(e.label), 1)) : x("", !0), C("div", { class: M(["flex gap-4", e.direction === "row" ? "flex-row flex-wrap" : "flex-col"]) }, [(L(!0), S(m, null, V(e.options, (t) => (L(), b(eu, {
 			key: String(t.value),
 			"model-value": e.modelValue,
 			value: t.value,
@@ -7648,11 +7576,11 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			"disabled"
 		]))), 128))], 2)]));
 	}
-}), ou = [
+}), iu = [
 	"disabled",
 	"onClick",
 	"onMousemove"
-], su = /* @__PURE__ */ D({
+], au = /* @__PURE__ */ D({
 	__name: "MRating",
 	props: {
 		modelValue: {},
@@ -7729,13 +7657,13 @@ var Mc = /*#__PURE__*/ p(kc, [["render", jc]]), Nc = {
 			name: e.icon,
 			size: e.size,
 			class: "text-on-surface-variant/40"
-		}, null, 8, ["name", "size"]))], 46, ou))), 128))], 34));
+		}, null, 8, ["name", "size"]))], 46, iu))), 128))], 34));
 	}
-}), cu = {}, lu = { class: "relative" };
-function uu(e, t) {
-	return L(), S("div", lu, [H(e.$slots, "default")]);
+}), ou = {}, su = { class: "relative" };
+function cu(e, t) {
+	return L(), S("div", su, [H(e.$slots, "default")]);
 }
-var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
+var lu = /*#__PURE__*/ p(ou, [["render", cu]]), uu = /* @__PURE__ */ D({
 	__name: "MResponsive",
 	props: {
 		show: {},
@@ -7767,19 +7695,19 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), pu = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, mu = {
+}), du = { class: "flex flex-col items-center justify-center gap-4 py-14 text-center" }, fu = {
 	key: 0,
 	class: "text-display-small font-medium text-on-surface-variant/30"
-}, hu = { class: "text-headline-small font-medium text-on-surface" }, gu = {
+}, pu = { class: "text-headline-small font-medium text-on-surface" }, mu = {
 	key: 1,
 	class: "max-w-md text-body-large text-on-surface-variant"
-}, _u = {
+}, hu = {
 	key: 2,
 	class: "mt-2 flex flex-wrap items-center justify-center gap-3"
-}, vu = {
+}, gu = {
 	key: 3,
 	class: "mt-2"
-}, yu = /* @__PURE__ */ D({
+}, _u = /* @__PURE__ */ D({
 	__name: "MResult",
 	props: {
 		status: {},
@@ -7847,19 +7775,19 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				};
 			}
 		}), r = v(() => t.status === "404" || t.status === "403" || t.status === "500" ? t.status : null);
-		return (t, i) => (L(), S("div", pu, [
-			r.value ? (L(), S("span", mu, G(r.value), 1)) : x("", !0),
+		return (t, i) => (L(), S("div", du, [
+			r.value ? (L(), S("span", fu, G(r.value), 1)) : x("", !0),
 			C("div", { class: M(["flex h-20 w-20 items-center justify-center rounded-full", [n.value.bg, n.value.text]]) }, [E(f, {
 				name: n.value.icon,
 				size: 40
 			}, null, 8, ["name"])], 2),
-			C("h2", hu, G(e.title ?? n.value.defaultTitle), 1),
-			e.description ?? n.value.defaultDesc ? (L(), S("p", gu, G(e.description ?? n.value.defaultDesc), 1)) : x("", !0),
-			t.$slots.actions ? (L(), S("div", _u, [H(t.$slots, "actions")])) : x("", !0),
-			t.$slots.default ? (L(), S("div", vu, [H(t.$slots, "default")])) : x("", !0)
+			C("h2", pu, G(e.title ?? n.value.defaultTitle), 1),
+			e.description ?? n.value.defaultDesc ? (L(), S("p", mu, G(e.description ?? n.value.defaultDesc), 1)) : x("", !0),
+			t.$slots.actions ? (L(), S("div", hu, [H(t.$slots, "actions")])) : x("", !0),
+			t.$slots.default ? (L(), S("div", gu, [H(t.$slots, "default")])) : x("", !0)
 		]));
 	}
-}), bu = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, xu = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, Su = { class: "flex items-center gap-1" }, Cu = { class: "text-title-medium font-medium capitalize text-on-surface" }, wu = { class: "flex rounded-full bg-surface-container-high p-0.5" }, Tu = ["onClick"], Eu = { class: "overflow-auto" }, Du = { class: "w-full border-collapse" }, Ou = { class: "text-label-small uppercase text-on-surface-variant" }, ku = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, Au = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, ju = ["onClick"], Mu = ["onClick"], Nu = { class: "truncate text-label-small font-medium" }, Pu = { class: "truncate text-label-small opacity-70" }, Fu = /* @__PURE__ */ D({
+}), vu = { class: "flex flex-col overflow-hidden rounded-lg border border-outline-variant" }, yu = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-4 py-3" }, bu = { class: "flex items-center gap-1" }, xu = { class: "text-title-medium font-medium capitalize text-on-surface" }, Su = { class: "flex rounded-full bg-surface-container-high p-0.5" }, Cu = ["onClick"], wu = { class: "overflow-auto" }, Tu = { class: "w-full border-collapse" }, Eu = { class: "text-label-small uppercase text-on-surface-variant" }, Du = { class: "w-16 border-r border-b border-outline-variant/50 p-0 pr-2 text-right align-top" }, Ou = { class: "relative -top-2.5 text-label-small text-on-surface-variant" }, ku = ["onClick"], Au = ["onClick"], ju = { class: "truncate text-label-small font-medium" }, Mu = { class: "truncate text-label-small opacity-70" }, Nu = /* @__PURE__ */ D({
 	__name: "MScheduler",
 	props: {
 		events: { default: () => [] },
@@ -7940,8 +7868,8 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			error: "bg-error-container text-on-error-container border-error/30",
 			success: "bg-success-container text-on-success-container border-success/30"
 		};
-		return (t, r) => (L(), S("div", bu, [C("div", xu, [
-			C("div", Su, [
+		return (t, r) => (L(), S("div", vu, [C("div", yu, [
+			C("div", bu, [
 				E(s, {
 					icon: "chevron_left",
 					label: e.prevLabel ?? K(n).previous,
@@ -7960,17 +7888,17 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 					onClick: w
 				}, G(e.todayLabel ?? K(n).today), 1)
 			]),
-			C("h3", Cu, G(y.value), 1),
-			C("div", wu, [(L(), S(m, null, V(["day", "week"], (t) => C("button", {
+			C("h3", xu, G(y.value), 1),
+			C("div", Su, [(L(), S(m, null, V(["day", "week"], (t) => C("button", {
 				key: t,
 				type: "button",
 				class: M(["cursor-pointer rounded-full px-3 py-1 text-label-medium transition-all duration-150", c.value === t ? "bg-secondary-container text-on-secondary-container shadow-elevation-1" : "text-on-surface-variant hover:bg-on-surface/8"]),
 				onClick: (e) => c.value = t
-			}, G(t === "day" ? e.dayViewLabel ?? K(n).dayView : e.weekViewLabel ?? K(n).weekView), 11, Tu)), 64))])
-		]), C("div", Eu, [C("table", Du, [C("thead", null, [C("tr", null, [r[2] ||= C("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (L(!0), S(m, null, V(f.value, (e) => (L(), S("th", {
+			}, G(t === "day" ? e.dayViewLabel ?? K(n).dayView : e.weekViewLabel ?? K(n).weekView), 11, Cu)), 64))])
+		]), C("div", wu, [C("table", Tu, [C("thead", null, [C("tr", null, [r[2] ||= C("th", { class: "sticky top-0 z-10 w-16 border-b border-r border-outline-variant bg-surface-container p-2" }, null, -1), (L(!0), S(m, null, V(f.value, (e) => (L(), S("th", {
 			key: h(e),
 			class: M(["sticky top-0 z-10 border-b border-r border-outline-variant bg-surface-container px-2 py-2 text-center last:border-r-0", h(e) === K(p) ? "bg-primary-container/30" : ""])
-		}, [C("div", Ou, G(K(g).format(e)), 1), C("div", { class: M(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", h(e) === K(p) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, G(K(_).format(e)), 3)], 2))), 128))])]), C("tbody", null, [(L(!0), S(m, null, V(l.value, (e) => (L(), S("tr", { key: e }, [C("td", ku, [C("span", Au, G(String(e).padStart(2, "0")) + ":00 ", 1)]), (L(!0), S(m, null, V(f.value, (t) => (L(), S("td", {
+		}, [C("div", Eu, G(K(g).format(e)), 1), C("div", { class: M(["mx-auto mt-0.5 flex h-8 w-8 items-center justify-center rounded-full text-title-medium", h(e) === K(p) ? "bg-primary text-on-primary font-medium" : "text-on-surface"]) }, G(K(_).format(e)), 3)], 2))), 128))])]), C("tbody", null, [(L(!0), S(m, null, V(l.value, (e) => (L(), S("tr", { key: e }, [C("td", Du, [C("span", Ou, G(String(e).padStart(2, "0")) + ":00 ", 1)]), (L(!0), S(m, null, V(f.value, (t) => (L(), S("td", {
 			key: h(t),
 			class: M(["relative h-14 border-r border-b border-outline-variant/50 p-0 last:border-r-0", h(t) === K(p) ? "bg-primary-container/5" : ""]),
 			onClick: (n) => a("slotClick", {
@@ -7983,9 +7911,9 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			class: M(["absolute inset-x-0.5 top-0.5 z-5 cursor-pointer overflow-hidden rounded border-l-[3px] px-2 py-1 text-left transition-opacity hover:opacity-90", A[t.color ?? "primary"]]),
 			style: N({ height: `calc(${O(t) * 100}% - 4px)` }),
 			onClick: Q((e) => a("eventClick", t), ["stop"])
-		}, [C("p", Nu, G(t.title), 1), C("p", Pu, G(k(t)), 1)], 14, Mu)) : x("", !0)], 64))), 128))], 10, ju))), 128))]))), 128))])])])]));
+		}, [C("p", ju, G(t.title), 1), C("p", Mu, G(k(t)), 1)], 14, Au)) : x("", !0)], 64))), 128))], 10, ku))), 128))]))), 128))])])])]));
 	}
-}), Iu = /* @__PURE__ */ D({
+}), Pu = /* @__PURE__ */ D({
 	__name: "MScrollable",
 	props: {
 		direction: { default: "vertical" },
@@ -8006,13 +7934,13 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			style: N(i.value)
 		}, [H(e.$slots, "default")], 6));
 	}
-}), Lu = { key: 0 }, Ru = { class: "flex items-start justify-between" }, zu = {
+}), Fu = { key: 0 }, Iu = { class: "flex items-start justify-between" }, Lu = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, Bu = {
+}, Ru = {
 	key: 0,
 	class: "mt-4 h-px bg-outline-variant"
-}, Vu = /* @__PURE__ */ D({
+}, zu = /* @__PURE__ */ D({
 	__name: "MSection",
 	props: {
 		title: {},
@@ -8049,19 +7977,19 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			"label-medium": "text-label-medium",
 			"label-small": "text-label-small"
 		}, i = v(() => n[t.gap]), a = v(() => [r[t.titleVariant], "font-medium"]);
-		return (t, n) => (L(), S("section", { class: M(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (L(), S("div", Lu, [C("div", Ru, [C("div", null, [H(t.$slots, "title", {}, () => [e.title ? (L(), S("p", {
+		return (t, n) => (L(), S("section", { class: M(["flex flex-col", i.value]) }, [e.title || e.subtitle || t.$slots.title || t.$slots.actions ? (L(), S("div", Fu, [C("div", Iu, [C("div", null, [H(t.$slots, "title", {}, () => [e.title ? (L(), S("p", {
 			key: 0,
 			class: M(a.value)
-		}, G(e.title), 3)) : x("", !0)]), H(t.$slots, "subtitle", {}, () => [e.subtitle ? (L(), S("p", zu, G(e.subtitle), 1)) : x("", !0)])]), H(t.$slots, "actions")]), e.divider ? (L(), S("div", Bu)) : x("", !0)])) : x("", !0), H(t.$slots, "default")], 2));
+		}, G(e.title), 3)) : x("", !0)]), H(t.$slots, "subtitle", {}, () => [e.subtitle ? (L(), S("p", Lu, G(e.subtitle), 1)) : x("", !0)])]), H(t.$slots, "actions")]), e.divider ? (L(), S("div", Ru)) : x("", !0)])) : x("", !0), H(t.$slots, "default")], 2));
 	}
-}), Hu = {
+}), Bu = {
 	class: "inline-flex overflow-hidden rounded-full border border-outline",
 	role: "group"
-}, Uu = [
+}, Vu = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
-], Wu = /* @__PURE__ */ D({
+], Hu = /* @__PURE__ */ D({
 	__name: "MSegmentedButton",
 	props: {
 		modelValue: {},
@@ -8085,7 +8013,7 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				i >= 0 ? r.splice(i, 1) : r.push(e.value), n("update:modelValue", r);
 			} else n("update:modelValue", e.value);
 		}
-		return (t, n) => (L(), S("div", Hu, [(L(!0), S(m, null, V(e.options, (t, n) => (L(), S("button", {
+		return (t, n) => (L(), S("div", Bu, [(L(!0), S(m, null, V(e.options, (t, n) => (L(), S("button", {
 			key: t.value,
 			type: "button",
 			class: M(["relative inline-flex items-center justify-center gap-2 text-label-large font-medium transition-[background-color,color] duration-150 outline-none before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 enabled:hover:before:opacity-[0.08] enabled:active:before:opacity-[0.12]", [
@@ -8106,35 +8034,35 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			key: 1,
 			name: t.icon,
 			size: 18
-		}, null, 8, ["name"])) : x("", !0), C("span", null, G(t.label), 1)], 10, Uu))), 128))]));
+		}, null, 8, ["name"])) : x("", !0), C("span", null, G(t.label), 1)], 10, Vu))), 128))]));
 	}
-}), Gu = { class: "flex flex-col gap-1" }, Ku = [
+}), Uu = { class: "flex flex-col gap-1" }, Wu = [
 	"id",
 	"tabindex",
 	"aria-expanded",
 	"aria-disabled"
-], qu = {
+], Gu = {
 	key: 0,
 	class: "text-on-surface"
-}, Ju = ["for"], Yu = {
+}, Ku = ["for"], qu = {
 	key: 0,
 	class: "text-error"
-}, Xu = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 flex h-6 items-center" }, Zu = {
+}, Ju = { class: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 flex h-6 items-center" }, Yu = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Qu = {
+}, Xu = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, $u = ["onClick"], ed = {
+}, Zu = ["onClick"], Qu = {
 	key: 1,
 	class: "w-[18px] shrink-0"
-}, td = {
+}, $u = {
 	key: 0,
 	class: "px-4 py-3 text-center text-body-small text-on-surface-variant"
-}, nd = { class: "select-modal-box flex max-h-[80vh] w-full max-w-sm flex-col overflow-hidden rounded-[28px] bg-surface-container-high shadow-elevation-3" }, rd = { class: "flex items-center justify-between px-6 pt-6 pb-4" }, id = { class: "text-headline-small text-on-surface" }, ad = { class: "flex-1 overflow-y-auto py-2" }, od = ["onClick"], sd = {
+}, ed = { class: "select-modal-box flex max-h-[80vh] w-full max-w-sm flex-col overflow-hidden rounded-[28px] bg-surface-container-high shadow-elevation-3" }, td = { class: "flex items-center justify-between px-6 pt-6 pb-4" }, nd = { class: "text-headline-small text-on-surface" }, rd = { class: "flex-1 overflow-y-auto py-2" }, id = ["onClick"], ad = {
 	key: 0,
 	class: "px-6 py-4 text-center text-body-medium text-on-surface-variant"
-}, cd = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, od = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MSelect",
 	props: {
 		modelValue: { default: void 0 },
@@ -8147,7 +8075,8 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			type: Boolean,
 			default: !1
 		},
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		required: {
 			type: Boolean,
@@ -8252,7 +8181,7 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				l.value ? i.error ? "text-error" : "text-primary" : i.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (L(), S(m, null, [C("div", Gu, [C("div", {
+		return (t, n) => (L(), S(m, null, [C("div", Uu, [C("div", {
 			ref_key: "fieldEl",
 			ref: d,
 			class: M(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -8274,11 +8203,11 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				class: M([U.value, e.disabled ? "pointer-events-none opacity-[0.38]" : ""]),
 				onClick: A,
 				onKeydown: z
-			}, [D.value ? (L(), S("span", qu, G(O.value), 1)) : x("", !0)], 42, Ku),
+			}, [D.value ? (L(), S("span", Gu, G(O.value), 1)) : x("", !0)], 42, Wu),
 			C("label", {
 				for: K(c),
 				class: M(q.value)
-			}, [T(G(e.label), 1), e.required ? (L(), S("span", Yu, "\xA0*")) : x("", !0)], 10, Ju),
+			}, [T(G(e.label), 1), e.required ? (L(), S("span", qu, "\xA0*")) : x("", !0)], 10, Ku),
 			e.clearable && D.value && !e.disabled ? (L(), S("button", {
 				key: 1,
 				type: "button",
@@ -8290,12 +8219,12 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				name: "close",
 				size: 18
 			})])) : x("", !0),
-			C("div", Xu, [E(f, {
+			C("div", Ju, [E(f, {
 				name: "arrow_drop_down",
 				size: 24,
 				class: M(["text-on-surface-variant transition-transform duration-200", l.value || u.value ? "rotate-180" : ""])
 			}, null, 8, ["class"])])
-		], 6), e.error ? (L(), S("p", Zu, G(e.error), 1)) : e.hint ? (L(), S("p", Qu, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
+		], 6), e.error && e.errorLabel ? (L(), S("p", Yu, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", Xu, G(e.hint), 1)) : x("", !0)]), (L(), b(h, { to: "body" }, [E(g, {
 			"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",
@@ -8318,21 +8247,21 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				name: "check",
 				size: 18,
 				class: "shrink-0 text-primary"
-			})) : (L(), S("span", ed)), T(" " + G(t.label), 1)], 10, $u))), 128)), e.options.length ? x("", !0) : (L(), S("p", td, " Sin opciones "))], 4)) : x("", !0)]),
+			})) : (L(), S("span", Qu)), T(" " + G(t.label), 1)], 10, Zu))), 128)), e.options.length ? x("", !0) : (L(), S("p", $u, " Sin opciones "))], 4)) : x("", !0)]),
 			_: 1
 		}), E(g, { name: "m3-select-modal" }, {
 			default: Z(() => [u.value && e.mode === "modal" ? (L(), S("div", {
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
 				onClick: Q(H, ["self"])
-			}, [C("div", nd, [
-				C("div", rd, [C("h2", id, G(e.label || e.placeholder), 1), E(s, {
+			}, [C("div", ed, [
+				C("div", td, [C("h2", nd, G(e.label || e.placeholder), 1), E(s, {
 					icon: "close",
 					label: K(o).close,
 					onClick: H
 				}, null, 8, ["label"])]),
 				n[1] ||= C("div", { class: "h-px bg-outline-variant" }, null, -1),
-				C("div", ad, [(L(!0), S(m, null, V(e.options, (t, n) => (L(), S("div", {
+				C("div", rd, [(L(!0), S(m, null, V(e.options, (t, n) => (L(), S("div", {
 					key: n,
 					class: M(["flex cursor-pointer items-center gap-4 px-6 py-3.5 text-body-large transition-colors", [t.disabled ? "cursor-not-allowed opacity-38 text-on-surface" : "text-on-surface hover:bg-on-surface/8", w(t.value, e.modelValue) ? "bg-primary/8" : ""]]),
 					onClick: (e) => j(t)
@@ -8340,21 +8269,21 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 					name: w(t.value, e.modelValue) ? "radio_button_checked" : "radio_button_unchecked",
 					size: 20,
 					class: M(w(t.value, e.modelValue) ? "text-primary" : "text-on-surface-variant")
-				}, null, 8, ["name", "class"]), C("span", { class: M(w(t.value, e.modelValue) ? "text-primary font-medium" : "") }, G(t.label), 3)], 10, od))), 128)), e.options.length ? x("", !0) : (L(), S("p", sd, " Sin opciones "))])
+				}, null, 8, ["name", "class"]), C("span", { class: M(w(t.value, e.modelValue) ? "text-primary font-medium" : "") }, G(t.label), 3)], 10, id))), 128)), e.options.length ? x("", !0) : (L(), S("p", ad, " Sin opciones "))])
 			])])) : x("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), [["__scopeId", "data-v-bc6f9740"]]), ld = {
+}), [["__scopeId", "data-v-17adb5b4"]]), sd = {
 	key: 0,
 	class: "fixed inset-0 z-200 flex justify-end"
-}, ud = {
+}, cd = {
 	key: 0,
 	class: "flex shrink-0 items-center justify-between border-b border-outline-variant px-6 py-4"
-}, dd = { class: "text-title-large text-on-surface" }, fd = { class: "flex-1 overflow-y-auto px-6 py-4" }, pd = {
+}, ld = { class: "text-title-large text-on-surface" }, ud = { class: "flex-1 overflow-y-auto px-6 py-4" }, dd = {
 	key: 1,
 	class: "shrink-0 border-t border-outline-variant px-6 py-4"
-}, md = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, fd = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MSideSheet",
 	props: {
 		modelValue: { type: Boolean },
@@ -8384,7 +8313,7 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				leave: 280
 			}
 		}, {
-			default: Z(() => [e.modelValue ? (L(), S("div", ld, [C("div", {
+			default: Z(() => [e.modelValue ? (L(), S("div", sd, [C("div", {
 				class: "ss-scrim absolute inset-0 bg-black/40",
 				onClick: r
 			}), C("aside", {
@@ -8397,7 +8326,7 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 					onPointermove: c,
 					onPointerup: l
 				}, null, 32),
-				e.title || t.$slots.header ? (L(), S("div", ud, [H(t.$slots, "header", {}, () => [C("h2", dd, G(e.title), 1)], !0), C("button", {
+				e.title || t.$slots.header ? (L(), S("div", cd, [H(t.$slots, "header", {}, () => [C("h2", ld, G(e.title), 1)], !0), C("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
@@ -8405,16 +8334,16 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 					name: "close",
 					size: 20
 				})])])) : x("", !0),
-				C("div", fd, [H(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (L(), S("div", pd, [H(t.$slots, "actions", {}, void 0, !0)])) : x("", !0)
+				C("div", ud, [H(t.$slots, "default", {}, void 0, !0)]),
+				t.$slots.actions ? (L(), S("div", dd, [H(t.$slots, "actions", {}, void 0, !0)])) : x("", !0)
 			], 6)])) : x("", !0)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-ba5b6f4b"]]), hd = {
+}), [["__scopeId", "data-v-ba5b6f4b"]]), pd = {
 	key: 0,
 	class: "flex flex-col gap-2.5"
-}, gd = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, md = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MSkeleton",
 	props: {
 		variant: { default: "text" },
@@ -8424,7 +8353,7 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 		animation: { default: "pulse" }
 	},
 	setup(e) {
-		return (t, n) => e.variant === "text" && e.lines > 1 ? (L(), S("div", hd, [(L(!0), S(m, null, V(e.lines, (t) => (L(), S("div", {
+		return (t, n) => e.variant === "text" && e.lines > 1 ? (L(), S("div", pd, [(L(!0), S(m, null, V(e.lines, (t) => (L(), S("div", {
 			key: t,
 			class: M(["h-3.5 rounded-full bg-on-surface/10", e.animation === "pulse" ? "animate-pulse" : e.animation === "wave" ? "skeleton-wave" : ""]),
 			style: N({ width: t === e.lines ? "60%" : e.width ?? "100%" })
@@ -8437,22 +8366,22 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			})
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-32ecf05b"]]), _d = {
+}), [["__scopeId", "data-v-32ecf05b"]]), hd = {
 	key: 0,
 	class: "flex items-center justify-between"
-}, vd = {
+}, gd = {
 	key: 0,
 	class: "text-label-large text-on-surface"
-}, yd = {
+}, _d = {
 	key: 1,
 	class: "tabular-nums text-label-large text-on-surface-variant"
-}, bd = [
+}, vd = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-disabled",
 	"aria-orientation"
-], xd = /* @__PURE__ */ D({
+], yd = /* @__PURE__ */ D({
 	__name: "MSlider",
 	props: {
 		modelValue: {},
@@ -8592,18 +8521,19 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 			e.preventDefault();
 			let t = D(e);
 			if (s.value) {
-				a.value = Math.abs(t - c.value.lo) <= Math.abs(t - c.value.hi) ? "lo" : "hi";
-				let e = n.modelValue;
-				r("update:modelValue", a.value === "lo" ? [t, e[1]] : [e[0], t]);
+				let e = n.modelValue, i = Math.abs(t - e[0]) <= Math.abs(t - e[1]) ? 0 : 1;
+				a.value = i;
+				let o = [e[0], e[1]];
+				o[i] = t, r("update:modelValue", o);
 			} else a.value = "single", r("update:modelValue", t);
 			window.addEventListener("pointermove", k), window.addEventListener("pointerup", A), window.addEventListener("pointercancel", A);
 		}
 		function k(e) {
-			if (!a.value) return;
+			if (a.value === !1) return;
 			let t = D(e);
 			if (s.value) {
-				let e = n.modelValue;
-				r("update:modelValue", a.value === "lo" ? [t, e[1]] : [e[0], t]);
+				let e = n.modelValue, i = [e[0], e[1]];
+				i[a.value] = t, r("update:modelValue", i);
 			} else r("update:modelValue", t);
 		}
 		function A() {
@@ -8634,7 +8564,7 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				n.icon && a < r || e.push(a);
 			}
 			return e.length <= 28 ? e : [];
-		}), I = v(() => _.value.radius), R = v(() => !a.value), z = v(() => R.value ? "75ms ease" : "0s");
+		}), I = v(() => _.value.radius), R = v(() => a.value === !1), z = v(() => R.value ? "75ms ease" : "0s");
 		function H(e) {
 			let t = o.value ? _.value.thumbH : _.value.thumbW, n = o.value ? _.value.thumbW : _.value.thumbH, r = Math.min(t, n) / 2, i = {
 				position: "absolute",
@@ -8645,7 +8575,7 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				zIndex: "2",
 				transition: R.value ? "left 75ms ease, bottom 75ms ease, transform 80ms ease" : "transform 80ms ease"
 			};
-			return o.value ? (i.left = "50%", i.bottom = `${e}%`, i.transform = `translateX(-50%) translateY(50%) scaleX(${a.value ? 1.08 : 1})`) : (i.left = `${e}%`, i.top = "50%", i.transform = `translateX(-50%) translateY(-50%) scaleY(${a.value ? 1.08 : 1})`), i;
+			return o.value ? (i.left = "50%", i.bottom = `${e}%`, i.transform = `translateX(-50%) translateY(50%) scaleX(${a.value === !1 ? 1 : 1.08})`) : (i.left = `${e}%`, i.top = "50%", i.transform = `translateX(-50%) translateY(-50%) scaleY(${a.value === !1 ? 1 : 1.08})`), i;
 		}
 		function U(e) {
 			let t = _.value.track / 2 + 36, n = _.value.track / 2 + 40;
@@ -8661,8 +8591,8 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				transition: R.value ? "left " + z.value : "none"
 			};
 		}
-		let W = v(() => s.value ? `${c.value.lo} – ${c.value.hi}` : String(n.modelValue)), K = v(() => s.value ? a.value === "lo" ? c.value.lo : c.value.hi : n.modelValue), q = v(() => s.value ? a.value === "lo" ? u.value : d.value : u.value);
-		return (t, n) => (L(), S("div", { class: M(["flex select-none", o.value ? "h-full flex-col items-center" : "flex-col gap-1"]) }, [e.label || e.showValue ? (L(), S("div", _d, [e.label ? (L(), S("span", vd, G(e.label), 1)) : x("", !0), e.showValue ? (L(), S("span", yd, G(W.value), 1)) : x("", !0)])) : x("", !0), C("div", { class: M(["flex items-center", o.value ? "flex-1 flex-col" : ""]) }, [C("div", {
+		let W = v(() => s.value ? `${c.value.lo} – ${c.value.hi}` : String(n.modelValue)), K = v(() => s.value && typeof a.value == "number" ? n.modelValue[a.value] : n.modelValue), q = v(() => s.value && typeof a.value == "number" ? l(n.modelValue[a.value]) : u.value);
+		return (t, n) => (L(), S("div", { class: M(["flex select-none", o.value ? "h-full flex-col items-center" : "flex-col gap-1"]) }, [e.label || e.showValue ? (L(), S("div", hd, [e.label ? (L(), S("span", gd, G(e.label), 1)) : x("", !0), e.showValue ? (L(), S("span", _d, G(W.value), 1)) : x("", !0)])) : x("", !0), C("div", { class: M(["flex items-center", o.value ? "flex-1 flex-col" : ""]) }, [C("div", {
 			ref_key: "trackEl",
 			ref: i,
 			role: "slider",
@@ -8959,20 +8889,20 @@ var du = /*#__PURE__*/ p(cu, [["render", uu]]), fu = /* @__PURE__ */ D({
 				"leave-active-class": "transition-opacity duration-75",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: Z(() => [e.showTooltip && a.value ? (L(), S("div", {
+				default: Z(() => [e.showTooltip && a.value !== !1 ? (L(), S("div", {
 					key: 0,
 					class: "pointer-events-none absolute z-10 flex h-7 min-w-7 items-center justify-center rounded-full bg-inverse-surface px-2 text-label-small tabular-nums text-inverse-on-surface",
 					style: N(U(q.value))
 				}, G(K.value), 5)) : x("", !0)]),
 				_: 1
 			})
-		], 46, bd)], 2)], 2));
+		], 46, vd)], 2)], 2));
 	}
-}), Sd = {}, Cd = { class: "flex-1" };
-function wd(e, t) {
-	return L(), S("div", Cd);
+}), bd = {}, xd = { class: "flex-1" };
+function Sd(e, t) {
+	return L(), S("div", xd);
 }
-var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabled"], Od = ["disabled", "onClick"], kd = /*#__PURE__*/ p(/* @__PURE__ */ D({
+var Cd = /*#__PURE__*/ p(bd, [["render", Sd]]), wd = ["disabled"], Td = ["disabled"], Ed = ["disabled", "onClick"], Dd = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MSplitButton",
 	props: {
 		label: {},
@@ -9184,7 +9114,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			key: 0,
 			name: e.icon,
 			size: u.value.icon
-		}, null, 8, ["name", "size"])) : x("", !0), T(" " + G(e.label), 1)], 46, Ed), C("button", {
+		}, null, 8, ["name", "size"])) : x("", !0), T(" " + G(e.label), 1)], 46, wd), C("button", {
 			type: "button",
 			class: M(["toggle-btn relative flex cursor-pointer items-center justify-center overflow-hidden", [
 				u.value.h,
@@ -9204,7 +9134,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			name: "arrow_drop_down",
 			size: u.value.arrow,
 			class: M(["transition-transform duration-200", i.value ? "rotate-180" : ""])
-		}, null, 8, ["size", "class"])], 46, Dd)], 2), (L(), b(h, { to: "body" }, [E(g, {
+		}, null, 8, ["size", "class"])], 46, Td)], 2), (L(), b(h, { to: "body" }, [E(g, {
 			"enter-active-class": "transition-[opacity,transform] duration-150",
 			"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
 			"leave-active-class": "transition-[opacity,transform] duration-100",
@@ -9227,7 +9157,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				name: e.icon,
 				size: 18,
 				class: "shrink-0 text-on-surface-variant"
-			}, null, 8, ["name"])) : x("", !0), T(" " + G(e.label), 1)], 10, Od))), 128))], 4)) : x("", !0)]),
+			}, null, 8, ["name"])) : x("", !0), T(" " + G(e.label), 1)], 10, Ed))), 128))], 4)) : x("", !0)]),
 			_: 1
 		}), E(g, {
 			"enter-active-class": "transition-[opacity,transform] duration-150",
@@ -9244,7 +9174,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			_: 3
 		})]))], 64));
 	}
-}), [["__scopeId", "data-v-ec1435bc"]]), Ad = /* @__PURE__ */ D({
+}), [["__scopeId", "data-v-ec1435bc"]]), Od = /* @__PURE__ */ D({
 	__name: "MSplitter",
 	props: {
 		direction: { default: "horizontal" },
@@ -9291,26 +9221,26 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			}, [H(e.$slots, "second")], 4)
 		], 2));
 	}
-}), jd = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Md = { class: "flex items-center gap-3 px-5 py-1" }, Nd = ["placeholder"], Pd = {
+}), kd = { class: "spot-box flex w-full max-w-xl flex-col overflow-hidden rounded-2xl bg-surface-container-high shadow-elevation-3" }, Ad = { class: "flex items-center gap-3 px-5 py-1" }, jd = ["placeholder"], Md = {
 	key: 0,
 	class: "max-h-96 overflow-y-auto border-t border-outline-variant"
-}, Fd = {
+}, Nd = {
 	key: 0,
 	class: "px-5 pt-4 pb-1 text-label-small font-medium tracking-wide text-on-surface-variant uppercase"
-}, Id = [
+}, Pd = [
 	"data-spot-active",
 	"onClick",
 	"onPointerenter"
-], Ld = {
+], Fd = {
 	key: 0,
 	class: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-primary-container"
-}, Rd = { class: "min-w-0 flex-1" }, zd = { class: "truncate text-body-medium text-on-surface" }, Bd = {
+}, Id = { class: "min-w-0 flex-1" }, Ld = { class: "truncate text-body-medium text-on-surface" }, Rd = {
 	key: 0,
 	class: "truncate text-body-small text-on-surface-variant"
-}, Vd = {
+}, zd = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10"
-}, Hd = { class: "text-body-medium text-on-surface-variant" }, Ud = { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, Wd = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Gd = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Kd = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, qd = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Bd = { class: "text-body-medium text-on-surface-variant" }, Vd = { class: "flex items-center gap-4 border-t border-outline-variant px-5 py-2" }, Hd = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Ud = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Wd = { class: "flex items-center gap-1 text-label-small text-on-surface-variant" }, Gd = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MSpotlightSearch",
 	props: {
 		modelValue: { type: Boolean },
@@ -9374,8 +9304,8 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 pt-[12vh]",
 				onClick: Q(_, ["self"])
-			}, [C("div", jd, [
-				C("div", Md, [
+			}, [C("div", kd, [
+				C("div", Ad, [
 					E(f, {
 						name: "search",
 						size: 24,
@@ -9389,7 +9319,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						placeholder: e.placeholder ?? K(n).search,
 						class: "h-14 flex-1 bg-transparent text-title-medium text-on-surface outline-none placeholder:text-on-surface-variant/50",
 						onKeydown: D
-					}, null, 40, Nd), [[ee, s.value]]),
+					}, null, 40, jd), [[ee, s.value]]),
 					e.loading ? (L(), b(a, {
 						key: 0,
 						size: 20,
@@ -9404,7 +9334,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						size: 18
 					})])) : x("", !0)
 				]),
-				d.value ? (L(), S("div", Pd, [e.results.length ? (L(!0), S(m, { key: 0 }, V(p.value, ([t, n]) => (L(), S(m, { key: t }, [t ? (L(), S("p", Fd, G(t), 1)) : x("", !0), (L(!0), S(m, null, V(n, (t) => (L(), S("button", {
+				d.value ? (L(), S("div", Md, [e.results.length ? (L(!0), S(m, { key: 0 }, V(p.value, ([t, n]) => (L(), S(m, { key: t }, [t ? (L(), S("p", Nd, G(t), 1)) : x("", !0), (L(!0), S(m, null, V(n, (t) => (L(), S("button", {
 					key: t.id,
 					type: "button",
 					"data-spot-active": e.results.indexOf(t) === c.value || void 0,
@@ -9412,32 +9342,32 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					onClick: (e) => y(t),
 					onPointerenter: (n) => c.value = e.results.indexOf(t)
 				}, [
-					t.icon ? (L(), S("div", Ld, [E(f, {
+					t.icon ? (L(), S("div", Fd, [E(f, {
 						name: t.icon,
 						size: 20,
 						class: "text-on-primary-container"
 					}, null, 8, ["name"])])) : x("", !0),
-					C("div", Rd, [C("p", zd, G(t.title), 1), t.description ? (L(), S("p", Bd, G(t.description), 1)) : x("", !0)]),
+					C("div", Id, [C("p", Ld, G(t.title), 1), t.description ? (L(), S("p", Rd, G(t.description), 1)) : x("", !0)]),
 					E(f, {
 						name: "arrow_forward",
 						size: 16,
 						class: "shrink-0 text-on-surface-variant/40"
 					})
-				], 42, Id))), 128))], 64))), 128)) : e.loading ? x("", !0) : (L(), S("div", Vd, [E(f, {
+				], 42, Pd))), 128))], 64))), 128)) : e.loading ? x("", !0) : (L(), S("div", zd, [E(f, {
 					name: "search_off",
 					size: 40,
 					class: "text-on-surface-variant/40"
-				}), C("p", Hd, G(e.noResultsText ?? K(n).noResults), 1)]))])) : x("", !0),
-				C("div", Ud, [
-					C("span", Wd, [r[2] ||= C("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), T(" " + G(e.navigateHint ?? K(n).navigateHint), 1)]),
-					C("span", Gd, [r[3] ||= C("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), T(" " + G(e.openHint ?? K(n).openHint), 1)]),
-					C("span", Kd, [r[4] ||= C("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), T(" " + G(e.closeHint ?? K(n).closeHint), 1)])
+				}), C("p", Bd, G(e.noResultsText ?? K(n).noResults), 1)]))])) : x("", !0),
+				C("div", Vd, [
+					C("span", Hd, [r[2] ||= C("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↑↓", -1), T(" " + G(e.navigateHint ?? K(n).navigateHint), 1)]),
+					C("span", Ud, [r[3] ||= C("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "↵", -1), T(" " + G(e.openHint ?? K(n).openHint), 1)]),
+					C("span", Wd, [r[4] ||= C("kbd", { class: "rounded bg-surface-container px-1 py-0.5" }, "esc", -1), T(" " + G(e.closeHint ?? K(n).closeHint), 1)])
 				])
 			])])) : x("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-1fa0da82"]]), Jd = /* @__PURE__ */ D({
+}), [["__scopeId", "data-v-1fa0da82"]]), Kd = /* @__PURE__ */ D({
 	__name: "MStack",
 	props: {
 		direction: { default: "column" },
@@ -9492,19 +9422,19 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			role: "separator"
 		}, null, 2)) : x("", !0), (L(), b(W(e)))], 64))), 128)) : H(t.$slots, "default", { key: 1 })], 2));
 	}
-}), Yd = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, Xd = { class: "flex items-start justify-between gap-2" }, Zd = { class: "flex min-w-0 flex-col gap-1" }, Qd = { class: "truncate text-label-large text-on-surface-variant" }, $d = {
+}), qd = { class: "flex flex-col gap-2 overflow-hidden rounded-lg border border-outline-variant bg-surface-container-lowest p-4" }, Jd = { class: "flex items-start justify-between gap-2" }, Yd = { class: "flex min-w-0 flex-col gap-1" }, Xd = { class: "truncate text-label-large text-on-surface-variant" }, Zd = {
 	key: 0,
 	class: "h-8 w-24 animate-pulse rounded-md bg-on-surface/10"
-}, ef = {
+}, Qd = {
 	key: 1,
 	class: "truncate text-headline-medium font-medium text-on-surface"
-}, tf = {
+}, $d = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-x-2 gap-y-1"
-}, nf = {
+}, ef = {
 	key: 1,
 	class: "text-label-medium text-on-surface-variant"
-}, rf = /* @__PURE__ */ D({
+}, tf = /* @__PURE__ */ D({
 	__name: "MStatCard",
 	props: {
 		title: {},
@@ -9523,13 +9453,13 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			error: "bg-error-container text-on-error-container",
 			success: "bg-success-container text-on-success-container"
 		}, r = v(() => t.trend == null ? "" : t.trend > 0 ? "text-success" : t.trend < 0 ? "text-error" : "text-on-surface-variant"), i = v(() => t.trend == null ? "" : t.trend > 0 ? "trending_up" : t.trend < 0 ? "trending_down" : "trending_flat");
-		return (t, a) => (L(), S("div", Yd, [C("div", Xd, [C("div", Zd, [C("span", Qd, G(e.title), 1), e.loading ? (L(), S("div", $d)) : (L(), S("span", ef, G(e.value), 1))]), e.icon ? (L(), S("div", {
+		return (t, a) => (L(), S("div", qd, [C("div", Jd, [C("div", Yd, [C("span", Xd, G(e.title), 1), e.loading ? (L(), S("div", Zd)) : (L(), S("span", Qd, G(e.value), 1))]), e.icon ? (L(), S("div", {
 			key: 0,
 			class: M(["flex h-11 w-11 shrink-0 items-center justify-center rounded-xl", n[e.color]])
 		}, [E(f, {
 			name: e.icon,
 			size: 24
-		}, null, 8, ["name"])], 2)) : x("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (L(), S("div", tf, [
+		}, null, 8, ["name"])], 2)) : x("", !0)]), e.trend != null || e.trendLabel || t.$slots.footer ? (L(), S("div", $d, [
 			e.trend == null ? x("", !0) : (L(), S("span", {
 				key: 0,
 				class: M(["inline-flex items-center gap-0.5 text-label-medium font-medium", r.value])
@@ -9537,35 +9467,35 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				name: i.value,
 				size: 16
 			}, null, 8, ["name"]), T(" " + G(e.trend > 0 ? "+" : "") + G(e.trend) + "% ", 1)], 2)),
-			e.trendLabel ? (L(), S("span", nf, G(e.trendLabel), 1)) : x("", !0),
+			e.trendLabel ? (L(), S("span", ef, G(e.trendLabel), 1)) : x("", !0),
 			H(t.$slots, "footer")
 		])) : x("", !0)]));
 	}
-}), af = {
+}), nf = {
 	key: 0,
 	class: "flex w-full items-start"
-}, of = ["onClick"], sf = { key: 3 }, cf = { class: "flex flex-col items-center text-center" }, lf = {
+}, rf = ["onClick"], af = { key: 3 }, of = { class: "flex flex-col items-center text-center" }, sf = {
 	key: 0,
 	class: "text-body-small text-on-surface-variant"
-}, uf = {
+}, cf = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, df = {
+}, lf = {
 	key: 0,
 	class: "mt-[18px] flex flex-1 items-center px-2"
-}, ff = {
+}, uf = {
 	key: 1,
 	class: "flex flex-col"
-}, pf = { class: "flex flex-col items-center" }, mf = ["onClick"], hf = { key: 3 }, gf = ["onClick"], _f = {
+}, df = { class: "flex flex-col items-center" }, ff = ["onClick"], pf = { key: 3 }, mf = ["onClick"], hf = {
 	key: 0,
 	class: "mt-0.5 text-body-small text-on-surface-variant"
-}, vf = {
+}, gf = {
 	key: 1,
 	class: "text-body-small text-on-surface-variant"
-}, yf = {
+}, _f = {
 	key: 2,
 	class: "mt-3"
-}, bf = /* @__PURE__ */ D({
+}, vf = /* @__PURE__ */ D({
 	__name: "MStepper",
 	props: {
 		steps: {},
@@ -9586,7 +9516,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		function o(e) {
 			a.value && r("update:modelValue", e);
 		}
-		return (t, n) => e.direction === "horizontal" ? (L(), S("div", af, [(L(!0), S(m, null, V(e.steps, (t, n) => (L(), S(m, { key: n }, [C("div", {
+		return (t, n) => e.direction === "horizontal" ? (L(), S("div", nf, [(L(!0), S(m, null, V(e.steps, (t, n) => (L(), S(m, { key: n }, [C("div", {
 			class: M(["flex flex-col items-center gap-2", a.value && i(n) !== "active" ? "cursor-pointer" : ""]),
 			onClick: (e) => o(n)
 		}, [C("div", { class: M(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", {
@@ -9605,18 +9535,18 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			key: 2,
 			name: t.icon,
 			size: 20
-		}, null, 8, ["name"])) : (L(), S("span", sf, G(n + 1), 1))], 2), C("div", cf, [
+		}, null, 8, ["name"])) : (L(), S("span", af, G(n + 1), 1))], 2), C("div", of, [
 			C("span", { class: M(["text-label-large", {
 				"font-medium text-on-surface": i(n) === "active" || i(n) === "completed",
 				"text-error": i(n) === "error",
 				"text-on-surface-variant": i(n) === "inactive"
 			}]) }, G(t.label), 3),
-			t.description ? (L(), S("span", lf, G(t.description), 1)) : x("", !0),
-			t.optional ? (L(), S("span", uf, " Opcional ")) : x("", !0)
-		])], 10, of), n < e.steps.length - 1 ? (L(), S("div", df, [C("div", { class: M(["h-px w-full transition-colors duration-300", n < e.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : x("", !0)], 64))), 128))])) : (L(), S("div", ff, [(L(!0), S(m, null, V(e.steps, (n, r) => (L(), S("div", {
+			t.description ? (L(), S("span", sf, G(t.description), 1)) : x("", !0),
+			t.optional ? (L(), S("span", cf, " Opcional ")) : x("", !0)
+		])], 10, rf), n < e.steps.length - 1 ? (L(), S("div", lf, [C("div", { class: M(["h-px w-full transition-colors duration-300", n < e.modelValue ? "bg-primary" : "bg-outline-variant"]) }, null, 2)])) : x("", !0)], 64))), 128))])) : (L(), S("div", uf, [(L(!0), S(m, null, V(e.steps, (n, r) => (L(), S("div", {
 			key: r,
 			class: "flex gap-4"
-		}, [C("div", pf, [C("div", {
+		}, [C("div", df, [C("div", {
 			class: M(["flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-label-large font-medium transition-colors duration-200", [{
 				"bg-primary text-on-primary": i(r) === "active" || i(r) === "completed",
 				"bg-error text-on-error": i(r) === "error",
@@ -9635,7 +9565,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			key: 2,
 			name: n.icon,
 			size: 20
-		}, null, 8, ["name"])) : (L(), S("span", hf, G(r + 1), 1))], 10, mf), r < e.steps.length - 1 ? (L(), S("div", {
+		}, null, 8, ["name"])) : (L(), S("span", pf, G(r + 1), 1))], 10, ff), r < e.steps.length - 1 ? (L(), S("div", {
 			key: 0,
 			class: M(["my-1 w-px flex-1 transition-colors duration-300", r < e.modelValue ? "bg-primary" : "bg-outline-variant"]),
 			style: { "min-height": "24px" }
@@ -9648,12 +9578,12 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				"text-error": i(r) === "error",
 				"text-on-surface-variant": i(r) === "inactive"
 			}]) }, G(n.label), 3),
-			n.description ? (L(), S("p", _f, G(n.description), 1)) : x("", !0),
-			n.optional ? (L(), S("p", vf, " Opcional ")) : x("", !0),
-			i(r) === "active" && t.$slots[`step-${r}`] ? (L(), S("div", yf, [H(t.$slots, `step-${r}`)])) : x("", !0)
-		], 10, gf)]))), 128))]));
+			n.description ? (L(), S("p", hf, G(n.description), 1)) : x("", !0),
+			n.optional ? (L(), S("p", gf, " Opcional ")) : x("", !0),
+			i(r) === "active" && t.$slots[`step-${r}`] ? (L(), S("div", _f, [H(t.$slots, `step-${r}`)])) : x("", !0)
+		], 10, mf)]))), 128))]));
 	}
-}), xf = /* @__PURE__ */ D({
+}), yf = /* @__PURE__ */ D({
 	__name: "MSticky",
 	props: {
 		top: { default: 0 },
@@ -9671,7 +9601,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		}));
 		return (e, t) => (L(), S("div", { style: N(r.value) }, [H(e.$slots, "default")], 4));
 	}
-}), Sf = /* @__PURE__ */ D({
+}), bf = /* @__PURE__ */ D({
 	__name: "MText",
 	props: {
 		variant: { default: "body-medium" },
@@ -9751,7 +9681,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Cf = /* @__PURE__ */ D({
+}), xf = /* @__PURE__ */ D({
 	__name: "MSubtitle",
 	props: {
 		size: { default: "large" },
@@ -9765,7 +9695,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			medium: "body-medium",
 			small: "body-small"
 		}, r = v(() => n[t.size]);
-		return (t, n) => (L(), b(Sf, {
+		return (t, n) => (L(), b(bf, {
 			variant: r.value,
 			color: e.color,
 			align: e.align,
@@ -9780,31 +9710,31 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			"truncate"
 		]));
 	}
-}), wf = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Tf = {
+}), Sf = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Cf = {
 	key: 0,
 	class: "flex flex-wrap items-center gap-3 border-b border-outline-variant bg-surface-container-lowest px-4 py-2.5"
-}, Ef = {
+}, wf = {
 	key: 0,
 	class: "flex min-w-48 flex-1 items-center gap-2 rounded-full border border-outline-variant bg-surface-container px-3 py-1.5 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30 transition-[border-color,box-shadow] duration-150"
-}, Df = ["placeholder"], Of = {
+}, Tf = ["placeholder"], Ef = {
 	key: 0,
 	class: "rounded-full bg-primary/12 px-3 py-1 text-label-small font-medium text-primary"
-}, kf = { class: "overflow-x-auto" }, Af = { class: "w-full border-collapse" }, jf = { class: "bg-surface-container-high" }, Mf = {
+}, Df = { class: "overflow-x-auto" }, Of = { class: "w-full border-collapse" }, kf = { class: "bg-surface-container-high" }, Af = {
 	key: 0,
 	class: "w-12 px-4 py-3"
-}, Nf = ["onClick"], Pf = { class: "inline-flex items-center gap-1" }, Ff = {
+}, jf = ["onClick"], Mf = { class: "inline-flex items-center gap-1" }, Nf = {
 	key: 0,
 	class: "inline-flex"
-}, If = {
+}, Pf = {
 	key: 1,
 	class: "w-1 px-4 py-3"
-}, Lf = {
+}, Ff = {
 	key: 0,
 	class: "px-4 py-3.5"
-}, Rf = {
+}, If = {
 	key: 1,
 	class: "px-4 py-3.5"
-}, zf = { key: 1 }, Bf = ["colspan"], Vf = { class: "text-body-medium text-on-surface-variant" }, Hf = ["onClick"], Uf = ["onClick"], Wf = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Gf = /* @__PURE__ */ D({
+}, Lf = { key: 1 }, Rf = ["colspan"], zf = { class: "text-body-medium text-on-surface-variant" }, Bf = ["onClick"], Vf = ["onClick"], Hf = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, Uf = /* @__PURE__ */ D({
 	__name: "MTable",
 	props: {
 		columns: {},
@@ -9944,9 +9874,9 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			return `${i[(e * 3 + t) % i.length]}%`;
 		}
 		let q = Y(), J = v(() => !!q["row-actions"]);
-		return (t, r) => (L(), S("div", wf, [
-			e.searchable || t.$slots.toolbar ? (L(), S("div", Tf, [
-				e.searchable ? (L(), S("div", Ef, [
+		return (t, r) => (L(), S("div", Sf, [
+			e.searchable || t.$slots.toolbar ? (L(), S("div", Cf, [
+				e.searchable ? (L(), S("div", wf, [
 					E(f, {
 						name: "search",
 						size: 16,
@@ -9957,7 +9887,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						type: "text",
 						placeholder: e.searchPlaceholder ?? K(n).search,
 						class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant"
-					}, null, 8, Df), [[ee, s.value]]),
+					}, null, 8, Tf), [[ee, s.value]]),
 					s.value ? (L(), S("button", {
 						key: 0,
 						class: "text-on-surface-variant transition-colors hover:text-on-surface",
@@ -9974,12 +9904,12 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					"leave-active-class": "transition-[opacity,transform] duration-100",
 					"leave-to-class": "opacity-0 scale-90"
 				}, {
-					default: Z(() => [e.selectable && O.value.length > 0 ? (L(), S("span", Of, G(O.value.length) + " " + G(e.selectedText ?? K(n).selectedCount) + G(O.value.length === 1 ? "" : "s"), 1)) : x("", !0)]),
+					default: Z(() => [e.selectable && O.value.length > 0 ? (L(), S("span", Ef, G(O.value.length) + " " + G(e.selectedText ?? K(n).selectedCount) + G(O.value.length === 1 ? "" : "s"), 1)) : x("", !0)]),
 					_: 1
 				})
 			])) : x("", !0),
-			C("div", kf, [C("table", Af, [C("thead", null, [C("tr", jf, [
-				e.selectable ? (L(), S("th", Mf, [E(zn, {
+			C("div", Df, [C("table", Of, [C("thead", null, [C("tr", kf, [
+				e.selectable ? (L(), S("th", Af, [E(zn, {
 					"model-value": P.value,
 					indeterminate: I.value,
 					"onUpdate:modelValue": R
@@ -9993,7 +9923,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors duration-100" : ""
 					]),
 					onClick: (t) => e.sortable ? u(e.key) : void 0
-				}, [C("span", Pf, [T(G(e.label) + " ", 1), e.sortable ? (L(), S("span", Ff, [c.value === e.key && l.value === "asc" ? (L(), b(f, {
+				}, [C("span", Mf, [T(G(e.label) + " ", 1), e.sortable ? (L(), S("span", Nf, [c.value === e.key && l.value === "asc" ? (L(), b(f, {
 					key: 0,
 					name: "arrow_upward",
 					size: 14,
@@ -10008,13 +9938,13 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					name: "unfold_more",
 					size: 14,
 					class: "opacity-30"
-				}))])) : x("", !0)])], 14, Nf))), 128)),
-				J.value ? (L(), S("th", If)) : x("", !0)
+				}))])) : x("", !0)])], 14, jf))), 128)),
+				J.value ? (L(), S("th", Pf)) : x("", !0)
 			])]), C("tbody", null, [e.loading ? (L(!0), S(m, { key: 0 }, V(e.perPage, (t) => (L(), S("tr", {
 				key: `sk-${t}`,
 				class: "border-t border-outline-variant"
 			}, [
-				e.selectable ? (L(), S("td", Lf, [...r[4] ||= [C("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : x("", !0),
+				e.selectable ? (L(), S("td", Ff, [...r[4] ||= [C("div", { class: "h-4 w-4 animate-pulse rounded bg-on-surface/10" }, null, -1)]])) : x("", !0),
 				(L(!0), S(m, null, V(e.columns, (e, n) => (L(), S("td", {
 					key: e.key,
 					class: "px-4 py-3.5"
@@ -10022,15 +9952,15 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					class: "h-4 animate-pulse rounded-full bg-on-surface/10",
 					style: N({ width: W(t, n) })
 				}, null, 4)]))), 128)),
-				J.value ? (L(), S("td", Rf, [...r[5] ||= [C("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : x("", !0)
-			]))), 128)) : y.value.length === 0 ? (L(), S("tr", zf, [C("td", {
+				J.value ? (L(), S("td", If, [...r[5] ||= [C("div", { class: "ml-auto h-4 w-16 animate-pulse rounded-full bg-on-surface/10" }, null, -1)]])) : x("", !0)
+			]))), 128)) : y.value.length === 0 ? (L(), S("tr", Lf, [C("td", {
 				colspan: e.columns.length + z.value,
 				class: "border-t border-outline-variant px-4 py-14 text-center"
 			}, [H(t.$slots, "empty", {}, () => [E(f, {
 				name: "search_off",
 				size: 36,
 				class: "mb-2 text-on-surface-variant opacity-30"
-			}), C("p", Vf, G(e.emptyText ?? K(n).noResults), 1)])], 8, Bf)])) : (L(!0), S(m, { key: 2 }, V(y.value, (n) => (L(), S("tr", {
+			}), C("p", zf, G(e.emptyText ?? K(n).noResults), 1)])], 8, Rf)])) : (L(!0), S(m, { key: 2 }, V(y.value, (n) => (L(), S("tr", {
 				key: k(n),
 				class: M([
 					"border-t border-outline-variant transition-colors duration-100",
@@ -10047,7 +9977,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				}, [E(zn, {
 					"model-value": A(n),
 					"onUpdate:modelValue": (e) => j(n)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Uf)) : x("", !0),
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 8, Vf)) : x("", !0),
 				(L(!0), S(m, null, V(e.columns, (e) => (L(), S("td", {
 					key: e.key,
 					class: M(["px-4 py-3 text-body-medium text-on-surface", U(e.align)])
@@ -10061,8 +9991,8 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					class: "px-4 py-3 text-right",
 					onClick: r[2] ||= Q(() => {}, ["stop"])
 				}, [H(t.$slots, "row-actions", { row: n })])) : x("", !0)
-			], 10, Hf))), 128))])])]),
-			C("div", Wf, [E(Lr, {
+			], 10, Bf))), 128))])])]),
+			C("div", Hf, [E(jr, {
 				page: p.value,
 				"per-page": e.perPage,
 				total: _.value,
@@ -10074,21 +10004,21 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			])])
 		]));
 	}
-}), Kf = { class: "flex flex-col gap-1" }, qf = ["id"], Jf = ["onClick"], Yf = [
+}), Wf = { class: "flex flex-col gap-1" }, Gf = ["id"], Kf = ["onClick"], qf = [
 	"value",
 	"placeholder",
 	"disabled",
 	"readonly"
-], Xf = {
+], Jf = {
 	key: 0,
 	class: "text-error"
-}, Zf = {
+}, Yf = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Qf = {
+}, Xf = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, $f = /* @__PURE__ */ D({
+}, Zf = /* @__PURE__ */ D({
 	__name: "MTagInput",
 	props: {
 		modelValue: { default: () => [] },
@@ -10099,7 +10029,8 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			type: Boolean,
 			default: !1
 		},
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		required: {
 			type: Boolean,
@@ -10182,7 +10113,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				o.value ? r.error ? "text-error" : "text-primary" : r.error ? "text-error" : "text-on-surface-variant"
 			].join(" ");
 		});
-		return (t, n) => (L(), S("div", Kf, [C("div", {
+		return (t, n) => (L(), S("div", Wf, [C("div", {
 			ref_key: "fieldEl",
 			ref: c,
 			class: M(["relative", e.variant === "outlined" ? "mt-2" : ""]),
@@ -10210,7 +10141,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			}, [E(f, {
 				name: "close",
 				size: 12
-			})], 8, Jf))]))), 128)), C("input", {
+			})], 8, Kf))]))), 128)), C("input", {
 				ref_key: "inputEl",
 				ref: u,
 				value: s.value,
@@ -10226,8 +10157,8 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				onPaste: O,
 				onFocus: n[0] ||= (e) => o.value = !0,
 				onBlur: k
-			}, null, 40, Yf)], 10, qf),
-			C("label", { class: M(P.value) }, [T(G(e.label), 1), e.required ? (L(), S("span", Xf, "\xA0*")) : x("", !0)], 2),
+			}, null, 40, qf)], 10, Gf),
+			C("label", { class: M(P.value) }, [T(G(e.label), 1), e.required ? (L(), S("span", Jf, "\xA0*")) : x("", !0)], 2),
 			e.clearable && g.value && !e.disabled ? (L(), S("button", {
 				key: 1,
 				type: "button",
@@ -10239,21 +10170,21 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				name: "close",
 				size: 18
 			})])) : x("", !0)
-		], 6), e.error ? (L(), S("p", Zf, G(e.error), 1)) : e.hint ? (L(), S("p", Qf, G(e.hint), 1)) : x("", !0)]));
+		], 6), e.error && e.errorLabel ? (L(), S("p", Yf, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", Xf, G(e.hint), 1)) : x("", !0)]));
 	}
-}), ep = {
+}), Qf = {
 	key: 0,
 	class: "border-b border-outline-variant"
-}, tp = {
+}, $f = {
 	class: "relative flex overflow-x-auto",
 	style: { "scrollbar-width": "none" }
-}, np = ["disabled", "onClick"], rp = {
+}, ep = ["disabled", "onClick"], tp = {
 	key: 1,
 	class: "border-b border-outline-variant"
-}, ip = {
+}, np = {
 	class: "relative flex overflow-x-auto",
 	style: { "scrollbar-width": "none" }
-}, ap = ["disabled", "onClick"], op = /* @__PURE__ */ D({
+}, rp = ["disabled", "onClick"], ip = /* @__PURE__ */ D({
 	__name: "MTabs",
 	props: {
 		modelValue: {},
@@ -10288,7 +10219,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		function d(e) {
 			e.disabled || r("update:modelValue", e.value);
 		}
-		return (t, n) => e.variant === "primary" ? (L(), S("div", ep, [C("div", tp, [(L(!0), S(m, null, V(e.tabs, (t) => (L(), S("button", {
+		return (t, n) => e.variant === "primary" ? (L(), S("div", Qf, [C("div", $f, [(L(!0), S(m, null, V(e.tabs, (t) => (L(), S("button", {
 			key: t.value,
 			ref_for: !0,
 			ref: (n) => {
@@ -10302,14 +10233,14 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			key: 0,
 			name: t.icon,
 			size: 20
-		}, null, 8, ["name"])) : x("", !0), C("span", null, G(t.label), 1)], 10, np))), 128)), C("div", {
+		}, null, 8, ["name"])) : x("", !0), C("span", null, G(t.label), 1)], 10, ep))), 128)), C("div", {
 			class: "absolute bottom-0 h-[3px] rounded-t-full bg-primary",
 			style: N({
 				left: `${a.value}px`,
 				width: `${o.value}px`,
-				transition: s.value ? "left 150ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0.4, 0, 0.2, 1)" : "left 250ms cubic-bezier(0.34, 1.56, 0.64, 1), width 250ms cubic-bezier(0.34, 1.56, 0.64, 1)"
+				transition: s.value ? "left 150ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0.4, 0, 0.2, 1)" : "left 180ms cubic-bezier(0.34, 1.4, 0.64, 1), width 180ms cubic-bezier(0.34, 1.4, 0.64, 1)"
 			})
-		}, null, 4)])])) : (L(), S("div", rp, [C("div", ip, [(L(!0), S(m, null, V(e.tabs, (t) => (L(), S("button", {
+		}, null, 4)])])) : (L(), S("div", tp, [C("div", np, [(L(!0), S(m, null, V(e.tabs, (t) => (L(), S("button", {
 			key: t.value,
 			ref_for: !0,
 			ref: (n) => {
@@ -10323,7 +10254,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			key: 0,
 			name: t.icon,
 			size: 18
-		}, null, 8, ["name"])) : x("", !0), T(" " + G(t.label), 1)], 10, ap))), 128)), C("div", {
+		}, null, 8, ["name"])) : x("", !0), T(" " + G(t.label), 1)], 10, rp))), 128)), C("div", {
 			class: "absolute bottom-0 h-[2px] bg-primary transition-[left,width] duration-200 ease-[cubic-bezier(0.2,0,0,1)]",
 			style: N({
 				left: `${a.value}px`,
@@ -10331,25 +10262,25 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			})
 		}, null, 4)])]));
 	}
-}), sp = { class: "flex flex-col items-center" }, cp = { class: "flex items-baseline justify-between gap-2" }, lp = { class: "text-body-large font-medium text-on-surface" }, up = {
+}), ap = { class: "flex flex-col items-center" }, op = { class: "flex items-baseline justify-between gap-2" }, sp = { class: "text-body-large font-medium text-on-surface" }, cp = {
 	key: 0,
 	class: "shrink-0 text-label-small text-on-surface-variant"
-}, dp = {
+}, lp = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, fp = {
+}, up = {
 	key: 1,
 	class: "mt-2"
-}, pp = { class: "text-body-large font-medium text-on-surface" }, mp = {
+}, dp = { class: "text-body-large font-medium text-on-surface" }, fp = {
 	key: 0,
 	class: "mt-1 text-body-medium text-on-surface-variant"
-}, hp = {
+}, pp = {
 	key: 1,
 	class: "mt-1 inline-block text-label-small text-on-surface-variant"
-}, gp = { class: "flex w-14 shrink-0 flex-col items-center" }, _p = {
+}, mp = { class: "flex w-14 shrink-0 flex-col items-center" }, hp = {
 	key: 0,
 	class: "w-[2px] flex-1 bg-outline-variant"
-}, vp = /* @__PURE__ */ D({
+}, gp = /* @__PURE__ */ D({
 	__name: "MTimeline",
 	props: {
 		items: {},
@@ -10375,23 +10306,23 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			class: M(["flex items-stretch", i % 2 == 0 ? "flex-row" : "flex-row-reverse"])
 		}, [
 			C("div", { class: M(["flex-1", [i % 2 == 0 ? "text-right" : "text-left", e.dense ? "pb-4" : "pb-8"]]) }, [
-				C("p", pp, G(n.title), 1),
-				n.description ? (L(), S("p", mp, G(n.description), 1)) : x("", !0),
-				n.date ? (L(), S("span", hp, G(n.date), 1)) : x("", !0)
+				C("p", dp, G(n.title), 1),
+				n.description ? (L(), S("p", fp, G(n.description), 1)) : x("", !0),
+				n.date ? (L(), S("span", pp, G(n.date), 1)) : x("", !0)
 			], 2),
-			C("div", gp, [C("div", {
+			C("div", mp, [C("div", {
 				class: M(["z-1 flex shrink-0 items-center justify-center rounded-full", [n.icon ? "h-9 w-9" : "h-3.5 w-3.5", t[n.color ?? "primary"]]]),
 				style: N(n.dotColor ? { backgroundColor: n.dotColor } : void 0)
 			}, [n.icon ? (L(), b(f, {
 				key: 0,
 				name: n.icon,
 				size: 18
-			}, null, 8, ["name"])) : x("", !0)], 6), i < e.items.length - 1 ? (L(), S("div", _p)) : x("", !0)]),
+			}, null, 8, ["name"])) : x("", !0)], 6), i < e.items.length - 1 ? (L(), S("div", hp)) : x("", !0)]),
 			r[0] ||= C("div", { class: "flex-1" }, null, -1)
 		], 2))), 128)) : (L(!0), S(m, { key: 0 }, V(e.items, (r, i) => (L(), S("div", {
 			key: i,
 			class: M(["relative flex gap-4", e.dense ? "pb-4" : "pb-8"])
-		}, [C("div", sp, [C("div", {
+		}, [C("div", ap, [C("div", {
 			class: M(["z-1 flex shrink-0 items-center justify-center rounded-full", [r.icon ? "h-9 w-9" : "h-3 w-3", t[r.color ?? "primary"]]]),
 			style: N(r.dotColor ? { backgroundColor: r.dotColor } : void 0)
 		}, [r.icon ? (L(), b(f, {
@@ -10403,37 +10334,38 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			class: M(["w-[2px] flex-1", t[r.color ?? "primary"].split(" ")[0] + "/30"]),
 			style: { "min-height": "16px" }
 		}, null, 2)) : x("", !0)]), C("div", { class: M([r.icon ? "" : "pt-0", "-mt-0.5 flex-1"]) }, [
-			C("div", cp, [C("p", lp, G(r.title), 1), r.date ? (L(), S("span", up, G(r.date), 1)) : x("", !0)]),
-			r.description ? (L(), S("p", dp, G(r.description), 1)) : x("", !0),
-			n.$slots[`item-${i}`] ? (L(), S("div", fp, [H(n.$slots, `item-${i}`, { item: r })])) : x("", !0)
+			C("div", op, [C("p", sp, G(r.title), 1), r.date ? (L(), S("span", cp, G(r.date), 1)) : x("", !0)]),
+			r.description ? (L(), S("p", lp, G(r.description), 1)) : x("", !0),
+			n.$slots[`item-${i}`] ? (L(), S("div", up, [H(n.$slots, `item-${i}`, { item: r })])) : x("", !0)
 		], 2)], 2))), 128))], 2));
 	}
-}), yp = { class: "flex flex-col gap-1" }, bp = {
+}), _p = { class: "flex flex-col gap-1" }, vp = {
 	key: 0,
 	class: "flex-1 font-mono text-on-surface"
-}, xp = {
+}, yp = {
 	key: 1,
 	class: "flex-1 text-on-surface-variant"
-}, Sp = {
+}, bp = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, Cp = {
+}, xp = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, wp = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Tp = { class: "p-3" }, Ep = {
+}, Sp = { class: "flex items-center justify-center gap-1 border-b border-outline-variant px-4 py-4" }, Cp = { class: "p-3" }, wp = {
 	key: 0,
 	class: "grid grid-cols-6 gap-1"
-}, Dp = ["onClick"], Op = {
+}, Tp = ["onClick"], Ep = {
 	key: 1,
 	class: "grid grid-cols-6 gap-1"
-}, kp = ["onClick"], Ap = /* @__PURE__ */ D({
+}, Dp = ["onClick"], Op = /* @__PURE__ */ D({
 	__name: "MTimePicker",
 	props: {
 		modelValue: {},
 		label: {},
 		placeholder: {},
 		disabled: { type: Boolean },
-		error: {},
+		error: { type: Boolean },
+		errorLabel: {},
 		hint: {},
 		minuteStep: { default: 5 },
 		use24h: {
@@ -10498,7 +10430,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			e ? (u.value = "hour", y.value = _.value.h, w.value = _.value.m, R(), setTimeout(() => document.addEventListener("mousedown", z), 0)) : document.removeEventListener("mousedown", z);
 		}), F(() => window.addEventListener("scroll", H, !0)), I(() => {
 			window.removeEventListener("scroll", H, !0), document.removeEventListener("mousedown", z);
-		}), (t, n) => (L(), S("div", yp, [
+		}), (t, n) => (L(), S("div", _p, [
 			C("div", {
 				ref_key: "triggerEl",
 				ref: c,
@@ -10514,7 +10446,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					size: 20,
 					class: "shrink-0 text-on-surface-variant"
 				}),
-				P.value ? (L(), S("span", bp, G(P.value), 1)) : (L(), S("span", xp, G(e.label || e.placeholder || K(a).selectTime), 1)),
+				P.value ? (L(), S("span", vp, G(P.value), 1)) : (L(), S("span", yp, G(e.label || e.placeholder || K(a).selectTime), 1)),
 				e.modelValue ? (L(), b(f, {
 					key: 2,
 					name: "close",
@@ -10526,7 +10458,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				key: 0,
 				class: M(["pointer-events-none absolute -top-2.5 left-3 bg-(--field-bg) px-1 text-label-small transition-colors", s.value ? e.error ? "text-error" : "text-primary" : e.error ? "text-error" : "text-on-surface-variant"])
 			}, G(e.label), 3)) : x("", !0)], 4),
-			e.error ? (L(), S("p", Sp, G(e.error), 1)) : e.hint ? (L(), S("p", Cp, G(e.hint), 1)) : x("", !0),
+			e.error && e.errorLabel ? (L(), S("p", bp, G(e.errorLabel), 1)) : e.hint ? (L(), S("p", xp, G(e.hint), 1)) : x("", !0),
 			(L(), b(h, { to: "body" }, [E(g, {
 				"enter-active-class": "transition-[opacity,transform] duration-150",
 				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
@@ -10539,7 +10471,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					ref: l,
 					class: "fixed z-500 w-[280px] rounded-lg bg-surface-container shadow-elevation-3",
 					style: N(d.value)
-				}, [C("div", wp, [
+				}, [C("div", Sp, [
 					C("button", {
 						type: "button",
 						class: M(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "hour" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
@@ -10551,34 +10483,34 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						class: M(["rounded-lg px-3 py-2 font-mono text-headline-medium transition-colors", u.value === "minute" ? "bg-primary-container text-on-primary-container cursor-default" : "cursor-pointer text-on-surface-variant hover:bg-on-surface/8"]),
 						onClick: n[2] ||= (e) => u.value = "minute"
 					}, G(O(w.value)), 3)
-				]), C("div", Tp, [u.value === "hour" ? (L(), S("div", Ep, [(L(!0), S(m, null, V(K(T), (e) => (L(), S("button", {
+				]), C("div", Cp, [u.value === "hour" ? (L(), S("div", wp, [(L(!0), S(m, null, V(K(T), (e) => (L(), S("button", {
 					key: e,
 					type: "button",
 					class: M(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === y.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => k(e)
-				}, G(O(e)), 11, Dp))), 128))])) : (L(), S("div", Op, [(L(!0), S(m, null, V(D.value, (e) => (L(), S("button", {
+				}, G(O(e)), 11, Tp))), 128))])) : (L(), S("div", Ep, [(L(!0), S(m, null, V(D.value, (e) => (L(), S("button", {
 					key: e,
 					type: "button",
 					class: M(["flex h-9 cursor-pointer items-center justify-center rounded-full text-body-medium transition-colors duration-100", e === w.value ? "bg-primary text-on-primary" : "text-on-surface hover:bg-on-surface/8"]),
 					onClick: (t) => A(e)
-				}, G(O(e)), 11, kp))), 128))]))])], 4)) : x("", !0)]),
+				}, G(O(e)), 11, Dp))), 128))]))])], 4)) : x("", !0)]),
 				_: 1
 			})]))
 		]));
 	}
-}), jp = { class: "tp-box w-[328px] rounded-[28px] bg-surface-container-high px-6 pt-6 pb-4 shadow-elevation-3" }, Mp = { class: "mb-5 text-label-medium text-on-surface-variant" }, Np = { class: "mb-5 flex items-center justify-center gap-2" }, Pp = {
+}), kp = { class: "tp-box w-[328px] rounded-[28px] bg-surface-container-high px-6 pt-6 pb-4 shadow-elevation-3" }, Ap = { class: "mb-5 text-label-medium text-on-surface-variant" }, jp = { class: "mb-5 flex items-center justify-center gap-2" }, Mp = {
 	key: 0,
 	class: "ml-2 flex h-[72px] flex-col overflow-hidden rounded-lg border border-outline"
-}, Fp = {
+}, Np = {
 	class: "pointer-events-none absolute inset-0",
 	viewBox: "0 0 256 256"
-}, Ip = ["x2", "y2"], Lp = ["cx", "cy"], Rp = ["onClick"], zp = ["onClick"], Bp = {
+}, Pp = ["x2", "y2"], Fp = ["cx", "cy"], Ip = ["onClick"], Lp = ["onClick"], Rp = {
 	key: 1,
 	class: "mx-auto flex items-center justify-center gap-2 py-8"
-}, Vp = {
+}, zp = {
 	key: 0,
 	class: "ml-2 flex h-[72px] flex-col overflow-hidden rounded-lg border border-outline"
-}, Hp = { class: "mt-2 flex items-center justify-between" }, Up = { class: "flex gap-2" }, Wp = 256, Gp = 100, Kp = 64, qp = 20, Jp = /*#__PURE__*/ p(/* @__PURE__ */ D({
+}, Bp = { class: "mt-2 flex items-center justify-between" }, Vp = { class: "flex gap-2" }, Hp = 256, Up = 100, Wp = 64, Gp = 20, Kp = /*#__PURE__*/ p(/* @__PURE__ */ D({
 	__name: "MTimePickerModal",
 	props: {
 		modelValue: { default: null },
@@ -10616,7 +10548,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				i.use24h ? d.value = e : (u.value = e >= 12 ? "PM" : "AM", d.value = e % 12 || 12), f.value = t, c.value = "hour", l.value = "dial", document.addEventListener("keydown", te), document.body.style.overflow = "hidden";
 			} else document.removeEventListener("keydown", te), document.body.style.overflow = "";
 		});
-		let O = Wp / 2;
+		let O = Hp / 2;
 		function k(e, t, n) {
 			let r = e / t * Math.PI * 2 - Math.PI / 2;
 			return {
@@ -10627,7 +10559,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		let A = v(() => {
 			let e = [];
 			for (let t = 0; t < 12; t++) {
-				let n = t === 0 ? 12 : t, r = k(t, 12, Gp);
+				let n = t === 0 ? 12 : t, r = k(t, 12, Up);
 				e.push({
 					value: n,
 					label: String(n),
@@ -10635,7 +10567,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				});
 			}
 			if (i.use24h) for (let t = 0; t < 12; t++) {
-				let n = t === 0 ? 0 : t + 12, r = k(t, 12, Kp);
+				let n = t === 0 ? 0 : t + 12, r = k(t, 12, Wp);
 				e.push({
 					value: n,
 					label: w(n),
@@ -10644,7 +10576,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			}
 			return e;
 		}), j = v(() => Array.from({ length: 12 }, (e, t) => {
-			let n = t * 5, r = k(t, 12, Gp);
+			let n = t * 5, r = k(t, 12, Up);
 			return {
 				value: n,
 				label: w(n),
@@ -10652,7 +10584,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			};
 		})), P = v(() => {
 			if (c.value === "hour") {
-				let e = d.value, t = i.use24h && (e === 0 || e > 12) ? Kp : Gp, n = e % 12 / 12 * Math.PI * 2 - Math.PI / 2;
+				let e = d.value, t = i.use24h && (e === 0 || e > 12) ? Wp : Up, n = e % 12 / 12 * Math.PI * 2 - Math.PI / 2;
 				return {
 					x: O + Math.cos(n) * t,
 					y: O + Math.sin(n) * t
@@ -10660,8 +10592,8 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			}
 			let e = f.value / 60 * Math.PI * 2 - Math.PI / 2;
 			return {
-				x: O + Math.cos(e) * Gp,
-				y: O + Math.sin(e) * Gp
+				x: O + Math.cos(e) * Up,
+				y: O + Math.sin(e) * Up
 			};
 		});
 		function F(e) {
@@ -10739,9 +10671,9 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
 				onClick: Q(J, ["self"])
-			}, [C("div", jp, [
-				C("p", Mp, G(t.title || K(a).selectTime), 1),
-				l.value === "dial" ? (L(), S(m, { key: 0 }, [C("div", Np, [
+			}, [C("div", kp, [
+				C("p", Ap, G(t.title || K(a).selectTime), 1),
+				l.value === "dial" ? (L(), S(m, { key: 0 }, [C("div", jp, [
 					C("button", {
 						type: "button",
 						class: M(["flex h-[72px] min-w-[96px] items-center justify-center rounded-lg text-display-medium transition-colors", c.value === "hour" ? "bg-primary-container text-on-primary-container" : "bg-surface-container-highest text-on-surface cursor-pointer hover:bg-on-surface/8"]),
@@ -10753,7 +10685,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						class: M(["flex h-[72px] min-w-[96px] items-center justify-center rounded-lg text-display-medium transition-colors", c.value === "minute" ? "bg-primary-container text-on-primary-container" : "bg-surface-container-highest text-on-surface cursor-pointer hover:bg-on-surface/8"]),
 						onClick: r[1] ||= (e) => c.value = "minute"
 					}, G(w(f.value)), 3),
-					t.use24h ? x("", !0) : (L(), S("div", Pp, [
+					t.use24h ? x("", !0) : (L(), S("div", Mp, [
 						C("button", {
 							type: "button",
 							class: M(["flex flex-1 items-center justify-center px-3 text-label-large transition-colors", u.value === "AM" ? "bg-tertiary-container text-on-tertiary-container" : "text-on-surface-variant hover:bg-on-surface/8"]),
@@ -10774,7 +10706,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					onTouchstart: Q(z, ["prevent"])
 				}, [
 					r[11] ||= C("div", { class: "absolute inset-0 rounded-full bg-surface-container-highest" }, null, -1),
-					(L(), S("svg", Fp, [
+					(L(), S("svg", Np, [
 						C("line", {
 							x1: O,
 							y1: O,
@@ -10782,7 +10714,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 							y2: P.value.y,
 							stroke: "var(--color-primary)",
 							"stroke-width": "2"
-						}, null, 8, Ip),
+						}, null, 8, Pp),
 						C("circle", {
 							cx: O,
 							cy: O,
@@ -10792,9 +10724,9 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						C("circle", {
 							cx: P.value.x,
 							cy: P.value.y,
-							r: qp,
+							r: Gp,
 							fill: "var(--color-primary)"
-						}, null, 8, Lp)
+						}, null, 8, Fp)
 					])),
 					c.value === "hour" ? (L(!0), S(m, { key: 0 }, V(A.value, (e) => (L(), S("button", {
 						key: "h" + e.value,
@@ -10806,7 +10738,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 							transform: "translate(-50%, -50%)"
 						}),
 						onClick: Q((t) => H(e.value), ["stop"])
-					}, G(e.label), 15, Rp))), 128)) : (L(!0), S(m, { key: 1 }, V(j.value, (e) => (L(), S("button", {
+					}, G(e.label), 15, Ip))), 128)) : (L(!0), S(m, { key: 1 }, V(j.value, (e) => (L(), S("button", {
 						key: "m" + e.value,
 						type: "button",
 						class: M(["pointer-events-auto absolute flex h-10 w-10 items-center justify-center rounded-full text-body-medium transition-colors", e.value === f.value ? "text-on-primary font-medium" : "text-on-surface cursor-pointer"]),
@@ -10816,8 +10748,8 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 							transform: "translate(-50%, -50%)"
 						}),
 						onClick: Q((t) => f.value = e.value, ["stop"])
-					}, G(e.label), 15, zp))), 128))
-				], 544)], 64)) : (L(), S("div", Bp, [
+					}, G(e.label), 15, Lp))), 128))
+				], 544)], 64)) : (L(), S("div", Rp, [
 					re(C("input", {
 						ref_key: "inputHourEl",
 						ref: _,
@@ -10837,7 +10769,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						class: "h-[72px] w-[96px] rounded-lg border border-outline bg-surface-container-highest text-center text-display-medium text-on-surface outline-none transition-colors focus:border-2 focus:border-primary",
 						onBlur: q
 					}, null, 544), [[ee, W.value]]),
-					t.use24h ? x("", !0) : (L(), S("div", Vp, [
+					t.use24h ? x("", !0) : (L(), S("div", zp, [
 						C("button", {
 							type: "button",
 							class: M(["flex flex-1 items-center justify-center px-3 text-label-large transition-colors", u.value === "AM" ? "bg-tertiary-container text-on-tertiary-container" : "text-on-surface-variant hover:bg-on-surface/8"]),
@@ -10851,11 +10783,11 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						}, "PM", 2)
 					]))
 				])),
-				C("div", Hp, [E(s, {
+				C("div", Bp, [E(s, {
 					icon: l.value === "dial" ? "keyboard" : "schedule",
 					label: l.value === "dial" ? "Switch to keyboard" : "Switch to dial",
 					onClick: r[8] ||= (e) => l.value = l.value === "dial" ? "input" : "dial"
-				}, null, 8, ["icon", "label"]), C("div", Up, [E(e, {
+				}, null, 8, ["icon", "label"]), C("div", Vp, [E(e, {
 					variant: "text",
 					onClick: J
 				}, {
@@ -10872,7 +10804,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-a2a090e9"]]), Yp = /* @__PURE__ */ D({
+}), [["__scopeId", "data-v-a2a090e9"]]), qp = /* @__PURE__ */ D({
 	__name: "MTitle",
 	props: {
 		size: { default: "large" },
@@ -10886,7 +10818,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			medium: "headline-medium",
 			small: "headline-small"
 		}, r = v(() => n[t.size]);
-		return (t, n) => (L(), b(Sf, {
+		return (t, n) => (L(), b(bf, {
 			variant: r.value,
 			weight: "medium",
 			color: e.color,
@@ -10902,13 +10834,13 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			"truncate"
 		]));
 	}
-}), Xp = {
+}), Jp = {
 	key: 0,
 	class: "px-4 pt-3 pb-1 text-title-small font-medium text-on-surface"
-}, Zp = { class: "px-4 py-2 text-body-medium text-on-surface-variant" }, Qp = {
+}, Yp = { class: "px-4 py-2 text-body-medium text-on-surface-variant" }, Xp = {
 	key: 1,
 	class: "flex justify-end gap-2 px-4 pb-3"
-}, $p = /* @__PURE__ */ D({
+}, Zp = /* @__PURE__ */ D({
 	__name: "MTooltip",
 	props: {
 		text: {},
@@ -11000,20 +10932,20 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				onMouseenter: d,
 				onMouseleave: f
 			}, [
-				e.text ? (L(), S("div", Xp, G(e.text), 1)) : x("", !0),
-				C("div", Zp, [H(t.$slots, "content")]),
-				t.$slots.actions ? (L(), S("div", Qp, [H(t.$slots, "actions")])) : x("", !0)
+				e.text ? (L(), S("div", Jp, G(e.text), 1)) : x("", !0),
+				C("div", Yp, [H(t.$slots, "content")]),
+				t.$slots.actions ? (L(), S("div", Xp, [H(t.$slots, "actions")])) : x("", !0)
 			], 36)) : x("", !0)]),
 			_: 3
 		})]))], 64));
 	}
-}), em = {
+}), Qp = {
 	key: 0,
 	class: "shrink-0"
-}, tm = {
+}, $p = {
 	key: 1,
 	class: "shrink-0"
-}, nm = /* @__PURE__ */ D({
+}, em = /* @__PURE__ */ D({
 	__name: "MToolbar",
 	props: {
 		variant: { default: "docked" },
@@ -11042,7 +10974,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			e.fabPosition === "start" && !i.value ? "flex-row" : "",
 			e.fabPosition === "start" && i.value ? "flex-col" : ""
 		]]) }, [
-			t.$slots.fab && e.fabPosition === "start" ? (L(), S("div", em, [H(t.$slots, "fab")])) : x("", !0),
+			t.$slots.fab && e.fabPosition === "start" ? (L(), S("div", Qp, [H(t.$slots, "fab")])) : x("", !0),
 			C("div", { class: M(["flex items-center gap-1", [
 				i.value ? "flex-col py-3 px-2" : "flex-row px-3 py-2",
 				r.value,
@@ -11051,16 +10983,16 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				e.variant === "docked" ? "w-full border-t border-outline-variant" : "",
 				e.variant === "docked" && i.value ? "h-full w-auto border-t-0 border-r border-outline-variant" : ""
 			]]) }, [H(t.$slots, "default")], 2),
-			t.$slots.fab && e.fabPosition === "end" ? (L(), S("div", tm, [H(t.$slots, "fab")])) : x("", !0)
+			t.$slots.fab && e.fabPosition === "end" ? (L(), S("div", $p, [H(t.$slots, "fab")])) : x("", !0)
 		], 2));
 	}
-}), rm = { class: "flex h-16 items-center gap-1 px-4" }, im = {
+}), tm = { class: "flex h-16 items-center gap-1 px-4" }, nm = {
 	key: 1,
 	class: "flex-1"
-}, am = {
+}, rm = {
 	key: 2,
 	class: "flex items-center gap-1"
-}, om = /* @__PURE__ */ D({
+}, im = /* @__PURE__ */ D({
 	__name: "MTopAppBar",
 	props: {
 		title: {},
@@ -11071,7 +11003,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 	},
 	emits: ["navigation"],
 	setup(e) {
-		return (t, n) => (L(), S("header", { class: M(["flex w-full flex-col bg-surface transition-shadow", [e.elevated ? "shadow-elevation-2" : "", e.bordered ? "border-b border-outline-variant" : ""]]) }, [C("div", rm, [
+		return (t, n) => (L(), S("header", { class: M(["flex w-full flex-col bg-surface transition-shadow", [e.elevated ? "shadow-elevation-2" : "", e.bordered ? "border-b border-outline-variant" : ""]]) }, [C("div", tm, [
 			H(t.$slots, "navigation", {}, () => [e.navigationIcon ? (L(), b(s, {
 				key: 0,
 				icon: e.navigationIcon,
@@ -11081,14 +11013,14 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			e.variant === "center" || e.variant === "small" ? (L(), S("h1", {
 				key: 0,
 				class: M(["flex flex-1 items-center truncate px-4 text-title-large text-on-surface", e.variant === "center" ? "justify-center" : ""])
-			}, [H(t.$slots, "title", {}, () => [T(G(e.title), 1)])], 2)) : (L(), S("div", im)),
-			t.$slots.actions ? (L(), S("div", am, [H(t.$slots, "actions")])) : x("", !0)
+			}, [H(t.$slots, "title", {}, () => [T(G(e.title), 1)])], 2)) : (L(), S("div", nm)),
+			t.$slots.actions ? (L(), S("div", rm, [H(t.$slots, "actions")])) : x("", !0)
 		]), e.variant === "medium" || e.variant === "large" ? (L(), S("div", {
 			key: 0,
 			class: M(["px-4 pb-6", e.variant === "large" ? "pt-4" : "pt-1"])
 		}, [C("h1", { class: M(["text-on-surface", e.variant === "large" ? "text-headline-medium" : "text-headline-small"]) }, [H(t.$slots, "title", {}, () => [T(G(e.title), 1)])], 2)], 2)) : x("", !0)], 2));
 	}
-}), sm = { class: "mb-2 flex items-center justify-between" }, cm = { class: "text-label-small text-on-surface-variant" }, lm = { class: "mb-1 text-title-medium font-medium text-on-surface" }, um = { class: "mb-4 text-body-medium text-on-surface-variant" }, dm = { class: "mb-4 flex justify-center gap-1.5" }, fm = { class: "flex justify-between" }, pm = { key: 1 }, mm = /* @__PURE__ */ D({
+}), am = { class: "mb-2 flex items-center justify-between" }, om = { class: "text-label-small text-on-surface-variant" }, sm = { class: "mb-1 text-title-medium font-medium text-on-surface" }, cm = { class: "mb-4 text-body-medium text-on-surface-variant" }, lm = { class: "mb-4 flex justify-center gap-1.5" }, um = { class: "flex justify-between" }, dm = { key: 1 }, fm = /* @__PURE__ */ D({
 	__name: "MTour",
 	props: {
 		modelValue: { type: Boolean },
@@ -11171,7 +11103,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					class: "h-0 w-0",
 					style: N(l.value)
 				}, null, 4),
-				C("div", sm, [C("span", cm, G(s.value + 1) + " / " + G(t.steps.length), 1), C("button", {
+				C("div", am, [C("span", om, G(s.value + 1) + " / " + G(t.steps.length), 1), C("button", {
 					type: "button",
 					class: "flex h-6 w-6 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8",
 					onClick: H
@@ -11179,13 +11111,13 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					name: "close",
 					size: 16
 				})])]),
-				C("h3", lm, G(d.value.title), 1),
-				C("p", um, G(d.value.content), 1),
-				C("div", dm, [(L(!0), S(m, null, V(t.steps, (e, t) => (L(), S("div", {
+				C("h3", sm, G(d.value.title), 1),
+				C("p", cm, G(d.value.content), 1),
+				C("div", lm, [(L(!0), S(m, null, V(t.steps, (e, t) => (L(), S("div", {
 					key: t,
 					class: M(["h-1.5 rounded-full transition-all duration-200", t === s.value ? "w-6 bg-primary" : "w-1.5 bg-outline-variant"])
 				}, null, 2))), 128))]),
-				C("div", fm, [p.value ? (L(), S("span", pm)) : (L(), b(e, {
+				C("div", um, [p.value ? (L(), S("span", dm)) : (L(), b(e, {
 					key: 0,
 					variant: "text",
 					onClick: z
@@ -11200,19 +11132,19 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			_: 1
 		})]));
 	}
-}), hm = { class: "flex items-stretch gap-2" }, gm = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, _m = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, vm = { class: "text-label-large font-medium text-on-surface" }, ym = { class: "text-label-small text-on-surface-variant" }, bm = {
+}), pm = { class: "flex items-stretch gap-2" }, mm = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, hm = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, gm = { class: "text-label-large font-medium text-on-surface" }, _m = { class: "text-label-small text-on-surface-variant" }, vm = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, xm = ["placeholder"], Sm = {
+}, ym = ["placeholder"], bm = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, Cm = ["onClick"], wm = { class: "flex-1 truncate text-body-medium text-on-surface" }, Tm = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Em = { class: "flex flex-col items-center justify-center gap-1" }, Dm = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Om = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, km = { class: "text-label-large font-medium text-on-surface" }, Am = { class: "text-label-small text-on-surface-variant" }, jm = {
+}, xm = ["onClick"], Sm = { class: "flex-1 truncate text-body-medium text-on-surface" }, Cm = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, wm = { class: "flex flex-col items-center justify-center gap-1" }, Tm = { class: "flex min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-outline-variant" }, Em = { class: "flex items-center justify-between border-b border-outline-variant bg-surface-container px-3 py-2" }, Dm = { class: "text-label-large font-medium text-on-surface" }, Om = { class: "text-label-small text-on-surface-variant" }, km = {
 	key: 0,
 	class: "border-b border-outline-variant px-3 py-2"
-}, Mm = ["placeholder"], Nm = {
+}, Am = ["placeholder"], jm = {
 	class: "flex-1 overflow-y-auto",
 	style: { "max-height": "240px" }
-}, Pm = ["onClick"], Fm = { class: "flex-1 truncate text-body-medium text-on-surface" }, Im = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Lm = /* @__PURE__ */ D({
+}, Mm = ["onClick"], Nm = { class: "flex-1 truncate text-body-medium text-on-surface" }, Pm = { class: "px-3 py-4 text-center text-body-small text-on-surface-variant" }, Fm = /* @__PURE__ */ D({
 	__name: "MTransferList",
 	props: {
 		modelValue: {},
@@ -11270,16 +11202,16 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			let e = p.value.map((e) => e.value);
 			a("update:modelValue", i.modelValue.filter((t) => !new Set(e).has(t))), c.value = /* @__PURE__ */ new Set();
 		}
-		return (t, r) => (L(), S("div", hm, [
-			C("div", gm, [
-				C("div", _m, [C("span", vm, G(e.sourceTitle ?? K(n).available), 1), C("span", ym, G(d.value.length), 1)]),
-				e.filterable ? (L(), S("div", bm, [re(C("input", {
+		return (t, r) => (L(), S("div", pm, [
+			C("div", mm, [
+				C("div", hm, [C("span", gm, G(e.sourceTitle ?? K(n).available), 1), C("span", _m, G(d.value.length), 1)]),
+				e.filterable ? (L(), S("div", vm, [re(C("input", {
 					"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
 					type: "text",
 					placeholder: e.searchPlaceholder ?? K(n).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
-				}, null, 8, xm), [[ee, l.value]])])) : x("", !0),
-				C("div", Sm, [(L(!0), S(m, null, V(d.value, (e) => (L(), S("button", {
+				}, null, 8, ym), [[ee, l.value]])])) : x("", !0),
+				C("div", bm, [(L(!0), S(m, null, V(d.value, (e) => (L(), S("button", {
 					key: e.value,
 					type: "button",
 					class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
@@ -11295,10 +11227,10 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : x("", !0),
-					C("span", wm, G(e.label), 1)
-				], 8, Cm))), 128)), d.value.length ? x("", !0) : H(t.$slots, "source-empty", { key: 0 }, () => [C("p", Tm, G(e.emptyText ?? K(n).noItems), 1)])])
+					C("span", Sm, G(e.label), 1)
+				], 8, xm))), 128)), d.value.length ? x("", !0) : H(t.$slots, "source-empty", { key: 0 }, () => [C("p", Cm, G(e.emptyText ?? K(n).noItems), 1)])])
 			]),
-			C("div", Em, [
+			C("div", wm, [
 				E(s, {
 					icon: "keyboard_double_arrow_right",
 					label: e.moveAllRightLabel ?? K(n).moveAllRight,
@@ -11330,15 +11262,15 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					onClick: T
 				}, null, 8, ["label", "disabled"])
 			]),
-			C("div", Dm, [
-				C("div", Om, [C("span", km, G(e.targetTitle ?? K(n).selected), 1), C("span", Am, G(p.value.length), 1)]),
-				e.filterable ? (L(), S("div", jm, [re(C("input", {
+			C("div", Tm, [
+				C("div", Em, [C("span", Dm, G(e.targetTitle ?? K(n).selected), 1), C("span", Om, G(p.value.length), 1)]),
+				e.filterable ? (L(), S("div", km, [re(C("input", {
 					"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 					type: "text",
 					placeholder: e.searchPlaceholder ?? K(n).search,
 					class: "w-full bg-transparent text-body-medium text-on-surface outline-none placeholder:text-on-surface-variant/50"
-				}, null, 8, Mm), [[ee, u.value]])])) : x("", !0),
-				C("div", Nm, [(L(!0), S(m, null, V(p.value, (e) => (L(), S("button", {
+				}, null, 8, Am), [[ee, u.value]])])) : x("", !0),
+				C("div", jm, [(L(!0), S(m, null, V(p.value, (e) => (L(), S("button", {
 					key: e.value,
 					type: "button",
 					class: "flex w-full cursor-pointer items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-on-surface/4",
@@ -11354,18 +11286,18 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 						size: 18,
 						class: "shrink-0 text-on-surface-variant"
 					}, null, 8, ["name"])) : x("", !0),
-					C("span", Fm, G(e.label), 1)
-				], 8, Pm))), 128)), p.value.length ? x("", !0) : H(t.$slots, "target-empty", { key: 0 }, () => [C("p", Im, G(e.emptyText ?? K(n).noItems), 1)])])
+					C("span", Nm, G(e.label), 1)
+				], 8, Mm))), 128)), p.value.length ? x("", !0) : H(t.$slots, "target-empty", { key: 0 }, () => [C("p", Pm, G(e.emptyText ?? K(n).noItems), 1)])])
 			])
 		]));
 	}
-}), Rm = ["aria-expanded", "aria-selected"], zm = { class: "flex w-6 shrink-0 items-center justify-center" }, Bm = ["disabled"], Vm = {
+}), Im = ["aria-expanded", "aria-selected"], Lm = { class: "flex w-6 shrink-0 items-center justify-center" }, Rm = ["disabled"], zm = {
 	key: 2,
 	class: "shrink-0 text-label-small tabular-nums text-on-surface-variant"
-}, Hm = {
+}, Bm = {
 	key: 0,
 	class: "ml-3 border-l border-outline-variant pl-2"
-}, Um = /* @__PURE__ */ D({
+}, Vm = /* @__PURE__ */ D({
 	__name: "_MTreeNode",
 	props: {
 		node: {},
@@ -11410,7 +11342,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			]),
 			onClick: u
 		}, [
-			C("div", zm, [r.value ? (L(), S("button", {
+			C("div", Lm, [r.value ? (L(), S("button", {
 				key: 0,
 				type: "button",
 				class: M(["flex h-5 w-5 items-center justify-center rounded text-on-surface-variant transition-transform duration-200", i.value ? "rotate-90" : ""]),
@@ -11419,7 +11351,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			}, [E(f, {
 				name: "chevron_right",
 				size: 16
-			})], 10, Bm)) : x("", !0)]),
+			})], 10, Rm)) : x("", !0)]),
 			K(n).checkable.value ? (L(), S("div", {
 				key: 0,
 				class: "shrink-0",
@@ -11441,7 +11373,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				class: M(["shrink-0 transition-colors", a.value ? "text-primary" : "text-on-surface-variant"])
 			}, null, 8, ["name", "class"])) : x("", !0),
 			C("span", { class: M(["min-w-0 flex-1 truncate text-body-medium transition-colors", a.value ? "font-medium text-primary" : "text-on-surface"]) }, [H(t.$slots, "label", { node: e.node }, () => [T(G(e.node.label), 1)])], 2),
-			r.value && K(n).checkable.value ? (L(), S("span", Vm, G(s.value) + "/" + G(o.value.length), 1)) : x("", !0),
+			r.value && K(n).checkable.value ? (L(), S("span", zm, G(s.value) + "/" + G(o.value.length), 1)) : x("", !0),
 			H(t.$slots, "trailing", { node: e.node })
 		], 2), E(g, {
 			onEnter: h,
@@ -11449,7 +11381,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			onLeave: y,
 			onAfterLeave: D
 		}, {
-			default: Z(() => [i.value && r.value ? (L(), S("div", Hm, [(L(!0), S(m, null, V(e.node.children, (n) => (L(), b(Um, {
+			default: Z(() => [i.value && r.value ? (L(), S("div", Bm, [(L(!0), S(m, null, V(e.node.children, (n) => (L(), b(Vm, {
 				key: n.id,
 				node: n,
 				depth: e.depth + 1
@@ -11458,15 +11390,15 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				fn: Z((e) => [H(t.$slots, n, A({ ref_for: !0 }, e ?? {}))])
 			}))]), 1032, ["node", "depth"]))), 128))])) : x("", !0)]),
 			_: 3
-		})], 8, Rm));
+		})], 8, Im));
 	}
-}), Wm = {
+}), Hm = {
 	role: "tree",
 	class: "flex flex-col"
-}, Gm = {
+}, Um = {
 	key: 1,
 	class: "flex flex-col items-center gap-2 py-10 text-on-surface-variant"
-}, Km = { class: "text-body-medium" }, qm = /* @__PURE__ */ D({
+}, Wm = { class: "text-body-medium" }, Gm = /* @__PURE__ */ D({
 	__name: "MTree",
 	props: {
 		nodes: {},
@@ -11532,26 +11464,26 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		return t({
 			expandAll: _,
 			collapseAll: y
-		}), (t, n) => (L(), S("div", Wm, [e.nodes.length ? (L(!0), S(m, { key: 0 }, V(e.nodes, (e) => (L(), b(Um, {
+		}), (t, n) => (L(), S("div", Hm, [e.nodes.length ? (L(!0), S(m, { key: 0 }, V(e.nodes, (e) => (L(), b(Vm, {
 			key: e.id,
 			node: e,
 			depth: 0
 		}, w({ _: 2 }, [V(t.$slots, (e, n) => ({
 			name: n,
 			fn: Z((e) => [H(t.$slots, n, A({ ref_for: !0 }, e ?? {}))])
-		}))]), 1032, ["node"]))), 128)) : (L(), S("div", Gm, [E(f, {
+		}))]), 1032, ["node"]))), 128)) : (L(), S("div", Um, [E(f, {
 			name: "account_tree",
 			size: 32,
 			class: "opacity-30"
-		}), C("p", Km, G(e.emptyText), 1)]))]));
+		}), C("p", Wm, G(e.emptyText), 1)]))]));
 	}
-}), Jm = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, Ym = {
+}), Km = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, qm = {
 	key: 0,
 	class: "flex items-center gap-2 border-b border-outline-variant bg-surface-container-lowest px-4 py-2"
-}, Xm = { class: "overflow-x-auto" }, Zm = { class: "w-full border-collapse" }, Qm = { class: "bg-surface-container-high" }, $m = ["onClick"], eh = ["onClick"], th = {
+}, Jm = { class: "overflow-x-auto" }, Ym = { class: "w-full border-collapse" }, Xm = { class: "bg-surface-container-high" }, Zm = ["onClick"], Qm = ["onClick"], $m = {
 	key: 1,
 	class: "w-6 shrink-0"
-}, nh = { key: 0 }, rh = ["colspan"], ih = /* @__PURE__ */ D({
+}, eh = { key: 0 }, th = ["colspan"], nh = /* @__PURE__ */ D({
 	__name: "MTreeTable",
 	props: {
 		columns: {},
@@ -11606,10 +11538,10 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		function d(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (t, n) => (L(), S("div", Jm, [t.$slots.toolbar ? (L(), S("div", Ym, [H(t.$slots, "toolbar", {
+		return (t, n) => (L(), S("div", Km, [t.$slots.toolbar ? (L(), S("div", qm, [H(t.$slots, "toolbar", {
 			expandAll: l,
 			collapseAll: u
-		})])) : x("", !0), C("div", Xm, [C("table", Zm, [C("thead", null, [C("tr", Qm, [(L(!0), S(m, null, V(e.columns, (t, n) => (L(), S("th", {
+		})])) : x("", !0), C("div", Jm, [C("table", Ym, [C("thead", null, [C("tr", Xm, [(L(!0), S(m, null, V(e.columns, (t, n) => (L(), S("th", {
 			key: t.key,
 			style: N(t.width ? { width: t.width } : void 0),
 			class: M([
@@ -11640,7 +11572,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		}, [E(f, {
 			name: "chevron_right",
 			size: 18
-		})], 10, eh)) : (L(), S("span", th)), H(t.$slots, `cell-${r.key}`, {
+		})], 10, Qm)) : (L(), S("span", $m)), H(t.$slots, `cell-${r.key}`, {
 			row: n.row,
 			value: n.row[r.key],
 			depth: n.depth
@@ -11649,19 +11581,19 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			row: n.row,
 			value: n.row[r.key],
 			depth: n.depth
-		}, () => [T(G(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10, $m))), 128)), c.value.length ? x("", !0) : (L(), S("tr", nh, [C("td", {
+		}, () => [T(G(n.row[r.key] ?? "—"), 1)])], 2))), 128))], 10, Zm))), 128)), c.value.length ? x("", !0) : (L(), S("tr", eh, [C("td", {
 			colspan: e.columns.length,
 			class: "border-t border-outline-variant px-4 py-10 text-center"
 		}, [E(f, {
 			name: "account_tree",
 			size: 36,
 			class: "mb-2 text-on-surface-variant opacity-30"
-		}), n[0] ||= C("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, rh)]))])])])]));
+		}), n[0] ||= C("p", { class: "text-body-medium text-on-surface-variant" }, "Sin datos", -1)], 8, th)]))])])])]));
 	}
-}), ah = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, oh = { class: "flex bg-surface-container-high" }, sh = ["onClick"], ch = { class: "inline-flex items-center gap-1" }, lh = {
+}), rh = { class: "flex flex-col overflow-hidden rounded-sm border border-outline-variant" }, ih = { class: "flex bg-surface-container-high" }, ah = ["onClick"], oh = { class: "inline-flex items-center gap-1" }, sh = {
 	key: 0,
 	class: "inline-flex"
-}, uh = ["onClick"], dh = { class: "truncate" }, fh = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, ph = { class: "text-label-small text-on-surface-variant" }, mh = /* @__PURE__ */ D({
+}, ch = ["onClick"], lh = { class: "truncate" }, uh = { class: "border-t border-outline-variant bg-surface-container-lowest px-4 py-2" }, dh = { class: "text-label-small text-on-surface-variant" }, fh = /* @__PURE__ */ D({
 	__name: "MVirtualTable",
 	props: {
 		columns: {},
@@ -11707,8 +11639,8 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		function y(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		return (t, n) => (L(), S("div", ah, [
-			C("div", oh, [(L(!0), S(m, null, V(e.columns, (e) => (L(), S("div", {
+		return (t, n) => (L(), S("div", rh, [
+			C("div", ih, [(L(!0), S(m, null, V(e.columns, (e) => (L(), S("div", {
 				key: e.key,
 				style: N({
 					width: e.width || "auto",
@@ -11720,7 +11652,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					e.sortable ? "cursor-pointer select-none hover:text-on-surface transition-colors" : ""
 				]),
 				onClick: (t) => e.sortable ? l(e.key) : void 0
-			}, [C("span", ch, [T(G(e.label) + " ", 1), e.sortable ? (L(), S("span", lh, [s.value === e.key && c.value === "asc" ? (L(), b(f, {
+			}, [C("span", oh, [T(G(e.label) + " ", 1), e.sortable ? (L(), S("span", sh, [s.value === e.key && c.value === "asc" ? (L(), b(f, {
 				key: 0,
 				name: "arrow_upward",
 				size: 14,
@@ -11735,7 +11667,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 				name: "unfold_more",
 				size: 14,
 				class: "opacity-30"
-			}))])) : x("", !0)])], 14, sh))), 128))]),
+			}))])) : x("", !0)])], 14, ah))), 128))]),
 			C("div", {
 				ref_key: "scrollEl",
 				ref: i,
@@ -11763,11 +11695,11 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 			}, [H(t.$slots, `cell-${e.key}`, {
 				row: n,
 				value: n[e.key]
-			}, () => [C("span", dh, G(n[e.key] ?? "—"), 1)])], 6))), 128))], 14, uh))), 128))], 4)], 36),
-			C("div", fh, [C("span", ph, [T(G(u.value.length.toLocaleString()) + " filas ", 1), p.value.end - p.value.start < u.value.length ? (L(), S(m, { key: 0 }, [T(" · mostrando " + G(p.value.start + 1) + "–" + G(p.value.end), 1)], 64)) : x("", !0)])])
+			}, () => [C("span", lh, G(n[e.key] ?? "—"), 1)])], 6))), 128))], 14, ch))), 128))], 4)], 36),
+			C("div", uh, [C("span", dh, [T(G(u.value.length.toLocaleString()) + " filas ", 1), p.value.end - p.value.start < u.value.length ? (L(), S(m, { key: 0 }, [T(" · mostrando " + G(p.value.start + 1) + "–" + G(p.value.end), 1)], 64)) : x("", !0)])])
 		]));
 	}
-}), hh = { class: "text-title-small font-medium text-on-surface truncate flex-1" }, gh = { class: "flex-1 overflow-auto" }, _h = ["onMousedown", "onTouchstart"], vh = /* @__PURE__ */ D({
+}), ph = { class: "text-title-small font-medium text-on-surface truncate flex-1" }, mh = { class: "flex-1 overflow-auto" }, hh = ["onMousedown", "onTouchstart"], gh = /* @__PURE__ */ D({
 	__name: "MWindow",
 	props: {
 		modelValue: { type: Boolean },
@@ -11900,27 +11832,27 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 		let oe = [
 			{
 				dir: "s",
-				class: "bottom-0 left-[10px] right-[10px] h-[5px]",
+				class: "bottom-0 left-[20px] right-[20px] h-[8px]",
 				cursor: "cursor-ns-resize"
 			},
 			{
 				dir: "e",
-				class: "top-[10px] right-0 bottom-[10px] w-[5px]",
+				class: "top-[20px] right-0 bottom-[20px] w-[8px]",
 				cursor: "cursor-ew-resize"
 			},
 			{
 				dir: "w",
-				class: "top-[10px] left-0 bottom-[10px] w-[5px]",
+				class: "top-[20px] left-0 bottom-[20px] w-[8px]",
 				cursor: "cursor-ew-resize"
 			},
 			{
 				dir: "se",
-				class: "bottom-0 right-0 w-[12px] h-[12px]",
+				class: "bottom-0 right-0 w-[20px] h-[20px]",
 				cursor: "cursor-nwse-resize"
 			},
 			{
 				dir: "sw",
-				class: "bottom-0 left-0 w-[12px] h-[12px]",
+				class: "bottom-0 left-0 w-[20px] h-[20px]",
 				cursor: "cursor-nesw-resize"
 			}
 		];
@@ -11942,7 +11874,7 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					name: e.icon,
 					size: 18,
 					class: "text-on-surface-variant"
-				}, null, 8, ["name"])) : x("", !0), C("span", hh, G(e.title), 1)]),
+				}, null, 8, ["name"])) : x("", !0), C("span", ph, G(e.title), 1)]),
 				H(t.$slots, "actions"),
 				e.minimizable ? (L(), S("button", {
 					key: 0,
@@ -11961,17 +11893,17 @@ var Td = /*#__PURE__*/ p(Sd, [["render", wd]]), Ed = ["disabled"], Dd = ["disabl
 					size: 16
 				})])) : x("", !0)
 			], 34),
-			re(C("div", gh, [H(t.$slots, "default")], 512), [[te, !c.value]]),
+			re(C("div", mh, [H(t.$slots, "default")], 512), [[te, !c.value]]),
 			e.resizable && !c.value ? (L(), S(m, { key: 0 }, V(oe, (e) => C("div", {
 				key: e.dir,
 				class: M(["absolute", [e.class, e.cursor]]),
 				onMousedown: (t) => Y(t, e.dir),
 				onTouchstart: (t) => Y(t, e.dir)
-			}, null, 42, _h)), 64)) : x("", !0)
+			}, null, 42, hh)), 64)) : x("", !0)
 		], 36)) : x("", !0);
 	}
 });
 //#endregion
-export { ot as MAbsolute, ft as MAlert, It as MAppBar, Bt as MAppLayout, Vt as MAspectRatio, Mt as MAutocomplete, Ht as MAvatar, Gt as MBadge, Zt as MBottomSheet, Qt as MBox, tn as MBreadcrumbs, e as MButton, on as MButtonGroup, vn as MCalendar, Tn as MCard, Mn as MCarousel, Nn as MCenter, In as MChatBubble, zn as MCheckbox, Vn as MChip, Zl as MCircleProgressBar, Qn as MColorPicker, ur as MColorPickerModal, wr as MCommandPalette, Er as MConfirmDialog, Dr as MContainer, Pr as MContextMenu, ui as MDataTable, xi as MDatePicker, Fi as MDatePickerModal, qi as MDateRangePicker, la as MDateRangePickerModal, i as MDialog, pa as MDivider, ya as MDragDropList, xa as MEmoji, Da as MEmojiButton, Fa as MEmojiSelector, Ia as MEmptyState, Ua as MExpansionPanel, Ja as MFab, uo as MFileUpload, fo as MFixed, vo as MFlex, _o as MFooter, yo as MFullscreen, bo as MGrid, Eo as MHotkeys, f as MIcon, s as MIconButton, Ao as MInfiniteScroll, zo as MJsonViewer, Yo as MKanban, Xo as MList, us as MListItem, ds as MListSubheader, hs as MLoadingOverlay, Cs as MMaskField, gs as MMasonry, o as MMenu, u as MMenuItem, Ks as MMultiAutocomplete, _c as MMultiSelect, bc as MNavigationBar, ll as MNavigationDrawer, pl as MNavigationRail, Oc as MNumberField, hl as MOverlay, Lr as MPagination, Ml as MProgressBar, nu as MRadio, au as MRadioGroup, su as MRating, du as MRelative, fu as MResponsive, yu as MResult, Fu as MScheduler, Iu as MScrollable, Vu as MSection, Wu as MSegmentedButton, cd as MSelect, md as MSideSheet, gd as MSkeleton, xd as MSlider, ve as MSnackbar, Td as MSpacer, a as MSpinner, kd as MSplitButton, Ad as MSplitter, qd as MSpotlightSearch, Jd as MStack, rf as MStatCard, bf as MStepper, xf as MSticky, Cf as MSubtitle, $o as MSwitch, Gf as MTable, op as MTabs, $f as MTagInput, Sf as MText, c as MTextField, Ap as MTimePicker, Jp as MTimePickerModal, vp as MTimeline, Yp as MTitle, nm as MToolbar, $p as MTooltip, om as MTopAppBar, mm as MTour, Lm as MTransferList, qm as MTree, ih as MTreeTable, mh as MVirtualTable, vh as MWindow, Ca as allEmojis, ae as createM3UI, n as defaultLocale, Sa as emojiCategories, le as palettes, wa as randomEmoji, de as useColorPalette, l as useDebounce, Re as useDevice, t as useFieldBg, r as useLocale, at as useNotification, ce as useTheme, Ne as useToast };
+export { ot as MAbsolute, ft as MAlert, It as MAppBar, Bt as MAppLayout, Vt as MAspectRatio, Mt as MAutocomplete, Ht as MAvatar, Gt as MBadge, Zt as MBottomSheet, Qt as MBox, tn as MBreadcrumbs, e as MButton, on as MButtonGroup, vn as MCalendar, Tn as MCard, Mn as MCarousel, Nn as MCenter, In as MChatBubble, zn as MCheckbox, Vn as MChip, Yl as MCircleProgressBar, Qn as MColorPicker, ur as MColorPickerModal, wr as MCommandPalette, Er as MConfirmDialog, Dr as MContainer, Or as MContextMenu, ii as MDataTable, hi as MDatePicker, ki as MDatePickerModal, Vi as MDateRangePicker, ra as MDateRangePickerModal, i as MDialog, sa as MDivider, pa as MDragDropList, ha as MEmoji, xa as MEmojiButton, ka as MEmojiSelector, Aa as MEmptyState, La as MExpansionPanel, Ha as MFab, io as MFileUpload, ao as MFixed, fo as MFlex, uo as MFooter, po as MFullscreen, mo as MGrid, bo as MHotkeys, f as MIcon, s as MIconButton, wo as MInfiniteScroll, No as MJsonViewer, Uo as MKanban, Wo as MList, is as MListItem, as as MListSubheader, ls as MLoadingOverlay, xs as MMaskField, us as MMasonry, o as MMenu, ms as MMenuDivider, u as MMenuItem, Ws as MMultiAutocomplete, hc as MMultiSelect, vc as MNavigationBar, sl as MNavigationDrawer, dl as MNavigationRail, Ec as MNumberField, pl as MOverlay, jr as MPagination, Al as MProgressBar, eu as MRadio, ru as MRadioGroup, au as MRating, lu as MRelative, uu as MResponsive, _u as MResult, Nu as MScheduler, Pu as MScrollable, zu as MSection, Hu as MSegmentedButton, od as MSelect, fd as MSideSheet, md as MSkeleton, yd as MSlider, ve as MSnackbar, Cd as MSpacer, a as MSpinner, Dd as MSplitButton, Od as MSplitter, Gd as MSpotlightSearch, Kd as MStack, tf as MStatCard, vf as MStepper, yf as MSticky, xf as MSubtitle, qo as MSwitch, Uf as MTable, ip as MTabs, Zf as MTagInput, bf as MText, c as MTextField, Op as MTimePicker, Kp as MTimePickerModal, gp as MTimeline, qp as MTitle, em as MToolbar, Zp as MTooltip, im as MTopAppBar, fm as MTour, Fm as MTransferList, Gm as MTree, nh as MTreeTable, fh as MVirtualTable, gh as MWindow, _a as allEmojis, ae as createM3UI, n as defaultLocale, ga as emojiCategories, le as palettes, va as randomEmoji, de as useColorPalette, l as useDebounce, Re as useDevice, t as useFieldBg, r as useLocale, at as useNotification, ce as useTheme, Ne as useToast };
 
 //# sourceMappingURL=m3ui.js.map