@banzamel/mineralui 1.4.0 → 1.6.0

package/dist/{layout-DHVIqY-O.js → layout-D72Y7VcW.js}

@@ -1,26 +1,25 @@
-import { i as e, n as t, r as n } from "./theme-XRUdoLqw.js";
-import { Mi as r, Ni as i, Pi as a, cn as o } from "./icons-D5DK-J2C.js";
-import { t as s } from "./cn-YER3QsV1.js";
-import { t as c } from "./useInteractionEffect-DtpbVd77.js";
-import { t as l } from "./useReveal-BJ59usiL.js";
-import { n as u, t as d } from "./layoutProps-Cl6d1KmH.js";
-import { t as f } from "./MInline-BYsbmfkz.js";
-import { t as p } from "./MLink-tcICJfPn.js";
-import { t as m } from "./MButton-Bfe4iq51.js";
-import { t as h } from "./MTooltip-UYOjDBOu.js";
-import { i as g, n as _, r as v } from "./MDropdownMenu-CxBhYxQb.js";
-import { Children as y, cloneElement as b, createContext 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 { i as e, n as t, r as n } from "./theme-KYwqDZxJ.js";
+import { Fi as r, Ni as i, Pi as a, cn as o } from "./icons-DlNO04xH.js";
+import { t as s } from "./cn-CUSXNnjF.js";
+import { t as c } from "./useInteractionEffect-ClkU3aH5.js";
+import { n as l, t as u } from "./layoutProps-Cl6d1KmH.js";
+import { t as d } from "./MInline-DA_ehefx.js";
+import { t as f } from "./MLink-CRUWGES-.js";
+import { t as p } from "./MButton-BpSZUhpY.js";
+import { t as m } from "./MTooltip-w6Aj044c.js";
+import { i as h, n as g, r as _ } from "./MDropdownMenu-CMnBt-wO.js";
+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: c, mb: l, 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 = u({ fsize: o });
-	return /* @__PURE__ */ M("div", {
-		className: s("container", e, t && "padded", ...d({
+function N({ size: e = "content", padded: t = !0, hidden: r, spacing: i, padding: a, fsize: o, mt: c, 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 = l({ fsize: o });
+	return /* @__PURE__ */ j("div", {
+		className: s("container", e, t && "padded", ...u({
 			spacing: i,
 			padding: a,
 			fsize: o,
 			mt: c,
-			mb: l,
+			mb: d,
 			ml: f,
 			mr: p,
 			mx: m,
@@ -44,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}`),
@@ -59,13 +58,13 @@ 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: c, fsize: l, 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 = u({ fsize: l });
-	return /* @__PURE__ */ M("footer", {
-		className: s("footer", i, r && "bordered", ...d({
+function F({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i = "surface", hidden: a, spacing: o, padding: c, 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 = l({ fsize: d });
+	return /* @__PURE__ */ j("footer", {
+		className: s("footer", i, r && "bordered", ...u({
 			spacing: o,
 			padding: c,
-			fsize: l,
+			fsize: d,
 			mt: f,
 			mb: p,
 			ml: m,
@@ -86,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",
@@ -97,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(p, {
+			return /* @__PURE__ */ M(f, {
 				component: e.component,
 				href: e.href,
 				to: e.to,
@@ -114,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
@@ -125,83 +124,83 @@ 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: u = "between", wrap: d = !1, mobileMenu: p = "dropdown", mobileMenuContent: h, mobileMenuLabel: g = "Open navigation", mobileBreakpoint: _ = t.compact, hidden: v, className: x, children: S, ...w }) {
-	let [T, O] = A(!1), j = k(null), F = D(), I = e(_), R = y.toArray(S), z = R.filter((e) => C(e) && e.type === L).map((e, t) => b(e, {
+function L({ container: r = "content", padded: i = !0, bordered: a = !0, sticky: c = !1, tone: l = "surface", justify: u = "between", wrap: f = !1, mobileMenu: m = "dropdown", mobileMenuContent: h, mobileMenuLabel: g = "Open navigation", mobileBreakpoint: _ = t.compact, hidden: b, className: x, children: C, ...w }) {
+	let [D, A] = k(!1), P = O(null), F = E(), L = e(_), R = v.toArray(C), z = R.filter((e) => S(e) && e.type === I).map((e, t) => y(e, {
 		key: `mnavbar-mobile-navs-${t}`,
 		orientation: "vertical"
-	})), B = /* @__PURE__ */ M(m, {
+	})), B = /* @__PURE__ */ j(p, {
 		type: "button",
 		variant: "ghost",
 		size: "md",
 		iconOnly: !0,
 		className: "navbar-toggle",
 		"aria-label": g,
-		"aria-expanded": T,
+		"aria-expanded": D,
 		"aria-controls": F,
 		onClick: U,
-		children: /* @__PURE__ */ M(o, {})
+		children: /* @__PURE__ */ j(o, {})
 	}, "mnavbar-toggle"), V = -1;
 	for (let e = R.length - 1; e >= 0; --e) {
 		let t = R[e];
-		if (C(t) && t.type === f) {
+		if (S(t) && t.type === d) {
 			V = e;
 			break;
 		}
 	}
 	let H = V === -1 ? [...R, B] : R.map((e, t) => {
 		if (t !== V) return e;
-		let n = e, r = y.toArray(n.props.children);
-		return b(n, {
+		let n = e, r = v.toArray(n.props.children);
+		return y(n, {
 			key: n.key ?? `mnavbar-inline-${t}`,
 			children: [...r, B]
 		});
 	});
-	E(() => {
-		if (!T) return;
+	T(() => {
+		if (!D) return;
 		function e(e) {
-			let t = j.current;
-			t && (e.target instanceof Node && t.contains(e.target) || O(!1));
+			let t = P.current;
+			t && (e.target instanceof Node && t.contains(e.target) || A(!1));
 		}
 		function t(e) {
-			e.key === "Escape" && O(!1);
+			e.key === "Escape" && A(!1);
 		}
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [T]), E(() => {
-		I || O(!1);
-	}, [I]);
+	}, [D]), T(() => {
+		L || A(!1);
+	}, [L]);
 	function U() {
-		O((e) => !e);
+		A((e) => !e);
 	}
 	function W(e) {
 		let t = e.target;
-		t && t.closest("a, [role=\"menuitem\"]") && O(!1);
+		t && t.closest("a, [role=\"menuitem\"]") && A(!1);
 	}
-	return /* @__PURE__ */ N("nav", {
-		ref: j,
-		className: s("navbar", l, a && "bordered", c && "sticky", I && "mobile-view", T && "mobile-open", `mobile-${p}`, x),
-		...n(v),
+	return /* @__PURE__ */ M("nav", {
+		ref: P,
+		className: s("navbar", l, a && "bordered", c && "sticky", L && "mobile-view", D && "mobile-open", `mobile-${m}`, x),
+		...n(b),
 		...w,
 		children: [
-			/* @__PURE__ */ M(P, {
+			/* @__PURE__ */ j(N, {
 				size: r,
 				padded: i,
 				className: "container",
-				children: /* @__PURE__ */ M("div", {
-					className: s("inner", u, d && "wrap"),
+				children: /* @__PURE__ */ j("div", {
+					className: s("inner", u, f && "wrap"),
 					children: H
 				})
 			}),
-			p === "drawer" && /* @__PURE__ */ M("div", {
-				className: s("mobile-backdrop", T && "visible"),
+			m === "drawer" && /* @__PURE__ */ j("div", {
+				className: s("mobile-backdrop", D && "visible"),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ M("div", {
 				id: F,
-				className: s("mobile-menu", p, T && "open"),
+				className: s("mobile-menu", m, D && "open"),
 				role: "menu",
-				"aria-hidden": !T || void 0,
+				"aria-hidden": !D || void 0,
 				onClick: W,
 				children: [z, h]
 			})
@@ -210,35 +209,35 @@ function R({ container: r = "content", padded: i = !0, bordered: a = !0, sticky:
 }
 //#endregion
 //#region src/components/layout/MTopbar/MTopbar.tsx
-function z(e) {
+function R(e) {
 	return e.key ?? e.to ?? e.href ?? String(e.label);
 }
-function B(e) {
-	return e.active ? !0 : (e.children ?? []).some(B);
+function z(e) {
+	return e.active ? !0 : (e.children ?? []).some(z);
 }
-function V(e, t = !1, n = !1) {
-	return /* @__PURE__ */ N(j, { children: [
-		e.icon ? /* @__PURE__ */ M("span", {
+function B(e, t = !1, n = !1) {
+	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(r, { size: "sm" })
+			children: /* @__PURE__ */ j(i, { size: "sm" })
 		}) : null
 	] });
 }
-function H(e) {
-	return e.map((e) => e.children?.length ? /* @__PURE__ */ M(_, {
+function V(e) {
+	return e.map((e) => e.children?.length ? /* @__PURE__ */ j(g, {
 		label: String(e.label),
-		children: H(e.children)
-	}, z(e)) : /* @__PURE__ */ M(v, {
+		children: V(e.children)
+	}, R(e)) : /* @__PURE__ */ j(_, {
 		icon: e.icon,
 		label: e.label,
 		href: e.href,
@@ -249,14 +248,14 @@ function H(e) {
 		active: e.active,
 		component: e.component,
 		className: e.className
-	}, z(e)));
+	}, R(e)));
 }
-function U({ items: r, container: o = "full", padded: c = !0, bordered: l = !0, sticky: u = !1, tone: d = "surface", justify: f = "left", size: h = "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);
+function H({ items: i, container: o = "full", padded: c = !0, bordered: l = !0, sticky: u = !1, tone: d = "surface", justify: m = "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), [E, A] = k(!1), [P, F] = k({}), [I, L] = k(!1), [H, 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 = () => {
@@ -268,15 +267,15 @@ function U({ items: r, container: o = "full", padded: c = !0, bordered: l = !0,
 			e.removeEventListener("scroll", t), n.disconnect();
 		};
 	}, [
-		r,
-		f,
-		h,
+		i,
+		m,
+		g,
 		d,
 		l,
 		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;
@@ -287,43 +286,43 @@ function U({ items: r, container: o = "full", padded: c = !0, bordered: l = !0,
 			behavior: "smooth"
 		});
 	};
-	return /* @__PURE__ */ M("nav", {
-		className: s("topbar", d, h, l && "bordered", u && "sticky", x),
+	return /* @__PURE__ */ j("nav", {
+		className: s("topbar", d, 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(m, {
+					I && /* @__PURE__ */ j(p, {
 						variant: "ghost",
 						color: "neutral",
 						iconOnly: !0,
 						shape: "circle",
-						className: s("topbar-scroll-button", "left", !R && "hidden"),
+						className: s("topbar-scroll-button", "left", !H && "hidden"),
 						onClick: () => J("left"),
 						"aria-label": "Scroll topbar left",
-						children: /* @__PURE__ */ M(a, {})
+						children: /* @__PURE__ */ j(r, {})
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ j("div", {
 						ref: K,
 						className: "topbar-viewport",
-						children: /* @__PURE__ */ M("div", {
-							className: s("topbar-list", `justify-${f}`, I && "overflowing"),
-							children: r.map((e) => {
-								let t = z(e), n = B(e), r = !!j[t];
-								return e.children?.length ? e.disabled ? /* @__PURE__ */ M("div", {
+						children: /* @__PURE__ */ j("div", {
+							className: s("topbar-list", `justify-${m}`, I && "overflowing"),
+							children: i.map((e) => {
+								let t = R(e), n = z(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(g, {
-									trigger: /* @__PURE__ */ M("div", {
+									children: B(e, !0)
+								}, t) : /* @__PURE__ */ j(h, {
+									trigger: /* @__PURE__ */ j("div", {
 										className: s("topbar-trigger", e.color, n && "active", r && "open", e.disabled && "disabled", e.className),
-										children: V(e, !0, r)
+										children: B(e, !0, r)
 									}),
 									openOn: e.openOn ?? q,
 									onOpenChange: (e) => F((n) => ({
@@ -332,8 +331,8 @@ function U({ items: r, container: o = "full", padded: c = !0, bordered: l = !0,
 									})),
 									placement: v,
 									popoverClassName: "topbar-dropdown-popover",
-									children: H(e.children)
-								}, t) : /* @__PURE__ */ M(p, {
+									children: V(e.children)
+								}, t) : /* @__PURE__ */ j(f, {
 									component: e.component,
 									href: e.href,
 									to: e.to,
@@ -343,12 +342,12 @@ function U({ items: r, container: o = "full", padded: c = !0, bordered: l = !0,
 									underline: "none",
 									tone: "inherit",
 									className: s("topbar-link", e.color, e.className, e.active && "active"),
-									children: V(e)
+									children: B(e)
 								}, t);
 							})
 						})
 					}),
-					I && /* @__PURE__ */ M(m, {
+					I && /* @__PURE__ */ j(p, {
 						variant: "ghost",
 						color: "neutral",
 						iconOnly: !0,
@@ -356,7 +355,7 @@ function U({ items: r, 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(i, {})
+						children: /* @__PURE__ */ j(a, {})
 					})
 				]
 			})
@@ -365,14 +364,14 @@ function U({ items: r, container: o = "full", padded: c = !0, bordered: l = !0,
 }
 //#endregion
 //#region src/components/layout/MTabs/MTabs.tsx
-function W({ item: e, isActive: t, tabId: n, panelId: r, clickEffect: i, rippleColor: a, onSelect: o }) {
+function U({ item: e, isActive: t, tabId: n, panelId: r, clickEffect: i, rippleColor: a, onSelect: o }) {
 	let { effectClassName: l, effectLayer: u, handlePointerDown: d, triggerEffect: f } = c({
 		effect: i,
 		disabled: e.disabled,
 		centered: !0,
 		color: a
 	});
-	return /* @__PURE__ */ N("button", {
+	return /* @__PURE__ */ M("button", {
 		type: "button",
 		id: n,
 		role: "tab",
@@ -388,19 +387,19 @@ function W({ item: e, isActive: t, tabId: n, panelId: r, clickEffect: i, rippleC
 		onClick: () => o(e.value),
 		children: [
 			u,
-			e.icon && /* @__PURE__ */ M("span", {
+			e.icon && /* @__PURE__ */ j("span", {
 				className: "tabs-icon",
 				children: e.icon
 			}),
-			/* @__PURE__ */ M("span", {
+			/* @__PURE__ */ j("span", {
 				className: "tabs-label",
 				children: e.label
 			})
 		]
 	});
 }
-function G({ items: e, value: t, defaultValue: n, onValueChange: r, variant: i = "underline", orientation: a = "horizontal", size: o = "md", fullWidth: c = !1, showPanels: l = !0, panelClassName: u, clickEffect: d = "ripple", rippleColor: f, className: p, ...m }) {
-	let [h, g] = A(O(() => n ?? e.find((e) => !e.disabled)?.value ?? "", [n, e])), _ = t ?? h, v = e.find((e) => e.value === _) ?? e[0], y = D();
+function W({ items: e, value: t, defaultValue: n, onValueChange: r, variant: i = "underline", orientation: a = "horizontal", size: o = "md", fullWidth: c = !1, showPanels: l = !0, panelClassName: u, clickEffect: d = "ripple", rippleColor: f, className: p, ...m }) {
+	let [h, g] = k(D(() => n ?? e.find((e) => !e.disabled)?.value ?? "", [n, e])), _ = t ?? h, v = e.find((e) => e.value === _) ?? e[0], y = E();
 	function b(e) {
 		t === void 0 && g(e), r?.(e);
 	}
@@ -419,15 +418,15 @@ function G({ items: e, value: t, defaultValue: n, onValueChange: r, variant: i =
 			b(e.value);
 		}
 	}
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ M("div", {
 		className: s("tabs", i, a, o, c && "full-width", p),
 		...m,
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "tabs-list",
 			role: "tablist",
 			"aria-orientation": a,
 			onKeyDown: x,
-			children: e.map((e) => /* @__PURE__ */ M(W, {
+			children: e.map((e) => /* @__PURE__ */ j(U, {
 				item: e,
 				isActive: e.value === v?.value,
 				tabId: `${y}-${e.value}-tab`,
@@ -436,7 +435,7 @@ function G({ items: e, value: t, defaultValue: n, onValueChange: r, variant: i =
 				rippleColor: f,
 				onSelect: b
 			}, e.value))
-		}), l && v?.content !== void 0 && /* @__PURE__ */ M("div", {
+		}), l && v?.content !== void 0 && /* @__PURE__ */ j("div", {
 			id: `${y}-${v.value}-panel`,
 			role: "tabpanel",
 			"aria-labelledby": `${y}-${v.value}-tab`,
@@ -447,21 +446,19 @@ function G({ items: e, value: t, defaultValue: n, onValueChange: r, variant: i =
 }
 //#endregion
 //#region src/components/layout/MSection/MSection.tsx
-function K({ as: e = "section", spacing: t = "lg", tone: r = "default", hidden: i, reveal: a, className: o, style: c, children: u, ...d }) {
-	let f = e, p = l(a), m = a !== void 0 && a !== !1;
-	return /* @__PURE__ */ M(f, {
-		ref: m ? p : void 0,
-		className: s("section", t, r, m && "reveal", o),
-		style: c,
+function G({ 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),
-		...d,
-		children: u
+		...l,
+		children: c
 	});
 }
 //#endregion
 //#region src/components/layout/MSimpleGrid/MSimpleGrid.tsx
-function q({ columns: e = 2, minItemWidth: t, className: n, style: r, children: i, ...a }) {
-	return /* @__PURE__ */ M("div", {
+function K({ columns: e = 2, minItemWidth: t, className: n, style: r, children: i, ...a }) {
+	return /* @__PURE__ */ j("div", {
 		className: s("grid", `columns-${e}`, n),
 		style: {
 			...t ? { "--grid-min-item-width": t } : {},
@@ -473,19 +470,52 @@ function q({ columns: e = 2, minItemWidth: t, className: n, style: r, children:
 }
 //#endregion
 //#region src/components/layout/MGrid/MGrid.tsx
-function J(e) {
-	return C(e) ? e.type === X ? !0 : e.type === Y && e.props.type === "col" : !1;
+var q = [
+	"base",
+	"xxl",
+	"xl",
+	"lg",
+	"md",
+	"sm"
+], J = {
+	sm: ["sm"],
+	md: ["md", "sm"],
+	lg: [
+		"lg",
+		"md",
+		"sm"
+	],
+	xl: [
+		"xl",
+		"lg",
+		"md",
+		"sm"
+	],
+	"2xl": [
+		"xxl",
+		"xl",
+		"lg",
+		"md",
+		"sm"
+	]
+};
+function Y(e) {
+	return S(e) ? e.type === re ? !0 : e.type === Z && e.props.type === "col" : !1;
 }
-function ee(e) {
+function X(e) {
+	let t = e.sm, n = e.md ?? t, r = e.lg ?? n, i = e.xl ?? r, a = e.xxl ?? i;
 	return {
-		span: e.span ?? e.xxl ?? e.xl ?? e.lg ?? e.md ?? e.sm,
-		xxl: e.xxl ?? e.xl ?? e.lg ?? e.md ?? e.sm,
-		xl: e.xl ?? e.lg ?? e.md ?? e.sm,
-		lg: e.lg ?? e.md ?? e.sm,
-		md: e.md ?? e.sm,
-		sm: e.sm
+		base: a,
+		xxl: a,
+		xl: i,
+		lg: r,
+		md: n,
+		sm: t
 	};
 }
+function ee(e, t) {
+	return e === !0 ? !0 : e === void 0 || e === !1 || t === "base" ? !1 : J[e]?.includes(t) ?? !1;
+}
 function te(e, t) {
 	if (t <= 0) return [];
 	if (e <= 0) return Array.from({ length: t }, () => void 0);
@@ -496,42 +526,45 @@ function te(e, t) {
 	});
 }
 function ne(e) {
-	let t = [
-		"span",
-		"xxl",
-		"xl",
-		"lg",
-		"md",
-		"sm"
-	], n = e.map((e) => ee(e)), r = n.map((e) => ({ ...e }));
-	for (let e of t) {
-		let t = [], i = 0;
-		n.forEach((n, r) => {
-			let a = n[e];
-			if (a) {
-				i += a;
+	let t = e.map((e) => X(e)), n = t.map((e) => ({ ...e }));
+	for (let r of q) {
+		let i = [], a = 0;
+		t.forEach((t, o) => {
+			if (ee(e[o].hidden, r)) {
+				n[o][r] = void 0;
+				return;
+			}
+			let s = t[r];
+			if (s) {
+				a += s;
 				return;
 			}
-			t.push(r);
+			i.push(o);
 		});
-		let a = te(Math.max(12 - i, 0), t.length);
-		t.forEach((t, n) => {
-			r[t][e] = a[n];
+		let o = te(Math.max(12 - a, 0), i.length);
+		i.forEach((e, t) => {
+			n[e][r] = o[t];
 		});
 	}
-	return r;
+	return n;
 }
-function Y({ type: e = "row", span: t, sm: r, md: i, lg: a, xl: o, xxl: c, hidden: l, spacing: f, padding: p, fsize: m, mt: h, mb: g, ml: _, mr: v, mx: x, my: S, pt: C, pb: w, pl: T, pr: E, px: D, py: O, fullWidth: k, className: A, style: j, children: N, ...P }) {
-	let F = u({ fsize: m }), I = t ?? c ?? o ?? a;
-	if (e === "col") return /* @__PURE__ */ M("div", {
-		className: s("grid", "col", I ? `span-${I}` : "span-auto", c && `xxl-${c}`, o && `xl-${o}`, a && `lg-${a}`, i && `md-${i}`, r && `sm-${r}`, ...d({
+function Z({ type: e = "row", sm: t, md: r, lg: i, xl: a, xxl: o, resolvedBase: c, hidden: d, spacing: f, padding: p, fsize: m, mt: h, mb: g, ml: _, mr: b, mx: x, my: S, pt: C, pb: w, pl: T, pr: E, px: D, py: O, fullWidth: k, className: A, style: M, children: N, ...P }) {
+	let F = l({ fsize: m }), I = X({
+		sm: t,
+		md: r,
+		lg: i,
+		xl: a,
+		xxl: o
+	}), L = c ?? I.base;
+	if (e === "col") return /* @__PURE__ */ j("div", {
+		className: s("grid", "col", L ? `span-${L}` : "span-auto", o && `xxl-${o}`, a && `xl-${a}`, i && `lg-${i}`, r && `md-${r}`, t && `sm-${t}`, ...u({
 			spacing: f,
 			padding: p,
 			fsize: m,
 			mt: h,
 			mb: g,
 			ml: _,
-			mr: v,
+			mr: b,
 			mx: x,
 			my: S,
 			pt: C,
@@ -544,40 +577,40 @@ function Y({ type: e = "row", span: t, sm: r, md: i, lg: a, xl: o, xxl: c, hidde
 		}), A),
 		style: {
 			...F,
-			...j
+			...M
 		},
-		...n(l),
+		...n(d),
 		...P,
 		children: N
 	});
-	let L = y.toArray(N), R = L.flatMap((e, t) => J(e) ? [{
+	let R = v.toArray(N), z = R.flatMap((e, t) => Y(e) ? [{
 		child: e,
 		index: t
-	}] : []), z = Math.min(Math.max(R.length || L.length, 1), 12), B = R.some(({ child: e }) => {
+	}] : []), B = Math.min(Math.max(z.length || R.length, 1), 12), V = z.some(({ child: e }) => {
 		let t = e.props;
-		return !!(t.span || t.xxl || t.xl || t.lg || t.md || t.sm);
-	}), V = B ? ne(R.map(({ child: e }) => e.props)) : null, H = B && V ? L.map((e, t) => {
-		let n = R.findIndex((e) => e.index === t);
-		if (n === -1 || !J(e)) return e;
-		let r = V[n];
-		return b(e, {
-			span: r.span,
+		return !!(t.hidden || t.xxl || t.xl || t.lg || t.md || t.sm);
+	}), H = V ? ne(z.map(({ child: e }) => e.props)) : null, U = V && H ? R.map((e, t) => {
+		let n = z.findIndex((e) => e.index === t);
+		if (n === -1 || !Y(e)) return e;
+		let r = H[n];
+		return y(e, {
+			resolvedBase: r.base,
 			xxl: r.xxl,
 			xl: r.xl,
 			lg: r.lg,
 			md: r.md,
 			sm: r.sm
 		});
-	}) : L;
-	return /* @__PURE__ */ M("div", {
-		className: s("grid", "row", B ? "tracked" : `auto-cols-${z}`, ...d({
+	}) : R;
+	return /* @__PURE__ */ j("div", {
+		className: s("grid", "row", V ? "tracked" : `auto-cols-${B}`, ...u({
 			spacing: f,
 			padding: p,
 			fsize: m,
 			mt: h,
 			mb: g,
 			ml: _,
-			mr: v,
+			mr: b,
 			mx: x,
 			my: S,
 			pt: C,
@@ -590,29 +623,28 @@ function Y({ type: e = "row", span: t, sm: r, md: i, lg: a, xl: o, xxl: c, hidde
 		}), A),
 		style: {
 			...F,
-			...j
+			...M
 		},
-		...n(l),
+		...n(d),
 		...P,
-		children: H
+		children: U
 	});
 }
-function X({ span: e, sm: t, md: n, lg: r, xl: i, xxl: a, ...o }) {
-	return /* @__PURE__ */ M(Y, {
+function re({ sm: e, md: t, lg: n, xl: r, xxl: i, ...a }) {
+	return /* @__PURE__ */ j(Z, {
 		type: "col",
-		span: e,
-		sm: t,
-		md: n,
-		lg: r,
-		xl: i,
-		xxl: a,
-		...o
+		sm: e,
+		md: t,
+		lg: n,
+		xl: r,
+		xxl: i,
+		...a
 	});
 }
 //#endregion
 //#region src/components/layout/MDivider/MDivider.tsx
-function re({ orientation: e = "horizontal", variant: t = "solid", hidden: r, className: i, style: a, ...o }) {
-	return /* @__PURE__ */ M("div", {
+function ie({ 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),
@@ -623,7 +655,7 @@ function re({ orientation: e = "horizontal", variant: t = "solid", hidden: r, cl
 }
 //#endregion
 //#region src/components/layout/MSidebar/MSidebar.tsx
-var Z = "mineralui-sidebar", Q = x({
+var ae = "mineralui-sidebar", Q = b({
 	mode: "expanded",
 	mobile: !1,
 	mobileOpen: !1,
@@ -631,80 +663,80 @@ var Z = "mineralui-sidebar", Q = x({
 	toggleMode: () => {}
 });
 function $() {
-	return T(Q);
+	return w(Q);
 }
-function ie({ 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 oe({ 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(Z);
+			let e = localStorage.getItem(ae);
 			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(Z, 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(ae, 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(Q.Provider, {
+		N,
+		O
+	]), F = s("sidebar", l, c, !_ && E === "collapsed" && "collapsed", y && "compact", u && "bordered", _ && "mobile", _ && b && "mobile-open", p);
+	return /* @__PURE__ */ M(Q.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 ae({ bordered: e = !1, className: t, children: n }) {
-	let { mode: r, mobile: a, canToggle: o, toggleMode: c } = $(), l = !a && r === "collapsed";
-	return /* @__PURE__ */ N("div", {
+function se({ bordered: e = !1, className: t, children: n }) {
+	let { mode: r, mobile: i, canToggle: o, toggleMode: c } = $(), 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(m, {
+		}), o && /* @__PURE__ */ j(p, {
 			variant: "outlined",
 			color: "neutral",
 			iconOnly: !0,
@@ -712,120 +744,120 @@ function ae({ 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(i, {})
+				children: /* @__PURE__ */ j(a, {})
 			})
 		})]
 	});
 }
-function oe({ className: e, children: t }) {
-	return /* @__PURE__ */ M("div", {
+function ce({ className: e, children: t }) {
+	return /* @__PURE__ */ j("div", {
 		className: s("sidebar-body", e),
 		children: t
 	});
 }
-function se({ className: e, children: t }) {
-	return /* @__PURE__ */ M("nav", {
+function le({ className: e, children: t }) {
+	return /* @__PURE__ */ j("nav", {
 		className: s("sidebar-nav", e),
 		children: t
 	});
 }
-function ce({ icon: e, label: t, href: n, to: r, onClick: i, active: a = !1, disabled: o = !1, badge: c, color: l, component: u, className: d }) {
-	let { mode: f, mobile: p } = $(), m = !p && f === "collapsed", g = u ?? (n || r ? "a" : "button"), _ = u ? r ? { to: r } : n ? { href: n } : {} : n ? { href: n } : r ? { href: r } : {};
-	return /* @__PURE__ */ N(g, {
+function ue({ icon: e, label: t, href: n, to: r, onClick: i, active: a = !1, disabled: o = !1, badge: c, color: l, component: u, className: d }) {
+	let { mode: f, mobile: p } = $(), h = !p && f === "collapsed", g = u ?? (n || r ? "a" : "button"), _ = u ? r ? { to: r } : n ? { href: n } : {} : n ? { href: n } : r ? { href: r } : {};
+	return /* @__PURE__ */ M(g, {
 		className: s("sidebar-item", a && "active", o && "disabled", l, d),
 		onClick: o ? void 0 : i,
 		"aria-disabled": o || void 0,
-		title: m ? t : void 0,
+		title: h ? t : void 0,
 		..._,
 		children: [
-			e && /* @__PURE__ */ M("span", {
+			e && /* @__PURE__ */ j("span", {
 				className: "sidebar-item-icon",
 				children: e
 			}),
-			!m && /* @__PURE__ */ M(h, {
+			!h && /* @__PURE__ */ j(m, {
 				content: t,
 				placement: "top",
 				className: "sidebar-item-label-tooltip",
-				children: /* @__PURE__ */ M("span", {
+				children: /* @__PURE__ */ j("span", {
 					className: "sidebar-item-label",
 					children: t
 				})
 			}),
-			!m && c && /* @__PURE__ */ M("span", {
+			!h && c && /* @__PURE__ */ j("span", {
 				className: "sidebar-item-badge",
 				children: c
 			})
 		]
 	});
 }
-function le({ label: e, icon: t, active: n = !1, defaultOpen: r = !0, collapsible: a = !0, children: o, className: c }) {
-	let l = $(), { mode: u, mobile: d } = l, f = !d && u === "collapsed", [p, m] = A(r), h = O(() => ({
+function de({ label: e, icon: t, active: n = !1, defaultOpen: r = !0, collapsible: i = !0, children: o, className: c }) {
+	let l = $(), { mode: u, mobile: d } = l, f = !d && u === "collapsed", [p, m] = k(r), g = D(() => ({
 		...l,
 		mode: "expanded"
 	}), [l]), _ = () => {
-		a && m((e) => !e);
+		i && m((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(g, {
+			children: /* @__PURE__ */ j(h, {
 				trigger: r,
 				placement: "right-start",
 				closeOnSelect: !0,
 				openOn: "hover",
-				children: /* @__PURE__ */ M(Q.Provider, {
-					value: h,
+				children: /* @__PURE__ */ j(Q.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
 				}),
-				a && /* @__PURE__ */ M("span", {
+				i && /* @__PURE__ */ j("span", {
 					className: s("sidebar-group-arrow", p && "open"),
-					children: /* @__PURE__ */ M(i, {})
+					children: /* @__PURE__ */ j(a, {})
 				})
 			]
-		}), p && /* @__PURE__ */ M("div", {
+		}), p && /* @__PURE__ */ j("div", {
 			className: "sidebar-group-items",
 			children: o
 		})]
 	});
 }
-function ue({ bordered: e = !1, className: t, children: n }) {
-	return /* @__PURE__ */ M("div", {
+function fe({ bordered: e = !1, className: t, children: n }) {
+	return /* @__PURE__ */ j("div", {
 		className: s("sidebar-footer", e && "bordered", t),
 		children: n
 	});
 }
-function de({ className: e, spacing: t = "md" }) {
-	return /* @__PURE__ */ M("hr", { className: s("sidebar-divider", t, e) });
+function pe({ className: e, spacing: t = "md" }) {
+	return /* @__PURE__ */ j("hr", { className: s("sidebar-divider", t, e) });
 }
 //#endregion
 //#region src/components/layout/MBreadcrumb/MBreadcrumb.tsx
-function fe({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
-	let a = O(() => {
+function me({ 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));
@@ -835,37 +867,37 @@ function fe({ 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
@@ -877,21 +909,21 @@ function fe({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
 }
 //#endregion
 //#region src/components/layout/MAppShell/MAppShell.tsx
-var pe = S(function({ className: e, children: t, ...n }, r) {
+var he = x(function({ className: e, children: t, ...n }, r) {
 	let i = [], a = [];
-	return y.forEach(t, (e) => {
-		C(e) && e.type === ie ? i.push(e) : a.push(e);
-	}), /* @__PURE__ */ N("div", {
+	return v.forEach(t, (e) => {
+		S(e) && e.type === oe ? 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
 		})]
 	});
-}), me = S(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ M("div", {
+}), ge = x(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ j("div", {
 		ref: r,
 		className: s("app-body", e),
 		...n,
@@ -899,6 +931,6 @@ var pe = S(function({ className: e, children: t, ...n }, r) {
 	});
 });
 //#endregion
-export { P as C, F as S, G as _, oe as a, L as b, le as c, se as d, re as f, K as g, q as h, ie as i, ae as l, X as m, me as n, de as o, Y as p, fe as r, ue as s, pe as t, ce as u, U as v, I as x, R as y };
+export { N as C, P as S, W as _, ce as a, I as b, de as c, le as d, ie as f, G as g, K as h, oe as i, se as l, re as m, ge as n, pe as o, Z as p, me as r, fe as s, he as t, ue as u, H as v, F as x, L as y };
 
-//# sourceMappingURL=layout-DHVIqY-O.js.map
+//# sourceMappingURL=layout-D72Y7VcW.js.map