morya-ui 0.3.8 → 0.4.0

package/dist/menu/index.js

@@ -1,63 +1,63 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-tW0yeJsy.js";
-import { n as r, t as i } from "../overlay-oR-5MDuE.js";
-import { t as a } from "../overlayPlacement-qwEJPVS4.js";
-import { t as o } from "../useFloatingViewportSync-wLLKIGUA.js";
-import { t as s } from "../useMenuKeyboard-BedmYE4W.js";
-import { t as c } from "../Scrollbar-DTeJ8P5b.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../overlayPlacement-qwEJPVS4.js";
+import { t as i } from "../useFloatingViewportSync-wLLKIGUA.js";
+import { t as a } from "../useMotionTransition-S2rlviyZ.js";
+import { t as o } from "../Icon-od9Ob-Ay.js";
+import { t as s } from "../Scrollbar-DTeJ8P5b.js";
+import { t as c } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as ee } from "../icon-COrt_N8A.js";
 import { t as l } from "../key-CaQYVkjh.js";
 import { t as u } from "../lastPointer-CRxcUqdd.js";
-import { t as d } from "../Popover-CQ2VYpFJ.js";
-import { t as f } from "../Tooltip-D3WUemno.js";
-import { c as te } from "../config-De8ueCY-.js";
+import { t as d } from "../Popover-B_2c9NWs.js";
+import { t as f } from "../Tooltip-BJp-ZMqQ.js";
+import { c as te } from "../config-COgrsSV2.js";
 import "./style.js";
-import { Fragment as p, Teleport as ne, Transition as re, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, getCurrentInstance as x, inject as ie, mergeProps as S, nextTick as C, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as ae, openBlock as E, provide as D, reactive as oe, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, useAttrs as se, useSlots as ce, watch as P, withCtx as F } from "vue";
+import { Fragment as p, Teleport as ne, Transition as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, getCurrentInstance as S, inject as re, mergeProps as C, nextTick as w, normalizeClass as T, normalizeStyle as E, onBeforeUnmount as ie, openBlock as D, provide as O, reactive as k, ref as A, renderList as j, renderSlot as M, resolveDynamicComponent as N, toDisplayString as P, unref as F, useAttrs as ae, useSlots as oe, watch as se, withCtx as I } from "vue";
 //#region src/shared/menu/tree.ts
-function I(e, t, n = "item") {
+function L(e, t, n = "item") {
 	return l(e, t, n);
 }
-function L(e, t, n = "item") {
+function R(e, t, n = "item") {
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
 		if (i.separator) continue;
-		let a = I(i, r, n);
+		let a = L(i, r, n);
 		if (a === t) return [];
 		if (i.items?.length) {
-			let e = L(i.items, t, `${n}-${r}`);
+			let e = R(i.items, t, `${n}-${r}`);
 			if (e !== null) return [a, ...e];
 		}
 	}
 	return null;
 }
-function le(e, t, n, r = "item") {
-	return e.items?.length ? I(e, n, r) === t || L(e.items, t, `${r}-${n}`) !== null : !1;
+function ce(e, t, n, r = "item") {
+	return e.items?.length ? L(e, n, r) === t || R(e.items, t, `${r}-${n}`) !== null : !1;
 }
-function R(e, t = "item") {
+function z(e, t = "item") {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
 		if (i.separator || !i.items?.length) continue;
-		let a = I(i, r, t);
-		n.push(a), n.push(...R(i.items, `${t}-${r}`));
+		let a = L(i, r, t);
+		n.push(a), n.push(...z(i.items, `${t}-${r}`));
 	}
 	return n;
 }
-function ue(e, t = "item") {
+function le(e, t = "item") {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = e[r];
-		i.separator || !i.items?.length || n.push(I(i, r, t));
+		i.separator || !i.items?.length || n.push(L(i, r, t));
 	}
 	return n;
 }
 //#endregion
 //#region src/shared/menu/expand.ts
-function de(e, t = {}) {
-	return t.defaultExpandAll ? R(e) : t.defaultExpandedKeys?.length ? [...t.defaultExpandedKeys] : t.selectedKey ? L(e, t.selectedKey) ?? [] : [];
+function ue(e, t = {}) {
+	return t.defaultExpandAll ? z(e) : t.defaultExpandedKeys?.length ? [...t.defaultExpandedKeys] : t.selectedKey ? R(e, t.selectedKey) ?? [] : [];
 }
-function fe(e, t, n = {}) {
+function de(e, t, n = {}) {
 	let r = [...e], i = r.indexOf(t);
 	if (i >= 0) return r.splice(i, 1), r;
 	let a = n.topLevelKeys ?? [];
@@ -69,17 +69,17 @@ function fe(e, t, n = {}) {
 	}
 	return r.push(t), r;
 }
-function pe(e, t, n = {}) {
+function fe(e, t, n = {}) {
 	if (!t.length) return e;
 	let r = /* @__PURE__ */ new Set([...e, ...t]);
 	if (n.accordion) for (let e of n.topLevelKeys ?? []) r.has(e) && !t.includes(e) && r.delete(e);
 	return Array.from(r);
 }
-function me(e, t) {
+function pe(e, t) {
 	let n = [], r = (e, i, a) => {
 		e.forEach((e, o) => {
 			if (e.separator) return;
-			let s = I(e, o, i), c = !!e.items?.length;
+			let s = L(e, o, i), c = !!e.items?.length;
 			n.push({
 				item: e,
 				key: s,
@@ -92,40 +92,40 @@ function me(e, t) {
 }
 //#endregion
 //#region src/components/Menu/context.ts
-var he = Symbol("muMenu");
+var me = Symbol("muMenu");
 //#endregion
 //#region src/shared/optionalRouter.ts
-function z(e) {
+function B(e) {
 	return !!(e && typeof e == "object" && "resolve" in e && "push" in e);
 }
-function B() {
-	let e = x();
+function V() {
+	let e = S();
 	if (!e) return !1;
 	let t = e.appContext.provides;
-	for (let e of Reflect.ownKeys(t)) if (z(t[e])) return !0;
+	for (let e of Reflect.ownKeys(t)) if (B(t[e])) return !0;
 	let n = e;
 	for (; n;) {
 		let e = n.provides;
 		if (e) {
-			for (let t of Reflect.ownKeys(e)) if (z(e[t])) return !0;
+			for (let t of Reflect.ownKeys(e)) if (B(e[t])) return !0;
 		}
 		n = n.parent;
 	}
 	return !!e.appContext.components.RouterLink;
 }
-function V() {
-	let e = x();
-	return !e || !B() ? null : e.appContext.components.RouterLink ?? null;
+function H() {
+	let e = S();
+	return !e || !V() ? null : e.appContext.components.RouterLink ?? null;
 }
-function ge(e) {
+function he(e) {
 	return typeof e == "string" ? e : typeof e.path == "string" ? e.path : typeof e.href == "string" ? e.href : "#";
 }
-function _e(e) {
+function ge(e) {
 	return typeof e == "string" ? /^(?:[a-z][a-z\d+\-.]*:)?\/\//i.test(e) || e.startsWith("mailto:") || e.startsWith("tel:") : !1;
 }
 //#endregion
 //#region src/components/Menu/MenuCollapsedTooltip.vue
-var H = /* @__PURE__ */ b({
+var U = /* @__PURE__ */ x({
 	__name: "MenuCollapsedTooltip",
 	props: {
 		label: {},
@@ -139,57 +139,57 @@ var H = /* @__PURE__ */ b({
 		}
 	},
 	setup(e) {
-		let t = e, n = m(() => t.active && !!t.label && !t.suspended);
-		return (t, r) => n.value ? (E(), h(f, {
+		let t = e, n = h(() => t.active && !!t.label && !t.suspended);
+		return (t, r) => n.value ? (D(), g(f, {
 			key: 0,
 			content: e.label,
 			placement: "right",
 			"show-delay": 200,
 			"hide-delay": 0
 		}, {
-			default: F(() => [A(t.$slots, "default")]),
+			default: I(() => [M(t.$slots, "default")]),
 			_: 3
-		}, 8, ["content"])) : A(t.$slots, "default", {}, void 0, void 0, 1);
+		}, 8, ["content"])) : M(t.$slots, "default", {}, void 0, void 0, 1);
 	}
-}), U = {
+}), W = {
 	key: 0,
 	class: "m-menu__separator",
 	role: "separator"
-}, W = [
+}, G = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-label",
 	"aria-expanded"
-], G = {
+], K = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, ve = { class: "m-menu__label" }, ye = {
+}, _e = { class: "m-menu__label" }, ve = {
 	key: 1,
 	class: "m-menu__arrow",
 	"aria-hidden": "true"
-}, be = {
+}, ye = {
 	class: "m-menu m-menu--flyout",
 	role: "menu"
-}, xe = [
+}, be = [
 	"tabindex",
 	"data-m-menu-key",
 	"aria-expanded",
 	"aria-disabled",
 	"onClick"
-], K = {
+], q = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, Se = { class: "m-menu__label" }, q = {
+}, xe = { class: "m-menu__label" }, J = {
 	key: 0,
 	class: "m-menu__submenu",
 	role: "group"
-}, J = { class: "m-menu__submenu-inner" }, Ce = {
+}, Y = { class: "m-menu__submenu-inner" }, Se = {
 	key: 0,
 	class: "m-menu__icon",
 	"aria-hidden": "true"
-}, we = { class: "m-menu__label" }, Y = /* @__PURE__ */ b({
+}, Ce = { class: "m-menu__label" }, X = /* @__PURE__ */ x({
 	__name: "MenuNodes",
 	props: {
 		items: {},
@@ -198,14 +198,14 @@ var H = /* @__PURE__ */ b({
 		flyout: { type: Boolean }
 	},
 	setup(e) {
-		let n = e, r = ie(he);
-		if (!r) throw Error("MenuNodes must be used inside MMenu");
-		let i = r, a = V(), o = m(() => i.collapsed.value && !n.flyout), s = m(() => i.mode === "horizontal"), c = m(() => (o.value || s.value) && !n.flyout);
+		let t = e, n = re(me);
+		if (!n) throw Error("MenuNodes must be used inside MMenu");
+		let r = n, i = H(), a = h(() => r.collapsed.value && !t.flyout), s = h(() => r.mode === "horizontal"), c = h(() => (a.value || s.value) && !t.flyout);
 		function l(e, t) {
-			i.setFlyoutOpen(e, t);
+			r.setFlyoutOpen(e, t);
 		}
-		function u(e, t) {
-			return i.resolveKey(e, t, n.prefix);
+		function u(e, n) {
+			return r.resolveKey(e, n, t.prefix);
 		}
 		function f(e) {
 			return ee(e.icon);
@@ -215,98 +215,98 @@ var H = /* @__PURE__ */ b({
 				t.preventDefault();
 				return;
 			}
-			i.activate(e), e.to || t.preventDefault();
+			r.activate(e), e.to || t.preventDefault();
 		}
 		function ne(e, t) {
-			e.disabled || c.value || i.toggleExpand(u(e, t));
-		}
-		function b(e, t) {
-			return i.isExpanded(u(e, t));
+			e.disabled || c.value || r.toggleExpand(u(e, t));
 		}
 		function x(e, t) {
-			let r = f(e);
+			return r.isExpanded(u(e, t));
+		}
+		function S(e, n) {
+			let i = f(e);
 			return {
-				"m-menu__item-content--selected": i.isSelected(e, t, n.prefix),
-				"m-menu__item-content--child-active": i.isChildActive(e, t, n.prefix),
+				"m-menu__item-content--selected": r.isSelected(e, n, t.prefix),
+				"m-menu__item-content--child-active": r.isChildActive(e, n, t.prefix),
 				"m-menu__item-content--disabled": !!e.disabled,
-				"m-menu__item-content--collapsed": o.value,
-				"m-menu__item-content--no-icon": !r,
-				"m-menu__item-content--active": i.activeKey.value === u(e, t)
+				"m-menu__item-content--collapsed": a.value,
+				"m-menu__item-content--no-icon": !i,
+				"m-menu__item-content--active": r.activeKey.value === u(e, n)
 			};
 		}
-		function S(e, t) {
-			return n.flyout ? 0 : i.tabindexForKey(u(e, t));
-		}
-		function C(e) {
-			if (!(s.value || n.flyout)) return i.paddingStyle(e);
-		}
-		function ae(e, t) {
-			return b(e, t);
+		function C(e, n) {
+			return t.flyout ? 0 : r.tabindexForKey(u(e, n));
 		}
-		function D(e) {
-			return !!(e.to && a && !_e(e.to));
+		function w(e) {
+			if (!(s.value || t.flyout)) return r.paddingStyle(e);
 		}
-		function oe(e) {
-			if (!(!e.to || D(e))) return ge(e.to);
+		function ie(e, t) {
+			return x(e, t);
 		}
 		function O(e) {
-			if (!(!D(e) || !e.to)) return e.to;
+			return !!(e.to && i && !ge(e.to));
+		}
+		function k(e) {
+			if (!(!e.to || O(e))) return he(e.to);
 		}
 		function A(e) {
-			return o.value && !!e.label;
+			if (!(!O(e) || !e.to)) return e.to;
+		}
+		function M(e) {
+			return a.value && !!e.label;
 		}
-		function se(e, t) {
-			return !!i.flyoutOpen[u(e, t)];
+		function ae(e, t) {
+			return !!r.flyoutOpen[u(e, t)];
 		}
-		return (n, r) => (E(!0), _(p, null, k(e.items, (n, r) => (E(), _(p, { key: u(n, r) }, [n.separator ? (E(), _("div", U)) : n.items?.length ? (E(), _("div", {
+		return (t, n) => (D(!0), v(p, null, j(e.items, (t, n) => (D(), v(p, { key: u(t, n) }, [t.separator ? (D(), v("div", W)) : t.items?.length ? (D(), v("div", {
 			key: 1,
-			class: w(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": s.value }]),
+			class: T(["m-menu__item m-menu__item--submenu", { "m-menu__item--horizontal": s.value }]),
 			role: "none"
-		}, [c.value ? (E(), h(d, {
+		}, [c.value ? (D(), g(d, {
 			key: 0,
 			class: "m-menu__collapsed-popover",
-			"model-value": !!N(i).flyoutOpen[u(n, r)],
+			"model-value": !!F(r).flyoutOpen[u(t, n)],
 			trigger: s.value ? "click" : "hover",
 			placement: s.value ? "bottom-start" : "right-start",
 			"show-delay": s.value ? 0 : 50,
 			"hide-delay": s.value ? 0 : 80,
-			"onUpdate:modelValue": (e) => l(u(n, r), e)
+			"onUpdate:modelValue": (e) => l(u(t, n), e)
 		}, {
-			default: F(() => [y(H, {
-				label: n.label,
-				active: A(n),
-				suspended: se(n, r)
+			default: I(() => [b(U, {
+				label: t.label,
+				active: M(t),
+				suspended: ae(t, n)
 			}, {
-				default: F(() => [v("div", {
-					class: w(["m-menu__item-content", x(n, r)]),
-					style: T(C(e.depth)),
+				default: I(() => [y("div", {
+					class: T(["m-menu__item-content", S(t, n)]),
+					style: E(w(e.depth)),
 					role: "menuitem",
-					tabindex: S(n, r),
-					"data-m-menu-key": e.flyout ? void 0 : u(n, r),
-					"aria-label": n.label,
+					tabindex: C(t, n),
+					"data-m-menu-key": e.flyout ? void 0 : u(t, n),
+					"aria-label": t.label,
 					"aria-haspopup": "menu",
-					"aria-expanded": s.value ? !!N(i).flyoutOpen[u(n, r)] : void 0
+					"aria-expanded": s.value ? !!F(r).flyoutOpen[u(t, n)] : void 0
 				}, [
-					f(n) ? (E(), _("span", G, [y(t, {
-						name: f(n),
+					f(t) ? (D(), v("span", K, [b(o, {
+						name: f(t),
 						size: "sm"
-					}, null, 8, ["name"])])) : g("", !0),
-					v("span", ve, M(n.label), 1),
-					s.value ? (E(), _("span", ye, [y(t, {
+					}, null, 8, ["name"])])) : _("", !0),
+					y("span", _e, P(t.label), 1),
+					s.value ? (D(), v("span", ve, [b(o, {
 						name: "chevron-down",
 						size: "sm"
-					})])) : g("", !0)
-				], 14, W)]),
+					})])) : _("", !0)
+				], 14, G)]),
 				_: 2
 			}, 1032, [
 				"label",
 				"active",
 				"suspended"
 			])]),
-			content: F(() => [v("div", be, [y(Y, {
-				items: n.items,
+			content: I(() => [y("div", ye, [b(X, {
+				items: t.items,
 				depth: 0,
-				prefix: `${e.prefix}-${r}`,
+				prefix: `${e.prefix}-${n}`,
 				flyout: ""
 			}, null, 8, ["items", "prefix"])])]),
 			_: 2
@@ -317,64 +317,64 @@ var H = /* @__PURE__ */ b({
 			"show-delay",
 			"hide-delay",
 			"onUpdate:modelValue"
-		])) : (E(), _(p, { key: 1 }, [v("div", {
-			class: w(["m-menu__item-content", x(n, r)]),
-			style: T(C(e.depth)),
+		])) : (D(), v(p, { key: 1 }, [y("div", {
+			class: T(["m-menu__item-content", S(t, n)]),
+			style: E(w(e.depth)),
 			role: "menuitem",
-			tabindex: S(n, r),
-			"data-m-menu-key": e.flyout ? void 0 : u(n, r),
+			tabindex: C(t, n),
+			"data-m-menu-key": e.flyout ? void 0 : u(t, n),
 			"aria-haspopup": "menu",
-			"aria-expanded": b(n, r),
-			"aria-disabled": n.disabled || void 0,
-			onClick: (e) => ne(n, r)
+			"aria-expanded": x(t, n),
+			"aria-disabled": t.disabled || void 0,
+			onClick: (e) => ne(t, n)
 		}, [
-			f(n) ? (E(), _("span", K, [y(t, {
-				name: f(n),
+			f(t) ? (D(), v("span", q, [b(o, {
+				name: f(t),
 				size: "sm"
-			}, null, 8, ["name"])])) : g("", !0),
-			v("span", Se, M(n.label), 1),
-			v("span", {
-				class: w(["m-menu__arrow", { "m-menu__arrow--expanded": ae(n, r) }]),
+			}, null, 8, ["name"])])) : _("", !0),
+			y("span", xe, P(t.label), 1),
+			y("span", {
+				class: T(["m-menu__arrow", { "m-menu__arrow--expanded": ie(t, n) }]),
 				"aria-hidden": "true"
-			}, [y(t, {
+			}, [b(o, {
 				name: "chevron-right",
 				size: "sm"
 			})], 2)
-		], 14, xe), y(re, { name: "m-menu-expand" }, {
-			default: F(() => [b(n, r) ? (E(), _("div", q, [v("div", J, [y(Y, {
-				items: n.items,
+		], 14, be), b(m, { name: "m-menu-expand" }, {
+			default: I(() => [x(t, n) ? (D(), v("div", J, [y("div", Y, [b(X, {
+				items: t.items,
 				depth: e.depth + 1,
-				prefix: `${e.prefix}-${r}`
+				prefix: `${e.prefix}-${n}`
 			}, null, 8, [
 				"items",
 				"depth",
 				"prefix"
-			])])])) : g("", !0)]),
+			])])])) : _("", !0)]),
 			_: 2
-		}, 1024)], 64))], 2)) : (E(), _("div", {
+		}, 1024)], 64))], 2)) : (D(), v("div", {
 			key: 2,
-			class: w(["m-menu__item", { "m-menu__item--horizontal": s.value }]),
+			class: T(["m-menu__item", { "m-menu__item--horizontal": s.value }]),
 			role: "none"
-		}, [y(H, {
-			label: n.label,
-			active: A(n)
+		}, [b(U, {
+			label: t.label,
+			active: M(t)
 		}, {
-			default: F(() => [(E(), h(j(D(n) ? N(a) : oe(n) ? "a" : "div"), {
-				class: w(["m-menu__item-content", x(n, r)]),
-				style: T(C(e.depth)),
+			default: I(() => [(D(), g(N(O(t) ? F(i) : k(t) ? "a" : "div"), {
+				class: T(["m-menu__item-content", S(t, n)]),
+				style: E(w(e.depth)),
 				role: "menuitem",
-				tabindex: S(n, r),
-				"data-m-menu-key": e.flyout ? void 0 : u(n, r),
-				"aria-disabled": n.disabled || void 0,
-				"aria-current": N(i).isSelected(n, r, e.prefix) ? "page" : void 0,
-				href: oe(n),
-				to: O(n),
-				onClick: (e) => te(n, e)
+				tabindex: C(t, n),
+				"data-m-menu-key": e.flyout ? void 0 : u(t, n),
+				"aria-disabled": t.disabled || void 0,
+				"aria-current": F(r).isSelected(t, n, e.prefix) ? "page" : void 0,
+				href: k(t),
+				to: A(t),
+				onClick: (e) => te(t, e)
 			}, {
-				default: F(() => [f(n) ? (E(), _("span", Ce, [y(t, {
-					name: f(n),
+				default: I(() => [f(t) ? (D(), v("span", Se, [b(o, {
+					name: f(t),
 					size: "sm"
-				}, null, 8, ["name"])])) : g("", !0), v("span", we, M(n.label), 1)]),
+				}, null, 8, ["name"])])) : _("", !0), y("span", Ce, P(t.label), 1)]),
 				_: 2
 			}, 1032, [
 				"class",
@@ -390,7 +390,7 @@ var H = /* @__PURE__ */ b({
 			_: 2
 		}, 1032, ["label", "active"])], 2))], 64))), 128));
 	}
-}), Te = /* @__PURE__ */ b({
+}), we = /* @__PURE__ */ x({
 	inheritAttrs: !1,
 	__name: "Menu",
 	props: {
@@ -448,21 +448,21 @@ var H = /* @__PURE__ */ b({
 		"update:expandedKeys",
 		"select"
 	],
-	setup(t, { emit: ee }) {
-		let l = t, d = ee, f = se(), { rootAttrs: p } = e(f, () => l.pt), b = ce(), x = te(), { transitionName: ie, transitionCss: k } = n({
+	setup(o, { emit: ee }) {
+		let l = o, d = ee, f = ae(), { rootAttrs: p } = e(f, () => l.pt), x = oe(), S = te(), { transitionName: re, transitionCss: j } = a({
 			role: "popup",
 			local: () => l.transition,
 			componentName: "Menu",
 			fallback: "scale-fade"
-		}), j = O(null), M = O(null), R = O({}), z = m(() => !!b.default?.()?.length), B = m(() => r(l.popup ? l : { teleport: !1 }, x.value.appendTo)), V = m(() => l.popup && i(l, x.value.appendTo)), ge = m(() => l.embedded ?? !l.popup), _e = m(() => l.selectedKey), H = O([]), U = oe({});
-		function W(e, t) {
-			U[e] = t;
+		}), N = A(null), P = A(null), z = A({}), B = h(() => !!x.default?.()?.length), V = h(() => t(l.popup ? l : { teleport: !1 }, S.value.appendTo)), H = h(() => l.popup && n(l, S.value.appendTo)), he = h(() => l.embedded ?? !l.popup), ge = h(() => l.selectedKey), U = A([]), W = k({});
+		function G(e, t) {
+			W[e] = t;
 		}
-		function G() {
-			for (let e of Object.keys(U)) U[e] = !1;
+		function K() {
+			for (let e of Object.keys(W)) W[e] = !1;
 		}
-		function ve() {
-			let e = M.value?.getBoundingClientRect();
+		function _e() {
+			let e = P.value?.getBoundingClientRect();
 			if (e && (e.width > 0 || e.height > 0)) return e;
 			let { x: t, y: n } = u();
 			return {
@@ -474,269 +474,269 @@ var H = /* @__PURE__ */ b({
 				height: 0
 			};
 		}
+		function ve() {
+			!l.popup || !l.modelValue || !H.value || (z.value = r(_e(), l.placement, { minWidth: "10rem" }));
+		}
 		function ye() {
-			!l.popup || !l.modelValue || !V.value || (R.value = a(ve(), l.placement, { minWidth: "10rem" }));
+			l.modelValue && ve();
 		}
 		function be() {
-			l.modelValue && ye();
-		}
-		function xe() {
-			H.value = de(l.model, {
+			U.value = ue(l.model, {
 				defaultExpandAll: l.defaultExpandAll,
 				defaultExpandedKeys: l.defaultExpandedKeys,
 				selectedKey: l.selectedKey
 			});
 		}
-		xe();
-		let K = m({
-			get: () => l.expandedKeys ?? H.value,
+		be();
+		let q = h({
+			get: () => l.expandedKeys ?? U.value,
 			set: (e) => {
-				H.value = e, d("update:expandedKeys", e);
+				U.value = e, d("update:expandedKeys", e);
 			}
-		}), Se = m(() => ue(l.model));
-		function q(e) {
-			return K.value.includes(e);
-		}
+		}), xe = h(() => le(l.model));
 		function J(e) {
-			K.value = fe(K.value, e, {
+			return q.value.includes(e);
+		}
+		function Y(e) {
+			q.value = de(q.value, e, {
 				accordion: l.accordion,
-				topLevelKeys: Se.value
+				topLevelKeys: xe.value
 			});
 		}
-		function Ce(e) {
+		function Se(e) {
 			if (!e) return;
-			let t = L(l.model, e);
-			t?.length && (K.value = pe(K.value, t, {
+			let t = R(l.model, e);
+			t?.length && (q.value = fe(q.value, t, {
 				accordion: l.accordion,
-				topLevelKeys: Se.value
+				topLevelKeys: xe.value
 			}));
 		}
-		P(() => l.selectedKey, Ce);
-		function we(e, t, n) {
-			return I(e, t, n);
+		se(() => l.selectedKey, Se);
+		function Ce(e, t, n) {
+			return L(e, t, n);
 		}
-		function Te(e, t, n) {
-			let r = we(e, t, n);
+		function we(e, t, n) {
+			let r = Ce(e, t, n);
 			return !!(l.selectedKey && r === l.selectedKey);
 		}
-		function Ee(e, t, n) {
-			return l.selectedKey ? le(e, l.selectedKey, t, n) : !1;
+		function Te(e, t, n) {
+			return l.selectedKey ? ce(e, l.selectedKey, t, n) : !1;
 		}
-		function De(e) {
+		function Ee(e) {
 			if (l.mode !== "horizontal" && l.collapsed) return Math.max(0, l.collapsedWidth / 2 - 10);
 		}
-		function Oe(e) {
+		function De(e) {
 			if (l.mode === "horizontal") return { paddingInlineStart: `${l.rootIndent}px` };
 			if (l.collapsed) {
-				let t = De(e);
+				let t = Ee(e);
 				return t == null ? void 0 : { paddingInlineStart: `${t}px` };
 			}
 			return { paddingInlineStart: `calc(var(--m-menu-root-indent) + ${e} * var(--m-menu-indent))` };
 		}
-		function ke(e) {
+		function Oe(e) {
 			if (e.disabled || e.separator) return;
 			e.command?.();
 			let t = e.key ?? e.label ?? null;
-			d("update:selectedKey", t), d("select", e), l.popup && (d("update:modelValue", !1), Ae()), l.mode === "horizontal" && G();
+			d("update:selectedKey", t), d("select", e), l.popup && (d("update:modelValue", !1), ke()), l.mode === "horizontal" && K();
 		}
-		function Ae() {
-			(M.value?.querySelector("button, [tabindex]") ?? M.value)?.focus({ preventScroll: !0 });
+		function ke() {
+			(P.value?.querySelector("button, [tabindex]") ?? P.value)?.focus({ preventScroll: !0 });
 		}
-		let X = m(() => me(l.model, {
-			isExpanded: q,
+		let Z = h(() => pe(l.model, {
+			isExpanded: J,
 			excludeChildren: l.collapsed || l.mode === "horizontal"
-		})), Z = s({
-			itemCount: () => X.value.length,
-			isItemDisabled: (e) => !!X.value[e]?.item.disabled,
+		})), Q = c({
+			itemCount: () => Z.value.length,
+			isItemDisabled: (e) => !!Z.value[e]?.item.disabled,
 			orientation: () => l.mode === "horizontal" ? "horizontal" : "vertical",
 			onActivate: (e) => {
-				let t = X.value[e];
+				let t = Z.value[e];
 				if (t) {
 					if (t.hasChildren) {
 						if (l.collapsed || l.mode === "horizontal") {
-							let e = !U[t.key];
-							G(), W(t.key, e);
-						} else J(t.key);
+							let e = !W[t.key];
+							K(), G(t.key, e);
+						} else Y(t.key);
 						return;
 					}
-					ke(t.item);
+					Oe(t.item);
 				}
 			},
 			onEscape: () => {
-				l.popup ? d("update:modelValue", !1) : G();
+				l.popup ? d("update:modelValue", !1) : K();
 			},
-			returnFocusTo: () => l.popup ? M.value?.querySelector("button, [tabindex]") ?? M.value : null
-		}), je = m(() => X.value[Z.activeIndex.value]?.key ?? null);
-		function Me(e) {
-			let t = je.value;
-			return t == null ? X.value.find((e) => !e.item.disabled)?.key === e ? 0 : -1 : e === t ? 0 : -1;
+			returnFocusTo: () => l.popup ? P.value?.querySelector("button, [tabindex]") ?? P.value : null
+		}), Ae = h(() => Z.value[Q.activeIndex.value]?.key ?? null);
+		function je(e) {
+			let t = Ae.value;
+			return t == null ? Z.value.find((e) => !e.item.disabled)?.key === e ? 0 : -1 : e === t ? 0 : -1;
 		}
-		function Ne(e) {
-			if (e == null || !j.value) return;
-			let t = j.value.querySelectorAll("[data-m-menu-key]");
+		function Me(e) {
+			if (e == null || !N.value) return;
+			let t = N.value.querySelectorAll("[data-m-menu-key]");
 			for (let n of t) if (n.dataset.mMenuKey === e) {
 				n.focus({ preventScroll: !0 });
 				return;
 			}
 		}
-		function Pe(e) {
-			let t = X.value[Z.activeIndex.value];
+		function Ne(e) {
+			let t = Z.value[Q.activeIndex.value];
 			if (l.mode !== "horizontal") {
 				if (e.key === "ArrowRight") {
 					if (e.preventDefault(), !t) return;
 					if (t.hasChildren && !l.collapsed) {
-						if (!q(t.key)) J(t.key);
+						if (!J(t.key)) Y(t.key);
 						else {
-							let e = X.value.findIndex((e) => e.parentKey === t.key);
-							e >= 0 && Z.setActive(e);
+							let e = Z.value.findIndex((e) => e.parentKey === t.key);
+							e >= 0 && Q.setActive(e);
 						}
 					}
 					return;
 				}
 				if (e.key === "ArrowLeft") {
 					if (e.preventDefault(), !t) return;
-					if (t.hasChildren && !l.collapsed && q(t.key)) J(t.key);
+					if (t.hasChildren && !l.collapsed && J(t.key)) Y(t.key);
 					else if (t.parentKey != null) {
-						let e = X.value.findIndex((e) => e.key === t.parentKey);
-						e >= 0 && Z.setActive(e);
+						let e = Z.value.findIndex((e) => e.key === t.parentKey);
+						e >= 0 && Q.setActive(e);
 					}
 					return;
 				}
 			} else if (e.key === "ArrowDown") {
-				e.preventDefault(), t?.hasChildren && (G(), W(t.key, !0));
+				e.preventDefault(), t?.hasChildren && (K(), G(t.key, !0));
 				return;
 			}
-			Z.onKeydown(e);
-		}
-		P(Z.activeIndex, () => {
-			C(() => Ne(je.value));
-		}), D(he, {
-			collapsed: m(() => l.collapsed),
-			selectedKey: _e,
-			expandedKeys: K,
+			Q.onKeydown(e);
+		}
+		se(Q.activeIndex, () => {
+			w(() => Me(Ae.value));
+		}), O(me, {
+			collapsed: h(() => l.collapsed),
+			selectedKey: ge,
+			expandedKeys: q,
 			accordion: l.accordion,
 			indent: l.indent,
 			rootIndent: l.rootIndent,
 			mode: l.mode,
 			inverted: l.inverted,
-			flyoutOpen: U,
-			setFlyoutOpen: W,
-			toggleExpand: J,
-			isExpanded: q,
-			activate: ke,
-			resolveKey: we,
-			isSelected: Te,
-			isChildActive: Ee,
-			paddingStyle: Oe,
-			activeKey: je,
-			tabindexForKey: Me
+			flyoutOpen: W,
+			setFlyoutOpen: G,
+			toggleExpand: Y,
+			isExpanded: J,
+			activate: Oe,
+			resolveKey: Ce,
+			isSelected: we,
+			isChildActive: Te,
+			paddingStyle: De,
+			activeKey: Ae,
+			tabindexForKey: je
 		});
-		function Fe(e) {
+		function Pe(e) {
 			if (!l.popup || !l.modelValue) return;
 			let t = e.target;
-			j.value?.contains(t) || M.value?.contains(t) || d("update:modelValue", !1);
+			N.value?.contains(t) || P.value?.contains(t) || d("update:modelValue", !1);
 		}
-		P(() => l.modelValue, (e) => {
-			l.popup && (e ? (C(ye), document.addEventListener("click", Fe)) : document.removeEventListener("click", Fe));
-		}, { immediate: !0 }), o(() => !!(l.popup && l.modelValue && V.value), be), ae(() => {
-			document.removeEventListener("click", Fe);
+		se(() => l.modelValue, (e) => {
+			l.popup && (e ? (w(ve), document.addEventListener("click", Pe)) : document.removeEventListener("click", Pe));
+		}, { immediate: !0 }), i(() => !!(l.popup && l.modelValue && H.value), ye), ie(() => {
+			document.removeEventListener("click", Pe);
 		});
-		let Q = m(() => ["m-menu", {
+		let Fe = h(() => ["m-menu", {
 			"m-menu--popup": l.popup,
-			"m-menu--teleported": V.value,
+			"m-menu--teleported": H.value,
 			"m-menu--collapsed": l.collapsed,
-			"m-menu--embedded": ge.value,
+			"m-menu--embedded": he.value,
 			"m-menu--horizontal": l.mode === "horizontal",
 			"m-menu--inverted": l.inverted
-		}]), $ = m(() => ({
+		}]), $ = h(() => ({
 			"--m-menu-indent": `${l.indent / 16}rem`,
 			"--m-menu-root-indent": `${l.rootIndent / 16}rem`
-		})), Ie = m(() => V.value ? {
+		})), Ie = h(() => H.value ? {
 			...$.value,
-			...R.value
+			...z.value
 		} : $.value);
-		return (e, n) => t.popup ? z.value ? (E(), _("div", S({ key: 1 }, N(p), { class: "m-menu-popup" }), [v("div", {
+		return (e, t) => o.popup ? B.value ? (D(), v("div", C({ key: 1 }, F(p), { class: "m-menu-popup" }), [y("div", {
 			ref_key: "triggerEl",
-			ref: M,
+			ref: P,
 			class: "m-menu-popup__anchor"
-		}, [A(e.$slots, "default")], 512), (E(), h(ne, {
-			to: B.value.to,
-			disabled: B.value.disabled
-		}, [y(re, {
-			name: N(ie),
-			css: N(k)
+		}, [M(e.$slots, "default")], 512), (D(), g(ne, {
+			to: V.value.to,
+			disabled: V.value.disabled
+		}, [b(m, {
+			name: F(re),
+			css: F(j)
 		}, {
-			default: F(() => [t.modelValue ? (E(), _("div", {
+			default: I(() => [o.modelValue ? (D(), v("div", {
 				key: 0,
 				ref_key: "root",
-				ref: j,
-				class: w(Q.value),
-				style: T(V.value ? Ie.value : $.value),
+				ref: N,
+				class: T(Fe.value),
+				style: E(H.value ? Ie.value : $.value),
 				role: "menu",
-				onKeydown: Pe
-			}, [y(c, {
+				onKeydown: Ne
+			}, [b(s, {
 				class: "m-menu__scroll",
 				"fit-content": "",
 				"wrap-class": "m-menu__scroll-wrap",
 				"view-class": "m-menu__scroll-view"
 			}, {
-				default: F(() => [y(Y, {
-					items: t.model,
+				default: I(() => [b(X, {
+					items: o.model,
 					depth: 0,
 					prefix: "item"
 				}, null, 8, ["items"])]),
 				_: 1
-			})], 38)) : g("", !0)]),
+			})], 38)) : _("", !0)]),
 			_: 1
-		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16)) : (E(), h(ne, {
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16)) : (D(), g(ne, {
 			key: 2,
-			to: B.value.to,
-			disabled: B.value.disabled
-		}, [y(re, {
-			name: N(ie),
-			css: N(k)
+			to: V.value.to,
+			disabled: V.value.disabled
+		}, [b(m, {
+			name: F(re),
+			css: F(j)
 		}, {
-			default: F(() => [t.modelValue ? (E(), _("div", S({
+			default: I(() => [o.modelValue ? (D(), v("div", C({
 				key: 0,
 				ref_key: "root",
-				ref: j
-			}, N(p), {
-				class: Q.value,
-				style: V.value ? {
+				ref: N
+			}, F(p), {
+				class: Fe.value,
+				style: H.value ? {
 					...$.value,
-					...R.value
+					...z.value
 				} : $.value,
 				role: "menu",
-				onKeydown: Pe
-			}), [y(c, {
+				onKeydown: Ne
+			}), [b(s, {
 				class: "m-menu__scroll",
 				"fit-content": "",
 				"wrap-class": "m-menu__scroll-wrap",
 				"view-class": "m-menu__scroll-view"
 			}, {
-				default: F(() => [y(Y, {
-					items: t.model,
+				default: I(() => [b(X, {
+					items: o.model,
 					depth: 0,
 					prefix: "item"
 				}, null, 8, ["items"])]),
 				_: 1
-			})], 16)) : g("", !0)]),
+			})], 16)) : _("", !0)]),
 			_: 1
-		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (E(), _("div", S({
+		}, 8, ["name", "css"])], 8, ["to", "disabled"])) : (D(), v("div", C({
 			key: 0,
 			ref_key: "root",
-			ref: j
-		}, N(p), {
-			class: Q.value,
+			ref: N
+		}, F(p), {
+			class: Fe.value,
 			style: $.value,
 			role: "menu",
-			onKeydown: Pe
-		}), [y(Y, {
-			items: t.model,
+			onKeydown: Ne
+		}), [b(X, {
+			items: o.model,
 			depth: 0,
 			prefix: "item"
 		}, null, 8, ["items"])], 16));
 	}
 });
 //#endregion
-export { Te as MMenu };
+export { we as MMenu };