@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/layout-DgxSN0QV.js

@@ -0,0 +1,698 @@
+import { t as e } from "./MChevronRightIcon-BozfuNpv.js";
+import { t } from "./MMenuIcon-B13EvS3i.js";
+import { t as n } from "./cn-B_veu23e.js";
+import { t as r } from "./useInteractionEffect-B5_UpgTt.js";
+import { t as i } from "./useReveal-BB9OaMDU.js";
+import { n as a, t as o } from "./layoutProps-D8exMwKp.js";
+import { t as s } from "./MLink-BfRaT8NU.js";
+import { i as c } from "./MDropdownMenu-BcRbNfoR.js";
+import { t as l } from "./MButton-BIWj6T2J.js";
+import { t as u } from "./MTooltip-CKS_zgzR.js";
+import { Children as d, cloneElement as f, createContext as p, forwardRef as m, isValidElement as h, useCallback as g, useContext as _, useEffect as v, useId as y, useMemo as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/layout/MContainer/MContainer.tsx
+function w({ size: e = "content", padded: t = !0, spacing: r, padding: i, fsize: s, mt: c, 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: C, children: w, ...T }) {
+	let E = a({ fsize: s });
+	return /* @__PURE__ */ S("div", {
+		className: n("container", e, t && "padded", ...o({
+			spacing: r,
+			padding: i,
+			fsize: s,
+			mt: c,
+			mb: l,
+			ml: u,
+			mr: d,
+			mx: f,
+			my: p,
+			pt: m,
+			pb: h,
+			pl: g,
+			pr: _,
+			px: v,
+			py: y,
+			fullWidth: b
+		}), x),
+		style: {
+			...E,
+			...C
+		},
+		...T,
+		children: w
+	});
+}
+//#endregion
+//#region src/components/layout/MHeader/MHeader.tsx
+function T({ container: e = "wide", padded: t = !0, bordered: r = !0, sticky: i = !1, tone: a = "surface", layout: o = "split", className: s, children: c, ...l }) {
+	return /* @__PURE__ */ S("header", {
+		className: n("header", a, r && "bordered", i && "sticky", s),
+		...l,
+		children: /* @__PURE__ */ S(w, {
+			size: e,
+			padded: t,
+			className: n("inner", `layout-${o}`),
+			children: c
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/MFooter/MFooter.tsx
+function E({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i = "surface", spacing: s, padding: c, 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: C, className: T, style: E, children: D, ...O }) {
+	let k = a({ fsize: l });
+	return /* @__PURE__ */ S("footer", {
+		className: n("footer", i, r && "bordered", ...o({
+			spacing: s,
+			padding: c,
+			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: C
+		}), T),
+		style: {
+			...k,
+			...E
+		},
+		...O,
+		children: /* @__PURE__ */ S(w, {
+			size: e,
+			padded: t,
+			className: "inner",
+			fullWidth: !0,
+			children: D
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/MNavbar/MNavbar.tsx
+function D({ container: e = "content", padded: t = !0, bordered: r = !0, sticky: i = !1, tone: a = "surface", justify: o = "between", wrap: s = !1, className: c, children: l, ...u }) {
+	return /* @__PURE__ */ S("nav", {
+		className: n("navbar", a, r && "bordered", i && "sticky", c),
+		...u,
+		children: /* @__PURE__ */ S(w, {
+			size: e,
+			padded: t,
+			className: "container",
+			children: /* @__PURE__ */ S("div", {
+				className: n("inner", o, s && "wrap"),
+				children: l
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/MNavs/MNavs.tsx
+function O({ items: e, orientation: t = "horizontal", wrap: r = !1, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ S("div", {
+		className: n("navs", t, r && "wrap", i),
+		...o,
+		children: e ? e.map((e) => /* @__PURE__ */ S(s, {
+			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: n("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 k({ item: e, isActive: t, tabId: i, panelId: a, clickEffect: o, rippleColor: s, onSelect: c }) {
+	let { effectClassName: l, effectLayer: u, handlePointerDown: d, triggerEffect: f } = r({
+		effect: o,
+		disabled: e.disabled,
+		centered: !0,
+		color: s
+	});
+	return /* @__PURE__ */ C("button", {
+		type: "button",
+		id: i,
+		role: "tab",
+		"aria-selected": t,
+		"aria-controls": a,
+		tabIndex: t ? 0 : -1,
+		disabled: e.disabled,
+		className: n("tabs-trigger", t && "active", e.disabled && "disabled", l),
+		onPointerDown: d,
+		onKeyDown: (e) => {
+			(e.key === " " || e.key === "Enter") && f(e.currentTarget);
+		},
+		onClick: () => c(e.value),
+		children: [
+			u,
+			e.icon && /* @__PURE__ */ S("span", {
+				className: "tabs-icon",
+				children: e.icon
+			}),
+			/* @__PURE__ */ S("span", {
+				className: "tabs-label",
+				children: e.label
+			})
+		]
+	});
+}
+function A({ items: e, value: t, defaultValue: r, onValueChange: i, 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] = x(b(() => r ?? e.find((e) => !e.disabled)?.value ?? "", [r, e])), _ = t ?? h, v = e.find((e) => e.value === _) ?? e[0], w = y();
+	function T(e) {
+		t === void 0 && g(e), i?.(e);
+	}
+	function E(t) {
+		let n = e.filter((e) => !e.disabled), r = n.findIndex((e) => e.value === v?.value);
+		if (r === -1) return;
+		let i = o === "vertical" ? ["ArrowDown"] : ["ArrowRight", "ArrowDown"], a = o === "vertical" ? ["ArrowUp"] : ["ArrowLeft", "ArrowUp"];
+		if (i.includes(t.key)) {
+			t.preventDefault();
+			let e = n[(r + 1) % n.length];
+			T(e.value);
+		}
+		if (a.includes(t.key)) {
+			t.preventDefault();
+			let e = n[(r - 1 + n.length) % n.length];
+			T(e.value);
+		}
+	}
+	return /* @__PURE__ */ C("div", {
+		className: n("tabs", a, o, s, c && "full-width", p),
+		...m,
+		children: [/* @__PURE__ */ S("div", {
+			className: "tabs-list",
+			role: "tablist",
+			"aria-orientation": o,
+			onKeyDown: E,
+			children: e.map((e) => /* @__PURE__ */ S(k, {
+				item: e,
+				isActive: e.value === v?.value,
+				tabId: `${w}-${e.value}-tab`,
+				panelId: `${w}-${e.value}-panel`,
+				clickEffect: d,
+				rippleColor: f,
+				onSelect: T
+			}, e.value))
+		}), l && v?.content !== void 0 && /* @__PURE__ */ S("div", {
+			id: `${w}-${v.value}-panel`,
+			role: "tabpanel",
+			"aria-labelledby": `${w}-${v.value}-tab`,
+			className: n("tabs-panel", u),
+			children: v.content
+		}, v.value)]
+	});
+}
+//#endregion
+//#region src/components/layout/MSection/MSection.tsx
+function j({ as: e = "section", spacing: t = "lg", tone: r = "default", reveal: a, className: o, style: s, children: c, ...l }) {
+	let u = e, d = i(a), f = a !== void 0 && a !== !1;
+	return /* @__PURE__ */ S(u, {
+		ref: f ? d : void 0,
+		className: n("section", t, r, f && "reveal", o),
+		style: s,
+		...l,
+		children: c
+	});
+}
+//#endregion
+//#region src/components/layout/MInline/MInline.tsx
+function M({ align: e = "center", justify: t = "start", wrap: r = "wrap", reveal: s, spacing: c, padding: l, fsize: u, mt: d, mb: f, ml: p, mr: m, mx: h, my: g, pt: _, pb: v, pl: y, pr: b, px: x, py: C, fullWidth: w, className: T, style: E, children: D, ...O }) {
+	let k = a({ fsize: u }), A = i(s);
+	return /* @__PURE__ */ S("div", {
+		ref: s !== void 0 && s !== !1 ? A : void 0,
+		className: n("inline", e, `justify-${t}`, r, s !== void 0 && s !== !1 && "reveal", ...o({
+			spacing: c,
+			padding: l,
+			fsize: u,
+			mt: d,
+			mb: f,
+			ml: p,
+			mr: m,
+			mx: h,
+			my: g,
+			pt: _,
+			pb: v,
+			pl: y,
+			pr: b,
+			px: x,
+			py: C,
+			fullWidth: w
+		}), T),
+		style: {
+			...k,
+			...E
+		},
+		...O,
+		children: D
+	});
+}
+//#endregion
+//#region src/components/layout/MSimpleGrid/MSimpleGrid.tsx
+function N({ columns: e = 2, minItemWidth: t, className: r, style: i, children: a, ...o }) {
+	return /* @__PURE__ */ S("div", {
+		className: n("grid", `columns-${e}`, r),
+		style: {
+			...t ? { "--grid-min-item-width": t } : {},
+			...i
+		},
+		...o,
+		children: a
+	});
+}
+//#endregion
+//#region src/components/layout/MGrid/MGrid.tsx
+function P(e) {
+	return h(e) ? e.type === z ? !0 : e.type === R && e.props.type === "col" : !1;
+}
+function F(e) {
+	return {
+		span: e.span ?? 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
+	};
+}
+function I(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;
+	return Array.from({ length: t }, (e, t) => {
+		let i = n + +(t < r);
+		return i >= 1 ? i : void 0;
+	});
+}
+function L(e) {
+	let t = [
+		"span",
+		"xl",
+		"lg",
+		"md",
+		"sm"
+	], n = e.map((e) => F(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;
+				return;
+			}
+			t.push(r);
+		});
+		let a = I(Math.max(12 - i, 0), t.length);
+		t.forEach((t, n) => {
+			r[t][e] = a[n];
+		});
+	}
+	return r;
+}
+function R({ type: e = "row", span: t, sm: r, md: i, lg: s, xl: c, spacing: l, padding: u, fsize: p, mt: m, mb: h, ml: g, mr: _, mx: v, my: y, pt: b, pb: x, pl: C, pr: w, px: T, py: E, fullWidth: D, className: O, style: k, children: A, ...j }) {
+	let M = a({ fsize: p }), N = t ?? c ?? s;
+	if (e === "col") return /* @__PURE__ */ S("div", {
+		className: n("grid", "col", N ? `span-${N}` : "span-auto", c && `xl-${c}`, s && `lg-${s}`, i && `md-${i}`, r && `sm-${r}`, ...o({
+			spacing: l,
+			padding: u,
+			fsize: p,
+			mt: m,
+			mb: h,
+			ml: g,
+			mr: _,
+			mx: v,
+			my: y,
+			pt: b,
+			pb: x,
+			pl: C,
+			pr: w,
+			px: T,
+			py: E,
+			fullWidth: D
+		}), O),
+		style: {
+			...M,
+			...k
+		},
+		...j,
+		children: A
+	});
+	let F = d.toArray(A), I = F.flatMap((e, t) => P(e) ? [{
+		child: e,
+		index: t
+	}] : []), R = Math.min(Math.max(I.length || F.length, 1), 12), z = I.some(({ child: e }) => {
+		let t = e.props;
+		return !!(t.span || t.xl || t.lg || t.md || t.sm);
+	}), B = z ? L(I.map(({ child: e }) => e.props)) : null, V = z && B ? F.map((e, t) => {
+		let n = I.findIndex((e) => e.index === t);
+		if (n === -1 || !P(e)) return e;
+		let r = B[n];
+		return f(e, {
+			span: r.span,
+			xl: r.xl,
+			lg: r.lg,
+			md: r.md,
+			sm: r.sm
+		});
+	}) : F;
+	return /* @__PURE__ */ S("div", {
+		className: n("grid", "row", z ? "tracked" : `auto-cols-${R}`, ...o({
+			spacing: l,
+			padding: u,
+			fsize: p,
+			mt: m,
+			mb: h,
+			ml: g,
+			mr: _,
+			mx: v,
+			my: y,
+			pt: b,
+			pb: x,
+			pl: C,
+			pr: w,
+			px: T,
+			py: E,
+			fullWidth: D ?? !0
+		}), O),
+		style: {
+			...M,
+			...k
+		},
+		...j,
+		children: V
+	});
+}
+function z({ span: e, sm: t, md: n, lg: r, xl: i, ...a }) {
+	return /* @__PURE__ */ S(R, {
+		type: "col",
+		span: e,
+		sm: t,
+		md: n,
+		lg: r,
+		xl: i,
+		...a
+	});
+}
+//#endregion
+//#region src/components/layout/MDivider/MDivider.tsx
+function B({ orientation: e = "horizontal", variant: t = "solid", className: r, style: i, ...a }) {
+	return /* @__PURE__ */ S("div", {
+		role: "separator",
+		"aria-orientation": e,
+		className: n("divider", e, t, r),
+		style: i,
+		...a
+	});
+}
+//#endregion
+//#region src/components/layout/MSidebar/MSidebar.tsx
+var V = "mineralui-sidebar", H = p({
+	mode: "expanded",
+	mobile: !1,
+	mobileOpen: !1,
+	canToggle: !1,
+	toggleMode: () => {}
+});
+function U() {
+	return _(H);
+}
+function W(e) {
+	let [t, n] = x(() => typeof window < "u" ? window.innerWidth < e : !1);
+	return v(() => {
+		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 G({ mode: e = "auto", defaultMode: r = "expanded", onModeChange: i, persist: a = !1, side: o = "left", tone: s = "subtle", bordered: c = !0, mobileBreakpoint: l = 768, className: u, style: d, children: f }) {
+	let p = W(l), [m, h] = x(!1), [_, y] = x(() => {
+		if (a) try {
+			let e = localStorage.getItem(V);
+			if (e === "expanded" || e === "collapsed") return e;
+		} catch {}
+		return r;
+	}), w = e === "auto" ? _ : e === "collapsed" ? "collapsed" : "expanded", T = g(() => {
+		let e = w === "expanded" ? "collapsed" : "expanded";
+		if (y(e), i?.(e), a) try {
+			localStorage.setItem(V, e);
+		} catch {}
+	}, [
+		w,
+		i,
+		a
+	]), E = g(() => h(!1), []);
+	v(() => {
+		if (!m) return;
+		let e = (e) => {
+			e.key === "Escape" && h(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [m]);
+	let D = !p && e === "auto", O = b(() => ({
+		mode: w,
+		mobile: p,
+		mobileOpen: m,
+		canToggle: D,
+		toggleMode: T
+	}), [
+		w,
+		p,
+		m,
+		D,
+		T
+	]), k = n("sidebar", s, o, !p && w === "collapsed" && "collapsed", c && "bordered", p && "mobile", p && m && "mobile-open", u);
+	return /* @__PURE__ */ C(H.Provider, {
+		value: O,
+		children: [
+			p && m && /* @__PURE__ */ S("div", {
+				className: "sidebar-backdrop",
+				onClick: E
+			}),
+			/* @__PURE__ */ S("aside", {
+				className: k,
+				style: d,
+				children: f
+			}),
+			p && !m && /* @__PURE__ */ S("button", {
+				className: n("sidebar-hamburger", o),
+				onClick: () => h(!0),
+				"aria-label": "Open menu",
+				children: /* @__PURE__ */ S("span", {
+					className: "sidebar-hamburger-icon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ S(t, {})
+				})
+			})
+		]
+	});
+}
+function K({ bordered: t = !1, className: r, children: i }) {
+	let { mode: a, mobile: o, canToggle: s, toggleMode: c } = U(), u = !o && a === "collapsed";
+	return /* @__PURE__ */ C("div", {
+		className: n("sidebar-header", t && "bordered", r),
+		children: [/* @__PURE__ */ S("div", {
+			className: "sidebar-header-content",
+			children: i
+		}), s && /* @__PURE__ */ S(l, {
+			variant: "outlined",
+			color: "neutral",
+			iconOnly: !0,
+			size: "sm",
+			onClick: c,
+			"aria-label": u ? "Expand sidebar" : "Collapse sidebar",
+			className: "sidebar-toggle",
+			children: /* @__PURE__ */ S("span", {
+				className: n("sidebar-chevron", u && "flipped"),
+				children: /* @__PURE__ */ S(e, {})
+			})
+		})]
+	});
+}
+function q({ className: e, children: t }) {
+	return /* @__PURE__ */ S("div", {
+		className: n("sidebar-body", e),
+		children: t
+	});
+}
+function J({ className: e, children: t }) {
+	return /* @__PURE__ */ S("nav", {
+		className: n("sidebar-nav", e),
+		children: t
+	});
+}
+function Y({ icon: e, label: t, href: r, to: i, onClick: a, active: o = !1, disabled: s = !1, badge: c, color: l, component: d, className: f }) {
+	let { mode: p, mobile: m } = U(), h = !m && p === "collapsed", g = d ?? (r || i ? "a" : "button"), _ = d ? i ? { to: i } : r ? { href: r } : {} : r ? { href: r } : i ? { href: i } : {};
+	return /* @__PURE__ */ C(g, {
+		className: n("sidebar-item", o && "active", s && "disabled", l, f),
+		onClick: s ? void 0 : a,
+		"aria-disabled": s || void 0,
+		title: h ? t : void 0,
+		..._,
+		children: [
+			e && /* @__PURE__ */ S("span", {
+				className: "sidebar-item-icon",
+				children: e
+			}),
+			!h && /* @__PURE__ */ S(u, {
+				content: t,
+				placement: "top",
+				className: "sidebar-item-label-tooltip",
+				children: /* @__PURE__ */ S("span", {
+					className: "sidebar-item-label",
+					children: t
+				})
+			}),
+			!h && c && /* @__PURE__ */ S("span", {
+				className: "sidebar-item-badge",
+				children: c
+			})
+		]
+	});
+}
+function X({ label: t, icon: r, active: i = !1, defaultOpen: a = !0, collapsible: o = !0, children: s, className: l }) {
+	let u = U(), { mode: d, mobile: f } = u, p = !f && d === "collapsed", [m, h] = x(a), g = b(() => ({
+		...u,
+		mode: "expanded"
+	}), [u]), _ = () => {
+		o && h((e) => !e);
+	};
+	if (p) {
+		let e = /* @__PURE__ */ S("span", {
+			className: n("sidebar-group-icon collapsed", i && "active"),
+			title: t,
+			children: r
+		});
+		return /* @__PURE__ */ S("div", {
+			className: n("sidebar-group", l),
+			children: /* @__PURE__ */ S(c, {
+				trigger: e,
+				placement: "right-start",
+				closeOnSelect: !0,
+				openOn: "hover",
+				children: /* @__PURE__ */ S(H.Provider, {
+					value: g,
+					children: s
+				})
+			})
+		});
+	}
+	return /* @__PURE__ */ C("div", {
+		className: n("sidebar-group", l),
+		children: [/* @__PURE__ */ C("button", {
+			className: n("sidebar-group-header", i && "active"),
+			onClick: _,
+			"aria-expanded": m,
+			children: [
+				r && /* @__PURE__ */ S("span", {
+					className: "sidebar-group-icon",
+					children: r
+				}),
+				/* @__PURE__ */ S("span", {
+					className: "sidebar-group-label",
+					children: t
+				}),
+				o && /* @__PURE__ */ S("span", {
+					className: n("sidebar-group-arrow", m && "open"),
+					children: /* @__PURE__ */ S(e, {})
+				})
+			]
+		}), m && /* @__PURE__ */ S("div", {
+			className: "sidebar-group-items",
+			children: s
+		})]
+	});
+}
+function Z({ bordered: e = !1, className: t, children: r }) {
+	return /* @__PURE__ */ S("div", {
+		className: n("sidebar-footer", e && "bordered", t),
+		children: r
+	});
+}
+function Q({ className: e, spacing: t = "md" }) {
+	return /* @__PURE__ */ S("hr", { className: n("sidebar-divider", t, e) });
+}
+//#endregion
+//#region src/components/layout/MBreadcrumb/MBreadcrumb.tsx
+function $({ items: e, separator: t = "/", maxItems: r, className: i, ...a }) {
+	let o = b(() => {
+		if (!r || r >= e.length) return e;
+		if (r < 2) return [e[e.length - 1]];
+		let t = e.slice(0, 1), n = e.slice(-(r - 1));
+		return [
+			...t,
+			null,
+			...n
+		];
+	}, [e, r]);
+	return /* @__PURE__ */ S("nav", {
+		"aria-label": "breadcrumb",
+		className: n("breadcrumb", i),
+		...a,
+		children: /* @__PURE__ */ S("ol", {
+			className: "trail",
+			children: o.map((e, r) => {
+				if (e === null) return /* @__PURE__ */ C("li", {
+					className: "crumb dots",
+					children: [/* @__PURE__ */ S("span", {
+						className: "sep",
+						children: t
+					}), /* @__PURE__ */ S("span", { children: "…" })]
+				}, "ellipsis");
+				let i = r === o.length - 1;
+				return /* @__PURE__ */ C("li", {
+					className: n("crumb", i && "active"),
+					children: [r > 0 && /* @__PURE__ */ S("span", {
+						className: "sep",
+						children: t
+					}), e.href && !i ? /* @__PURE__ */ S("a", {
+						href: e.href,
+						className: "link",
+						onClick: e.onClick,
+						children: e.label
+					}) : e.onClick && !i ? /* @__PURE__ */ S("button", {
+						type: "button",
+						className: "link btn",
+						onClick: e.onClick,
+						children: e.label
+					}) : /* @__PURE__ */ S("span", {
+						className: "current",
+						"aria-current": i ? "page" : void 0,
+						children: e.label
+					})]
+				}, r);
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/layout/MAppShell/MAppShell.tsx
+var ee = m(function({ className: e, children: t, ...r }, i) {
+	let a = [], o = [];
+	return d.forEach(t, (e) => {
+		h(e) && e.type === G ? a.push(e) : o.push(e);
+	}), /* @__PURE__ */ C("div", {
+		ref: i,
+		className: n("app-shell", e),
+		...r,
+		children: [a, /* @__PURE__ */ S("div", {
+			className: "app-main",
+			children: o
+		})]
+	});
+}), te = m(function({ className: e, children: t, ...r }, i) {
+	return /* @__PURE__ */ S("div", {
+		ref: i,
+		className: n("app-body", e),
+		...r,
+		children: t
+	});
+});
+//#endregion
+export { w as C, T as S, j as _, q as a, D as b, X as c, J as d, B as f, M as g, N as h, G as i, K as l, z as m, te as n, Q as o, R as p, $ as r, Z as s, ee as t, Y as u, A as v, E as x, O as y };
+
+//# sourceMappingURL=layout-DgxSN0QV.js.map