@codesweep-ai/ui 0.2.1-dev.20260830023458.856ea8f

package/dist/components/Tree.js

@@ -0,0 +1,528 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { Button as n } from "./Button.js";
+import { Skeleton as r } from "./Skeleton.js";
+import { HighlightText as i } from "./HighlightText.js";
+import { Suspense as a, lazy as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { AlertCircle as f, ChevronDown as ee, ChevronLeft as p, ChevronRight as m, ChevronUp as h, FileText as g, FoldVertical as _, Folder as te, GripVertical as ne, Inbox as v, List as y, ListTree as b, UnfoldVertical as re, X as ie } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/Tree.tsx
+var ae = 6, w = o(() => import("./TreeDnd.js").then((e) => ({ default: e.SortableRow }))), T = o(() => import("./TreeDnd.js").then((e) => ({ default: e.DndGroup })));
+function E(e, t = "", n = 0, r = []) {
+	let i = [];
+	for (let a of e) {
+		let e = t ? `${t}/${a.name}` : a.name;
+		i.push({
+			node: a,
+			path: e,
+			depth: n,
+			ancestorIds: [...r]
+		}), a.children && a.children.length > 0 && i.push(...E(a.children, e, n + 1, [...r, a.id]));
+	}
+	return i;
+}
+function D(e, t, n, r = 0, i = []) {
+	let a = [];
+	for (let o of e) n && !n.has(o.id) || (a.push({
+		node: o,
+		depth: r,
+		ancestorIds: [...i]
+	}), o.type === "branch" && t.has(o.id) && o.children && a.push(...D(o.children, t, n, r + 1, [...i, o.id])));
+	return a;
+}
+function oe(e) {
+	let { sortableId: t, ...n } = e;
+	return /* @__PURE__ */ S(a, {
+		fallback: /* @__PURE__ */ S(O, { ...n }),
+		children: /* @__PURE__ */ S(w, {
+			id: t,
+			children: ({ setNodeRef: e, style: t, attributes: r, listeners: i }) => /* @__PURE__ */ S(O, {
+				...n,
+				sortableRef: e,
+				sortableStyle: t,
+				sortableAttributes: r,
+				dragListeners: i
+			})
+		})
+	});
+}
+function se(e) {
+	return /* @__PURE__ */ S(O, { ...e });
+}
+function O({ node: e, depth: n, path: r, expandedIds: a, selectedId: o, focusedNodeId: s, onSelect: c, onToggle: l, renderLabel: u, filterText: d, matchNodeIds: f, currentMatchId: h, visibleNodeIds: _, flipped: v, reorderable: y, onReorder: b, sortableRef: re, sortableStyle: ie, sortableAttributes: ae, dragListeners: w }) {
+	if (_ && !_.has(e.id)) return null;
+	let T = a.has(e.id), E = o === e.id, D = e.type === "branch", O = f?.has(e.id) ?? !1, k = h === e.id, A = s === e.id, j = () => {
+		D ? l?.(e.id) : c?.(e);
+	}, M = u ? u(e) : d ? /* @__PURE__ */ S(i, {
+		text: e.name,
+		query: d
+	}) : e.name;
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
+		ref: re,
+		style: {
+			...v ? { paddingRight: `calc(${n} * var(--tree-indent-size) + var(--tree-indent-base))` } : { paddingLeft: `calc(${n} * var(--tree-indent-size) + var(--tree-indent-base))` },
+			...ie
+		},
+		role: "treeitem",
+		"aria-expanded": D ? T : void 0,
+		"aria-selected": E,
+		"aria-level": n + 1,
+		tabIndex: A ? 0 : -1,
+		"data-tree-node-id": e.id,
+		className: t("cs-component-tree-23 ", "cs-component-tree-24 ", v && "cs-component-tree-25", k && "cs-component-tree-26 ", !k && O && "cs-component-tree-27", !k && !O && E && "cs-component-tree-28 ", !E && !O && !k && "cs-component-tree-29"),
+		onClick: j,
+		...ae,
+		children: [
+			y && /* @__PURE__ */ S("span", {
+				className: "cs-component-tree-30 ",
+				...w,
+				children: /* @__PURE__ */ S(ne, { className: "cs-component-tree-31 " })
+			}),
+			D ? S(T ? ee : v ? p : m, { className: "cs-component-tree-32 " }) : /* @__PURE__ */ S("span", { className: "cs-component-tree-33" }),
+			S(D ? te : g, { className: "cs-component-tree-32 " }),
+			/* @__PURE__ */ S("span", {
+				className: "cs-component-tree-34",
+				children: M
+			})
+		]
+	}), D && T && e.children && /* @__PURE__ */ S("div", {
+		role: "group",
+		children: y ? /* @__PURE__ */ S(ce, {
+			parentId: e.id,
+			nodes: e.children,
+			onReorder: b,
+			children: e.children.map((e) => {
+				let t = `${r} / ${e.name}`;
+				return /* @__PURE__ */ S(oe, {
+					sortableId: e.id,
+					node: e,
+					depth: n + 1,
+					path: t,
+					expandedIds: a,
+					selectedId: o,
+					focusedNodeId: s,
+					onSelect: c,
+					onToggle: l,
+					renderLabel: u,
+					filterText: d,
+					matchNodeIds: f,
+					currentMatchId: h,
+					visibleNodeIds: _,
+					flipped: v,
+					reorderable: y,
+					onReorder: b
+				}, e.id);
+			})
+		}) : e.children.map((e) => {
+			let t = `${r} / ${e.name}`;
+			return /* @__PURE__ */ S(se, {
+				node: e,
+				depth: n + 1,
+				path: t,
+				expandedIds: a,
+				selectedId: o,
+				focusedNodeId: s,
+				onSelect: c,
+				onToggle: l,
+				renderLabel: u,
+				filterText: d,
+				matchNodeIds: f,
+				currentMatchId: h,
+				visibleNodeIds: _,
+				flipped: v
+			}, e.id);
+		})
+	})] });
+}
+function k({ entry: e, filterText: n, isCurrentMatch: r, isSelected: a, isFocused: o, onSelect: s, onMatchClick: c, flipped: l }) {
+	let u = () => {
+		e.node.type === "leaf" && (c?.(), s?.(e.node));
+	};
+	return /* @__PURE__ */ C("div", {
+		role: "option",
+		"aria-selected": a,
+		tabIndex: o ? 0 : -1,
+		"data-tree-node-id": e.node.id,
+		className: t("cs-component-tree-44 ", "cs-component-tree-24 ", l && "cs-component-tree-25", r && "cs-component-tree-26 ", !r && a && "cs-component-tree-28 ", !r && !a && "cs-component-tree-29"),
+		onClick: u,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u());
+		},
+		children: [/* @__PURE__ */ S(g, { className: "cs-component-tree-32 " }), /* @__PURE__ */ S("span", {
+			className: "cs-component-tree-34",
+			children: /* @__PURE__ */ S(i, {
+				text: e.path,
+				query: n
+			})
+		})]
+	});
+}
+function ce({ parentId: e, nodes: t, onReorder: n, children: r }) {
+	return /* @__PURE__ */ S(a, {
+		fallback: r,
+		children: /* @__PURE__ */ S(T, {
+			parentId: e,
+			ids: t.map((e) => e.id),
+			onReorder: n,
+			children: r
+		})
+	});
+}
+function A({ nodes: e, expandedIds: i, selectedId: a, onSelect: o, onToggle: p, className: m, renderLabel: g, filterable: te = !1, filterPlaceholder: ne = "Filter...", onToggleExpandAll: x, allExpanded: w, flipped: T = !1, reorderable: O = !1, onReorder: A, loading: j, error: M, errorMessage: le, onRetry: ue, emptyMessage: de = "No nodes.", emptyHint: fe, emptyAction: N }) {
+	let [P, F] = d(""), [I, L] = d(""), [R, pe] = d("tree"), [z, B] = d(0), [V, H] = d(null), U = u(null);
+	c(() => {
+		if (P.length < 3) {
+			L("");
+			return;
+		}
+		let e = setTimeout(() => L(P), 150);
+		return () => clearTimeout(e);
+	}, [P]);
+	let W = l(() => E(e), [e]), G = l(() => {
+		if (!I) return [];
+		let e = I.toLowerCase();
+		return W.filter((t) => t.node.type === "leaf" && t.node.name.toLowerCase().includes(e));
+	}, [W, I]), me = l(() => G.length === 0 ? null : new Set(G.map((e) => e.node.id)), [G]), K = l(() => {
+		if (!I || G.length === 0) return null;
+		let e = /* @__PURE__ */ new Set();
+		for (let t of G) {
+			e.add(t.node.id);
+			for (let n of t.ancestorIds) e.add(n);
+		}
+		return e;
+	}, [I, G]), q = l(() => {
+		if (!I || G.length === 0) return null;
+		let e = /* @__PURE__ */ new Set();
+		for (let t of G) for (let n of t.ancestorIds) e.add(n);
+		return e;
+	}, [I, G]) ?? i;
+	c(() => {
+		(G.length === 0 || z >= G.length) && B(0);
+	}, [G.length, z]);
+	let J = G.length > 0 ? G[z]?.node.id ?? null : null, Y = l(() => R === "tree" ? D(e, q, K) : (I ? G : W).map((e) => ({
+		node: e.node,
+		depth: e.depth,
+		ancestorIds: e.ancestorIds
+	})), [
+		R,
+		e,
+		q,
+		K,
+		I,
+		G,
+		W
+	]);
+	c(() => {
+		H((e) => e && Y.some(({ node: t }) => t.id === e) ? e : Y[0]?.node.id ?? null);
+	}, [Y]);
+	let X = s((e) => {
+		!e || !U.current || requestAnimationFrame(() => {
+			let t = U.current?.querySelector(`[data-tree-node-id="${e}"]`);
+			if (!t) return;
+			t.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			});
+			let n = t.querySelector("mark");
+			if (n && U.current) {
+				let e = U.current, t = n.getBoundingClientRect(), r = e.getBoundingClientRect();
+				if (t.left < r.left || t.right > r.right) {
+					let t = n.offsetLeft - e.offsetWidth / 2;
+					e.scrollTo({
+						left: Math.max(0, t),
+						behavior: "smooth"
+					});
+				}
+			}
+		});
+	}, []);
+	c(() => {
+		X(J);
+	}, [J, X]);
+	let he = () => {
+		G.length !== 0 && B((e) => (e + 1) % G.length);
+	}, ge = () => {
+		G.length !== 0 && B((e) => (e - 1 + G.length) % G.length);
+	}, _e = (e) => {
+		F(e), B(0);
+	}, ve = () => {
+		F(""), L(""), B(0);
+	}, ye = s((e) => {
+		if (![
+			"ArrowDown",
+			"ArrowUp",
+			"ArrowRight",
+			"ArrowLeft",
+			"Home",
+			"End",
+			"Enter",
+			" "
+		].includes(e.key) || e.target.tagName === "INPUT") return;
+		e.preventDefault();
+		let t = Y;
+		if (t.length === 0) return;
+		let n = t.findIndex((e) => e.node.id === V), r = (e) => {
+			H(e), X(e);
+			let t = U.current?.querySelector(`[data-tree-node-id="${e}"]`);
+			t ? t.focus() : requestAnimationFrame(() => {
+				U.current?.querySelector(`[data-tree-node-id="${e}"]`)?.focus();
+			});
+		};
+		if (e.key === "ArrowDown") r((n < t.length - 1 ? t[n + 1] : t[0]).node.id);
+		else if (e.key === "ArrowUp") {
+			let e = t[Math.max(0, n - 1)];
+			r(e.node.id);
+		} else if (e.key === "ArrowRight") {
+			if (n === -1) return;
+			let e = t[n];
+			if (e.node.type === "branch") {
+				if (!q.has(e.node.id)) p?.(e.node.id);
+				else if (e.node.children && e.node.children.length > 0) {
+					let t = e.node.children[0];
+					r(t.id);
+				}
+			}
+		} else if (e.key === "ArrowLeft") {
+			if (n === -1) return;
+			let e = t[n];
+			if (e.node.type === "branch" && q.has(e.node.id)) p?.(e.node.id);
+			else {
+				let t = e.ancestorIds.length > 0 ? e.ancestorIds[e.ancestorIds.length - 1] : null;
+				t && r(t);
+			}
+		} else if (e.key === "Home") r(t[0].node.id);
+		else if (e.key === "End") r(t[t.length - 1].node.id);
+		else if (e.key === "Enter" || e.key === " ") {
+			if (n === -1) return;
+			let e = t[n];
+			e.node.type === "branch" ? p?.(e.node.id) : o?.(e.node);
+		}
+	}, [
+		Y,
+		V,
+		q,
+		p,
+		o,
+		X
+	]), be = s((e) => {
+		U.current && !U.current.contains(e.relatedTarget) && !V && Y.length > 0 && H(Y[0].node.id);
+	}, [V, Y]), Z = I.length > 0, xe = P.length > 0 && P.length < 3, Q = G.length > 0, $ = s((e) => {
+		if (Z && G.length > 0) {
+			let t = G.findIndex((t) => t.node.id === e.id);
+			t >= 0 && B(t);
+		}
+		o?.(e);
+	}, [
+		Z,
+		G,
+		o
+	]);
+	return /* @__PURE__ */ C("div", {
+		"data-component": "Tree",
+		className: t("cs-component-tree-91 ", m),
+		children: [te && /* @__PURE__ */ C("div", {
+			className: "cs-component-tree-92 ",
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "cs-component-tree-93 ",
+					children: [/* @__PURE__ */ C("div", {
+						className: "cs-component-tree-94 ",
+						children: [/* @__PURE__ */ S("input", {
+							type: "text",
+							"aria-label": "Filter tree",
+							value: P,
+							onChange: (e) => _e(e.target.value),
+							placeholder: ne,
+							className: t("cs-component-tree-96 ", "cs-component-tree-97 ", "cs-component-tree-98 ", "cs-component-tree-99", "cs-component-tree-100", "cs-component-tree-101 ", "cs-component-tree-102")
+						}), P.length > 0 && /* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: ve,
+							className: "cs-component-tree-104 ",
+							"aria-label": "Clear filter",
+							children: /* @__PURE__ */ S(ie, { className: "cs-component-tree-106 " })
+						})]
+					}), /* @__PURE__ */ S("button", {
+						type: "button",
+						onClick: () => pe((e) => e === "tree" ? "flat" : "tree"),
+						className: t("cs-component-tree-111 ", "cs-component-tree-112 ", "cs-component-tree-113 "),
+						"aria-label": R === "tree" ? "Switch to flat list" : "Switch to tree view",
+						title: R === "tree" ? "Flat list view" : "Tree view",
+						children: S(R === "tree" ? y : b, { className: "cs-component-tree-31 " })
+					})]
+				}),
+				xe && /* @__PURE__ */ S("div", {
+					className: "cs-component-tree-121 ",
+					children: /* @__PURE__ */ C("span", {
+						role: "status",
+						"aria-live": "polite",
+						className: "cs-component-tree-89 ",
+						children: [
+							"Type ",
+							3 - P.length,
+							" more to search"
+						]
+					})
+				}),
+				Z && /* @__PURE__ */ C("div", {
+					className: "cs-component-tree-122 ",
+					children: [/* @__PURE__ */ S("span", {
+						role: "status",
+						"aria-live": "polite",
+						className: "cs-component-tree-123 ",
+						children: Q ? `${z + 1} / ${G.length} matches` : "No matches"
+					}), Q && /* @__PURE__ */ C("div", {
+						className: "cs-component-tree-128 ",
+						children: [/* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: ge,
+							className: "cs-component-tree-130 ",
+							"aria-label": "Previous match",
+							children: /* @__PURE__ */ S(h, { className: "cs-component-tree-31 " })
+						}), /* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: he,
+							className: "cs-component-tree-130 ",
+							"aria-label": "Next match",
+							children: /* @__PURE__ */ S(ee, { className: "cs-component-tree-31 " })
+						})]
+					})]
+				}),
+				x && /* @__PURE__ */ C("button", {
+					type: "button",
+					onClick: x,
+					className: t("cs-component-tree-93 ", "cs-component-tree-135 ", "cs-component-tree-136 ", "cs-component-tree-137 ", T ? "cs-component-tree-138 " : "cs-component-tree-139"),
+					children: [S(w ? _ : re, { className: "cs-component-tree-106 " }), w ? "Collapse all" : "Expand all"]
+				})
+			]
+		}), /* @__PURE__ */ S("div", {
+			ref: U,
+			className: "cs-component-tree-142 ",
+			role: R === "tree" ? "tree" : "listbox",
+			onKeyDown: ye,
+			onFocus: be,
+			children: j ? /* @__PURE__ */ S("div", {
+				"data-testid": "tree-loading",
+				className: "cs-component-tree-147 ",
+				children: Array.from({ length: ae }).map((e, t) => /* @__PURE__ */ S("div", {
+					className: "cs-component-tree-150 ",
+					style: { paddingLeft: `${t % 3 * 16}px` },
+					children: /* @__PURE__ */ S(r, {
+						variant: "text",
+						width: "60%"
+					})
+				}, `__skeleton-${t}`))
+			}) : M ? /* @__PURE__ */ C("div", {
+				"data-testid": "tree-error",
+				className: "cs-component-tree-156 ",
+				children: [
+					/* @__PURE__ */ S(f, { className: "cs-component-tree-157 " }),
+					/* @__PURE__ */ S("div", {
+						className: "cs-component-tree-158 ",
+						children: le ?? "Something went wrong"
+					}),
+					(typeof M == "string" ? M : M?.message) && /* @__PURE__ */ S("div", {
+						className: "cs-component-tree-161 ",
+						children: typeof M == "string" ? M : M.message
+					}),
+					ue && /* @__PURE__ */ S(n, {
+						variant: "secondary",
+						size: "sm",
+						onClick: ue,
+						children: "Retry"
+					})
+				]
+			}) : e.length === 0 ? /* @__PURE__ */ C("div", {
+				"data-testid": "tree-empty",
+				className: "cs-component-tree-156 ",
+				children: [
+					/* @__PURE__ */ S(v, { className: "cs-component-tree-166 " }),
+					/* @__PURE__ */ S("div", {
+						className: "cs-component-tree-158 ",
+						children: de
+					}),
+					fe && /* @__PURE__ */ S("div", {
+						className: "cs-component-tree-161 ",
+						children: fe
+					}),
+					N && /* @__PURE__ */ S(n, {
+						variant: "secondary",
+						size: "sm",
+						onClick: N.onClick,
+						children: N.label
+					})
+				]
+			}) : (() => {
+				if (R === "tree") {
+					if (Z && !Q) return /* @__PURE__ */ S("div", {
+						className: "cs-component-tree-88 ",
+						children: /* @__PURE__ */ S("span", {
+							className: "cs-component-tree-89 ",
+							children: "No matches"
+						})
+					});
+					let t = e.map((e) => O ? /* @__PURE__ */ S(oe, {
+						sortableId: e.id,
+						node: e,
+						depth: 0,
+						path: e.name,
+						expandedIds: q,
+						selectedId: a,
+						focusedNodeId: V,
+						onSelect: $,
+						onToggle: p,
+						renderLabel: g,
+						filterText: I,
+						matchNodeIds: me,
+						currentMatchId: J,
+						visibleNodeIds: K,
+						flipped: T,
+						reorderable: O,
+						onReorder: A
+					}, e.id) : /* @__PURE__ */ S(se, {
+						node: e,
+						depth: 0,
+						path: e.name,
+						expandedIds: q,
+						selectedId: a,
+						focusedNodeId: V,
+						onSelect: $,
+						onToggle: p,
+						renderLabel: g,
+						filterText: I,
+						matchNodeIds: me,
+						currentMatchId: J,
+						visibleNodeIds: K,
+						flipped: T
+					}, e.id));
+					return O ? /* @__PURE__ */ S(ce, {
+						parentId: null,
+						nodes: e,
+						onReorder: A,
+						children: t
+					}) : t;
+				}
+				return Z && !Q ? /* @__PURE__ */ S("div", {
+					className: "cs-component-tree-88 ",
+					children: /* @__PURE__ */ S("span", {
+						className: "cs-component-tree-89 ",
+						children: "No matches"
+					})
+				}) : (Z ? G : W).map((e, t) => /* @__PURE__ */ S(k, {
+					entry: e,
+					filterText: I,
+					isCurrentMatch: J === e.node.id,
+					isSelected: a === e.node.id,
+					isFocused: V === e.node.id,
+					onSelect: $,
+					onMatchClick: Z ? () => B(t) : void 0,
+					flipped: T
+				}, e.node.id));
+			})()
+		})]
+	});
+}
+var j = e(A);
+//#endregion
+export { j as Tree };

package/dist/components/TreeDnd.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactNode } from "react";
+export interface SortableBindings {
+    setNodeRef: (node: HTMLElement | null) => void;
+    style: CSSProperties;
+    attributes: Record<string, any>;
+    listeners: Record<string, any>;
+}
+export declare function SortableRow({ id, children, }: {
+    id: string;
+    children: (bindings: SortableBindings) => ReactNode;
+}): ReactNode;
+export declare function DndGroup({ parentId, ids, onReorder, children, }: {
+    parentId: string | null;
+    ids: string[];
+    onReorder?: (parentId: string | null, orderedIds: string[]) => void;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TreeDnd.d.ts.map

package/dist/components/TreeDnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDnd.d.ts","sourceRoot":"","sources":["../../src/components/TreeDnd.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBtD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC;CACrD,aAoBA;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,GAAG,EACH,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAyBA"}

package/dist/components/TreeDnd.js

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { DndContext as t, PointerSensor as n, closestCenter as r, useSensor as i, useSensors as a } from "@dnd-kit/core";
+import { SortableContext as o, arrayMove as s, useSortable as c, verticalListSortingStrategy as l } from "@dnd-kit/sortable";
+import { CSS as u } from "@dnd-kit/utilities";
+//#region src/components/TreeDnd.tsx
+function d({ id: e, children: t }) {
+	let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = c({ id: e });
+	return t({
+		setNodeRef: i,
+		style: {
+			transform: u.Transform.toString(a),
+			transition: o,
+			opacity: s ? .5 : void 0
+		},
+		attributes: n,
+		listeners: r ?? {}
+	});
+}
+function f({ parentId: c, ids: u, onReorder: d, children: f }) {
+	return /* @__PURE__ */ e(t, {
+		sensors: a(i(n, { activationConstraint: { distance: 5 } })),
+		collisionDetection: r,
+		onDragEnd: (e) => {
+			let { active: t, over: n } = e;
+			if (!n || t.id === n.id) return;
+			let r = u.indexOf(String(t.id)), i = u.indexOf(String(n.id));
+			r === -1 || i === -1 || d?.(c, s(u, r, i));
+		},
+		children: /* @__PURE__ */ e(o, {
+			items: u,
+			strategy: l,
+			children: f
+		})
+	});
+}
+//#endregion
+export { f as DndGroup, d as SortableRow };

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+export { AgentStatus } from "./components/AgentStatus";
+export { AgentTrace } from "./components/AgentTrace";
+export type { AgentTraceStep, AgentTraceStepStatus } from "./components/AgentTrace";
+export { AppShell, Header, Footer } from "./components/AppShell";
+export { Button } from "./components/Button";
+export { Card } from "./components/Card";
+export { CardGroup } from "./components/CardGroup";
+export { Chip } from "./components/Chip";
+export { CheckboxGroup } from "./components/CheckboxGroup";
+export type { CheckboxOption } from "./components/CheckboxGroup";
+export { Dropdown } from "./components/Dropdown";
+export { EventLanes } from "./components/EventLanes";
+export type { EventLane, EventLaneEvent, EventLaneSpan, EventLanesProps, EventLanesRulerContext, EventShape, EventToken, } from "./components/EventLanes";
+export { FormGroup } from "./components/FormGroup";
+export { HighlightText } from "./components/HighlightText";
+export { Input } from "./components/Input";
+export { Legend } from "./components/Legend";
+export type { LegendItem } from "./components/Legend";
+export { Modal } from "./components/Modal";
+export { Panel } from "./components/Panel";
+export { PulseBadge } from "./components/PulseBadge";
+export { SearchInput } from "./components/SearchInput";
+export { RadioGroup } from "./components/RadioGroup";
+export type { RadioOption } from "./components/RadioGroup";
+export { SegmentedControl } from "./components/SegmentedControl";
+export type { SegmentedControlOption } from "./components/SegmentedControl";
+export { SectionedTree } from "./components/SectionedTree";
+export type { TreeSection } from "./components/SectionedTree";
+export { Skeleton } from "./components/Skeleton";
+export type { SkeletonProps } from "./components/Skeleton";
+export { SplitPane } from "./components/SplitPane";
+export { StatusBadge } from "./components/StatusBadge";
+export { StreamingText } from "./components/StreamingText";
+export { Table } from "./components/Table";
+export { Toast } from "./components/Toast";
+export type { ToastProps } from "./components/Toast";
+export { ToastContainer } from "./components/ToastContainer";
+export type { ToastContainerProps } from "./components/ToastContainer";
+export { toast, subscribeToasts } from "./lib/toast";
+export type { ToastItem, ToastOptions, ToastVariant } from "./lib/toast";
+export type { TableColumn } from "./components/Table";
+export { ThemeToggle } from "./components/ThemeToggle";
+export { Tree } from "./components/Tree";
+export type { TreeNode } from "./components/Tree";
+export { cn } from "./lib/cn";
+export { useChartTheme, styleAxis, assignSeriesColors } from "./lib/chartTheme";
+export type { ChartTheme } from "./lib/chartTheme";
+export { themeBootScript, useTheme } from "./lib/useTheme";
+export type { UseThemeOptions } from "./lib/useTheme";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,35 @@
+import { cn as e } from "./lib/cn.js";
+import { PulseBadge as t } from "./components/PulseBadge.js";
+import { AgentStatus as n } from "./components/AgentStatus.js";
+import { Button as r } from "./components/Button.js";
+import { Skeleton as i } from "./components/Skeleton.js";
+import { AgentTrace as a } from "./components/AgentTrace.js";
+import { AppShell as o, Footer as s, Header as c } from "./components/AppShell.js";
+import { Card as l } from "./components/Card.js";
+import { CardGroup as u } from "./components/CardGroup.js";
+import { Chip as d } from "./components/Chip.js";
+import { FormGroup as f } from "./components/FormGroup.js";
+import { CheckboxGroup as p } from "./components/CheckboxGroup.js";
+import { Dropdown as m } from "./components/Dropdown.js";
+import { EventLanes as h } from "./components/EventLanes.js";
+import { HighlightText as g } from "./components/HighlightText.js";
+import { Input as _ } from "./components/Input.js";
+import { Legend as v } from "./components/Legend.js";
+import { Modal as y } from "./components/Modal.js";
+import { Panel as b } from "./components/Panel.js";
+import { SearchInput as x } from "./components/SearchInput.js";
+import { RadioGroup as S } from "./components/RadioGroup.js";
+import { SegmentedControl as C } from "./components/SegmentedControl.js";
+import { Tree as w } from "./components/Tree.js";
+import { SectionedTree as T } from "./components/SectionedTree.js";
+import { SplitPane as E } from "./components/SplitPane.js";
+import { StatusBadge as D } from "./components/StatusBadge.js";
+import { StreamingText as O } from "./components/StreamingText.js";
+import { Table as k } from "./components/Table.js";
+import { Toast as A } from "./components/Toast.js";
+import { subscribeToasts as j, toast as M } from "./lib/toast.js";
+import { ToastContainer as N } from "./components/ToastContainer.js";
+import { themeBootScript as P, useTheme as F } from "./lib/useTheme.js";
+import { ThemeToggle as I } from "./components/ThemeToggle.js";
+import { assignSeriesColors as L, styleAxis as R, useChartTheme as z } from "./lib/chartTheme.js";
+export { n as AgentStatus, a as AgentTrace, o as AppShell, r as Button, l as Card, u as CardGroup, p as CheckboxGroup, d as Chip, m as Dropdown, h as EventLanes, s as Footer, f as FormGroup, c as Header, g as HighlightText, _ as Input, v as Legend, y as Modal, b as Panel, t as PulseBadge, S as RadioGroup, x as SearchInput, T as SectionedTree, C as SegmentedControl, i as Skeleton, E as SplitPane, D as StatusBadge, O as StreamingText, k as Table, I as ThemeToggle, A as Toast, N as ToastContainer, w as Tree, L as assignSeriesColors, e as cn, R as styleAxis, j as subscribeToasts, P as themeBootScript, M as toast, z as useChartTheme, F as useTheme };