@exegia/corpora-ui 3.1.0 → 4.0.0

package/dist-lib/{scaffold-Qv4hs5Pf.js → scaffold-DjS8eLk9.js}

@@ -1,16 +1,16 @@
 import { t as e } from "./utils-BO0qfoA6.js";
-import { a as t, d as n, g as r } from "./ease-C9At8rnB.js";
-import { t as i } from "./button-CIRkQXA6.js";
-import { n as a, t as o } from "./liquid-glass-BihU6nMl.js";
+import { t } from "./button-DDBbG_zF.js";
+import { a as n, d as r, g as i } from "./ease-C9At8rnB.js";
+import { n as a, t as o } from "./liquid-glass-BrmOha12.js";
 import { LucideAppWindow as s, LucideArrowUpDown as c, LucideChevronDown as l, LucideEyeOff as u, LucidePlus as d, LucideX as f } from "lucide-react";
-import * as p from "react";
-import { useEffect as m, useId as h, useMemo as g, useState as _ } from "react";
-import { atom as v, useAtomValue as y, useSetAtom as b } from "jotai";
-import { AnimatePresence as x, motion as S, useReducedMotion as C } from "motion/react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { cva as h } from "class-variance-authority";
+import * as g from "react";
+import { useEffect as _, useId as v, useMemo as y, useState as b } from "react";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
-import { cva as E } from "class-variance-authority";
+import { atom as x, useAtomValue as S, useSetAtom as C } from "jotai";
+import { AnimatePresence as w, motion as T, useReducedMotion as E } from "motion/react";
 import { RiCloseLine as D } from "@remixicon/react";
 import { More as O } from "iconsax-reactjs";
 //#region src/components/blocks/scaffold/constants.ts
@@ -63,7 +63,7 @@ var ce = "transition-[opacity,scale,box-shadow] duration-200 ease-smooth-out hov
 		filter: "blur(4px)",
 		transition: {
 			duration: .18,
-			ease: t
+			ease: n
 		}
 	}
 }, de = {
@@ -74,7 +74,7 @@ var ce = "transition-[opacity,scale,box-shadow] duration-200 ease-smooth-out hov
 //#endregion
 //#region src/components/blocks/scaffold/panel-close-button.tsx
 function fe({ onClick: t, label: n, sound: r = !0, className: i }) {
-	return /* @__PURE__ */ w("button", {
+	return /* @__PURE__ */ p("button", {
 		id: "scaffold-panel-close-button",
 		"aria-label": n,
 		className: e(ce, le, "absolute top-4 right-3.5 z-10", i),
@@ -83,7 +83,7 @@ function fe({ onClick: t, label: n, sound: r = !0, className: i }) {
 		"data-slot": "scaffold-panel-close",
 		onClick: t,
 		type: "button",
-		children: /* @__PURE__ */ w(D, {
+		children: /* @__PURE__ */ p(D, {
 			"aria-hidden": !0,
 			className: "size-4"
 		})
@@ -91,7 +91,7 @@ function fe({ onClick: t, label: n, sound: r = !0, className: i }) {
 }
 //#endregion
 //#region src/components/ui/button-group.tsx
-var pe = E("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+var pe = h("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
 		horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
 		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
@@ -99,7 +99,7 @@ var pe = E("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-
 	defaultVariants: { orientation: "horizontal" }
 });
 function me({ className: t, orientation: n, ...r }) {
-	return /* @__PURE__ */ w(S.div, {
+	return /* @__PURE__ */ p(T.div, {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": n,
@@ -110,19 +110,19 @@ function me({ className: t, orientation: n, ...r }) {
 //#endregion
 //#region src/components/ui/glasscn/glass-button-group.tsx
 function he({ className: t, glassVariant: n = "liquid-refract", children: r, ...i }) {
-	return /* @__PURE__ */ T(me, {
+	return /* @__PURE__ */ m(me, {
 		"data-slot": "glass-button-group",
 		"data-glass-variant": n,
 		className: e("relative isolate rounded-lg", t),
 		...i,
-		children: [/* @__PURE__ */ w(o, { glassVariant: n }), r]
+		children: [/* @__PURE__ */ p(o, { glassVariant: n }), r]
 	});
 }
 //#endregion
 //#region src/lib/hooks/use-hover-capable.ts
 function ge() {
-	let [e, t] = _(!1);
-	return m(() => {
+	let [e, t] = b(!1);
+	return _(() => {
 		if (typeof window > "u" || !window.matchMedia) return;
 		let e = window.matchMedia("(hover: hover) and (pointer: fine)"), n = () => t(e.matches);
 		return n(), e.addEventListener?.("change", n), () => e.removeEventListener?.("change", n);
@@ -131,107 +131,107 @@ function ge() {
 //#endregion
 //#region src/components/blocks/scaffold/panel-menu-button.tsx
 var _e = "grid transition-[grid-template-columns,opacity] duration-300 ease-smooth-out motion-reduce:transition-none";
-function ve({ onClick: t, onExpand: n, onCloseSecondary: r, secondaryExpanded: a = !1, swapped: o = !1, label: s, sound: u = !0, className: d }) {
-	let m = ge(), h = p.useId(), g = p.useRef(null), _ = p.useRef(null), [v, y] = p.useState(!1), b = p.useRef(void 0), x = p.useRef(0), S = p.useRef(!1);
-	p.useEffect(() => () => clearTimeout(b.current), []);
-	let C = p.useCallback(() => {
-		clearTimeout(b.current);
-	}, []), E = p.useCallback(() => {
-		m && (clearTimeout(b.current), b.current = setTimeout(() => {
-			g.current?.contains(document.activeElement) || y(!1);
+function ve({ onClick: n, onExpand: r, onCloseSecondary: i, secondaryExpanded: a = !1, swapped: o = !1, label: s, sound: u = !0, className: d }) {
+	let h = ge(), _ = g.useId(), v = g.useRef(null), y = g.useRef(null), [b, x] = g.useState(!1), S = g.useRef(void 0), C = g.useRef(0), w = g.useRef(!1);
+	g.useEffect(() => () => clearTimeout(S.current), []);
+	let T = g.useCallback(() => {
+		clearTimeout(S.current);
+	}, []), E = g.useCallback(() => {
+		h && (clearTimeout(S.current), S.current = setTimeout(() => {
+			v.current?.contains(document.activeElement) || x(!1);
 		}, ie));
-	}, [m]);
-	p.useEffect(() => {
-		if (!v || !m) return;
+	}, [h]);
+	g.useEffect(() => {
+		if (!b || !h) return;
 		let e = document.documentElement;
 		return e.addEventListener("pointerleave", E), window.addEventListener("blur", E), () => {
 			e.removeEventListener("pointerleave", E), window.removeEventListener("blur", E);
 		};
 	}, [
-		v,
-		m,
+		b,
+		h,
 		E
-	]), p.useEffect(() => {
-		v && S.current && (S.current = !1, _.current?.querySelector("button")?.focus());
-	}, [v]);
+	]), g.useEffect(() => {
+		b && w.current && (w.current = !1, y.current?.querySelector("button")?.focus());
+	}, [b]);
 	let D = () => {
-		x.current = Date.now() + 600, y(!1);
+		C.current = Date.now() + 600, x(!1);
 	}, k = (e) => {
 		e?.(), D();
 	};
-	return /* @__PURE__ */ T(he, {
-		ref: g,
-		onPointerEnter: C,
+	return /* @__PURE__ */ m(he, {
+		ref: v,
+		onPointerEnter: T,
 		onPointerLeave: E,
 		glassVariant: "subtle",
-		"data-expanded": v ? "" : void 0,
+		"data-expanded": b ? "" : void 0,
 		className: e(ce, le, "group/menu absolute top-1/2 z-10 -translate-y-1/2", d),
-		children: [/* @__PURE__ */ w("div", {
-			"aria-hidden": v || void 0,
-			inert: v || void 0,
+		children: [/* @__PURE__ */ p("div", {
+			"aria-hidden": b || void 0,
+			inert: b || void 0,
 			className: e(_e, "grid-cols-[1fr] opacity-100 group-data-expanded/menu:grid-cols-[0fr] group-data-expanded/menu:opacity-0"),
-			children: /* @__PURE__ */ w("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: "flex min-w-0 overflow-hidden",
-				children: /* @__PURE__ */ w(i, {
+				children: /* @__PURE__ */ p(t, {
 					id: "scaffold-panel-menu-toggle-button",
 					"aria-label": s,
-					"aria-expanded": v,
-					"aria-controls": h,
+					"aria-expanded": b,
+					"aria-controls": _,
 					size: "icon-sm",
 					variant: "ghost",
 					sound: u,
 					className: "size-8 sm:size-7",
 					"data-slot": "scaffold-panel-menu-toggle",
 					onClick: () => {
-						g.current?.contains(document.activeElement) && (S.current = !0), y(!0);
+						v.current?.contains(document.activeElement) && (w.current = !0), x(!0);
 					},
 					onPointerEnter: () => {
-						!m || Date.now() < x.current || (C(), y(!0));
+						!h || Date.now() < C.current || (T(), x(!0));
 					},
-					children: /* @__PURE__ */ w(O, { size: 16 })
+					children: /* @__PURE__ */ p(O, { size: 16 })
 				})
 			})
-		}), /* @__PURE__ */ w("div", {
-			id: h,
-			ref: _,
-			"aria-hidden": !v || void 0,
-			inert: !v || void 0,
+		}), /* @__PURE__ */ p("div", {
+			id: _,
+			ref: y,
+			"aria-hidden": !b || void 0,
+			inert: !b || void 0,
 			className: e(_e, "grid-cols-[0fr] opacity-0 group-data-expanded/menu:grid-cols-[1fr] group-data-expanded/menu:opacity-100"),
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ m("div", {
 				className: "flex min-w-0 overflow-hidden",
 				children: [
-					/* @__PURE__ */ T(i, {
+					/* @__PURE__ */ m(t, {
 						id: "scaffold-panel-menu-expand",
 						size: "sm",
 						variant: "ghost",
 						sound: u,
 						"data-slot": "scaffold-panel-menu-expand",
 						className: "rounded-r-none",
-						onClick: () => k(n),
-						children: [/* @__PURE__ */ w(l, {
+						onClick: () => k(r),
+						children: [/* @__PURE__ */ p(l, {
 							size: 16,
 							className: e(a !== o && "rotate-180")
 						}), "Expand"]
 					}),
-					/* @__PURE__ */ T(i, {
+					/* @__PURE__ */ m(t, {
 						id: "scaffold-panel-menu-swap",
 						size: "sm",
 						variant: "ghost",
 						sound: u,
 						"data-slot": "scaffold-panel-menu-swap",
-						className: e("border-l-0", r ? "rounded-none" : "rounded-l-none"),
-						onClick: () => k(t),
-						children: [/* @__PURE__ */ w(c, { size: 16 }), "Swap"]
+						className: e("border-l-0", i ? "rounded-none" : "rounded-l-none"),
+						onClick: () => k(n),
+						children: [/* @__PURE__ */ p(c, { size: 16 }), "Swap"]
 					}),
-					r && /* @__PURE__ */ T(i, {
+					i && /* @__PURE__ */ m(t, {
 						id: "scaffold-panel-menu-close",
 						size: "sm",
 						variant: "ghost",
 						sound: u,
 						"data-slot": "scaffold-panel-menu-close",
 						className: "rounded-l-none border-l-0",
-						onClick: () => k(r),
-						children: [/* @__PURE__ */ w(f, { size: 16 }), "Close"]
+						onClick: () => k(i),
+						children: [/* @__PURE__ */ p(f, { size: 16 }), "Close"]
 					})
 				]
 			})
@@ -252,19 +252,19 @@ function L(e) {
 }
 function R(e, t) {
 	return L((n) => {
-		let r = v(t);
+		let r = x(t);
 		return r.debugLabel = `scaffold/${n}/${e}`, r;
 	});
 }
 function Ce(e, t) {
 	return L((n) => {
-		let r = v((e) => t(e, n));
+		let r = x((e) => t(e, n));
 		return r.debugLabel = `scaffold/${n}/${e}`, r;
 	});
 }
 function z(e, t) {
 	return L((n) => {
-		let r = v(null, (e, r, ...i) => t(e, r, n, ...i));
+		let r = x(null, (e, r, ...i) => t(e, r, n, ...i));
 		return r.debugLabel = `scaffold/${n}/${e}`, r;
 	});
 }
@@ -277,7 +277,7 @@ function we(e, t) {
 		a === void 0 && (a = /* @__PURE__ */ new Map(), n.set(r, a));
 		let o = a.get(i);
 		if (o === void 0) {
-			let n = v((e) => t(e, r, i));
+			let n = x((e) => t(e, r, i));
 			n.debugLabel = `scaffold/${r}/${i}/${e}`, a.set(i, n), o = n;
 		}
 		return o;
@@ -363,49 +363,49 @@ function Ve(e) {
 }
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-context.ts
-var He = p.createContext(null);
+var He = g.createContext(null);
 function Q() {
-	let e = p.useContext(He);
+	let e = g.useContext(He);
 	if (!e) throw Error("useScaffoldContext must be used within <Scaffold.Root>");
 	return e;
 }
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-actions.tsx
-function Ue({ onAdd: t, addLabel: r = "Panel", addIcon: a, sound: o = !0, className: s, children: c, ...l }) {
-	let { scaffoldId: u, inspectorWidth: f } = Q(), p = y(B(u)), m = C(), h = m ? { duration: 0 } : n;
-	return /* @__PURE__ */ w(S.div, {
+function Ue({ onAdd: n, addLabel: i = "Panel", addIcon: a, sound: o = !0, className: s, children: c, ...l }) {
+	let { scaffoldId: u, inspectorWidth: f } = Q(), h = S(B(u)), g = E(), _ = g ? { duration: 0 } : r;
+	return /* @__PURE__ */ p(T.div, {
 		id: "scaffold-actions",
-		animate: { x: p ? -(f + 10) : 0 },
+		animate: { x: h ? -(f + 10) : 0 },
 		className: e("sticky inline-flex h-12 items-center gap-0.5", "justify-end", s),
 		"data-slot": "scaffold-actions",
 		initial: !1,
 		transition: {
-			duration: m ? 0 : P,
+			duration: g ? 0 : P,
 			ease: F
 		},
 		...l,
-		children: /* @__PURE__ */ w(S.div, {
+		children: /* @__PURE__ */ p(T.div, {
 			layout: !0,
-			transition: h,
+			transition: _,
 			className: "flex items-center gap-1.5",
-			children: /* @__PURE__ */ T(x, {
+			children: /* @__PURE__ */ m(w, {
 				mode: "popLayout",
 				initial: !1,
-				children: [t && /* @__PURE__ */ w(S.div, {
+				children: [n && /* @__PURE__ */ p(T.div, {
 					layout: !0,
-					animate: m ? { opacity: 1 } : "visible",
+					animate: g ? { opacity: 1 } : "visible",
 					className: "flex shrink-0",
-					exit: m ? { opacity: 0 } : "exit",
-					initial: m ? { opacity: 0 } : "hidden",
-					transition: h,
+					exit: g ? { opacity: 0 } : "exit",
+					initial: g ? { opacity: 0 } : "hidden",
+					transition: _,
 					variants: ue,
-					children: /* @__PURE__ */ T(i, {
-						onClick: t,
+					children: /* @__PURE__ */ m(t, {
+						onClick: n,
 						size: "sm",
 						sound: o,
 						variant: "ghost",
 						className: "h-full gap-2 rounded-sm py-1.5 pr-3 pl-2",
-						children: [a ?? /* @__PURE__ */ w(d, { className: "stroke-2" }), r]
+						children: [a ?? /* @__PURE__ */ p(d, { className: "stroke-2" }), i]
 					})
 				}, "scaffold-add"), c]
 			})
@@ -415,13 +415,13 @@ function Ue({ onAdd: t, addLabel: r = "Panel", addIcon: a, sound: o = !0, classN
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-canvas.tsx
 function $(e) {
-	if (!p.isValidElement(e)) return;
+	if (!g.isValidElement(e)) return;
 	let t = e.props.id;
 	return typeof t == "string" ? t : void 0;
 }
 function We({ className: t, children: n, ...r }) {
-	let { scaffoldId: i } = Q(), a = y(K(i)), o = y(Ae(i)), s = y(De(i)), c = b(Fe(i)), l = b(Ie(i)), [u, d] = p.useState(0), f = p.useRef(null);
-	p.useLayoutEffect(() => {
+	let { scaffoldId: i } = Q(), a = S(K(i)), o = S(Ae(i)), s = S(De(i)), c = C(Fe(i)), l = C(Ie(i)), [u, d] = g.useState(0), f = g.useRef(null);
+	g.useLayoutEffect(() => {
 		let e = f.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
@@ -429,29 +429,29 @@ function We({ className: t, children: n, ...r }) {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [l]);
-	let m = p.Children.toArray(n), h = m.map($).filter((e) => e !== void 0), g = h.join(" ");
-	p.useEffect(() => {
+	let m = g.Children.toArray(n), h = m.map($).filter((e) => e !== void 0), _ = h.join(" ");
+	g.useEffect(() => {
 		c(h);
-	}, [g, c]);
-	let _ = m.filter((e) => {
+	}, [_, c]);
+	let v = m.filter((e) => {
 		let t = $(e);
 		return t === void 0 || !s.includes(t);
-	}), v = _.length > 2 ? _[Math.floor(_.length / 2)] : [..._].reverse().find((e) => $(e) !== o) ?? _.at(-1), x = _.length, S = u > 0 ? (u - Math.max(0, x - 1) * 8) / Math.max(1, x) : 320, C = _.filter((e) => e !== v), T = $(v) === o ? a[o ?? ""]?.width ?? 320 : 320, E = Math.max(320, Math.min(T, u - Math.max(0, x - 1) * 328)), D = Math.max(0, u - Math.max(0, x - 1) * 8 - (x - 1) * 320 - E), O = C.reduce((e, t) => e + Math.max(0, (a[$(t) ?? ""]?.width ?? S) - 320), 0), k = $(v) === o, A = O > 0 && (k || O > D) ? D / O : 1, j = new Map(C.map((e) => [e, 320 + (k && O === 0 ? D / Math.max(1, C.length) : Math.max(0, (a[$(e) ?? ""]?.width ?? S) - 320) * A)]));
-	return /* @__PURE__ */ w("div", {
+	}), y = v.length > 2 ? v[Math.floor(v.length / 2)] : [...v].reverse().find((e) => $(e) !== o) ?? v.at(-1), b = v.length, x = u > 0 ? (u - Math.max(0, b - 1) * 8) / Math.max(1, b) : 320, w = v.filter((e) => e !== y), T = $(y) === o ? a[o ?? ""]?.width ?? 320 : 320, E = Math.max(320, Math.min(T, u - Math.max(0, b - 1) * 328)), D = Math.max(0, u - Math.max(0, b - 1) * 8 - (b - 1) * 320 - E), O = w.reduce((e, t) => e + Math.max(0, (a[$(t) ?? ""]?.width ?? x) - 320), 0), k = $(y) === o, A = O > 0 && (k || O > D) ? D / O : 1, j = new Map(w.map((e) => [e, 320 + (k && O === 0 ? D / Math.max(1, w.length) : Math.max(0, (a[$(e) ?? ""]?.width ?? x) - 320) * A)]));
+	return /* @__PURE__ */ p("div", {
 		className: e("min-h-0 gap-2 relative flex w-full flex-1", t),
 		"data-slot": "scaffold-canvas",
 		"data-motion-panels-fill": "",
 		ref: f,
 		...r,
 		children: m.map((e) => {
-			if (!p.isValidElement(e)) return e;
-			let t = !_.includes(e);
-			return p.cloneElement(e, {
+			if (!g.isValidElement(e)) return e;
+			let t = !v.includes(e);
+			return g.cloneElement(e, {
 				_panelHidden: t,
-				_panelFill: e === v,
-				_panelEnd: m.indexOf(e) < m.indexOf(v),
-				_panelMax: Math.max(320, u - Math.max(0, x - 1) * 8 - 320 - C.filter((t) => t !== e).reduce((e, t) => e + (j.get(t) ?? 320), 0)),
-				_panelWidth: j.get(e) ?? S
+				_panelFill: e === y,
+				_panelEnd: m.indexOf(e) < m.indexOf(y),
+				_panelMax: Math.max(320, u - Math.max(0, b - 1) * 8 - 320 - w.filter((t) => t !== e).reduce((e, t) => e + (j.get(t) ?? 320), 0)),
+				_panelWidth: j.get(e) ?? x
 			});
 		})
 	});
@@ -530,7 +530,7 @@ var Ge = {
 	].join(" ")
 };
 function Ke({ glassVariant: t = "liquid-refract", className: n, ...r }) {
-	return /* @__PURE__ */ w(a, {
+	return /* @__PURE__ */ p(a, {
 		glassVariant: t,
 		className: e("rounded-[1.75rem]", Ge[t], n),
 		...r
@@ -538,38 +538,38 @@ function Ke({ glassVariant: t = "liquid-refract", className: n, ...r }) {
 }
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-inspector.tsx
-function qe({ children: t, name: n = "Inspector", className: a, ...o }) {
-	let { scaffoldId: s, inspectorWidth: c } = Q(), l = y(B(s)), u = b(X(s)), d = C(), m = b(je(s)), h = b(Y(s)), [g, _] = p.useState(Infinity), { panelRef: v, gripRef: x } = r({
-		size: Math.min(c, g),
+function qe({ children: n, name: r = "Inspector", className: a, ...o }) {
+	let { scaffoldId: s, inspectorWidth: c } = Q(), l = S(B(s)), u = C(X(s)), d = E(), h = C(je(s)), _ = C(Y(s)), [v, y] = g.useState(Infinity), { panelRef: b, gripRef: x } = i({
+		size: Math.min(c, v),
 		minSize: 180,
 		maxSize: "90%",
 		defaultSize: 272,
 		collapsed: !l,
 		overshoot: !1,
-		onSizeChange: (e) => m(Number(e)),
-		onCollapsedChange: (e) => h(!e),
+		onSizeChange: (e) => h(Number(e)),
+		onCollapsedChange: (e) => _(!e),
 		transition: d ? { duration: 0 } : {
 			duration: P,
 			ease: F
 		}
 	});
-	p.useLayoutEffect(() => {
-		let e = v.current?.parentElement;
+	g.useLayoutEffect(() => {
+		let e = b.current?.parentElement;
 		if (!e) return;
 		let t = () => {
-			e.clientWidth && _(e.clientWidth * .9);
+			e.clientWidth && y(e.clientWidth * .9);
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [v]);
-	let E = c + 10 + 12;
-	return /* @__PURE__ */ T(S.aside, {
+	}, [b]);
+	let w = c + 10 + 12;
+	return /* @__PURE__ */ m(T.aside, {
 		id: "scaffold-inspector",
-		ref: v,
-		animate: { x: l ? 0 : E },
+		ref: b,
+		animate: { x: l ? 0 : w },
 		"aria-hidden": !l || void 0,
-		"aria-label": n,
+		"aria-label": r,
 		className: e("right-0 my-2 w-96 absolute z-20 flex h-full max-h-[calc(100%-0.5rem)] flex-col", !l && "pointer-events-none", a),
 		"data-slot": "scaffold-inspector",
 		inert: !l || void 0,
@@ -581,39 +581,39 @@ function qe({ children: t, name: n = "Inspector", className: a, ...o }) {
 			ease: F
 		},
 		...o,
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ p("div", {
 			ref: x,
 			role: "separator",
 			"aria-label": "Resize inspector",
 			"aria-orientation": "vertical",
 			tabIndex: l ? 0 : -1,
 			className: "inset-y-0 -left-1 w-2 absolute z-30 cursor-col-resize touch-none focus-visible:outline-2 focus-visible:outline-ring"
-		}), /* @__PURE__ */ T(Ke, {
+		}), /* @__PURE__ */ m(Ke, {
 			className: e("bg-neutral-50/20 dark:bg-black/5 flex flex-1 flex-col rounded-md", se),
 			glassVariant: "subtle",
-			children: [/* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ m("div", {
 				id: "scaffold-inspector-header",
 				className: "h-12 gap-2 pr-3 pl-4 flex items-center justify-between border-b",
-				children: [/* @__PURE__ */ w("span", {
+				children: [/* @__PURE__ */ p("span", {
 					className: "text-base font-normal text-card-foreground/70",
-					children: n
-				}), /* @__PURE__ */ w(i, {
+					children: r
+				}), /* @__PURE__ */ p(t, {
 					size: "icon-xs",
 					variant: "glass",
 					glassVariant: "subtle",
 					className: "scale-85",
 					"aria-label": "Close inspector",
 					onClick: u,
-					children: /* @__PURE__ */ w(f, { className: "stroke-3" })
+					children: /* @__PURE__ */ p(f, { className: "stroke-3" })
 				})]
-			}), t]
+			}), n]
 		})]
 	});
 }
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-main.tsx
 function Je({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ p("div", {
 		id: "scaffold-main",
 		className: e("relative flex min-w-0 flex-1 flex-col", t),
 		"data-slot": "scaffold-main",
@@ -623,35 +623,35 @@ function Je({ className: t, children: n, ...r }) {
 }
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-sub-panel.tsx
-function Ye({ panelId: t = "", swapped: n = !1, className: i, children: a, variant: o = "card", primary: s = !1, expanded: c, ...l }) {
-	let u = C(), d = c ?? s, { scaffoldId: f } = Q(), m = y(K(f)), h = b(J(f)), [g, _] = p.useState(400), { panelRef: v, gripRef: x } = r({
+function Ye({ panelId: t = "", swapped: n = !1, className: r, children: a, variant: o = "card", primary: s = !1, expanded: c, ...l }) {
+	let u = E(), d = c ?? s, { scaffoldId: f } = Q(), h = S(K(f)), _ = C(J(f)), [v, y] = g.useState(400), { panelRef: b, gripRef: x } = i({
 		orientation: "vertical",
 		enabled: !s,
-		size: d ? Math.min(m[t]?.secondarySize ?? g - 64, Math.max(56, g - 64)) : 56,
+		size: d ? Math.min(h[t]?.secondarySize ?? v - 64, Math.max(56, v - 64)) : 56,
 		minSize: 56,
-		maxSize: Math.max(56, g - 64),
+		maxSize: Math.max(56, v - 64),
 		defaultSize: 56,
 		overshoot: !1,
 		transition: u ? { duration: 0 } : {
 			duration: P,
 			ease: F
 		},
-		onSizeChange: (e) => h(t, {
+		onSizeChange: (e) => _(t, {
 			secondarySize: Number(e),
 			secondaryExpanded: Number(e) > 56
 		})
 	});
-	return p.useLayoutEffect(() => {
-		let e = v.current?.parentElement;
+	return g.useLayoutEffect(() => {
+		let e = b.current?.parentElement;
 		if (!e) return;
-		let t = () => _(e.clientHeight || 400);
+		let t = () => y(e.clientHeight || 400);
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [v]), /* @__PURE__ */ T(S.div, {
+	}, [b]), /* @__PURE__ */ m(T.div, {
 		layout: "position",
 		ref: (e) => {
-			v.current = e;
+			b.current = e;
 		},
 		"data-motion-panels-fill": s ? "" : void 0,
 		id: `scaffold-sub-panel-${o}`,
@@ -664,18 +664,18 @@ function Ye({ panelId: t = "", swapped: n = !1, className: i, children: a, varia
 			duration: P,
 			ease: F
 		},
-		className: e("relative flex w-full flex-col", de[o], s ? "overflow-clip" : "", i),
+		className: e("relative flex w-full flex-col", de[o], s ? "overflow-clip" : "", r),
 		"data-slot": `scaffold-sub-panel-${o}`,
 		"data-expanded": d ? "" : void 0,
 		...l,
-		children: [!s && /* @__PURE__ */ w("div", {
+		children: [!s && /* @__PURE__ */ p("div", {
 			ref: x,
 			role: "separator",
 			"aria-label": "Resize secondary panel",
 			"aria-orientation": "horizontal",
 			tabIndex: 0,
 			onKeyDown: (e) => {
-				e.key === "Enter" && (e.preventDefault(), h(t, { secondaryExpanded: !d }));
+				e.key === "Enter" && (e.preventDefault(), _(t, { secondaryExpanded: !d }));
 			},
 			className: e("inset-x-0 h-2 absolute z-10 cursor-row-resize touch-none focus-visible:outline-2 focus-visible:outline-ring", n ? "-bottom-1" : "-top-1")
 		}), a]
@@ -683,74 +683,74 @@ function Ye({ panelId: t = "", swapped: n = !1, className: i, children: a, varia
 }
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-panel.tsx
-function Xe({ id: t, _panelHidden: n = !1, _panelFill: i = !0, _panelWidth: a = 320, _panelMax: o = 640, _panelEnd: s = !0, children: c, SecondaryPanel: l, onSwap: u, onCloseSecondary: d, name: f, swapLabel: p = "Swap panel content", sound: m = !0, className: g }) {
-	let { scaffoldId: _ } = Q(), v = C(), x = y(ke(_, t ?? "")), E = {
-		duration: v ? 0 : P,
+function Xe({ id: t, _panelHidden: n = !1, _panelFill: r = !0, _panelWidth: a = 320, _panelMax: o = 640, _panelEnd: s = !0, children: c, SecondaryPanel: l, onSwap: u, onCloseSecondary: d, name: f, swapLabel: h = "Swap panel content", sound: g = !0, className: _ }) {
+	let { scaffoldId: y } = Q(), b = E(), x = S(ke(y, t ?? "")), w = {
+		duration: b ? 0 : P,
 		ease: F
-	}, D = h(), O = t ?? D, k = y(K(_)), A = b(J(_)), j = b(Z(_)), ee = k[O] ?? {}, M = ee.swapped ?? !1, N = ee.secondaryExpanded ?? !1, te = () => {
+	}, D = v(), O = t ?? D, k = S(K(y)), A = C(J(y)), j = C(Z(y)), ee = k[O] ?? {}, M = ee.swapped ?? !1, N = ee.secondaryExpanded ?? !1, te = () => {
 		A(O, { swapped: !M }), u?.();
-	}, ne = () => A(O, { secondaryExpanded: !N }), { panelRef: re, gripRef: ie } = r({
+	}, ne = () => A(O, { secondaryExpanded: !N }), { panelRef: re, gripRef: ie } = i({
 		size: a,
 		minSize: 320,
 		maxSize: o,
-		enabled: !i,
+		enabled: !r,
 		collapsed: n,
 		overshoot: !1,
-		transition: E,
+		transition: w,
 		onSizeChange: (e) => A(O, { width: Number(e) }),
 		onCollapsedChange: t ? (e) => {
 			e !== n && j(t);
 		} : void 0
-	}), ae = /* @__PURE__ */ w(Ye, {
+	}), ae = /* @__PURE__ */ p(Ye, {
 		id: "top",
 		expanded: !N,
 		primary: !0,
 		panelId: O,
 		children: c
-	}, "top"), I = l ? /* @__PURE__ */ w(Ye, {
+	}, "top"), I = l ? /* @__PURE__ */ p(Ye, {
 		id: "bottom",
 		expanded: N,
 		panelId: O,
 		swapped: M,
 		children: l
-	}, "bottom") : null, oe = (u || d) && l && /* @__PURE__ */ w(S.div, {
+	}, "bottom") : null, oe = (u || d) && l && /* @__PURE__ */ p(T.div, {
 		layout: "position",
 		"data-motion-panels-separator": "",
-		transition: E,
+		transition: w,
 		className: "h-2 relative flex items-center justify-center",
-		children: /* @__PURE__ */ w(ve, {
-			label: p,
+		children: /* @__PURE__ */ p(ve, {
+			label: h,
 			onClick: te,
 			onExpand: ne,
 			onCloseSecondary: d,
 			secondaryExpanded: N,
 			swapped: M,
-			sound: m
+			sound: g
 		})
 	}, "seam");
-	return /* @__PURE__ */ T(S.section, {
+	return /* @__PURE__ */ m(T.section, {
 		initial: !1,
 		id: t ?? "scaffold-panel",
 		ref: re,
-		"data-motion-panels-fill": i ? "" : void 0,
+		"data-motion-panels-fill": r ? "" : void 0,
 		"data-motion-panels-separator": n ? "" : void 0,
 		"aria-hidden": n || void 0,
 		inert: n || void 0,
 		animate: { opacity: x ? .35 : 1 },
 		style: {
-			flex: i ? "1 1 0%" : "0 0 auto",
+			flex: r ? "1 1 0%" : "0 0 auto",
 			minWidth: 0,
 			marginRight: n ? -8 : 0,
 			overflow: n ? "clip" : void 0
 		},
 		"aria-label": f,
-		className: e("group/panel min-w-0 relative flex", "flex-col", g),
+		className: e("group/panel min-w-0 relative flex", "flex-col", _),
 		"data-slot": "scaffold-panel",
 		"data-dimmed": x ? "" : void 0,
 		"data-swapped": M ? "" : void 0,
-		transition: E,
+		transition: w,
 		children: [
-			!i && /* @__PURE__ */ w("div", {
+			!r && /* @__PURE__ */ p("div", {
 				ref: ie,
 				role: "separator",
 				"aria-label": `Resize ${f ?? "panel"}`,
@@ -767,31 +767,31 @@ function Xe({ id: t, _panelHidden: n = !1, _panelFill: i = !0, _panelWidth: a =
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-root.tsx
 function Ze({ scaffoldId: t, inspectorOpen: n, defaultInspectorOpen: r, onInspectorOpenChange: i, inspectorWidth: a = 272, className: o, children: s, ...c }) {
-	let l = p.useId(), u = t ?? l, d = n !== void 0, f = p.useMemo(() => ({ controlsInspector: d }), [d]), m = p.useMemo(() => ({ onInspectorOpenChange: i }), [i]), h = b(Le(u)), g = b(Re(u)), _ = b(ze(u)), [v] = p.useState(() => n ?? r ?? !1);
-	p.useEffect(() => {
-		d || _(v);
-	}, []), p.useEffect(() => {
-		g(m);
-	}, [g, m]), p.useEffect(() => {
+	let l = g.useId(), u = t ?? l, d = n !== void 0, f = g.useMemo(() => ({ controlsInspector: d }), [d]), m = g.useMemo(() => ({ onInspectorOpenChange: i }), [i]), h = C(Le(u)), _ = C(Re(u)), v = C(ze(u)), [y] = g.useState(() => n ?? r ?? !1);
+	g.useEffect(() => {
+		d || v(y);
+	}, []), g.useEffect(() => {
+		_(m);
+	}, [_, m]), g.useEffect(() => {
 		h(f, n);
 	}, [
 		h,
 		f,
 		n
-	]), p.useEffect(() => {
+	]), g.useEffect(() => {
 		if (t === void 0) return () => Ve(u);
 	}, [t, u]);
-	let x = y(q(u)), S = p.useMemo(() => ({
+	let b = S(q(u)), x = g.useMemo(() => ({
 		scaffoldId: u,
-		inspectorWidth: x ?? a
+		inspectorWidth: b ?? a
 	}), [
 		u,
 		a,
-		x
+		b
 	]);
-	return /* @__PURE__ */ w(He.Provider, {
-		value: S,
-		children: /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ p(He.Provider, {
+		value: x,
+		children: /* @__PURE__ */ p("div", {
 			id: "scaffold-root",
 			className: e("pr-2 pb-2 relative isolate flex size-full flex-1 overflow-clip", "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", o),
 			"data-slot": "scaffold",
@@ -803,7 +803,7 @@ function Ze({ scaffoldId: t, inspectorOpen: n, defaultInspectorOpen: r, onInspec
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-sidebar.tsx
 function Qe({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ w("nav", {
+	return /* @__PURE__ */ p("nav", {
 		id: "scaffold-sidebar",
 		"aria-label": "Primary",
 		className: e("flex h-full min-w-12 shrink-0 flex-col items-center gap-1 overflow-y-auto pt-10 pb-2", t),
@@ -814,25 +814,25 @@ function Qe({ className: t, children: n, ...r }) {
 }
 //#endregion
 //#region src/components/blocks/scaffold/scaffold-tab.tsx
-function $e({ children: t, panelId: r, onClose: a, closeLabel: o = "Close panel", sound: c = !0, className: l, ...d }) {
-	let { scaffoldId: m } = Q(), h = y(Oe(m, r ?? "")), g = b(Z(m)), _ = b(Pe(m)), v = C(), x = v ? { duration: 0 } : n;
-	return p.useEffect(() => {
-		if (r !== void 0) return () => _(r, !1);
-	}, [r, _]), /* @__PURE__ */ T(he, {
+function $e({ children: n, panelId: i, onClose: a, closeLabel: o = "Close panel", sound: c = !0, className: l, ...d }) {
+	let { scaffoldId: h } = Q(), _ = S(Oe(h, i ?? "")), v = C(Z(h)), y = C(Pe(h)), b = E(), x = b ? { duration: 0 } : r;
+	return g.useEffect(() => {
+		if (i !== void 0) return () => y(i, !1);
+	}, [i, y]), /* @__PURE__ */ m(he, {
 		layout: !0,
-		animate: v ? {
+		animate: b ? {
 			opacity: 1,
 			width: "auto"
 		} : "visible",
 		"data-slot": "scaffold-tab",
-		"data-panel-hidden": h ? "" : void 0,
-		onPointerEnter: r === void 0 ? void 0 : () => _(r, !0),
-		onPointerLeave: r === void 0 ? void 0 : () => _(r, !1),
-		exit: v ? {
+		"data-panel-hidden": _ ? "" : void 0,
+		onPointerEnter: i === void 0 ? void 0 : () => y(i, !0),
+		onPointerLeave: i === void 0 ? void 0 : () => y(i, !1),
+		exit: b ? {
 			opacity: 0,
 			width: 0
 		} : "exit",
-		initial: v ? {
+		initial: b ? {
 			opacity: 0,
 			width: 0
 		} : "hidden",
@@ -841,37 +841,37 @@ function $e({ children: t, panelId: r, onClose: a, closeLabel: o = "Close panel"
 		glassVariant: "subtle",
 		className: e("h-full rounded-sm", l),
 		...d,
-		children: [/* @__PURE__ */ T(i, {
-			"aria-pressed": r === void 0 ? void 0 : !h,
-			onClick: r === void 0 ? void 0 : () => g(r),
+		children: [/* @__PURE__ */ m(t, {
+			"aria-pressed": i === void 0 ? void 0 : !_,
+			onClick: i === void 0 ? void 0 : () => v(i),
 			size: "sm",
 			sound: c,
 			variant: "ghost",
-			className: e("gap-2.5 rounded-sm pl-2", a && "pr-2", h && "text-muted-foreground/70"),
-			children: [w(h ? u : s, { size: 16 }), t]
-		}), a && /* @__PURE__ */ w(i, {
+			className: e("gap-2.5 rounded-sm pl-2", a && "pr-2", _ && "text-muted-foreground/70"),
+			children: [p(_ ? u : s, { size: 16 }), n]
+		}), a && /* @__PURE__ */ p(t, {
 			"aria-label": o,
 			onClick: a,
 			size: "icon-sm",
 			sound: c,
 			variant: "ghost",
 			className: "self-center rounded-none!",
-			children: /* @__PURE__ */ w(f, { size: 16 })
+			children: /* @__PURE__ */ p(f, { size: 16 })
 		})]
 	});
 }
 //#endregion
 //#region src/components/blocks/scaffold/use-scaffold.ts
 function et({ scaffoldId: e, defaultInspectorOpen: t, onInspectorChange: n } = {}) {
-	let r = h(), i = e ?? r, a = y(B(i)), o = b(Y(i)), s = b(X(i));
-	return m(() => {
+	let r = v(), i = e ?? r, a = S(B(i)), o = C(Y(i)), s = C(X(i));
+	return _(() => {
 		if (e === void 0) return () => Ve(i);
 	}, [e, i]), {
 		scaffoldId: i,
 		inspectorOpen: a,
 		setInspectorOpen: o,
 		toggleInspector: s,
-		providerProps: g(() => ({
+		providerProps: y(() => ({
 			scaffoldId: i,
 			defaultInspectorOpen: t,
 			onInspectorOpenChange: n
@@ -885,11 +885,11 @@ function et({ scaffoldId: e, defaultInspectorOpen: t, onInspectorChange: n } = {
 //#endregion
 //#region src/components/blocks/scaffold/use-scaffold-state.ts
 function tt(e) {
-	return y(Me(e));
+	return S(Me(e));
 }
 function nt(e) {
-	let t = b(Y(e)), n = b(X(e)), r = b(Z(e)), i = b(J(e)), a = b(je(e)), o = b(Be(e));
-	return g(() => ({
+	let t = C(Y(e)), n = C(X(e)), r = C(Z(e)), i = C(J(e)), a = C(je(e)), o = C(Be(e));
+	return y(() => ({
 		setInspectorOpen: t,
 		toggleInspector: n,
 		togglePanel: r,