@exegia/corpora-ui 3.1.0 → 4.0.0

package/dist-lib/{shell-BQ9cjIEu.js → shell-WTIa9_ul.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./utils-BO0qfoA6.js";
-import { a as t, g as n, n as r } from "./ease-C9At8rnB.js";
-import { t as i } from "./button-CIRkQXA6.js";
+import { t } from "./button-DDBbG_zF.js";
+import { a as n, g as r, n as i } from "./ease-C9At8rnB.js";
 import { PanelLeft as a, PanelRight as o } from "lucide-react";
-import * as s from "react";
-import { createContext as c, forwardRef as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g, useSyncExternalStore as _ } from "react";
-import { atom as v, useAtomValueRawSync as y, useSetAtom as b } from "jotai";
-import { motion as x, useIsomorphicLayoutEffect as S, useReducedMotion as C } from "motion/react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import * as l from "react";
+import { createContext as u, forwardRef as d, useCallback as f, useContext as p, useEffect as m, useId as h, useMemo as g, useRef as _, useState as v, useSyncExternalStore as y } from "react";
+import { atom as b, useAtomValueRawSync as x, useSetAtom as S } from "jotai";
+import { motion as C, useIsomorphicLayoutEffect as w, useReducedMotion as T } from "motion/react";
 //#region src/components/blocks/shell/shell-panel-atom.ts
 function E() {
-	let e = v(null), t = v(null, (t, n, r) => {
+	let e = b(null), t = b(null, (t, n, r) => {
 		Number.isFinite(r) && n(e, Math.max(180, Math.min(480, r)));
-	}), n = v({
+	}), n = b({
 		left: !0,
 		right: !1
-	}), r = v({
+	}), r = b({
 		left: !1,
 		right: !1
-	}), i = v({}), a = v(null), o = v(!1), s = v(null, (e, t, r, i) => {
+	}), i = b({}), a = b(null), o = b(!1), s = b(null, (e, t, r, i) => {
 		let o = e(a);
 		o ? o.setOpen(r, i) : t(n, {
 			...e(n),
@@ -32,15 +32,15 @@ function E() {
 		components: i,
 		handlers: a,
 		setOpen: s,
-		setOpenMobile: v(null, (e, t, n, i) => {
+		setOpenMobile: b(null, (e, t, n, i) => {
 			let o = e(a);
 			o ? o.setOpenMobile(n, i) : t(r, {
 				...e(r),
 				[i]: n
 			});
 		}),
-		toggle: v(null, (e, t, r) => t(s, !e(n)[r], r)),
-		seed: v(null, (e, t, i, a) => {
+		toggle: b(null, (e, t, r) => t(s, !e(n)[r], r)),
+		seed: b(null, (e, t, i, a) => {
 			e(o) || (t(o, !0), t(n, {
 				...e(n),
 				...i
@@ -114,19 +114,19 @@ function I(e) {
 }
 function L(e, t) {
 	return I((n) => {
-		let r = v(t);
+		let r = b(t);
 		return r.debugLabel = `shell-fit/${n}/${e}`, r;
 	});
 }
 function R(e, t) {
 	return I((n) => {
-		let r = v((e) => t(e, n));
+		let r = b((e) => t(e, n));
 		return r.debugLabel = `shell-fit/${n}/${e}`, r;
 	});
 }
 function z(e, t) {
 	return I((n) => {
-		let r = v(null, (e, r, ...i) => t(e, r, n, ...i));
+		let r = b(null, (e, r, ...i) => t(e, r, n, ...i));
 		return r.debugLabel = `shell-fit/${n}/${e}`, r;
 	});
 }
@@ -169,26 +169,26 @@ var ae = "bezel-lit-t-2 bezel-lit-blur-2 bezel-lit/57 bezel-dim-b-2 bezel-dim-bl
 }, ce = {
 	duration: .2,
 	delay: .08,
-	ease: t
+	ease: n
 }, le = {
 	duration: .12,
-	ease: t
+	ease: n
 }, ue = {
 	duration: .36,
-	ease: r
+	ease: i
 }, de = {
 	duration: .16,
-	ease: t
+	ease: n
 }, fe = {
 	duration: .18,
-	ease: t
+	ease: n
 }, pe = {
 	closed: {
 		opacity: 0,
 		clipPath: "inset(0 0 100% 0 round 8px)",
 		transition: {
 			duration: .14,
-			ease: t,
+			ease: n,
 			staggerChildren: .025,
 			staggerDirection: -1
 		}
@@ -199,7 +199,7 @@ var ae = "bezel-lit-t-2 bezel-lit-blur-2 bezel-lit/57 bezel-dim-b-2 bezel-dim-bl
 		transition: {
 			duration: .2,
 			delayChildren: .035,
-			ease: t,
+			ease: n,
 			staggerChildren: .045
 		}
 	}
@@ -239,9 +239,9 @@ function $(e, t) {
 	let r = n.getBoundingClientRect().width;
 	return n.remove(), r;
 }
-var be = c(null), xe = c(null);
+var be = u(null), xe = u(null);
 function Se() {
-	let e = d(be);
+	let e = p(be);
 	if (!e) throw Error("useAnimatedSidebar must be used inside AnimatedPanelProvider.");
 	return e;
 }
@@ -256,67 +256,67 @@ function Te() {
 	return !1;
 }
 function Ee() {
-	return _(Ce, we, Te);
+	return y(Ce, we, Te);
 }
 function De() {
-	let e = d(xe);
+	let e = p(xe);
 	if (!e) throw Error("Animated Sidebar parts must be used inside AnimatedPanel.");
 	return e;
 }
 //#endregion
 //#region src/components/blocks/shell/animated-panel.tsx
-function Oe({ side: t = "left", variant: r = "sidebar", collapsible: i = "icon", ariaLabel: a = "Sidebar", children: o, className: s, panelClassName: c, style: l, ref: d, ...f }) {
-	let p = Se(), m = b(O(p.fit.shellId).resizeSidebar), { bounds: h, panelWidth: g, resizePanel: _ } = p.fit, v = p.fit.sidebar, y = p.open[t], S = t === "left" && v ? v.mode !== "expanded" : i !== "none" && !y, C = t === "left" && v ? v.mode === "hidden" : S && i === "offcanvas", E = t !== "right" || p.fit.fits, D = t === "right" ? g ?? 320 : v?.width ?? (S ? 56 : 256), { panelRef: k, gripRef: A } = n({
+function Oe({ side: t = "left", variant: n = "sidebar", collapsible: i = "icon", ariaLabel: a = "Sidebar", children: o, className: l, panelClassName: u, style: d, ref: p, ...m }) {
+	let h = Se(), g = S(O(h.fit.shellId).resizeSidebar), { bounds: _, panelWidth: v, resizePanel: y } = h.fit, b = h.fit.sidebar, x = h.open[t], w = t === "left" && b ? b.mode !== "expanded" : i !== "none" && !x, T = t === "left" && b ? b.mode === "hidden" : w && i === "offcanvas", E = t !== "right" || h.fit.fits, D = t === "right" ? v ?? 320 : b?.width ?? (w ? 56 : 256), { panelRef: k, gripRef: A } = r({
 		size: D,
-		defaultSize: t === "right" ? p.fit.defaultPanelWidth ?? (h.min || 320) : 256,
-		minSize: t === "right" ? h.min || 320 : S ? D : v?.minWidth ?? 180,
-		maxSize: t === "right" ? h.max || 640 : S ? D : v?.maxWidth ?? 480,
-		collapsed: C,
+		defaultSize: t === "right" ? h.fit.defaultPanelWidth ?? (_.min || 320) : 256,
+		minSize: t === "right" ? _.min || 320 : w ? D : b?.minWidth ?? 180,
+		maxSize: t === "right" ? _.max || 640 : w ? D : b?.maxWidth ?? 480,
+		collapsed: T,
 		enabled: E,
 		overshoot: !1,
-		transition: p.reduce ? { duration: 0 } : se,
-		onSizeChange: (e) => t === "right" ? _(Number(e)) : m(Number(e)),
-		onCollapsedChange: i === "none" ? void 0 : (e) => p.setOpen(!e, t)
-	}), j = u((e) => {
-		k.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
-	}, [k, d]);
-	return t === "right" && !p.fit.fits ? null : /* @__PURE__ */ T(x.aside, {
-		...f,
+		transition: h.reduce ? { duration: 0 } : se,
+		onSizeChange: (e) => t === "right" ? y(Number(e)) : g(Number(e)),
+		onCollapsedChange: i === "none" ? void 0 : (e) => h.setOpen(!e, t)
+	}), j = f((e) => {
+		k.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+	}, [k, p]);
+	return t === "right" && !h.fit.fits ? null : /* @__PURE__ */ c(C.aside, {
+		...m,
 		ref: j,
 		initial: !1,
 		"aria-label": a,
-		"aria-hidden": C || void 0,
-		inert: C || void 0,
+		"aria-hidden": T || void 0,
+		inert: T || void 0,
 		"data-slot": "sidebar",
-		"data-state": S ? "collapsed" : "expanded",
+		"data-state": w ? "collapsed" : "expanded",
 		"data-collapsible": i,
-		"data-variant": r,
+		"data-variant": n,
 		"data-side": t,
-		animate: { ...t === "right" ? { marginLeft: C ? "-0.5rem" : "0rem" } : { marginRight: C ? "-0.5rem" : "0rem" } },
-		transition: p.reduce ? { duration: 0 } : se,
+		animate: { ...t === "right" ? { marginLeft: T ? "-0.5rem" : "0rem" } : { marginRight: T ? "-0.5rem" : "0rem" } },
+		transition: h.reduce ? { duration: 0 } : se,
 		style: {
-			...l,
+			...d,
 			flexShrink: 0
 		},
-		className: e("group/sidebar relative h-full shrink-0 will-change-[width]", "peer flex!", t === "right" && "order-last", s),
-		children: [i !== "none" && /* @__PURE__ */ w("div", {
+		className: e("group/sidebar relative h-full shrink-0 will-change-[width]", "peer flex!", t === "right" && "order-last", l),
+		children: [i !== "none" && /* @__PURE__ */ s("div", {
 			ref: A,
 			role: "separator",
 			"aria-label": `Resize ${a}`,
 			"aria-orientation": "vertical",
-			tabIndex: S ? -1 : 0,
-			"aria-hidden": S || void 0,
-			className: e("inset-y-0 w-2 hover:bg-amber-300/20 data-resizing:bg-amber-300/20 absolute z-10 cursor-col-resize touch-none focus-visible:outline-2 focus-visible:outline-ring", S && "pointer-events-none", t === "right" ? "-left-2" : "-right-2")
-		}), /* @__PURE__ */ w("div", {
+			tabIndex: w ? -1 : 0,
+			"aria-hidden": w || void 0,
+			className: e("inset-y-0 w-2 hover:bg-amber-300/20 data-resizing:bg-amber-300/20 absolute z-10 cursor-col-resize touch-none focus-visible:outline-2 focus-visible:outline-ring", w && "pointer-events-none", t === "right" ? "-left-2" : "-right-2")
+		}), /* @__PURE__ */ s("div", {
 			className: "contents",
-			children: /* @__PURE__ */ w(x.div, {
+			children: /* @__PURE__ */ s(C.div, {
 				initial: !1,
-				animate: { opacity: +!C },
-				transition: p.reduce ? de : ue,
-				className: e("top-0 sticky flex w-full flex-col overflow-hidden", t === "right" && "ml-auto", r === "floating" && "mx-2 mt-2 h-[calc(100%-0.5rem)]", r === "inset" && "mt-2 h-[calc(100%-0.5rem)]", c),
-				children: /* @__PURE__ */ w(xe.Provider, {
+				animate: { opacity: +!T },
+				transition: h.reduce ? de : ue,
+				className: e("top-0 sticky flex w-full flex-col overflow-hidden", t === "right" && "ml-auto", n === "floating" && "mx-2 mt-2 h-[calc(100%-0.5rem)]", n === "inset" && "mt-2 h-[calc(100%-0.5rem)]", u),
+				children: /* @__PURE__ */ s(xe.Provider, {
 					value: {
-						collapsed: S,
+						collapsed: w,
 						collapsible: i,
 						side: t
 					},
@@ -351,19 +351,19 @@ function ke(e, t) {
 	};
 }
 function Ae({ shellId: e, hostRef: t, railOpen: n, defaultPanelWidth: r, onUnfit: i }) {
-	let a = p(), o = e ?? a, s = y(O(o).railWidth), [c] = g(() => ({ panelWidth: r ?? null })), l = b(Z(o)), u = b(ie(o)), d = b(Y(o)), _ = b(X(o));
-	S(() => {
+	let a = h(), o = e ?? a, s = x(O(o).railWidth), [c] = v(() => ({ panelWidth: r ?? null })), l = S(Z(o)), u = S(ie(o)), d = S(Y(o)), f = S(X(o));
+	w(() => {
 		l(c);
 	}, [l, c]);
-	let v = h(i);
-	S(() => {
-		v.current = i;
-	}), S(() => {
+	let p = _(i);
+	w(() => {
+		p.current = i;
+	}), w(() => {
 		let e = t.current;
 		if (!e) return;
 		let r = () => {
 			let t = ke(e, n);
-			u(t), M(t) || v.current?.();
+			u(t), M(t) || p.current?.();
 		};
 		r();
 		let i = new ResizeObserver(r);
@@ -375,54 +375,54 @@ function Ae({ shellId: e, hostRef: t, railOpen: n, defaultPanelWidth: r, onUnfit
 		n,
 		s,
 		u
-	]), f(() => {
+	]), m(() => {
 		if (e === void 0) return () => Q(o);
 	}, [o, e]);
-	let x = y(J(o));
-	return m(() => ({
+	let y = x(J(o));
+	return g(() => ({
 		shellId: o,
-		...x,
+		...y,
 		defaultPanelWidth: c.panelWidth,
 		resizePanel: d,
-		resetPanelWidth: _
+		resetPanelWidth: f
 	}), [
 		o,
-		x,
+		y,
 		c.panelWidth,
 		d,
-		_
+		f
 	]);
 }
 //#endregion
 //#region src/components/blocks/shell/animated-panel-provider.tsx
-function je({ children: t, shellId: n, defaultPanelWidth: r, open: i, defaultOpen: a, onOpenChange: o, openMobile: s, defaultOpenMobile: c, onOpenMobileChange: l, onNarrowChange: d, panelComponents: g, className: _, style: v, ...x }) {
-	let T = p(), E = n ?? T;
-	f(() => {
+function je({ children: t, shellId: n, defaultPanelWidth: r, open: i, defaultOpen: a, onOpenChange: o, openMobile: c, defaultOpenMobile: l, onOpenMobileChange: u, onNarrowChange: d, panelComponents: p, className: v, style: y, ...b }) {
+	let C = h(), E = n ?? C;
+	m(() => {
 		if (n === void 0) return () => Q(E);
 	}, [E, n]);
-	let D = O(E), k = y(D.railWidth), A = y(D.open), j = y(D.mobile), M = b(D.open), N = b(D.mobile), P = b(D.seed), F = b(D.handlers);
-	f(() => {
-		P(a, c);
+	let D = O(E), k = x(D.railWidth), A = x(D.open), j = x(D.mobile), M = S(D.open), N = S(D.mobile), P = S(D.seed), F = S(D.handlers);
+	m(() => {
+		P(a, l);
 	}, [
 		P,
 		a,
-		c
+		l
 	]);
-	let ee = Ee(), te = C() ?? !1, ne = h(null), re = h(null), I = h(null), L = h(!0), R = h(!0), z = i?.left, B = i?.right, V = s?.left, H = s?.right, U = m(() => ({
+	let ee = Ee(), te = T() ?? !1, ne = _(null), re = _(null), I = _(null), L = _(!0), R = _(!0), z = i?.left, B = i?.right, V = c?.left, H = c?.right, U = g(() => ({
 		left: z ?? A.left,
 		right: B ?? A.right
 	}), [
 		z,
 		B,
 		A
-	]), W = m(() => ({
+	]), W = g(() => ({
 		left: V ?? j.left,
 		right: H ?? j.right
 	}), [
 		V,
 		H,
 		j
-	]), G = u((e, t) => {
+	]), G = f((e, t) => {
 		(!e || t !== "right" || L.current) && (!e || t !== "left" || R.current) && ((t === "left" ? z : B) === void 0 && M((n) => n[t] === e ? n : {
 			...n,
 			[t]: e
@@ -432,25 +432,25 @@ function je({ children: t, shellId: n, defaultPanelWidth: r, open: i, defaultOpe
 		B,
 		o,
 		M
-	]), K = u((e, t) => {
+	]), K = f((e, t) => {
 		(!e || t !== "right" || L.current) && (!e || t !== "left" || R.current) && ((t === "left" ? V : H) === void 0 && N((n) => n[t] === e ? n : {
 			...n,
 			[t]: e
-		}), l?.(e, t));
+		}), u?.(e, t));
 	}, [
 		V,
 		H,
-		l,
+		u,
 		N
 	]);
-	f(() => (F({
+	m(() => (F({
 		setOpen: G,
 		setOpenMobile: K
 	}), () => F(null)), [
 		F,
 		G,
 		K
-	]), f(() => {
+	]), m(() => {
 		(z !== void 0 || B !== void 0) && M((e) => ({
 			...e,
 			...i
@@ -460,55 +460,55 @@ function je({ children: t, shellId: n, defaultPanelWidth: r, open: i, defaultOpe
 		B,
 		i,
 		M
-	]), f(() => {
+	]), m(() => {
 		(V !== void 0 || H !== void 0) && N((e) => ({
 			...e,
-			...s
+			...c
 		}));
 	}, [
 		V,
 		H,
-		s,
+		c,
 		N
 	]);
-	let q = u((e) => {
+	let q = f((e) => {
 		(e !== "left" || R.current) && G(!U[e], e);
-	}, [U, G]), J = m(() => ({
+	}, [U, G]), J = g(() => ({
 		left: ne,
 		right: re
-	}), []), ie = h(() => {});
-	S(() => {
+	}), []), ie = _(() => {});
+	w(() => {
 		ie.current = () => {
 			U.right && G(!1, "right"), W.right && K(!1, "right");
 		};
 	});
-	let Y = u(() => ie.current(), []), X = Ae({
+	let Y = f(() => ie.current(), []), X = Ae({
 		shellId: E,
 		hostRef: I,
 		railOpen: U.left,
 		defaultPanelWidth: r,
 		onUnfit: Y
 	}), Z = !X.fits;
-	S(() => {
+	w(() => {
 		L.current = X.fits, R.current = X.sidebar?.canExpand ?? !0;
 	});
-	let ae = h(d);
-	f(() => {
+	let ae = _(d);
+	m(() => {
 		ae.current = d;
 	});
-	let oe = h(!1);
-	return f(() => {
+	let oe = _(!1);
+	return m(() => {
 		oe.current !== Z && (oe.current = Z, ae.current?.(Z));
-	}, [Z]), f(() => {
+	}, [Z]), m(() => {
 		let e = (e) => {
 			e.key.toLowerCase() === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), q("left"));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [q]), /* @__PURE__ */ w(be.Provider, {
+	}, [q]), /* @__PURE__ */ s(be.Provider, {
 		value: {
 			isMobile: ee,
 			fit: X,
-			layoutId: `${T}-active`,
+			layoutId: `${C}-active`,
 			open: U,
 			openMobile: W,
 			reduce: te,
@@ -517,8 +517,8 @@ function je({ children: t, shellId: n, defaultPanelWidth: r, open: i, defaultOpe
 			toggleSidebar: q,
 			triggerRefs: J
 		},
-		children: /* @__PURE__ */ w("div", {
-			...x,
+		children: /* @__PURE__ */ s("div", {
+			...b,
 			ref: I,
 			"data-slot": "sidebar-wrapper",
 			"data-narrow": Z ? "" : void 0,
@@ -527,38 +527,38 @@ function je({ children: t, shellId: n, defaultPanelWidth: r, open: i, defaultOpe
 			"data-state-right": U.right ? "expanded" : "collapsed",
 			style: {
 				...ve,
-				...v,
+				...y,
 				...k !== null && { "--sidebar-width": `${k}px` }
 			},
-			className: e("group/sidebar-wrapper min-w-0 gap-x-2 flex w-full overflow-hidden", _),
+			className: e("group/sidebar-wrapper min-w-0 gap-x-2 flex w-full overflow-hidden", v),
 			children: t
 		})
 	});
 }
 //#endregion
 //#region src/components/blocks/shell/animated-panel-trigger.tsx
-var Me = l(function({ onClick: e, side: t = "left", type: n = "button", ...r }, a) {
-	let o = Se(), s = t === "left" && o.fit.sidebar ? o.fit.sidebar.mode === "expanded" : o.open[t], c = o.triggerRefs[t];
-	return t === "right" && !o.fit.fits ? null : /* @__PURE__ */ w(i, {
-		...r,
+var Me = d(function({ onClick: e, side: n = "left", type: r = "button", ...i }, a) {
+	let o = Se(), c = n === "left" && o.fit.sidebar ? o.fit.sidebar.mode === "expanded" : o.open[n], l = o.triggerRefs[n];
+	return n === "right" && !o.fit.fits ? null : /* @__PURE__ */ s(t, {
+		...i,
 		ref: (e) => {
-			c.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+			l.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
 		},
-		disabled: r.disabled || t === "left" && o.fit.sidebar?.canExpand === !1,
-		type: n,
+		disabled: i.disabled || n === "left" && o.fit.sidebar?.canExpand === !1,
+		type: r,
 		variant: "ghost",
 		size: "icon-xl",
-		"aria-label": r["aria-label"] ?? "Toggle sidebar",
-		"aria-expanded": s,
+		"aria-label": i["aria-label"] ?? "Toggle sidebar",
+		"aria-expanded": c,
 		"data-slot": "sidebar-trigger",
-		"data-side": t,
-		"data-state": s ? "expanded" : "collapsed",
-		onClick: (n) => {
-			e?.(n), !n.defaultPrevented && o.toggleSidebar(t);
+		"data-side": n,
+		"data-state": c ? "expanded" : "collapsed",
+		onClick: (t) => {
+			e?.(t), !t.defaultPrevented && o.toggleSidebar(n);
 		}
 	});
-}), Ne = l(function({ className: t, ...n }, r) {
-	return /* @__PURE__ */ w(x.main, {
+}), Ne = d(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ s(C.main, {
 		...n,
 		ref: r,
 		"data-slot": "sidebar-inset",
@@ -568,38 +568,38 @@ var Me = l(function({ onClick: e, side: t = "left", type: n = "button", ...r },
 });
 //#endregion
 //#region src/components/blocks/shell/shell-layout.tsx
-function Pe({ children: t, variant: n = "desktop", panels: r, className: i, header: c, trailing: l, defaultOpen: u, panelComponents: d, ...f }) {
-	let p = s.useId(), m = f.shellId ?? p;
-	s.useEffect(() => {
-		if (f.shellId === void 0) return () => Q(m);
-	}, [m, f.shellId]);
-	let h = y(O(m).components), g = h.left ?? d?.left ?? r?.left?.component, _ = h.right ?? d?.right ?? r?.right?.component, v = {
+function Pe({ children: t, variant: n = "desktop", panels: r, className: i, header: u, trailing: d, defaultOpen: f, panelComponents: p, ...m }) {
+	let h = l.useId(), g = m.shellId ?? h;
+	l.useEffect(() => {
+		if (m.shellId === void 0) return () => Q(g);
+	}, [g, m.shellId]);
+	let _ = x(O(g).components), v = _.left ?? p?.left ?? r?.left?.component, y = _.right ?? p?.right ?? r?.right?.component, b = {
 		...r?.left && { left: r.left.defaultOpen ?? !0 },
 		...r?.right && { right: r.right.defaultOpen ?? !1 },
-		...u
+		...f
 	};
-	return /* @__PURE__ */ T(je, {
-		...f,
-		shellId: m,
-		defaultOpen: v,
+	return /* @__PURE__ */ c(je, {
+		...m,
+		shellId: g,
+		defaultOpen: b,
 		className: e("min-h-0 px-2 pb-2 relative h-full", n === "web" && "pt-2", i, "bg-linear-to-tr/increasing from-neutral-200 via-neutral-100 to-stone-200 dark:from-neutral-900 dark:via-neutral-950 dark:to-stone-950"),
 		style: { paddingTop: n === "desktop" ? 48 : 0 },
 		children: [
-			g && /* @__PURE__ */ w(Oe, {
+			v && /* @__PURE__ */ s(Oe, {
 				ariaLabel: "Primary navigation",
 				collapsible: "icon",
 				role: "navigation",
 				variant: "inset",
-				children: g
+				children: v
 			}),
-			/* @__PURE__ */ T(Ne, { children: [/* @__PURE__ */ T("header", {
+			/* @__PURE__ */ c(Ne, { children: [/* @__PURE__ */ c("header", {
 				className: "h-12 gap-2 px-2 flex flex-row! items-center justify-between border-b",
 				children: [
-					g && /* @__PURE__ */ w("div", {
+					v && /* @__PURE__ */ s("div", {
 						className: "min-w-0 gap-2 flex shrink-0 items-center justify-start",
-						children: /* @__PURE__ */ w(Me, {
+						children: /* @__PURE__ */ s(Me, {
 							side: "left",
-							children: /* @__PURE__ */ w("span", {
+							children: /* @__PURE__ */ s("span", {
 								className: "motion-press",
 								role: "img",
 								"aria-label": "PanelLeft",
@@ -611,23 +611,23 @@ function Pe({ children: t, variant: n = "desktop", panels: r, className: i, head
 									animationDelay: "0ms",
 									color: "currentColor"
 								},
-								children: /* @__PURE__ */ w(a, {
+								children: /* @__PURE__ */ s(a, {
 									size: 24,
 									"aria-hidden": "true"
 								})
 							})
 						})
 					}),
-					c && /* @__PURE__ */ w("div", {
+					u && /* @__PURE__ */ s("div", {
 						className: "min-w-0 flex flex-1 items-center",
-						children: c
+						children: u
 					}),
-					(l || _) && /* @__PURE__ */ T("div", {
+					(d || y) && /* @__PURE__ */ c("div", {
 						className: "gap-2 ml-auto flex shrink-0 items-center justify-end",
-						children: [l, _ && /* @__PURE__ */ w(Me, {
+						children: [d, y && /* @__PURE__ */ s(Me, {
 							"aria-label": "Toggle panel",
 							side: "right",
-							children: /* @__PURE__ */ w("span", {
+							children: /* @__PURE__ */ s("span", {
 								className: "opacity-70",
 								role: "img",
 								"aria-label": "PanelRight",
@@ -637,7 +637,7 @@ function Pe({ children: t, variant: n = "desktop", panels: r, className: i, head
 									justifyContent: "center",
 									color: "currentColor"
 								},
-								children: /* @__PURE__ */ w(o, {
+								children: /* @__PURE__ */ s(o, {
 									size: 24,
 									"aria-hidden": "true"
 								})
@@ -645,18 +645,18 @@ function Pe({ children: t, variant: n = "desktop", panels: r, className: i, head
 						})]
 					})
 				]
-			}), /* @__PURE__ */ w("div", {
+			}), /* @__PURE__ */ s("div", {
 				className: "min-h-24 flex-1 overflow-auto",
 				children: t
 			})] }),
-			_ && /* @__PURE__ */ w(Oe, {
+			y && /* @__PURE__ */ s(Oe, {
 				ariaLabel: r?.right?.name ?? "Secondary panel",
 				className: e("bg-neutral-50 dark:border-neutral-800 dark:bg-neutral-900", "rounded-md", "bezel-lit-t-2 bezel-lit-blur-2 bezel-lit/57 bezel-dim-b-2 bezel-dim-blur-3 bezel-dim/11 dark:bezel-lit-blur-3 dark:bezel-lit/14 dark:bezel-dim/78"),
 				collapsible: "offcanvas",
 				role: "complementary",
 				side: "right",
 				variant: "inset",
-				children: _
+				children: y
 			})
 		]
 	});
@@ -664,56 +664,56 @@ function Pe({ children: t, variant: n = "desktop", panels: r, className: i, head
 //#endregion
 //#region src/components/blocks/shell/use-shell-panels.ts
 function Fe({ shellId: e, defaultOpen: t, defaultOpenMobile: n, defaultPanelWidth: r, onPanelChange: i } = {}) {
-	let a = p(), o = e ?? a;
-	f(() => {
+	let a = h(), o = e ?? a;
+	m(() => {
 		if (e === void 0) return () => Q(o);
 	}, [o, e]);
-	let s = O(o), c = y(s.railWidth), l = b(s.resizeSidebar), d = y(s.open), h = y(s.mobile), g = b(s.setOpen), _ = b(s.setOpenMobile), v = b(s.toggle), x = y(s.components), S = b(s.components), C = !y(G(o)), { sidebar: w } = y(J(o));
+	let s = O(o), c = x(s.railWidth), l = S(s.resizeSidebar), u = x(s.open), d = x(s.mobile), p = S(s.setOpen), _ = S(s.setOpenMobile), v = S(s.toggle), y = x(s.components), b = S(s.components), C = !x(G(o)), { sidebar: w } = x(J(o));
 	return {
 		shellId: o,
 		sidebar: w,
 		sidebarWidth: c,
 		resizeSidebar: l,
 		isNarrow: C,
-		panelWidth: y(q(o)),
-		resizePanel: b(Y(o)),
-		open: d,
-		openMobile: h,
-		setOpen: g,
+		panelWidth: x(q(o)),
+		resizePanel: S(Y(o)),
+		open: u,
+		openMobile: d,
+		setOpen: p,
 		setOpenMobile: _,
 		toggle: v,
-		openPanel: u((e, t) => {
-			t !== void 0 && S((n) => n[e] === t ? n : {
+		openPanel: f((e, t) => {
+			t !== void 0 && b((n) => n[e] === t ? n : {
 				...n,
 				[e]: t
-			}), g(!0, e);
-		}, [g, S]),
-		providerProps: m(() => ({
+			}), p(!0, e);
+		}, [p, b]),
+		providerProps: g(() => ({
 			shellId: o,
 			defaultPanelWidth: r,
 			defaultOpen: t,
 			defaultOpenMobile: n,
 			onOpenChange: i,
 			onOpenMobileChange: i,
-			panelComponents: x
+			panelComponents: y
 		}), [
 			o,
 			r,
 			t,
 			n,
 			i,
-			x
+			y
 		])
 	};
 }
 //#endregion
 //#region src/components/blocks/shell/use-shell-fit-state.ts
 function Ie(e) {
-	return y(J(e));
+	return x(J(e));
 }
 function Le(e) {
-	let t = b(Y(e)), n = b(X(e));
-	return m(() => ({
+	let t = S(Y(e)), n = S(X(e));
+	return g(() => ({
 		resizePanel: t,
 		resetPanelWidth: n
 	}), [t, n]);