@banzamel/mineralui 1.9.1 → 1.10.2

package/dist/layout-tIq6BGQK.js

@@ -1,711 +0,0 @@
-import { i as e, n as t, r as n } from "./theme-DAOU1aPs.js";
-import { Fi as r, Ni as i, Pi as a, cn as o } from "./icons-CfpYxnfg.js";
-import { t as s } from "./cn-YER3QsV1.js";
-import { n as c, t as l } from "./layoutProps-CE5-ghKw.js";
-import { n as u } from "./MStack-C4Eocfb5.js";
-import { t as d } from "./MLink-Bd8fLH1N.js";
-import { t as f } from "./MButton-C1pnL4_j.js";
-import { t as p } from "./MTooltip-jSf4VBtB.js";
-import { i as m, n as h, r as g } from "./MDropdownMenu-CeiC1tz3.js";
-import { t as _ } from "./MSimpleGrid-Bojj4xKH.js";
-import { Children as v, cloneElement as y, createContext as b, 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 N({ size: e = "content", padded: t = !0, hidden: r, spacing: i, padding: a, fsize: o, mt: u, mb: d, ml: f, mr: p, mx: m, my: h, pt: g, pb: _, pl: v, pr: y, px: b, py: x, fullWidth: S, className: C, style: w, children: T, ...E }) {
-	let D = c({ fsize: o });
-	return /* @__PURE__ */ j("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 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__ */ j(N, {
-			size: e,
-			padded: t,
-			className: s("inner", `layout-${o}`),
-			children: u
-		})
-	});
-}
-//#endregion
-//#region src/components/layout/MFooter/MFooter.tsx
-function F({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i = "surface", hidden: a, spacing: o, padding: u, fsize: d, mt: f, mb: p, ml: m, mr: h, mx: g, my: _, pt: v, pb: y, pl: b, pr: x, px: S, py: C, fullWidth: w, className: T, style: E, children: D, ...O }) {
-	let k = c({ fsize: d });
-	return /* @__PURE__ */ j("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__ */ j(N, {
-			size: e,
-			padded: t,
-			className: "inner",
-			fullWidth: !0,
-			children: D
-		})
-	});
-}
-//#endregion
-//#region src/components/layout/MNavs/MNavs.tsx
-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__ */ M(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__ */ j("span", {
-					className: "icon",
-					"aria-hidden": !n || void 0,
-					children: /* @__PURE__ */ j(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 L(e, t = []) {
-	return v.forEach(e, (e) => {
-		if (!S(e)) return;
-		if (e.type === I) {
-			t.push(e);
-			return;
-		}
-		let n = e.props?.children;
-		n !== void 0 && L(n, t);
-	}), t;
-}
-function R({ container: r = "content", padded: i = !0, bordered: a = !0, sticky: c = !1, tone: l = "surface", justify: d = "between", wrap: p = !1, mobileMenu: m = "dropdown", mobileMenuContent: h, mobileMenuFooter: g, collapseActions: _ = !1, mobileMenuLabel: b = "Open navigation", mobileBreakpoint: x = t.compact, hidden: C, className: w, children: D, ...A }) {
-	let [P, F] = k(!1), I = O(null), R = E(), z = e(x), B = v.toArray(D), V = L(D).map((e, t) => y(e, {
-		key: `mnavbar-mobile-navs-${t}`,
-		orientation: "vertical"
-	})), H = /* @__PURE__ */ j(f, {
-		type: "button",
-		variant: "ghost",
-		size: "md",
-		iconOnly: !0,
-		className: "navbar-toggle",
-		"aria-label": b,
-		"aria-expanded": P,
-		"aria-controls": R,
-		onClick: Y,
-		children: /* @__PURE__ */ j(o, {})
-	}, "mnavbar-toggle"), U = -1;
-	for (let e = B.length - 1; e >= 0; --e) {
-		let t = B[e];
-		if (S(t) && t.type === u) {
-			U = e;
-			break;
-		}
-	}
-	let W = _ && z && U !== -1, G = null, K = B, q = U;
-	if (W) {
-		G = B[U], K = B.filter((e, t) => t !== U), q = -1;
-		for (let e = K.length - 1; e >= 0; --e) {
-			let t = K[e];
-			if (S(t) && t.type === u) {
-				q = e;
-				break;
-			}
-		}
-	}
-	let J = q === -1 ? [...K, H] : K.map((e, t) => {
-		if (t !== q) return e;
-		let n = e, r = v.toArray(n.props.children);
-		return y(n, {
-			key: n.key ?? `mnavbar-inline-${t}`,
-			children: [...r, H]
-		});
-	});
-	T(() => {
-		if (!P) return;
-		function e(e) {
-			let t = I.current;
-			t && (e.target instanceof Node && t.contains(e.target) || F(!1));
-		}
-		function t(e) {
-			e.key === "Escape" && F(!1);
-		}
-		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
-			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
-		};
-	}, [P]), T(() => {
-		z || F(!1);
-	}, [z]);
-	function Y() {
-		F((e) => !e);
-	}
-	function X(e) {
-		let t = e.target;
-		t && t.closest("a, [role=\"menuitem\"]") && F(!1);
-	}
-	return /* @__PURE__ */ M("nav", {
-		ref: I,
-		className: s("navbar", l, a && "bordered", c && "sticky", z && "mobile-view", P && "mobile-open", `mobile-${m}`, w),
-		...n(C),
-		...A,
-		children: [
-			/* @__PURE__ */ j(N, {
-				size: r,
-				padded: i,
-				className: "container",
-				children: /* @__PURE__ */ j("div", {
-					className: s("inner", d, p && "wrap"),
-					children: J
-				})
-			}),
-			m === "drawer" && /* @__PURE__ */ j("div", {
-				className: s("mobile-backdrop", P && "visible"),
-				"aria-hidden": !0
-			}),
-			/* @__PURE__ */ M("div", {
-				id: R,
-				className: s("mobile-menu", m, P && "open"),
-				role: "menu",
-				"aria-hidden": !P || void 0,
-				onClick: X,
-				children: [
-					V,
-					h,
-					G ? /* @__PURE__ */ j("div", {
-						className: "mobile-menu-footer",
-						children: y(G, { key: "mnavbar-collapsed-actions" })
-					}) : null,
-					g ? /* @__PURE__ */ j("div", {
-						className: "mobile-menu-footer",
-						children: g
-					}) : null
-				]
-			})
-		]
-	});
-}
-//#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__ */ M(A, { children: [
-		e.icon ? /* @__PURE__ */ j("span", {
-			className: "topbar-icon",
-			children: e.icon
-		}) : null,
-		/* @__PURE__ */ j("span", { children: e.label }),
-		e.badge ? /* @__PURE__ */ j("span", {
-			className: "topbar-badge",
-			children: e.badge
-		}) : null,
-		t ? /* @__PURE__ */ j("span", {
-			className: s("topbar-chevron", n && "open"),
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ j(i, { size: "sm" })
-		}) : null
-	] });
-}
-function H(e) {
-	return e.map((e) => e.children?.length ? /* @__PURE__ */ j(h, {
-		label: String(e.label),
-		children: H(e.children)
-	}, z(e)) : /* @__PURE__ */ j(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), [E, A] = k(!1), [P, F] = k({}), [I, L] = k(!1), [R, U] = k(!1), [W, G] = k(!1), K = O(null);
-	T(() => {
-		let e = window.matchMedia("(pointer: coarse)"), t = () => A(e.matches);
-		return t(), typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : (e.addListener(t), () => e.removeListener(t));
-	}, []), T(() => {
-		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 = D(() => E ? "click" : _, [E, _]);
-	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__ */ j("nav", {
-		className: s("topbar", p, g, l && "bordered", u && "sticky", x),
-		style: S,
-		...n(b),
-		...C,
-		children: /* @__PURE__ */ j(N, {
-			size: o,
-			padded: c,
-			className: "topbar-container",
-			children: /* @__PURE__ */ M("div", {
-				className: s("topbar-scroll-shell", I && "overflowing"),
-				children: [
-					I && /* @__PURE__ */ j(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__ */ j(r, {})
-					}),
-					/* @__PURE__ */ j("div", {
-						ref: K,
-						className: "topbar-viewport",
-						children: /* @__PURE__ */ j("div", {
-							className: s("topbar-list", `justify-${h}`, I && "overflowing"),
-							children: i.map((e) => {
-								let t = z(e), n = B(e), r = !!P[t];
-								return e.children?.length ? e.disabled ? /* @__PURE__ */ j("div", {
-									className: s("topbar-trigger", e.color, "disabled", e.className),
-									"aria-disabled": "true",
-									children: V(e, !0)
-								}, t) : /* @__PURE__ */ j(m, {
-									trigger: /* @__PURE__ */ j("div", {
-										className: s("topbar-trigger", e.color, n && "active", r && "open", e.disabled && "disabled", e.className),
-										children: V(e, !0, r)
-									}),
-									openOn: e.openOn ?? q,
-									onOpenChange: (e) => F((n) => ({
-										...n,
-										[t]: e
-									})),
-									placement: v,
-									popoverClassName: "topbar-dropdown-popover",
-									children: H(e.children)
-								}, t) : /* @__PURE__ */ j(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__ */ j(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__ */ j(a, {})
-					})
-				]
-			})
-		})
-	});
-}
-//#endregion
-//#region src/components/layout/MSection/MSection.tsx
-function W({ as: e = "section", spacing: t = "lg", tone: r = "default", hidden: i, className: a, style: o, children: c, ...l }) {
-	return /* @__PURE__ */ j(e, {
-		className: s("section", t, r, a),
-		style: o,
-		...n(i),
-		...l,
-		children: c
-	});
-}
-//#endregion
-//#region src/components/layout/MStatGrid/MStatGrid.tsx
-function G({ items: e, renderItem: t, children: n, columns: r = 4, minItemWidth: i = "15rem", ...a }) {
-	return /* @__PURE__ */ j(_, {
-		columns: r,
-		minItemWidth: i,
-		...a,
-		children: e && t ? e.map((e, n) => t(e, n)) : n
-	});
-}
-//#endregion
-//#region src/components/layout/MDivider/MDivider.tsx
-function K({ orientation: e = "horizontal", variant: t = "solid", hidden: r, className: i, style: a, ...o }) {
-	return /* @__PURE__ */ j("div", {
-		role: "separator",
-		"aria-orientation": e,
-		className: s("divider", e, t, i),
-		style: a,
-		...n(r),
-		...o
-	});
-}
-//#endregion
-//#region src/components/layout/MSidebar/MSidebar.tsx
-var q = "mineralui-sidebar", J = b({
-	mode: "expanded",
-	mobile: !1,
-	mobileOpen: !1,
-	canToggle: !1,
-	toggleMode: () => {}
-});
-function Y() {
-	return w(J);
-}
-function X({ mode: n = "auto", defaultMode: r = "expanded", onModeChange: i, persist: a = !1, side: c = "left", tone: l = "subtle", bordered: u = !0, mobileBreakpoint: d = t.mobile, compactBreakpoint: f = t.compact, className: p, style: m, children: h }) {
-	let g = Math.max(f, d), _ = e(d), v = e(g), y = !_ && v, [b, x] = k(!1), [S, w] = k(() => {
-		if (a) try {
-			let e = localStorage.getItem(q);
-			if (e === "expanded" || e === "collapsed") return e;
-		} catch {}
-		return r;
-	}), E = _ ? "expanded" : y ? "collapsed" : n === "auto" ? S : n === "collapsed" ? "collapsed" : "expanded", O = C(() => {
-		let e = E === "expanded" ? "collapsed" : "expanded";
-		if (w(e), i?.(e), a) try {
-			localStorage.setItem(q, e);
-		} catch {}
-	}, [
-		E,
-		i,
-		a
-	]), 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]), T(() => {
-		_ || x(!1);
-	}, [_]);
-	let N = !_ && !y && n === "auto", P = D(() => ({
-		mode: E,
-		mobile: _,
-		mobileOpen: b,
-		canToggle: N,
-		toggleMode: O
-	}), [
-		E,
-		_,
-		b,
-		N,
-		O
-	]), F = s("sidebar", l, c, !_ && E === "collapsed" && "collapsed", y && "compact", u && "bordered", _ && "mobile", _ && b && "mobile-open", p);
-	return /* @__PURE__ */ M(J.Provider, {
-		value: P,
-		children: [
-			_ && b && /* @__PURE__ */ j("div", {
-				className: "sidebar-backdrop",
-				onClick: A
-			}),
-			/* @__PURE__ */ j("aside", {
-				className: F,
-				style: m,
-				children: h
-			}),
-			_ && !b && /* @__PURE__ */ j("button", {
-				className: s("sidebar-hamburger", c),
-				onClick: () => x(!0),
-				"aria-label": "Open menu",
-				children: /* @__PURE__ */ j("span", {
-					className: "sidebar-hamburger-icon",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ j(o, {})
-				})
-			})
-		]
-	});
-}
-function Z({ bordered: e = !1, className: t, children: n }) {
-	let { mode: r, mobile: i, canToggle: o, toggleMode: c } = Y(), l = !i && r === "collapsed";
-	return /* @__PURE__ */ M("div", {
-		className: s("sidebar-header", e && "bordered", t),
-		children: [/* @__PURE__ */ j("div", {
-			className: "sidebar-header-content",
-			children: n
-		}), o && /* @__PURE__ */ j(f, {
-			variant: "outlined",
-			color: "neutral",
-			iconOnly: !0,
-			size: "sm",
-			onClick: c,
-			"aria-label": l ? "Expand sidebar" : "Collapse sidebar",
-			className: "sidebar-toggle",
-			children: /* @__PURE__ */ j("span", {
-				className: s("sidebar-chevron", l && "flipped"),
-				children: /* @__PURE__ */ j(a, {})
-			})
-		})]
-	});
-}
-function Q({ className: e, children: t }) {
-	return /* @__PURE__ */ j("div", {
-		className: s("sidebar-body", e),
-		children: t
-	});
-}
-function $({ className: e, children: t }) {
-	return /* @__PURE__ */ j("nav", {
-		className: s("sidebar-nav", e),
-		children: t
-	});
-}
-function ee({ icon: e, label: t, description: n, href: r, to: i, onClick: a, active: o = !1, disabled: c = !1, badge: l, color: u, component: d, className: f }) {
-	let { mode: m, mobile: h } = Y(), g = !h && m === "collapsed", _ = n ?? t, v = typeof n == "string" ? n : typeof t == "string" ? t : void 0, y = d ?? (r || i ? "a" : "button"), b = d ? i ? { to: i } : r ? { href: r } : {} : r ? { href: r } : i ? { href: i } : {};
-	return /* @__PURE__ */ M(y, {
-		className: s("sidebar-item", o && "active", c && "disabled", u, f),
-		onClick: c ? void 0 : a,
-		"aria-disabled": c || void 0,
-		title: g ? v : void 0,
-		...b,
-		children: [
-			e && /* @__PURE__ */ j("span", {
-				className: "sidebar-item-icon",
-				children: e
-			}),
-			!g && /* @__PURE__ */ j(p, {
-				content: _,
-				placement: "top",
-				className: "sidebar-item-label-tooltip",
-				children: /* @__PURE__ */ j("span", {
-					className: "sidebar-item-label",
-					children: t
-				})
-			}),
-			!g && l && /* @__PURE__ */ j("span", {
-				className: "sidebar-item-badge",
-				children: l
-			})
-		]
-	});
-}
-function te({ label: e, icon: t, active: n = !1, defaultOpen: r = !0, collapsible: i = !0, children: o, className: c }) {
-	let l = Y(), { mode: u, mobile: d } = l, f = !d && u === "collapsed", [p, h] = k(r), g = D(() => ({
-		...l,
-		mode: "expanded"
-	}), [l]), _ = () => {
-		i && h((e) => !e);
-	};
-	if (f) {
-		let r = /* @__PURE__ */ j("span", {
-			className: s("sidebar-group-icon collapsed", n && "active"),
-			title: e,
-			children: t
-		});
-		return /* @__PURE__ */ j("div", {
-			className: s("sidebar-group", c),
-			children: /* @__PURE__ */ j(m, {
-				trigger: r,
-				placement: "right-start",
-				closeOnSelect: !0,
-				openOn: "hover",
-				children: /* @__PURE__ */ j(J.Provider, {
-					value: g,
-					children: o
-				})
-			})
-		});
-	}
-	return /* @__PURE__ */ M("div", {
-		className: s("sidebar-group", c),
-		children: [/* @__PURE__ */ M("button", {
-			className: s("sidebar-group-header", n && "active"),
-			onClick: _,
-			"aria-expanded": p,
-			children: [
-				t && /* @__PURE__ */ j("span", {
-					className: "sidebar-group-icon",
-					children: t
-				}),
-				/* @__PURE__ */ j("span", {
-					className: "sidebar-group-label",
-					children: e
-				}),
-				i && /* @__PURE__ */ j("span", {
-					className: s("sidebar-group-arrow", p && "open"),
-					children: /* @__PURE__ */ j(a, {})
-				})
-			]
-		}), p && /* @__PURE__ */ j("div", {
-			className: "sidebar-group-items",
-			children: o
-		})]
-	});
-}
-function ne({ bordered: e = !1, className: t, children: n }) {
-	return /* @__PURE__ */ j("div", {
-		className: s("sidebar-footer", e && "bordered", t),
-		children: n
-	});
-}
-function re({ className: e, spacing: t = "md" }) {
-	return /* @__PURE__ */ j("hr", { className: s("sidebar-divider", t, e) });
-}
-//#endregion
-//#region src/components/layout/MBreadcrumb/MBreadcrumb.tsx
-function ie({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
-	let a = D(() => {
-		if (!n || n >= e.length) return e;
-		if (n < 2) return [e[e.length - 1]];
-		let t = e.slice(0, 1), r = e.slice(-(n - 1));
-		return [
-			...t,
-			null,
-			...r
-		];
-	}, [e, n]);
-	return /* @__PURE__ */ j("nav", {
-		"aria-label": "breadcrumb",
-		className: s("breadcrumb", r),
-		...i,
-		children: /* @__PURE__ */ j("ol", {
-			className: "trail",
-			children: a.map((e, n) => {
-				if (e === null) return /* @__PURE__ */ M("li", {
-					className: "crumb dots",
-					children: [/* @__PURE__ */ j("span", {
-						className: "sep",
-						children: t
-					}), /* @__PURE__ */ j("span", { children: "…" })]
-				}, "ellipsis");
-				let r = n === a.length - 1;
-				return /* @__PURE__ */ M("li", {
-					className: s("crumb", r && "active"),
-					children: [n > 0 && /* @__PURE__ */ j("span", {
-						className: "sep",
-						children: t
-					}), e.href && !r ? /* @__PURE__ */ j("a", {
-						href: e.href,
-						className: "link",
-						onClick: e.onClick,
-						children: e.label
-					}) : e.onClick && !r ? /* @__PURE__ */ j("button", {
-						type: "button",
-						className: "link btn",
-						onClick: e.onClick,
-						children: e.label
-					}) : /* @__PURE__ */ j("span", {
-						className: "current",
-						"aria-current": r ? "page" : void 0,
-						children: e.label
-					})]
-				}, n);
-			})
-		})
-	});
-}
-//#endregion
-//#region src/components/layout/MAppShell/MAppShell.tsx
-var ae = x(function({ className: e, children: t, ...n }, r) {
-	let i = [], a = [];
-	return v.forEach(t, (e) => {
-		S(e) && e.type === X ? i.push(e) : a.push(e);
-	}), /* @__PURE__ */ M("div", {
-		ref: r,
-		className: s("app-shell", e),
-		...n,
-		children: [i, /* @__PURE__ */ j("div", {
-			className: "app-main",
-			children: a
-		})]
-	});
-}), oe = x(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ j("div", {
-		ref: r,
-		className: s("app-body", e),
-		...n,
-		children: t
-	});
-});
-//#endregion
-export { I as _, Q as a, N as b, te as c, $ as d, K as f, R as g, U as h, X as i, Z as l, W as m, oe as n, re as o, G as p, ie as r, ne as s, ae as t, ee as u, F as v, P as y };
-
-//# sourceMappingURL=layout-tIq6BGQK.js.map