@banzamel/mineralui 2.4.2 → 2.4.3

package/dist/{layout-DsE4zfpg.js → layout-DBYHyCTr.js}

@@ -1,20 +1,21 @@
 import { i as e, n as t, r as n } from "./theme-DAOU1aPs.js";
 import { $n as r, Gn as i, Sr as a, Zn as o, er as s, qi as c } from "./icons-CBMl-kOM.js";
 import { t as l } from "./cn-YER3QsV1.js";
-import { n as u, t as d } from "./layoutProps-CE5-ghKw.js";
-import { n as f } from "./MSurface-B-sjyczH.js";
-import { t as p } from "./MLink-Bd8fLH1N.js";
-import { t as m } from "./MButton-C1pnL4_j.js";
-import { t as h } from "./MButtonGroup-BkNf7fzo.js";
-import { t as g } from "./MSimpleGrid-BWKurW6H.js";
-import { t as _ } from "./MTooltip-H3we0a7w.js";
-import { i as v } from "./MDropdownMenu-C4CuKMRZ.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, useImperativeHandle as O, useMemo as k, useRef as A, useState as j } from "react";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { n as u, t as d } from "./layoutProps-Cl6d1KmH.js";
+import { n as f } from "./MSurface-CpDJCdb5.js";
+import { t as p } from "./MLink-CAl6N6_z.js";
+import { t as m } from "./MButton-CEwo8lUB.js";
+import { t as h } from "./MButtonGroup-BEJxXZ8u.js";
+import { n as g } from "./frameworkTexts-DP5RUl19.js";
+import { t as _ } from "./MSimpleGrid-Ui8cI0ho.js";
+import { t as v } from "./MTooltip-CJxvlkOX.js";
+import { i as y } from "./MDropdownMenu-DxbKN7Ui.js";
+import { Children as b, cloneElement as x, createContext as S, forwardRef as C, isValidElement as w, useCallback as T, useContext as E, useEffect as D, useId as O, useImperativeHandle as k, useMemo as A, useRef as j, useState as M } from "react";
+import { jsx as N, jsxs as P } 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: s, mb: c, ml: f, mr: p, mx: m, my: h, pt: g, pb: _, pl: v, pr: y, px: b, py: x, fullWidth: S, className: C, style: w, children: T, ...E }) {
+function F({ size: e = "content", padded: t = !0, hidden: r, spacing: i, padding: a, fsize: o, mt: s, mb: c, 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", {
+	return /* @__PURE__ */ N("div", {
 		className: l("container", e, t && "padded", ...d({
 			spacing: i,
 			padding: a,
@@ -44,12 +45,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: s, className: c, children: u, ...d }) {
-	return /* @__PURE__ */ M("header", {
+function I({ container: e = "wide", padded: t = !0, bordered: r = !0, sticky: i = !1, tone: a = "surface", layout: o = "split", hidden: s, className: c, children: u, ...d }) {
+	return /* @__PURE__ */ N("header", {
 		className: l("header", a, r && "bordered", i && "sticky", c),
 		...n(s),
 		...d,
-		children: /* @__PURE__ */ M(P, {
+		children: /* @__PURE__ */ N(F, {
 			size: e,
 			padded: t,
 			className: l("inner", `layout-${o}`),
@@ -59,9 +60,9 @@ 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: s, fsize: c, 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 }) {
+function L({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i = "surface", hidden: a, spacing: o, padding: s, fsize: c, 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: c });
-	return /* @__PURE__ */ M("footer", {
+	return /* @__PURE__ */ N("footer", {
 		className: l("footer", i, r && "bordered", ...d({
 			spacing: o,
 			padding: s,
@@ -86,7 +87,7 @@ function I({ container: e = "wide", padded: t = !0, bordered: r = !0, tone: i =
 		},
 		...n(a),
 		...O,
-		children: /* @__PURE__ */ M(P, {
+		children: /* @__PURE__ */ N(F, {
 			size: e,
 			padded: t,
 			className: "inner",
@@ -97,13 +98,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 R({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ N("div", {
 		className: l("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__ */ P(p, {
 				component: e.component,
 				href: e.href,
 				to: e.to,
@@ -114,10 +115,10 @@ function L({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r
 				disabled: e.disabled,
 				className: l("link", n && "icon-only", e.className),
 				"aria-label": i,
-				children: [t ? /* @__PURE__ */ M("span", {
+				children: [t ? /* @__PURE__ */ N("span", {
 					className: "icon",
 					"aria-hidden": !n || void 0,
-					children: /* @__PURE__ */ M(t, { size: e.iconSize })
+					children: /* @__PURE__ */ N(t, { size: e.iconSize })
 				}) : null, n ? null : e.label]
 			}, e.key ?? e.href ?? e.title?.toString() ?? r ?? "");
 		}) : i
@@ -125,22 +126,22 @@ function L({ items: e, orientation: t = "horizontal", wrap: n = !1, className: r
 }
 //#endregion
 //#region src/components/layout/MNavbar/MNavbar.tsx
-function R(e, t = []) {
-	return y.forEach(e, (e) => {
-		if (!C(e)) return;
-		if (e.type === L) {
+function ee(e, t = []) {
+	return b.forEach(e, (e) => {
+		if (!w(e)) return;
+		if (e.type === R) {
 			t.push(e);
 			return;
 		}
 		let n = e.props?.children;
-		n !== void 0 && R(n, t);
+		n !== void 0 && ee(n, t);
 	}), t;
 }
-function z({ container: r = "content", padded: i = !0, bordered: a = !0, sticky: s = !1, tone: c = "surface", justify: u = "between", wrap: d = !1, mobileMenu: p = "dropdown", mobileMenuContent: h, mobileMenuFooter: g, collapseActions: _ = !1, mobileMenuLabel: v = "Open navigation", mobileBreakpoint: x = t.compact, hidden: S, className: w, children: T, ...O }) {
-	let [k, F] = j(!1), I = A(null), L = D(), z = e(x), B = y.toArray(T), V = R(T).map((e, t) => b(e, {
+function z({ container: r = "content", padded: i = !0, bordered: a = !0, sticky: s = !1, tone: c = "surface", justify: u = "between", wrap: d = !1, mobileMenu: p = "dropdown", mobileMenuContent: h, mobileMenuFooter: g, collapseActions: _ = !1, mobileMenuLabel: v = "Open navigation", mobileBreakpoint: y = t.compact, hidden: S, className: C, children: T, ...E }) {
+	let [k, A] = M(!1), I = j(null), L = O(), R = e(y), z = b.toArray(T), te = ee(T).map((e, t) => x(e, {
 		key: `mnavbar-mobile-navs-${t}`,
 		orientation: "vertical"
-	})), H = /* @__PURE__ */ M(m, {
+	})), B = /* @__PURE__ */ N(m, {
 		type: "button",
 		variant: "ghost",
 		size: "md",
@@ -150,90 +151,90 @@ function z({ container: r = "content", padded: i = !0, bordered: a = !0, sticky:
 		"aria-label": v,
 		"aria-expanded": k,
 		"aria-controls": L,
-		onClick: J,
-		children: /* @__PURE__ */ M(o, {})
-	}, "mnavbar-toggle"), U = -1;
-	for (let e = B.length - 1; e >= 0; --e) {
-		let t = B[e];
-		if (C(t) && t.type === f) {
-			U = e;
+		onClick: q,
+		children: /* @__PURE__ */ N(o, {})
+	}, "mnavbar-toggle"), V = -1;
+	for (let e = z.length - 1; e >= 0; --e) {
+		let t = z[e];
+		if (w(t) && t.type === f) {
+			V = 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 (C(t) && t.type === f) {
-				q = e;
+	let H = _ && R && V !== -1, U = null, W = z, G = V;
+	if (H) {
+		U = z[V], W = z.filter((e, t) => t !== V), G = -1;
+		for (let e = W.length - 1; e >= 0; --e) {
+			let t = W[e];
+			if (w(t) && t.type === f) {
+				G = e;
 				break;
 			}
 		}
 	}
-	let ee = q === -1 ? [...K, H] : K.map((e, t) => {
-		if (t !== q) return e;
-		let n = e, r = y.toArray(n.props.children);
-		return b(n, {
+	let K = G === -1 ? [...W, B] : W.map((e, t) => {
+		if (t !== G) return e;
+		let n = e, r = b.toArray(n.props.children);
+		return x(n, {
 			key: n.key ?? `mnavbar-inline-${t}`,
-			children: [...r, H]
+			children: [...r, B]
 		});
 	});
-	E(() => {
+	D(() => {
 		if (!k) return;
 		function e(e) {
 			let t = I.current;
-			t && (e.target instanceof Node && t.contains(e.target) || F(!1));
+			t && (e.target instanceof Node && t.contains(e.target) || A(!1));
 		}
 		function t(e) {
-			e.key === "Escape" && F(!1);
+			e.key === "Escape" && A(!1);
 		}
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [k]), E(() => {
-		z || F(!1);
-	}, [z]);
-	function J() {
-		F((e) => !e);
+	}, [k]), D(() => {
+		R || A(!1);
+	}, [R]);
+	function q() {
+		A((e) => !e);
 	}
-	function Y(e) {
+	function J(e) {
 		let t = e.target;
-		t && t.closest("a, [role=\"menuitem\"]") && F(!1);
+		t && t.closest("a, [role=\"menuitem\"]") && A(!1);
 	}
-	return /* @__PURE__ */ N("nav", {
+	return /* @__PURE__ */ P("nav", {
 		ref: I,
-		className: l("navbar", c, a && "bordered", s && "sticky", z && "mobile-view", k && "mobile-open", `mobile-${p}`, w),
+		className: l("navbar", c, a && "bordered", s && "sticky", R && "mobile-view", k && "mobile-open", `mobile-${p}`, C),
 		...n(S),
-		...O,
+		...E,
 		children: [
-			/* @__PURE__ */ M(P, {
+			/* @__PURE__ */ N(F, {
 				size: r,
 				padded: i,
 				className: "container",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: l("inner", u, d && "wrap"),
-					children: ee
+					children: K
 				})
 			}),
-			p === "drawer" && /* @__PURE__ */ M("div", {
+			p === "drawer" && /* @__PURE__ */ N("div", {
 				className: l("mobile-backdrop", k && "visible"),
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ P("div", {
 				id: L,
 				className: l("mobile-menu", p, k && "open"),
 				role: "menu",
 				"aria-hidden": !k || void 0,
-				onClick: Y,
+				onClick: J,
 				children: [
-					V,
+					te,
 					h,
-					G ? /* @__PURE__ */ M("div", {
+					U ? /* @__PURE__ */ N("div", {
 						className: "mobile-menu-footer",
-						children: b(G, { key: "mnavbar-collapsed-actions" })
+						children: x(U, { key: "mnavbar-collapsed-actions" })
 					}) : null,
-					g ? /* @__PURE__ */ M("div", {
+					g ? /* @__PURE__ */ N("div", {
 						className: "mobile-menu-footer",
 						children: g
 					}) : null
@@ -244,8 +245,8 @@ function z({ container: r = "content", padded: i = !0, bordered: a = !0, sticky:
 }
 //#endregion
 //#region src/components/layout/MSection/MSection.tsx
-function B({ as: e = "section", spacing: t = "lg", tone: r = "default", hidden: i, className: a, style: o, children: s, ...c }) {
-	return /* @__PURE__ */ M(e, {
+function te({ as: e = "section", spacing: t = "lg", tone: r = "default", hidden: i, className: a, style: o, children: s, ...c }) {
+	return /* @__PURE__ */ N(e, {
 		className: l("section", t, r, a),
 		style: o,
 		...n(i),
@@ -255,8 +256,8 @@ function B({ as: e = "section", spacing: t = "lg", tone: r = "default", hidden:
 }
 //#endregion
 //#region src/components/layout/MStatGrid/MStatGrid.tsx
-function V({ items: e, renderItem: t, children: n, columns: r = 4, minItemWidth: i = "15rem", ...a }) {
-	return /* @__PURE__ */ M(g, {
+function B({ items: e, renderItem: t, children: n, columns: r = 4, minItemWidth: i = "15rem", ...a }) {
+	return /* @__PURE__ */ N(_, {
 		columns: r,
 		minItemWidth: i,
 		...a,
@@ -265,9 +266,9 @@ function V({ items: e, renderItem: t, children: n, columns: r = 4, minItemWidth:
 }
 //#endregion
 //#region src/components/layout/MDivider/MDivider.tsx
-function H({ orientation: e = "horizontal", variant: t = "solid", hidden: r, spacing: i, padding: a, fsize: o, mt: s, mb: c, 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, ...T }) {
+function V({ orientation: e = "horizontal", variant: t = "solid", hidden: r, spacing: i, padding: a, fsize: o, mt: s, mb: c, 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, ...T }) {
 	let E = u({ fsize: o });
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ N("div", {
 		role: "separator",
 		"aria-orientation": e,
 		className: l("divider", e, t, ...d({
@@ -298,88 +299,88 @@ function H({ orientation: e = "horizontal", variant: t = "solid", hidden: r, spa
 }
 //#endregion
 //#region src/components/layout/MSidebar/MSidebar.tsx
-var U = "mineralui-sidebar", W = x({
+var H = "mineralui-sidebar", U = S({
 	mode: "expanded",
 	mobile: !1,
 	mobileOpen: !1,
 	canToggle: !1,
 	toggleMode: () => {}
 });
-function G() {
-	return T(W);
+function W() {
+	return E(U);
 }
-function K({ mode: n = "auto", defaultMode: r = "expanded", onModeChange: i, persist: a = !1, side: s = "left", tone: c = "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] = j(!1), [S, C] = j(() => {
+function G({ mode: n = "auto", defaultMode: r = "expanded", onModeChange: i, persist: a = !1, side: s = "left", tone: c = "subtle", bordered: u = !0, mobileBreakpoint: d = t.mobile, compactBreakpoint: f = t.compact, className: p, style: m, children: h }) {
+	let _ = g(), v = Math.max(f, d), y = e(d), b = e(v), x = !y && b, [S, C] = M(!1), [w, E] = M(() => {
 		if (a) try {
-			let e = localStorage.getItem(U);
+			let e = localStorage.getItem(H);
 			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(U, e);
+	}), O = y ? "expanded" : x ? "collapsed" : n === "auto" ? w : n === "collapsed" ? "collapsed" : "expanded", k = T(() => {
+		let e = O === "expanded" ? "collapsed" : "expanded";
+		if (E(e), i?.(e), a) try {
+			localStorage.setItem(H, e);
 		} catch {}
 	}, [
-		T,
+		O,
 		i,
 		a
-	]), O = w(() => x(!1), []);
-	E(() => {
-		if (!b) return;
+	]), j = T(() => C(!1), []);
+	D(() => {
+		if (!S) return;
 		let e = (e) => {
-			e.key === "Escape" && x(!1);
+			e.key === "Escape" && C(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [b]), E(() => {
-		_ || x(!1);
-	}, [_]);
-	let A = !_ && !y && n === "auto", P = k(() => ({
-		mode: T,
-		mobile: _,
-		mobileOpen: b,
-		canToggle: A,
-		toggleMode: D
+	}, [S]), D(() => {
+		y || C(!1);
+	}, [y]);
+	let F = !y && !x && n === "auto", I = A(() => ({
+		mode: O,
+		mobile: y,
+		mobileOpen: S,
+		canToggle: F,
+		toggleMode: k
 	}), [
-		T,
-		_,
-		b,
-		A,
-		D
-	]), F = l("sidebar", c, s, !_ && T === "collapsed" && "collapsed", y && "compact", u && "bordered", _ && "mobile", _ && b && "mobile-open", p);
-	return /* @__PURE__ */ N(W.Provider, {
-		value: P,
+		O,
+		y,
+		S,
+		F,
+		k
+	]), L = l("sidebar", c, s, !y && O === "collapsed" && "collapsed", x && "compact", u && "bordered", y && "mobile", y && S && "mobile-open", p);
+	return /* @__PURE__ */ P(U.Provider, {
+		value: I,
 		children: [
-			_ && b && /* @__PURE__ */ M("div", {
+			y && S && /* @__PURE__ */ N("div", {
 				className: "sidebar-backdrop",
-				onClick: O
+				onClick: j
 			}),
-			/* @__PURE__ */ M("aside", {
-				className: F,
+			/* @__PURE__ */ N("aside", {
+				className: L,
 				style: m,
 				children: h
 			}),
-			_ && !b && /* @__PURE__ */ M("button", {
+			y && !S && /* @__PURE__ */ N("button", {
 				className: l("sidebar-hamburger", s),
-				onClick: () => x(!0),
-				"aria-label": "Open menu",
-				children: /* @__PURE__ */ M("span", {
+				onClick: () => C(!0),
+				"aria-label": _.openMenu,
+				children: /* @__PURE__ */ N("span", {
 					className: "sidebar-hamburger-icon",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ M(o, {})
+					children: /* @__PURE__ */ N(o, {})
 				})
 			})
 		]
 	});
 }
-function q({ bordered: e = !1, className: t, children: n }) {
-	let { mode: r, mobile: i, canToggle: a, toggleMode: o } = G(), s = !i && r === "collapsed";
-	return /* @__PURE__ */ N("div", {
+function K({ bordered: e = !1, className: t, children: n }) {
+	let { mode: r, mobile: i, canToggle: a, toggleMode: o } = W(), s = !i && r === "collapsed";
+	return /* @__PURE__ */ P("div", {
 		className: l("sidebar-header", e && "bordered", t),
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "sidebar-header-content",
 			children: n
-		}), a && /* @__PURE__ */ M(m, {
+		}), a && /* @__PURE__ */ N(m, {
 			variant: "outlined",
 			color: "neutral",
 			iconOnly: !0,
@@ -387,120 +388,120 @@ function q({ bordered: e = !1, className: t, children: n }) {
 			onClick: o,
 			"aria-label": s ? "Expand sidebar" : "Collapse sidebar",
 			className: "sidebar-toggle",
-			children: /* @__PURE__ */ M("span", {
+			children: /* @__PURE__ */ N("span", {
 				className: l("sidebar-chevron", s && "flipped"),
-				children: /* @__PURE__ */ M(c, {})
+				children: /* @__PURE__ */ N(c, {})
 			})
 		})]
 	});
 }
-function ee({ className: e, children: t }) {
-	return /* @__PURE__ */ M("div", {
+function q({ className: e, children: t }) {
+	return /* @__PURE__ */ N("div", {
 		className: l("sidebar-body", e),
 		children: t
 	});
 }
 function J({ className: e, children: t }) {
-	return /* @__PURE__ */ M("nav", {
+	return /* @__PURE__ */ N("nav", {
 		className: l("sidebar-nav", e),
 		children: t
 	});
 }
-function Y({ icon: e, label: t, description: n, href: r, to: i, onClick: a, active: o = !1, disabled: s = !1, badge: c, color: u, component: d, className: f }) {
-	let { mode: p, mobile: m } = G(), h = !m && p === "collapsed", g = 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, {
+function ne({ icon: e, label: t, description: n, href: r, to: i, onClick: a, active: o = !1, disabled: s = !1, badge: c, color: u, component: d, className: f }) {
+	let { mode: p, mobile: m } = W(), h = !m && p === "collapsed", g = n ?? t, _ = 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__ */ P(y, {
 		className: l("sidebar-item", o && "active", s && "disabled", u, f),
 		onClick: s ? void 0 : a,
 		"aria-disabled": s || void 0,
-		title: h ? v : void 0,
+		title: h ? _ : void 0,
 		...b,
 		children: [
-			e && /* @__PURE__ */ M("span", {
+			e && /* @__PURE__ */ N("span", {
 				className: "sidebar-item-icon",
 				children: e
 			}),
-			!h && /* @__PURE__ */ M(_, {
+			!h && /* @__PURE__ */ N(v, {
 				content: g,
 				placement: "top",
 				className: "sidebar-item-label-tooltip",
-				children: /* @__PURE__ */ M("span", {
+				children: /* @__PURE__ */ N("span", {
 					className: "sidebar-item-label",
 					children: t
 				})
 			}),
-			!h && c && /* @__PURE__ */ M("span", {
+			!h && c && /* @__PURE__ */ N("span", {
 				className: "sidebar-item-badge",
 				children: c
 			})
 		]
 	});
 }
-function te({ label: e, icon: t, active: n = !1, defaultOpen: r = !0, collapsible: i = !0, children: a, className: o }) {
-	let s = G(), { mode: u, mobile: d } = s, f = !d && u === "collapsed", [p, m] = j(r), h = k(() => ({
+function Y({ label: e, icon: t, active: n = !1, defaultOpen: r = !0, collapsible: i = !0, children: a, className: o }) {
+	let s = W(), { mode: u, mobile: d } = s, f = !d && u === "collapsed", [p, m] = M(r), h = A(() => ({
 		...s,
 		mode: "expanded"
 	}), [s]), g = () => {
 		i && m((e) => !e);
 	};
 	if (f) {
-		let r = /* @__PURE__ */ M("span", {
+		let r = /* @__PURE__ */ N("span", {
 			className: l("sidebar-group-icon collapsed", n && "active"),
 			title: e,
 			children: t
 		});
-		return /* @__PURE__ */ M("div", {
+		return /* @__PURE__ */ N("div", {
 			className: l("sidebar-group", o),
-			children: /* @__PURE__ */ M(v, {
+			children: /* @__PURE__ */ N(y, {
 				trigger: r,
 				placement: "right-start",
 				closeOnSelect: !0,
 				openOn: "hover",
-				children: /* @__PURE__ */ M(W.Provider, {
+				children: /* @__PURE__ */ N(U.Provider, {
 					value: h,
 					children: a
 				})
 			})
 		});
 	}
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ P("div", {
 		className: l("sidebar-group", o),
-		children: [/* @__PURE__ */ N("button", {
+		children: [/* @__PURE__ */ P("button", {
 			className: l("sidebar-group-header", n && "active"),
 			onClick: g,
 			"aria-expanded": p,
 			children: [
-				t && /* @__PURE__ */ M("span", {
+				t && /* @__PURE__ */ N("span", {
 					className: "sidebar-group-icon",
 					children: t
 				}),
-				/* @__PURE__ */ M("span", {
+				/* @__PURE__ */ N("span", {
 					className: "sidebar-group-label",
 					children: e
 				}),
-				i && /* @__PURE__ */ M("span", {
+				i && /* @__PURE__ */ N("span", {
 					className: l("sidebar-group-arrow", p && "open"),
-					children: /* @__PURE__ */ M(c, {})
+					children: /* @__PURE__ */ N(c, {})
 				})
 			]
-		}), p && /* @__PURE__ */ M("div", {
+		}), p && /* @__PURE__ */ N("div", {
 			className: "sidebar-group-items",
 			children: a
 		})]
 	});
 }
-function ne({ bordered: e = !1, className: t, children: n }) {
-	return /* @__PURE__ */ M("div", {
+function re({ bordered: e = !1, className: t, children: n }) {
+	return /* @__PURE__ */ N("div", {
 		className: l("sidebar-footer", e && "bordered", t),
 		children: n
 	});
 }
-function X({ className: e, spacing: t = "md" }) {
-	return /* @__PURE__ */ M("hr", { className: l("sidebar-divider", t, e) });
+function ie({ className: e, spacing: t = "md" }) {
+	return /* @__PURE__ */ N("hr", { className: l("sidebar-divider", t, e) });
 }
 //#endregion
 //#region src/components/layout/MBreadcrumb/MBreadcrumb.tsx
-function Z({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
-	let a = k(() => {
+function X({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
+	let a = A(() => {
 		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));
@@ -510,37 +511,37 @@ function Z({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
 			...r
 		];
 	}, [e, n]);
-	return /* @__PURE__ */ M("nav", {
+	return /* @__PURE__ */ N("nav", {
 		"aria-label": "breadcrumb",
 		className: l("breadcrumb", r),
 		...i,
-		children: /* @__PURE__ */ M("ol", {
+		children: /* @__PURE__ */ N("ol", {
 			className: "trail",
 			children: a.map((e, n) => {
-				if (e === null) return /* @__PURE__ */ N("li", {
+				if (e === null) return /* @__PURE__ */ P("li", {
 					className: "crumb dots",
-					children: [/* @__PURE__ */ M("span", {
+					children: [/* @__PURE__ */ N("span", {
 						className: "sep",
 						children: t
-					}), /* @__PURE__ */ M("span", { children: "…" })]
+					}), /* @__PURE__ */ N("span", { children: "…" })]
 				}, "ellipsis");
 				let r = n === a.length - 1;
-				return /* @__PURE__ */ N("li", {
+				return /* @__PURE__ */ P("li", {
 					className: l("crumb", r && "active"),
-					children: [n > 0 && /* @__PURE__ */ M("span", {
+					children: [n > 0 && /* @__PURE__ */ N("span", {
 						className: "sep",
 						children: t
-					}), e.href && !r ? /* @__PURE__ */ M("a", {
+					}), e.href && !r ? /* @__PURE__ */ N("a", {
 						href: e.href,
 						className: "link",
 						onClick: e.onClick,
 						children: e.label
-					}) : e.onClick && !r ? /* @__PURE__ */ M("button", {
+					}) : e.onClick && !r ? /* @__PURE__ */ N("button", {
 						type: "button",
 						className: "link btn",
 						onClick: e.onClick,
 						children: e.label
-					}) : /* @__PURE__ */ M("span", {
+					}) : /* @__PURE__ */ N("span", {
 						className: "current",
 						"aria-current": r ? "page" : void 0,
 						children: e.label
@@ -552,21 +553,21 @@ function Z({ items: e, separator: t = "/", maxItems: n, className: r, ...i }) {
 }
 //#endregion
 //#region src/components/layout/MAppShell/MAppShell.tsx
-var Q = S(function({ className: e, children: t, ...n }, r) {
+var Z = C(function({ className: e, children: t, ...n }, r) {
 	let i = [], a = [];
-	return y.forEach(t, (e) => {
-		C(e) && e.type === K ? i.push(e) : a.push(e);
-	}), /* @__PURE__ */ N("div", {
+	return b.forEach(t, (e) => {
+		w(e) && e.type === G ? i.push(e) : a.push(e);
+	}), /* @__PURE__ */ P("div", {
 		ref: r,
 		className: l("app-shell", e),
 		...n,
-		children: [i, /* @__PURE__ */ M("div", {
+		children: [i, /* @__PURE__ */ N("div", {
 			className: "app-main",
 			children: a
 		})]
 	});
-}), re = S(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ M("div", {
+}), Q = C(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ N("div", {
 		ref: r,
 		className: l("app-body", e),
 		...n,
@@ -575,9 +576,9 @@ var Q = S(function({ className: e, children: t, ...n }, r) {
 });
 //#endregion
 //#region src/components/layout/MCanvasGrid/ScaleToFit.tsx
-function ie({ baseWidth: e = 480, children: t }) {
-	let n = A(null), r = A(null), [i, a] = j(1), [o, s] = j(e);
-	return E(() => {
+function ae({ baseWidth: e = 480, children: t }) {
+	let n = j(null), r = j(null), [i, a] = M(1), [o, s] = M(e);
+	return D(() => {
 		let t = n.current, i = r.current;
 		if (!t || !i) return;
 		let o = 0, c = () => {
@@ -593,10 +594,10 @@ function ie({ baseWidth: e = 480, children: t }) {
 		return l.observe(t), l.observe(i), c(), () => {
 			cancelAnimationFrame(o), l.disconnect();
 		};
-	}, [e]), /* @__PURE__ */ M("div", {
+	}, [e]), /* @__PURE__ */ N("div", {
 		ref: n,
 		className: "canvas-grid-scale-wrapper",
-		children: /* @__PURE__ */ M("div", {
+		children: /* @__PURE__ */ N("div", {
 			ref: r,
 			className: "canvas-grid-scale-content",
 			style: {
@@ -609,21 +610,21 @@ function ie({ baseWidth: e = 480, children: t }) {
 }
 //#endregion
 //#region src/components/layout/MCanvasGrid/MCanvasGrid.tsx
-function ae(e, t, n) {
+function oe(e, t, n) {
 	return Math.max(t, Math.min(n, e));
 }
-function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d, minItemSize: f, maxItemSize: p, editable: g = !1, onItemMove: _, onItemResize: v, onItemRemove: y, onItemEdit: b, onItemExpand: x, guides: S = "always", compactBreakpoint: C = t.compact, mobileBreakpoint: T = t.mobile, height: D, fitContent: O = "scroll", fitContentBaseWidth: k = 480, className: P, style: F }, I) {
-	let L = A(null), [R, z] = j({
+function se({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d, minItemSize: f, maxItemSize: p, editable: _ = !1, onItemMove: v, onItemResize: y, onItemRemove: b, onItemEdit: x, onItemExpand: S, guides: C = "always", compactBreakpoint: w = t.compact, mobileBreakpoint: E = t.mobile, height: O, fitContent: k = "scroll", fitContentBaseWidth: A = 480, className: F, style: I }, L) {
+	let R = g(), ee = j(null), [z, te] = M({
 		width: 0,
 		height: 0
-	}), [B, V] = j(null), [H, U] = j(null), [W, G] = j({}), K = A(0);
+	}), [B, V] = M(null), [H, U] = M(null), [W, G] = M({}), K = j(0);
 	function q(e) {
 		K.current += 1, G((t) => ({
 			...t,
 			[e]: K.current
 		}));
 	}
-	function ee() {
+	function J() {
 		let e = !0, t = (n) => {
 			e && (e = !1, n.stopPropagation(), n.preventDefault(), window.removeEventListener("click", t, !0));
 		};
@@ -631,11 +632,11 @@ function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d
 			e && (e = !1, window.removeEventListener("click", t, !0));
 		}, 60);
 	}
-	let J = e(T), Y = e(C) && !J, te = n * c, ne = o * c, X = Y ? Math.max(1, Math.round(te / 2)) : te, Z = Y ? Math.max(1, Math.round(ne / 2)) : ne, Q = Y ? Math.max(1, Math.round(n / 2)) : n, re = Y ? Math.max(1, Math.round(o / 2)) : o, $ = g && !J;
-	E(() => {
-		let e = L.current;
+	let ne = e(E), Y = e(w) && !ne, re = n * c, ie = o * c, X = Y ? Math.max(1, Math.round(re / 2)) : re, Z = Y ? Math.max(1, Math.round(ie / 2)) : ie, Q = Y ? Math.max(1, Math.round(n / 2)) : n, se = Y ? Math.max(1, Math.round(o / 2)) : o, $ = _ && !ne;
+	D(() => {
+		let e = ee.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = () => z({
+		let t = () => te({
 			width: e.clientWidth,
 			height: e.clientHeight
 		});
@@ -643,10 +644,10 @@ function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []);
-	let oe = w((e) => {
-		L.current = e, typeof I == "function" ? I(e) : I && (I.current = e);
-	}, [I]);
-	function se(e) {
+	let ce = T((e) => {
+		ee.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
+	}, [L]);
+	function le(e) {
 		let t = f?.(e);
 		return t ? {
 			w: Math.max(c, t.w * c),
@@ -656,7 +657,7 @@ function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d
 			h: c
 		};
 	}
-	function ce(e, t) {
+	function ue(e, t) {
 		$ && (e.stopPropagation(), e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), q(t.id), V({
 			itemId: t.id,
 			mode: "resize",
@@ -665,7 +666,7 @@ function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d
 			original: { ...t.position }
 		}), U({ ...t.position }));
 	}
-	function le(e, t) {
+	function de(e, t) {
 		$ && (e.target.closest("button, [role=\"button\"]") || (e.stopPropagation(), e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), q(t.id), V({
 			itemId: t.id,
 			mode: "drag",
@@ -674,20 +675,20 @@ function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d
 			original: { ...t.position }
 		}), U({ ...t.position })));
 	}
-	function ue(e) {
-		if (!B || R.width === 0 || R.height === 0) return;
-		let t = R.width / X, n = R.height / Z, r = Math.round((e.clientX - B.startClientX) / t), i = Math.round((e.clientY - B.startClientY) / n), a = B.original, o = u.find((e) => e.id === B.itemId), s = o ? se(o) : {
+	function fe(e) {
+		if (!B || z.width === 0 || z.height === 0) return;
+		let t = z.width / X, n = z.height / Z, r = Math.round((e.clientX - B.startClientX) / t), i = Math.round((e.clientY - B.startClientY) / n), a = B.original, o = u.find((e) => e.id === B.itemId), s = o ? le(o) : {
 			w: c,
 			h: c
 		};
 		if (B.mode === "drag") U({
-			x: ae(a.x + r, 0, X - a.w),
-			y: ae(a.y + i, 0, Z - a.h),
+			x: oe(a.x + r, 0, X - a.w),
+			y: oe(a.y + i, 0, Z - a.h),
 			w: a.w,
 			h: a.h
 		});
 		else {
-			let e = ae(a.w + r, s.w, X - a.x), t = ae(a.h + i, s.h, Z - a.y);
+			let e = oe(a.w + r, s.w, X - a.x), t = oe(a.h + i, s.h, Z - a.y);
 			U({
 				x: a.x,
 				y: a.y,
@@ -696,53 +697,53 @@ function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d
 			});
 		}
 	}
-	function de(e) {
+	function pe(e) {
 		if (B) {
 			try {
 				e.currentTarget.releasePointerCapture(e.pointerId);
 			} catch {}
-			H && (B.mode === "drag" ? _?.(B.itemId, H) : v?.(B.itemId, H)), V(null), U(null);
+			H && (B.mode === "drag" ? v?.(B.itemId, H) : y?.(B.itemId, H)), V(null), U(null);
 		}
 	}
-	function fe(e) {
-		B && (ee(), de(e));
+	function me(e) {
+		B && (J(), pe(e));
 	}
-	let pe = S === "always" || S === "on-edit" && $ || S === "on-drag" && B !== null, me = D === void 0 ? void 0 : { height: typeof D == "number" ? `${D}px` : D };
-	if (J) {
+	let he = C === "always" || C === "on-edit" && $ || C === "on-drag" && B !== null, ge = O === void 0 ? void 0 : { height: typeof O == "number" ? `${O}px` : O };
+	if (ne) {
 		let e = [...u].sort((e, t) => e.position.y - t.position.y);
-		return /* @__PURE__ */ M("div", {
-			ref: oe,
-			className: l("canvas-grid", "mobile", P),
+		return /* @__PURE__ */ N("div", {
+			ref: ce,
+			className: l("canvas-grid", "mobile", F),
 			"data-guides": "off",
 			style: {
-				...me,
-				...F
+				...ge,
+				...I
 			},
-			children: e.map((e) => /* @__PURE__ */ M("div", {
+			children: e.map((e) => /* @__PURE__ */ N("div", {
 				className: "canvas-grid-item",
 				children: d(e)
 			}, e.id))
 		});
 	}
-	let he = {
-		...me,
-		...F,
+	let _e = {
+		...ge,
+		...I,
 		gridTemplateColumns: `repeat(${X}, 1fr)`,
 		gridTemplateRows: `repeat(${Z}, 1fr)`,
 		"--canvas-grid-cells": String(Q),
-		"--canvas-grid-row-cells": String(re)
-	}, ge = Q * re;
-	return /* @__PURE__ */ N("div", {
-		ref: oe,
-		className: l("canvas-grid", Y && "compact", $ && "editable", P),
-		"data-guides": pe ? "on" : "off",
-		style: he,
-		children: [/* @__PURE__ */ M("div", {
+		"--canvas-grid-row-cells": String(se)
+	}, ve = Q * se;
+	return /* @__PURE__ */ P("div", {
+		ref: ce,
+		className: l("canvas-grid", Y && "compact", $ && "editable", F),
+		"data-guides": he ? "on" : "off",
+		style: _e,
+		children: [/* @__PURE__ */ N("div", {
 			className: "canvas-grid-overlay",
 			"aria-hidden": !0,
-			children: Array.from({ length: ge }, (e, t) => {
-				let n = (t + 1) % Q === 0, r = t >= ge - Q;
-				return /* @__PURE__ */ M("div", { className: l("canvas-grid-cell", n && "no-right", r && "no-bottom") }, t);
+			children: Array.from({ length: ve }, (e, t) => {
+				let n = (t + 1) % Q === 0, r = t >= ve - Q;
+				return /* @__PURE__ */ N("div", { className: l("canvas-grid-cell", n && "no-right", r && "no-bottom") }, t);
 			})
 		}), u.map((e) => {
 			let t = B?.itemId === e.id, n = t && H ? H : e.position, o = Y ? Math.round(n.x / 2) : n.x, c = Y ? Math.round(n.y / 2) : n.y, u = Math.max(1, Y ? Math.round(n.w / 2) : n.w), f = Math.max(1, Y ? Math.round(n.h / 2) : n.h), p = 1 + (W[e.id] ?? 0), g = {
@@ -750,98 +751,98 @@ function $({ columns: n = 24, rows: o = 24, snap: c = 4, items: u, renderItem: d
 				gridRow: `${c + 1} / span ${f}`,
 				zIndex: t ? p + 100 : p
 			};
-			return /* @__PURE__ */ N("div", {
+			return /* @__PURE__ */ P("div", {
 				className: l("canvas-grid-item", t && "dragging"),
 				style: g,
 				children: [
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "canvas-grid-item-header",
-						onPointerDown: (t) => le(t, e),
-						onPointerMove: ue,
-						onPointerUp: fe,
-						onPointerCancel: de,
-						children: /* @__PURE__ */ N(h, {
+						onPointerDown: (t) => de(t, e),
+						onPointerMove: fe,
+						onPointerUp: me,
+						onPointerCancel: pe,
+						children: /* @__PURE__ */ P(h, {
 							variant: "ghost",
 							size: "xs",
 							children: [
-								$ && b && /* @__PURE__ */ M(m, {
+								$ && x && /* @__PURE__ */ N(m, {
 									color: "primary",
 									iconOnly: !0,
-									"aria-label": "Edit tile",
-									startIcon: /* @__PURE__ */ M(i, {}),
+									"aria-label": R.editTile,
+									startIcon: /* @__PURE__ */ N(i, {}),
 									onPointerDown: (e) => e.stopPropagation(),
 									onClick: (t) => {
-										t.stopPropagation(), b(e.id);
+										t.stopPropagation(), x(e.id);
 									}
 								}),
-								x && /* @__PURE__ */ M(m, {
+								S && /* @__PURE__ */ N(m, {
 									color: "primary",
 									iconOnly: !0,
-									"aria-label": "Expand tile",
-									startIcon: /* @__PURE__ */ M(r, {}),
+									"aria-label": R.expandTile,
+									startIcon: /* @__PURE__ */ N(r, {}),
 									onPointerDown: (e) => e.stopPropagation(),
 									onClick: (t) => {
-										t.stopPropagation(), x(e.id);
+										t.stopPropagation(), S(e.id);
 									}
 								}),
-								$ && y && /* @__PURE__ */ M(m, {
+								$ && b && /* @__PURE__ */ N(m, {
 									color: "error",
 									iconOnly: !0,
-									"aria-label": "Remove tile",
-									startIcon: /* @__PURE__ */ M(s, {}),
+									"aria-label": R.removeTile,
+									startIcon: /* @__PURE__ */ N(s, {}),
 									onPointerDown: (e) => e.stopPropagation(),
 									onClick: (t) => {
-										t.stopPropagation(), y(e.id);
+										t.stopPropagation(), b(e.id);
 									}
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "canvas-grid-item-body",
-						children: O === "scale" ? /* @__PURE__ */ M(ie, {
-							baseWidth: k,
+						children: k === "scale" ? /* @__PURE__ */ N(ae, {
+							baseWidth: A,
 							children: d(e)
 						}) : d(e)
 					}),
-					!$ && x && /* @__PURE__ */ M(m, {
+					!$ && S && /* @__PURE__ */ N(m, {
 						className: "canvas-grid-view-expand-handle",
 						variant: "filled",
 						shape: "circle",
 						size: "sm",
 						color: "primary",
 						iconOnly: !0,
-						"aria-label": "Expand tile",
-						startIcon: /* @__PURE__ */ M(r, {}),
+						"aria-label": R.expandTile,
+						startIcon: /* @__PURE__ */ N(r, {}),
 						onClick: (t) => {
-							t.stopPropagation(), x(e.id);
+							t.stopPropagation(), S(e.id);
 						}
 					}),
-					$ && t && /* @__PURE__ */ M("div", {
+					$ && t && /* @__PURE__ */ N("div", {
 						className: "canvas-grid-item-glass",
 						"aria-hidden": !0,
-						children: /* @__PURE__ */ M(a, { size: 28 })
+						children: /* @__PURE__ */ N(a, { size: 28 })
 					}),
-					$ && /* @__PURE__ */ M("div", {
+					$ && /* @__PURE__ */ N("div", {
 						className: "canvas-grid-resize-handle",
 						"aria-hidden": !0,
-						onPointerDown: (t) => ce(t, e),
-						onPointerMove: ue,
+						onPointerDown: (t) => ue(t, e),
+						onPointerMove: fe,
 						onPointerUp: (e) => {
-							B && ee(), de(e);
+							B && J(), pe(e);
 						},
-						onPointerCancel: de
+						onPointerCancel: pe
 					})
 				]
 			}, e.id);
 		})]
 	});
 }
-var oe = S($), se = "button, a, [role=\"button\"]", ce = S(function({ children: e, top: t = 16, bottomGap: n = 16, hideScrollbar: r = !0, draggable: i = !0, className: a, style: o, ...s }, c) {
-	let u = A(null);
-	O(c, () => u.current);
-	let d = A(null), [f, p] = j(!1);
-	E(() => {
+var $ = C(se), ce = "button, a, [role=\"button\"]", le = C(function({ children: e, top: t = 16, bottomGap: n = 16, hideScrollbar: r = !0, draggable: i = !0, className: a, style: o, ...s }, c) {
+	let u = j(null);
+	k(c, () => u.current);
+	let d = j(null), [f, p] = M(!1);
+	D(() => {
 		if (!i) return;
 		let e = (e) => {
 			let t = d.current, n = u.current;
@@ -856,7 +857,7 @@ var oe = S($), se = "button, a, [role=\"button\"]", ce = S(function({ children:
 	let m = (e) => {
 		if (!i) return;
 		let t = e.target;
-		if (t && t.closest(se)) return;
+		if (t && t.closest(ce)) return;
 		let n = u.current;
 		n && (d.current = {
 			startY: e.clientY,
@@ -867,7 +868,7 @@ var oe = S($), se = "button, a, [role=\"button\"]", ce = S(function({ children:
 		height: `calc(100vh - ${t + n}px)`,
 		...o
 	};
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ N("div", {
 		ref: u,
 		className: l("m-sticky-panel", i && "draggable", f && "is-dragging", r && "hide-scrollbar", a),
 		style: h,
@@ -877,6 +878,6 @@ var oe = S($), se = "button, a, [role=\"button\"]", ce = S(function({ children:
 	});
 });
 //#endregion
-export { z as _, Z as a, F as b, X as c, q as d, Y as f, B as g, V as h, re as i, ne as l, H as m, oe as n, K as o, J as p, Q as r, ee as s, ce as t, te as u, L as v, P as x, I as y };
+export { z as _, X as a, I as b, ie as c, K as d, ne as f, te as g, B as h, Q as i, re as l, V as m, $ as n, G as o, J as p, Z as r, q as s, le as t, Y as u, R as v, F as x, L as y };
 
-//# sourceMappingURL=layout-DsE4zfpg.js.map
+//# sourceMappingURL=layout-DBYHyCTr.js.map