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

package/dist/components/CheckboxGroup.js

@@ -0,0 +1,198 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { FormGroup as n } from "./FormGroup.js";
+import { useMemo as r, useState as i } from "react";
+import { ChevronDown as a, ChevronRight as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/CheckboxGroup.tsx
+function u({ opt: e, checked: n, disabled: r, onToggle: i }) {
+	return /* @__PURE__ */ l("label", {
+		className: t("cs-component-checkbox-group-5 ", "cs-component-checkbox-group-6 ", (r || e.disabled) && "cs-component-checkbox-group-7 "),
+		children: [
+			/* @__PURE__ */ c("input", {
+				type: "checkbox",
+				checked: n,
+				onChange: i,
+				disabled: r || e.disabled,
+				className: "cs-component-checkbox-group-9 "
+			}),
+			e.color && /* @__PURE__ */ c("span", {
+				className: "cs-component-checkbox-group-10 ",
+				style: { backgroundColor: e.color }
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "cs-component-checkbox-group-11",
+				children: e.label
+			})
+		]
+	});
+}
+function d({ allDisabled: e, noneDisabled: n, groupDisabled: r, onAll: i, onNone: a }) {
+	let o = t("cs-component-checkbox-group-12 ", "cs-component-checkbox-group-13 ", "cs-component-checkbox-group-14 ", "cs-component-checkbox-group-15 ");
+	return /* @__PURE__ */ l("div", {
+		className: "cs-component-checkbox-group-16 ",
+		children: [
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				onClick: i,
+				disabled: r || e,
+				className: o,
+				children: "All"
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "cs-component-checkbox-group-18",
+				children: "|"
+			}),
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				onClick: a,
+				disabled: r || n,
+				className: o,
+				children: "None"
+			})
+		]
+	});
+}
+function f({ sections: e, selected: n, disabled: r, onToggle: s }) {
+	let [d, f] = i(/* @__PURE__ */ new Set()), p = e.length > 0 && e.every((e) => d.has(e.name));
+	e.every((e) => !d.has(e.name));
+	let m = (e) => {
+		f((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	};
+	return /* @__PURE__ */ l("div", {
+		className: "cs-component-checkbox-group-20 ",
+		children: [/* @__PURE__ */ c("button", {
+			type: "button",
+			onClick: () => {
+				f(p ? /* @__PURE__ */ new Set() : new Set(e.map((e) => e.name)));
+			},
+			className: t("cs-component-checkbox-group-12 ", "cs-component-checkbox-group-22 ", "cs-component-checkbox-group-14 "),
+			children: p ? "Expand all" : "Collapse all"
+		}), e.map((e) => {
+			let i = d.has(e.name), f = e.options.filter((e) => n.has(e.value)).length;
+			return /* @__PURE__ */ l("div", {
+				className: "cs-component-checkbox-group-26 ",
+				children: [/* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: () => m(e.name),
+					className: t("cs-component-checkbox-group-28 ", "cs-component-checkbox-group-29 ", "text-label-upper", "cs-component-checkbox-group-31 ", "cs-component-checkbox-group-14 ", "cs-component-checkbox-group-32 "),
+					children: [
+						c(i ? o : a, { className: "cs-component-checkbox-group-33 " }),
+						/* @__PURE__ */ c("span", {
+							className: "cs-component-checkbox-group-34",
+							children: e.name
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "cs-component-checkbox-group-35 ",
+							children: [
+								f,
+								"/",
+								e.options.length
+							]
+						})
+					]
+				}), !i && /* @__PURE__ */ c("div", {
+					className: "cs-component-checkbox-group-36 ",
+					children: e.options.map((e) => /* @__PURE__ */ c(u, {
+						opt: e,
+						checked: n.has(e.value),
+						disabled: r,
+						onToggle: () => s(e.value)
+					}, e.value))
+				})]
+			}, e.name);
+		})]
+	});
+}
+function p({ options: e, selected: a, onChange: o, label: p, helper: m, error: h, filterable: g = !1, filterPlaceholder: _ = "Filter...", disabled: v = !1, className: y }) {
+	let [b, x] = i(""), S = e.some((e) => e.group), C = r(() => {
+		if (!b) return e;
+		let t = b.toLowerCase();
+		return e.filter((e) => e.label.toLowerCase().includes(t));
+	}, [e, b]), w = C.length > 0 && C.every((e) => a.has(e.value)), T = C.every((e) => !a.has(e.value)), E = () => {
+		let e = new Set(a);
+		for (let t of C) e.add(t.value);
+		o(e);
+	}, D = () => {
+		let e = new Set(a);
+		for (let t of C) e.delete(t.value);
+		o(e);
+	}, O = (e) => {
+		let t = new Set(a);
+		t.has(e) ? t.delete(e) : t.add(e), o(t);
+	}, k = r(() => {
+		if (!S) return [];
+		let e = /* @__PURE__ */ new Map();
+		for (let t of C) {
+			let n = t.group ?? "Other";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return Array.from(e.entries()).map(([e, t]) => ({
+			name: e,
+			options: t
+		}));
+	}, [C, S]);
+	return /* @__PURE__ */ c("div", {
+		"data-component": "CheckboxGroup",
+		className: t("cs-component-checkbox-group-26 ", v && "cs-component-checkbox-group-41", y),
+		children: /* @__PURE__ */ c(n, {
+			label: p,
+			helper: m,
+			error: h,
+			children: /* @__PURE__ */ l("div", {
+				className: "cs-component-checkbox-group-42 ",
+				children: [
+					g && /* @__PURE__ */ l("div", {
+						className: "cs-component-checkbox-group-43",
+						children: [/* @__PURE__ */ c("input", {
+							type: "text",
+							value: b,
+							onChange: (e) => x(e.target.value),
+							placeholder: _,
+							disabled: v,
+							className: t("cs-component-checkbox-group-45 ", "cs-component-checkbox-group-46 ", "cs-component-checkbox-group-47 ", "cs-component-checkbox-group-48", "cs-component-checkbox-group-49", "cs-component-checkbox-group-50 ", "cs-component-checkbox-group-51")
+						}), b && /* @__PURE__ */ c("button", {
+							type: "button",
+							onClick: () => x(""),
+							className: "cs-component-checkbox-group-54 ",
+							"aria-label": "Clear filter",
+							children: /* @__PURE__ */ c(s, { className: "cs-component-checkbox-group-33 " })
+						})]
+					}),
+					/* @__PURE__ */ c(d, {
+						allDisabled: w,
+						noneDisabled: T,
+						groupDisabled: v,
+						onAll: E,
+						onNone: D
+					}),
+					C.length === 0 ? /* @__PURE__ */ c("span", {
+						className: "cs-component-checkbox-group-56 ",
+						children: "No matches"
+					}) : S ? /* @__PURE__ */ c(f, {
+						sections: k,
+						selected: a,
+						disabled: v,
+						onToggle: O
+					}) : /* @__PURE__ */ c("div", {
+						className: "cs-component-checkbox-group-57 ",
+						children: C.map((e) => /* @__PURE__ */ c(u, {
+							opt: e,
+							checked: a.has(e.value),
+							disabled: v,
+							onToggle: () => O(e.value)
+						}, e.value))
+					})
+				]
+			})
+		})
+	});
+}
+var m = e(p);
+//#endregion
+export { m as CheckboxGroup };

package/dist/components/Chip.d.ts

@@ -0,0 +1,9 @@
+interface ChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    pressed?: boolean;
+    count?: number;
+    onPressedChange?: (pressed: boolean) => void;
+    children: React.ReactNode;
+}
+export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAGA,UAAU,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAsCD,eAAO,MAAM,IAAI,yGAA2D,CAAC"}

package/dist/components/Chip.js

@@ -0,0 +1,31 @@
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Chip.tsx
+function i({ pressed: e = !1, count: i, onPressedChange: a, onClick: o, disabled: s, className: c, children: l, type: u = "button", ...d }) {
+	return /* @__PURE__ */ r("button", {
+		...d,
+		"data-component": "Chip",
+		type: u,
+		"aria-pressed": e,
+		disabled: s,
+		onClick: (t) => {
+			o?.(t), t.defaultPrevented || a?.(!e);
+		},
+		className: t("cs-component-chip-1", e ? "cs-component-chip-2" : "cs-component-chip-3", s && "cs-component-chip-4", c),
+		children: [
+			/* @__PURE__ */ n("span", {
+				"data-chip-label": "",
+				children: l
+			}),
+			i != null && " ",
+			i != null && /* @__PURE__ */ n("span", {
+				className: "cs-component-chip-5",
+				children: i
+			})
+		]
+	});
+}
+var a = e(i);
+//#endregion
+export { a as Chip };

package/dist/components/CodeBlock.d.ts

@@ -0,0 +1,30 @@
+import type { LanguageFn } from "highlight.js";
+/** Register an additional grammar without adding it to CodeBlock's eager bundle. */
+export declare function registerCodeLanguage(name: string, definition: LanguageFn): boolean;
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    source?: string;
+    highlightedLines?: number[];
+    /** Substring to highlight within the code text */
+    highlightQuery?: string;
+    maxHeight?: string;
+    /** When true, expand to fill the parent's height instead of using maxHeight. */
+    fillHeight?: boolean;
+    /** When true, render as an inline embed — no max-height, no internal vertical
+     *  scroll, flows with the parent's natural layout. Horizontal scroll is still
+     *  available for long lines. Use for embedding code in scrollable pages where
+     *  the outer page is the only scroll surface. Mutually exclusive with
+     *  fillHeight; if both are set, fillHeight wins. */
+    inline?: boolean;
+    /** Grammars to register for this block. There is no built-in set and nothing
+     *  is registered by default: an unregistered `language` renders escaped and
+     *  uncoloured, which reads as a styling bug rather than a missing grammar.
+     *  Pass the grammars you use — `languages={{ json }}` — so the bundle carries
+     *  only those. See also `registerCodeLanguage()`. */
+    languages?: Record<string, LanguageFn>;
+    className?: string;
+}
+export declare const CodeBlock: import("react").ForwardRefExoticComponent<CodeBlockProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=CodeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/components/CodeBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAe/C,oFAAoF;AACpF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,WAMxE;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;wDAIoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;yDAIqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8MD,eAAO,MAAM,SAAS,2GAAkE,CAAC"}

package/dist/components/CodeBlock.js

@@ -0,0 +1,112 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { useEffect as n, useMemo as r, useState as i, useSyncExternalStore as a } from "react";
+import { Check as o, Copy as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "highlight.js/lib/core";
+//#region src/components/CodeBlock.tsx
+var d = 0, f = /* @__PURE__ */ new Set(), p = (e) => (f.add(e), () => f.delete(e)), m = () => d;
+function h(e, t) {
+	if (u.getLanguage(e)) return !1;
+	u.registerLanguage(e, t), d += 1;
+	for (let e of f) e();
+	return !0;
+}
+var g = ["overflow", "auto"].join("-");
+function _(e) {
+	let t = e.split("\n"), n = [], r = [];
+	for (let e of t) {
+		let t = r.join(""), i = [...r], a = /<(\/?)span([^>]*)>/g, o;
+		for (; (o = a.exec(e)) !== null;) o[1] === "/" ? i.pop() : i.push(`<span${o[2]}>`);
+		let s = "</span>".repeat(i.length);
+		n.push(t + e + s), r = i;
+	}
+	return n;
+}
+function v(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function y(e, t) {
+	if (!t) return e;
+	let n = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), r = new RegExp(n, "gi");
+	return e.split(/(<[^>]*>)/).map((e) => e.startsWith("<") ? e : e.replace(r, "<mark class=\"code-query-match\">$&</mark>")).join("");
+}
+function b({ code: e, language: d, source: f, highlightedLines: b, highlightQuery: x, maxHeight: S = "20rem", fillHeight: C = !1, inline: w = !1, languages: T, className: E }) {
+	let [D, O] = i(!1), k = a(p, m, m);
+	n(() => {
+		if (!d || u.getLanguage(d)) return;
+		let e = T?.[d];
+		e && h(d, e);
+	}, [d, T]);
+	let A = r(() => {
+		let t;
+		if (d && u.getLanguage(d)) try {
+			t = u.highlight(e, { language: d }).value;
+		} catch {
+			t = v(e);
+		}
+		else t = v(e);
+		let n = _(t);
+		return x ? n.map((e) => y(e, x)) : n;
+	}, [
+		e,
+		d,
+		x,
+		k
+	]);
+	return /* @__PURE__ */ l("div", {
+		"data-component": "CodeBlock",
+		className: t("cs-component-code-block-49 ", C && "cs-component-code-block-50 ", E),
+		children: [/* @__PURE__ */ l("div", {
+			className: t("cs-component-code-block-53 ", C && "cs-component-code-block-54"),
+			children: [f ? /* @__PURE__ */ c("span", {
+				className: "cs-component-code-block-55 ",
+				children: f
+			}) : d ? /* @__PURE__ */ c("span", {
+				className: "text-label-upper",
+				children: d
+			}) : /* @__PURE__ */ c("span", {}), /* @__PURE__ */ c("button", {
+				onClick: async () => {
+					try {
+						await navigator.clipboard.writeText(e), O(!0), setTimeout(() => O(!1), 2e3);
+					} catch {}
+				},
+				className: t("cs-component-code-block-57 ", D && "cs-component-code-block-58"),
+				"aria-label": D ? "Copied!" : "Copy code to clipboard",
+				children: c(D ? o : s, { className: "cs-component-code-block-61 " })
+			})]
+		}), /* @__PURE__ */ c("div", {
+			role: "group",
+			tabIndex: 0,
+			"aria-label": "Scrollable code",
+			className: t(C ? t("cs-component-code-block-62", g) : w ? "cs-component-code-block-63" : t("cs-component-code-block-64", g)),
+			style: C || w ? void 0 : { maxHeight: S },
+			children: /* @__PURE__ */ c("pre", {
+				className: "cs-component-code-block-65",
+				children: /* @__PURE__ */ c("code", {
+					"data-language": d,
+					className: t("cs-component-code-block-66 hljs", d && `language-${d}`),
+					children: A.map((e, n) => {
+						let r = n + 1, i = b?.includes(r);
+						return /* @__PURE__ */ l("div", {
+							className: t("cs-component-code-block-67", i && "cs-component-code-block-68"),
+							children: [/* @__PURE__ */ c("span", {
+								className: "cs-component-code-block-69 ",
+								"aria-hidden": "true",
+								children: r
+							}), /* @__PURE__ */ c("span", {
+								className: "cs-component-code-block-71 ",
+								dangerouslySetInnerHTML: { __html: e }
+							})]
+						}, n);
+					})
+				})
+			})
+		})]
+	});
+}
+var x = e(b);
+//#endregion
+export { x as CodeBlock, h as registerCodeLanguage };

package/dist/components/Dropdown.d.ts

@@ -0,0 +1,28 @@
+interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface DropdownProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange" | "options" | "placeholder" | "disabled" | "className" | "id" | "required" | "children"> {
+    value: string;
+    onChange: (value: string) => void;
+    options: DropdownOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    /** Text shown as the sole disabled option when `options` is empty. Default: "No options available." */
+    emptyMessage?: string;
+    /** Optional label rendered above the select. Added v1.3.0. */
+    label?: string;
+    /** id on the underlying <select>. Used as the label's htmlFor. Auto-generated when omitted. Added v1.3.0. */
+    id?: string;
+    /** Required marker on the label. Added v1.3.0. */
+    required?: boolean;
+    /** Grey helper text below the select. Added v1.3.0. */
+    helper?: string;
+    /** Red error message below the select; paints the red border. Added v1.3.0. */
+    error?: string;
+}
+export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAMA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,GAAG,UAAU,GAAG,UAAU,CAAC;IAC/L,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6FD,eAAO,MAAM,QAAQ,0GAAgE,CAAC"}

package/dist/components/Dropdown.js

@@ -0,0 +1,50 @@
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { FormGroup as n } from "./FormGroup.js";
+import { useId as r } from "react";
+import { ChevronDown as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/Dropdown.tsx
+function c({ value: e, onChange: c, options: l, placeholder: u, disabled: d, className: f, emptyMessage: p = "No options available.", label: m, id: h, required: g, helper: _, error: v, "aria-label": y, ...b }) {
+	let x = r(), S = h ?? x, C = l.length === 0, w = !!v, T = /* @__PURE__ */ s("div", {
+		id: `${S}-wrapper`,
+		"data-component": "Dropdown",
+		className: t("cs-component-dropdown-6 ", f),
+		children: [/* @__PURE__ */ o("select", {
+			...b,
+			id: S,
+			value: e,
+			onChange: (e) => c(e.target.value),
+			disabled: d || C,
+			required: g,
+			"aria-invalid": w || void 0,
+			"aria-label": y ?? (m ? void 0 : u ?? "Select option"),
+			"data-testid": C ? "dropdown-empty" : void 0,
+			className: t("cs-component-dropdown-8 ", "cs-component-dropdown-9 ", "cs-component-dropdown-10 ", "cs-component-dropdown-11 ", "cs-component-dropdown-12 ", "cs-component-dropdown-13 ", "cs-component-dropdown-14", w ? "cs-component-dropdown-15 " : "cs-component-dropdown-16 ", d && "cs-component-dropdown-17 "),
+			children: C ? /* @__PURE__ */ o("option", {
+				value: "",
+				disabled: !0,
+				children: p
+			}) : /* @__PURE__ */ s(a, { children: [u && /* @__PURE__ */ o("option", {
+				value: "",
+				disabled: !0,
+				children: u
+			}), l.map((e) => /* @__PURE__ */ o("option", {
+				value: e.value,
+				disabled: e.disabled,
+				children: e.label
+			}, e.value))] })
+		}), /* @__PURE__ */ o(i, { className: "cs-component-dropdown-20 " })]
+	});
+	return !m && !_ && !v ? T : /* @__PURE__ */ o(n, {
+		label: m,
+		htmlFor: S,
+		required: g,
+		helper: _,
+		error: v,
+		children: T
+	});
+}
+var l = e(c);
+//#endregion
+export { l as Dropdown };

package/dist/components/EventLanes.d.ts

@@ -0,0 +1,93 @@
+import { type ReactNode } from "react";
+export type EventShape = "square" | "circle" | "hollow" | "hollow-circle";
+export type EventToken = `--${string}`;
+export interface EventLane {
+    /** Stable lane key referenced by events and spans. */
+    id: string;
+    /** Visible label and accessible lane name. */
+    label: string;
+    /** Optional native tooltip for the visible lane label. */
+    title?: string;
+    /** Optional context included in event option announcements. */
+    description?: string;
+    /** Optional presentation hook for this lane's visible label. */
+    className?: string;
+}
+export interface EventLaneEvent<K extends string = string> {
+    /** Unique, non-negative integer on the shared global axis. */
+    i: number;
+    lane: string;
+    kind: K;
+    shape: EventShape;
+    label: string;
+    at: string;
+    error?: boolean;
+    tick?: boolean;
+    marker?: string;
+    /** Permanent token-coloured ring, painted below linked and selected halos. */
+    halo?: EventToken;
+}
+export interface EventLaneSpan {
+    lane: string;
+    from: number;
+    to: number;
+}
+export interface EventLanesRulerContext {
+    start: 0;
+    end: number;
+    cellWidth: number;
+    width: number;
+    xForIndex: (i: number) => number;
+}
+export interface EventLanesProps<K extends string = string> {
+    lanes: readonly EventLane[];
+    events: readonly EventLaneEvent<K>[];
+    spans?: readonly EventLaneSpan[];
+    palette: Record<K, EventToken>;
+    selected?: number | null;
+    linked?: ReadonlySet<number>;
+    hiddenKinds?: ReadonlySet<K>;
+    emphasis?: ReadonlySet<number>;
+    cellWidth?: number;
+    overview?: "auto" | boolean;
+    ruler?: ReactNode | ((context: EventLanesRulerContext) => ReactNode);
+    /** Sticky label for the ruler row. Default: "Index". */
+    rulerLabel?: string;
+    renderTooltip?: (event: EventLaneEvent<K>) => ReactNode;
+    onSelect?: (event: EventLaneEvent<K>) => void;
+    onHover?: (event: EventLaneEvent<K> | null) => void;
+    "aria-label"?: string;
+    id?: string;
+    className?: string;
+}
+/** The mark's drawn size for a given cell, exported for its budget test (not
+ *  public API — not re-exported from the package index).
+ *
+ *  This is the chart's PRIMARY VISUAL ENCODING: shrink it and the timeline stops
+ *  reading as one, with every other gate still green. It was
+ *  `min(14, cellWidth - 4)` — a fixed inset, which costs a narrow cell far more
+ *  than a wide one: at cellWidth 10 it took 40% of the cell (9px marks became
+ *  6px, a dense barcode became a dotted line) while at 22 it took 18% and went
+ *  unnoticed. A 1px gutter is what neighbouring marks actually need. */
+export declare function markSizeFor(cellWidth: number): number;
+/** The selected halo's outer edge must fit before the first cell and after the
+ * final cell. Reserving its overhang plus one antialiasing pixel keeps every
+ * ordinary cell pitch unchanged while making both boundary rings fully paintable. */
+export declare function axisPaddingFor(cellWidth: number): number;
+/** Overview geometry, exported for its regression test (not part of the public
+ *  API — it is not re-exported from the package index).
+ *
+ *  The invariant: every lane band must lie strictly inside
+ *  [OVERVIEW_CHROME, OVERVIEW_HEIGHT - OVERVIEW_CHROME], the region the
+ *  viewport-window outline never paints. Violating it is invisible in a unit
+ *  test and shows up as whole lanes missing from the overview. */
+export declare function overviewLaneGeometry(laneCount: number): {
+    chromeTop: number;
+    chromeBottom: number;
+    band: number;
+    markHeight: number;
+    markTop: (row: number) => number;
+};
+export declare function drawMark(context: CanvasRenderingContext2D, shape: EventShape, x: number, y: number, size: number, fill: string, background: string): void;
+export declare const EventLanes: import("react").ForwardRefExoticComponent<EventLanesProps<string> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EventLanes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventLanes.d.ts","sourceRoot":"","sources":["../../src/components/EventLanes.tsx"],"names":[],"mappings":"AAEA,OAAO,EAUL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,eAAe,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,KAAK,MAAM,EAAE,CAAC;AAEvC,MAAM,WAAW,SAAS;IACxB,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACvD,8DAA8D;IAC9D,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;IAC5B,MAAM,EAAE,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,sBAAsB,KAAK,SAAS,CAAC,CAAC;IACrE,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD;;;;;;;;wEAQwE;AACxE,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,UAE5C;AAED;;qFAEqF;AACrF,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,UAG/C;AAED;;;;;;kEAMkE;AAClE,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM;;;;;mBAcnC,MAAM;EAGxB;AAsED,wBAAgB,QAAQ,CACtB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,UAAU,EACjB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,QAiBnB;AAoqBD,eAAO,MAAM,UAAU,oHAAoE,CAAC"}