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

package/dist/components/EventLanes.js

@@ -0,0 +1,445 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { ChartTooltip as n } from "./ChartTooltip.js";
+import { useCallback as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/EventLanes.tsx
+var d = 10, f = 28, p = 24, m = 40, h = 2;
+function ee(e) {
+	return Math.max(5, Math.min(14, e - 1));
+}
+function g(e) {
+	let t = (ee(e) + 7) / 2 + 3;
+	return Math.max(0, t - e / 2 + 1);
+}
+function _(e) {
+	let t = h, n = m - h, r = (n - t) / Math.max(1, e), i = Math.min(1, r / 4), a = Math.max(1, r - i * 2);
+	return {
+		chromeTop: t,
+		chromeBottom: n,
+		band: r,
+		markHeight: a,
+		markTop: (e) => Math.min(t + e * r + i, n - a)
+	};
+}
+var v = 4, y = [];
+function b(e) {
+	return Number.isInteger(e) && e >= 0;
+}
+function te(e, t, n, r) {
+	let i = [], a = /* @__PURE__ */ new Set();
+	for (let t of e) a.has(t.id) && i.push(`duplicate lane id "${t.id}"`), a.add(t.id);
+	let o = /* @__PURE__ */ new Set(), s = [];
+	for (let e of t) {
+		if (!a.has(e.lane)) {
+			i.push(`event ${e.i} references unknown lane "${e.lane}"`);
+			continue;
+		}
+		if (!b(e.i)) {
+			i.push(`event index ${e.i} is not a non-negative integer`);
+			continue;
+		}
+		if (o.has(e.i)) {
+			i.push(`duplicate global event index ${e.i}`);
+			continue;
+		}
+		r[e.kind] || i.push(`event kind "${e.kind}" has no palette token`), o.add(e.i), s.push(e);
+	}
+	s.sort((e, t) => e.i - t.i);
+	let c = [];
+	for (let e of n) {
+		if (!a.has(e.lane) || !b(e.from) || !b(e.to) || e.from > e.to) {
+			i.push(`invalid span ${e.lane}:${e.from}-${e.to}`);
+			continue;
+		}
+		c.push(e);
+	}
+	return {
+		events: s,
+		spans: c,
+		warnings: i
+	};
+}
+function x(e, t, n) {
+	return t && e.getPropertyValue(t).trim() || n;
+}
+function ne(e, t, n, r, i, a, o) {
+	let s = i / 2;
+	e.beginPath(), t === "circle" || t === "hollow-circle" ? e.arc(n, r, s, 0, Math.PI * 2) : e.roundRect(n - s, r - s, i, i, 2), t === "hollow" || t === "hollow-circle" ? (e.fillStyle = o, e.fill(), e.strokeStyle = a, e.lineWidth = 2, e.stroke()) : (e.fillStyle = a, e.fill());
+}
+function S(e, t, n, r, i, a, o) {
+	let s = i / 2 + o;
+	e.beginPath(), t === "circle" || t === "hollow-circle" ? e.arc(n, r, s, 0, Math.PI * 2) : e.roundRect(n - s, r - s, s * 2, s * 2, 3), e.strokeStyle = a, e.lineWidth = o, e.stroke();
+}
+function re(e, t, n) {
+	let r = [
+		t?.label ?? e.lane,
+		...t?.description ? [t.description] : [],
+		e.label,
+		e.kind,
+		`global index ${e.i}`,
+		e.at
+	];
+	e.error && r.push("error"), e.tick && r.push("boundary"), e.marker && r.push(e.marker);
+	for (let t of n) (t.from === e.i || t.to === e.i) && r.push(`span from ${t.from} to ${t.to}`);
+	return r.join(", ");
+}
+function C({ lanes: e, events: b, spans: C = y, palette: w, selected: T = null, linked: E, hiddenKinds: ie, emphasis: D, cellWidth: ae = d, overview: oe = "auto", ruler: O, rulerLabel: se = "Index", renderTooltip: ce, onSelect: k, onHover: le, "aria-label": ue = "Event timeline", id: A, className: de }) {
+	let fe = a().replace(/:/g, ""), pe = `${A ?? `event-lanes-${fe}`}-option`, me = `${A ?? `event-lanes-${fe}`}-tooltip`, j = s(null), M = s(null), N = s(null), P = s(null), [F, he] = c(0), [I, L] = c(0), [R, z] = c(T), [ge, _e] = c(null), [ve, B] = c(!1), V = s(!1), ye = r(() => {
+		V.current = !0, B(!1);
+	}, []), [be, xe] = c(0), Se = s(null), H = Number.isFinite(ae) && ae > 0 ? ae : d, U = o(() => te(e, b, C, w), [
+		b,
+		e,
+		w,
+		C
+	]), W = o(() => new Map(e.map((e, t) => [e.id, t])), [e]), Ce = o(() => new Map(e.map((e) => [e.id, e])), [e]), G = o(() => U.events.filter((e) => !ie?.has(e.kind)), [ie, U.events]), K = o(() => new Map(G.map((e) => [e.i, e])), [G]), we = o(() => new Map(G.map((e) => [`${e.lane}:${e.i}`, e])), [G]), q = o(() => {
+		let e = -1;
+		for (let t of U.events) e = Math.max(e, t.i);
+		for (let t of U.spans) e = Math.max(e, t.to);
+		return e;
+	}, [U.events, U.spans]), J = g(H), Y = q < 0 ? 0 : (q + 1) * H + J * 2, X = Math.max(f, e.length * f), Te = O != null, Ee = oe === !0 || oe === "auto" && Y > F + 1, De = R == null ? void 0 : K.get(R), Z = ge == null ? ve ? De : void 0 : K.get(ge);
+	i(() => {}, [U.warnings]), i(() => {
+		let e = M.current;
+		if (!e) return;
+		let t = () => he(e.clientWidth);
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, []), i(() => {
+		let e = document.documentElement, t = new MutationObserver(() => xe((e) => e + 1));
+		return t.observe(e, {
+			attributes: !0,
+			attributeFilter: [
+				"class",
+				"data-theme",
+				"style"
+			]
+		}), () => t.disconnect();
+	}, []);
+	let Q = r((e) => {
+		let t = M.current;
+		if (!t) return;
+		let n = e === 0 ? 0 : J + e * H, r = e === q ? Y : J + (e + 1) * H, i = t.scrollLeft;
+		n < i ? i = n : r > i + t.clientWidth && (i = r - t.clientWidth);
+		let a = Math.max(0, Y - t.clientWidth);
+		i = Math.max(0, Math.min(a, i)), i !== t.scrollLeft && (t.scrollLeft = i), L(i);
+	}, [
+		J,
+		Y,
+		H,
+		q,
+		F
+	]);
+	i(() => {
+		T != null && K.has(T) && (z(T), Q(T));
+	}, [
+		Q,
+		T,
+		K
+	]), i(() => {
+		z((e) => e != null && K.has(e) ? e : G.length === 0 ? null : e == null ? T != null && K.has(T) ? T : G[0].i : G.find((t) => t.i > e)?.i ?? [...G].reverse().find((t) => t.i < e)?.i ?? G[0].i);
+	}, [
+		T,
+		K,
+		G
+	]), i(() => {
+		let e = N.current, t = j.current;
+		if (!e || !t) return;
+		let n = Math.max(1, F), r = window.devicePixelRatio || 1;
+		e.width = Math.ceil(n * r), e.height = Math.ceil(X * r), e.style.width = `${n}px`, e.style.height = `${X}px`;
+		let i = e.getContext("2d");
+		if (!i) return;
+		i.setTransform(r, 0, 0, r, 0, 0), i.clearRect(0, 0, n, X);
+		let a = getComputedStyle(t), o = a.getPropertyValue("--bg").trim() || "transparent", s = a.getPropertyValue("--fg").trim() || "currentColor", c = a.getPropertyValue("--muted").trim() || s, l = a.getPropertyValue("--color-link").trim() || s, u = a.getPropertyValue("--color-error").trim() || s, d = a.getPropertyValue("--color-accent").trim() || s, p = Math.max(0, Math.floor((I - J) / H) - v), m = Math.min(q, Math.ceil((I + n - J) / H) + v);
+		e.dataset.windowStart = String(p), e.dataset.windowEnd = String(m), i.lineCap = "round";
+		for (let e of U.spans) {
+			if (e.to < p || e.from > m) continue;
+			let t = W.get(e.lane);
+			if (t == null) continue;
+			let n = t * f + f / 2, r = J + (e.from + .5) * H - I, a = J + (e.to + .5) * H - I;
+			i.beginPath(), i.moveTo(r, n), i.lineTo(a, n), i.strokeStyle = o, i.lineWidth = 5, i.stroke(), i.strokeStyle = s, i.lineWidth = 2, i.stroke();
+		}
+		for (let e = p; e <= m; e += 1) {
+			let t = K.get(e);
+			if (!t) continue;
+			let r = W.get(t.lane);
+			if (r == null) continue;
+			let p = J + (t.i + .5) * H - I, m = r * f + f / 2, h = ee(H), g = (h + 7) / 2 + 3, _ = t.i === 0 ? Math.max(Math.min(g + 1, n / 2), p) : t.i === q ? Math.min(Math.max(n - g - 1, n / 2), p) : p, v = T === t.i, y = E?.has(t.i) ?? !1;
+			i.globalAlpha = D === void 0 || D.has(t.i) || v || y ? 1 : .3, t.halo && S(i, t.shape, _, m, h + 3, x(a, t.halo, c), 2), y && (S(i, t.shape, _, m, h + 5, l, 3), S(i, t.shape, _, m, h + 2, o, 2)), v && (S(i, t.shape, _, m, h + 7, s, 3), S(i, t.shape, _, m, h + 3, o, 2));
+			let b = x(a, w[t.kind], c);
+			if (ne(i, t.shape, _, m, h, b, o), v && y && (i.beginPath(), i.arc(_, m, Math.max(1.5, h / 5), 0, Math.PI * 2), i.fillStyle = l, i.fill()), t.error) {
+				let e = h / 2 + 2;
+				i.beginPath(), i.moveTo(_ - e, m - e), i.lineTo(_ + e, m + e), i.moveTo(_ + e, m - e), i.lineTo(_ - e, m + e), i.strokeStyle = u, i.lineWidth = 2, i.stroke();
+			}
+			if (t.tick) {
+				let e = J + (t.i + 1) * H - I - 1;
+				i.beginPath(), i.moveTo(e, m - f / 3), i.lineTo(e, m + f / 3), i.strokeStyle = s, i.lineWidth = 2, i.stroke();
+			}
+			t.marker && (i.beginPath(), i.arc(_, m - h / 2 - 4, 2, 0, Math.PI * 2), i.fillStyle = d, i.fill());
+		}
+		i.globalAlpha = 1;
+	}, [
+		Y,
+		J,
+		X,
+		H,
+		D,
+		q,
+		W,
+		E,
+		w,
+		I,
+		T,
+		be,
+		U.spans,
+		F,
+		K
+	]), i(() => {
+		let t = P.current, n = j.current;
+		if (!t || !n || !Ee) return;
+		let r = Math.max(1, F), i = window.devicePixelRatio || 1;
+		t.width = Math.ceil(r * i), t.height = Math.ceil(m * i), t.style.width = `${r}px`, t.style.height = `${m}px`;
+		let a = t.getContext("2d");
+		if (!a) return;
+		a.setTransform(i, 0, 0, i, 0, 0), a.clearRect(0, 0, r, m);
+		let o = getComputedStyle(n), s = o.getPropertyValue("--fg").trim() || "currentColor", c = o.getPropertyValue("--muted").trim() || s, l = o.getPropertyValue("--color-link").trim() || s, u = _(e.length), d = r / Math.max(Y, 1);
+		for (let e of G) {
+			let t = W.get(e.lane);
+			if (t == null) continue;
+			let n = T === e.i, r = E?.has(e.i) ?? !1;
+			a.globalAlpha = D === void 0 || D.has(e.i) || n || r ? 1 : .3, a.fillStyle = x(o, w[e.kind], c), a.fillRect((J + e.i * H) * d, u.markTop(t), Math.max(1, H * d), u.markHeight);
+		}
+		a.globalAlpha = 1;
+		let f = I * d, p = Math.min(r, F * d);
+		a.strokeStyle = l, a.lineWidth = h, a.strokeRect(f, h / 2, Math.max(2, p), m - h);
+	}, [
+		Y,
+		J,
+		H,
+		D,
+		W,
+		e.length,
+		E,
+		w,
+		I,
+		T,
+		Ee,
+		be,
+		F,
+		G
+	]);
+	let Oe = r((e) => {
+		let t = e?.i ?? null;
+		_e(t), Se.current !== t && (Se.current = t, le?.(e));
+	}, [le]), ke = r((t) => {
+		let n = N.current, r = M.current;
+		if (!n || !r) return null;
+		let i = n.getBoundingClientRect(), a = t.clientX - i.left + r.scrollLeft - J, o = t.clientY - i.top, s = e[Math.floor(o / f)], c = Math.floor(a / H);
+		return s ? we.get(`${s.id}:${c}`) ?? null : null;
+	}, [
+		J,
+		H,
+		e,
+		we
+	]), Ae = (e) => {
+		Oe(ke(e));
+	}, je = (e) => {
+		ye();
+		let t = ke(e);
+		t && (M.current?.focus(), z(t.i), Oe(t), k?.(t));
+	}, Me = r((e) => {
+		let t = G[e];
+		t && (z(t.i), Q(t.i), k?.(t));
+	}, [
+		k,
+		Q,
+		G
+	]), Ne = (e) => {
+		if (G.length === 0) return;
+		[
+			"ArrowRight",
+			"ArrowLeft",
+			"Home",
+			"End"
+		].includes(e.key) && B(!0), e.key === "Escape" && B(!1);
+		let t = Math.max(0, G.findIndex((e) => e.i === R)), n = null;
+		if (e.key === "ArrowRight") n = Math.min(G.length - 1, t + 1);
+		else if (e.key === "ArrowLeft") n = Math.max(0, t - 1);
+		else if (e.key === "Home") n = 0;
+		else if (e.key === "End") n = G.length - 1;
+		else if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault(), e.stopPropagation();
+			let n = G[t];
+			n && k?.(n);
+			return;
+		} else return;
+		e.preventDefault(), e.stopPropagation(), (n !== t || e.key === "Home" || e.key === "End") && Me(n);
+	}, Pe = (e) => {
+		let t = P.current, n = M.current;
+		if (!t || !n) return;
+		let r = t.getBoundingClientRect(), i = Math.max(0, Math.min(1, (e.clientX - r.left) / Math.max(1, r.width))), a = Math.max(0, Y - n.clientWidth), o = Math.max(0, Math.min(a, i * Y - n.clientWidth / 2));
+		n.scrollLeft = o, L(o);
+	}, Fe = (e) => {
+		e.currentTarget.setPointerCapture(e.pointerId), Pe(e);
+	}, Ie = (e) => {
+		e.currentTarget.hasPointerCapture(e.pointerId) && Pe(e);
+	}, $ = Z ? ce ? ce(Z) : /* @__PURE__ */ u("div", {
+		className: "cs-component-event-lanes-tooltip-content",
+		children: [
+			/* @__PURE__ */ l("strong", { children: Z.label }),
+			/* @__PURE__ */ u("span", { children: [
+				Z.kind,
+				" · ",
+				Z.at
+			] }),
+			Z.error && /* @__PURE__ */ l("span", { children: "Error" }),
+			Z.tick && /* @__PURE__ */ l("span", { children: "Boundary" }),
+			Z.marker && /* @__PURE__ */ l("span", { children: Z.marker })
+		]
+	}) : null, Le = Z ? W.get(Z.lane) ?? 0 : 0, Re = Z ? J + (Z.i + .5) * H - I : 0, ze = Math.max(48, Math.min(Math.max(48, F - 48), Re)), Be = (Te ? p : 0) + Le * f + f / 2, Ve = {
+		start: 0,
+		end: q,
+		cellWidth: H,
+		width: Y,
+		xForIndex: (e) => J + (e + .5) * H
+	}, He = De ? `${pe}-${De.i}` : void 0, Ue = {
+		"--event-lanes-ruler-height": `${p / 16}rem`,
+		"--event-lanes-lane-height": `${f / 16}rem`,
+		"--event-lanes-lane-count": Math.max(1, e.length)
+	};
+	return /* @__PURE__ */ u("div", {
+		ref: j,
+		id: A,
+		"data-component": "EventLanes",
+		className: t("cs-component-event-lanes-root", de),
+		style: Ue,
+		children: [/* @__PURE__ */ u("div", {
+			className: "cs-component-event-lanes-main",
+			children: [/* @__PURE__ */ u("div", {
+				"data-event-lanes-labels": "",
+				className: "cs-component-event-lanes-labels",
+				"aria-hidden": "true",
+				children: [Te && /* @__PURE__ */ l("div", {
+					className: "cs-component-event-lanes-ruler-label",
+					children: se
+				}), (e.length > 0 ? e : [{
+					id: "empty",
+					label: "Events"
+				}]).map((e) => /* @__PURE__ */ l("div", {
+					"data-event-lane-label": e.id,
+					"data-event-lane-title": e.title,
+					"data-event-lane-description": e.description,
+					title: e.title,
+					className: t("cs-component-event-lanes-label", "className" in e && e.className),
+					children: e.label
+				}, e.id))]
+			}), /* @__PURE__ */ u("div", {
+				className: "cs-component-event-lanes-axis-cell",
+				children: [/* @__PURE__ */ l("div", {
+					ref: M,
+					role: "listbox",
+					tabIndex: 0,
+					"aria-label": ue,
+					"aria-orientation": "horizontal",
+					"aria-activedescendant": He,
+					"aria-disabled": G.length === 0 ? "true" : void 0,
+					"data-event-lanes-scroller": "",
+					"data-event-count": G.length,
+					"data-span-count": U.spans.length,
+					className: "cs-component-event-lanes-scroller",
+					onKeyDown: Ne,
+					onPointerDown: ye,
+					onFocus: () => {
+						B(!V.current), V.current = !1;
+					},
+					onBlur: (e) => {
+						e.currentTarget.contains(e.relatedTarget) || (B(!1), V.current = !1);
+					},
+					onScroll: (e) => L(e.currentTarget.scrollLeft),
+					children: /* @__PURE__ */ u("div", {
+						className: "cs-component-event-lanes-axis",
+						style: { width: Math.max(Y, F) },
+						children: [
+							Te && /* @__PURE__ */ l("div", {
+								role: "presentation",
+								className: "cs-component-event-lanes-ruler",
+								style: { width: Math.max(Y, F) },
+								children: typeof O == "function" ? O(Ve) : O
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "cs-component-event-lanes-canvas-window",
+								children: /* @__PURE__ */ l("canvas", {
+									ref: N,
+									"data-event-lanes-canvas": "",
+									"aria-hidden": "true",
+									onPointerMove: Ae,
+									onPointerDown: je,
+									onPointerLeave: () => Oe(null)
+								})
+							}),
+							/* @__PURE__ */ u("div", {
+								role: "presentation",
+								"data-event-lanes-census": "",
+								className: "cs-component-event-lanes-census",
+								children: [
+									G.map((e, t) => /* @__PURE__ */ l("div", {
+										id: `${pe}-${e.i}`,
+										role: "option",
+										"aria-label": re(e, Ce.get(e.lane), U.spans.filter((t) => t.lane === e.lane)),
+										"aria-posinset": t + 1,
+										"aria-setsize": G.length,
+										"aria-selected": T === e.i,
+										"aria-describedby": Z?.i === e.i && $ != null ? me : void 0,
+										"data-event-index": e.i,
+										"data-event-kind": e.kind,
+										"data-event-lane": e.lane,
+										"data-event-linked": E?.has(e.i) ? "true" : void 0,
+										"data-event-emphasized": D === void 0 ? void 0 : String(D.has(e.i))
+									}, e.i)),
+									U.spans.map((e, t) => /* @__PURE__ */ l("span", {
+										"data-span-lane": e.lane,
+										"data-span-from": e.from,
+										"data-span-to": e.to
+									}, `${e.lane}-${e.from}-${e.to}-${t}`)),
+									G.length === 0 && /* @__PURE__ */ l("span", {
+										role: "status",
+										children: "No visible events."
+									})
+								]
+							})
+						]
+					})
+				}), Z && $ != null && /* @__PURE__ */ l("div", {
+					id: me,
+					className: "cs-component-event-lanes-tooltip-layer",
+					children: /* @__PURE__ */ l(n, {
+						x: ze,
+						y: Be,
+						anchor: Be < 64 ? "bottom" : "top",
+						children: $
+					})
+				})]
+			})]
+		}), Ee && /* @__PURE__ */ u("div", {
+			className: "cs-component-event-lanes-overview-row",
+			children: [/* @__PURE__ */ l("div", {
+				"data-event-lanes-overview-label": "",
+				className: "cs-component-event-lanes-overview-label",
+				"aria-hidden": "true",
+				children: "Overview"
+			}), /* @__PURE__ */ l("canvas", {
+				ref: P,
+				"data-event-lanes-overview": "",
+				"aria-hidden": "true",
+				className: "cs-component-event-lanes-overview",
+				onPointerDown: Fe,
+				onPointerMove: Ie
+			})]
+		})]
+	});
+}
+var w = e(C);
+//#endregion
+export { w as EventLanes };

package/dist/components/FormGroup.d.ts

@@ -0,0 +1,29 @@
+interface FormGroupProps {
+    /**
+     * Field label rendered above the control (uppercase label utility).
+     * Optional — when omitted, no label renders but helper/error still work.
+     * Used internally by composite controls (CheckboxGroup, Dropdown) that
+     * want the helper/error treatment without an extra label row.
+     */
+    label?: string;
+    /**
+     * `id` to associate the label with the control. Required when the control
+     * is a single native input/select/textarea. May be omitted when wrapping a
+     * composite control (CheckboxGroup, fieldset-style content) — in that case
+     * the group renders an `aria-label`-friendly label without an htmlFor.
+     */
+    htmlFor?: string;
+    /** Renders a `*` after the label and forwards `required` to the child input. */
+    required?: boolean;
+    /** Grey hint text below the control. Hidden when `error` is set. */
+    helper?: string;
+    /** Red message below the control. Replaces helper when set; forwards `aria-invalid` to the child. */
+    error?: string;
+    /** Additional className on the wrapper. */
+    className?: string;
+    /** The control (Input, Dropdown, CheckboxGroup, custom input). */
+    children: React.ReactNode;
+}
+export declare const FormGroup: import("react").ForwardRefExoticComponent<FormGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=FormGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../src/components/FormGroup.tsx"],"names":[],"mappings":"AAOA,UAAU,cAAc;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+FD,eAAO,MAAM,SAAS,2GAAkE,CAAC"}

package/dist/components/FormGroup.js

@@ -0,0 +1,48 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { Children as n, cloneElement as r, isValidElement as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/FormGroup.tsx
+function c({ label: e, htmlFor: c, required: l = !1, helper: u, error: d, className: f, children: p }) {
+	let m = a(), h = c ?? `formgroup-${m}`, g = u ? `${h}-helper` : void 0, _ = d ? `${h}-error` : void 0, v = _ ?? g, y = n.toArray(p), b = p;
+	if (y.length === 1 && i(y[0])) {
+		let e = y[0], t = typeof e.type == "string", n = {
+			id: e.props.id ?? h,
+			"aria-describedby": e.props["aria-describedby"] ?? v,
+			"aria-invalid": e.props["aria-invalid"] ?? (d ? !0 : void 0),
+			required: e.props.required ?? (l || void 0)
+		};
+		t || (n.error = e.props.error ?? (d ? !0 : void 0)), b = r(e, n);
+	}
+	return /* @__PURE__ */ s("div", {
+		"data-component": "FormGroup",
+		className: t("cs-component-form-group-15 ", f),
+		children: [
+			e && /* @__PURE__ */ s("label", {
+				htmlFor: c ? h : void 0,
+				className: t("text-label-upper cs-component-form-group-16"),
+				children: [e, l && /* @__PURE__ */ o("span", {
+					"aria-hidden": "true",
+					className: "cs-component-form-group-18 ",
+					children: "*"
+				})]
+			}),
+			b,
+			d ? /* @__PURE__ */ o("span", {
+				id: _,
+				role: "alert",
+				className: "cs-component-form-group-20 ",
+				children: d
+			}) : u ? /* @__PURE__ */ o("span", {
+				id: g,
+				className: "cs-component-form-group-21 ",
+				children: u
+			}) : null
+		]
+	});
+}
+var l = e(c);
+//#endregion
+export { l as FormGroup };

package/dist/components/HighlightText.d.ts

@@ -0,0 +1,15 @@
+interface HighlightTextProps {
+    /** The full text to display */
+    text: string;
+    /** The substring to highlight. Empty string or undefined = no highlighting. */
+    query?: string;
+    /** Case-insensitive matching. Default: true */
+    ignoreCase?: boolean;
+    /** Additional className applied to the root span */
+    className?: string;
+    /** Additional className applied to the highlighted mark elements */
+    highlightClassName?: string;
+}
+export declare const HighlightText: import("react").ForwardRefExoticComponent<HighlightTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=HighlightText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText.d.ts","sourceRoot":"","sources":["../../src/components/HighlightText.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AA6CD,eAAO,MAAM,aAAa,gHAA2E,CAAC"}

package/dist/components/HighlightText.js

@@ -0,0 +1,28 @@
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/HighlightText.tsx
+function r({ text: e, query: r, ignoreCase: i = !0, className: a, highlightClassName: o }) {
+	if (!r || r.length === 0) return /* @__PURE__ */ n("span", {
+		"data-component": "HighlightText",
+		className: a,
+		children: e
+	});
+	let s = i ? "gi" : "g", c = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), l = RegExp(`(${c})`, s), u = e.split(l);
+	return u.length === 1 ? /* @__PURE__ */ n("span", {
+		"data-component": "HighlightText",
+		className: a,
+		children: e
+	}) : /* @__PURE__ */ n("span", {
+		"data-component": "HighlightText",
+		className: a,
+		children: u.map((e, r) => l.test(e) ? /* @__PURE__ */ n("mark", {
+			"data-highlight-match": "",
+			className: t("cs-component-highlight-text-10 ", o),
+			children: e
+		}, r) : /* @__PURE__ */ n("span", { children: e }, r))
+	});
+}
+var i = e(r);
+//#endregion
+export { i as HighlightText };

package/dist/components/Input.d.ts

@@ -0,0 +1,35 @@
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "type">;
+type NativeTextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix">;
+type InputType = "text" | "email" | "password" | "number" | "tel" | "url";
+interface InputBaseProps {
+    /** Visual size. Default: "md" */
+    size?: "sm" | "md";
+    /** Error state — paints the red border + ring. */
+    error?: boolean;
+    /** Inline content rendered inside the left edge (icon or short label). */
+    prefix?: React.ReactNode;
+    /** Inline content rendered inside the right edge (icon, unit suffix). */
+    suffix?: React.ReactNode;
+    /** Additional className on the wrapper. */
+    className?: string;
+}
+interface SingleLineInputProps extends InputBaseProps, NativeInputProps {
+    /** HTML type attribute. Default: "text". Ignored when `multiline` is true. */
+    type?: InputType;
+    multiline?: false;
+}
+interface MultilineInputProps extends InputBaseProps, NativeTextareaProps {
+    /** Render a <textarea> instead of <input>. */
+    multiline: true;
+    /** Visible row count when multiline. Default: 3 */
+    rows?: number;
+}
+type InputProps = SingleLineInputProps | MultilineInputProps;
+/**
+ * Standard text input. Use `multiline` for textareas. For search-specific
+ * patterns use `SearchInput`. For label + helper + error composition, wrap
+ * this in `FormGroup`.
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAGA,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,GAAG,MAAM,CAC3B,CAAC;AACF,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,QAAQ,CAClB,CAAC;AAEF,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAE1E,UAAU,cAAc;IACtB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,yEAAyE;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,oBAAqB,SAAQ,cAAc,EAAE,gBAAgB;IACrE,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,UAAU,mBAAoB,SAAQ,cAAc,EAAE,mBAAmB;IACvE,8CAA8C;IAC9C,SAAS,EAAE,IAAI,CAAC;IAChB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CAAC;AAO7D;;;;GAIG;AACH,eAAO,MAAM,KAAK,+HA4EjB,CAAC"}

package/dist/components/Input.js

@@ -0,0 +1,61 @@
+import { cn as e } from "../lib/cn.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Input.tsx
+var i = {
+	sm: "cs-component-input-18",
+	md: "cs-component-input-19"
+}, a = t(function(t, a) {
+	let { size: o = "md", error: s = !1, prefix: c, suffix: l, className: u, disabled: d, readOnly: f, ...p } = t, m = e("cs-component-input-21 ", "cs-component-input-22 ", "cs-component-input-23", s ? "cs-component-input-24" : "cs-component-input-25 ", d && "cs-component-input-26 ", f && "cs-component-input-27", u), h = e("cs-component-input-28 ", "cs-component-input-29 ", "cs-component-input-30", "cs-component-input-31", i[o], c && "cs-component-input-32", l && "cs-component-input-33"), g = e("cs-component-input-34 ", "cs-component-input-35", o === "sm" ? "cs-component-input-37" : "cs-component-input-38");
+	if (t.multiline) {
+		let { multiline: t, rows: i = 3, ...o } = p;
+		return /* @__PURE__ */ r("div", {
+			"data-component": "Input",
+			"data-multiline": "true",
+			className: m,
+			children: [
+				c && /* @__PURE__ */ n("span", {
+					className: g,
+					children: c
+				}),
+				/* @__PURE__ */ n("textarea", {
+					ref: a,
+					rows: i,
+					disabled: d,
+					readOnly: f,
+					className: e(h, "cs-component-input-41 "),
+					...o
+				}),
+				l && /* @__PURE__ */ n("span", {
+					className: g,
+					children: l
+				})
+			]
+		});
+	}
+	let { type: _ = "text", ...v } = p;
+	return /* @__PURE__ */ r("div", {
+		"data-component": "Input",
+		className: m,
+		children: [
+			c && /* @__PURE__ */ n("span", {
+				className: g,
+				children: c
+			}),
+			/* @__PURE__ */ n("input", {
+				ref: a,
+				type: _,
+				disabled: d,
+				readOnly: f,
+				className: h,
+				...v
+			}),
+			l && /* @__PURE__ */ n("span", {
+				className: g,
+				children: l
+			})
+		]
+	});
+});
+//#endregion
+export { a as Input };