@banzamel/mineralui 1.1.1 → 1.2.0

package/dist/{layout-UP_12LRD.js → layout-Cb94o3oU.js}

@@ -3,16 +3,17 @@ import { t as i } from "./cn-YER3QsV1.js";
 import { t as a } from "./useInteractionEffect-DtpbVd77.js";
 import { t as o } from "./useReveal-BJ59usiL.js";
 import { n as s, t as c } from "./layoutProps-Cl6d1KmH.js";
-import { t as l } from "./MButton-BJdrNg2I.js";
-import { t as u } from "./MLink-CBmT8zaD.js";
-import { t as d } from "./MTooltip-BVQ7wBrO.js";
-import { i as f, n as p, r as m } from "./MDropdownMenu-B1eOmM7u.js";
-import { Children as h, cloneElement as g, createContext as _, forwardRef as v, isValidElement as y, useCallback as b, useContext as x, useEffect as S, useId as C, useMemo as w, useRef as T, useState as E } from "react";
-import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { t as l } from "./MInline-Dfy3Lrjs.js";
+import { t as u } from "./MLink-ODytrwne.js";
+import { t as d } from "./MButton-BmTDe5Oa.js";
+import { t as f } from "./MTooltip-UYOjDBOu.js";
+import { i as p, n as m, r as h } from "./MDropdownMenu-CxBhYxQb.js";
+import { Children as g, cloneElement as _, createContext as v, forwardRef as y, isValidElement as b, useCallback as x, useContext as S, useEffect as C, useId as w, useMemo as T, useRef as E, useState as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/layout/MContainer/MContainer.tsx
-function A({ size: e = "content", padded: t = !0, spacing: n, padding: r, fsize: a, mt: o, mb: l, ml: u, mr: d, mx: f, my: p, pt: m, pb: h, pl: g, pr: _, px: v, py: y, fullWidth: b, className: x, style: S, children: C, ...w }) {
+function j({ size: e = "content", padded: t = !0, spacing: n, padding: r, fsize: a, mt: o, mb: l, ml: u, mr: d, mx: f, my: p, pt: m, pb: h, pl: g, pr: _, px: v, py: y, fullWidth: b, className: x, style: S, children: C, ...w }) {
 	let T = s({ fsize: a });
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ k("div", {
 		className: i("container", e, t && "padded", ...c({
 			spacing: n,
 			padding: r,
@@ -41,11 +42,11 @@ function A({ size: e = "content", padded: t = !0, spacing: n, padding: r, fsize:
 }
 //#endregion
 //#region src/components/layout/MHeader/MHeader.tsx
-function j({ container: e = "wide", padded: t = !0, bordered: n = !0, sticky: r = !1, tone: a = "surface", layout: o = "split", className: s, children: c, ...l }) {
-	return /* @__PURE__ */ O("header", {
+function M({ container: e = "wide", padded: t = !0, bordered: n = !0, sticky: r = !1, tone: a = "surface", layout: o = "split", className: s, children: c, ...l }) {
+	return /* @__PURE__ */ k("header", {
 		className: i("header", a, n && "bordered", r && "sticky", s),
 		...l,
-		children: /* @__PURE__ */ O(A, {
+		children: /* @__PURE__ */ k(j, {
 			size: e,
 			padded: t,
 			className: i("inner", `layout-${o}`),
@@ -55,9 +56,9 @@ function j({ container: e = "wide", padded: t = !0, bordered: n = !0, sticky: r
 }
 //#endregion
 //#region src/components/layout/MFooter/MFooter.tsx
-function M({ container: e = "wide", padded: t = !0, bordered: n = !0, tone: r = "surface", spacing: a, padding: o, fsize: l, 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({ container: e = "wide", padded: t = !0, bordered: n = !0, tone: r = "surface", spacing: a, padding: o, fsize: l, 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 = s({ fsize: l });
-	return /* @__PURE__ */ O("footer", {
+	return /* @__PURE__ */ k("footer", {
 		className: i("footer", r, n && "bordered", ...c({
 			spacing: a,
 			padding: o,
@@ -81,7 +82,7 @@ function M({ container: e = "wide", padded: t = !0, bordered: n = !0, tone: r =
 			...w
 		},
 		...E,
-		children: /* @__PURE__ */ O(A, {
+		children: /* @__PURE__ */ k(j, {
 			size: e,
 			padded: t,
 			className: "inner",
@@ -91,53 +92,146 @@ function M({ container: e = "wide", padded: t = !0, bordered: n = !0, tone: r =
 	});
 }
 //#endregion
+//#region src/components/layout/MNavs/MNavs.tsx
+function P({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r, children: a, ...o }) {
+	return /* @__PURE__ */ k("div", {
+		className: i("navs", t, n && "wrap", r),
+		...o,
+		children: e ? e.map((e) => {
+			let t = e.icon, n = e.iconOnly === !0 && t != null, r = typeof e.label == "string" ? e.label : void 0, a = n ? r : void 0, o = e.title ?? (n ? r : void 0);
+			return /* @__PURE__ */ A(u, {
+				component: e.component,
+				href: e.href,
+				to: e.to,
+				target: e.target,
+				rel: e.rel,
+				title: o,
+				current: e.current,
+				disabled: e.disabled,
+				className: i("link", n && "icon-only", e.className),
+				"aria-label": a,
+				children: [t ? /* @__PURE__ */ k("span", {
+					className: "icon",
+					"aria-hidden": !n || void 0,
+					children: /* @__PURE__ */ k(t, { size: e.iconSize })
+				}) : null, n ? null : e.label]
+			}, e.key ?? e.href ?? e.title?.toString() ?? r ?? "");
+		}) : a
+	});
+}
+//#endregion
 //#region src/components/layout/MNavbar/MNavbar.tsx
-function N({ container: e = "content", padded: t = !0, bordered: n = !0, sticky: r = !1, tone: a = "surface", justify: o = "between", wrap: s = !1, className: c, children: l, ...u }) {
-	return /* @__PURE__ */ O("nav", {
-		className: i("navbar", a, n && "bordered", r && "sticky", c),
-		...u,
-		children: /* @__PURE__ */ O(A, {
-			size: e,
-			padded: t,
-			className: "container",
-			children: /* @__PURE__ */ O("div", {
-				className: i("inner", o, s && "wrap"),
-				children: l
+function F({ container: e = "content", padded: t = !0, bordered: n = !0, sticky: a = !1, tone: o = "surface", justify: s = "between", wrap: c = !1, mobileMenu: u = "dropdown", mobileMenuContent: f, mobileMenuLabel: p = "Open navigation", className: m, children: h, ...v }) {
+	let [y, x] = D(!1), S = E(null), T = w(), O = g.toArray(h), M = O.filter((e) => b(e) && e.type === P).map((e, t) => _(e, {
+		key: `mnavbar-mobile-navs-${t}`,
+		orientation: "vertical"
+	})), N = /* @__PURE__ */ k(d, {
+		type: "button",
+		variant: "ghost",
+		size: "md",
+		iconOnly: !0,
+		className: "navbar-toggle",
+		"aria-label": p,
+		"aria-expanded": y,
+		"aria-controls": T,
+		onClick: L,
+		children: /* @__PURE__ */ k(r, {})
+	}, "mnavbar-toggle"), F = -1;
+	for (let e = O.length - 1; e >= 0; --e) {
+		let t = O[e];
+		if (b(t) && t.type === l) {
+			F = e;
+			break;
+		}
+	}
+	let I = F === -1 ? [...O, N] : O.map((e, t) => {
+		if (t !== F) return e;
+		let n = e, r = g.toArray(n.props.children);
+		return _(n, {
+			key: n.key ?? `mnavbar-inline-${t}`,
+			children: [...r, N]
+		});
+	});
+	C(() => {
+		if (!y) return;
+		function e(e) {
+			let t = S.current;
+			t && (e.target instanceof Node && t.contains(e.target) || x(!1));
+		}
+		function t(e) {
+			e.key === "Escape" && x(!1);
+		}
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+		};
+	}, [y]);
+	function L() {
+		x((e) => !e);
+	}
+	function R(e) {
+		let t = e.target;
+		t && t.closest("a, [role=\"menuitem\"]") && x(!1);
+	}
+	return /* @__PURE__ */ A("nav", {
+		ref: S,
+		className: i("navbar", o, n && "bordered", a && "sticky", y && "mobile-open", `mobile-${u}`, m),
+		...v,
+		children: [
+			/* @__PURE__ */ k(j, {
+				size: e,
+				padded: t,
+				className: "container",
+				children: /* @__PURE__ */ k("div", {
+					className: i("inner", s, c && "wrap"),
+					children: I
+				})
+			}),
+			u === "drawer" && /* @__PURE__ */ k("div", {
+				className: i("mobile-backdrop", y && "visible"),
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ A("div", {
+				id: T,
+				className: i("mobile-menu", u, y && "open"),
+				role: "menu",
+				"aria-hidden": !y || void 0,
+				onClick: R,
+				children: [M, f]
 			})
-		})
+		]
 	});
 }
 //#endregion
 //#region src/components/layout/MTopbar/MTopbar.tsx
-function P(e) {
+function I(e) {
 	return e.key ?? e.to ?? e.href ?? String(e.label);
 }
-function F(e) {
-	return e.active ? !0 : (e.children ?? []).some(F);
+function L(e) {
+	return e.active ? !0 : (e.children ?? []).some(L);
 }
-function I(t, n = !1, r = !1) {
-	return /* @__PURE__ */ k(D, { children: [
-		t.icon ? /* @__PURE__ */ O("span", {
+function R(t, n = !1, r = !1) {
+	return /* @__PURE__ */ A(O, { children: [
+		t.icon ? /* @__PURE__ */ k("span", {
 			className: "topbar-icon",
 			children: t.icon
 		}) : null,
-		/* @__PURE__ */ O("span", { children: t.label }),
-		t.badge ? /* @__PURE__ */ O("span", {
+		/* @__PURE__ */ k("span", { children: t.label }),
+		t.badge ? /* @__PURE__ */ k("span", {
 			className: "topbar-badge",
 			children: t.badge
 		}) : null,
-		n ? /* @__PURE__ */ O("span", {
+		n ? /* @__PURE__ */ k("span", {
 			className: i("topbar-chevron", r && "open"),
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ O(e, { size: "sm" })
+			children: /* @__PURE__ */ k(e, { size: "sm" })
 		}) : null
 	] });
 }
-function L(e) {
-	return e.map((e) => e.children?.length ? /* @__PURE__ */ O(p, {
+function z(e) {
+	return e.map((e) => e.children?.length ? /* @__PURE__ */ k(m, {
 		label: String(e.label),
-		children: L(e.children)
-	}, P(e)) : /* @__PURE__ */ O(m, {
+		children: z(e.children)
+	}, I(e)) : /* @__PURE__ */ k(h, {
 		icon: e.icon,
 		label: e.label,
 		href: e.href,
@@ -148,18 +242,18 @@ function L(e) {
 		active: e.active,
 		component: e.component,
 		className: e.className
-	}, P(e)));
+	}, I(e)));
 }
-function R({ items: e, container: r = "full", padded: a = !0, bordered: o = !0, sticky: s = !1, tone: c = "surface", justify: d = "left", size: p = "md", openOn: m = "hover", dropdownPlacement: h = "bottom-start", className: g, style: _, ...v }) {
-	let [y, b] = E(!1), [x, C] = E({}), [D, j] = E(!1), [M, N] = E(!1), [R, z] = E(!1), B = T(null);
-	S(() => {
+function B({ items: e, container: r = "full", padded: a = !0, bordered: o = !0, sticky: s = !1, tone: c = "surface", justify: l = "left", size: f = "md", openOn: m = "hover", dropdownPlacement: h = "bottom-start", className: g, style: _, ...v }) {
+	let [y, b] = D(!1), [x, S] = D({}), [w, O] = D(!1), [M, N] = D(!1), [P, F] = D(!1), B = E(null);
+	C(() => {
 		let e = window.matchMedia("(pointer: coarse)"), t = () => b(e.matches);
 		return t(), typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : (e.addListener(t), () => e.removeListener(t));
-	}, []), S(() => {
+	}, []), C(() => {
 		let e = B.current;
 		if (!e) return;
 		let t = () => {
-			j(e.scrollWidth > e.clientWidth + 1), N(e.scrollLeft > 4), z(e.scrollLeft + e.clientWidth < e.scrollWidth - 4);
+			O(e.scrollWidth > e.clientWidth + 1), N(e.scrollLeft > 4), F(e.scrollLeft + e.clientWidth < e.scrollWidth - 4);
 		};
 		t(), e.addEventListener("scroll", t, { passive: !0 });
 		let n = new ResizeObserver(t);
@@ -168,14 +262,14 @@ function R({ items: e, container: r = "full", padded: a = !0, bordered: o = !0,
 		};
 	}, [
 		e,
-		d,
-		p,
+		l,
+		f,
 		c,
 		o,
 		a,
 		r
 	]);
-	let V = w(() => y ? "click" : m, [y, m]), H = (e) => {
+	let V = T(() => y ? "click" : m, [y, m]), H = (e) => {
 		let t = B.current;
 		if (!t) return;
 		let n = Math.max(180, Math.floor(t.clientWidth * .45));
@@ -184,18 +278,18 @@ function R({ items: e, container: r = "full", padded: a = !0, bordered: o = !0,
 			behavior: "smooth"
 		});
 	};
-	return /* @__PURE__ */ O("nav", {
-		className: i("topbar", c, p, o && "bordered", s && "sticky", g),
+	return /* @__PURE__ */ k("nav", {
+		className: i("topbar", c, f, o && "bordered", s && "sticky", g),
 		style: _,
 		...v,
-		children: /* @__PURE__ */ O(A, {
+		children: /* @__PURE__ */ k(j, {
 			size: r,
 			padded: a,
 			className: "topbar-container",
-			children: /* @__PURE__ */ k("div", {
-				className: i("topbar-scroll-shell", D && "overflowing"),
+			children: /* @__PURE__ */ A("div", {
+				className: i("topbar-scroll-shell", w && "overflowing"),
 				children: [
-					D && /* @__PURE__ */ O(l, {
+					w && /* @__PURE__ */ k(d, {
 						variant: "ghost",
 						color: "neutral",
 						iconOnly: !0,
@@ -203,33 +297,33 @@ function R({ items: e, container: r = "full", padded: a = !0, bordered: o = !0,
 						className: i("topbar-scroll-button", "left", !M && "hidden"),
 						onClick: () => H("left"),
 						"aria-label": "Scroll topbar left",
-						children: /* @__PURE__ */ O(n, {})
+						children: /* @__PURE__ */ k(n, {})
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ k("div", {
 						ref: B,
 						className: "topbar-viewport",
-						children: /* @__PURE__ */ O("div", {
-							className: i("topbar-list", `justify-${d}`, D && "overflowing"),
+						children: /* @__PURE__ */ k("div", {
+							className: i("topbar-list", `justify-${l}`, w && "overflowing"),
 							children: e.map((e) => {
-								let t = P(e), n = F(e), r = !!x[t];
-								return e.children?.length ? e.disabled ? /* @__PURE__ */ O("div", {
+								let t = I(e), n = L(e), r = !!x[t];
+								return e.children?.length ? e.disabled ? /* @__PURE__ */ k("div", {
 									className: i("topbar-trigger", e.color, "disabled", e.className),
 									"aria-disabled": "true",
-									children: I(e, !0)
-								}, t) : /* @__PURE__ */ O(f, {
-									trigger: /* @__PURE__ */ O("div", {
+									children: R(e, !0)
+								}, t) : /* @__PURE__ */ k(p, {
+									trigger: /* @__PURE__ */ k("div", {
 										className: i("topbar-trigger", e.color, n && "active", r && "open", e.disabled && "disabled", e.className),
-										children: I(e, !0, r)
+										children: R(e, !0, r)
 									}),
 									openOn: e.openOn ?? V,
-									onOpenChange: (e) => C((n) => ({
+									onOpenChange: (e) => S((n) => ({
 										...n,
 										[t]: e
 									})),
 									placement: h,
 									popoverClassName: "topbar-dropdown-popover",
-									children: L(e.children)
-								}, t) : /* @__PURE__ */ O(u, {
+									children: z(e.children)
+								}, t) : /* @__PURE__ */ k(u, {
 									component: e.component,
 									href: e.href,
 									to: e.to,
@@ -239,20 +333,20 @@ function R({ items: e, container: r = "full", padded: a = !0, bordered: o = !0,
 									underline: "none",
 									tone: "inherit",
 									className: i("topbar-link", e.color, e.className, e.active && "active"),
-									children: I(e)
+									children: R(e)
 								}, t);
 							})
 						})
 					}),
-					D && /* @__PURE__ */ O(l, {
+					w && /* @__PURE__ */ k(d, {
 						variant: "ghost",
 						color: "neutral",
 						iconOnly: !0,
 						shape: "circle",
-						className: i("topbar-scroll-button", "right", !R && "hidden"),
+						className: i("topbar-scroll-button", "right", !P && "hidden"),
 						onClick: () => H("right"),
 						"aria-label": "Scroll topbar right",
-						children: /* @__PURE__ */ O(t, {})
+						children: /* @__PURE__ */ k(t, {})
 					})
 				]
 			})
@@ -260,35 +354,15 @@ function R({ items: e, container: r = "full", padded: a = !0, bordered: o = !0,
 	});
 }
 //#endregion
-//#region src/components/layout/MNavs/MNavs.tsx
-function z({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r, children: a, ...o }) {
-	return /* @__PURE__ */ O("div", {
-		className: i("navs", t, n && "wrap", r),
-		...o,
-		children: e ? e.map((e) => /* @__PURE__ */ O(u, {
-			component: e.component,
-			href: e.href,
-			to: e.to,
-			target: e.target,
-			rel: e.rel,
-			title: e.title,
-			current: e.current,
-			disabled: e.disabled,
-			className: i("link", e.className),
-			children: e.label
-		}, e.key ?? e.href ?? e.title?.toString() ?? e.label?.toString())) : a
-	});
-}
-//#endregion
 //#region src/components/layout/MTabs/MTabs.tsx
-function B({ item: e, isActive: t, tabId: n, panelId: r, clickEffect: o, rippleColor: s, onSelect: c }) {
+function V({ item: e, isActive: t, tabId: n, panelId: r, clickEffect: o, rippleColor: s, onSelect: c }) {
 	let { effectClassName: l, effectLayer: u, handlePointerDown: d, triggerEffect: f } = a({
 		effect: o,
 		disabled: e.disabled,
 		centered: !0,
 		color: s
 	});
-	return /* @__PURE__ */ k("button", {
+	return /* @__PURE__ */ A("button", {
 		type: "button",
 		id: n,
 		role: "tab",
@@ -304,19 +378,19 @@ function B({ item: e, isActive: t, tabId: n, panelId: r, clickEffect: o, rippleC
 		onClick: () => c(e.value),
 		children: [
 			u,
-			e.icon && /* @__PURE__ */ O("span", {
+			e.icon && /* @__PURE__ */ k("span", {
 				className: "tabs-icon",
 				children: e.icon
 			}),
-			/* @__PURE__ */ O("span", {
+			/* @__PURE__ */ k("span", {
 				className: "tabs-label",
 				children: e.label
 			})
 		]
 	});
 }
-function V({ items: e, value: t, defaultValue: n, onValueChange: r, variant: a = "underline", orientation: o = "horizontal", size: s = "md", fullWidth: c = !1, showPanels: l = !0, panelClassName: u, clickEffect: d = "ripple", rippleColor: f, className: p, ...m }) {
-	let [h, g] = E(w(() => n ?? e.find((e) => !e.disabled)?.value ?? "", [n, e])), _ = t ?? h, v = e.find((e) => e.value === _) ?? e[0], y = C();
+function H({ items: e, value: t, defaultValue: n, onValueChange: r, variant: a = "underline", orientation: o = "horizontal", size: s = "md", fullWidth: c = !1, showPanels: l = !0, panelClassName: u, clickEffect: d = "ripple", rippleColor: f, className: p, ...m }) {
+	let [h, g] = D(T(() => n ?? e.find((e) => !e.disabled)?.value ?? "", [n, e])), _ = t ?? h, v = e.find((e) => e.value === _) ?? e[0], y = w();
 	function b(e) {
 		t === void 0 && g(e), r?.(e);
 	}
@@ -335,15 +409,15 @@ function V({ items: e, value: t, defaultValue: n, onValueChange: r, variant: a =
 			b(e.value);
 		}
 	}
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ A("div", {
 		className: i("tabs", a, o, s, c && "full-width", p),
 		...m,
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ k("div", {
 			className: "tabs-list",
 			role: "tablist",
 			"aria-orientation": o,
 			onKeyDown: x,
-			children: e.map((e) => /* @__PURE__ */ O(B, {
+			children: e.map((e) => /* @__PURE__ */ k(V, {
 				item: e,
 				isActive: e.value === v?.value,
 				tabId: `${y}-${e.value}-tab`,
@@ -352,7 +426,7 @@ function V({ items: e, value: t, defaultValue: n, onValueChange: r, variant: a =
 				rippleColor: f,
 				onSelect: b
 			}, e.value))
-		}), l && v?.content !== void 0 && /* @__PURE__ */ O("div", {
+		}), l && v?.content !== void 0 && /* @__PURE__ */ k("div", {
 			id: `${y}-${v.value}-panel`,
 			role: "tabpanel",
 			"aria-labelledby": `${y}-${v.value}-tab`,
@@ -363,9 +437,9 @@ function V({ items: e, value: t, defaultValue: n, onValueChange: r, variant: a =
 }
 //#endregion
 //#region src/components/layout/MSection/MSection.tsx
-function H({ as: e = "section", spacing: t = "lg", tone: n = "default", reveal: r, className: a, style: s, children: c, ...l }) {
+function U({ as: e = "section", spacing: t = "lg", tone: n = "default", reveal: r, className: a, style: s, children: c, ...l }) {
 	let u = e, d = o(r), f = r !== void 0 && r !== !1;
-	return /* @__PURE__ */ O(u, {
+	return /* @__PURE__ */ k(u, {
 		ref: f ? d : void 0,
 		className: i("section", t, n, f && "reveal", a),
 		style: s,
@@ -375,8 +449,8 @@ function H({ as: e = "section", spacing: t = "lg", tone: n = "default", reveal:
 }
 //#endregion
 //#region src/components/layout/MSimpleGrid/MSimpleGrid.tsx
-function U({ columns: e = 2, minItemWidth: t, className: n, style: r, children: a, ...o }) {
-	return /* @__PURE__ */ O("div", {
+function W({ columns: e = 2, minItemWidth: t, className: n, style: r, children: a, ...o }) {
+	return /* @__PURE__ */ k("div", {
 		className: i("grid", `columns-${e}`, n),
 		style: {
 			...t ? { "--grid-min-item-width": t } : {},
@@ -388,10 +462,10 @@ function U({ columns: e = 2, minItemWidth: t, className: n, style: r, children:
 }
 //#endregion
 //#region src/components/layout/MGrid/MGrid.tsx
-function W(e) {
-	return y(e) ? e.type === Y ? !0 : e.type === J && e.props.type === "col" : !1;
-}
 function G(e) {
+	return b(e) ? e.type === Y ? !0 : e.type === J && e.props.type === "col" : !1;
+}
+function K(e) {
 	return {
 		span: e.span ?? e.xl ?? e.lg ?? e.md ?? e.sm,
 		xl: e.xl ?? e.lg ?? e.md ?? e.sm,
@@ -400,7 +474,7 @@ function G(e) {
 		sm: e.sm
 	};
 }
-function K(e, t) {
+function q(e, t) {
 	if (t <= 0) return [];
 	if (e <= 0) return Array.from({ length: t }, () => void 0);
 	let n = Math.floor(e / t), r = e % t;
@@ -409,14 +483,14 @@ function K(e, t) {
 		return i >= 1 ? i : void 0;
 	});
 }
-function q(e) {
+function ee(e) {
 	let t = [
 		"span",
 		"xl",
 		"lg",
 		"md",
 		"sm"
-	], n = e.map((e) => G(e)), r = n.map((e) => ({ ...e }));
+	], n = e.map((e) => K(e)), r = n.map((e) => ({ ...e }));
 	for (let e of t) {
 		let t = [], i = 0;
 		n.forEach((n, r) => {
@@ -427,16 +501,16 @@ function q(e) {
 			}
 			t.push(r);
 		});
-		let a = K(Math.max(12 - i, 0), t.length);
+		let a = q(Math.max(12 - i, 0), t.length);
 		t.forEach((t, n) => {
 			r[t][e] = a[n];
 		});
 	}
 	return r;
 }
-function J({ type: e = "row", span: t, sm: n, md: r, lg: a, xl: o, spacing: l, padding: u, fsize: d, mt: f, mb: p, ml: m, mr: _, mx: v, my: y, pt: b, pb: x, pl: S, pr: C, px: w, py: T, fullWidth: E, className: D, style: k, children: A, ...j }) {
+function J({ type: e = "row", span: t, sm: n, md: r, lg: a, xl: o, spacing: l, padding: u, fsize: d, mt: f, mb: p, ml: m, mr: h, mx: v, my: y, pt: b, pb: x, pl: S, pr: C, px: w, py: T, fullWidth: E, className: D, style: O, children: A, ...j }) {
 	let M = s({ fsize: d }), N = t ?? o ?? a;
-	if (e === "col") return /* @__PURE__ */ O("div", {
+	if (e === "col") return /* @__PURE__ */ k("div", {
 		className: i("grid", "col", N ? `span-${N}` : "span-auto", o && `xl-${o}`, a && `lg-${a}`, r && `md-${r}`, n && `sm-${n}`, ...c({
 			spacing: l,
 			padding: u,
@@ -444,7 +518,7 @@ function J({ type: e = "row", span: t, sm: n, md: r, lg: a, xl: o, spacing: l, p
 			mt: f,
 			mb: p,
 			ml: m,
-			mr: _,
+			mr: h,
 			mx: v,
 			my: y,
 			pt: b,
@@ -457,22 +531,22 @@ function J({ type: e = "row", span: t, sm: n, md: r, lg: a, xl: o, spacing: l, p
 		}), D),
 		style: {
 			...M,
-			...k
+			...O
 		},
 		...j,
 		children: A
 	});
-	let P = h.toArray(A), F = P.flatMap((e, t) => W(e) ? [{
+	let P = g.toArray(A), F = P.flatMap((e, t) => G(e) ? [{
 		child: e,
 		index: t
 	}] : []), I = Math.min(Math.max(F.length || P.length, 1), 12), L = F.some(({ child: e }) => {
 		let t = e.props;
 		return !!(t.span || t.xl || t.lg || t.md || t.sm);
-	}), R = L ? q(F.map(({ child: e }) => e.props)) : null, z = L && R ? P.map((e, t) => {
+	}), R = L ? ee(F.map(({ child: e }) => e.props)) : null, z = L && R ? P.map((e, t) => {
 		let n = F.findIndex((e) => e.index === t);
-		if (n === -1 || !W(e)) return e;
+		if (n === -1 || !G(e)) return e;
 		let r = R[n];
-		return g(e, {
+		return _(e, {
 			span: r.span,
 			xl: r.xl,
 			lg: r.lg,
@@ -480,7 +554,7 @@ function J({ type: e = "row", span: t, sm: n, md: r, lg: a, xl: o, spacing: l, p
 			sm: r.sm
 		});
 	}) : P;
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ k("div", {
 		className: i("grid", "row", L ? "tracked" : `auto-cols-${I}`, ...c({
 			spacing: l,
 			padding: u,
@@ -488,7 +562,7 @@ function J({ type: e = "row", span: t, sm: n, md: r, lg: a, xl: o, spacing: l, p
 			mt: f,
 			mb: p,
 			ml: m,
-			mr: _,
+			mr: h,
 			mx: v,
 			my: y,
 			pt: b,
@@ -501,14 +575,14 @@ function J({ type: e = "row", span: t, sm: n, md: r, lg: a, xl: o, spacing: l, p
 		}), D),
 		style: {
 			...M,
-			...k
+			...O
 		},
 		...j,
 		children: z
 	});
 }
 function Y({ span: e, sm: t, md: n, lg: r, xl: i, ...a }) {
-	return /* @__PURE__ */ O(J, {
+	return /* @__PURE__ */ k(J, {
 		type: "col",
 		span: e,
 		sm: t,
@@ -520,8 +594,8 @@ function Y({ span: e, sm: t, md: n, lg: r, xl: i, ...a }) {
 }
 //#endregion
 //#region src/components/layout/MDivider/MDivider.tsx
-function ee({ orientation: e = "horizontal", variant: t = "solid", className: n, style: r, ...a }) {
-	return /* @__PURE__ */ O("div", {
+function te({ orientation: e = "horizontal", variant: t = "solid", className: n, style: r, ...a }) {
+	return /* @__PURE__ */ k("div", {
 		role: "separator",
 		"aria-orientation": e,
 		className: i("divider", e, t, n),
@@ -531,7 +605,7 @@ function ee({ orientation: e = "horizontal", variant: t = "solid", className: n,
 }
 //#endregion
 //#region src/components/layout/MSidebar/MSidebar.tsx
-var X = "mineralui-sidebar", Z = _({
+var X = "mineralui-sidebar", Z = v({
 	mode: "expanded",
 	mobile: !1,
 	mobileOpen: !1,
@@ -539,23 +613,23 @@ var X = "mineralui-sidebar", Z = _({
 	toggleMode: () => {}
 });
 function Q() {
-	return x(Z);
+	return S(Z);
 }
-function te(e) {
-	let [t, n] = E(() => typeof window < "u" ? window.innerWidth < e : !1);
-	return S(() => {
+function ne(e) {
+	let [t, n] = D(() => typeof window < "u" ? window.innerWidth < e : !1);
+	return C(() => {
 		let t = window.matchMedia(`(max-width: ${e - 1}px)`), r = (e) => n(e.matches);
 		return n(t.matches), t.addEventListener("change", r), () => t.removeEventListener("change", r);
 	}, [e]), t;
 }
 function $({ mode: e = "auto", defaultMode: t = "expanded", onModeChange: n, persist: a = !1, side: o = "left", tone: s = "subtle", bordered: c = !0, mobileBreakpoint: l = 768, className: u, style: d, children: f }) {
-	let p = te(l), [m, h] = E(!1), [g, _] = E(() => {
+	let p = ne(l), [m, h] = D(!1), [g, _] = D(() => {
 		if (a) try {
 			let e = localStorage.getItem(X);
 			if (e === "expanded" || e === "collapsed") return e;
 		} catch {}
 		return t;
-	}), v = e === "auto" ? g : e === "collapsed" ? "collapsed" : "expanded", y = b(() => {
+	}), v = e === "auto" ? g : e === "collapsed" ? "collapsed" : "expanded", y = x(() => {
 		let e = v === "expanded" ? "collapsed" : "expanded";
 		if (_(e), n?.(e), a) try {
 			localStorage.setItem(X, e);
@@ -564,181 +638,181 @@ function $({ mode: e = "auto", defaultMode: t = "expanded", onModeChange: n, per
 		v,
 		n,
 		a
-	]), x = b(() => h(!1), []);
-	S(() => {
+	]), b = x(() => h(!1), []);
+	C(() => {
 		if (!m) return;
 		let e = (e) => {
 			e.key === "Escape" && h(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [m]);
-	let C = !p && e === "auto", T = w(() => ({
+	let S = !p && e === "auto", w = T(() => ({
 		mode: v,
 		mobile: p,
 		mobileOpen: m,
-		canToggle: C,
+		canToggle: S,
 		toggleMode: y
 	}), [
 		v,
 		p,
 		m,
-		C,
+		S,
 		y
-	]), D = i("sidebar", s, o, !p && v === "collapsed" && "collapsed", c && "bordered", p && "mobile", p && m && "mobile-open", u);
-	return /* @__PURE__ */ k(Z.Provider, {
-		value: T,
+	]), E = i("sidebar", s, o, !p && v === "collapsed" && "collapsed", c && "bordered", p && "mobile", p && m && "mobile-open", u);
+	return /* @__PURE__ */ A(Z.Provider, {
+		value: w,
 		children: [
-			p && m && /* @__PURE__ */ O("div", {
+			p && m && /* @__PURE__ */ k("div", {
 				className: "sidebar-backdrop",
-				onClick: x
+				onClick: b
 			}),
-			/* @__PURE__ */ O("aside", {
-				className: D,
+			/* @__PURE__ */ k("aside", {
+				className: E,
 				style: d,
 				children: f
 			}),
-			p && !m && /* @__PURE__ */ O("button", {
+			p && !m && /* @__PURE__ */ k("button", {
 				className: i("sidebar-hamburger", o),
 				onClick: () => h(!0),
 				"aria-label": "Open menu",
-				children: /* @__PURE__ */ O("span", {
+				children: /* @__PURE__ */ k("span", {
 					className: "sidebar-hamburger-icon",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ O(r, {})
+					children: /* @__PURE__ */ k(r, {})
 				})
 			})
 		]
 	});
 }
-function ne({ bordered: e = !1, className: n, children: r }) {
-	let { mode: a, mobile: o, canToggle: s, toggleMode: c } = Q(), u = !o && a === "collapsed";
-	return /* @__PURE__ */ k("div", {
+function re({ bordered: e = !1, className: n, children: r }) {
+	let { mode: a, mobile: o, canToggle: s, toggleMode: c } = Q(), l = !o && a === "collapsed";
+	return /* @__PURE__ */ A("div", {
 		className: i("sidebar-header", e && "bordered", n),
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ k("div", {
 			className: "sidebar-header-content",
 			children: r
-		}), s && /* @__PURE__ */ O(l, {
+		}), s && /* @__PURE__ */ k(d, {
 			variant: "outlined",
 			color: "neutral",
 			iconOnly: !0,
 			size: "sm",
 			onClick: c,
-			"aria-label": u ? "Expand sidebar" : "Collapse sidebar",
+			"aria-label": l ? "Expand sidebar" : "Collapse sidebar",
 			className: "sidebar-toggle",
-			children: /* @__PURE__ */ O("span", {
-				className: i("sidebar-chevron", u && "flipped"),
-				children: /* @__PURE__ */ O(t, {})
+			children: /* @__PURE__ */ k("span", {
+				className: i("sidebar-chevron", l && "flipped"),
+				children: /* @__PURE__ */ k(t, {})
 			})
 		})]
 	});
 }
-function re({ className: e, children: t }) {
-	return /* @__PURE__ */ O("div", {
+function ie({ className: e, children: t }) {
+	return /* @__PURE__ */ k("div", {
 		className: i("sidebar-body", e),
 		children: t
 	});
 }
-function ie({ className: e, children: t }) {
-	return /* @__PURE__ */ O("nav", {
+function ae({ className: e, children: t }) {
+	return /* @__PURE__ */ k("nav", {
 		className: i("sidebar-nav", e),
 		children: t
 	});
 }
-function ae({ icon: e, label: t, href: n, to: r, onClick: a, active: o = !1, disabled: s = !1, badge: c, color: l, component: u, className: f }) {
+function oe({ icon: e, label: t, href: n, to: r, onClick: a, active: o = !1, disabled: s = !1, badge: c, color: l, component: u, className: d }) {
 	let { mode: p, mobile: m } = Q(), h = !m && p === "collapsed", g = u ?? (n || r ? "a" : "button"), _ = u ? r ? { to: r } : n ? { href: n } : {} : n ? { href: n } : r ? { href: r } : {};
-	return /* @__PURE__ */ k(g, {
-		className: i("sidebar-item", o && "active", s && "disabled", l, f),
+	return /* @__PURE__ */ A(g, {
+		className: i("sidebar-item", o && "active", s && "disabled", l, d),
 		onClick: s ? void 0 : a,
 		"aria-disabled": s || void 0,
 		title: h ? t : void 0,
 		..._,
 		children: [
-			e && /* @__PURE__ */ O("span", {
+			e && /* @__PURE__ */ k("span", {
 				className: "sidebar-item-icon",
 				children: e
 			}),
-			!h && /* @__PURE__ */ O(d, {
+			!h && /* @__PURE__ */ k(f, {
 				content: t,
 				placement: "top",
 				className: "sidebar-item-label-tooltip",
-				children: /* @__PURE__ */ O("span", {
+				children: /* @__PURE__ */ k("span", {
 					className: "sidebar-item-label",
 					children: t
 				})
 			}),
-			!h && c && /* @__PURE__ */ O("span", {
+			!h && c && /* @__PURE__ */ k("span", {
 				className: "sidebar-item-badge",
 				children: c
 			})
 		]
 	});
 }
-function oe({ label: e, icon: n, active: r = !1, defaultOpen: a = !0, collapsible: o = !0, children: s, className: c }) {
-	let l = Q(), { mode: u, mobile: d } = l, p = !d && u === "collapsed", [m, h] = E(a), g = w(() => ({
+function se({ label: e, icon: n, active: r = !1, defaultOpen: a = !0, collapsible: o = !0, children: s, className: c }) {
+	let l = Q(), { mode: u, mobile: d } = l, f = !d && u === "collapsed", [m, h] = D(a), g = T(() => ({
 		...l,
 		mode: "expanded"
 	}), [l]), _ = () => {
 		o && h((e) => !e);
 	};
-	if (p) {
-		let t = /* @__PURE__ */ O("span", {
+	if (f) {
+		let t = /* @__PURE__ */ k("span", {
 			className: i("sidebar-group-icon collapsed", r && "active"),
 			title: e,
 			children: n
 		});
-		return /* @__PURE__ */ O("div", {
+		return /* @__PURE__ */ k("div", {
 			className: i("sidebar-group", c),
-			children: /* @__PURE__ */ O(f, {
+			children: /* @__PURE__ */ k(p, {
 				trigger: t,
 				placement: "right-start",
 				closeOnSelect: !0,
 				openOn: "hover",
-				children: /* @__PURE__ */ O(Z.Provider, {
+				children: /* @__PURE__ */ k(Z.Provider, {
 					value: g,
 					children: s
 				})
 			})
 		});
 	}
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ A("div", {
 		className: i("sidebar-group", c),
-		children: [/* @__PURE__ */ k("button", {
+		children: [/* @__PURE__ */ A("button", {
 			className: i("sidebar-group-header", r && "active"),
 			onClick: _,
 			"aria-expanded": m,
 			children: [
-				n && /* @__PURE__ */ O("span", {
+				n && /* @__PURE__ */ k("span", {
 					className: "sidebar-group-icon",
 					children: n
 				}),
-				/* @__PURE__ */ O("span", {
+				/* @__PURE__ */ k("span", {
 					className: "sidebar-group-label",
 					children: e
 				}),
-				o && /* @__PURE__ */ O("span", {
+				o && /* @__PURE__ */ k("span", {
 					className: i("sidebar-group-arrow", m && "open"),
-					children: /* @__PURE__ */ O(t, {})
+					children: /* @__PURE__ */ k(t, {})
 				})
 			]
-		}), m && /* @__PURE__ */ O("div", {
+		}), m && /* @__PURE__ */ k("div", {
 			className: "sidebar-group-items",
 			children: s
 		})]
 	});
 }
-function se({ bordered: e = !1, className: t, children: n }) {
-	return /* @__PURE__ */ O("div", {
+function ce({ bordered: e = !1, className: t, children: n }) {
+	return /* @__PURE__ */ k("div", {
 		className: i("sidebar-footer", e && "bordered", t),
 		children: n
 	});
 }
-function ce({ className: e, spacing: t = "md" }) {
-	return /* @__PURE__ */ O("hr", { className: i("sidebar-divider", t, e) });
+function le({ className: e, spacing: t = "md" }) {
+	return /* @__PURE__ */ k("hr", { className: i("sidebar-divider", t, e) });
 }
 //#endregion
 //#region src/components/layout/MBreadcrumb/MBreadcrumb.tsx
-function le({ items: e, separator: t = "/", maxItems: n, className: r, ...a }) {
-	let o = w(() => {
+function ue({ items: e, separator: t = "/", maxItems: n, className: r, ...a }) {
+	let o = T(() => {
 		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));
@@ -748,37 +822,37 @@ function le({ items: e, separator: t = "/", maxItems: n, className: r, ...a }) {
 			...r
 		];
 	}, [e, n]);
-	return /* @__PURE__ */ O("nav", {
+	return /* @__PURE__ */ k("nav", {
 		"aria-label": "breadcrumb",
 		className: i("breadcrumb", r),
 		...a,
-		children: /* @__PURE__ */ O("ol", {
+		children: /* @__PURE__ */ k("ol", {
 			className: "trail",
 			children: o.map((e, n) => {
-				if (e === null) return /* @__PURE__ */ k("li", {
+				if (e === null) return /* @__PURE__ */ A("li", {
 					className: "crumb dots",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ k("span", {
 						className: "sep",
 						children: t
-					}), /* @__PURE__ */ O("span", { children: "…" })]
+					}), /* @__PURE__ */ k("span", { children: "…" })]
 				}, "ellipsis");
 				let r = n === o.length - 1;
-				return /* @__PURE__ */ k("li", {
+				return /* @__PURE__ */ A("li", {
 					className: i("crumb", r && "active"),
-					children: [n > 0 && /* @__PURE__ */ O("span", {
+					children: [n > 0 && /* @__PURE__ */ k("span", {
 						className: "sep",
 						children: t
-					}), e.href && !r ? /* @__PURE__ */ O("a", {
+					}), e.href && !r ? /* @__PURE__ */ k("a", {
 						href: e.href,
 						className: "link",
 						onClick: e.onClick,
 						children: e.label
-					}) : e.onClick && !r ? /* @__PURE__ */ O("button", {
+					}) : e.onClick && !r ? /* @__PURE__ */ k("button", {
 						type: "button",
 						className: "link btn",
 						onClick: e.onClick,
 						children: e.label
-					}) : /* @__PURE__ */ O("span", {
+					}) : /* @__PURE__ */ k("span", {
 						className: "current",
 						"aria-current": r ? "page" : void 0,
 						children: e.label
@@ -790,21 +864,21 @@ function le({ items: e, separator: t = "/", maxItems: n, className: r, ...a }) {
 }
 //#endregion
 //#region src/components/layout/MAppShell/MAppShell.tsx
-var ue = v(function({ className: e, children: t, ...n }, r) {
+var de = y(function({ className: e, children: t, ...n }, r) {
 	let a = [], o = [];
-	return h.forEach(t, (e) => {
-		y(e) && e.type === $ ? a.push(e) : o.push(e);
-	}), /* @__PURE__ */ k("div", {
+	return g.forEach(t, (e) => {
+		b(e) && e.type === $ ? a.push(e) : o.push(e);
+	}), /* @__PURE__ */ A("div", {
 		ref: r,
 		className: i("app-shell", e),
 		...n,
-		children: [a, /* @__PURE__ */ O("div", {
+		children: [a, /* @__PURE__ */ k("div", {
 			className: "app-main",
 			children: o
 		})]
 	});
-}), de = v(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ O("div", {
+}), fe = y(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ k("div", {
 		ref: r,
 		className: i("app-body", e),
 		...n,
@@ -812,6 +886,6 @@ var ue = v(function({ className: e, children: t, ...n }, r) {
 	});
 });
 //#endregion
-export { A as C, j as S, V as _, re as a, N as b, oe as c, ie as d, ee as f, H as g, U as h, $ as i, ne as l, Y as m, de as n, ce as o, J as p, le as r, se as s, ue as t, ae as u, z as v, M as x, R as y };
+export { j as C, M as S, H as _, ie as a, P as b, se as c, ae as d, te as f, U as g, W as h, $ as i, re as l, Y as m, fe as n, le as o, J as p, ue as r, ce as s, de as t, oe as u, B as v, N as x, F as y };
 
-//# sourceMappingURL=layout-UP_12LRD.js.map
+//# sourceMappingURL=layout-Cb94o3oU.js.map