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

package/dist/components/Modal.js

@@ -0,0 +1,91 @@
+"use client";
+"use client";
+import { cn as e } from "../lib/cn.js";
+import { forwardRef as t, useEffect as n, useId as r, useRef as i } from "react";
+import { X as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { createPortal as c } from "react-dom";
+//#region src/components/Modal.tsx
+var l = t(function({ title: t, children: l, actions: u, onClose: d, maxWidth: f = "var(--modal-max-width)", className: p, initialFocus: m }, h) {
+	let g = i(null), _ = i(null), v = i(null), y = r();
+	return n(() => {
+		v.current = document.activeElement;
+		let e = (e) => {
+			e.key === "Escape" && d();
+		};
+		document.addEventListener("keydown", e), document.body.style.overflow = "hidden";
+		let t = Array.from(new Set([...Array.from(document.body.children).filter((e) => e !== _.current && e.getAttribute("data-component") !== "Modal"), ...Array.from(document.querySelectorAll("main, header, footer")).filter((e) => !_.current?.contains(e))])), n = t.map((e) => ({
+			element: e,
+			inert: e.inert,
+			ariaHidden: e.getAttribute("aria-hidden")
+		}));
+		return t.forEach((e) => {
+			e.inert = !0, e.setAttribute("aria-hidden", "true");
+		}), () => {
+			document.removeEventListener("keydown", e), document.body.style.overflow = "", n.forEach(({ element: e, inert: t, ariaHidden: n }) => {
+				e.inert = t, n === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", n);
+			}), v.current?.focus?.();
+		};
+	}, [d]), n(() => {
+		let e = g.current;
+		e && (m?.current ?? e.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"))?.focus();
+	}, [m]), c(/* @__PURE__ */ o("div", {
+		ref: (e) => {
+			_.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+		},
+		"data-component": "Modal",
+		className: e("cs-component-modal-14 ", p),
+		onClick: (e) => {
+			e.target === e.currentTarget && d();
+		},
+		children: /* @__PURE__ */ s("div", {
+			ref: g,
+			"data-modal-dialog": "",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": y,
+			className: e("cs-component-modal-18 ", "cs-component-modal-19 ", "cs-component-modal-20 "),
+			style: {
+				maxWidth: f,
+				width: "calc(100% - var(--space-6))",
+				maxHeight: "var(--modal-max-height)"
+			},
+			onClick: (e) => e.stopPropagation(),
+			onKeyDown: (e) => {
+				if (e.key !== "Tab") return;
+				let t = g.current?.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
+				if (!t || t.length === 0) return;
+				let n = t[0], r = t[t.length - 1];
+				e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
+			},
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "cs-component-modal-23 ",
+					children: [/* @__PURE__ */ o("h2", {
+						id: y,
+						"data-modal-title": "",
+						className: "cs-component-modal-25 ",
+						children: t
+					}), /* @__PURE__ */ o("button", {
+						"data-modal-close": "",
+						onClick: d,
+						className: "cs-component-modal-26 ",
+						"aria-label": "Close dialog",
+						children: /* @__PURE__ */ o(a, { className: "cs-component-modal-28 " })
+					})]
+				}),
+				/* @__PURE__ */ o("div", {
+					"data-modal-content": "",
+					className: "cs-component-modal-29 ",
+					children: l
+				}),
+				u && /* @__PURE__ */ o("div", {
+					className: "cs-component-modal-30 ",
+					children: u
+				})
+			]
+		})
+	}), document.body);
+});
+//#endregion
+export { l as Modal };

package/dist/components/Panel.d.ts

@@ -0,0 +1,13 @@
+interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Heading, and the accessible name of the group. */
+    title: string;
+    width?: number | string;
+    collapsed?: boolean;
+    onCollapse?: () => void;
+    children: React.ReactNode;
+    className?: string;
+    actions?: React.ReactNode;
+}
+export declare const Panel: import("react").ForwardRefExoticComponent<PanelProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/components/Panel.tsx"],"names":[],"mappings":"AAIA,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9E,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAuDD,eAAO,MAAM,KAAK,uGAA0D,CAAC"}

package/dist/components/Panel.js

@@ -0,0 +1,44 @@
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { PanelLeftClose as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Panel.tsx
+function a({ title: e, width: a, collapsed: o, onCollapse: s, children: c, className: l, actions: u, ...d }) {
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"aria-label": e,
+		...d,
+		"data-component": "Panel",
+		className: t("cs-component-panel-4 ", o && "cs-component-panel-5 ", l),
+		style: {
+			width: o ? 0 : typeof a == "number" ? `${a}px` : a,
+			flexShrink: o || a ? 0 : void 0,
+			flex: o || a ? void 0 : 1,
+			minWidth: o ? 0 : a ? void 0 : 0,
+			overflow: o ? "hidden" : void 0,
+			transition: "width var(--transition-normal)"
+		},
+		children: [/* @__PURE__ */ i("div", {
+			className: "cs-component-panel-11 ",
+			children: [/* @__PURE__ */ r("span", {
+				className: "text-label-upper cs-component-panel-12",
+				children: e
+			}), /* @__PURE__ */ i("div", {
+				className: "cs-component-panel-13 ",
+				children: [u, s && /* @__PURE__ */ r("button", {
+					onClick: s,
+					className: "cs-component-panel-14 ",
+					"aria-label": o ? `Expand ${e} panel` : `Collapse ${e} panel`,
+					"aria-expanded": !o,
+					children: /* @__PURE__ */ r(n, { className: "cs-component-panel-19 " })
+				})]
+			})]
+		}), !o && /* @__PURE__ */ r("div", {
+			className: "cs-component-panel-20 ",
+			children: c
+		})]
+	});
+}
+var o = e(a);
+//#endregion
+export { o as Panel };

package/dist/components/PulseBadge.d.ts

@@ -0,0 +1,15 @@
+interface PulseBadgeProps {
+    /** Disable the pulse animation (renders a static dot). Default: false */
+    paused?: boolean;
+    /** Dot size. Default: "md" */
+    size?: "sm" | "md" | "lg";
+    /** CSS color (token-friendly). Default: var(--color-accent) */
+    color?: string;
+    /** Accessible label. Defaults to "Live activity". */
+    "aria-label"?: string;
+    /** Additional className. */
+    className?: string;
+}
+export declare const PulseBadge: import("react").ForwardRefExoticComponent<PulseBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=PulseBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PulseBadge.d.ts","sourceRoot":"","sources":["../../src/components/PulseBadge.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,eAAO,MAAM,UAAU,6GAAqE,CAAC"}

package/dist/components/PulseBadge.js

@@ -0,0 +1,22 @@
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { accentToken as n } from "../lib/accentToken.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/PulseBadge.tsx
+var i = {
+	sm: "cs-component-pulse-badge-9",
+	md: "cs-component-pulse-badge-10 ",
+	lg: "cs-component-pulse-badge-11"
+};
+function a({ paused: e = !1, size: a = "md", color: o, className: s, "aria-label": c = "Live activity" }) {
+	return /* @__PURE__ */ r("span", {
+		"data-component": "PulseBadge",
+		role: "status",
+		"aria-label": c,
+		className: t(e ? "cs-component-pulse-badge-17 " : "cs-pulse", i[a], "cs-component-pulse-badge-19", s),
+		style: { background: o ?? n() }
+	});
+}
+var o = e(a);
+//#endregion
+export { o as PulseBadge };

package/dist/components/RadioGroup.d.ts

@@ -0,0 +1,20 @@
+export interface RadioOption {
+    value: string;
+    label: React.ReactNode;
+    /** Secondary line under the label — a cost, a caveat, a "use when". */
+    description?: React.ReactNode;
+    disabled?: boolean;
+    /** Accessible name, when the label alone does not read well out of context. */
+    ariaLabel?: string;
+}
+interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    options: RadioOption[];
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    /** Stacked by default; `horizontal` for a short row of short labels. */
+    orientation?: "vertical" | "horizontal";
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtF,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC;AAmHD,eAAO,MAAM,UAAU,4GAAoE,CAAC"}

package/dist/components/RadioGroup.js

@@ -0,0 +1,63 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/RadioGroup.tsx
+function a({ options: e, value: a, onChange: o, disabled: s = !1, orientation: c = "vertical", className: l, "aria-label": u = "Options", ...d }) {
+	if (e.length < 2) throw Error("RadioGroup requires at least 2 options");
+	let f = n([]), p = e.map((e, t) => !s && !e.disabled ? t : -1).filter((e) => e >= 0), m = e.findIndex((e) => e.value === a), h = p.includes(m) ? m : p[0], g = (t) => {
+		f.current[t]?.focus(), o(e[t].value);
+	}, _ = (e, t) => {
+		let n = p.indexOf(t);
+		if (n < 0 || p.length === 0) return;
+		let r;
+		e.key === "ArrowDown" || e.key === "ArrowRight" ? r = p[(n + 1) % p.length] : e.key === "ArrowUp" || e.key === "ArrowLeft" ? r = p[(n - 1 + p.length) % p.length] : e.key === "Home" ? r = p[0] : e.key === "End" && (r = p[p.length - 1]), r != null && (e.preventDefault(), g(r));
+	};
+	return /* @__PURE__ */ r("div", {
+		...d,
+		"data-component": "RadioGroup",
+		"data-radio-orientation": c,
+		role: "radiogroup",
+		"aria-label": u,
+		className: t("cs-component-radio-group-1", c === "horizontal" ? "cs-component-radio-group-2" : "cs-component-radio-group-3", l),
+		children: e.map((e, n) => {
+			let c = e.value === a, l = s || e.disabled;
+			return /* @__PURE__ */ i("button", {
+				"data-radio-option": e.value,
+				"data-radio-active": c ? "" : void 0,
+				ref: (e) => {
+					f.current[n] = e;
+				},
+				type: "button",
+				role: "radio",
+				"aria-checked": c,
+				"aria-label": e.ariaLabel,
+				disabled: l,
+				tabIndex: n === h ? 0 : -1,
+				onClick: () => o(e.value),
+				onKeyDown: (e) => _(e, n),
+				className: t("cs-component-radio-group-4", c && "cs-component-radio-group-5", l && "cs-component-radio-group-6"),
+				children: [/* @__PURE__ */ r("span", {
+					"aria-hidden": "true",
+					className: "cs-component-radio-group-7"
+				}), /* @__PURE__ */ i("span", {
+					className: "cs-component-radio-group-8",
+					children: [/* @__PURE__ */ r("span", {
+						"data-radio-label": "",
+						className: "cs-component-radio-group-9",
+						children: e.label
+					}), e.description && /* @__PURE__ */ r("span", {
+						"data-radio-description": "",
+						className: "cs-component-radio-group-10",
+						children: e.description
+					})]
+				})]
+			}, e.value);
+		})
+	});
+}
+var o = e(a);
+//#endregion
+export { o as RadioGroup };

package/dist/components/RichMarkdownRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { PluggableList } from "unified";
+import type { MarkdownRendererProps } from "./MarkdownViewer";
+export interface RichMarkdownOptions {
+    /** Extra remark plugins. GFM is always enabled before these plugins. */
+    remarkPlugins?: PluggableList;
+    /** Extra rehype plugins. Heading slugs are always enabled before these plugins. */
+    rehypePlugins?: PluggableList;
+}
+export declare function RichMarkdownRenderer({ content, components, remarkPlugins, rehypePlugins, }: MarkdownRendererProps & RichMarkdownOptions): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RichMarkdownRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichMarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/components/RichMarkdownRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAG9D,MAAM,WAAW,mBAAmB;IAClC,wEAAwE;IACxE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,mFAAmF;IACnF,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,UAAU,EACV,aAAa,EACb,aAAa,GACd,EAAE,qBAAqB,GAAG,mBAAmB,2CAe7C"}

package/dist/components/RichMarkdownRenderer.js

@@ -0,0 +1,18 @@
+import { sanitizeMarkdownUrl as e } from "../lib/markdownUrl.js";
+import { jsx as t } from "react/jsx-runtime";
+import n from "react-markdown";
+import r from "rehype-slug";
+import i from "remark-gfm";
+//#region src/components/RichMarkdownRenderer.tsx
+function a({ content: a, components: o, remarkPlugins: s, rehypePlugins: c }) {
+	return /* @__PURE__ */ t(n, {
+		remarkRehypeOptions: { footnoteBackContent: "↑" },
+		remarkPlugins: [i, ...s ?? []],
+		rehypePlugins: [r, ...c ?? []],
+		components: o,
+		urlTransform: e,
+		children: a
+	});
+}
+//#endregion
+export { a as RichMarkdownRenderer };

package/dist/components/SearchInput.d.ts

@@ -0,0 +1,25 @@
+interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "onKeyDown" | "placeholder" | "disabled" | "className" | "type" | "children"> {
+    value: string;
+    onChange: (value: string) => void;
+    onSearch: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Min characters before auto-search fires. 0 = no auto-search (manual only). Default: 0 */
+    minChars?: number;
+    /** Debounce delay in ms for auto-search. Default: 300 */
+    debounceMs?: number;
+    className?: string;
+    /**
+     * When true, render a "no results" message inline below the input.
+     * Consumers set this based on their search result state. Default: false.
+     * Added v1.2.0.
+     */
+    noResults?: boolean;
+    /** Message shown when noResults=true. Default: "No results." */
+    noResultsMessage?: string;
+    /** Optional result/status content displayed below the input. */
+    status?: React.ReactNode;
+}
+export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/components/SearchInput.tsx"],"names":[],"mappings":"AAQA,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;IACvL,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gEAAgE;IAChE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAiLD,eAAO,MAAM,WAAW,6GAAsE,CAAC"}

package/dist/components/SearchInput.js

@@ -0,0 +1,92 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { useCallback as n, useEffect as r, useRef as i } from "react";
+import { Search as a, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/SearchInput.tsx
+function l({ value: e, onChange: l, onSearch: u, placeholder: d = "Search...", disabled: f = !1, minChars: p = 0, debounceMs: m = 300, className: h, noResults: g = !1, noResultsMessage: _ = "No results.", status: v, "aria-label": y, ...b }) {
+	let x = i(null), S = i(null), C = i(u), w = i(!1);
+	r(() => {
+		C.current = u;
+	}, [u]);
+	let T = n((e) => {
+		e === "" && (w.current = !1), C.current(e);
+	}, []), E = n(() => {
+		x.current !== null && (clearTimeout(x.current), x.current = null);
+	}, []);
+	r(() => {
+		if (!(p <= 0)) return E(), e.length >= p && (w.current = !0), (e.length >= p || e.length === 0 && w.current) && (x.current = setTimeout(() => {
+			T(e);
+		}, m)), E;
+	}, [
+		e,
+		p,
+		m,
+		E,
+		T
+	]);
+	let D = () => {
+		l(""), T(""), S.current?.focus();
+	}, O = (t) => {
+		t.key === "Enter" ? (E(), T(e)) : t.key === "Escape" && D();
+	};
+	return /* @__PURE__ */ c("div", {
+		"data-component": "SearchInput",
+		className: t("cs-component-search-input-11 ", f && "cs-component-search-input-12 ", h),
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: t("cs-component-search-input-13 ", "cs-component-search-input-14 ", "cs-component-search-input-15", "cs-component-search-input-16 ", "cs-component-search-input-17", "cs-component-search-input-18"),
+				children: [
+					/* @__PURE__ */ s("input", {
+						...b,
+						"data-search-input": "",
+						ref: S,
+						type: "text",
+						value: e,
+						onChange: (e) => l(e.target.value),
+						onKeyDown: O,
+						placeholder: d,
+						"aria-label": y ?? d,
+						disabled: f,
+						className: t("cs-component-search-input-20 ", "cs-component-search-input-21 ", "cs-component-search-input-22 ", "cs-component-search-input-23 ", "cs-component-search-input-24", "cs-component-search-input-25", f && "cs-component-search-input-26")
+					}),
+					e.length > 0 && /* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: D,
+						disabled: f,
+						className: t("cs-component-search-input-28 ", "cs-component-search-input-29 ", "cs-component-search-input-21 ", "cs-component-search-input-30 ", f && "cs-component-search-input-31 "),
+						"aria-label": "Clear search",
+						children: /* @__PURE__ */ s(o, { className: "cs-component-search-input-33 " })
+					}),
+					/* @__PURE__ */ s("button", {
+						"data-search-submit": "",
+						type: "button",
+						onClick: () => {
+							E(), T(e);
+						},
+						disabled: f,
+						className: t("cs-component-search-input-28 ", "cs-component-search-input-29 ", "cs-component-search-input-21 ", "cs-component-search-input-30 ", f && "cs-component-search-input-31 "),
+						"aria-label": "Search",
+						children: /* @__PURE__ */ s(a, { className: "cs-component-search-input-33 " })
+					})
+				]
+			}),
+			g && e.length > 0 && /* @__PURE__ */ s("span", {
+				"data-testid": "searchinput-noresults",
+				className: "cs-component-search-input-37 ",
+				children: _
+			}),
+			v && /* @__PURE__ */ s("div", {
+				"data-search-status": "",
+				role: "status",
+				className: "cs-component-search-input-37",
+				children: v
+			})
+		]
+	});
+}
+var u = e(l);
+//#endregion
+export { u as SearchInput };

package/dist/components/SectionedTree.d.ts

@@ -0,0 +1,36 @@
+import { type ReactElement, type RefAttributes } from "react";
+import { type TreeNode } from "./Tree";
+export interface TreeSection<T extends TreeNode = TreeNode> {
+    id: string;
+    label: string;
+    nodes: T[];
+}
+interface SectionedTreeProps<T extends TreeNode = TreeNode> {
+    sections: TreeSection<T>[];
+    selectedId?: string | null;
+    onSelect?: (node: T) => void;
+    className?: string;
+    renderLabel?: (node: T) => React.ReactNode;
+    /** Mirror the tree: indent right-to-left, right-align content */
+    flipped?: boolean;
+    /** Loading state: render skeleton sections instead of content. */
+    loading?: boolean;
+    /** Error state: when set, render the error block. */
+    error?: Error | string | null;
+    /** Override the error primary text (default: "Something went wrong"). */
+    errorMessage?: string;
+    /** Retry handler — when provided, renders a Retry button in the error block. */
+    onRetry?: () => void;
+    /** Empty state primary text. Default: "No sections." */
+    emptyMessage?: string;
+    /** Empty state secondary text. */
+    emptyHint?: string;
+    /** Empty state CTA. */
+    emptyAction?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export declare const SectionedTree: <T extends TreeNode = TreeNode>(props: SectionedTreeProps<T> & RefAttributes<HTMLDivElement>) => ReactElement | null;
+export {};
+//# sourceMappingURL=SectionedTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionedTree.d.ts","sourceRoot":"","sources":["../../src/components/SectionedTree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAU9F,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAO7C,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ;AAED,UAAU,kBAAkB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IACxD,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3C,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACtD;AAwRD,eAAO,MAAM,aAAa,EAA2B,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EACjF,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,cAAc,CAAC,KACzD,YAAY,GAAG,IAAI,CAAC"}

package/dist/components/SectionedTree.js

@@ -0,0 +1,173 @@
+"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 { Tree as i } from "./Tree.js";
+import { useCallback as a, useMemo as o, useState as s } from "react";
+import { AlertCircle as c, ChevronDown as l, ChevronLeft as u, ChevronRight as d, Inbox as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/SectionedTree.tsx
+var h = 3, g = 3;
+function _(e) {
+	let t = 0;
+	for (let n of e) t++, n.children && (t += _(n.children));
+	return t;
+}
+function v(e) {
+	let t = [];
+	for (let n of e) n.type === "branch" && (t.push(n.id), n.children && t.push(...v(n.children)));
+	return t;
+}
+function y({ sections: e, selectedId: y, onSelect: b, className: x, renderLabel: S, flipped: C = !1, loading: w, error: T, errorMessage: E, onRetry: D, emptyMessage: O = "No sections.", emptyHint: k, emptyAction: A }) {
+	let [j, M] = s(/* @__PURE__ */ new Set()), [N, P] = s({}), [F, I] = s({}), L = e.length > 0 && e.every((e) => j.has(e.id));
+	e.every((e) => !j.has(e.id));
+	let R = (e) => {
+		M((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, z = () => {
+		M(L ? /* @__PURE__ */ new Set() : new Set(e.map((e) => e.id)));
+	}, B = a((e) => N[e] ?? /* @__PURE__ */ new Set(), [N]), V = a((e, t) => {
+		P((n) => {
+			let r = n[e] ?? /* @__PURE__ */ new Set(), i = new Set(r);
+			return i.has(t) ? i.delete(t) : i.add(t), {
+				...n,
+				[e]: i
+			};
+		});
+	}, []), H = a((e, t) => {
+		I((t) => {
+			let n = t[e] ?? !1;
+			return {
+				...t,
+				[e]: !n
+			};
+		}), P((n) => {
+			if (F[e] ?? !1) return {
+				...n,
+				[e]: /* @__PURE__ */ new Set()
+			};
+			{
+				let r = v(t);
+				return {
+					...n,
+					[e]: new Set(r)
+				};
+			}
+		});
+	}, [F]), U = o(() => {
+		let t = {};
+		for (let n of e) t[n.id] = _(n.nodes);
+		return t;
+	}, [e]);
+	return w ? /* @__PURE__ */ p("div", {
+		"data-component": "SectionedTree",
+		"data-testid": "sectionedtree-loading",
+		className: t("cs-component-sectioned-tree-11 ", x),
+		children: Array.from({ length: h }).map((e, t) => /* @__PURE__ */ m("div", {
+			className: "cs-component-sectioned-tree-14 ",
+			children: [/* @__PURE__ */ p(r, {
+				variant: "text",
+				width: "40%"
+			}), Array.from({ length: g }).map((e, t) => /* @__PURE__ */ p("div", {
+				className: "cs-component-sectioned-tree-17",
+				children: /* @__PURE__ */ p(r, {
+					variant: "text",
+					width: "70%"
+				})
+			}, t))]
+		}, `__sk-section-${t}`))
+	}) : T ? /* @__PURE__ */ m("div", {
+		"data-component": "SectionedTree",
+		"data-testid": "sectionedtree-error",
+		className: t("cs-component-sectioned-tree-22 ", x),
+		children: [
+			/* @__PURE__ */ p(c, { className: "cs-component-sectioned-tree-23 " }),
+			/* @__PURE__ */ p("div", {
+				className: "cs-component-sectioned-tree-24 ",
+				children: E ?? "Something went wrong"
+			}),
+			(typeof T == "string" ? T : T?.message) && /* @__PURE__ */ p("div", {
+				className: "cs-component-sectioned-tree-27 ",
+				children: typeof T == "string" ? T : T.message
+			}),
+			D && /* @__PURE__ */ p(n, {
+				variant: "secondary",
+				size: "sm",
+				onClick: D,
+				children: "Retry"
+			})
+		]
+	}) : e.length === 0 ? /* @__PURE__ */ m("div", {
+		"data-component": "SectionedTree",
+		"data-testid": "sectionedtree-empty",
+		className: t("cs-component-sectioned-tree-22 ", x),
+		children: [
+			/* @__PURE__ */ p(f, { className: "cs-component-sectioned-tree-33 " }),
+			/* @__PURE__ */ p("div", {
+				className: "cs-component-sectioned-tree-24 ",
+				children: O
+			}),
+			k && /* @__PURE__ */ p("div", {
+				className: "cs-component-sectioned-tree-27 ",
+				children: k
+			}),
+			A && /* @__PURE__ */ p(n, {
+				variant: "secondary",
+				size: "sm",
+				onClick: A.onClick,
+				children: A.label
+			})
+		]
+	}) : /* @__PURE__ */ m("div", {
+		"data-component": "SectionedTree",
+		className: t("cs-component-sectioned-tree-37 ", x),
+		children: [/* @__PURE__ */ p("button", {
+			type: "button",
+			onClick: z,
+			className: t("cs-component-sectioned-tree-39 ", "cs-component-sectioned-tree-40 ", "cs-component-sectioned-tree-41 ", "cs-component-sectioned-tree-42 ", C ? "cs-component-sectioned-tree-43" : "cs-component-sectioned-tree-44"),
+			children: L ? "Expand all" : "Collapse all"
+		}), e.map((e) => {
+			let n = j.has(e.id), r = U[e.id] ?? 0;
+			return /* @__PURE__ */ m("div", {
+				className: "cs-component-sectioned-tree-37 ",
+				children: [/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => R(e.id),
+					className: t("cs-component-sectioned-tree-49 ", "cs-component-sectioned-tree-50 ", "text-label-upper", "cs-component-sectioned-tree-52 ", "cs-component-sectioned-tree-41 ", "cs-component-sectioned-tree-53 ", C ? "cs-component-sectioned-tree-54 " : "cs-component-sectioned-tree-44"),
+					children: [
+						p(n ? C ? u : d : l, { className: "cs-component-sectioned-tree-55 " }),
+						/* @__PURE__ */ p("span", {
+							className: "cs-component-sectioned-tree-56",
+							children: e.label
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "cs-component-sectioned-tree-57 ",
+							children: r
+						})
+					]
+				}), !n && /* @__PURE__ */ p("div", {
+					className: "cs-component-sectioned-tree-58",
+					children: /* @__PURE__ */ p(i, {
+						nodes: e.nodes,
+						expandedIds: B(e.id),
+						selectedId: y,
+						onSelect: b,
+						onToggle: (t) => V(e.id, t),
+						renderLabel: S,
+						filterable: !0,
+						onToggleExpandAll: () => H(e.id, e.nodes),
+						allExpanded: F[e.id] ?? !1,
+						flipped: C
+					})
+				})]
+			}, e.id);
+		})]
+	});
+}
+var b = e(y);
+//#endregion
+export { b as SectionedTree };