@countermeasure-platform/web-components 0.2.0

package/dist/react/primitives/chart-scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-scatter.js","names":[],"sources":["../../../src/react/primitives/chart-scatter.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\nimport { ScatterChart as ScatterChartImpl } from '../../charts/scatter/index'\nimport type { ScatterChartConfig } from '../../charts/scatter/types'\nimport type { ChartSeries } from '../../charts/types'\n\nexport interface ScatterChartProps extends Omit<ScatterChartConfig, 'container'> {\n  className?: string\n}\n\nfunction ScatterChart({ className, ...config }: ScatterChartProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const chartRef = React.useRef<ScatterChartImpl | null>(null)\n\n  React.useEffect(() => {\n    if (!containerRef.current) return\n    chartRef.current = new ScatterChartImpl({ ...config, container: containerRef.current })\n    return () => {\n      chartRef.current?.destroy()\n      chartRef.current = null\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (chartRef.current && config.series) {\n      chartRef.current.update(config.series)\n    }\n  }, [config.series])\n\n  return <div ref={containerRef} data-slot=\"scatter-chart\" className={cn('w-full', className)} />\n}\n\nexport { ScatterChart }\nexport type { ChartSeries as ScatterChartSeries }\n"],"mappings":";;;;;AAUA,SAAS,EAAa,EAAE,cAAW,GAAG,KAA6B;CACjE,IAAM,IAAe,EAAM,OAAuB,KAAK,EACjD,IAAW,EAAM,OAAgC,KAAK;AAiB5D,QAfA,EAAM,gBAAgB;AACf,QAAa,QAElB,QADA,EAAS,UAAU,IAAI,EAAiB;GAAE,GAAG;GAAQ,WAAW,EAAa;GAAS,CAAC,QAC1E;AAEX,GADA,EAAS,SAAS,SAAS,EAC3B,EAAS,UAAU;;IAEpB,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,EAAI,EAAS,WAAW,EAAO,UAC7B,EAAS,QAAQ,OAAO,EAAO,OAAO;IAEvC,CAAC,EAAO,OAAO,CAAC,EAEZ,kBAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAgB,WAAW,EAAG,UAAU,EAAU;EAAI,CAAA"}

package/dist/react/primitives/chart-sparkline.d.ts

@@ -0,0 +1,7 @@
+import { SparklineChartConfig } from '../../charts/sparkline/types';
+export interface SparklineChartProps extends Omit<SparklineChartConfig, 'container'> {
+    className?: string;
+}
+declare function SparklineChart({ className, ...config }: SparklineChartProps): import("react/jsx-runtime").JSX.Element;
+export { SparklineChart };
+//# sourceMappingURL=chart-sparkline.d.ts.map

package/dist/react/primitives/chart-sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-sparkline.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/chart-sparkline.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAExE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,mBAAmB,2CAoBpE;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/react/primitives/chart-sparkline.js

@@ -0,0 +1,26 @@
+import { SparklineChart as e } from "../../charts/sparkline/index.js";
+import { t } from "../../utils-B7XIe3qq.js";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/react/primitives/chart-sparkline.tsx
+function i({ className: i, ...a }) {
+	let o = r.useRef(null), s = r.useRef(null);
+	return r.useEffect(() => {
+		if (o.current) return s.current = new e({
+			...a,
+			container: o.current
+		}), () => {
+			s.current?.destroy(), s.current = null;
+		};
+	}, []), r.useEffect(() => {
+		s.current && a.data && s.current.update(a.data);
+	}, [a.data]), /* @__PURE__ */ n("div", {
+		ref: o,
+		"data-slot": "sparkline-chart",
+		className: t("w-full", i)
+	});
+}
+//#endregion
+export { i as SparklineChart };
+
+//# sourceMappingURL=chart-sparkline.js.map

package/dist/react/primitives/chart-sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-sparkline.js","names":[],"sources":["../../../src/react/primitives/chart-sparkline.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\nimport { SparklineChart as SparklineChartImpl } from '../../charts/sparkline/index'\nimport type { SparklineChartConfig } from '../../charts/sparkline/types'\n\nexport interface SparklineChartProps extends Omit<SparklineChartConfig, 'container'> {\n  className?: string\n}\n\nfunction SparklineChart({ className, ...config }: SparklineChartProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const chartRef = React.useRef<SparklineChartImpl | null>(null)\n\n  React.useEffect(() => {\n    if (!containerRef.current) return\n    chartRef.current = new SparklineChartImpl({ ...config, container: containerRef.current })\n    return () => {\n      chartRef.current?.destroy()\n      chartRef.current = null\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (chartRef.current && config.data) {\n      chartRef.current.update(config.data)\n    }\n  }, [config.data])\n\n  return <div ref={containerRef} data-slot=\"sparkline-chart\" className={cn('w-full', className)} />\n}\n\nexport { SparklineChart }\n"],"mappings":";;;;;AASA,SAAS,EAAe,EAAE,cAAW,GAAG,KAA+B;CACrE,IAAM,IAAe,EAAM,OAAuB,KAAK,EACjD,IAAW,EAAM,OAAkC,KAAK;AAiB9D,QAfA,EAAM,gBAAgB;AACf,QAAa,QAElB,QADA,EAAS,UAAU,IAAI,EAAmB;GAAE,GAAG;GAAQ,WAAW,EAAa;GAAS,CAAC,QAC5E;AAEX,GADA,EAAS,SAAS,SAAS,EAC3B,EAAS,UAAU;;IAEpB,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,EAAI,EAAS,WAAW,EAAO,QAC7B,EAAS,QAAQ,OAAO,EAAO,KAAK;IAErC,CAAC,EAAO,KAAK,CAAC,EAEV,kBAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAkB,WAAW,EAAG,UAAU,EAAU;EAAI,CAAA"}

package/dist/react/primitives/chart-treemap.d.ts

@@ -0,0 +1,8 @@
+import { TreemapChartConfig, TreemapNode } from '../../charts/treemap/types';
+export interface TreemapChartProps extends Omit<TreemapChartConfig, 'container'> {
+    className?: string;
+}
+declare function TreemapChart({ className, ...config }: TreemapChartProps): import("react/jsx-runtime").JSX.Element;
+export { TreemapChart };
+export type { TreemapNode };
+//# sourceMappingURL=chart-treemap.d.ts.map

package/dist/react/primitives/chart-treemap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-treemap.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/chart-treemap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAEjF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,iBAAiB,2CAoBhE;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/react/primitives/chart-treemap.js

@@ -0,0 +1,26 @@
+import { TreemapChart as e } from "../../charts/treemap/index.js";
+import { t } from "../../utils-B7XIe3qq.js";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/react/primitives/chart-treemap.tsx
+function i({ className: i, ...a }) {
+	let o = r.useRef(null), s = r.useRef(null);
+	return r.useEffect(() => {
+		if (o.current) return s.current = new e({
+			...a,
+			container: o.current
+		}), () => {
+			s.current?.destroy(), s.current = null;
+		};
+	}, []), r.useEffect(() => {
+		s.current && a.data && s.current.update(a.data);
+	}, [a.data]), /* @__PURE__ */ n("div", {
+		ref: o,
+		"data-slot": "treemap-chart",
+		className: t("w-full", i)
+	});
+}
+//#endregion
+export { i as TreemapChart };
+
+//# sourceMappingURL=chart-treemap.js.map

package/dist/react/primitives/chart-treemap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-treemap.js","names":[],"sources":["../../../src/react/primitives/chart-treemap.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\nimport { TreemapChart as TreemapChartImpl } from '../../charts/treemap/index'\nimport type { TreemapChartConfig, TreemapNode } from '../../charts/treemap/types'\n\nexport interface TreemapChartProps extends Omit<TreemapChartConfig, 'container'> {\n  className?: string\n}\n\nfunction TreemapChart({ className, ...config }: TreemapChartProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const chartRef = React.useRef<TreemapChartImpl | null>(null)\n\n  React.useEffect(() => {\n    if (!containerRef.current) return\n    chartRef.current = new TreemapChartImpl({ ...config, container: containerRef.current })\n    return () => {\n      chartRef.current?.destroy()\n      chartRef.current = null\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (chartRef.current && config.data) {\n      chartRef.current.update(config.data)\n    }\n  }, [config.data])\n\n  return <div ref={containerRef} data-slot=\"treemap-chart\" className={cn('w-full', className)} />\n}\n\nexport { TreemapChart }\nexport type { TreemapNode }\n"],"mappings":";;;;;AASA,SAAS,EAAa,EAAE,cAAW,GAAG,KAA6B;CACjE,IAAM,IAAe,EAAM,OAAuB,KAAK,EACjD,IAAW,EAAM,OAAgC,KAAK;AAiB5D,QAfA,EAAM,gBAAgB;AACf,QAAa,QAElB,QADA,EAAS,UAAU,IAAI,EAAiB;GAAE,GAAG;GAAQ,WAAW,EAAa;GAAS,CAAC,QAC1E;AAEX,GADA,EAAS,SAAS,SAAS,EAC3B,EAAS,UAAU;;IAEpB,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,EAAI,EAAS,WAAW,EAAO,QAC7B,EAAS,QAAQ,OAAO,EAAO,KAAK;IAErC,CAAC,EAAO,KAAK,CAAC,EAEV,kBAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAgB,WAAW,EAAG,UAAU,EAAU;EAAI,CAAA"}

package/dist/react/primitives/chart-waterfall.d.ts

@@ -0,0 +1,8 @@
+import { WaterfallChartConfig, WaterfallItem } from '../../charts/waterfall/types';
+export interface WaterfallChartProps extends Omit<WaterfallChartConfig, 'container'> {
+    className?: string;
+}
+declare function WaterfallChart({ className, ...config }: WaterfallChartProps): import("react/jsx-runtime").JSX.Element;
+export { WaterfallChart };
+export type { WaterfallItem };
+//# sourceMappingURL=chart-waterfall.d.ts.map

package/dist/react/primitives/chart-waterfall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-waterfall.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/chart-waterfall.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAEvF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,mBAAmB,2CAoBpE;AAED,OAAO,EAAE,cAAc,EAAE,CAAA;AACzB,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/react/primitives/chart-waterfall.js

@@ -0,0 +1,26 @@
+import { WaterfallChart as e } from "../../charts/waterfall/index.js";
+import { t } from "../../utils-B7XIe3qq.js";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/react/primitives/chart-waterfall.tsx
+function i({ className: i, ...a }) {
+	let o = r.useRef(null), s = r.useRef(null);
+	return r.useEffect(() => {
+		if (o.current) return s.current = new e({
+			...a,
+			container: o.current
+		}), () => {
+			s.current?.destroy(), s.current = null;
+		};
+	}, []), r.useEffect(() => {
+		s.current && a.items && s.current.update(a.items);
+	}, [a.items]), /* @__PURE__ */ n("div", {
+		ref: o,
+		"data-slot": "waterfall-chart",
+		className: t("w-full", i)
+	});
+}
+//#endregion
+export { i as WaterfallChart };
+
+//# sourceMappingURL=chart-waterfall.js.map

package/dist/react/primitives/chart-waterfall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-waterfall.js","names":[],"sources":["../../../src/react/primitives/chart-waterfall.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\nimport { WaterfallChart as WaterfallChartImpl } from '../../charts/waterfall/index'\nimport type { WaterfallChartConfig, WaterfallItem } from '../../charts/waterfall/types'\n\nexport interface WaterfallChartProps extends Omit<WaterfallChartConfig, 'container'> {\n  className?: string\n}\n\nfunction WaterfallChart({ className, ...config }: WaterfallChartProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const chartRef = React.useRef<WaterfallChartImpl | null>(null)\n\n  React.useEffect(() => {\n    if (!containerRef.current) return\n    chartRef.current = new WaterfallChartImpl({ ...config, container: containerRef.current })\n    return () => {\n      chartRef.current?.destroy()\n      chartRef.current = null\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (chartRef.current && config.items) {\n      chartRef.current.update(config.items)\n    }\n  }, [config.items])\n\n  return <div ref={containerRef} data-slot=\"waterfall-chart\" className={cn('w-full', className)} />\n}\n\nexport { WaterfallChart }\nexport type { WaterfallItem }\n"],"mappings":";;;;;AASA,SAAS,EAAe,EAAE,cAAW,GAAG,KAA+B;CACrE,IAAM,IAAe,EAAM,OAAuB,KAAK,EACjD,IAAW,EAAM,OAAkC,KAAK;AAiB9D,QAfA,EAAM,gBAAgB;AACf,QAAa,QAElB,QADA,EAAS,UAAU,IAAI,EAAmB;GAAE,GAAG;GAAQ,WAAW,EAAa;GAAS,CAAC,QAC5E;AAEX,GADA,EAAS,SAAS,SAAS,EAC3B,EAAS,UAAU;;IAEpB,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,EAAI,EAAS,WAAW,EAAO,SAC7B,EAAS,QAAQ,OAAO,EAAO,MAAM;IAEtC,CAAC,EAAO,MAAM,CAAC,EAEX,kBAAC,OAAD;EAAK,KAAK;EAAc,aAAU;EAAkB,WAAW,EAAG,UAAU,EAAU;EAAI,CAAA"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    onCheckedChange?: (checked: boolean) => void;
+    /** Whether the checkbox is in an indeterminate state */
+    indeterminate?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAChF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,QAAQ,wFAqCb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/react/primitives/checkbox.js

@@ -0,0 +1,28 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+//#region src/react/primitives/checkbox.tsx
+var r = n.forwardRef(({ className: r, onCheckedChange: i, onChange: a, indeterminate: o, ...s }, c) => {
+	let l = n.useRef(null);
+	n.useEffect(() => {
+		l.current && (l.current.indeterminate = o ?? !1);
+	}, [o]);
+	let u = (e) => {
+		a?.(e), i?.(e.target.checked);
+	};
+	return /* @__PURE__ */ t("input", {
+		type: "checkbox",
+		className: e("border-border-default h-4 w-4 shrink-0 rounded border", "bg-background-surface text-accent-primary", "focus:ring-accent-primary focus:ring-offset-background-base focus:ring-2 focus:ring-offset-2 focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", "accent-accent-primary cursor-pointer", r),
+		ref: (e) => {
+			l.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+		},
+		"aria-disabled": s.disabled || void 0,
+		onChange: u,
+		...s
+	});
+});
+r.displayName = "Checkbox";
+//#endregion
+export { r as Checkbox };
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/react/primitives/checkbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\n\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  onCheckedChange?: (checked: boolean) => void\n  /** Whether the checkbox is in an indeterminate state */\n  indeterminate?: boolean\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, onCheckedChange, onChange, indeterminate, ...props }, ref) => {\n    const internalRef = React.useRef<HTMLInputElement | null>(null)\n\n    React.useEffect(() => {\n      if (internalRef.current) {\n        internalRef.current.indeterminate = indeterminate ?? false\n      }\n    }, [indeterminate])\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e)\n      onCheckedChange?.(e.target.checked)\n    }\n\n    return (\n      <input\n        type=\"checkbox\"\n        className={cn(\n          'border-border-default h-4 w-4 shrink-0 rounded border',\n          'bg-background-surface text-accent-primary',\n          'focus:ring-accent-primary focus:ring-offset-background-base focus:ring-2 focus:ring-offset-2 focus:outline-none',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          'accent-accent-primary cursor-pointer',\n          className\n        )}\n        ref={(node) => {\n          internalRef.current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) ref.current = node\n        }}\n        aria-disabled={props.disabled || undefined}\n        onChange={handleChange}\n        {...props}\n      />\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }\n"],"mappings":";;;;AASA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,oBAAiB,aAAU,kBAAe,GAAG,KAAS,MAAQ;CAC1E,IAAM,IAAc,EAAM,OAAgC,KAAK;AAE/D,GAAM,gBAAgB;AACpB,EAAI,EAAY,YACd,EAAY,QAAQ,gBAAgB,KAAiB;IAEtD,CAAC,EAAc,CAAC;CAEnB,IAAM,KAAgB,MAA2C;AAE/D,EADA,IAAW,EAAE,EACb,IAAkB,EAAE,OAAO,QAAQ;;AAGrC,QACE,kBAAC,SAAD;EACE,MAAK;EACL,WAAW,EACT,yDACA,6CACA,mHACA,mDACA,wCACA,EACD;EACD,MAAM,MAAS;AAEb,GADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,MAAK,EAAI,UAAU;;EAE9B,iBAAe,EAAM,YAAY,KAAA;EACjC,UAAU;EACV,GAAI;EACJ,CAAA;EAGP;AACD,EAAS,cAAc"}

package/dist/react/primitives/code-block.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface CodeBlockProps extends React.ComponentProps<'div'> {
+    /** The code string to display */
+    code: string;
+    /** Language label (e.g. "json", "sql", "yaml") */
+    language?: string;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Show copy-to-clipboard button (default: true) */
+    showCopyButton?: boolean;
+    /** Maximum height with overflow scroll */
+    maxHeight?: string;
+}
+declare function CodeBlock({ className, code, language, showLineNumbers, showCopyButton, maxHeight, ...props }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export { CodeBlock };
+//# sourceMappingURL=code-block.d.ts.map

package/dist/react/primitives/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,eAAuB,EACvB,cAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,2CAoFhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/react/primitives/code-block.js

@@ -0,0 +1,67 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../check-D2xnnLBE.js";
+import { t as n } from "../../copy-DLbL2paJ.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "react";
+//#region src/react/primitives/code-block.tsx
+function o({ className: o, code: s, language: c, showLineNumbers: l = !1, showCopyButton: u = !0, maxHeight: d, ...f }) {
+	let [p, m] = a.useState(!1), h = a.useRef(null), g = a.useCallback(() => {
+		navigator.clipboard.writeText(s).then(() => {
+			m(!0), h.current !== null && clearTimeout(h.current), h.current = setTimeout(() => {
+				m(!1), h.current = null;
+			}, 2e3);
+		});
+	}, [s]);
+	a.useEffect(() => () => {
+		h.current !== null && clearTimeout(h.current);
+	}, []);
+	let _ = s.split("\n");
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "code-block",
+		className: e("overflow-hidden rounded-xl border border-border-glass bg-surface-secondary/50 backdrop-blur-[20px]", o),
+		...f,
+		children: [(c || u) && /* @__PURE__ */ i("div", {
+			className: "flex items-center justify-between border-b border-border-glass px-4 py-2",
+			children: [/* @__PURE__ */ r("span", {
+				className: "text-xs font-medium text-foreground-muted",
+				children: c ?? ""
+			}), u && /* @__PURE__ */ i("button", {
+				type: "button",
+				"aria-label": "Copy code",
+				onClick: g,
+				className: e("inline-flex items-center gap-1.5 rounded-lg px-2 py-1 text-[11px] font-medium transition-colors", p ? "text-accent-emerald" : "text-foreground-secondary hover:bg-glass-hover hover:text-foreground"),
+				children: [r(p ? t : n, { className: "size-3.5" }), p ? "Copied!" : "Copy"]
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "overflow-x-auto",
+			style: d ? {
+				maxHeight: d,
+				overflowY: "auto"
+			} : void 0,
+			children: /* @__PURE__ */ r("pre", {
+				className: "p-4 text-[13px] leading-relaxed",
+				children: /* @__PURE__ */ r("code", {
+					className: "font-mono text-foreground",
+					children: l ? _.map((e, t) => /* @__PURE__ */ i("span", {
+						className: "table-row",
+						children: [
+							/* @__PURE__ */ r("span", {
+								className: "table-cell select-none pr-4 text-right text-foreground-muted",
+								children: t + 1
+							}),
+							/* @__PURE__ */ r("span", {
+								className: "table-cell",
+								children: e
+							}),
+							"\n"
+						]
+					}, t)) : s
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { o as CodeBlock };
+
+//# sourceMappingURL=code-block.js.map

package/dist/react/primitives/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","names":[],"sources":["../../../src/react/primitives/code-block.tsx"],"sourcesContent":["import * as React from 'react'\nimport { CheckIcon, CopyIcon } from 'lucide-react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  CodeBlock                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface CodeBlockProps extends React.ComponentProps<'div'> {\n  /** The code string to display */\n  code: string\n  /** Language label (e.g. \"json\", \"sql\", \"yaml\") */\n  language?: string\n  /** Show line numbers */\n  showLineNumbers?: boolean\n  /** Show copy-to-clipboard button (default: true) */\n  showCopyButton?: boolean\n  /** Maximum height with overflow scroll */\n  maxHeight?: string\n}\n\nfunction CodeBlock({\n  className,\n  code,\n  language,\n  showLineNumbers = false,\n  showCopyButton = true,\n  maxHeight,\n  ...props\n}: CodeBlockProps) {\n  const [copied, setCopied] = React.useState(false)\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const handleCopy = React.useCallback(() => {\n    void navigator.clipboard.writeText(code).then(() => {\n      setCopied(true)\n\n      if (timeoutRef.current !== null) {\n        clearTimeout(timeoutRef.current)\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        setCopied(false)\n        timeoutRef.current = null\n      }, 2000)\n    })\n  }, [code])\n\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== null) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const lines = code.split('\\n')\n\n  return (\n    <div\n      data-slot=\"code-block\"\n      className={cn(\n        'overflow-hidden rounded-xl border border-border-glass bg-surface-secondary/50 backdrop-blur-[20px]',\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      {(language || showCopyButton) && (\n        <div className=\"flex items-center justify-between border-b border-border-glass px-4 py-2\">\n          <span className=\"text-xs font-medium text-foreground-muted\">{language ?? ''}</span>\n          {showCopyButton && (\n            <button\n              type=\"button\"\n              aria-label=\"Copy code\"\n              onClick={handleCopy}\n              className={cn(\n                'inline-flex items-center gap-1.5 rounded-lg px-2 py-1 text-[11px] font-medium transition-colors',\n                copied\n                  ? 'text-accent-emerald'\n                  : 'text-foreground-secondary hover:bg-glass-hover hover:text-foreground'\n              )}\n            >\n              {copied ? <CheckIcon className=\"size-3.5\" /> : <CopyIcon className=\"size-3.5\" />}\n              {copied ? 'Copied!' : 'Copy'}\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Code content */}\n      <div\n        className=\"overflow-x-auto\"\n        style={maxHeight ? { maxHeight, overflowY: 'auto' } : undefined}\n      >\n        <pre className=\"p-4 text-[13px] leading-relaxed\">\n          <code className=\"font-mono text-foreground\">\n            {showLineNumbers\n              ? lines.map((line, i) => (\n                  <span key={i} className=\"table-row\">\n                    <span className=\"table-cell select-none pr-4 text-right text-foreground-muted\">\n                      {i + 1}\n                    </span>\n                    <span className=\"table-cell\">{line}</span>\n                    {'\\n'}\n                  </span>\n                ))\n              : code}\n          </code>\n        </pre>\n      </div>\n    </div>\n  )\n}\n\nexport { CodeBlock }\n"],"mappings":";;;;;;AAsBA,SAAS,EAAU,EACjB,cACA,SACA,aACA,qBAAkB,IAClB,oBAAiB,IACjB,cACA,GAAG,KACc;CACjB,IAAM,CAAC,GAAQ,KAAa,EAAM,SAAS,GAAM,EAC3C,IAAa,EAAM,OAA6C,KAAK,EAErE,IAAa,EAAM,kBAAkB;AACpC,YAAU,UAAU,UAAU,EAAK,CAAC,WAAW;AAOlD,GANA,EAAU,GAAK,EAEX,EAAW,YAAY,QACzB,aAAa,EAAW,QAAQ,EAGlC,EAAW,UAAU,iBAAiB;AAEpC,IADA,EAAU,GAAM,EAChB,EAAW,UAAU;MACpB,IAAK;IACR;IACD,CAAC,EAAK,CAAC;AAEV,GAAM,sBACS;AACX,EAAI,EAAW,YAAY,QACzB,aAAa,EAAW,QAAQ;IAGnC,EAAE,CAAC;CAEN,IAAM,IAAQ,EAAK,MAAM,KAAK;AAE9B,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sGACA,EACD;EACD,GAAI;YANN,EASI,KAAY,MACZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cAA6C,KAAY;IAAU,CAAA,EAClF,KACC,kBAAC,UAAD;IACE,MAAK;IACL,cAAW;IACX,SAAS;IACT,WAAW,EACT,mGACA,IACI,wBACA,uEACL;cATH,CAWY,EAAT,IAAU,IAAqC,GAAtC,EAAW,WAAU,YAAa,CAAoC,EAC/E,IAAS,YAAY,OACf;MAEP;MAIR,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,IAAY;IAAE;IAAW,WAAW;IAAQ,GAAG,KAAA;aAEtD,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD;KAAM,WAAU;eACb,IACG,EAAM,KAAK,GAAM,MACf,kBAAC,QAAD;MAAc,WAAU;gBAAxB;OACE,kBAAC,QAAD;QAAM,WAAU;kBACb,IAAI;QACA,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAc;QAAY,CAAA;OACzC;OACI;QANI,EAMJ,CACP,GACF;KACC,CAAA;IACH,CAAA;GACF,CAAA,CACF"}

package/dist/react/primitives/code-viewer.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface CodeViewerProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {
+    /** The code string to display */
+    code: string;
+    /** Language for syntax highlighting */
+    language?: string;
+    /** Show line numbers (default: true) */
+    showLineNumbers?: boolean;
+    /** Show copy-to-clipboard button (default: true) */
+    showCopyButton?: boolean;
+    /** Language label shown in header (defaults to language prop) */
+    languageLabel?: string;
+    /** Maximum height with overflow scroll */
+    maxHeight?: string;
+    /** Word wrap long lines */
+    wordWrap?: boolean;
+}
+declare function CodeViewer({ className, code, language, showLineNumbers, showCopyButton, languageLabel, maxHeight, wordWrap, ...props }: CodeViewerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CodeViewer {
+    var displayName: string;
+}
+export { CodeViewer };
+//# sourceMappingURL=code-viewer.d.ts.map

package/dist/react/primitives/code-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/code-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4J9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACpF,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,IAAI,EACJ,QAAa,EACb,eAAsB,EACtB,cAAqB,EACrB,aAAa,EACb,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,2CAuHjB;kBAjIQ,UAAU;;;AAqInB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/react/primitives/code-viewer.js

@@ -0,0 +1,229 @@
+import { A as e, K as t, P as n, bt as r, f as i, ot as a, t as o } from "../../dist-Ltr12WCJ.js";
+import { fluxl as s } from "../../editors/languages/fluxl.js";
+import { yaral as c } from "../../editors/languages/yaral.js";
+import { yara as l } from "../../editors/languages/yara.js";
+import { t as u } from "../../json-CeyVGbpw.js";
+import { t as d } from "../../sql-BdONJBIG.js";
+import { t as f } from "../../yaml-BruA1FUA.js";
+import { a as p, i as m, n as h, o as g, r as _, t as v } from "../../shell-DgHAZOVJ.js";
+import { t as y } from "../../utils-B7XIe3qq.js";
+import { t as b } from "../../check-D2xnnLBE.js";
+import { t as x } from "../../copy-DLbL2paJ.js";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import * as w from "react";
+//#region src/react/primitives/code-viewer.tsx
+var T = o.define([
+	{
+		tag: n.keyword,
+		color: "var(--cmm-editor-keyword, #7c3aed)"
+	},
+	{
+		tag: n.operator,
+		color: "var(--cmm-editor-operator, #0891b2)"
+	},
+	{
+		tag: [n.string, n.special(n.string)],
+		color: "var(--cmm-editor-string, #059669)"
+	},
+	{
+		tag: n.number,
+		color: "var(--cmm-editor-number, #d97706)"
+	},
+	{
+		tag: n.comment,
+		color: "var(--cmm-editor-comment, #6b7280)",
+		fontStyle: "italic"
+	},
+	{
+		tag: n.variableName,
+		color: "var(--cmm-editor-variable, #1e40af)"
+	},
+	{
+		tag: [n.function(n.variableName)],
+		color: "var(--cmm-editor-function, #2563eb)"
+	},
+	{
+		tag: n.typeName,
+		color: "var(--cmm-editor-type, #0891b2)"
+	},
+	{
+		tag: n.propertyName,
+		color: "var(--cmm-editor-property, #7c3aed)"
+	},
+	{
+		tag: n.bool,
+		color: "var(--cmm-editor-atom, #d97706)"
+	},
+	{
+		tag: n.null,
+		color: "var(--cmm-editor-atom, #d97706)"
+	},
+	{
+		tag: n.atom,
+		color: "var(--cmm-editor-atom, #d97706)"
+	},
+	{
+		tag: n.meta,
+		color: "var(--cmm-editor-meta, #6b7280)"
+	},
+	{
+		tag: n.labelName,
+		color: "var(--cmm-editor-label, #2563eb)"
+	},
+	{
+		tag: n.namespace,
+		color: "var(--cmm-editor-namespace, #0891b2)"
+	},
+	{
+		tag: n.regexp,
+		color: "var(--cmm-editor-regexp, #dc2626)"
+	},
+	{
+		tag: n.bracket,
+		color: "var(--cmm-editor-bracket, #6b7280)"
+	},
+	{
+		tag: n.punctuation,
+		color: "var(--cmm-editor-punctuation, #6b7280)"
+	},
+	{
+		tag: n.tagName,
+		color: "var(--cmm-editor-tag, #dc2626)"
+	},
+	{
+		tag: n.attributeName,
+		color: "var(--cmm-editor-attribute, #d97706)"
+	}
+]), E = t.theme({
+	"&": {
+		fontSize: "13px",
+		backgroundColor: "transparent",
+		color: "var(--cmm-text-primary, #e2e8f0)"
+	},
+	"&.cm-focused": { outline: "none" },
+	".cm-content": {
+		padding: "0",
+		caretColor: "transparent",
+		fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace"
+	},
+	".cm-cursor": { display: "none" },
+	".cm-gutters": {
+		backgroundColor: "transparent",
+		color: "var(--cmm-text-muted, #64748b)",
+		borderRight: "1px solid var(--cmm-border, rgba(255,255,255,0.1))",
+		fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace",
+		fontSize: "12px",
+		minWidth: "3em"
+	},
+	".cm-activeLineGutter": { backgroundColor: "transparent" },
+	".cm-activeLine": { backgroundColor: "transparent" },
+	".cm-line": { padding: "0 8px" },
+	".cm-scroller": { overflow: "auto" },
+	"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: "var(--cmm-editor-selection, rgba(59, 130, 246, 0.2))" }
+});
+function D(e) {
+	switch (e.toLowerCase()) {
+		case "fluxl":
+		case "flux-l": return s();
+		case "sql": return d();
+		case "yaral":
+		case "yara-l":
+		case "yara_l": return c();
+		case "yara":
+		case "yara-x": return l();
+		case "json": return u();
+		case "yaml":
+		case "yml": return f();
+		case "python":
+		case "py": return g();
+		case "javascript":
+		case "js":
+		case "jsx": return m();
+		case "typescript":
+		case "ts":
+		case "tsx": return p();
+		case "rust":
+		case "rs": return _();
+		case "markdown":
+		case "md": return h();
+		case "bash":
+		case "sh":
+		case "shell":
+		case "zsh": return v();
+		case "sigma": return f();
+		case "suricata":
+		case "snort": return [];
+		default: return [];
+	}
+}
+function O({ className: n, code: o, language: s = "", showLineNumbers: c = !0, showCopyButton: l = !0, languageLabel: u, maxHeight: d, wordWrap: f = !1, ...p }) {
+	let m = w.useRef(null), h = w.useRef(null), [g, _] = w.useState(!1), v = w.useRef(null);
+	w.useEffect(() => {
+		if (!m.current) return;
+		h.current &&= (h.current.destroy(), null);
+		let n = [
+			r.readOnly.of(!0),
+			t.editable.of(!1),
+			E,
+			e(T),
+			e(i, { fallback: !0 })
+		];
+		c && n.push(a()), f && n.push(t.lineWrapping);
+		let l = D(s);
+		return l && n.push(l), h.current = new t({
+			state: r.create({
+				doc: o,
+				extensions: n
+			}),
+			parent: m.current
+		}), () => {
+			h.current &&= (h.current.destroy(), null);
+		};
+	}, [
+		o,
+		s,
+		c,
+		f
+	]);
+	let O = w.useCallback(() => {
+		navigator.clipboard.writeText(o).then(() => {
+			_(!0), v.current !== null && clearTimeout(v.current), v.current = setTimeout(() => {
+				_(!1), v.current = null;
+			}, 2e3);
+		});
+	}, [o]);
+	w.useEffect(() => () => {
+		v.current !== null && clearTimeout(v.current);
+	}, []);
+	let k = u ?? s ?? "";
+	return /* @__PURE__ */ C("div", {
+		"data-slot": "code-viewer",
+		className: y("overflow-hidden rounded-xl border border-border-glass bg-surface-secondary/50 backdrop-blur-[20px]", n),
+		...p,
+		children: [(k || l) && /* @__PURE__ */ C("div", {
+			className: "flex items-center justify-between border-b border-border-glass px-4 py-2",
+			children: [/* @__PURE__ */ S("span", {
+				className: "text-xs font-medium text-foreground-muted",
+				children: k
+			}), l && /* @__PURE__ */ C("button", {
+				type: "button",
+				"aria-label": "Copy code",
+				onClick: O,
+				className: y("inline-flex items-center gap-1.5 rounded-lg px-2 py-1 text-[11px] font-medium transition-colors", g ? "text-accent-emerald" : "text-foreground-secondary hover:bg-glass-hover hover:text-foreground"),
+				children: [S(g ? b : x, { className: "size-3.5" }), g ? "Copied!" : "Copy"]
+			})]
+		}), /* @__PURE__ */ S("div", {
+			ref: m,
+			className: "code-viewer-cm",
+			style: d ? {
+				maxHeight: d,
+				overflow: "auto"
+			} : void 0
+		})]
+	});
+}
+O.displayName = "CodeViewer";
+//#endregion
+export { O as CodeViewer };
+
+//# sourceMappingURL=code-viewer.js.map

package/dist/react/primitives/code-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-viewer.js","names":[],"sources":["../../../src/react/primitives/code-viewer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { EditorView, lineNumbers as cmLineNumbers } from '@codemirror/view'\nimport { EditorState, type Extension } from '@codemirror/state'\nimport {\n  HighlightStyle,\n  syntaxHighlighting,\n  defaultHighlightStyle,\n} from '@codemirror/language'\nimport { tags as t } from '@lezer/highlight'\nimport { CheckIcon, CopyIcon } from 'lucide-react'\n\nimport { cn } from './utils'\n\n// Language imports\nimport { fluxl } from '../../editors/languages/fluxl'\nimport { yaral } from '../../editors/languages/yaral'\nimport { yara } from '../../editors/languages/yara'\nimport { sql } from '../../editors/languages/sql'\nimport { json } from '../../editors/languages/json'\nimport { yaml } from '../../editors/languages/yaml'\nimport { python } from '../../editors/languages/python'\nimport { javascript, typescript } from '../../editors/languages/javascript'\nimport { rust } from '../../editors/languages/rust'\nimport { markdown } from '../../editors/languages/markdown'\nimport { shellLanguage } from '../../editors/languages/shell'\n\n// ---------------------------------------------------------------------------\n// Theme (mirrors base.ts tfHighlightStyle + editorTheme for read-only view)\n// ---------------------------------------------------------------------------\n\nconst viewerHighlightStyle = HighlightStyle.define([\n  { tag: t.keyword, color: 'var(--cmm-editor-keyword, #7c3aed)' },\n  { tag: t.operator, color: 'var(--cmm-editor-operator, #0891b2)' },\n  { tag: [t.string, t.special(t.string)], color: 'var(--cmm-editor-string, #059669)' },\n  { tag: t.number, color: 'var(--cmm-editor-number, #d97706)' },\n  { tag: t.comment, color: 'var(--cmm-editor-comment, #6b7280)', fontStyle: 'italic' },\n  { tag: t.variableName, color: 'var(--cmm-editor-variable, #1e40af)' },\n  { tag: [t.function(t.variableName)], color: 'var(--cmm-editor-function, #2563eb)' },\n  { tag: t.typeName, color: 'var(--cmm-editor-type, #0891b2)' },\n  { tag: t.propertyName, color: 'var(--cmm-editor-property, #7c3aed)' },\n  { tag: t.bool, color: 'var(--cmm-editor-atom, #d97706)' },\n  { tag: t.null, color: 'var(--cmm-editor-atom, #d97706)' },\n  { tag: t.atom, color: 'var(--cmm-editor-atom, #d97706)' },\n  { tag: t.meta, color: 'var(--cmm-editor-meta, #6b7280)' },\n  { tag: t.labelName, color: 'var(--cmm-editor-label, #2563eb)' },\n  { tag: t.namespace, color: 'var(--cmm-editor-namespace, #0891b2)' },\n  { tag: t.regexp, color: 'var(--cmm-editor-regexp, #dc2626)' },\n  { tag: t.bracket, color: 'var(--cmm-editor-bracket, #6b7280)' },\n  { tag: t.punctuation, color: 'var(--cmm-editor-punctuation, #6b7280)' },\n  { tag: t.tagName, color: 'var(--cmm-editor-tag, #dc2626)' },\n  { tag: t.attributeName, color: 'var(--cmm-editor-attribute, #d97706)' },\n])\n\nconst viewerTheme = EditorView.theme({\n  '&': {\n    fontSize: '13px',\n    backgroundColor: 'transparent',\n    color: 'var(--cmm-text-primary, #e2e8f0)',\n  },\n  '&.cm-focused': {\n    outline: 'none',\n  },\n  '.cm-content': {\n    padding: '0',\n    caretColor: 'transparent',\n    fontFamily: \"'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace\",\n  },\n  '.cm-cursor': {\n    display: 'none',\n  },\n  '.cm-gutters': {\n    backgroundColor: 'transparent',\n    color: 'var(--cmm-text-muted, #64748b)',\n    borderRight: '1px solid var(--cmm-border, rgba(255,255,255,0.1))',\n    fontFamily: \"'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace\",\n    fontSize: '12px',\n    minWidth: '3em',\n  },\n  '.cm-activeLineGutter': {\n    backgroundColor: 'transparent',\n  },\n  '.cm-activeLine': {\n    backgroundColor: 'transparent',\n  },\n  '.cm-line': {\n    padding: '0 8px',\n  },\n  '.cm-scroller': {\n    overflow: 'auto',\n  },\n  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': {\n    backgroundColor: 'var(--cmm-editor-selection, rgba(59, 130, 246, 0.2))',\n  },\n})\n\n// ---------------------------------------------------------------------------\n// Language resolver\n// ---------------------------------------------------------------------------\n\nfunction resolveLanguage(language: string): Extension {\n  switch (language.toLowerCase()) {\n    case 'fluxl':\n    case 'flux-l':\n      return fluxl()\n    case 'sql':\n      return sql()\n    case 'yaral':\n    case 'yara-l':\n    case 'yara_l':\n      return yaral()\n    case 'yara':\n    case 'yara-x':\n      return yara()\n    case 'json':\n      return json()\n    case 'yaml':\n    case 'yml':\n      return yaml()\n    case 'python':\n    case 'py':\n      return python()\n    case 'javascript':\n    case 'js':\n    case 'jsx':\n      return javascript()\n    case 'typescript':\n    case 'ts':\n    case 'tsx':\n      return typescript()\n    case 'rust':\n    case 'rs':\n      return rust()\n    case 'markdown':\n    case 'md':\n      return markdown()\n    case 'bash':\n    case 'sh':\n    case 'shell':\n    case 'zsh':\n      return shellLanguage()\n    case 'sigma':\n      // Sigma rules are YAML-based\n      return yaml()\n    case 'suricata':\n    case 'snort':\n      // No dedicated tokenizer yet — plain text\n      return []\n    default:\n      return []\n  }\n}\n\n// ---------------------------------------------------------------------------\n// CodeViewer component\n// ---------------------------------------------------------------------------\n\nexport interface CodeViewerProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  /** The code string to display */\n  code: string\n  /** Language for syntax highlighting */\n  language?: string\n  /** Show line numbers (default: true) */\n  showLineNumbers?: boolean\n  /** Show copy-to-clipboard button (default: true) */\n  showCopyButton?: boolean\n  /** Language label shown in header (defaults to language prop) */\n  languageLabel?: string\n  /** Maximum height with overflow scroll */\n  maxHeight?: string\n  /** Word wrap long lines */\n  wordWrap?: boolean\n}\n\nfunction CodeViewer({\n  className,\n  code,\n  language = '',\n  showLineNumbers = true,\n  showCopyButton = true,\n  languageLabel,\n  maxHeight,\n  wordWrap = false,\n  ...props\n}: CodeViewerProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const viewRef = React.useRef<EditorView | null>(null)\n  const [copied, setCopied] = React.useState(false)\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  // Create / recreate editor when code or language changes\n  React.useEffect(() => {\n    if (!containerRef.current) return\n\n    // Destroy previous view\n    if (viewRef.current) {\n      viewRef.current.destroy()\n      viewRef.current = null\n    }\n\n    const extensions: Extension[] = [\n      EditorState.readOnly.of(true),\n      EditorView.editable.of(false),\n      viewerTheme,\n      syntaxHighlighting(viewerHighlightStyle),\n      syntaxHighlighting(defaultHighlightStyle, { fallback: true }),\n    ]\n\n    if (showLineNumbers) {\n      extensions.push(cmLineNumbers())\n    }\n\n    if (wordWrap) {\n      extensions.push(EditorView.lineWrapping)\n    }\n\n    const lang = resolveLanguage(language)\n    if (lang) {\n      extensions.push(lang)\n    }\n\n    const state = EditorState.create({\n      doc: code,\n      extensions,\n    })\n\n    viewRef.current = new EditorView({\n      state,\n      parent: containerRef.current,\n    })\n\n    return () => {\n      if (viewRef.current) {\n        viewRef.current.destroy()\n        viewRef.current = null\n      }\n    }\n  }, [code, language, showLineNumbers, wordWrap])\n\n  // Copy handler\n  const handleCopy = React.useCallback(() => {\n    void navigator.clipboard.writeText(code).then(() => {\n      setCopied(true)\n      if (timeoutRef.current !== null) {\n        clearTimeout(timeoutRef.current)\n      }\n      timeoutRef.current = setTimeout(() => {\n        setCopied(false)\n        timeoutRef.current = null\n      }, 2000)\n    })\n  }, [code])\n\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== null) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const displayLabel = languageLabel ?? language ?? ''\n\n  return (\n    <div\n      data-slot=\"code-viewer\"\n      className={cn(\n        'overflow-hidden rounded-xl border border-border-glass bg-surface-secondary/50 backdrop-blur-[20px]',\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      {(displayLabel || showCopyButton) && (\n        <div className=\"flex items-center justify-between border-b border-border-glass px-4 py-2\">\n          <span className=\"text-xs font-medium text-foreground-muted\">{displayLabel}</span>\n          {showCopyButton && (\n            <button\n              type=\"button\"\n              aria-label=\"Copy code\"\n              onClick={handleCopy}\n              className={cn(\n                'inline-flex items-center gap-1.5 rounded-lg px-2 py-1 text-[11px] font-medium transition-colors',\n                copied\n                  ? 'text-accent-emerald'\n                  : 'text-foreground-secondary hover:bg-glass-hover hover:text-foreground'\n              )}\n            >\n              {copied ? <CheckIcon className=\"size-3.5\" /> : <CopyIcon className=\"size-3.5\" />}\n              {copied ? 'Copied!' : 'Copy'}\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* CodeMirror container */}\n      <div\n        ref={containerRef}\n        className=\"code-viewer-cm\"\n        style={maxHeight ? { maxHeight, overflow: 'auto' } : undefined}\n      />\n    </div>\n  )\n}\n\nCodeViewer.displayName = 'CodeViewer'\n\nexport { CodeViewer }\n"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+interface CollapsibleProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+/**
+ * Root collapsible container
+ */
+declare function Collapsible({ children, defaultOpen, open: controlledOpen, onOpenChange, className, }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+interface CollapsibleTriggerProps {
+    children?: ReactNode;
+    className?: string;
+    showIcon?: boolean;
+}
+/**
+ * Button that toggles the collapsible
+ */
+declare function CollapsibleTrigger({ children, className, showIcon }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+interface CollapsibleContentProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Animated content container
+ * Uses CSS grid trick for smooth height animation
+ */
+declare function CollapsibleContent({ children, className }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/collapsible.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAmB3E,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,WAAkB,EAClB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,SAAS,GACV,EAAE,gBAAgB,2CAmBlB;AAED,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;GAEG;AACH,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAe,EAAE,EAAE,uBAAuB,2CAkB5F;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAa3E;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}