@banzamel/mineralui 1.6.4 → 1.8.0

package/dist/layout-D1-mF4xn.js

@@ -0,0 +1,772 @@
+import { i as e, n as t, r as n } from "./theme-D_f-cmSA.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 { 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";
+//#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 }) {
+	let D = c({ fsize: o });
+	return /* @__PURE__ */ M("div", {
+		className: s("container", e, t && "padded", ...l({
+			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
+		}), C),
+		style: {
+			...D,
+			...w
+		},
+		...n(r),
+		...E,
+		children: T
+	});
+}
+//#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", {
+		className: s("header", a, r && "bordered", i && "sticky", l),
+		...n(c),
+		...d,
+		children: /* @__PURE__ */ M(P, {
+			size: e,
+			padded: t,
+			className: s("inner", `layout-${o}`),
+			children: u
+		})
+	});
+}
+//#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 }) {
+	let k = c({ fsize: d });
+	return /* @__PURE__ */ M("footer", {
+		className: s("footer", i, r && "bordered", ...l({
+			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
+		}), T),
+		style: {
+			...k,
+			...E
+		},
+		...n(a),
+		...O,
+		children: /* @__PURE__ */ M(P, {
+			size: e,
+			padded: t,
+			className: "inner",
+			fullWidth: !0,
+			children: D
+		})
+	});
+}
+//#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", {
+		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, {
+				component: e.component,
+				href: e.href,
+				to: e.to,
+				target: e.target,
+				rel: e.rel,
+				title: a,
+				current: e.current,
+				disabled: e.disabled,
+				className: s("link", n && "icon-only", e.className),
+				"aria-label": i,
+				children: [t ? /* @__PURE__ */ M("span", {
+					className: "icon",
+					"aria-hidden": !n || void 0,
+					children: /* @__PURE__ */ M(t, { size: e.iconSize })
+				}) : null, n ? null : e.label]
+			}, e.key ?? e.href ?? e.title?.toString() ?? r ?? "");
+		}) : i
+	});
+}
+//#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, {
+		key: `mnavbar-mobile-navs-${t}`,
+		orientation: "vertical"
+	})), B = /* @__PURE__ */ M(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;
+			break;
+		}
+	}
+	let H = V === -1 ? [...R, B] : R.map((e, t) => {
+		if (t !== V) return e;
+		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;
+		function e(e) {
+			let t = j.current;
+			t && (e.target instanceof Node && t.contains(e.target) || O(!1));
+		}
+		function t(e) {
+			e.key === "Escape" && O(!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);
+	}
+	function W(e) {
+		let t = e.target;
+		t && t.closest("a, [role=\"menuitem\"]") && O(!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,
+		children: [
+			/* @__PURE__ */ M(P, {
+				size: r,
+				padded: i,
+				className: "container",
+				children: /* @__PURE__ */ M("div", {
+					className: s("inner", d, p && "wrap"),
+					children: H
+				})
+			}),
+			m === "drawer" && /* @__PURE__ */ M("div", {
+				className: s("mobile-backdrop", T && "visible"),
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ N("div", {
+				id: F,
+				className: s("mobile-menu", m, T && "open"),
+				role: "menu",
+				"aria-hidden": !T || void 0,
+				onClick: W,
+				children: [z, h]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/layout/MTopbar/MTopbar.tsx
+function z(e) {
+	return e.key ?? e.to ?? e.href ?? String(e.label);
+}
+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", {
+			className: "topbar-icon",
+			children: e.icon
+		}) : null,
+		/* @__PURE__ */ M("span", { children: e.label }),
+		e.badge ? /* @__PURE__ */ M("span", {
+			className: "topbar-badge",
+			children: e.badge
+		}) : null,
+		t ? /* @__PURE__ */ M("span", {
+			className: s("topbar-chevron", n && "open"),
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ M(i, { size: "sm" })
+		}) : null
+	] });
+}
+function H(e) {
+	return e.map((e) => e.children?.length ? /* @__PURE__ */ M(h, {
+		label: String(e.label),
+		children: H(e.children)
+	}, z(e)) : /* @__PURE__ */ M(g, {
+		icon: e.icon,
+		label: e.label,
+		href: e.href,
+		to: e.to,
+		onClick: e.onClick,
+		color: e.color,
+		disabled: e.disabled,
+		active: e.active,
+		component: e.component,
+		className: e.className
+	}, 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);
+		return t(), typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : (e.addListener(t), () => e.removeListener(t));
+	}, []), E(() => {
+		let e = K.current;
+		if (!e) return;
+		let t = () => {
+			L(e.scrollWidth > e.clientWidth + 1), U(e.scrollLeft > 4), G(e.scrollLeft + e.clientWidth < e.scrollWidth - 4);
+		};
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let n = new ResizeObserver(t);
+		return n.observe(e), Array.from(e.children).forEach((e) => n.observe(e)), () => {
+			e.removeEventListener("scroll", t), n.disconnect();
+		};
+	}, [
+		i,
+		h,
+		g,
+		p,
+		l,
+		c,
+		o
+	]);
+	let q = O(() => T ? "click" : _, [T, _]);
+	if (w) return null;
+	let J = (e) => {
+		let t = K.current;
+		if (!t) return;
+		let n = Math.max(180, Math.floor(t.clientWidth * .45));
+		t.scrollBy({
+			left: e === "left" ? -n : n,
+			behavior: "smooth"
+		});
+	};
+	return /* @__PURE__ */ M("nav", {
+		className: s("topbar", p, g, l && "bordered", u && "sticky", x),
+		style: S,
+		...n(b),
+		...C,
+		children: /* @__PURE__ */ M(P, {
+			size: o,
+			padded: c,
+			className: "topbar-container",
+			children: /* @__PURE__ */ N("div", {
+				className: s("topbar-scroll-shell", I && "overflowing"),
+				children: [
+					I && /* @__PURE__ */ M(f, {
+						variant: "ghost",
+						color: "neutral",
+						iconOnly: !0,
+						shape: "circle",
+						className: s("topbar-scroll-button", "left", !R && "hidden"),
+						onClick: () => J("left"),
+						"aria-label": "Scroll topbar left",
+						children: /* @__PURE__ */ M(r, {})
+					}),
+					/* @__PURE__ */ M("div", {
+						ref: K,
+						className: "topbar-viewport",
+						children: /* @__PURE__ */ M("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", {
+									className: s("topbar-trigger", e.color, "disabled", e.className),
+									"aria-disabled": "true",
+									children: V(e, !0)
+								}, t) : /* @__PURE__ */ M(m, {
+									trigger: /* @__PURE__ */ M("div", {
+										className: s("topbar-trigger", e.color, n && "active", r && "open", e.disabled && "disabled", e.className),
+										children: V(e, !0, r)
+									}),
+									openOn: e.openOn ?? q,
+									onOpenChange: (e) => F((n) => ({
+										...n,
+										[t]: e
+									})),
+									placement: v,
+									popoverClassName: "topbar-dropdown-popover",
+									children: H(e.children)
+								}, t) : /* @__PURE__ */ M(d, {
+									component: e.component,
+									href: e.href,
+									to: e.to,
+									onClick: e.onClick,
+									current: e.active,
+									disabled: e.disabled,
+									underline: "none",
+									tone: "inherit",
+									className: s("topbar-link", e.color, e.className, e.active && "active"),
+									children: V(e)
+								}, t);
+							})
+						})
+					}),
+					I && /* @__PURE__ */ M(f, {
+						variant: "ghost",
+						color: "neutral",
+						iconOnly: !0,
+						shape: "circle",
+						className: s("topbar-scroll-button", "right", !W && "hidden"),
+						onClick: () => J("right"),
+						"aria-label": "Scroll topbar right",
+						children: /* @__PURE__ */ M(a, {})
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/MSidebar/MSidebar.tsx
+var W = "mineralui-sidebar", G = b({
+	mode: "expanded",
+	mobile: !1,
+	mobileOpen: !1,
+	canToggle: !1,
+	toggleMode: () => {}
+});
+function K() {
+	return T(G);
+}
+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(() => {
+		if (a) try {
+			let e = localStorage.getItem(W);
+			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);
+		} catch {}
+	}, [
+		T,
+		i,
+		a
+	]), k = w(() => x(!1), []);
+	E(() => {
+		if (!b) return;
+		let e = (e) => {
+			e.key === "Escape" && x(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [b]), E(() => {
+		_ || x(!1);
+	}, [_]);
+	let j = !_ && !y && n === "auto", P = O(() => ({
+		mode: T,
+		mobile: _,
+		mobileOpen: b,
+		canToggle: j,
+		toggleMode: D
+	}), [
+		T,
+		_,
+		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, {
+		value: P,
+		children: [
+			_ && b && /* @__PURE__ */ M("div", {
+				className: "sidebar-backdrop",
+				onClick: k
+			}),
+			/* @__PURE__ */ M("aside", {
+				className: F,
+				style: m,
+				children: h
+			}),
+			_ && !b && /* @__PURE__ */ M("button", {
+				className: s("sidebar-hamburger", c),
+				onClick: () => x(!0),
+				"aria-label": "Open menu",
+				children: /* @__PURE__ */ M("span", {
+					className: "sidebar-hamburger-icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ M(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", {
+		className: s("sidebar-header", e && "bordered", t),
+		children: [/* @__PURE__ */ M("div", {
+			className: "sidebar-header-content",
+			children: n
+		}), o && /* @__PURE__ */ M(f, {
+			variant: "outlined",
+			color: "neutral",
+			iconOnly: !0,
+			size: "sm",
+			onClick: c,
+			"aria-label": l ? "Expand sidebar" : "Collapse sidebar",
+			className: "sidebar-toggle",
+			children: /* @__PURE__ */ M("span", {
+				className: s("sidebar-chevron", l && "flipped"),
+				children: /* @__PURE__ */ M(a, {})
+			})
+		})]
+	});
+}
+function ee({ className: e, children: t }) {
+	return /* @__PURE__ */ M("div", {
+		className: s("sidebar-body", e),
+		children: t
+	});
+}
+function Y({ className: e, children: t }) {
+	return /* @__PURE__ */ M("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, {
+		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", {
+				className: "sidebar-item-icon",
+				children: e
+			}),
+			!g && /* @__PURE__ */ M(p, {
+				content: _,
+				placement: "top",
+				className: "sidebar-item-label-tooltip",
+				children: /* @__PURE__ */ M("span", {
+					className: "sidebar-item-label",
+					children: t
+				})
+			}),
+			!g && l && /* @__PURE__ */ M("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(() => ({
+		...l,
+		mode: "expanded"
+	}), [l]), _ = () => {
+		i && h((e) => !e);
+	};
+	if (f) {
+		let r = /* @__PURE__ */ M("span", {
+			className: s("sidebar-group-icon collapsed", n && "active"),
+			title: e,
+			children: t
+		});
+		return /* @__PURE__ */ M("div", {
+			className: s("sidebar-group", c),
+			children: /* @__PURE__ */ M(m, {
+				trigger: r,
+				placement: "right-start",
+				closeOnSelect: !0,
+				openOn: "hover",
+				children: /* @__PURE__ */ M(G.Provider, {
+					value: g,
+					children: o
+				})
+			})
+		});
+	}
+	return /* @__PURE__ */ N("div", {
+		className: s("sidebar-group", c),
+		children: [/* @__PURE__ */ N("button", {
+			className: s("sidebar-group-header", n && "active"),
+			onClick: _,
+			"aria-expanded": p,
+			children: [
+				t && /* @__PURE__ */ M("span", {
+					className: "sidebar-group-icon",
+					children: t
+				}),
+				/* @__PURE__ */ M("span", {
+					className: "sidebar-group-label",
+					children: e
+				}),
+				i && /* @__PURE__ */ M("span", {
+					className: s("sidebar-group-arrow", p && "open"),
+					children: /* @__PURE__ */ M(a, {})
+				})
+			]
+		}), p && /* @__PURE__ */ M("div", {
+			className: "sidebar-group-items",
+			children: o
+		})]
+	});
+}
+function te({ bordered: e = !1, className: t, children: n }) {
+	return /* @__PURE__ */ M("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
+	});
+}
+//#endregion
+//#region src/components/layout/MBreadcrumb/MBreadcrumb.tsx
+function ce({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
+	let a = O(() => {
+		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));
+		return [
+			...t,
+			null,
+			...r
+		];
+	}, [e, n]);
+	return /* @__PURE__ */ M("nav", {
+		"aria-label": "breadcrumb",
+		className: s("breadcrumb", r),
+		...i,
+		children: /* @__PURE__ */ M("ol", {
+			className: "trail",
+			children: a.map((e, n) => {
+				if (e === null) return /* @__PURE__ */ N("li", {
+					className: "crumb dots",
+					children: [/* @__PURE__ */ M("span", {
+						className: "sep",
+						children: t
+					}), /* @__PURE__ */ M("span", { children: "…" })]
+				}, "ellipsis");
+				let r = n === a.length - 1;
+				return /* @__PURE__ */ N("li", {
+					className: s("crumb", r && "active"),
+					children: [n > 0 && /* @__PURE__ */ M("span", {
+						className: "sep",
+						children: t
+					}), e.href && !r ? /* @__PURE__ */ M("a", {
+						href: e.href,
+						className: "link",
+						onClick: e.onClick,
+						children: e.label
+					}) : e.onClick && !r ? /* @__PURE__ */ M("button", {
+						type: "button",
+						className: "link btn",
+						onClick: e.onClick,
+						children: e.label
+					}) : /* @__PURE__ */ M("span", {
+						className: "current",
+						"aria-current": r ? "page" : void 0,
+						children: e.label
+					})]
+				}, n);
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/MAppShell/MAppShell.tsx
+var le = S(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", {
+		ref: r,
+		className: s("app-shell", e),
+		...n,
+		children: [i, /* @__PURE__ */ M("div", {
+			className: "app-main",
+			children: a
+		})]
+	});
+}), ue = S(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ M("div", {
+		ref: r,
+		className: s("app-body", e),
+		...n,
+		children: t
+	});
+});
+//#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 };
+
+//# sourceMappingURL=layout-D1-mF4xn.js.map