@banzamel/mineralui 1.8.0 → 1.9.0

package/dist/{layout-D1-mF4xn.js → layout-tIq6BGQK.js}

@@ -1,19 +1,19 @@
-import { i as e, n as t, r as n } from "./theme-D_f-cmSA.js";
+import { i as e, n as t, r as n } from "./theme-DAOU1aPs.js";
 import { Fi as r, Ni as i, Pi as a, cn as o } from "./icons-CfpYxnfg.js";
 import { t as s } from "./cn-YER3QsV1.js";
 import { n as c, t as l } from "./layoutProps-CE5-ghKw.js";
-import { n as u } from "./MStack-DFIc3S4_.js";
-import { t as d } from "./MLink-rFKN1mcM.js";
-import { t as f } from "./MButton-DZLLrtQb.js";
+import { n as u } from "./MStack-C4Eocfb5.js";
+import { t as d } from "./MLink-Bd8fLH1N.js";
+import { t as f } from "./MButton-C1pnL4_j.js";
 import { t as p } from "./MTooltip-jSf4VBtB.js";
 import { i as m, n as h, r as g } from "./MDropdownMenu-CeiC1tz3.js";
 import { t as _ } from "./MSimpleGrid-Bojj4xKH.js";
-import { Children as v, cloneElement as y, createContext as b, createElement as x, forwardRef as S, isValidElement as C, useCallback as w, useContext as T, useEffect as E, useId as D, useMemo as O, useRef as k, useState as A } from "react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Children as v, cloneElement as y, createContext as b, forwardRef as x, isValidElement as S, useCallback as C, useContext as w, useEffect as T, useId as E, useMemo as D, useRef as O, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
 //#region src/components/layout/MContainer/MContainer.tsx
-function P({ size: e = "content", padded: t = !0, hidden: r, spacing: i, padding: a, fsize: o, mt: u, mb: d, ml: f, mr: p, mx: m, my: h, pt: g, pb: _, pl: v, pr: y, px: b, py: x, fullWidth: S, className: C, style: w, children: T, ...E }) {
+function N({ size: e = "content", padded: t = !0, hidden: r, spacing: i, padding: a, fsize: o, mt: u, mb: d, ml: f, mr: p, mx: m, my: h, pt: g, pb: _, pl: v, pr: y, px: b, py: x, fullWidth: S, className: C, style: w, children: T, ...E }) {
 	let D = c({ fsize: o });
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ j("div", {
 		className: s("container", e, t && "padded", ...l({
 			spacing: i,
 			padding: a,
@@ -43,12 +43,12 @@ function P({ size: e = "content", padded: t = !0, hidden: r, spacing: i, padding
 }
 //#endregion
 //#region src/components/layout/MHeader/MHeader.tsx
-function F({ container: e = "wide", padded: t = !0, bordered: r = !0, sticky: i = !1, tone: a = "surface", layout: o = "split", hidden: c, className: l, children: u, ...d }) {
-	return /* @__PURE__ */ M("header", {
+function P({ container: e = "wide", padded: t = !0, bordered: r = !0, sticky: i = !1, tone: a = "surface", layout: o = "split", hidden: c, className: l, children: u, ...d }) {
+	return /* @__PURE__ */ j("header", {
 		className: s("header", a, r && "bordered", i && "sticky", l),
 		...n(c),
 		...d,
-		children: /* @__PURE__ */ M(P, {
+		children: /* @__PURE__ */ j(N, {
 			size: e,
 			padded: t,
 			className: s("inner", `layout-${o}`),
@@ -58,9 +58,9 @@ function F({ container: e = "wide", padded: t = !0, bordered: r = !0, sticky: i
 }
 //#endregion
 //#region src/components/layout/MFooter/MFooter.tsx
-function I({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i = "surface", hidden: a, spacing: o, padding: u, fsize: d, mt: f, mb: p, ml: m, mr: h, mx: g, my: _, pt: v, pb: y, pl: b, pr: x, px: S, py: C, fullWidth: w, className: T, style: E, children: D, ...O }) {
+function F({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i = "surface", hidden: a, spacing: o, padding: u, fsize: d, mt: f, mb: p, ml: m, mr: h, mx: g, my: _, pt: v, pb: y, pl: b, pr: x, px: S, py: C, fullWidth: w, className: T, style: E, children: D, ...O }) {
 	let k = c({ fsize: d });
-	return /* @__PURE__ */ M("footer", {
+	return /* @__PURE__ */ j("footer", {
 		className: s("footer", i, r && "bordered", ...l({
 			spacing: o,
 			padding: u,
@@ -85,7 +85,7 @@ function I({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i =
 		},
 		...n(a),
 		...O,
-		children: /* @__PURE__ */ M(P, {
+		children: /* @__PURE__ */ j(N, {
 			size: e,
 			padded: t,
 			className: "inner",
@@ -96,13 +96,13 @@ function I({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i =
 }
 //#endregion
 //#region src/components/layout/MNavs/MNavs.tsx
-function L({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ M("div", {
+function I({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ j("div", {
 		className: s("navs", t, n && "wrap", r),
 		...a,
 		children: e ? e.map((e) => {
 			let t = e.icon, n = e.iconOnly === !0 && t != null, r = typeof e.label == "string" ? e.label : void 0, i = n ? r : void 0, a = e.title ?? (n ? r : void 0);
-			return /* @__PURE__ */ N(d, {
+			return /* @__PURE__ */ M(d, {
 				component: e.component,
 				href: e.href,
 				to: e.to,
@@ -113,10 +113,10 @@ function L({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r
 				disabled: e.disabled,
 				className: s("link", n && "icon-only", e.className),
 				"aria-label": i,
-				children: [t ? /* @__PURE__ */ M("span", {
+				children: [t ? /* @__PURE__ */ j("span", {
 					className: "icon",
 					"aria-hidden": !n || void 0,
-					children: /* @__PURE__ */ M(t, { size: e.iconSize })
+					children: /* @__PURE__ */ j(t, { size: e.iconSize })
 				}) : null, n ? null : e.label]
 			}, e.key ?? e.href ?? e.title?.toString() ?? r ?? "");
 		}) : i
@@ -124,85 +124,118 @@ function L({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r
 }
 //#endregion
 //#region src/components/layout/MNavbar/MNavbar.tsx
-function R({ container: r = "content", padded: i = !0, bordered: a = !0, sticky: c = !1, tone: l = "surface", justify: d = "between", wrap: p = !1, mobileMenu: m = "dropdown", mobileMenuContent: h, mobileMenuLabel: g = "Open navigation", mobileBreakpoint: _ = t.compact, hidden: b, className: x, children: S, ...w }) {
-	let [T, O] = A(!1), j = k(null), F = D(), I = e(_), R = v.toArray(S), z = R.filter((e) => C(e) && e.type === L).map((e, t) => y(e, {
+function L(e, t = []) {
+	return v.forEach(e, (e) => {
+		if (!S(e)) return;
+		if (e.type === I) {
+			t.push(e);
+			return;
+		}
+		let n = e.props?.children;
+		n !== void 0 && L(n, t);
+	}), t;
+}
+function R({ container: r = "content", padded: i = !0, bordered: a = !0, sticky: c = !1, tone: l = "surface", justify: d = "between", wrap: p = !1, mobileMenu: m = "dropdown", mobileMenuContent: h, mobileMenuFooter: g, collapseActions: _ = !1, mobileMenuLabel: b = "Open navigation", mobileBreakpoint: x = t.compact, hidden: C, className: w, children: D, ...A }) {
+	let [P, F] = k(!1), I = O(null), R = E(), z = e(x), B = v.toArray(D), V = L(D).map((e, t) => y(e, {
 		key: `mnavbar-mobile-navs-${t}`,
 		orientation: "vertical"
-	})), B = /* @__PURE__ */ M(f, {
+	})), H = /* @__PURE__ */ j(f, {
 		type: "button",
 		variant: "ghost",
 		size: "md",
 		iconOnly: !0,
 		className: "navbar-toggle",
-		"aria-label": g,
-		"aria-expanded": T,
-		"aria-controls": F,
-		onClick: U,
-		children: /* @__PURE__ */ M(o, {})
-	}, "mnavbar-toggle"), V = -1;
-	for (let e = R.length - 1; e >= 0; --e) {
-		let t = R[e];
-		if (C(t) && t.type === u) {
-			V = e;
+		"aria-label": b,
+		"aria-expanded": P,
+		"aria-controls": R,
+		onClick: Y,
+		children: /* @__PURE__ */ j(o, {})
+	}, "mnavbar-toggle"), U = -1;
+	for (let e = B.length - 1; e >= 0; --e) {
+		let t = B[e];
+		if (S(t) && t.type === u) {
+			U = e;
 			break;
 		}
 	}
-	let H = V === -1 ? [...R, B] : R.map((e, t) => {
-		if (t !== V) return e;
+	let W = _ && z && U !== -1, G = null, K = B, q = U;
+	if (W) {
+		G = B[U], K = B.filter((e, t) => t !== U), q = -1;
+		for (let e = K.length - 1; e >= 0; --e) {
+			let t = K[e];
+			if (S(t) && t.type === u) {
+				q = e;
+				break;
+			}
+		}
+	}
+	let J = q === -1 ? [...K, H] : K.map((e, t) => {
+		if (t !== q) return e;
 		let n = e, r = v.toArray(n.props.children);
 		return y(n, {
 			key: n.key ?? `mnavbar-inline-${t}`,
-			children: [...r, B]
+			children: [...r, H]
 		});
 	});
-	E(() => {
-		if (!T) return;
+	T(() => {
+		if (!P) return;
 		function e(e) {
-			let t = j.current;
-			t && (e.target instanceof Node && t.contains(e.target) || O(!1));
+			let t = I.current;
+			t && (e.target instanceof Node && t.contains(e.target) || F(!1));
 		}
 		function t(e) {
-			e.key === "Escape" && O(!1);
+			e.key === "Escape" && F(!1);
 		}
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [T]), E(() => {
-		I || O(!1);
-	}, [I]);
-	function U() {
-		O((e) => !e);
+	}, [P]), T(() => {
+		z || F(!1);
+	}, [z]);
+	function Y() {
+		F((e) => !e);
 	}
-	function W(e) {
+	function X(e) {
 		let t = e.target;
-		t && t.closest("a, [role=\"menuitem\"]") && O(!1);
+		t && t.closest("a, [role=\"menuitem\"]") && F(!1);
 	}
-	return /* @__PURE__ */ N("nav", {
-		ref: j,
-		className: s("navbar", l, a && "bordered", c && "sticky", I && "mobile-view", T && "mobile-open", `mobile-${m}`, x),
-		...n(b),
-		...w,
+	return /* @__PURE__ */ M("nav", {
+		ref: I,
+		className: s("navbar", l, a && "bordered", c && "sticky", z && "mobile-view", P && "mobile-open", `mobile-${m}`, w),
+		...n(C),
+		...A,
 		children: [
-			/* @__PURE__ */ M(P, {
+			/* @__PURE__ */ j(N, {
 				size: r,
 				padded: i,
 				className: "container",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ j("div", {
 					className: s("inner", d, p && "wrap"),
-					children: H
+					children: J
 				})
 			}),
-			m === "drawer" && /* @__PURE__ */ M("div", {
-				className: s("mobile-backdrop", T && "visible"),
+			m === "drawer" && /* @__PURE__ */ j("div", {
+				className: s("mobile-backdrop", P && "visible"),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ N("div", {
-				id: F,
-				className: s("mobile-menu", m, T && "open"),
+			/* @__PURE__ */ M("div", {
+				id: R,
+				className: s("mobile-menu", m, P && "open"),
 				role: "menu",
-				"aria-hidden": !T || void 0,
-				onClick: W,
-				children: [z, h]
+				"aria-hidden": !P || void 0,
+				onClick: X,
+				children: [
+					V,
+					h,
+					G ? /* @__PURE__ */ j("div", {
+						className: "mobile-menu-footer",
+						children: y(G, { key: "mnavbar-collapsed-actions" })
+					}) : null,
+					g ? /* @__PURE__ */ j("div", {
+						className: "mobile-menu-footer",
+						children: g
+					}) : null
+				]
 			})
 		]
 	});
@@ -216,28 +249,28 @@ function B(e) {
 	return e.active ? !0 : (e.children ?? []).some(B);
 }
 function V(e, t = !1, n = !1) {
-	return /* @__PURE__ */ N(j, { children: [
-		e.icon ? /* @__PURE__ */ M("span", {
+	return /* @__PURE__ */ M(A, { children: [
+		e.icon ? /* @__PURE__ */ j("span", {
 			className: "topbar-icon",
 			children: e.icon
 		}) : null,
-		/* @__PURE__ */ M("span", { children: e.label }),
-		e.badge ? /* @__PURE__ */ M("span", {
+		/* @__PURE__ */ j("span", { children: e.label }),
+		e.badge ? /* @__PURE__ */ j("span", {
 			className: "topbar-badge",
 			children: e.badge
 		}) : null,
-		t ? /* @__PURE__ */ M("span", {
+		t ? /* @__PURE__ */ j("span", {
 			className: s("topbar-chevron", n && "open"),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ M(i, { size: "sm" })
+			children: /* @__PURE__ */ j(i, { size: "sm" })
 		}) : null
 	] });
 }
 function H(e) {
-	return e.map((e) => e.children?.length ? /* @__PURE__ */ M(h, {
+	return e.map((e) => e.children?.length ? /* @__PURE__ */ j(h, {
 		label: String(e.label),
 		children: H(e.children)
-	}, z(e)) : /* @__PURE__ */ M(g, {
+	}, z(e)) : /* @__PURE__ */ j(g, {
 		icon: e.icon,
 		label: e.label,
 		href: e.href,
@@ -251,11 +284,11 @@ function H(e) {
 	}, z(e)));
 }
 function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0, sticky: u = !1, tone: p = "surface", justify: h = "left", size: g = "md", openOn: _ = "hover", dropdownPlacement: v = "bottom-start", compactBreakpoint: y = t.compact, hidden: b, className: x, style: S, ...C }) {
-	let w = e(y), [T, D] = A(!1), [j, F] = A({}), [I, L] = A(!1), [R, U] = A(!1), [W, G] = A(!1), K = k(null);
-	E(() => {
-		let e = window.matchMedia("(pointer: coarse)"), t = () => D(e.matches);
+	let w = e(y), [E, A] = k(!1), [P, F] = k({}), [I, L] = k(!1), [R, U] = k(!1), [W, G] = k(!1), K = O(null);
+	T(() => {
+		let e = window.matchMedia("(pointer: coarse)"), t = () => A(e.matches);
 		return t(), typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : (e.addListener(t), () => e.removeListener(t));
-	}, []), E(() => {
+	}, []), T(() => {
 		let e = K.current;
 		if (!e) return;
 		let t = () => {
@@ -275,7 +308,7 @@ function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0,
 		c,
 		o
 	]);
-	let q = O(() => T ? "click" : _, [T, _]);
+	let q = D(() => E ? "click" : _, [E, _]);
 	if (w) return null;
 	let J = (e) => {
 		let t = K.current;
@@ -286,19 +319,19 @@ function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0,
 			behavior: "smooth"
 		});
 	};
-	return /* @__PURE__ */ M("nav", {
+	return /* @__PURE__ */ j("nav", {
 		className: s("topbar", p, g, l && "bordered", u && "sticky", x),
 		style: S,
 		...n(b),
 		...C,
-		children: /* @__PURE__ */ M(P, {
+		children: /* @__PURE__ */ j(N, {
 			size: o,
 			padded: c,
 			className: "topbar-container",
-			children: /* @__PURE__ */ N("div", {
+			children: /* @__PURE__ */ M("div", {
 				className: s("topbar-scroll-shell", I && "overflowing"),
 				children: [
-					I && /* @__PURE__ */ M(f, {
+					I && /* @__PURE__ */ j(f, {
 						variant: "ghost",
 						color: "neutral",
 						iconOnly: !0,
@@ -306,21 +339,21 @@ function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0,
 						className: s("topbar-scroll-button", "left", !R && "hidden"),
 						onClick: () => J("left"),
 						"aria-label": "Scroll topbar left",
-						children: /* @__PURE__ */ M(r, {})
+						children: /* @__PURE__ */ j(r, {})
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ j("div", {
 						ref: K,
 						className: "topbar-viewport",
-						children: /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ j("div", {
 							className: s("topbar-list", `justify-${h}`, I && "overflowing"),
 							children: i.map((e) => {
-								let t = z(e), n = B(e), r = !!j[t];
-								return e.children?.length ? e.disabled ? /* @__PURE__ */ M("div", {
+								let t = z(e), n = B(e), r = !!P[t];
+								return e.children?.length ? e.disabled ? /* @__PURE__ */ j("div", {
 									className: s("topbar-trigger", e.color, "disabled", e.className),
 									"aria-disabled": "true",
 									children: V(e, !0)
-								}, t) : /* @__PURE__ */ M(m, {
-									trigger: /* @__PURE__ */ M("div", {
+								}, t) : /* @__PURE__ */ j(m, {
+									trigger: /* @__PURE__ */ j("div", {
 										className: s("topbar-trigger", e.color, n && "active", r && "open", e.disabled && "disabled", e.className),
 										children: V(e, !0, r)
 									}),
@@ -332,7 +365,7 @@ function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0,
 									placement: v,
 									popoverClassName: "topbar-dropdown-popover",
 									children: H(e.children)
-								}, t) : /* @__PURE__ */ M(d, {
+								}, t) : /* @__PURE__ */ j(d, {
 									component: e.component,
 									href: e.href,
 									to: e.to,
@@ -347,7 +380,7 @@ function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0,
 							})
 						})
 					}),
-					I && /* @__PURE__ */ M(f, {
+					I && /* @__PURE__ */ j(f, {
 						variant: "ghost",
 						color: "neutral",
 						iconOnly: !0,
@@ -355,7 +388,7 @@ function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0,
 						className: s("topbar-scroll-button", "right", !W && "hidden"),
 						onClick: () => J("right"),
 						"aria-label": "Scroll topbar right",
-						children: /* @__PURE__ */ M(a, {})
+						children: /* @__PURE__ */ j(a, {})
 					})
 				]
 			})
@@ -363,89 +396,122 @@ function U({ items: i, container: o = "full", padded: c = !0, bordered: l = !0,
 	});
 }
 //#endregion
+//#region src/components/layout/MSection/MSection.tsx
+function W({ as: e = "section", spacing: t = "lg", tone: r = "default", hidden: i, className: a, style: o, children: c, ...l }) {
+	return /* @__PURE__ */ j(e, {
+		className: s("section", t, r, a),
+		style: o,
+		...n(i),
+		...l,
+		children: c
+	});
+}
+//#endregion
+//#region src/components/layout/MStatGrid/MStatGrid.tsx
+function G({ items: e, renderItem: t, children: n, columns: r = 4, minItemWidth: i = "15rem", ...a }) {
+	return /* @__PURE__ */ j(_, {
+		columns: r,
+		minItemWidth: i,
+		...a,
+		children: e && t ? e.map((e, n) => t(e, n)) : n
+	});
+}
+//#endregion
+//#region src/components/layout/MDivider/MDivider.tsx
+function K({ orientation: e = "horizontal", variant: t = "solid", hidden: r, className: i, style: a, ...o }) {
+	return /* @__PURE__ */ j("div", {
+		role: "separator",
+		"aria-orientation": e,
+		className: s("divider", e, t, i),
+		style: a,
+		...n(r),
+		...o
+	});
+}
+//#endregion
 //#region src/components/layout/MSidebar/MSidebar.tsx
-var W = "mineralui-sidebar", G = b({
+var q = "mineralui-sidebar", J = b({
 	mode: "expanded",
 	mobile: !1,
 	mobileOpen: !1,
 	canToggle: !1,
 	toggleMode: () => {}
 });
-function K() {
-	return T(G);
+function Y() {
+	return w(J);
 }
-function q({ mode: n = "auto", defaultMode: r = "expanded", onModeChange: i, persist: a = !1, side: c = "left", tone: l = "subtle", bordered: u = !0, mobileBreakpoint: d = t.mobile, compactBreakpoint: f = t.compact, className: p, style: m, children: h }) {
-	let g = Math.max(f, d), _ = e(d), v = e(g), y = !_ && v, [b, x] = A(!1), [S, C] = A(() => {
+function X({ mode: n = "auto", defaultMode: r = "expanded", onModeChange: i, persist: a = !1, side: c = "left", tone: l = "subtle", bordered: u = !0, mobileBreakpoint: d = t.mobile, compactBreakpoint: f = t.compact, className: p, style: m, children: h }) {
+	let g = Math.max(f, d), _ = e(d), v = e(g), y = !_ && v, [b, x] = k(!1), [S, w] = k(() => {
 		if (a) try {
-			let e = localStorage.getItem(W);
+			let e = localStorage.getItem(q);
 			if (e === "expanded" || e === "collapsed") return e;
 		} catch {}
 		return r;
-	}), T = _ ? "expanded" : y ? "collapsed" : n === "auto" ? S : n === "collapsed" ? "collapsed" : "expanded", D = w(() => {
-		let e = T === "expanded" ? "collapsed" : "expanded";
-		if (C(e), i?.(e), a) try {
-			localStorage.setItem(W, e);
+	}), E = _ ? "expanded" : y ? "collapsed" : n === "auto" ? S : n === "collapsed" ? "collapsed" : "expanded", O = C(() => {
+		let e = E === "expanded" ? "collapsed" : "expanded";
+		if (w(e), i?.(e), a) try {
+			localStorage.setItem(q, e);
 		} catch {}
 	}, [
-		T,
+		E,
 		i,
 		a
-	]), k = w(() => x(!1), []);
-	E(() => {
+	]), A = C(() => x(!1), []);
+	T(() => {
 		if (!b) return;
 		let e = (e) => {
 			e.key === "Escape" && x(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [b]), E(() => {
+	}, [b]), T(() => {
 		_ || x(!1);
 	}, [_]);
-	let j = !_ && !y && n === "auto", P = O(() => ({
-		mode: T,
+	let N = !_ && !y && n === "auto", P = D(() => ({
+		mode: E,
 		mobile: _,
 		mobileOpen: b,
-		canToggle: j,
-		toggleMode: D
+		canToggle: N,
+		toggleMode: O
 	}), [
-		T,
+		E,
 		_,
 		b,
-		j,
-		D
-	]), F = s("sidebar", l, c, !_ && T === "collapsed" && "collapsed", y && "compact", u && "bordered", _ && "mobile", _ && b && "mobile-open", p);
-	return /* @__PURE__ */ N(G.Provider, {
+		N,
+		O
+	]), F = s("sidebar", l, c, !_ && E === "collapsed" && "collapsed", y && "compact", u && "bordered", _ && "mobile", _ && b && "mobile-open", p);
+	return /* @__PURE__ */ M(J.Provider, {
 		value: P,
 		children: [
-			_ && b && /* @__PURE__ */ M("div", {
+			_ && b && /* @__PURE__ */ j("div", {
 				className: "sidebar-backdrop",
-				onClick: k
+				onClick: A
 			}),
-			/* @__PURE__ */ M("aside", {
+			/* @__PURE__ */ j("aside", {
 				className: F,
 				style: m,
 				children: h
 			}),
-			_ && !b && /* @__PURE__ */ M("button", {
+			_ && !b && /* @__PURE__ */ j("button", {
 				className: s("sidebar-hamburger", c),
 				onClick: () => x(!0),
 				"aria-label": "Open menu",
-				children: /* @__PURE__ */ M("span", {
+				children: /* @__PURE__ */ j("span", {
 					className: "sidebar-hamburger-icon",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ M(o, {})
+					children: /* @__PURE__ */ j(o, {})
 				})
 			})
 		]
 	});
 }
-function J({ bordered: e = !1, className: t, children: n }) {
-	let { mode: r, mobile: i, canToggle: o, toggleMode: c } = K(), l = !i && r === "collapsed";
-	return /* @__PURE__ */ N("div", {
+function Z({ bordered: e = !1, className: t, children: n }) {
+	let { mode: r, mobile: i, canToggle: o, toggleMode: c } = Y(), l = !i && r === "collapsed";
+	return /* @__PURE__ */ M("div", {
 		className: s("sidebar-header", e && "bordered", t),
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "sidebar-header-content",
 			children: n
-		}), o && /* @__PURE__ */ M(f, {
+		}), o && /* @__PURE__ */ j(f, {
 			variant: "outlined",
 			color: "neutral",
 			iconOnly: !0,
@@ -453,247 +519,120 @@ function J({ bordered: e = !1, className: t, children: n }) {
 			onClick: c,
 			"aria-label": l ? "Expand sidebar" : "Collapse sidebar",
 			className: "sidebar-toggle",
-			children: /* @__PURE__ */ M("span", {
+			children: /* @__PURE__ */ j("span", {
 				className: s("sidebar-chevron", l && "flipped"),
-				children: /* @__PURE__ */ M(a, {})
+				children: /* @__PURE__ */ j(a, {})
 			})
 		})]
 	});
 }
-function ee({ className: e, children: t }) {
-	return /* @__PURE__ */ M("div", {
+function Q({ className: e, children: t }) {
+	return /* @__PURE__ */ j("div", {
 		className: s("sidebar-body", e),
 		children: t
 	});
 }
-function Y({ className: e, children: t }) {
-	return /* @__PURE__ */ M("nav", {
+function $({ className: e, children: t }) {
+	return /* @__PURE__ */ j("nav", {
 		className: s("sidebar-nav", e),
 		children: t
 	});
 }
-function X({ icon: e, label: t, description: n, href: r, to: i, onClick: a, active: o = !1, disabled: c = !1, badge: l, color: u, component: d, className: f }) {
-	let { mode: m, mobile: h } = K(), g = !h && m === "collapsed", _ = n ?? t, v = typeof n == "string" ? n : typeof t == "string" ? t : void 0, y = d ?? (r || i ? "a" : "button"), b = d ? i ? { to: i } : r ? { href: r } : {} : r ? { href: r } : i ? { href: i } : {};
-	return /* @__PURE__ */ N(y, {
+function ee({ icon: e, label: t, description: n, href: r, to: i, onClick: a, active: o = !1, disabled: c = !1, badge: l, color: u, component: d, className: f }) {
+	let { mode: m, mobile: h } = Y(), g = !h && m === "collapsed", _ = n ?? t, v = typeof n == "string" ? n : typeof t == "string" ? t : void 0, y = d ?? (r || i ? "a" : "button"), b = d ? i ? { to: i } : r ? { href: r } : {} : r ? { href: r } : i ? { href: i } : {};
+	return /* @__PURE__ */ M(y, {
 		className: s("sidebar-item", o && "active", c && "disabled", u, f),
 		onClick: c ? void 0 : a,
 		"aria-disabled": c || void 0,
 		title: g ? v : void 0,
 		...b,
 		children: [
-			e && /* @__PURE__ */ M("span", {
+			e && /* @__PURE__ */ j("span", {
 				className: "sidebar-item-icon",
 				children: e
 			}),
-			!g && /* @__PURE__ */ M(p, {
+			!g && /* @__PURE__ */ j(p, {
 				content: _,
 				placement: "top",
 				className: "sidebar-item-label-tooltip",
-				children: /* @__PURE__ */ M("span", {
+				children: /* @__PURE__ */ j("span", {
 					className: "sidebar-item-label",
 					children: t
 				})
 			}),
-			!g && l && /* @__PURE__ */ M("span", {
+			!g && l && /* @__PURE__ */ j("span", {
 				className: "sidebar-item-badge",
 				children: l
 			})
 		]
 	});
 }
-function Z({ label: e, icon: t, active: n = !1, defaultOpen: r = !0, collapsible: i = !0, children: o, className: c }) {
-	let l = K(), { mode: u, mobile: d } = l, f = !d && u === "collapsed", [p, h] = A(r), g = O(() => ({
+function te({ label: e, icon: t, active: n = !1, defaultOpen: r = !0, collapsible: i = !0, children: o, className: c }) {
+	let l = Y(), { mode: u, mobile: d } = l, f = !d && u === "collapsed", [p, h] = k(r), g = D(() => ({
 		...l,
 		mode: "expanded"
 	}), [l]), _ = () => {
 		i && h((e) => !e);
 	};
 	if (f) {
-		let r = /* @__PURE__ */ M("span", {
+		let r = /* @__PURE__ */ j("span", {
 			className: s("sidebar-group-icon collapsed", n && "active"),
 			title: e,
 			children: t
 		});
-		return /* @__PURE__ */ M("div", {
+		return /* @__PURE__ */ j("div", {
 			className: s("sidebar-group", c),
-			children: /* @__PURE__ */ M(m, {
+			children: /* @__PURE__ */ j(m, {
 				trigger: r,
 				placement: "right-start",
 				closeOnSelect: !0,
 				openOn: "hover",
-				children: /* @__PURE__ */ M(G.Provider, {
+				children: /* @__PURE__ */ j(J.Provider, {
 					value: g,
 					children: o
 				})
 			})
 		});
 	}
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ M("div", {
 		className: s("sidebar-group", c),
-		children: [/* @__PURE__ */ N("button", {
+		children: [/* @__PURE__ */ M("button", {
 			className: s("sidebar-group-header", n && "active"),
 			onClick: _,
 			"aria-expanded": p,
 			children: [
-				t && /* @__PURE__ */ M("span", {
+				t && /* @__PURE__ */ j("span", {
 					className: "sidebar-group-icon",
 					children: t
 				}),
-				/* @__PURE__ */ M("span", {
+				/* @__PURE__ */ j("span", {
 					className: "sidebar-group-label",
 					children: e
 				}),
-				i && /* @__PURE__ */ M("span", {
+				i && /* @__PURE__ */ j("span", {
 					className: s("sidebar-group-arrow", p && "open"),
-					children: /* @__PURE__ */ M(a, {})
+					children: /* @__PURE__ */ j(a, {})
 				})
 			]
-		}), p && /* @__PURE__ */ M("div", {
+		}), p && /* @__PURE__ */ j("div", {
 			className: "sidebar-group-items",
 			children: o
 		})]
 	});
 }
-function te({ bordered: e = !1, className: t, children: n }) {
-	return /* @__PURE__ */ M("div", {
+function ne({ bordered: e = !1, className: t, children: n }) {
+	return /* @__PURE__ */ j("div", {
 		className: s("sidebar-footer", e && "bordered", t),
 		children: n
 	});
 }
-function ne({ className: e, spacing: t = "md" }) {
-	return /* @__PURE__ */ M("hr", { className: s("sidebar-divider", t, e) });
-}
-//#endregion
-//#region src/components/layout/MAppMenu/MAppMenu.tsx
-function re(e) {
-	if (e) return C(e) ? function(t) {
-		return y(e, t);
-	} : e;
-}
-function Q(e) {
-	return e ? C(e) ? e : x(e) : null;
-}
-function $(e, t, n, r) {
-	return r || !t ? e : /* @__PURE__ */ M(p, {
-		content: t,
-		placement: n,
-		children: /* @__PURE__ */ M("span", {
-			className: "app-menu-item-label",
-			children: e
-		})
-	});
-}
-function ie({ groups: n, as: r = "navs", primaryOnly: i = r === "navs", wrap: a, openOn: o = "click", dropdownPlacement: s = "bottom-start", orientation: c = "horizontal", size: l = "sm", tone: u = "default", justify: d = "left", container: f, padded: p, bordered: m, sticky: h, className: g, ..._ }) {
-	let v = e(t.mobile);
-	return r === "sidebar" ? /* @__PURE__ */ M(Y, {
-		className: g,
-		children: n.map((e) => /* @__PURE__ */ M(Z, {
-			label: e.label?.toString() ?? "",
-			icon: Q(e.icon),
-			collapsible: e.collapsible ?? !0,
-			defaultOpen: e.defaultOpen ?? !0,
-			children: e.items.map((e) => /* @__PURE__ */ M(X, {
-				icon: Q(e.icon),
-				label: e.label,
-				description: v ? void 0 : e.description,
-				href: e.href,
-				to: e.to,
-				onClick: e.onClick,
-				active: e.active,
-				disabled: e.disabled,
-				badge: e.badge,
-				color: e.color,
-				component: e.component,
-				className: e.className
-			}, e.key ?? e.to ?? e.href ?? e.label?.toString()))
-		}, e.key ?? e.label?.toString()))
-	}) : r === "topbar" ? /* @__PURE__ */ M(U, {
-		items: n.map((e) => ({
-			key: e.key ?? String(e.label),
-			label: e.label,
-			icon: Q(e.icon),
-			children: e.items.map((e) => ({
-				key: e.key ?? e.to ?? e.href ?? String(e.label),
-				label: $(e.label, e.description, "bottom", v),
-				icon: Q(e.icon),
-				href: e.href,
-				to: e.to,
-				onClick: e.onClick,
-				badge: e.badge,
-				color: e.color,
-				active: e.active,
-				disabled: e.disabled,
-				component: e.component,
-				className: e.className
-			}))
-		})),
-		tone: u,
-		justify: d,
-		size: l,
-		openOn: o,
-		dropdownPlacement: s,
-		container: f,
-		padded: p,
-		bordered: m,
-		sticky: h,
-		className: g,
-		..._
-	}) : /* @__PURE__ */ M(L, {
-		items: n.flatMap((e) => e.items).filter((e) => i ? e.primary : !0).map((e) => ({
-			key: e.key ?? e.to ?? e.href ?? e.label?.toString(),
-			label: $(e.label, e.description, "bottom", v),
-			icon: re(e.icon),
-			href: e.href,
-			to: e.to,
-			title: e.title,
-			current: e.active,
-			disabled: e.disabled,
-			className: e.className,
-			component: e.component
-		})),
-		orientation: c,
-		wrap: a,
-		className: g,
-		..._
-	});
-}
-//#endregion
-//#region src/components/layout/MSection/MSection.tsx
-function ae({ as: e = "section", spacing: t = "lg", tone: r = "default", hidden: i, className: a, style: o, children: c, ...l }) {
-	return /* @__PURE__ */ M(e, {
-		className: s("section", t, r, a),
-		style: o,
-		...n(i),
-		...l,
-		children: c
-	});
-}
-//#endregion
-//#region src/components/layout/MStatGrid/MStatGrid.tsx
-function oe({ items: e, renderItem: t, children: n, columns: r = 4, minItemWidth: i = "15rem", ...a }) {
-	return /* @__PURE__ */ M(_, {
-		columns: r,
-		minItemWidth: i,
-		...a,
-		children: e && t ? e.map((e, n) => t(e, n)) : n
-	});
-}
-//#endregion
-//#region src/components/layout/MDivider/MDivider.tsx
-function se({ orientation: e = "horizontal", variant: t = "solid", hidden: r, className: i, style: a, ...o }) {
-	return /* @__PURE__ */ M("div", {
-		role: "separator",
-		"aria-orientation": e,
-		className: s("divider", e, t, i),
-		style: a,
-		...n(r),
-		...o
-	});
+function re({ className: e, spacing: t = "md" }) {
+	return /* @__PURE__ */ j("hr", { className: s("sidebar-divider", t, e) });
 }
 //#endregion
 //#region src/components/layout/MBreadcrumb/MBreadcrumb.tsx
-function ce({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
-	let a = O(() => {
+function ie({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
+	let a = D(() => {
 		if (!n || n >= e.length) return e;
 		if (n < 2) return [e[e.length - 1]];
 		let t = e.slice(0, 1), r = e.slice(-(n - 1));
@@ -703,37 +642,37 @@ function ce({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
 			...r
 		];
 	}, [e, n]);
-	return /* @__PURE__ */ M("nav", {
+	return /* @__PURE__ */ j("nav", {
 		"aria-label": "breadcrumb",
 		className: s("breadcrumb", r),
 		...i,
-		children: /* @__PURE__ */ M("ol", {
+		children: /* @__PURE__ */ j("ol", {
 			className: "trail",
 			children: a.map((e, n) => {
-				if (e === null) return /* @__PURE__ */ N("li", {
+				if (e === null) return /* @__PURE__ */ M("li", {
 					className: "crumb dots",
-					children: [/* @__PURE__ */ M("span", {
+					children: [/* @__PURE__ */ j("span", {
 						className: "sep",
 						children: t
-					}), /* @__PURE__ */ M("span", { children: "…" })]
+					}), /* @__PURE__ */ j("span", { children: "…" })]
 				}, "ellipsis");
 				let r = n === a.length - 1;
-				return /* @__PURE__ */ N("li", {
+				return /* @__PURE__ */ M("li", {
 					className: s("crumb", r && "active"),
-					children: [n > 0 && /* @__PURE__ */ M("span", {
+					children: [n > 0 && /* @__PURE__ */ j("span", {
 						className: "sep",
 						children: t
-					}), e.href && !r ? /* @__PURE__ */ M("a", {
+					}), e.href && !r ? /* @__PURE__ */ j("a", {
 						href: e.href,
 						className: "link",
 						onClick: e.onClick,
 						children: e.label
-					}) : e.onClick && !r ? /* @__PURE__ */ M("button", {
+					}) : e.onClick && !r ? /* @__PURE__ */ j("button", {
 						type: "button",
 						className: "link btn",
 						onClick: e.onClick,
 						children: e.label
-					}) : /* @__PURE__ */ M("span", {
+					}) : /* @__PURE__ */ j("span", {
 						className: "current",
 						"aria-current": r ? "page" : void 0,
 						children: e.label
@@ -745,21 +684,21 @@ function ce({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
 }
 //#endregion
 //#region src/components/layout/MAppShell/MAppShell.tsx
-var le = S(function({ className: e, children: t, ...n }, r) {
+var ae = x(function({ className: e, children: t, ...n }, r) {
 	let i = [], a = [];
 	return v.forEach(t, (e) => {
-		C(e) && e.type === q ? i.push(e) : a.push(e);
-	}), /* @__PURE__ */ N("div", {
+		S(e) && e.type === X ? i.push(e) : a.push(e);
+	}), /* @__PURE__ */ M("div", {
 		ref: r,
 		className: s("app-shell", e),
 		...n,
-		children: [i, /* @__PURE__ */ M("div", {
+		children: [i, /* @__PURE__ */ j("div", {
 			className: "app-main",
 			children: a
 		})]
 	});
-}), ue = S(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ M("div", {
+}), oe = x(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ j("div", {
 		ref: r,
 		className: s("app-body", e),
 		...n,
@@ -767,6 +706,6 @@ var le = S(function({ className: e, children: t, ...n }, r) {
 	});
 });
 //#endregion
-export { R as _, oe as a, F as b, q as c, te as d, Z as f, U as g, Y as h, se as i, ee as l, X as m, ue as n, ae as o, J as p, ce as r, ie as s, le as t, ne as u, L as v, P as x, I as y };
+export { I as _, Q as a, N as b, te as c, $ as d, K as f, R as g, U as h, X as i, Z as l, W as m, oe as n, re as o, G as p, ie as r, ne as s, ae as t, ee as u, F as v, P as y };
 
-//# sourceMappingURL=layout-D1-mF4xn.js.map
+//# sourceMappingURL=layout-tIq6BGQK.js.map