@m3ui-vue/m3ui-vue 0.5.1 → 0.5.2

package/dist/{MMenuItem-Dw2ARZic.js → MMenuItem-DyY4zhRA.js}

@@ -1,93 +1,16 @@
-import { t as e } from "./MIcon-CaEooCmZ.js";
-import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, onUnmounted as v, openBlock as y, provide as b, reactive as x, ref as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, toValue as E, unref as D, useId as O, useSlots as k, watch as A, watchEffect as j, withCtx as M, withModifiers as N } from "vue";
-//#region src/composables/useLocale.ts
-var P = {
-	search: "Search...",
-	noResults: "No results",
-	close: "Close",
-	cancel: "Cancel",
-	confirm: "Confirm",
-	loading: "Loading",
-	previous: "Previous",
-	next: "Next",
-	today: "Today",
-	more: "more",
-	selectedCount: "selected",
-	recordCount: "record",
-	expand: "Expand",
-	columns: "Columns",
-	exportCsv: "Export CSV",
-	noGroup: "No group",
-	finish: "Finish",
-	dropText: "Drop files here or",
-	selectText: "browse",
-	maxSizePrefix: "Max.",
-	remove: "Remove",
-	selectDate: "Select date",
-	selectTime: "Select time",
-	selectRange: "Select range",
-	pickStart: "Select start",
-	pickEnd: "Select end",
-	previousMonth: "Previous month",
-	nextMonth: "Next month",
-	dayView: "Day",
-	weekView: "Week",
-	available: "Available",
-	selected: "Selected",
-	noItems: "No items",
-	moveAllRight: "Move all right",
-	moveRight: "Move selected right",
-	moveLeft: "Move selected left",
-	moveAllLeft: "Move all left",
-	searchCommand: "Search command...",
-	navigateHint: "navigate",
-	selectHint: "select",
-	openHint: "open",
-	closeHint: "close",
-	loadingMore: "Loading...",
-	noMoreItems: "No more items",
-	bold: "Bold",
-	italic: "Italic",
-	underline: "Underline",
-	strikethrough: "Strikethrough",
-	highlight: "Highlight",
-	bulletList: "Bullet list",
-	orderedList: "Ordered list",
-	blockquote: "Blockquote",
-	code: "Code",
-	alignLeft: "Align left",
-	alignCenter: "Align center",
-	alignRight: "Align right",
-	undo: "Undo",
-	redo: "Redo",
-	link: "Link",
-	image: "Image",
-	paragraph: "Paragraph",
-	heading1: "Heading 1",
-	heading2: "Heading 2",
-	heading3: "Heading 3",
-	insertLink: "Insert link",
-	insertImage: "Insert image",
-	imageUrlLabel: "Image URL",
-	insert: "Insert"
-}, F = Symbol("m3-locale");
-function I() {
-	let e = p(F, {}), t = x({ ...P });
-	return j(() => {
-		Object.assign(t, P, E(e));
-	}), t;
-}
-//#endregion
+import { r as e } from "./useLocale-QCIVDYWx.js";
+import { t } from "./MIcon-CaEooCmZ.js";
+import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, onUnmounted as y, openBlock as b, provide as x, ref as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useId as D, useSlots as O, watch as k, withCtx as A, withModifiers as j } from "vue";
 //#region src/components/MSpinner.vue?vue&type=script&setup=true&lang.ts
-var L = ["aria-label"], R = {
+var M = ["aria-label"], N = {
 	key: 0,
 	class: "block h-full w-full animate-spin rounded-full border-2 border-current border-t-transparent"
-}, ee = [
+}, P = [
 	"width",
 	"height",
 	"viewBox"
-], z = ["d", "stroke-dasharray"], B = 3, V = 9, H = /* @__PURE__ */ f({
+], F = ["d", "stroke-dasharray"], I = 3, L = 9, R = /* @__PURE__ */ p({
 	__name: "MSpinner",
 	props: {
 		size: { default: 20 },
@@ -97,12 +20,12 @@ var L = ["aria-label"], R = {
 		},
 		label: {}
 	},
-	setup(e) {
-		let t = e, n = I(), r = a(() => (t.size / 2 - 1 - B / 2) / 1.25), i = a(() => t.size / 2), o = a(() => {
-			let e = i.value, t = r.value, n = t * .08, a = V * 24, o = [], s = 0, c = 0, l = 0;
-			for (let r = 0; r <= a; r++) {
-				let i = 2 * Math.PI * r / a - Math.PI / 2, u = t + n * Math.sin(V * i), d = e + u * Math.cos(i), f = e + u * Math.sin(i);
-				r > 0 && (s += Math.sqrt((d - c) ** 2 + (f - l) ** 2)), o.push(`${r === 0 ? "M" : "L"}${d.toFixed(2)},${f.toFixed(2)}`), c = d, l = f;
+	setup(t) {
+		let n = t, r = e(), i = o(() => (n.size / 2 - 1 - I / 2) / 1.25), a = o(() => n.size / 2), s = o(() => {
+			let e = a.value, t = i.value, n = t * .08, r = L * 24, o = [], s = 0, c = 0, l = 0;
+			for (let i = 0; i <= r; i++) {
+				let a = 2 * Math.PI * i / r - Math.PI / 2, u = t + n * Math.sin(L * a), d = e + u * Math.cos(a), f = e + u * Math.sin(a);
+				i > 0 && (s += Math.sqrt((d - c) ** 2 + (f - l) ** 2)), o.push(`${i === 0 ? "M" : "L"}${d.toFixed(2)},${f.toFixed(2)}`), c = d, l = f;
 			}
 			let u = s * .58, d = s - u, f = `${u.toFixed(1)} ${d.toFixed(1)}`;
 			return {
@@ -111,33 +34,33 @@ var L = ["aria-label"], R = {
 				len: s.toFixed(1)
 			};
 		});
-		return (t, r) => (y(), c("span", {
+		return (e, n) => (b(), l("span", {
 			class: "inline-flex shrink-0 items-center justify-center",
-			style: h({
-				width: `${e.size}px`,
-				height: `${e.size}px`
+			style: g({
+				width: `${t.size}px`,
+				height: `${t.size}px`
 			}),
 			role: "status",
-			"aria-label": e.label ?? D(n).loading
-		}, [e.wavy ? (y(), c("svg", {
+			"aria-label": t.label ?? E(r).loading
+		}, [t.wavy ? (b(), l("svg", {
 			key: 1,
-			width: e.size,
-			height: e.size,
-			viewBox: `0 0 ${e.size} ${e.size}`,
+			width: t.size,
+			height: t.size,
+			viewBox: `0 0 ${t.size} ${t.size}`,
 			fill: "none",
 			class: "animate-[m3-wavy-spin_2.8s_linear_infinite]",
-			style: h(`transform-origin: ${i.value}px ${i.value}px`)
-		}, [l("path", {
-			d: o.value.path,
+			style: g(`transform-origin: ${a.value}px ${a.value}px`)
+		}, [u("path", {
+			d: s.value.path,
 			stroke: "currentColor",
-			"stroke-width": B,
+			"stroke-width": I,
 			"stroke-linecap": "round",
-			"stroke-dasharray": o.value.dash,
+			"stroke-dasharray": s.value.dash,
 			class: "animate-[m3-wavy-travel_2s_linear_infinite]",
-			style: h({ "--m3-wave-len": o.value.len })
-		}, null, 12, z)], 12, ee)) : (y(), c("span", R))], 12, L));
+			style: g({ "--m3-wave-len": s.value.len })
+		}, null, 12, F)], 12, P)) : (b(), l("span", N))], 12, M));
 	}
-}), U = [
+}), z = [
 	"bg-surface-container-highest",
 	"bg-surface-container-high",
 	"bg-surface-container-low",
@@ -158,11 +81,11 @@ var L = ["aria-label"], R = {
 	"bg-tertiary",
 	"bg-error"
 ];
-function W(e) {
-	for (let t of U) if (e.classList.contains(t)) return `var(--color-${t.slice(3)})`;
+function B(e) {
+	for (let t of z) if (e.classList.contains(t)) return `var(--color-${t.slice(3)})`;
 	return null;
 }
-function G(e) {
+function ee(e) {
 	if (!e || e === "transparent") return !0;
 	let t = e.match(/^rgba?\(([^)]+)\)$/);
 	if (t) {
@@ -171,7 +94,7 @@ function G(e) {
 	}
 	return !1;
 }
-function K(e, t) {
+function V(e, t) {
 	let n = S("var(--color-surface)");
 	function r(r) {
 		n.value = r, e.value?.style.setProperty("--field-bg", t() ?? r);
@@ -179,7 +102,7 @@ function K(e, t) {
 	function i() {
 		let t = e.value?.parentElement ?? null;
 		for (; t;) {
-			let e = W(t);
+			let e = B(t);
 			if (e) {
 				r(e);
 				return;
@@ -189,7 +112,7 @@ function K(e, t) {
 				return;
 			}
 			let n = getComputedStyle(t).backgroundColor;
-			if (!G(n)) {
+			if (!ee(n)) {
 				r(n);
 				return;
 			}
@@ -197,9 +120,9 @@ function K(e, t) {
 		}
 		r("var(--color-surface)");
 	}
-	let o = null;
-	return _(() => {
-		i(), o = new MutationObserver(() => i()), o.observe(document.documentElement, {
+	let a = null;
+	return v(() => {
+		i(), a = new MutationObserver(() => i()), a.observe(document.documentElement, {
 			attributes: !0,
 			attributeFilter: [
 				"class",
@@ -207,11 +130,11 @@ function K(e, t) {
 				"data-theme"
 			]
 		});
-	}), g(() => o?.disconnect()), { resolvedFieldBg: a(() => t() ?? n.value) };
+	}), _(() => a?.disconnect()), { resolvedFieldBg: o(() => t() ?? n.value) };
 }
 //#endregion
 //#region src/composables/useDebounce.ts
-function q(e, t) {
+function H(e, t) {
 	let n = null;
 	function r(...r) {
 		n && clearTimeout(n), n = setTimeout(() => {
@@ -221,14 +144,14 @@ function q(e, t) {
 	function i() {
 		n &&= (clearTimeout(n), null);
 	}
-	return g(i), {
+	return _(i), {
 		debounced: r,
 		cancel: i
 	};
 }
 //#endregion
 //#region src/components/MIconButton.vue?vue&type=script&setup=true&lang.ts
-var J = "inline-flex shrink-0 items-center justify-center transition-colors duration-150 cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38]", Y = /* @__PURE__ */ f({
+var U = "inline-flex shrink-0 items-center justify-center transition-colors duration-150 cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38]", W = /* @__PURE__ */ p({
 	__name: "MIconButton",
 	props: {
 		icon: {},
@@ -242,8 +165,8 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 		},
 		to: {}
 	},
-	setup(t) {
-		let n = t, r = a(() => n.to ? "RouterLink" : "button"), i = {
+	setup(e) {
+		let n = e, r = o(() => n.to ? "RouterLink" : "button"), i = {
 			xs: {
 				px: 32,
 				icon: 16
@@ -264,16 +187,16 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				px: 64,
 				icon: 32
 			}
-		}, s = a(() => typeof n.size == "number" ? {
+		}, a = o(() => typeof n.size == "number" ? {
 			px: n.size,
 			icon: Math.round(n.size * .55)
-		} : i[n.size] ?? i.sm), c = a(() => n.shape === "squared" ? "rounded-md" : "rounded-full");
+		} : i[n.size] ?? i.sm), c = o(() => n.shape === "squared" ? "rounded-md" : "rounded-full");
 		function l(e) {
 			if (n.disabled) return;
 			let t = e.currentTarget, r = t.getBoundingClientRect(), i = Math.max(r.width, r.height) * 2, a = document.createElement("span");
 			a.className = "m3-ripple", a.style.cssText = `width:${i}px;height:${i}px;top:${e.clientY - r.top - i / 2}px;left:${e.clientX - r.left - i / 2}px`, t.appendChild(a), a.addEventListener("animationend", () => a.remove(), { once: !0 });
 		}
-		let u = a(() => {
+		let u = o(() => {
 			switch (n.variant) {
 				case "filled": return "bg-primary text-on-primary hover:shadow-elevation-1";
 				case "tonal": return "bg-secondary-container text-on-secondary-container hover:shadow-elevation-1";
@@ -281,26 +204,26 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				default: return "text-on-surface-variant hover:bg-on-surface/8 active:bg-on-surface/12";
 			}
 		});
-		return (n, i) => (y(), o(w(r.value), {
-			to: t.to || void 0,
-			type: t.to ? void 0 : "button",
-			"aria-label": t.label || void 0,
-			disabled: t.disabled,
-			class: m([
-				J,
+		return (n, i) => (b(), s(w(r.value), {
+			to: e.to || void 0,
+			type: e.to ? void 0 : "button",
+			"aria-label": e.label || void 0,
+			disabled: e.disabled,
+			class: h([
+				U,
 				c.value,
 				u.value,
 				"relative overflow-hidden"
 			]),
-			style: h({
-				width: `${s.value.px}px`,
-				height: `${s.value.px}px`
+			style: g({
+				width: `${a.value.px}px`,
+				height: `${a.value.px}px`
 			}),
 			onPointerdown: l
 		}, {
-			default: M(() => [d(e, {
-				name: t.icon,
-				size: s.value.icon
+			default: A(() => [f(t, {
+				name: e.icon,
+				size: a.value.icon
 			}, null, 8, ["name", "size"])]),
 			_: 1
 		}, 40, [
@@ -312,7 +235,7 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			"style"
 		]));
 	}
-}), X = "relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap overflow-hidden transition-[box-shadow,background-color,color] duration-150 select-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38] disabled:shadow-none before:content-[''] before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 enabled:hover:before:opacity-[0.08] enabled:active:before:opacity-[0.12]", Z = /* @__PURE__ */ f({
+}), G = "relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap overflow-hidden transition-[box-shadow,background-color,color] duration-150 select-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38] disabled:shadow-none before:content-[''] before:pointer-events-none before:absolute before:inset-0 before:bg-current before:opacity-0 before:transition-opacity before:duration-150 enabled:hover:before:opacity-[0.08] enabled:active:before:opacity-[0.12]", K = /* @__PURE__ */ p({
 	__name: "MButton",
 	props: {
 		variant: { default: "filled" },
@@ -331,15 +254,15 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 		shape: { default: "rounded" },
 		to: {}
 	},
-	setup(t) {
-		let n = ["primary", "error"], r = t, i = a(() => r.to ? "RouterLink" : "button"), c = a(() => !!r.color && !n.includes(r.color)), l = a(() => {
-			if (c.value) return {
+	setup(e) {
+		let n = ["primary", "error"], r = e, i = o(() => r.to ? "RouterLink" : "button"), a = o(() => !!r.color && !n.includes(r.color)), l = o(() => {
+			if (a.value) return {
 				"--color-primary": r.color,
 				"--color-on-primary": "#ffffff",
 				"--color-primary-container": r.color + "33",
 				"--color-on-primary-container": r.color
 			};
-		}), u = a(() => r.color === "error"), d = a(() => r.shape === "squared" ? "rounded-md" : "rounded-full"), f = {
+		}), u = o(() => r.color === "error"), d = o(() => r.shape === "squared" ? "rounded-md" : "rounded-full"), f = {
 			xs: {
 				h: "h-8",
 				text: "text-label-medium",
@@ -385,7 +308,7 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				pxIcon: "pl-7 pr-8",
 				pxText: "px-4"
 			}
-		}, p = a(() => f[r.size] ?? f.sm), g = a(() => `${p.value.h} ${p.value.text}`), _ = a(() => p.value.icon), v = a(() => p.value.spinner), b = a(() => r.variant === "text" ? p.value.pxText : r.icon || r.loading ? p.value.pxIcon : p.value.px), x = a(() => {
+		}, p = o(() => f[r.size] ?? f.sm), m = o(() => `${p.value.h} ${p.value.text}`), _ = o(() => p.value.icon), v = o(() => p.value.spinner), y = o(() => r.variant === "text" ? p.value.pxText : r.icon || r.loading ? p.value.pxIcon : p.value.px), x = o(() => {
 			let e = u.value;
 			switch (r.variant) {
 				case "filled": return e ? "bg-error text-on-error enabled:hover:shadow-elevation-1 enabled:active:shadow-none" : "bg-primary text-on-primary enabled:hover:shadow-elevation-1 enabled:active:shadow-none";
@@ -401,28 +324,28 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			let t = e.currentTarget, n = t.getBoundingClientRect(), i = Math.max(n.width, n.height) * 2, a = document.createElement("span");
 			a.className = "m3-ripple", a.style.cssText = `width:${i}px;height:${i}px;top:${e.clientY - n.top - i / 2}px;left:${e.clientX - n.left - i / 2}px`, t.appendChild(a), a.addEventListener("animationend", () => a.remove(), { once: !0 });
 		}
-		return (n, r) => (y(), o(w(i.value), {
-			to: t.to || void 0,
-			type: t.to ? void 0 : t.type,
-			disabled: t.disabled || t.loading,
-			class: m([
-				X,
+		return (n, r) => (b(), s(w(i.value), {
+			to: e.to || void 0,
+			type: e.to ? void 0 : e.type,
+			disabled: e.disabled || e.loading,
+			class: h([
+				G,
 				d.value,
-				g.value,
-				b.value,
+				m.value,
+				y.value,
 				x.value
 			]),
-			style: h(l.value),
+			style: g(l.value),
 			onPointerdown: S
 		}, {
-			default: M(() => [t.loading ? (y(), o(H, {
+			default: A(() => [e.loading ? (b(), s(R, {
 				key: 0,
 				size: v.value
-			}, null, 8, ["size"])) : t.icon ? (y(), o(e, {
+			}, null, 8, ["size"])) : e.icon ? (b(), s(t, {
 				key: 1,
-				name: t.icon,
+				name: e.icon,
 				size: _.value
-			}, null, 8, ["name", "size"])) : s("", !0), C(n.$slots, "default")]),
+			}, null, 8, ["name", "size"])) : c("", !0), C(n.$slots, "default")]),
 			_: 3
 		}, 40, [
 			"to",
@@ -432,16 +355,16 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			"style"
 		]));
 	}
-}), Q = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, te = { class: "text-headline-small text-on-surface" }, ne = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, re = {
+}), q = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, J = { class: "text-headline-small text-on-surface" }, Y = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, X = {
 	key: 0,
 	class: "flex justify-end gap-2 px-6 py-4"
-}, ie = {
+}, Z = {
 	key: 0,
 	class: "dialog-fs fixed inset-0 z-50 flex flex-col bg-surface"
-}, ae = { class: "flex h-14 shrink-0 items-center gap-2 px-2" }, oe = { class: "flex-1 text-title-large font-medium text-on-surface" }, se = {
+}, Q = { class: "flex h-14 shrink-0 items-center gap-2 px-2" }, te = { class: "flex-1 text-title-large font-medium text-on-surface" }, ne = {
 	key: 1,
 	class: "flex items-center gap-2"
-}, ce = { class: "flex-1 overflow-y-auto px-6 py-4 text-body-medium text-on-surface-variant" }, le = /*#__PURE__*/ t(/* @__PURE__ */ f({
+}, re = { class: "flex-1 overflow-y-auto px-6 py-4 text-body-medium text-on-surface-variant" }, ie = /*#__PURE__*/ n(/* @__PURE__ */ p({
 	__name: "MDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -458,78 +381,78 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 		closeLabel: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, a = I(), d = t;
-		function f() {
-			n.persistent || d("update:modelValue", !1);
+	setup(t, { emit: n }) {
+		let r = t, o = e(), f = n;
+		function p() {
+			r.persistent || f("update:modelValue", !1);
 		}
-		function p(e) {
-			e.key === "Escape" && f();
+		function m(e) {
+			e.key === "Escape" && p();
 		}
-		return A(() => n.modelValue, (e) => {
-			e ? (document.addEventListener("keydown", p), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", p), document.body.style.overflow = "");
-		}), (t, n) => (y(), o(r, { to: "body" }, [e.fullscreen ? (y(), o(i, {
+		return k(() => r.modelValue, (e) => {
+			e ? (document.addEventListener("keydown", m), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", m), document.body.style.overflow = "");
+		}), (e, n) => (b(), s(i, { to: "body" }, [t.fullscreen ? (b(), s(a, {
 			key: 1,
 			name: "m3-dialog-fs"
 		}, {
-			default: M(() => [e.modelValue ? (y(), c("div", ie, [l("div", ae, [
-				e.persistent ? s("", !0) : (y(), o(Y, {
+			default: A(() => [t.modelValue ? (b(), l("div", Z, [u("div", Q, [
+				t.persistent ? c("", !0) : (b(), s(W, {
 					key: 0,
 					icon: "close",
-					label: e.closeLabel ?? D(a).close,
-					onClick: f
+					label: t.closeLabel ?? E(o).close,
+					onClick: p
 				}, null, 8, ["label"])),
-				l("h2", oe, [C(t.$slots, "title", {}, () => [u(T(e.title), 1)], !0)]),
-				t.$slots.actions ? (y(), c("div", se, [C(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)
-			]), l("div", ce, [C(t.$slots, "default", {}, void 0, !0)])])) : s("", !0)]),
+				u("h2", te, [C(e.$slots, "title", {}, () => [d(T(t.title), 1)], !0)]),
+				e.$slots.actions ? (b(), l("div", ne, [C(e.$slots, "actions", {}, void 0, !0)])) : c("", !0)
+			]), u("div", re, [C(e.$slots, "default", {}, void 0, !0)])])) : c("", !0)]),
 			_: 3
-		})) : (y(), o(i, {
+		})) : (b(), s(a, {
 			key: 0,
 			name: "m3-dialog"
 		}, {
-			default: M(() => [e.modelValue ? (y(), c("div", {
+			default: A(() => [t.modelValue ? (b(), l("div", {
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
-				onClick: N(f, ["self"])
-			}, [l("div", { class: m(["dialog-box flex max-h-[90vh] w-full flex-col rounded-xl bg-surface-container-high shadow-elevation-3", e.maxWidth]) }, [
-				l("div", Q, [l("h2", te, [C(t.$slots, "title", {}, () => [u(T(e.title), 1)], !0)]), e.persistent ? s("", !0) : (y(), o(Y, {
+				onClick: j(p, ["self"])
+			}, [u("div", { class: h(["dialog-box flex max-h-[90vh] w-full flex-col rounded-xl bg-surface-container-high shadow-elevation-3", t.maxWidth]) }, [
+				u("div", q, [u("h2", J, [C(e.$slots, "title", {}, () => [d(T(t.title), 1)], !0)]), t.persistent ? c("", !0) : (b(), s(W, {
 					key: 0,
 					icon: "close",
-					label: e.closeLabel ?? D(a).close,
-					onClick: f
+					label: t.closeLabel ?? E(o).close,
+					onClick: p
 				}, null, 8, ["label"]))]),
-				l("div", ne, [C(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (y(), c("div", re, [C(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)
-			], 2)])) : s("", !0)]),
+				u("div", Y, [C(e.$slots, "default", {}, void 0, !0)]),
+				e.$slots.actions ? (b(), l("div", X, [C(e.$slots, "actions", {}, void 0, !0)])) : c("", !0)
+			], 2)])) : c("", !0)]),
 			_: 3
 		}))]));
 	}
-}), [["__scopeId", "data-v-2e3c3567"]]), ue = { class: "flex flex-col gap-1" }, de = [
+}), [["__scopeId", "data-v-2e3c3567"]]), ae = { class: "flex flex-col gap-1" }, oe = [
 	"id",
 	"value",
 	"rows",
 	"disabled",
 	"required"
-], fe = [
+], se = [
 	"id",
 	"type",
 	"value",
 	"disabled",
 	"required",
 	"autocomplete"
-], pe = ["for"], me = {
+], $ = ["for"], ce = {
 	key: 0,
 	class: "text-error"
-}, he = {
+}, le = {
 	key: 3,
 	class: "absolute right-2 top-1/2 -translate-y-1/2"
-}, ge = {
+}, ue = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, $ = {
+}, de = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, _e = /* @__PURE__ */ f({
+}, fe = /* @__PURE__ */ p({
 	__name: "MTextField",
 	props: {
 		modelValue: {},
@@ -553,9 +476,9 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 		debounce: { default: 0 }
 	},
 	emits: ["update:modelValue", "debounced"],
-	setup(t, { emit: n }) {
-		let r = t, i = n, o = O(), f = k(), p = S(null), { resolvedFieldBg: g } = K(p, () => r.fieldBg), { debounced: _, cancel: v } = q((e) => i("debounced", e), r.debounce), b = a(() => r.clearable && String(r.modelValue).length > 0 && !r.disabled), x = a(() => {
-			let e = !!f.trailing || r.clearable, t = r.leadingIcon ? "pl-12" : "pl-4", n = e ? "pr-12" : "pr-4", i = [
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = D(), s = O(), p = S(null), { resolvedFieldBg: m } = V(p, () => r.fieldBg), { debounced: _, cancel: v } = H((e) => i("debounced", e), r.debounce), y = o(() => r.clearable && String(r.modelValue).length > 0 && !r.disabled), x = o(() => {
+			let e = !!s.trailing || r.clearable, t = r.leadingIcon ? "pl-12" : "pl-4", n = e ? "pr-12" : "pr-4", i = [
 				"peer block w-full text-body-large text-on-surface outline-none placeholder:text-transparent",
 				"transition-[border-color,border-width] duration-150",
 				"disabled:cursor-not-allowed disabled:opacity-[0.38]",
@@ -572,7 +495,7 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				"rounded-t-sm bg-surface-container-highest border-b pt-6 pb-2",
 				r.error ? "border-error focus:border-b-2 focus:border-error" : "border-on-surface-variant hover:border-on-surface focus:border-b-2 focus:border-primary"
 			].join(" ");
-		}), w = a(() => {
+		}), w = o(() => {
 			let e = [
 				"pointer-events-none absolute truncate transition-all duration-200",
 				r.leadingIcon ? r.variant === "outlined" ? "left-11" : "left-12" : r.variant === "outlined" ? "left-3" : "left-4",
@@ -592,110 +515,110 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				r.error ? "text-error peer-focus:text-error" : "text-on-surface-variant peer-focus:text-primary"
 			].join(" ");
 		});
-		function E(e) {
+		function k(e) {
 			let t = e.target;
 			i("update:modelValue", t.value), r.debounce > 0 && _(t.value);
 		}
-		return (n, r) => (y(), c("div", ue, [l("div", {
+		return (n, r) => (b(), l("div", ae, [u("div", {
 			ref_key: "fieldBgEl",
 			ref: p,
-			class: m(["relative", t.variant === "outlined" ? "mt-2" : ""]),
-			style: h(t.variant === "outlined" ? { "--field-bg": D(g) } : void 0)
+			class: h(["relative", e.variant === "outlined" ? "mt-2" : ""]),
+			style: g(e.variant === "outlined" ? { "--field-bg": E(m) } : void 0)
 		}, [
-			t.leadingIcon ? (y(), c("div", {
+			e.leadingIcon ? (b(), l("div", {
 				key: 0,
-				class: m(["pointer-events-none absolute left-3.5 text-on-surface-variant", t.multiline ? "top-[55%] -translate-y-1/2" : t.variant === "filled" ? "top-5" : "top-4.5"])
-			}, [d(e, {
-				name: t.leadingIcon,
+				class: h(["pointer-events-none absolute left-3.5 text-on-surface-variant", e.multiline ? "top-[55%] -translate-y-1/2" : e.variant === "filled" ? "top-5" : "top-4.5"])
+			}, [f(t, {
+				name: e.leadingIcon,
 				size: 20
-			}, null, 8, ["name"])], 2)) : s("", !0),
-			t.multiline ? (y(), c("textarea", {
+			}, null, 8, ["name"])], 2)) : c("", !0),
+			e.multiline ? (b(), l("textarea", {
 				key: 1,
-				id: D(o),
-				value: String(t.modelValue),
-				rows: t.rows,
-				disabled: t.disabled,
-				required: t.required,
+				id: E(a),
+				value: String(e.modelValue),
+				rows: e.rows,
+				disabled: e.disabled,
+				required: e.required,
 				placeholder: " ",
-				class: m(x.value),
-				onInput: E
-			}, null, 42, de)) : (y(), c("input", {
+				class: h(x.value),
+				onInput: k
+			}, null, 42, oe)) : (b(), l("input", {
 				key: 2,
-				id: D(o),
-				type: t.type,
-				value: t.modelValue,
-				disabled: t.disabled,
-				required: t.required,
-				autocomplete: t.autocomplete,
+				id: E(a),
+				type: e.type,
+				value: e.modelValue,
+				disabled: e.disabled,
+				required: e.required,
+				autocomplete: e.autocomplete,
 				placeholder: " ",
-				class: m(x.value),
-				onInput: E
-			}, null, 42, fe)),
-			l("label", {
-				for: D(o),
-				class: m(w.value)
-			}, [u(T(t.label), 1), t.required ? (y(), c("span", me, "\xA0*")) : s("", !0)], 10, pe),
-			n.$slots.trailing ? (y(), c("div", he, [C(n.$slots, "trailing")])) : b.value ? (y(), c("button", {
+				class: h(x.value),
+				onInput: k
+			}, null, 42, se)),
+			u("label", {
+				for: E(a),
+				class: h(w.value)
+			}, [d(T(e.label), 1), e.required ? (b(), l("span", ce, "\xA0*")) : c("", !0)], 10, $),
+			n.$slots.trailing ? (b(), l("div", le, [C(n.$slots, "trailing")])) : y.value ? (b(), l("button", {
 				key: 4,
 				type: "button",
 				class: "absolute right-3 top-1/2 -translate-y-1/2 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full text-on-surface-variant transition-colors hover:bg-on-surface/8 hover:text-on-surface",
 				onClick: r[0] ||= (e) => {
-					D(v)(), i("update:modelValue", "");
+					E(v)(), i("update:modelValue", "");
 				}
-			}, [d(e, {
+			}, [f(t, {
 				name: "close",
 				size: 18
-			})])) : s("", !0)
-		], 6), t.error && t.errorLabel ? (y(), c("p", ge, T(t.errorLabel), 1)) : t.hint ? (y(), c("p", $, T(t.hint), 1)) : s("", !0)]));
+			})])) : c("", !0)
+		], 6), e.error && e.errorLabel ? (b(), l("p", ue, T(e.errorLabel), 1)) : e.hint ? (b(), l("p", de, T(e.hint), 1)) : c("", !0)]));
 	}
-}), ve = /* @__PURE__ */ f({
+}), pe = /* @__PURE__ */ p({
 	__name: "MMenu",
 	props: { align: { default: "right" } },
 	setup(e, { expose: t }) {
-		let u = e, f = S(!1), p = S(null), m = S(null), g = S({});
-		function x() {
+		let n = e, d = S(!1), p = S(null), m = S(null), h = S({});
+		function _() {
 			if (!p.value) return;
-			let e = p.value.getBoundingClientRect(), t = window.innerHeight - e.bottom - 8, n = t < 200 && e.top > t, r = { maxHeight: `${Math.min(n ? e.top - 12 : t, 400)}px` };
-			n ? r.bottom = `${window.innerHeight - e.top + 4}px` : r.top = `${e.bottom + 4}px`, u.align === "right" ? r.right = `${window.innerWidth - e.right}px` : r.left = `${e.left}px`, g.value = r;
+			let e = p.value.getBoundingClientRect(), t = window.innerHeight - e.bottom - 8, r = t < 200 && e.top > t, i = { maxHeight: `${Math.min(r ? e.top - 12 : t, 400)}px` };
+			r ? i.bottom = `${window.innerHeight - e.top + 4}px` : i.top = `${e.bottom + 4}px`, n.align === "right" ? i.right = `${window.innerWidth - e.right}px` : i.left = `${e.left}px`, h.value = i;
 		}
 		function w() {
-			f.value || x(), f.value = !f.value;
+			d.value || _(), d.value = !d.value;
 		}
 		function T() {
-			f.value = !1;
+			d.value = !1;
 		}
-		b("m-menu-close", T), t({
+		x("m-menu-close", T), t({
 			close: T,
-			open: f
+			open: d
 		});
 		function E(e) {
 			let t = e.target;
 			p.value?.contains(t) || m.value?.contains(t) || t.closest?.(".m3-submenu") || T();
 		}
 		function D(e) {
-			if (!f.value || m.value?.contains(e.target) || !p.value) return;
+			if (!d.value || m.value?.contains(e.target) || !p.value) return;
 			let t = p.value.getBoundingClientRect();
 			if (t.bottom < 0 || t.top > window.innerHeight) {
 				T();
 				return;
 			}
-			x();
+			_();
 		}
 		function O(e) {
 			e.key === "Escape" && T();
 		}
-		_(() => {
+		v(() => {
 			document.addEventListener("mousedown", E), document.addEventListener("keydown", O), window.addEventListener("scroll", D, !0);
-		}), v(() => {
+		}), y(() => {
 			document.removeEventListener("mousedown", E), document.removeEventListener("keydown", O), window.removeEventListener("scroll", D, !0);
 		});
-		let k = a(() => u.align === "right" ? "top right" : "top left");
-		return (e, t) => (y(), c(n, null, [l("div", {
+		let k = o(() => n.align === "right" ? "top right" : "top left");
+		return (e, t) => (b(), l(r, null, [u("div", {
 			ref_key: "triggerEl",
 			ref: p,
 			class: "inline-block",
 			onClick: w
-		}, [C(e.$slots, "trigger", { open: f.value })], 512), (y(), o(r, { to: "body" }, [d(i, {
+		}, [C(e.$slots, "trigger", { open: d.value })], 512), (b(), s(i, { to: "body" }, [f(a, {
 			"enter-active-class": "transition-[opacity,transform] duration-100 ease-out",
 			"enter-from-class": "opacity-0 scale-95",
 			"enter-to-class": "opacity-100 scale-100",
@@ -703,26 +626,26 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			"leave-from-class": "opacity-100 scale-100",
 			"leave-to-class": "opacity-0 scale-95"
 		}, {
-			default: M(() => [f.value ? (y(), c("div", {
+			default: A(() => [d.value ? (b(), l("div", {
 				key: 0,
 				ref_key: "dropdownEl",
 				ref: m,
 				class: "fixed z-500 min-w-48 overflow-hidden rounded-lg bg-surface-container shadow-elevation-2",
-				style: h({
-					...g.value,
+				style: g({
+					...h.value,
 					transformOrigin: k.value
 				})
-			}, [l("div", {
+			}, [u("div", {
 				class: "overflow-y-auto py-1",
-				style: h({ maxHeight: g.value.maxHeight })
-			}, [C(e.$slots, "default", { close: T })], 4)], 4)) : s("", !0)]),
+				style: g({ maxHeight: h.value.maxHeight })
+			}, [C(e.$slots, "default", { close: T })], 4)], 4)) : c("", !0)]),
 			_: 3
 		})]))], 64));
 	}
-}), ye = { class: "flex-1" }, be = {
+}), me = { class: "flex-1" }, he = {
 	key: 1,
 	class: "ml-4 shrink-0 text-label-small text-on-surface-variant opacity-60"
-}, xe = /* @__PURE__ */ f({
+}, ge = /* @__PURE__ */ p({
 	__name: "MMenuItem",
 	props: {
 		icon: {},
@@ -738,60 +661,60 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 		}
 	},
 	emits: ["click"],
-	setup(t, { emit: n }) {
-		let u = t, f = n, g = k(), _ = a(() => u.to ? "RouterLink" : "button"), v = a(() => !!g.children), b = p("m-menu-close", null);
+	setup(e, { emit: n }) {
+		let r = e, d = n, p = O(), _ = o(() => r.to ? "RouterLink" : "button"), v = o(() => !!p.children), y = m("m-menu-close", null);
 		function x() {
-			u.disabled || v.value || (f("click"), b?.());
+			r.disabled || v.value || (d("click"), y?.());
 		}
-		let E = S(!1), D = S(), O = S({});
-		function A() {
-			if (!v.value || u.disabled || (E.value = !0, !D.value)) return;
+		let E = S(!1), D = S(), k = S({});
+		function j() {
+			if (!v.value || r.disabled || (E.value = !0, !D.value)) return;
 			let e = D.value.getBoundingClientRect(), t = e.right + 200 > window.innerWidth;
-			O.value = {
+			k.value = {
 				position: "fixed",
 				top: `${e.top}px`,
 				...t ? { right: `${window.innerWidth - e.left}px` } : { left: `${e.right}px` },
 				zIndex: "501"
 			};
 		}
-		function j(e) {
+		function M(e) {
 			e.relatedTarget?.closest(".m3-submenu") || (E.value = !1);
 		}
 		function N(e) {
 			let t = e.relatedTarget;
 			t?.closest(".m3-submenu") || D.value?.contains(t) || (E.value = !1);
 		}
-		return (n, a) => (y(), c("div", {
+		return (n, r) => (b(), l("div", {
 			ref_key: "itemEl",
 			ref: D,
-			onMouseenter: A,
-			onMouseleave: j
-		}, [(y(), o(w(_.value), {
-			to: t.to || void 0,
-			type: t.to ? void 0 : "button",
-			class: m(["flex w-full items-center gap-3 px-4 py-2.5 text-left text-body-large transition-colors", [
-				t.disabled ? "cursor-not-allowed opacity-[0.38] text-on-surface" : "cursor-pointer",
-				!t.disabled && t.danger ? "text-error hover:bg-error/8" : "",
-				!t.disabled && !t.danger ? "text-on-surface hover:bg-on-surface/8" : ""
+			onMouseenter: j,
+			onMouseleave: M
+		}, [(b(), s(w(_.value), {
+			to: e.to || void 0,
+			type: e.to ? void 0 : "button",
+			class: h(["flex w-full items-center gap-3 px-4 py-2.5 text-left text-body-large transition-colors", [
+				e.disabled ? "cursor-not-allowed opacity-[0.38] text-on-surface" : "cursor-pointer",
+				!e.disabled && e.danger ? "text-error hover:bg-error/8" : "",
+				!e.disabled && !e.danger ? "text-on-surface hover:bg-on-surface/8" : ""
 			]]),
-			disabled: t.disabled || void 0,
+			disabled: e.disabled || void 0,
 			onClick: x
 		}, {
-			default: M(() => [
-				t.icon ? (y(), o(e, {
+			default: A(() => [
+				e.icon ? (b(), s(t, {
 					key: 0,
-					name: t.icon,
+					name: e.icon,
 					size: 20,
-					class: m(["shrink-0", t.danger ? "text-error" : "text-on-surface-variant"])
-				}, null, 8, ["name", "class"])) : s("", !0),
-				l("span", ye, [C(n.$slots, "default")]),
-				t.shortcut && !v.value ? (y(), c("span", be, T(t.shortcut), 1)) : s("", !0),
-				v.value ? (y(), o(e, {
+					class: h(["shrink-0", e.danger ? "text-error" : "text-on-surface-variant"])
+				}, null, 8, ["name", "class"])) : c("", !0),
+				u("span", me, [C(n.$slots, "default")]),
+				e.shortcut && !v.value ? (b(), l("span", he, T(e.shortcut), 1)) : c("", !0),
+				v.value ? (b(), s(t, {
 					key: 2,
 					name: "chevron_right",
 					size: 18,
 					class: "shrink-0 text-on-surface-variant"
-				})) : s("", !0)
+				})) : c("", !0)
 			]),
 			_: 3
 		}, 8, [
@@ -799,26 +722,26 @@ var J = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			"type",
 			"class",
 			"disabled"
-		])), v.value ? (y(), o(r, {
+		])), v.value ? (b(), s(i, {
 			key: 0,
 			to: "body"
-		}, [d(i, {
+		}, [f(a, {
 			"enter-active-class": "transition-opacity duration-100",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-75",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: M(() => [E.value ? (y(), c("div", {
+			default: A(() => [E.value ? (b(), l("div", {
 				key: 0,
 				class: "m3-submenu min-w-44 overflow-hidden rounded-lg bg-surface-container py-1 shadow-elevation-2",
-				style: h(O.value),
+				style: g(k.value),
 				onMouseleave: N
-			}, [C(n.$slots, "children")], 36)) : s("", !0)]),
+			}, [C(n.$slots, "children")], 36)) : c("", !0)]),
 			_: 3
-		})])) : s("", !0)], 544));
+		})])) : c("", !0)], 544));
 	}
 });
 //#endregion
-export { Z as a, K as c, P as d, I as f, le as i, H as l, ve as n, Y as o, _e as r, q as s, xe as t, F as u };
+export { K as a, V as c, ie as i, R as l, pe as n, W as o, fe as r, H as s, ge as t };
 
-//# sourceMappingURL=MMenuItem-Dw2ARZic.js.map
+//# sourceMappingURL=MMenuItem-DyY4zhRA.js.map