@countermeasure-platform/web-components 0.2.0

package/dist/react/primitives/terminal.js

@@ -0,0 +1,138 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/react/primitives/terminal.tsx
+var i = {
+	command: "text-foreground",
+	output: "text-foreground-secondary",
+	error: "text-accent-rose",
+	greeting: "text-accent-cyan"
+};
+function a({ prompt: a = "$ ", greeting: o, onCommand: s, maxHistory: c = 100, maxLines: l = 1e3, fontSize: u = 13, fontFamily: d = "Menlo, Monaco, Consolas, monospace", className: f, ...p }) {
+	let [m, h] = r.useState(() => o ? [{
+		text: o,
+		type: "greeting"
+	}] : []), [g, _] = r.useState(""), [v, y] = r.useState(!1), b = r.useRef([]), x = r.useRef(-1), S = r.useRef(""), C = r.useRef(null), w = r.useRef(null), T = r.useCallback((e, t) => {
+		let n = e.split("\n");
+		h((e) => {
+			let r = [...e, ...n.map((e) => ({
+				text: e,
+				type: t
+			}))];
+			return r.length > l ? r.slice(r.length - l) : r;
+		});
+	}, [l]);
+	r.useEffect(() => {
+		C.current && (C.current.scrollTop = C.current.scrollHeight);
+	}, [m]);
+	let E = r.useCallback(() => {
+		w.current?.focus();
+	}, []), D = r.useCallback(async () => {
+		let e = g.trim();
+		if (_(""), x.current = -1, S.current = "", T(`${a}${e}`, "command"), e.length === 0) return;
+		let t = b.current;
+		if (t[t.length - 1] !== e && (t.push(e), t.length > c && t.shift()), e === "clear") {
+			h([]);
+			return;
+		}
+		if (s) {
+			y(!0);
+			try {
+				let t = await s(e);
+				t.length > 0 && T(t, "output");
+			} catch (e) {
+				T(e instanceof Error ? e.message : String(e), "error");
+			} finally {
+				y(!1), E();
+			}
+		}
+	}, [
+		g,
+		a,
+		s,
+		c,
+		T,
+		E
+	]), O = r.useCallback((e) => {
+		let t = b.current;
+		if (t.length === 0) return;
+		x.current === -1 && e === -1 && (S.current = g, x.current = t.length);
+		let n = x.current + e;
+		if (!(n < 0)) {
+			if (n >= t.length) {
+				x.current = -1, _(S.current);
+				return;
+			}
+			x.current = n, _(t[n] ?? "");
+		}
+	}, [g]), k = r.useCallback((e) => {
+		switch (e.key) {
+			case "Enter":
+				e.preventDefault(), v || D();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), O(-1);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), O(1);
+				break;
+			case "c":
+				e.ctrlKey && (e.preventDefault(), T(`${a}${g}^C`, "command"), _(""), x.current = -1);
+				break;
+			case "l":
+				e.ctrlKey && (e.preventDefault(), h([]));
+				break;
+		}
+	}, [
+		v,
+		D,
+		O,
+		T,
+		a,
+		g
+	]);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "terminal",
+		className: e("bg-glass border-border-glass flex flex-col rounded-lg border backdrop-blur-[20px]", "overflow-hidden", f),
+		style: {
+			fontFamily: d,
+			fontSize: `${u}px`
+		},
+		onClick: E,
+		...p,
+		children: [/* @__PURE__ */ t("div", {
+			ref: C,
+			className: "flex-1 overflow-auto p-3",
+			role: "log",
+			"aria-live": "polite",
+			children: m.map((n, r) => /* @__PURE__ */ t("div", {
+				className: e("whitespace-pre-wrap", i[n.type]),
+				children: n.text
+			}, r))
+		}), /* @__PURE__ */ n("div", {
+			className: "border-border-glass flex items-center border-t px-3 py-2",
+			children: [/* @__PURE__ */ t("span", {
+				className: "text-accent-cyan shrink-0",
+				children: a
+			}), /* @__PURE__ */ t("input", {
+				ref: w,
+				type: "text",
+				className: "text-foreground min-w-0 flex-1 bg-transparent outline-none",
+				value: g,
+				onChange: (e) => _(e.target.value),
+				onKeyDown: k,
+				disabled: v,
+				autoComplete: "off",
+				autoCorrect: "off",
+				autoCapitalize: "off",
+				spellCheck: !1,
+				"aria-label": "Terminal input"
+			})]
+		})]
+	});
+}
+a.displayName = "Terminal";
+//#endregion
+export { a as Terminal };
+
+//# sourceMappingURL=terminal.js.map

package/dist/react/primitives/terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.js","names":[],"sources":["../../../src/react/primitives/terminal.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype LineType = 'command' | 'output' | 'error' | 'greeting'\n\ninterface OutputLine {\n  text: string\n  type: LineType\n}\n\nexport interface TerminalProps extends React.ComponentProps<'div'> {\n  prompt?: string\n  greeting?: string\n  onCommand?: (command: string) => string | Promise<string>\n  maxHistory?: number\n  maxLines?: number\n  fontSize?: number\n  fontFamily?: string\n}\n\n// ---------------------------------------------------------------------------\n// Line type styling\n// ---------------------------------------------------------------------------\n\nconst lineStyles: Record<LineType, string> = {\n  command: 'text-foreground',\n  output: 'text-foreground-secondary',\n  error: 'text-accent-rose',\n  greeting: 'text-accent-cyan',\n}\n\n// ---------------------------------------------------------------------------\n// Terminal\n// ---------------------------------------------------------------------------\n\nfunction Terminal({\n  prompt = '$ ',\n  greeting,\n  onCommand,\n  maxHistory = 100,\n  maxLines = 1000,\n  fontSize = 13,\n  fontFamily = 'Menlo, Monaco, Consolas, monospace',\n  className,\n  ...props\n}: TerminalProps) {\n  const [lines, setLines] = React.useState<OutputLine[]>(() =>\n    greeting ? [{ text: greeting, type: 'greeting' as const }] : []\n  )\n  const [inputValue, setInputValue] = React.useState('')\n  const [processing, setProcessing] = React.useState(false)\n\n  const historyRef = React.useRef<string[]>([])\n  const historyIndexRef = React.useRef(-1)\n  const currentInputRef = React.useRef('')\n  const outputRef = React.useRef<HTMLDivElement>(null)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const addLines = React.useCallback(\n    (text: string, type: LineType) => {\n      const parts = text.split('\\n')\n      setLines(prev => {\n        const next = [...prev, ...parts.map(t => ({ text: t, type }))]\n        return next.length > maxLines ? next.slice(next.length - maxLines) : next\n      })\n    },\n    [maxLines]\n  )\n\n  // Auto-scroll when lines change\n  React.useEffect(() => {\n    if (outputRef.current) {\n      outputRef.current.scrollTop = outputRef.current.scrollHeight\n    }\n  }, [lines])\n\n  const focusInput = React.useCallback(() => {\n    inputRef.current?.focus()\n  }, [])\n\n  const submitCommand = React.useCallback(async () => {\n    const command = inputValue.trim()\n    setInputValue('')\n    historyIndexRef.current = -1\n    currentInputRef.current = ''\n\n    addLines(`${prompt}${command}`, 'command')\n\n    if (command.length === 0) return\n\n    // Push to history\n    const history = historyRef.current\n    if (history[history.length - 1] !== command) {\n      history.push(command)\n      if (history.length > maxHistory) history.shift()\n    }\n\n    // Built-in clear\n    if (command === 'clear') {\n      setLines([])\n      return\n    }\n\n    if (onCommand) {\n      setProcessing(true)\n      try {\n        const result = await onCommand(command)\n        if (result.length > 0) addLines(result, 'output')\n      } catch (err) {\n        const message = err instanceof Error ? err.message : String(err)\n        addLines(message, 'error')\n      } finally {\n        setProcessing(false)\n        focusInput()\n      }\n    }\n  }, [inputValue, prompt, onCommand, maxHistory, addLines, focusInput])\n\n  const navigateHistory = React.useCallback(\n    (direction: number) => {\n      const history = historyRef.current\n      if (history.length === 0) return\n\n      if (historyIndexRef.current === -1 && direction === -1) {\n        currentInputRef.current = inputValue\n        historyIndexRef.current = history.length\n      }\n\n      const newIndex = historyIndexRef.current + direction\n\n      if (newIndex < 0) return\n\n      if (newIndex >= history.length) {\n        historyIndexRef.current = -1\n        setInputValue(currentInputRef.current)\n        return\n      }\n\n      historyIndexRef.current = newIndex\n      setInputValue(history[newIndex] ?? '')\n    },\n    [inputValue]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case 'Enter':\n          e.preventDefault()\n          if (!processing) void submitCommand()\n          break\n        case 'ArrowUp':\n          e.preventDefault()\n          navigateHistory(-1)\n          break\n        case 'ArrowDown':\n          e.preventDefault()\n          navigateHistory(1)\n          break\n        case 'c':\n          if (e.ctrlKey) {\n            e.preventDefault()\n            addLines(`${prompt}${inputValue}^C`, 'command')\n            setInputValue('')\n            historyIndexRef.current = -1\n          }\n          break\n        case 'l':\n          if (e.ctrlKey) {\n            e.preventDefault()\n            setLines([])\n          }\n          break\n      }\n    },\n    [processing, submitCommand, navigateHistory, addLines, prompt, inputValue]\n  )\n\n  return (\n    <div\n      data-slot=\"terminal\"\n      className={cn(\n        'bg-glass border-border-glass flex flex-col rounded-lg border backdrop-blur-[20px]',\n        'overflow-hidden',\n        className\n      )}\n      style={{ fontFamily, fontSize: `${fontSize}px` }}\n      onClick={focusInput}\n      {...props}\n    >\n      {/* Output */}\n      <div ref={outputRef} className=\"flex-1 overflow-auto p-3\" role=\"log\" aria-live=\"polite\">\n        {lines.map((line, i) => (\n          <div key={i} className={cn('whitespace-pre-wrap', lineStyles[line.type])}>\n            {line.text}\n          </div>\n        ))}\n      </div>\n\n      {/* Input line */}\n      <div className=\"border-border-glass flex items-center border-t px-3 py-2\">\n        <span className=\"text-accent-cyan shrink-0\">{prompt}</span>\n        <input\n          ref={inputRef}\n          type=\"text\"\n          className=\"text-foreground min-w-0 flex-1 bg-transparent outline-none\"\n          value={inputValue}\n          onChange={e => setInputValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          disabled={processing}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoCapitalize=\"off\"\n          spellCheck={false}\n          aria-label=\"Terminal input\"\n        />\n      </div>\n    </div>\n  )\n}\nTerminal.displayName = 'Terminal'\n\nexport { Terminal }\n"],"mappings":"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"}

package/dist/react/primitives/textarea.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/react/primitives/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/react/primitives/textarea.js

@@ -0,0 +1,15 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/textarea.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("textarea", {
+		"data-slot": "textarea",
+		className: e("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", n),
+		...r
+	});
+}
+//#endregion
+export { n as Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/react/primitives/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/react/primitives/textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;AAIA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA2C;AAC3E,QACE,kBAAC,YAAD;EACE,aAAU;EACV,WAAW,EACT,ucACA,EACD;EACD,GAAI;EACJ,CAAA"}

package/dist/react/primitives/timeline.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface TimelineEvent {
+    id: string;
+    timestamp: Date | string;
+    title: string;
+    description?: string;
+    icon?: string;
+    color?: string;
+    metadata?: Record<string, string>;
+}
+export interface TimelineProps extends React.ComponentProps<'div'> {
+    events: TimelineEvent[];
+    orientation?: 'vertical' | 'horizontal';
+    showTimestamps?: boolean;
+    dateFormat?: (date: Date) => string;
+    onEventClick?: (event: TimelineEvent) => void;
+    groupByDate?: boolean;
+}
+interface TimelineItemProps {
+    event: TimelineEvent;
+    showTimestamps: boolean;
+    dateFormat: (date: Date) => string;
+    onEventClick?: ((event: TimelineEvent) => void) | undefined;
+}
+declare function TimelineItem({ event, showTimestamps, dateFormat, onEventClick }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
+declare function Timeline({ events, orientation, showTimestamps, dateFormat, onEventClick, groupByDate, className, ...props }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Timeline {
+    var displayName: string;
+}
+export { Timeline, TimelineItem };
+//# sourceMappingURL=timeline.d.ts.map

package/dist/react/primitives/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAwCD,UAAU,iBAAiB;IACzB,KAAK,EAAE,aAAa,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IAClC,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAC5D;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CAqD3F;AAwJD,iBAAS,QAAQ,CAAC,EAChB,MAAM,EACN,WAAwB,EACxB,cAAqB,EACrB,UAA8B,EAC9B,YAAY,EACZ,WAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CA0Bf;kBAnCQ,QAAQ;;;AAsCjB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA"}

package/dist/react/primitives/timeline.js

@@ -0,0 +1,188 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+//#region src/react/primitives/timeline.tsx
+function a(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function o(e) {
+	return e.toLocaleString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function s(e) {
+	return e.toLocaleDateString(void 0, {
+		weekday: "long",
+		month: "long",
+		day: "numeric",
+		year: "numeric"
+	});
+}
+function c(e) {
+	return `${String(e.getFullYear())}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function l({ event: t, showTimestamps: i, dateFormat: o, onEventClick: s }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("bg-glass border-border-glass cursor-pointer rounded-lg border p-3 backdrop-blur-[20px] transition-all", "hover:border-border-glass/80 hover:shadow-sm"),
+		onClick: () => s?.(t),
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s?.(t));
+		},
+		tabIndex: 0,
+		role: "button",
+		"aria-label": t.title,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "text-foreground flex items-center gap-1.5 text-sm font-medium",
+				children: [t.icon && /* @__PURE__ */ n("span", {
+					className: "text-foreground-secondary",
+					"aria-hidden": "true",
+					children: t.icon
+				}), t.title]
+			}),
+			t.description && /* @__PURE__ */ n("div", {
+				className: "text-foreground-secondary mt-1 text-xs",
+				children: t.description
+			}),
+			i && /* @__PURE__ */ n("div", {
+				className: "text-foreground-secondary mt-1.5 text-[11px]",
+				children: o(a(t.timestamp))
+			}),
+			t.metadata && /* @__PURE__ */ n("div", {
+				className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
+				children: Object.entries(t.metadata).map(([e, t]) => /* @__PURE__ */ r("span", {
+					className: "text-[11px]",
+					children: [
+						/* @__PURE__ */ r("span", {
+							className: "text-foreground-secondary",
+							children: [e, ":"]
+						}),
+						" ",
+						/* @__PURE__ */ n("span", {
+							className: "text-foreground",
+							children: t
+						})
+					]
+				}, e))
+			})
+		]
+	});
+}
+function u({ sorted: e, showTimestamps: o, dateFormat: u, groupByDate: d, onEventClick: f }) {
+	if (d) {
+		let d = /* @__PURE__ */ new Map(), p = [];
+		for (let t of e) {
+			let e = c(a(t.timestamp)), n = d.get(e);
+			n ? n.push(t) : (d.set(e, [t]), p.push(e));
+		}
+		return /* @__PURE__ */ n(t, { children: p.map((e) => {
+			let t = d.get(e), c = t[0];
+			return /* @__PURE__ */ r(i.Fragment, { children: [/* @__PURE__ */ n("div", {
+				className: "relative z-10 py-2",
+				children: /* @__PURE__ */ n("span", {
+					className: "bg-surface-secondary text-foreground-secondary rounded-full px-3 py-1 text-xs font-medium",
+					children: s(a(c.timestamp))
+				})
+			}), t.map((e) => /* @__PURE__ */ r("div", {
+				className: "relative flex gap-4 pb-6",
+				"data-event-id": e.id,
+				children: [/* @__PURE__ */ r("div", {
+					className: "relative flex flex-col items-center",
+					children: [/* @__PURE__ */ n("div", {
+						className: "z-10 mt-1.5 size-3 shrink-0 rounded-full border-2 border-white/20",
+						style: { background: e.color ?? "var(--color-accent-cyan, #06b6d4)" },
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ n("div", {
+						className: "bg-border-glass w-px flex-1",
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ n("div", {
+					className: "min-w-0 flex-1 pb-1",
+					children: /* @__PURE__ */ n(l, {
+						event: e,
+						showTimestamps: o,
+						dateFormat: u,
+						onEventClick: f
+					})
+				})]
+			}, e.id))] }, e);
+		}) });
+	}
+	return /* @__PURE__ */ n(t, { children: e.map((e) => /* @__PURE__ */ r("div", {
+		className: "relative flex gap-4 pb-6",
+		"data-event-id": e.id,
+		children: [/* @__PURE__ */ r("div", {
+			className: "relative flex flex-col items-center",
+			children: [/* @__PURE__ */ n("div", {
+				className: "z-10 mt-1.5 size-3 shrink-0 rounded-full border-2 border-white/20",
+				style: { background: e.color ?? "var(--color-accent-cyan, #06b6d4)" },
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ n("div", {
+				className: "bg-border-glass w-px flex-1",
+				"aria-hidden": "true"
+			})]
+		}), /* @__PURE__ */ n("div", {
+			className: "min-w-0 flex-1 pb-1",
+			children: /* @__PURE__ */ n(l, {
+				event: e,
+				showTimestamps: o,
+				dateFormat: u,
+				onEventClick: f
+			})
+		})]
+	}, e.id)) });
+}
+function d({ sorted: e, showTimestamps: t, dateFormat: i, onEventClick: a }) {
+	return /* @__PURE__ */ r("div", {
+		className: "relative flex items-start gap-6 overflow-x-auto pb-4",
+		children: [/* @__PURE__ */ n("div", {
+			className: "bg-border-glass absolute left-0 right-0 top-1.5 h-px",
+			"aria-hidden": "true"
+		}), e.map((e) => /* @__PURE__ */ r("div", {
+			className: "relative flex shrink-0 flex-col items-center",
+			"data-event-id": e.id,
+			children: [/* @__PURE__ */ n("div", {
+				className: "z-10 size-3 shrink-0 rounded-full border-2 border-white/20",
+				style: { background: e.color ?? "var(--color-accent-cyan, #06b6d4)" },
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ n("div", {
+				className: "mt-3 w-48",
+				children: /* @__PURE__ */ n(l, {
+					event: e,
+					showTimestamps: t,
+					dateFormat: i,
+					onEventClick: a
+				})
+			})]
+		}, e.id))]
+	});
+}
+function f({ events: t, orientation: r = "vertical", showTimestamps: s = !0, dateFormat: c = o, onEventClick: l, groupByDate: f = !1, className: p, ...m }) {
+	let h = i.useMemo(() => [...t].sort((e, t) => a(e.timestamp).getTime() - a(t.timestamp).getTime()), [t]);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "timeline",
+		className: e("relative", p),
+		...m,
+		children: r === "horizontal" ? /* @__PURE__ */ n(d, {
+			sorted: h,
+			showTimestamps: s,
+			dateFormat: c,
+			onEventClick: l
+		}) : /* @__PURE__ */ n(u, {
+			sorted: h,
+			showTimestamps: s,
+			dateFormat: c,
+			groupByDate: f,
+			onEventClick: l
+		})
+	});
+}
+f.displayName = "Timeline";
+//#endregion
+export { f as Timeline, l as TimelineItem };
+
+//# sourceMappingURL=timeline.js.map

package/dist/react/primitives/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","names":[],"sources":["../../../src/react/primitives/timeline.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface TimelineEvent {\n  id: string\n  timestamp: Date | string\n  title: string\n  description?: string\n  icon?: string\n  color?: string\n  metadata?: Record<string, string>\n}\n\nexport interface TimelineProps extends React.ComponentProps<'div'> {\n  events: TimelineEvent[]\n  orientation?: 'vertical' | 'horizontal'\n  showTimestamps?: boolean\n  dateFormat?: (date: Date) => string\n  onEventClick?: (event: TimelineEvent) => void\n  groupByDate?: boolean\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(val: Date | string): Date {\n  return val instanceof Date ? val : new Date(val)\n}\n\nfunction defaultDateFormat(date: Date): string {\n  return date.toLocaleString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  })\n}\n\nfunction defaultGroupDateFormat(date: Date): string {\n  return date.toLocaleDateString(undefined, {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  })\n}\n\nfunction dateKey(date: Date): string {\n  const y = String(date.getFullYear())\n  const m = String(date.getMonth() + 1).padStart(2, '0')\n  const d = String(date.getDate()).padStart(2, '0')\n  return `${y}-${m}-${d}`\n}\n\n// ---------------------------------------------------------------------------\n// TimelineItem\n// ---------------------------------------------------------------------------\n\ninterface TimelineItemProps {\n  event: TimelineEvent\n  showTimestamps: boolean\n  dateFormat: (date: Date) => string\n  onEventClick?: ((event: TimelineEvent) => void) | undefined\n}\n\nfunction TimelineItem({ event, showTimestamps, dateFormat, onEventClick }: TimelineItemProps) {\n  return (\n    <div\n      className={cn(\n        'bg-glass border-border-glass cursor-pointer rounded-lg border p-3 backdrop-blur-[20px] transition-all',\n        'hover:border-border-glass/80 hover:shadow-sm'\n      )}\n      onClick={() => onEventClick?.(event)}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault()\n          onEventClick?.(event)\n        }\n      }}\n      tabIndex={0}\n      role=\"button\"\n      aria-label={event.title}\n    >\n      {/* Title */}\n      <div className=\"text-foreground flex items-center gap-1.5 text-sm font-medium\">\n        {event.icon && (\n          <span className=\"text-foreground-secondary\" aria-hidden=\"true\">\n            {event.icon}\n          </span>\n        )}\n        {event.title}\n      </div>\n\n      {/* Description */}\n      {event.description && (\n        <div className=\"text-foreground-secondary mt-1 text-xs\">{event.description}</div>\n      )}\n\n      {/* Timestamp */}\n      {showTimestamps && (\n        <div className=\"text-foreground-secondary mt-1.5 text-[11px]\">\n          {dateFormat(toDate(event.timestamp))}\n        </div>\n      )}\n\n      {/* Metadata */}\n      {event.metadata && (\n        <div className=\"mt-2 flex flex-wrap gap-x-3 gap-y-1\">\n          {Object.entries(event.metadata).map(([key, value]) => (\n            <span key={key} className=\"text-[11px]\">\n              <span className=\"text-foreground-secondary\">{key}:</span>{' '}\n              <span className=\"text-foreground\">{value}</span>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Timeline (vertical)\n// ---------------------------------------------------------------------------\n\nfunction VerticalTimeline({\n  sorted,\n  showTimestamps,\n  dateFormat,\n  groupByDate,\n  onEventClick,\n}: {\n  sorted: TimelineEvent[]\n  showTimestamps: boolean\n  dateFormat: (date: Date) => string\n  groupByDate: boolean\n  onEventClick?: ((event: TimelineEvent) => void) | undefined\n}) {\n  if (groupByDate) {\n    const groups = new Map<string, TimelineEvent[]>()\n    const groupOrder: string[] = []\n    for (const evt of sorted) {\n      const key = dateKey(toDate(evt.timestamp))\n      const existing = groups.get(key)\n      if (existing) {\n        existing.push(evt)\n      } else {\n        groups.set(key, [evt])\n        groupOrder.push(key)\n      }\n    }\n\n    return (\n      <>\n        {groupOrder.map(key => {\n          const groupEvents = groups.get(key)!\n          const firstEvent = groupEvents[0]!\n          return (\n            <React.Fragment key={key}>\n              <div className=\"relative z-10 py-2\">\n                <span className=\"bg-surface-secondary text-foreground-secondary rounded-full px-3 py-1 text-xs font-medium\">\n                  {defaultGroupDateFormat(toDate(firstEvent.timestamp))}\n                </span>\n              </div>\n              {groupEvents.map(evt => (\n                <div key={evt.id} className=\"relative flex gap-4 pb-6\" data-event-id={evt.id}>\n                  {/* Dot */}\n                  <div className=\"relative flex flex-col items-center\">\n                    <div\n                      className=\"z-10 mt-1.5 size-3 shrink-0 rounded-full border-2 border-white/20\"\n                      style={{ background: evt.color ?? 'var(--color-accent-cyan, #06b6d4)' }}\n                      aria-hidden=\"true\"\n                    />\n                    <div className=\"bg-border-glass w-px flex-1\" aria-hidden=\"true\" />\n                  </div>\n                  {/* Content */}\n                  <div className=\"min-w-0 flex-1 pb-1\">\n                    <TimelineItem\n                      event={evt}\n                      showTimestamps={showTimestamps}\n                      dateFormat={dateFormat}\n                      onEventClick={onEventClick}\n                    />\n                  </div>\n                </div>\n              ))}\n            </React.Fragment>\n          )\n        })}\n      </>\n    )\n  }\n\n  return (\n    <>\n      {sorted.map(evt => (\n        <div key={evt.id} className=\"relative flex gap-4 pb-6\" data-event-id={evt.id}>\n          {/* Dot */}\n          <div className=\"relative flex flex-col items-center\">\n            <div\n              className=\"z-10 mt-1.5 size-3 shrink-0 rounded-full border-2 border-white/20\"\n              style={{ background: evt.color ?? 'var(--color-accent-cyan, #06b6d4)' }}\n              aria-hidden=\"true\"\n            />\n            <div className=\"bg-border-glass w-px flex-1\" aria-hidden=\"true\" />\n          </div>\n          {/* Content */}\n          <div className=\"min-w-0 flex-1 pb-1\">\n            <TimelineItem\n              event={evt}\n              showTimestamps={showTimestamps}\n              dateFormat={dateFormat}\n              onEventClick={onEventClick}\n            />\n          </div>\n        </div>\n      ))}\n    </>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Timeline (horizontal)\n// ---------------------------------------------------------------------------\n\nfunction HorizontalTimeline({\n  sorted,\n  showTimestamps,\n  dateFormat,\n  onEventClick,\n}: {\n  sorted: TimelineEvent[]\n  showTimestamps: boolean\n  dateFormat: (date: Date) => string\n  onEventClick?: ((event: TimelineEvent) => void) | undefined\n}) {\n  return (\n    <div className=\"relative flex items-start gap-6 overflow-x-auto pb-4\">\n      {/* Horizontal line */}\n      <div className=\"bg-border-glass absolute left-0 right-0 top-1.5 h-px\" aria-hidden=\"true\" />\n      {sorted.map(evt => (\n        <div\n          key={evt.id}\n          className=\"relative flex shrink-0 flex-col items-center\"\n          data-event-id={evt.id}\n        >\n          {/* Dot */}\n          <div\n            className=\"z-10 size-3 shrink-0 rounded-full border-2 border-white/20\"\n            style={{ background: evt.color ?? 'var(--color-accent-cyan, #06b6d4)' }}\n            aria-hidden=\"true\"\n          />\n          {/* Content */}\n          <div className=\"mt-3 w-48\">\n            <TimelineItem\n              event={evt}\n              showTimestamps={showTimestamps}\n              dateFormat={dateFormat}\n              onEventClick={onEventClick}\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Timeline\n// ---------------------------------------------------------------------------\n\nfunction Timeline({\n  events,\n  orientation = 'vertical',\n  showTimestamps = true,\n  dateFormat = defaultDateFormat,\n  onEventClick,\n  groupByDate = false,\n  className,\n  ...props\n}: TimelineProps) {\n  const sorted = React.useMemo(\n    () => [...events].sort((a, b) => toDate(a.timestamp).getTime() - toDate(b.timestamp).getTime()),\n    [events]\n  )\n\n  return (\n    <div data-slot=\"timeline\" className={cn('relative', className)} {...props}>\n      {orientation === 'horizontal' ? (\n        <HorizontalTimeline\n          sorted={sorted}\n          showTimestamps={showTimestamps}\n          dateFormat={dateFormat}\n          onEventClick={onEventClick}\n        />\n      ) : (\n        <VerticalTimeline\n          sorted={sorted}\n          showTimestamps={showTimestamps}\n          dateFormat={dateFormat}\n          groupByDate={groupByDate}\n          onEventClick={onEventClick}\n        />\n      )}\n    </div>\n  )\n}\nTimeline.displayName = 'Timeline'\n\nexport { Timeline, TimelineItem }\n"],"mappings":"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"}

package/dist/react/primitives/toast.d.ts

@@ -0,0 +1,49 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+export type ToastLevel = 'success' | 'error' | 'warning' | 'info';
+export type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface ToastData {
+    id: string;
+    level: ToastLevel;
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+    duration?: number;
+    persistent?: boolean;
+}
+declare const toastVariants: (props?: ({
+    level?: "error" | "warning" | "info" | "success" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface ToastContextValue {
+    toasts: ToastData[];
+    toast: (data: Omit<ToastData, 'id'>) => string;
+    success: (title: string, description?: string) => string;
+    error: (title: string, description?: string) => string;
+    warning: (title: string, description?: string) => string;
+    info: (title: string, description?: string) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+}
+declare function useToast(): ToastContextValue;
+interface ToastProviderProps {
+    children: React.ReactNode;
+    /** Position of the toast viewport */
+    position?: ToastPosition;
+    /** Maximum number of visible toasts */
+    maxVisible?: number;
+    /** Default auto-dismiss duration in ms */
+    defaultDuration?: number;
+}
+declare function ToastProvider({ children, position, maxVisible, defaultDuration, }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function Toast({ data, onDismiss, defaultDuration, }: {
+    data: ToastData;
+    onDismiss: () => void;
+    defaultDuration: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ToastDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ToastAction({ className, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+declare function ToastClose({ className, onClick, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+export { ToastProvider, Toast, ToastTitle, ToastDescription, ToastAction, ToastClose, useToast, toastVariants, };
+export type { ToastData as ToastProps, VariantProps };
+//# sourceMappingURL=toast.d.ts.map

package/dist/react/primitives/toast.d.ts.map

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

package/dist/react/primitives/toast.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../toast-Li-x6JyI.js";
+export { s as Toast, r as ToastAction, a as ToastClose, n as ToastDescription, e as ToastProvider, i as ToastTitle, o as toastVariants, t as useToast };

package/dist/react/primitives/toggle.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+declare const toggleVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/react/primitives/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EA2BnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQzF;AAOD,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAgB9F;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAkB9F;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA"}

package/dist/react/primitives/toggle.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "../../toggle-Cg5AEgfp.js";
+export { r as Toggle, t as ToggleGroup, n as ToggleGroupItem, e as toggleVariants };

package/dist/react/primitives/tooltip.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Tooltip Component
+ *
+ * Radix-based tooltip for showing contextual information on hover.
+ * Follows the glass morphism design system.
+ */
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipArrow({ className, ...props }: React.ComponentProps<typeof TooltipPrimitive.Arrow>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipArrow };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/react/primitives/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,eAAe,CAAC,EACvB,aAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAExD;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEhF;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE1F;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAqBvD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAIrD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/react/primitives/tooltip.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, r, t as i } from "../../tooltip-BvkBQJvL.js";
+export { i as Tooltip, n as TooltipArrow, r as TooltipContent, t as TooltipProvider, e as TooltipTrigger };

package/dist/react/primitives/tree-view.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+export interface TreeNode {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    type?: string;
+    children?: TreeNode[];
+    /** Whether the node can be expanded (defaults to true if children exist) */
+    expandable?: boolean;
+    expanded?: boolean;
+    /** Async loader for lazy children */
+    lazyLoad?: () => Promise<TreeNode[]>;
+    /** Arbitrary user data */
+    data?: unknown;
+}
+export interface TreeViewProps extends Omit<React.ComponentProps<'div'>, 'onSelect' | 'onDoubleClick'> {
+    /** Tree data */
+    data: TreeNode[];
+    /** Callback when a node is selected */
+    onSelect?: (node: TreeNode) => void;
+    /** Callback when a node is double-clicked */
+    onDoubleClick?: (node: TreeNode) => void;
+    /** Callback when a node is expanded */
+    onExpand?: (node: TreeNode) => void;
+    /** The id of the selected node (controlled) */
+    selectedId?: string | null;
+    /** Default expanded node ids */
+    defaultExpandedIds?: string[];
+    /** Whether to show a search/filter input */
+    searchable?: boolean;
+    /** Custom class for items */
+    itemClassName?: string;
+}
+declare function TreeView({ className, data, onSelect, onDoubleClick, onExpand, selectedId: controlledSelectedId, defaultExpandedIds, searchable, itemClassName, ...props }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
+interface TreeItemProps {
+    node: TreeNode;
+    depth: number;
+    expanded: Set<string>;
+    selectedId: string | null;
+    onToggle: (node: TreeNode) => void;
+    onSelect: (node: TreeNode) => void;
+    onDoubleClick?: ((node: TreeNode) => void) | undefined;
+    matchesFilter: (node: TreeNode, query: string) => boolean;
+    filterQuery: string;
+    loadingNodes: Set<string>;
+    lazyChildren: Map<string, TreeNode[]>;
+    itemClassName?: string | undefined;
+}
+declare function TreeItem({ node, depth, expanded, selectedId, onToggle, onSelect, onDoubleClick, matchesFilter, filterQuery, loadingNodes, lazyChildren, itemClassName, }: TreeItemProps): import("react/jsx-runtime").JSX.Element;
+export { TreeView, TreeItem };
+//# sourceMappingURL=tree-view.d.ts.map

package/dist/react/primitives/tree-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/tree-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;IACpC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,GAAG,eAAe,CAC7B;IACC,gBAAgB;IAChB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnC,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACnC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,gCAAgC;IAChC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAMD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,UAAU,EAAE,oBAAoB,EAChC,kBAAkB,EAClB,UAAkB,EAClB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,aAAa,2CAiHf;AAMD,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACtD,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAA;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,EAAE,aAAa,2CA+Ff;AAED,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA"}