@m3ui-vue/m3ui-vue 0.4.1 → 0.4.2

package/dist/{MMenuItem-FyttjOj_.js → MMenuItem-BsZO5XuL.js}

@@ -1,8 +1,8 @@
 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, ref as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useId as E, useSlots as D, watch as O, withCtx as k, withModifiers as A } from "vue";
+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 j = {
+var P = {
 	search: "Search...",
 	noResults: "No results",
 	close: "Close",
@@ -71,24 +71,23 @@ var j = {
 	insertImage: "Insert image",
 	imageUrlLabel: "Image URL",
 	insert: "Insert"
-}, M = Symbol("m3-locale");
-function N() {
-	let e = p(M, {});
-	return {
-		...j,
-		...e
-	};
+}, F = Symbol("m3-locale");
+function I() {
+	let e = p(F, {}), t = x({ ...P });
+	return j(() => {
+		Object.assign(t, P, E(e));
+	}), t;
 }
 //#endregion
 //#region src/components/MSpinner.vue?vue&type=script&setup=true&lang.ts
-var P = ["aria-label"], F = {
+var ee = ["aria-label"], L = {
 	key: 0,
 	class: "block h-full w-full animate-spin rounded-full border-2 border-current border-t-transparent"
-}, I = [
+}, R = [
 	"width",
 	"height",
 	"viewBox"
-], L = ["d", "stroke-dasharray"], R = 3, z = 9, B = /* @__PURE__ */ f({
+], z = ["d", "stroke-dasharray"], B = 3, V = 9, H = /* @__PURE__ */ f({
 	__name: "MSpinner",
 	props: {
 		size: { default: 20 },
@@ -99,10 +98,10 @@ var P = ["aria-label"], F = {
 		label: {}
 	},
 	setup(e) {
-		let t = e, n = N(), r = a(() => (t.size / 2 - 1 - R / 2) / 1.25), i = a(() => t.size / 2), o = a(() => {
-			let e = i.value, t = r.value, n = t * .08, a = z * 24, o = [], s = 0, c = 0, l = 0;
+		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(z * i), d = e + u * Math.cos(i), f = e + u * Math.sin(i);
+				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;
 			}
 			let u = s * .58, d = s - u, f = `${u.toFixed(1)} ${d.toFixed(1)}`;
@@ -119,7 +118,7 @@ var P = ["aria-label"], F = {
 				height: `${e.size}px`
 			}),
 			role: "status",
-			"aria-label": e.label ?? T(n).loading
+			"aria-label": e.label ?? D(n).loading
 		}, [e.wavy ? (y(), c("svg", {
 			key: 1,
 			width: e.size,
@@ -131,14 +130,14 @@ var P = ["aria-label"], F = {
 		}, [l("path", {
 			d: o.value.path,
 			stroke: "currentColor",
-			"stroke-width": R,
+			"stroke-width": B,
 			"stroke-linecap": "round",
 			"stroke-dasharray": o.value.dash,
 			class: "animate-[m3-wavy-travel_2s_linear_infinite]",
 			style: h({ "--m3-wave-len": o.value.len })
-		}, null, 12, L)], 12, I)) : (y(), c("span", F))], 12, P));
+		}, null, 12, z)], 12, R)) : (y(), c("span", L))], 12, ee));
 	}
-}), V = [
+}), U = [
 	"bg-surface-container-highest",
 	"bg-surface-container-high",
 	"bg-surface-container-low",
@@ -159,11 +158,11 @@ var P = ["aria-label"], F = {
 	"bg-tertiary",
 	"bg-error"
 ];
-function H(e) {
-	for (let t of V) if (e.classList.contains(t)) return `var(--color-${t.slice(3)})`;
+function W(e) {
+	for (let t of U) if (e.classList.contains(t)) return `var(--color-${t.slice(3)})`;
 	return null;
 }
-function U(e) {
+function G(e) {
 	if (!e || e === "transparent") return !0;
 	let t = e.match(/^rgba?\(([^)]+)\)$/);
 	if (t) {
@@ -172,15 +171,15 @@ function U(e) {
 	}
 	return !1;
 }
-function W(e, t) {
-	let n = x("var(--color-surface)");
+function K(e, t) {
+	let n = S("var(--color-surface)");
 	function r(r) {
 		n.value = r, e.value?.style.setProperty("--field-bg", t() ?? r);
 	}
 	function i() {
 		let t = e.value?.parentElement ?? null;
 		for (; t;) {
-			let e = H(t);
+			let e = W(t);
 			if (e) {
 				r(e);
 				return;
@@ -190,7 +189,7 @@ function W(e, t) {
 				return;
 			}
 			let n = getComputedStyle(t).backgroundColor;
-			if (!U(n)) {
+			if (!G(n)) {
 				r(n);
 				return;
 			}
@@ -212,7 +211,7 @@ function W(e, t) {
 }
 //#endregion
 //#region src/components/MIconButton.vue?vue&type=script&setup=true&lang.ts
-var G = "inline-flex shrink-0 items-center justify-center transition-colors duration-150 cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38]", K = /* @__PURE__ */ f({
+var q = "inline-flex shrink-0 items-center justify-center transition-colors duration-150 cursor-pointer disabled:cursor-not-allowed disabled:opacity-[0.38]", J = /* @__PURE__ */ f({
 	__name: "MIconButton",
 	props: {
 		icon: {},
@@ -265,13 +264,13 @@ var G = "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(C(r.value), {
+		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([
-				G,
+				q,
 				c.value,
 				u.value,
 				"relative overflow-hidden"
@@ -282,7 +281,7 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			}),
 			onPointerdown: l
 		}, {
-			default: k(() => [d(e, {
+			default: M(() => [d(e, {
 				name: t.icon,
 				size: s.value.icon
 			}, null, 8, ["name", "size"])]),
@@ -296,7 +295,7 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			"style"
 		]));
 	}
-}), q = "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]", J = /* @__PURE__ */ f({
+}), Y = "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]", X = /* @__PURE__ */ f({
 	__name: "MButton",
 	props: {
 		variant: { default: "filled" },
@@ -380,33 +379,33 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				default: return "";
 			}
 		});
-		function w(e) {
+		function S(e) {
 			if (r.disabled || r.loading) return;
 			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(C(i.value), {
+		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([
-				q,
+				Y,
 				d.value,
 				g.value,
 				b.value,
 				x.value
 			]),
 			style: h(l.value),
-			onPointerdown: w
+			onPointerdown: S
 		}, {
-			default: k(() => [t.loading ? (y(), o(B, {
+			default: M(() => [t.loading ? (y(), o(H, {
 				key: 0,
 				size: v.value
 			}, null, 8, ["size"])) : t.icon ? (y(), o(e, {
 				key: 1,
 				name: t.icon,
 				size: _.value
-			}, null, 8, ["name", "size"])) : s("", !0), S(n.$slots, "default")]),
+			}, null, 8, ["name", "size"])) : s("", !0), C(n.$slots, "default")]),
 			_: 3
 		}, 40, [
 			"to",
@@ -416,16 +415,16 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			"style"
 		]));
 	}
-}), Y = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, X = { class: "text-headline-small text-on-surface" }, Z = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, Q = {
+}), Z = { class: "flex items-start justify-between gap-4 px-6 pt-6 pb-2" }, Q = { class: "text-headline-small text-on-surface" }, te = { class: "overflow-y-auto px-6 py-2 text-body-medium text-on-surface-variant" }, ne = {
 	key: 0,
 	class: "flex justify-end gap-2 px-6 py-4"
-}, $ = {
+}, re = {
 	key: 0,
 	class: "dialog-fs fixed inset-0 z-50 flex flex-col bg-surface"
-}, ee = { 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 = {
+}, ie = { class: "flex h-14 shrink-0 items-center gap-2 px-2" }, ae = { class: "flex-1 text-title-large font-medium text-on-surface" }, oe = {
 	key: 1,
 	class: "flex items-center gap-2"
-}, re = { class: "flex-1 overflow-y-auto px-6 py-4 text-body-medium text-on-surface-variant" }, ie = /*#__PURE__*/ t(/* @__PURE__ */ f({
+}, se = { class: "flex-1 overflow-y-auto px-6 py-4 text-body-medium text-on-surface-variant" }, ce = /*#__PURE__*/ t(/* @__PURE__ */ f({
 	__name: "MDialog",
 	props: {
 		modelValue: { type: Boolean },
@@ -443,77 +442,77 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, a = N(), d = t;
+		let n = e, a = I(), d = t;
 		function f() {
 			n.persistent || d("update:modelValue", !1);
 		}
 		function p(e) {
 			e.key === "Escape" && f();
 		}
-		return O(() => n.modelValue, (e) => {
+		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, {
 			key: 1,
 			name: "m3-dialog-fs"
 		}, {
-			default: k(() => [e.modelValue ? (y(), c("div", $, [l("div", ee, [
-				e.persistent ? s("", !0) : (y(), o(K, {
+			default: M(() => [e.modelValue ? (y(), c("div", re, [l("div", ie, [
+				e.persistent ? s("", !0) : (y(), o(J, {
 					key: 0,
 					icon: "close",
-					label: e.closeLabel ?? T(a).close,
+					label: e.closeLabel ?? D(a).close,
 					onClick: f
 				}, null, 8, ["label"])),
-				l("h2", te, [S(t.$slots, "title", {}, () => [u(w(e.title), 1)], !0)]),
-				t.$slots.actions ? (y(), c("div", ne, [S(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)
-			]), l("div", re, [S(t.$slots, "default", {}, void 0, !0)])])) : s("", !0)]),
+				l("h2", ae, [C(t.$slots, "title", {}, () => [u(T(e.title), 1)], !0)]),
+				t.$slots.actions ? (y(), c("div", oe, [C(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)
+			]), l("div", se, [C(t.$slots, "default", {}, void 0, !0)])])) : s("", !0)]),
 			_: 3
 		})) : (y(), o(i, {
 			key: 0,
 			name: "m3-dialog"
 		}, {
-			default: k(() => [e.modelValue ? (y(), c("div", {
+			default: M(() => [e.modelValue ? (y(), c("div", {
 				key: 0,
 				class: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
-				onClick: A(f, ["self"])
+				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", Y, [l("h2", X, [S(t.$slots, "title", {}, () => [u(w(e.title), 1)], !0)]), e.persistent ? s("", !0) : (y(), o(K, {
+				l("div", Z, [l("h2", Q, [C(t.$slots, "title", {}, () => [u(T(e.title), 1)], !0)]), e.persistent ? s("", !0) : (y(), o(J, {
 					key: 0,
 					icon: "close",
-					label: e.closeLabel ?? T(a).close,
+					label: e.closeLabel ?? D(a).close,
 					onClick: f
 				}, null, 8, ["label"]))]),
-				l("div", Z, [S(t.$slots, "default", {}, void 0, !0)]),
-				t.$slots.actions ? (y(), c("div", Q, [S(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)
+				l("div", te, [C(t.$slots, "default", {}, void 0, !0)]),
+				t.$slots.actions ? (y(), c("div", ne, [C(t.$slots, "actions", {}, void 0, !0)])) : s("", !0)
 			], 2)])) : s("", !0)]),
 			_: 3
 		}))]));
 	}
-}), [["__scopeId", "data-v-2e3c3567"]]), ae = { class: "flex flex-col gap-1" }, oe = [
+}), [["__scopeId", "data-v-2e3c3567"]]), le = { class: "flex flex-col gap-1" }, $ = [
 	"id",
 	"value",
 	"rows",
 	"disabled",
 	"required"
-], se = [
+], ue = [
 	"id",
 	"type",
 	"value",
 	"disabled",
 	"required",
 	"autocomplete"
-], ce = ["for"], le = {
+], de = ["for"], fe = {
 	key: 0,
 	class: "text-error"
-}, ue = {
+}, pe = {
 	key: 3,
 	class: "absolute right-2 top-1/2 -translate-y-1/2"
-}, de = {
+}, me = {
 	key: 0,
 	class: "px-4 text-body-small text-error"
-}, fe = {
+}, he = {
 	key: 1,
 	class: "px-4 text-body-small text-on-surface-variant"
-}, pe = /* @__PURE__ */ f({
+}, ge = /* @__PURE__ */ f({
 	__name: "MTextField",
 	props: {
 		modelValue: {},
@@ -536,7 +535,7 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, o = E(), f = D(), p = x(null), { resolvedFieldBg: g } = W(p, () => r.fieldBg), _ = a(() => r.clearable && String(r.modelValue).length > 0 && !r.disabled), v = a(() => {
+		let r = t, i = n, o = O(), f = k(), p = S(null), { resolvedFieldBg: g } = K(p, () => r.fieldBg), _ = a(() => r.clearable && String(r.modelValue).length > 0 && !r.disabled), v = a(() => {
 			let e = !!f.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",
@@ -574,15 +573,15 @@ var G = "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 C(e) {
+		function x(e) {
 			let t = e.target;
 			i("update:modelValue", t.value);
 		}
-		return (n, r) => (y(), c("div", ae, [l("div", {
+		return (n, r) => (y(), c("div", le, [l("div", {
 			ref_key: "fieldBgEl",
 			ref: p,
 			class: m(["relative", t.variant === "outlined" ? "mt-2" : ""]),
-			style: h(t.variant === "outlined" ? { "--field-bg": T(g) } : void 0)
+			style: h(t.variant === "outlined" ? { "--field-bg": D(g) } : void 0)
 		}, [
 			t.leadingIcon ? (y(), c("div", {
 				key: 0,
@@ -593,17 +592,17 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			}, null, 8, ["name"])], 2)) : s("", !0),
 			t.multiline ? (y(), c("textarea", {
 				key: 1,
-				id: T(o),
+				id: D(o),
 				value: String(t.modelValue),
 				rows: t.rows,
 				disabled: t.disabled,
 				required: t.required,
 				placeholder: " ",
 				class: m(v.value),
-				onInput: C
-			}, null, 42, oe)) : (y(), c("input", {
+				onInput: x
+			}, null, 42, $)) : (y(), c("input", {
 				key: 2,
-				id: T(o),
+				id: D(o),
 				type: t.type,
 				value: t.modelValue,
 				disabled: t.disabled,
@@ -611,13 +610,13 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				autocomplete: t.autocomplete,
 				placeholder: " ",
 				class: m(v.value),
-				onInput: C
-			}, null, 42, se)),
+				onInput: x
+			}, null, 42, ue)),
 			l("label", {
-				for: T(o),
+				for: D(o),
 				class: m(b.value)
-			}, [u(w(t.label), 1), t.required ? (y(), c("span", le, "\xA0*")) : s("", !0)], 10, ce),
-			n.$slots.trailing ? (y(), c("div", ue, [S(n.$slots, "trailing")])) : _.value ? (y(), c("button", {
+			}, [u(T(t.label), 1), t.required ? (y(), c("span", fe, "\xA0*")) : s("", !0)], 10, de),
+			n.$slots.trailing ? (y(), c("div", pe, [C(n.$slots, "trailing")])) : _.value ? (y(), c("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",
@@ -626,20 +625,20 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				name: "close",
 				size: 18
 			})])) : s("", !0)
-		], 6), t.error ? (y(), c("p", de, w(t.error), 1)) : t.hint ? (y(), c("p", fe, w(t.hint), 1)) : s("", !0)]));
+		], 6), t.error ? (y(), c("p", me, T(t.error), 1)) : t.hint ? (y(), c("p", he, T(t.hint), 1)) : s("", !0)]));
 	}
-}), me = /* @__PURE__ */ f({
+}), _e = /* @__PURE__ */ f({
 	__name: "MMenu",
 	props: { align: { default: "right" } },
 	setup(e, { expose: t }) {
-		let u = e, f = x(!1), p = x(null), m = x(null), g = x({});
-		function C() {
+		let u = e, f = S(!1), p = S(null), m = S(null), g = S({});
+		function x() {
 			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;
 		}
 		function w() {
-			f.value || C(), f.value = !f.value;
+			f.value || x(), f.value = !f.value;
 		}
 		function T() {
 			f.value = !1;
@@ -659,7 +658,7 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				T();
 				return;
 			}
-			C();
+			x();
 		}
 		function O(e) {
 			e.key === "Escape" && T();
@@ -669,13 +668,13 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 		}), v(() => {
 			document.removeEventListener("mousedown", E), document.removeEventListener("keydown", O), window.removeEventListener("scroll", D, !0);
 		});
-		let A = a(() => u.align === "right" ? "top right" : "top left");
+		let k = a(() => u.align === "right" ? "top right" : "top left");
 		return (e, t) => (y(), c(n, null, [l("div", {
 			ref_key: "triggerEl",
 			ref: p,
 			class: "inline-block",
 			onClick: w
-		}, [S(e.$slots, "trigger", { open: f.value })], 512), (y(), o(r, { to: "body" }, [d(i, {
+		}, [C(e.$slots, "trigger", { open: f.value })], 512), (y(), o(r, { to: "body" }, [d(i, {
 			"enter-active-class": "transition-[opacity,transform] duration-100 ease-out",
 			"enter-from-class": "opacity-0 scale-95",
 			"enter-to-class": "opacity-100 scale-100",
@@ -683,23 +682,23 @@ var G = "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: k(() => [f.value ? (y(), c("div", {
+			default: M(() => [f.value ? (y(), c("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,
-					transformOrigin: A.value
+					transformOrigin: k.value
 				})
 			}, [l("div", {
 				class: "overflow-y-auto py-1",
 				style: h({ maxHeight: g.value.maxHeight })
-			}, [S(e.$slots, "default", { close: T })], 4)], 4)) : s("", !0)]),
+			}, [C(e.$slots, "default", { close: T })], 4)], 4)) : s("", !0)]),
 			_: 3
 		})]))], 64));
 	}
-}), he = { class: "flex-1" }, ge = /* @__PURE__ */ f({
+}), ve = { class: "flex-1" }, ye = /* @__PURE__ */ f({
 	__name: "MMenuItem",
 	props: {
 		icon: {},
@@ -715,34 +714,34 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 	},
 	emits: ["click"],
 	setup(t, { emit: n }) {
-		let u = t, f = n, g = D(), _ = a(() => u.to ? "RouterLink" : "button"), v = a(() => !!g.children), b = p("m-menu-close", null);
-		function w() {
+		let u = t, f = n, g = k(), _ = a(() => u.to ? "RouterLink" : "button"), v = a(() => !!g.children), b = p("m-menu-close", null);
+		function x() {
 			u.disabled || v.value || (f("click"), b?.());
 		}
-		let T = x(!1), E = x(), O = x({});
-		function A() {
+		let T = S(!1), E = S(), D = S({});
+		function O() {
 			if (!v.value || u.disabled || (T.value = !0, !E.value)) return;
 			let e = E.value.getBoundingClientRect(), t = e.right + 200 > window.innerWidth;
-			O.value = {
+			D.value = {
 				position: "fixed",
 				top: `${e.top}px`,
 				...t ? { right: `${window.innerWidth - e.left}px` } : { left: `${e.right}px` },
 				zIndex: "501"
 			};
 		}
-		function j(e) {
+		function A(e) {
 			e.relatedTarget?.closest(".m3-submenu") || (T.value = !1);
 		}
-		function M(e) {
+		function j(e) {
 			let t = e.relatedTarget;
 			t?.closest(".m3-submenu") || E.value?.contains(t) || (T.value = !1);
 		}
 		return (n, a) => (y(), c("div", {
 			ref_key: "itemEl",
 			ref: E,
-			onMouseenter: A,
-			onMouseleave: j
-		}, [(y(), o(C(_.value), {
+			onMouseenter: O,
+			onMouseleave: A
+		}, [(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", [
@@ -751,16 +750,16 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 				!t.disabled && !t.danger ? "text-on-surface hover:bg-on-surface/8" : ""
 			]]),
 			disabled: t.disabled || void 0,
-			onClick: w
+			onClick: x
 		}, {
-			default: k(() => [
+			default: M(() => [
 				t.icon ? (y(), o(e, {
 					key: 0,
 					name: t.icon,
 					size: 20,
 					class: m(["shrink-0", t.danger ? "text-error" : "text-on-surface-variant"])
 				}, null, 8, ["name", "class"])) : s("", !0),
-				l("span", he, [S(n.$slots, "default")]),
+				l("span", ve, [C(n.$slots, "default")]),
 				v.value ? (y(), o(e, {
 					key: 1,
 					name: "chevron_right",
@@ -783,17 +782,17 @@ var G = "inline-flex shrink-0 items-center justify-center transition-colors dura
 			"leave-active-class": "transition-opacity duration-75",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: k(() => [T.value ? (y(), c("div", {
+			default: M(() => [T.value ? (y(), c("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),
-				onMouseleave: M
-			}, [S(n.$slots, "children")], 36)) : s("", !0)]),
+				style: h(D.value),
+				onMouseleave: j
+			}, [C(n.$slots, "children")], 36)) : s("", !0)]),
 			_: 3
 		})])) : s("", !0)], 544));
 	}
 });
 //#endregion
-export { J as a, B as c, N as d, ie as i, M as l, me as n, K as o, pe as r, W as s, ge as t, j as u };
+export { X as a, H as c, I as d, ce as i, F as l, _e as n, J as o, ge as r, K as s, ye as t, P as u };
 
-//# sourceMappingURL=MMenuItem-FyttjOj_.js.map
+//# sourceMappingURL=MMenuItem-BsZO5XuL.js.map