@exegia/corpora-ui 3.0.0 → 3.1.0

package/dist-lib/scaffold-Qv4hs5Pf.js

@@ -0,0 +1,925 @@
+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 { 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 "@base-ui/react/merge-props";
+import "@base-ui/react/use-render";
+import { cva as E } from "class-variance-authority";
+import { RiCloseLine as D } from "@remixicon/react";
+import { More as O } from "iconsax-reactjs";
+//#region src/components/blocks/scaffold/constants.ts
+var k = 64, A = 272, j = 3, ee = 320, M = 8, N = 10, te = 52, ne = 52, re = 10, ie = 4e3, P = .3, F = [
+	.22,
+	1,
+	.36,
+	1
+];
+//#endregion
+//#region src/components/blocks/scaffold/utils.ts
+function ae(e) {
+	if (e === null) return 3;
+	let t = Math.floor((e + 8) / 328);
+	return Math.max(1, Math.min(3, t));
+}
+var I = {
+	visibleOrder: [],
+	autoHidden: [],
+	userHidden: []
+};
+function oe(e, t, n) {
+	let r = new Set(t), i = e.visibleOrder.filter((e) => r.has(e)), a = e.autoHidden.filter((e) => r.has(e)), o = e.userHidden.filter((e) => r.has(e)), s = /* @__PURE__ */ new Set([
+		...i,
+		...a,
+		...o
+	]);
+	for (let e of t) s.has(e) || i.push(e);
+	for (; i.length > n && i.length > 1;) a.push(i.shift());
+	for (; i.length < n && a.length > 0;) i.push(a.pop());
+	return i.join(" ") === e.visibleOrder.join(" ") && a.join(" ") === e.autoHidden.join(" ") && o.join(" ") === e.userHidden.join(" ") ? e : {
+		visibleOrder: i,
+		autoHidden: a,
+		userHidden: o
+	};
+}
+var se = "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";
+`${se}`;
+var ce = "transition-[opacity,scale,box-shadow] duration-200 ease-smooth-out hover:text-neutral-900 hover:shadow-md active:scale-97 dark:bg-neutral-800/95 dark:text-neutral-300 dark:inset-ring-white/10 dark:hover:text-white motion-reduce:transition-none motion-reduce:active:scale-100 z-20", le = "opacity-0 scale-95 group-hover/panel:opacity-100 group-hover/panel:scale-100 focus-visible:opacity-100 focus-visible:scale-100 pointer-coarse:opacity-100 pointer-coarse:scale-100", ue = {
+	hidden: {
+		opacity: 0,
+		filter: "blur(4px)"
+	},
+	visible: {
+		opacity: 1,
+		filter: "blur(0px)"
+	},
+	exit: {
+		opacity: 0,
+		filter: "blur(4px)",
+		transition: {
+			duration: .18,
+			ease: t
+		}
+	}
+}, de = {
+	card: `bg-neutral-50 dark:bg-neutral-900 rounded-md ${se}`,
+	subtle: "bg-neutral-100 dark:bg-neutral-800",
+	inset: "bg-neutral-200 dark:bg-neutral-700"
+};
+//#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", {
+		id: "scaffold-panel-close-button",
+		"aria-label": n,
+		className: e(ce, le, "absolute top-4 right-3.5 z-10", i),
+		"data-cuelume-press": r ? "" : void 0,
+		"data-cuelume-release": r ? "" : void 0,
+		"data-slot": "scaffold-panel-close",
+		onClick: t,
+		type: "button",
+		children: /* @__PURE__ */ w(D, {
+			"aria-hidden": !0,
+			className: "size-4"
+		})
+	});
+}
+//#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", {
+	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"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function me({ className: t, orientation: n, ...r }) {
+	return /* @__PURE__ */ w(S.div, {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": n,
+		className: e(pe({ orientation: n }), t),
+		...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, {
+		"data-slot": "glass-button-group",
+		"data-glass-variant": n,
+		className: e("relative isolate rounded-lg", t),
+		...i,
+		children: [/* @__PURE__ */ w(o, { glassVariant: n }), r]
+	});
+}
+//#endregion
+//#region src/lib/hooks/use-hover-capable.ts
+function ge() {
+	let [e, t] = _(!1);
+	return m(() => {
+		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);
+	}, []), e;
+}
+//#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);
+		}, ie));
+	}, [m]);
+	p.useEffect(() => {
+		if (!v || !m) return;
+		let e = document.documentElement;
+		return e.addEventListener("pointerleave", E), window.addEventListener("blur", E), () => {
+			e.removeEventListener("pointerleave", E), window.removeEventListener("blur", E);
+		};
+	}, [
+		v,
+		m,
+		E
+	]), p.useEffect(() => {
+		v && S.current && (S.current = !1, _.current?.querySelector("button")?.focus());
+	}, [v]);
+	let D = () => {
+		x.current = Date.now() + 600, y(!1);
+	}, k = (e) => {
+		e?.(), D();
+	};
+	return /* @__PURE__ */ T(he, {
+		ref: g,
+		onPointerEnter: C,
+		onPointerLeave: E,
+		glassVariant: "subtle",
+		"data-expanded": v ? "" : 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,
+			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", {
+				className: "flex min-w-0 overflow-hidden",
+				children: /* @__PURE__ */ w(i, {
+					id: "scaffold-panel-menu-toggle-button",
+					"aria-label": s,
+					"aria-expanded": v,
+					"aria-controls": h,
+					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);
+					},
+					onPointerEnter: () => {
+						!m || Date.now() < x.current || (C(), y(!0));
+					},
+					children: /* @__PURE__ */ w(O, { size: 16 })
+				})
+			})
+		}), /* @__PURE__ */ w("div", {
+			id: h,
+			ref: _,
+			"aria-hidden": !v || void 0,
+			inert: !v || 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", {
+				className: "flex min-w-0 overflow-hidden",
+				children: [
+					/* @__PURE__ */ T(i, {
+						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, {
+							size: 16,
+							className: e(a !== o && "rotate-180")
+						}), "Expand"]
+					}),
+					/* @__PURE__ */ T(i, {
+						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"]
+					}),
+					r && /* @__PURE__ */ T(i, {
+						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"]
+					})
+				]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/blocks/scaffold/scaffold-atom.ts
+var ye = { controlsInspector: !1 }, be = {}, xe = [], Se = [];
+function L(e) {
+	let t = /* @__PURE__ */ new Map(), n = ((n) => {
+		let r = t.get(n);
+		return r === void 0 && (r = e(n), t.set(n, r)), r;
+	});
+	return n.remove = (e) => {
+		t.delete(e);
+	}, Se.push(n), n;
+}
+function R(e, t) {
+	return L((n) => {
+		let r = v(t);
+		return r.debugLabel = `scaffold/${n}/${e}`, r;
+	});
+}
+function Ce(e, t) {
+	return L((n) => {
+		let r = v((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));
+		return r.debugLabel = `scaffold/${n}/${e}`, r;
+	});
+}
+function we(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	return Se.push({ remove: (e) => {
+		n.delete(e);
+	} }), (r, i) => {
+		let a = n.get(r);
+		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));
+			n.debugLabel = `scaffold/${r}/${i}/${e}`, a.set(i, n), o = n;
+		}
+		return o;
+	};
+}
+var B = R("inspectorOpen", !1), V = R("panelIds", xe), H = R("measuredCapacity", null), U = R("visibility", I), W = R("hoveredPanelId", null), Te = R("config", ye), Ee = R("handlers", be), G = Ce("panelCapacity", (e, t) => e(H(t)) ?? 3), De = Ce("hiddenPanelIds", (e, t) => {
+	let n = e(U(t));
+	return [...n.autoHidden, ...n.userHidden];
+}), Oe = we("hidden", (e, t, n) => {
+	if (n === "") return !1;
+	let r = e(U(t));
+	return r.autoHidden.includes(n) || r.userHidden.includes(n);
+}), ke = we("dimmed", (e, t, n) => {
+	if (n === "") return !1;
+	let r = e(W(t));
+	return r !== null && r !== n;
+}), K = R("panel-layouts", {}), Ae = R("active-resize", null), q = R("inspector-width", null), je = z("resize-inspector", (e, t, n, r) => {
+	Number.isFinite(r) && t(q(n), Math.max(180, r));
+}), J = z("update-panel-layout", (e, t, n, r, i) => {
+	let a = e(K(n)), o = { ...i };
+	o.width !== void 0 && Number.isFinite(o.width) && t(Ae(n), r), o.width !== void 0 && (o.width = Number.isFinite(o.width) ? Math.max(320, o.width) : void 0), o.secondarySize !== void 0 && (o.secondarySize = Number.isFinite(o.secondarySize) ? Math.max(56, o.secondarySize) : void 0), t(K(n), {
+		...a,
+		[r]: {
+			...a[r],
+			...o
+		}
+	});
+}), Me = Ce("state", (e, t) => ({
+	inspectorOpen: e(B(t)),
+	inspectorWidth: e(q(t)),
+	panelLayouts: e(K(t)),
+	panelCapacity: e(G(t)),
+	hiddenPanelIds: e(De(t)),
+	hoveredPanelId: e(W(t))
+}));
+function Ne(e, t, n) {
+	let r = e(U(n)), i = oe(r, e(V(n)), e(G(n)));
+	i !== r && t(U(n), i);
+}
+var Y = z("setInspectorOpen", (e, t, n, r) => {
+	e(B(n)) !== r && (e(Te(n)).controlsInspector || t(B(n), r), e(Ee(n)).onInspectorOpenChange?.(r));
+}), X = z("toggleInspector", (e, t, n) => {
+	t(Y(n), !e(B(n)));
+}), Z = z("togglePanel", (e, t, n, r) => {
+	let i = e(V(n));
+	if (!i.includes(r)) return;
+	let a = e(U(n)), o = a.autoHidden.includes(r) || a.userHidden.includes(r);
+	if (!o && a.visibleOrder.length <= 1) return;
+	let s = o ? {
+		visibleOrder: [...a.visibleOrder, r],
+		autoHidden: a.autoHidden.filter((e) => e !== r),
+		userHidden: a.userHidden.filter((e) => e !== r)
+	} : {
+		visibleOrder: a.visibleOrder.filter((e) => e !== r),
+		autoHidden: a.autoHidden,
+		userHidden: [...a.userHidden, r]
+	};
+	t(U(n), oe(s, i, e(G(n))));
+}), Pe = z("setPanelHovered", (e, t, n, r, i) => {
+	let a = e(W(n));
+	if (i) {
+		a !== r && t(W(n), r);
+		return;
+	}
+	a === r && t(W(n), null);
+}), Fe = z("registerPanelIds", (e, t, n, r) => {
+	let i = e(V(n));
+	i.length === r.length && i.every((e, t) => e === r[t]) || (t(V(n), [...r]), Ne(e, t, n));
+}), Ie = z("measureCanvas", (e, t, n, r) => {
+	let i = ae(r);
+	e(H(n)) !== i && (t(H(n), i), Ne(e, t, n));
+}), Le = z("projectProps", (e, t, n, r, i) => {
+	t(Te(n), r), r.controlsInspector && i !== void 0 && t(B(n), i);
+}), Re = z("setHandlers", (e, t, n, r) => {
+	t(Ee(n), r);
+}), ze = z("seedInspector", (e, t, n, r) => {
+	t(B(n), r);
+}), Be = z("reset", (e, t, n) => {
+	t(B(n), !1), t(q(n), null), t(K(n), {}), t(Ae(n), null), t(V(n), xe), t(H(n), null), t(U(n), I), t(W(n), null), t(Te(n), ye), t(Ee(n), be);
+});
+function Ve(e) {
+	for (let t of Se) t.remove(e);
+}
+//#endregion
+//#region src/components/blocks/scaffold/scaffold-context.ts
+var He = p.createContext(null);
+function Q() {
+	let e = p.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, {
+		id: "scaffold-actions",
+		animate: { x: p ? -(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,
+			ease: F
+		},
+		...l,
+		children: /* @__PURE__ */ w(S.div, {
+			layout: !0,
+			transition: h,
+			className: "flex items-center gap-1.5",
+			children: /* @__PURE__ */ T(x, {
+				mode: "popLayout",
+				initial: !1,
+				children: [t && /* @__PURE__ */ w(S.div, {
+					layout: !0,
+					animate: m ? { opacity: 1 } : "visible",
+					className: "flex shrink-0",
+					exit: m ? { opacity: 0 } : "exit",
+					initial: m ? { opacity: 0 } : "hidden",
+					transition: h,
+					variants: ue,
+					children: /* @__PURE__ */ T(i, {
+						onClick: t,
+						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]
+					})
+				}, "scaffold-add"), c]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/blocks/scaffold/scaffold-canvas.tsx
+function $(e) {
+	if (!p.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 e = f.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(([e]) => {
+			l(e.contentRect.width), d(e.contentRect.width);
+		});
+		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(() => {
+		c(h);
+	}, [g, c]);
+	let _ = 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", {
+		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, {
+				_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
+			});
+		})
+	});
+}
+//#endregion
+//#region src/components/ui/glasscn/glass-container.tsx
+var Ge = {
+	clear: [
+		"[--sidebar:rgba(255,255,255,0.18)]",
+		"[--sidebar-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-accent:rgba(255,255,255,0.48)]",
+		"[--sidebar-accent-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-border:rgba(255,255,255,0.34)]",
+		"[--sidebar-ring:rgba(255,255,255,0.38)]",
+		"dark:[--sidebar:rgba(0,0,0,0.28)]",
+		"dark:[--sidebar-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-accent:rgba(255,255,255,0.1)]",
+		"dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-border:rgba(255,255,255,0.12)]",
+		"dark:[--sidebar-ring:rgba(255,255,255,0.16)]"
+	].join(" "),
+	frosted: [
+		"[--sidebar:rgba(255,255,255,0.4)]",
+		"[--sidebar-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-accent:rgba(255,255,255,0.62)]",
+		"[--sidebar-accent-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-border:rgba(255,255,255,0.3)]",
+		"[--sidebar-ring:rgba(255,255,255,0.32)]",
+		"dark:[--sidebar:rgba(0,0,0,0.38)]",
+		"dark:[--sidebar-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-accent:rgba(255,255,255,0.14)]",
+		"dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-border:rgba(255,255,255,0.1)]",
+		"dark:[--sidebar-ring:rgba(255,255,255,0.14)]"
+	].join(" "),
+	subtle: [
+		"[--sidebar:rgba(255,255,255,0.14)]",
+		"[--sidebar-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-accent:rgba(255,255,255,0.28)]",
+		"[--sidebar-accent-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-border:rgba(0,0,0,0.05)]",
+		"[--sidebar-ring:rgba(255,255,255,0.28)]",
+		"dark:[--sidebar:rgba(255,255,255,0.05)]",
+		"dark:[--sidebar-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-accent:rgba(255,255,255,0.08)]",
+		"dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-border:rgba(255,255,255,0.08)]",
+		"dark:[--sidebar-ring:rgba(255,255,255,0.12)]"
+	].join(" "),
+	liquid: [
+		"[--sidebar:rgba(255,255,255,0.22)]",
+		"[--sidebar-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-accent:rgba(255,255,255,0.55)]",
+		"[--sidebar-accent-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-border:rgba(255,255,255,0.42)]",
+		"[--sidebar-ring:rgba(255,255,255,0.45)]",
+		"dark:[--sidebar:rgba(255,255,255,0.06)]",
+		"dark:[--sidebar-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-accent:rgba(255,255,255,0.12)]",
+		"dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-border:rgba(255,255,255,0.16)]",
+		"dark:[--sidebar-ring:rgba(255,255,255,0.20)]"
+	].join(" "),
+	"liquid-refract": [
+		"[--sidebar:rgba(255,255,255,0.18)]",
+		"[--sidebar-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-accent:rgba(255,255,255,0.48)]",
+		"[--sidebar-accent-foreground:oklch(0.145_0_0)]",
+		"[--sidebar-border:rgba(255,255,255,0.34)]",
+		"[--sidebar-ring:rgba(255,255,255,0.38)]",
+		"dark:[--sidebar-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-accent:rgba(255,255,255,0.12)]",
+		"dark:[--sidebar-accent-foreground:oklch(0.985_0_0)]",
+		"dark:[--sidebar-border:rgba(255,255,255,0.15)]",
+		"dark:[--sidebar-ring:rgba(255,255,255,0.18)]"
+	].join(" ")
+};
+function Ke({ glassVariant: t = "liquid-refract", className: n, ...r }) {
+	return /* @__PURE__ */ w(a, {
+		glassVariant: t,
+		className: e("rounded-[1.75rem]", Ge[t], 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),
+		minSize: 180,
+		maxSize: "90%",
+		defaultSize: 272,
+		collapsed: !l,
+		overshoot: !1,
+		onSizeChange: (e) => m(Number(e)),
+		onCollapsedChange: (e) => h(!e),
+		transition: d ? { duration: 0 } : {
+			duration: P,
+			ease: F
+		}
+	});
+	p.useLayoutEffect(() => {
+		let e = v.current?.parentElement;
+		if (!e) return;
+		let t = () => {
+			e.clientWidth && _(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, {
+		id: "scaffold-inspector",
+		ref: v,
+		animate: { x: l ? 0 : E },
+		"aria-hidden": !l || void 0,
+		"aria-label": n,
+		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,
+		initial: !1,
+		role: "complementary",
+		style: { overflow: l ? void 0 : "clip" },
+		transition: {
+			duration: d ? 0 : P,
+			ease: F
+		},
+		...o,
+		children: [/* @__PURE__ */ w("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, {
+			className: e("bg-neutral-50/20 dark:bg-black/5 flex flex-1 flex-col rounded-md", se),
+			glassVariant: "subtle",
+			children: [/* @__PURE__ */ T("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", {
+					className: "text-base font-normal text-card-foreground/70",
+					children: n
+				}), /* @__PURE__ */ w(i, {
+					size: "icon-xs",
+					variant: "glass",
+					glassVariant: "subtle",
+					className: "scale-85",
+					"aria-label": "Close inspector",
+					onClick: u,
+					children: /* @__PURE__ */ w(f, { className: "stroke-3" })
+				})]
+			}), t]
+		})]
+	});
+}
+//#endregion
+//#region src/components/blocks/scaffold/scaffold-main.tsx
+function Je({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ w("div", {
+		id: "scaffold-main",
+		className: e("relative flex min-w-0 flex-1 flex-col", t),
+		"data-slot": "scaffold-main",
+		...r,
+		children: n
+	});
+}
+//#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({
+		orientation: "vertical",
+		enabled: !s,
+		size: d ? Math.min(m[t]?.secondarySize ?? g - 64, Math.max(56, g - 64)) : 56,
+		minSize: 56,
+		maxSize: Math.max(56, g - 64),
+		defaultSize: 56,
+		overshoot: !1,
+		transition: u ? { duration: 0 } : {
+			duration: P,
+			ease: F
+		},
+		onSizeChange: (e) => h(t, {
+			secondarySize: Number(e),
+			secondaryExpanded: Number(e) > 56
+		})
+	});
+	return p.useLayoutEffect(() => {
+		let e = v.current?.parentElement;
+		if (!e) return;
+		let t = () => _(e.clientHeight || 400);
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [v]), /* @__PURE__ */ T(S.div, {
+		layout: "position",
+		ref: (e) => {
+			v.current = e;
+		},
+		"data-motion-panels-fill": s ? "" : void 0,
+		id: `scaffold-sub-panel-${o}`,
+		initial: !1,
+		style: {
+			flex: s ? "1 1 0%" : "0 0 auto",
+			minHeight: s ? 56 : 0
+		},
+		transition: u ? { duration: 0 } : {
+			duration: P,
+			ease: F
+		},
+		className: e("relative flex w-full flex-col", de[o], s ? "overflow-clip" : "", i),
+		"data-slot": `scaffold-sub-panel-${o}`,
+		"data-expanded": d ? "" : void 0,
+		...l,
+		children: [!s && /* @__PURE__ */ w("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 }));
+			},
+			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]
+	});
+}
+//#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,
+		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 = () => {
+		A(O, { swapped: !M }), u?.();
+	}, ne = () => A(O, { secondaryExpanded: !N }), { panelRef: re, gripRef: ie } = r({
+		size: a,
+		minSize: 320,
+		maxSize: o,
+		enabled: !i,
+		collapsed: n,
+		overshoot: !1,
+		transition: E,
+		onSizeChange: (e) => A(O, { width: Number(e) }),
+		onCollapsedChange: t ? (e) => {
+			e !== n && j(t);
+		} : void 0
+	}), ae = /* @__PURE__ */ w(Ye, {
+		id: "top",
+		expanded: !N,
+		primary: !0,
+		panelId: O,
+		children: c
+	}, "top"), I = l ? /* @__PURE__ */ w(Ye, {
+		id: "bottom",
+		expanded: N,
+		panelId: O,
+		swapped: M,
+		children: l
+	}, "bottom") : null, oe = (u || d) && l && /* @__PURE__ */ w(S.div, {
+		layout: "position",
+		"data-motion-panels-separator": "",
+		transition: E,
+		className: "h-2 relative flex items-center justify-center",
+		children: /* @__PURE__ */ w(ve, {
+			label: p,
+			onClick: te,
+			onExpand: ne,
+			onCloseSecondary: d,
+			secondaryExpanded: N,
+			swapped: M,
+			sound: m
+		})
+	}, "seam");
+	return /* @__PURE__ */ T(S.section, {
+		initial: !1,
+		id: t ?? "scaffold-panel",
+		ref: re,
+		"data-motion-panels-fill": i ? "" : 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",
+			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),
+		"data-slot": "scaffold-panel",
+		"data-dimmed": x ? "" : void 0,
+		"data-swapped": M ? "" : void 0,
+		transition: E,
+		children: [
+			!i && /* @__PURE__ */ w("div", {
+				ref: ie,
+				role: "separator",
+				"aria-label": `Resize ${f ?? "panel"}`,
+				"aria-orientation": "vertical",
+				tabIndex: n ? -1 : 0,
+				className: e("inset-y-0 w-2 absolute z-10 cursor-col-resize touch-none focus-visible:outline-2 focus-visible:outline-ring", s ? "-right-1" : "-left-1")
+			}),
+			M ? I : ae,
+			oe,
+			M ? ae : I
+		]
+	});
+}
+//#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(() => {
+		h(f, n);
+	}, [
+		h,
+		f,
+		n
+	]), p.useEffect(() => {
+		if (t === void 0) return () => Ve(u);
+	}, [t, u]);
+	let x = y(q(u)), S = p.useMemo(() => ({
+		scaffoldId: u,
+		inspectorWidth: x ?? a
+	}), [
+		u,
+		a,
+		x
+	]);
+	return /* @__PURE__ */ w(He.Provider, {
+		value: S,
+		children: /* @__PURE__ */ w("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",
+			...c,
+			children: s
+		})
+	});
+}
+//#endregion
+//#region src/components/blocks/scaffold/scaffold-sidebar.tsx
+function Qe({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ w("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),
+		"data-slot": "scaffold-sidebar",
+		...r,
+		children: n
+	});
+}
+//#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, {
+		layout: !0,
+		animate: v ? {
+			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 ? {
+			opacity: 0,
+			width: 0
+		} : "exit",
+		initial: v ? {
+			opacity: 0,
+			width: 0
+		} : "hidden",
+		transition: x,
+		variants: ue,
+		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),
+			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, {
+			"aria-label": o,
+			onClick: a,
+			size: "icon-sm",
+			sound: c,
+			variant: "ghost",
+			className: "self-center rounded-none!",
+			children: /* @__PURE__ */ w(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(() => {
+		if (e === void 0) return () => Ve(i);
+	}, [e, i]), {
+		scaffoldId: i,
+		inspectorOpen: a,
+		setInspectorOpen: o,
+		toggleInspector: s,
+		providerProps: g(() => ({
+			scaffoldId: i,
+			defaultInspectorOpen: t,
+			onInspectorOpenChange: n
+		}), [
+			i,
+			t,
+			n
+		])
+	};
+}
+//#endregion
+//#region src/components/blocks/scaffold/use-scaffold-state.ts
+function tt(e) {
+	return y(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(() => ({
+		setInspectorOpen: t,
+		toggleInspector: n,
+		togglePanel: r,
+		reset: o,
+		resizeInspector: a,
+		resizePanel: (e, t) => i(e, { width: t }),
+		resizeSecondaryPanel: (e, t) => i(e, { secondarySize: t }),
+		setSecondaryExpanded: (e, t) => i(e, { secondaryExpanded: t }),
+		setPanelSwapped: (e, t) => i(e, { swapped: t })
+	}), [
+		t,
+		n,
+		r,
+		o,
+		a,
+		i
+	]);
+}
+//#endregion
+//#region src/components/blocks/scaffold/index.ts
+var rt = {
+	Root: Ze,
+	Sidebar: Qe,
+	Main: Je,
+	Actions: Ue,
+	Canvas: We,
+	Panel: Xe,
+	Tab: $e,
+	Inspector: qe,
+	SubPanel: Ye
+};
+//#endregion
+export { J as A, j as B, ke as C, Y as D, Me as E, N as F, ee as H, te as I, A as L, fe as M, M as N, X as O, F as P, ie as R, G as S, K as T, ne as U, re as V, k as W, je as _, $e as a, B as b, Xe as c, Ke as d, We as f, Be as g, Ve as h, et as i, ve as j, Z as k, Je as l, Q as m, nt as n, Qe as o, Ue as p, tt as r, Ze as s, rt as t, qe as u, De as v, Oe as w, q as x, W as y, P as z };