@countermeasure-platform/web-components 0.2.0

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

@@ -0,0 +1,23 @@
+import { MapMarker, MapRegion } from '../../visualization/map/types';
+export type { MapMarker, MapRegion } from '../../visualization/map/types';
+export interface MapProps {
+    center?: {
+        lat: number;
+        lng: number;
+    };
+    zoom?: number;
+    markers?: MapMarker[];
+    regions?: MapRegion[];
+    tileUrl?: string;
+    minZoom?: number;
+    maxZoom?: number;
+    onMarkerClick?: (marker: MapMarker) => void;
+    onRegionClick?: (region: MapRegion) => void;
+    className?: string;
+}
+declare function Map({ center, zoom, markers, regions, tileUrl, minZoom, maxZoom, onMarkerClick, onRegionClick, className, }: MapProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Map {
+    var displayName: string;
+}
+export { Map };
+//# sourceMappingURL=map.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/map.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,+BAA+B,CAAA;AAEpF,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAEzE,MAAM,WAAW,QAAQ;IACvB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,GAAG,CAAC,EACX,MAAM,EACN,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,aAAa,EACb,aAAa,EACb,SAAS,GACV,EAAE,QAAQ,2CAuDV;kBAlEQ,GAAG;;;AAqEZ,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/dist/react/primitives/map.js

@@ -0,0 +1,39 @@
+import { ThreatMap as e } from "../../visualization/map/index.js";
+import { t } from "../../utils-B7XIe3qq.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as r, useRef as i } from "react";
+//#region src/react/primitives/map.tsx
+function a({ center: a, zoom: o, markers: s, regions: c, tileUrl: l, minZoom: u, maxZoom: d, onMarkerClick: f, onRegionClick: p, className: m }) {
+	let h = i(null), g = i(null), _ = i(f);
+	_.current = f;
+	let v = i(p);
+	return v.current = p, r(() => {
+		let t = h.current;
+		if (!t) return;
+		let n = {
+			container: t,
+			onMarkerClick: (e) => _.current?.(e),
+			onRegionClick: (e) => v.current?.(e)
+		};
+		return a !== void 0 && (n.center = a), o !== void 0 && (n.zoom = o), s !== void 0 && (n.markers = s), c !== void 0 && (n.regions = c), l !== void 0 && (n.tileUrl = l), u !== void 0 && (n.minZoom = u), d !== void 0 && (n.maxZoom = d), g.current = new e(n), () => {
+			g.current?.destroy(), g.current = null;
+		};
+	}, [
+		l,
+		u,
+		d
+	]), r(() => {
+		g.current && a && g.current.setCenter(a.lat, a.lng);
+	}, [a]), r(() => {
+		g.current && o !== void 0 && g.current.setZoom(o);
+	}, [o]), /* @__PURE__ */ n("div", {
+		ref: h,
+		"data-slot": "map",
+		className: t("relative h-full w-full overflow-hidden", m)
+	});
+}
+a.displayName = "Map";
+//#endregion
+export { a as Map };
+
+//# sourceMappingURL=map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","names":[],"sources":["../../../src/react/primitives/map.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport { cn } from './utils'\nimport { ThreatMap } from '../../visualization/map'\nimport type { MapMarker, MapRegion, MapConfig } from '../../visualization/map/types'\n\nexport type { MapMarker, MapRegion } from '../../visualization/map/types'\n\nexport interface MapProps {\n  center?: { lat: number; lng: number }\n  zoom?: number\n  markers?: MapMarker[]\n  regions?: MapRegion[]\n  tileUrl?: string\n  minZoom?: number\n  maxZoom?: number\n  onMarkerClick?: (marker: MapMarker) => void\n  onRegionClick?: (region: MapRegion) => void\n  className?: string\n}\n\nfunction Map({\n  center,\n  zoom,\n  markers,\n  regions,\n  tileUrl,\n  minZoom,\n  maxZoom,\n  onMarkerClick,\n  onRegionClick,\n  className,\n}: MapProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const instanceRef = useRef<ThreatMap | null>(null)\n\n  const onMarkerClickRef = useRef(onMarkerClick)\n  onMarkerClickRef.current = onMarkerClick\n  const onRegionClickRef = useRef(onRegionClick)\n  onRegionClickRef.current = onRegionClick\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    const cfg: MapConfig = {\n      container,\n      onMarkerClick: marker => onMarkerClickRef.current?.(marker),\n      onRegionClick: region => onRegionClickRef.current?.(region),\n    }\n    if (center !== undefined) cfg.center = center\n    if (zoom !== undefined) cfg.zoom = zoom\n    if (markers !== undefined) cfg.markers = markers\n    if (regions !== undefined) cfg.regions = regions\n    if (tileUrl !== undefined) cfg.tileUrl = tileUrl\n    if (minZoom !== undefined) cfg.minZoom = minZoom\n    if (maxZoom !== undefined) cfg.maxZoom = maxZoom\n\n    instanceRef.current = new ThreatMap(cfg)\n\n    return () => {\n      instanceRef.current?.destroy()\n      instanceRef.current = null\n    }\n    // Re-create when structural config changes\n  }, [tileUrl, minZoom, maxZoom])\n\n  // Update center and zoom\n  useEffect(() => {\n    if (instanceRef.current && center) {\n      instanceRef.current.setCenter(center.lat, center.lng)\n    }\n  }, [center])\n\n  useEffect(() => {\n    if (instanceRef.current && zoom !== undefined) {\n      instanceRef.current.setZoom(zoom)\n    }\n  }, [zoom])\n\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"map\"\n      className={cn('relative h-full w-full overflow-hidden', className)}\n    />\n  )\n}\nMap.displayName = 'Map'\n\nexport { Map }\n"],"mappings":";;;;;AAqBA,SAAS,EAAI,EACX,WACA,SACA,YACA,YACA,YACA,YACA,YACA,kBACA,kBACA,gBACW;CACX,IAAM,IAAe,EAAuB,KAAK,EAC3C,IAAc,EAAyB,KAAK,EAE5C,IAAmB,EAAO,EAAc;AAC9C,GAAiB,UAAU;CAC3B,IAAM,IAAmB,EAAO,EAAc;AA0C9C,QAzCA,EAAiB,UAAU,GAE3B,QAAgB;EACd,IAAM,IAAY,EAAa;AAC/B,MAAI,CAAC,EAAW;EAEhB,IAAM,IAAiB;GACrB;GACA,gBAAe,MAAU,EAAiB,UAAU,EAAO;GAC3D,gBAAe,MAAU,EAAiB,UAAU,EAAO;GAC5D;AAWD,SAVI,MAAW,KAAA,MAAW,EAAI,SAAS,IACnC,MAAS,KAAA,MAAW,EAAI,OAAO,IAC/B,MAAY,KAAA,MAAW,EAAI,UAAU,IACrC,MAAY,KAAA,MAAW,EAAI,UAAU,IACrC,MAAY,KAAA,MAAW,EAAI,UAAU,IACrC,MAAY,KAAA,MAAW,EAAI,UAAU,IACrC,MAAY,KAAA,MAAW,EAAI,UAAU,IAEzC,EAAY,UAAU,IAAI,EAAU,EAAI,QAE3B;AAEX,GADA,EAAY,SAAS,SAAS,EAC9B,EAAY,UAAU;;IAGvB;EAAC;EAAS;EAAS;EAAQ,CAAC,EAG/B,QAAgB;AACd,EAAI,EAAY,WAAW,KACzB,EAAY,QAAQ,UAAU,EAAO,KAAK,EAAO,IAAI;IAEtD,CAAC,EAAO,CAAC,EAEZ,QAAgB;AACd,EAAI,EAAY,WAAW,MAAS,KAAA,KAClC,EAAY,QAAQ,QAAQ,EAAK;IAElC,CAAC,EAAK,CAAC,EAGR,kBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,WAAW,EAAG,0CAA0C,EAAU;EAClE,CAAA;;AAGN,EAAI,cAAc"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface MarkdownViewerProps extends React.ComponentProps<'div'> {
+    /** Raw markdown string to render */
+    content: string;
+    /** Additional class applied to the prose container */
+    proseClassName?: string;
+}
+declare function MarkdownViewer({ className, content, proseClassName, ...props }: MarkdownViewerProps): import("react/jsx-runtime").JSX.Element;
+export { MarkdownViewer };
+//# sourceMappingURL=markdown-viewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/markdown-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACtE,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AA+MD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA+B5F;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-viewer.js","names":[],"sources":["../../../src/react/primitives/markdown-viewer.tsx"],"sourcesContent":["import * as React from 'react'\nimport DOMPurify from 'dompurify'\n\nimport { cn } from './utils'\nimport { escapeHtml } from '../../utils/sanitize'\n\n/* ------------------------------------------------------------------ */\n/*  MarkdownViewer                                                     */\n/* ------------------------------------------------------------------ */\n\nexport interface MarkdownViewerProps extends React.ComponentProps<'div'> {\n  /** Raw markdown string to render */\n  content: string\n  /** Additional class applied to the prose container */\n  proseClassName?: string\n}\n\n/** Decode HTML entities back for code content */\nfunction decodeHtmlEntities(text: string): string {\n  return text\n    .replace(/&amp;/g, '&')\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>')\n    .replace(/&quot;/g, '\"')\n    .replace(/&#39;/g, \"'\")\n}\n\n/** Escape for display inside pre/code */\nfunction escapeForCodeBlock(text: string): string {\n  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')\n}\n\n/** Escape attribute values */\nfunction escapeAttr(text: string): string {\n  return text.replace(/\"/g, '&quot;').replace(/'/g, '&#39;')\n}\n\n/**\n * Simple GFM markdown to HTML converter.\n * Input should already be HTML-escaped.\n */\nfunction markdownToHtml(escaped: string): string {\n  // Extract code blocks first\n  interface CodeBlock {\n    language: string\n    code: string\n    id: string\n  }\n  const blocks: CodeBlock[] = []\n  const PLACEHOLDER = '\\x00CB'\n  let counter = 0\n\n  let html = escaped.replace(\n    /```(\\w*)\\n([\\s\\S]*?)```/g,\n    (_match: string, lang: string, code: string): string => {\n      counter += 1\n      const id = `md-code-${counter}`\n      const decodedCode = decodeHtmlEntities(code)\n      blocks.push({ language: lang, code: decodedCode, id })\n      return `${PLACEHOLDER}${blocks.length - 1}\\x00`\n    }\n  )\n\n  // Block transformations\n  // Headings\n  html = html.replace(/^(#{1,6})\\s+(.+)$/gm, (_m: string, hashes: string, content: string) => {\n    const level = hashes.length\n    return `<h${level} class=\"md-heading md-h${level}\">${content}</h${level}>`\n  })\n\n  // Horizontal rules\n  html = html.replace(/^(?:---+|\\*\\*\\*+|___+)\\s*$/gm, '<hr class=\"md-hr\">')\n\n  // Blockquotes\n  const lines = html.split('\\n')\n  const bqResult: string[] = []\n  let inBq = false\n  for (const line of lines) {\n    const match = /^&gt;\\s?(.*)$/.exec(line)\n    if (match) {\n      if (!inBq) {\n        bqResult.push('<blockquote class=\"md-blockquote\">')\n        inBq = true\n      }\n      bqResult.push(match[1] ?? '')\n    } else {\n      if (inBq) {\n        bqResult.push('</blockquote>')\n        inBq = false\n      }\n      bqResult.push(line)\n    }\n  }\n  if (inBq) bqResult.push('</blockquote>')\n  html = bqResult.join('\\n')\n\n  // Tables\n  const tLines = html.split('\\n')\n  const tResult: string[] = []\n  let ti = 0\n  const isTableRow = (l: string) => l.trim().includes('|') && !l.trim().startsWith('|--')\n  const isTableSep = (l: string) =>\n    /^\\|?[\\s:]*-{2,}[\\s:]*(\\|[\\s:]*-{2,}[\\s:]*)*\\|?\\s*$/.test(l.trim())\n  const parseRow = (l: string) => {\n    let t = l.trim()\n    if (t.startsWith('|')) t = t.slice(1)\n    if (t.endsWith('|')) t = t.slice(0, -1)\n    return t.split('|')\n  }\n  while (ti < tLines.length) {\n    const line = tLines[ti] ?? ''\n    if (isTableRow(line) && ti + 1 < tLines.length && isTableSep(tLines[ti + 1] ?? '')) {\n      const headerCells = parseRow(line)\n        .map(c => `<th>${c.trim()}</th>`)\n        .join('')\n      ti += 2\n      const bodyRows: string[] = []\n      while (ti < tLines.length && isTableRow(tLines[ti] ?? '')) {\n        const cells = parseRow(tLines[ti] ?? '')\n          .map(c => `<td>${c.trim()}</td>`)\n          .join('')\n        bodyRows.push(`<tr>${cells}</tr>`)\n        ti++\n      }\n      tResult.push(\n        `<table class=\"md-table\"><thead><tr>${headerCells}</tr></thead><tbody>${bodyRows.join('')}</tbody></table>`\n      )\n    } else {\n      tResult.push(line)\n      ti++\n    }\n  }\n  html = tResult.join('\\n')\n\n  // Lists\n  const lLines = html.split('\\n')\n  const lResult: string[] = []\n  let inUl = false\n  let inOl = false\n  for (const line of lLines) {\n    const ulMatch = /^(\\s*)[-*+]\\s+(.+)$/.exec(line)\n    const olMatch = /^(\\s*)\\d+\\.\\s+(.+)$/.exec(line)\n    if (ulMatch) {\n      if (inOl) {\n        lResult.push('</ol>')\n        inOl = false\n      }\n      if (!inUl) {\n        lResult.push('<ul class=\"md-list\">')\n        inUl = true\n      }\n      lResult.push(`<li>${ulMatch[2] ?? ''}</li>`)\n    } else if (olMatch) {\n      if (inUl) {\n        lResult.push('</ul>')\n        inUl = false\n      }\n      if (!inOl) {\n        lResult.push('<ol class=\"md-list\">')\n        inOl = true\n      }\n      lResult.push(`<li>${olMatch[2] ?? ''}</li>`)\n    } else {\n      if (inUl) {\n        lResult.push('</ul>')\n        inUl = false\n      }\n      if (inOl) {\n        lResult.push('</ol>')\n        inOl = false\n      }\n      lResult.push(line)\n    }\n  }\n  if (inUl) lResult.push('</ul>')\n  if (inOl) lResult.push('</ol>')\n  html = lResult.join('\\n')\n\n  // Inline transformations\n  html = html.replace(/~~([^~]+)~~/g, '<del>$1</del>')\n  html = html.replace(/\\*\\*([^*]+)\\*\\*/g, '<strong>$1</strong>')\n  html = html.replace(/\\*([^*]+)\\*/g, '<em>$1</em>')\n  html = html.replace(/`([^`]+)`/g, '<code class=\"md-inline-code\">$1</code>')\n  html = html.replace(\n    /(?<!!)\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" class=\"md-link\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>'\n  )\n  html = html.replace(\n    /!\\[([^\\]]*)\\]\\(([^)]+)\\)/g,\n    '<img src=\"$2\" alt=\"$1\" class=\"md-image\" loading=\"lazy\" />'\n  )\n\n  // Task lists\n  html = html\n    .replace(\n      /<li>\\[x\\]\\s*/gi,\n      '<li class=\"md-task md-task--checked\"><input type=\"checkbox\" checked disabled /> '\n    )\n    .replace(/<li>\\[ \\]\\s*/g, '<li class=\"md-task\"><input type=\"checkbox\" disabled /> ')\n\n  // Line breaks\n  html = html.replace(/\\n/g, '<br>')\n\n  // Restore code blocks\n  html = html.replace(\n    new RegExp(`${PLACEHOLDER}(\\\\d+)\\x00`, 'g'),\n    (_match: string, indexStr: string): string => {\n      const index = Number.parseInt(indexStr, 10)\n      const block = blocks[index]\n      if (!block) return ''\n      const langLabel =\n        block.language.length > 0\n          ? `<span class=\"md-code__lang\">${escapeAttr(block.language)}</span>`\n          : ''\n      const displayCode = escapeForCodeBlock(block.code)\n      return `<div class=\"md-code-block\" id=\"${block.id}\"><div class=\"md-code__header\">${langLabel}</div><pre><code class=\"language-${escapeAttr(block.language)}\">${displayCode}</code></pre></div>`\n    }\n  )\n\n  return html\n}\n\nfunction MarkdownViewer({ className, content, proseClassName, ...props }: MarkdownViewerProps) {\n  const html = React.useMemo(() => {\n    const escaped = escapeHtml(content)\n    return markdownToHtml(escaped)\n  }, [content])\n\n  return (\n    <div\n      data-slot=\"markdown-viewer\"\n      className={cn(\n        'prose prose-sm max-w-none',\n        // Glass morphism typography styles\n        'prose-headings:text-foreground prose-headings:font-semibold',\n        'prose-p:text-foreground-secondary prose-p:leading-relaxed',\n        'prose-a:text-primary prose-a:no-underline hover:prose-a:underline',\n        'prose-strong:text-foreground',\n        'prose-code:rounded prose-code:bg-glass prose-code:px-1.5 prose-code:py-0.5 prose-code:text-accent-cyan prose-code:text-xs prose-code:font-normal prose-code:before:content-none prose-code:after:content-none',\n        'prose-pre:rounded-xl prose-pre:border prose-pre:border-border-glass prose-pre:bg-surface-secondary/50',\n        'prose-blockquote:border-primary/50 prose-blockquote:text-foreground-secondary',\n        'prose-hr:border-border-glass',\n        'prose-img:rounded-xl',\n        'prose-table:text-foreground-secondary',\n        'prose-th:text-foreground prose-th:font-semibold',\n        'prose-td:border-border-glass prose-th:border-border-glass',\n        proseClassName,\n        className\n      )}\n      dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(html) }}\n      {...props}\n    />\n  )\n}\n\nexport { MarkdownViewer }\n"],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import * as React from 'react';
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+//# sourceMappingURL=menubar.d.ts.map

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

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

package/dist/react/primitives/menubar.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../../menubar-DnARRQDT.js";
+export { m as Menubar, l as MenubarCheckboxItem, f as MenubarContent, o as MenubarGroup, e as MenubarItem, u as MenubarLabel, p as MenubarMenu, t as MenubarPortal, s as MenubarRadioGroup, h as MenubarRadioItem, n as MenubarSeparator, r as MenubarShortcut, d as MenubarSub, c as MenubarSubContent, a as MenubarSubTrigger, i as MenubarTrigger };

package/dist/react/primitives/mermaid-diagram.d.ts

@@ -0,0 +1,16 @@
+import { MermaidTheme } from '../../visualization/mermaid-diagram/types';
+export type { MermaidTheme, MermaidDiagramType } from '../../visualization/mermaid-diagram/types';
+export interface MermaidDiagramProps {
+    content: string;
+    theme?: MermaidTheme;
+    onRenderStart?: () => void;
+    onRenderComplete?: (svg: SVGElement) => void;
+    onRenderError?: (error: Error) => void;
+    className?: string;
+}
+declare function MermaidDiagram({ content, theme, onRenderStart, onRenderComplete, onRenderError, className, }: MermaidDiagramProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MermaidDiagram {
+    var displayName: string;
+}
+export { MermaidDiagram };
+//# sourceMappingURL=mermaid-diagram.d.ts.map

package/dist/react/primitives/mermaid-diagram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-diagram.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/mermaid-diagram.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAA;AAE7E,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAA;AAEjG,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAA;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,KAAc,EACd,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAS,GACV,EAAE,mBAAmB,2CAgDrB;kBAvDQ,cAAc;;;AA0DvB,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/react/primitives/mermaid-diagram.js

@@ -0,0 +1,38 @@
+import { MermaidDiagram as e } from "../../visualization/mermaid-diagram/index.js";
+import { t } from "../../utils-B7XIe3qq.js";
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as r, useRef as i, useState as a } from "react";
+//#region src/react/primitives/mermaid-diagram.tsx
+function o({ content: o, theme: s = "auto", onRenderStart: c, onRenderComplete: l, onRenderError: u, className: d }) {
+	let f = i(null), p = i(null), [, m] = a(0), h = i(c);
+	h.current = c;
+	let g = i(l);
+	g.current = l;
+	let _ = i(u);
+	return _.current = u, r(() => {
+		let t = f.current;
+		if (t) return p.current = new e({
+			container: t,
+			content: o,
+			theme: s,
+			onRenderStart: () => h.current?.(),
+			onRenderComplete: (e) => {
+				g.current?.(e), m((e) => e + 1);
+			},
+			onRenderError: (e) => _.current?.(e)
+		}), () => {
+			p.current?.destroy(), p.current = null;
+		};
+	}, [s]), r(() => {
+		p.current && p.current.update(o);
+	}, [o]), /* @__PURE__ */ n("div", {
+		ref: f,
+		"data-slot": "mermaid-diagram",
+		className: t("relative w-full overflow-auto", d)
+	});
+}
+o.displayName = "MermaidDiagram";
+//#endregion
+export { o as MermaidDiagram };
+
+//# sourceMappingURL=mermaid-diagram.js.map

package/dist/react/primitives/mermaid-diagram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-diagram.js","names":[],"sources":["../../../src/react/primitives/mermaid-diagram.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { cn } from './utils'\nimport { MermaidDiagram as MermaidDiagramVanilla } from '../../visualization/mermaid-diagram'\nimport type { MermaidTheme } from '../../visualization/mermaid-diagram/types'\n\nexport type { MermaidTheme, MermaidDiagramType } from '../../visualization/mermaid-diagram/types'\n\nexport interface MermaidDiagramProps {\n  content: string\n  theme?: MermaidTheme\n  onRenderStart?: () => void\n  onRenderComplete?: (svg: SVGElement) => void\n  onRenderError?: (error: Error) => void\n  className?: string\n}\n\nfunction MermaidDiagram({\n  content,\n  theme = 'auto',\n  onRenderStart,\n  onRenderComplete,\n  onRenderError,\n  className,\n}: MermaidDiagramProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const instanceRef = useRef<MermaidDiagramVanilla | null>(null)\n  const [, setRenderKey] = useState(0)\n\n  const onRenderStartRef = useRef(onRenderStart)\n  onRenderStartRef.current = onRenderStart\n  const onRenderCompleteRef = useRef(onRenderComplete)\n  onRenderCompleteRef.current = onRenderComplete\n  const onRenderErrorRef = useRef(onRenderError)\n  onRenderErrorRef.current = onRenderError\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    instanceRef.current = new MermaidDiagramVanilla({\n      container,\n      content,\n      theme,\n      onRenderStart: () => onRenderStartRef.current?.(),\n      onRenderComplete: svg => {\n        onRenderCompleteRef.current?.(svg)\n        setRenderKey(k => k + 1)\n      },\n      onRenderError: err => onRenderErrorRef.current?.(err),\n    })\n\n    return () => {\n      instanceRef.current?.destroy()\n      instanceRef.current = null\n    }\n  }, [theme])\n\n  // Update content\n  useEffect(() => {\n    if (instanceRef.current) {\n      void instanceRef.current.update(content)\n    }\n  }, [content])\n\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"mermaid-diagram\"\n      className={cn('relative w-full overflow-auto', className)}\n    />\n  )\n}\nMermaidDiagram.displayName = 'MermaidDiagram'\n\nexport { MermaidDiagram }\n"],"mappings":";;;;;AAiBA,SAAS,EAAe,EACtB,YACA,WAAQ,QACR,kBACA,qBACA,kBACA,gBACsB;CACtB,IAAM,IAAe,EAAuB,KAAK,EAC3C,IAAc,EAAqC,KAAK,EACxD,GAAG,KAAgB,EAAS,EAAE,EAE9B,IAAmB,EAAO,EAAc;AAC9C,GAAiB,UAAU;CAC3B,IAAM,IAAsB,EAAO,EAAiB;AACpD,GAAoB,UAAU;CAC9B,IAAM,IAAmB,EAAO,EAAc;AAgC9C,QA/BA,EAAiB,UAAU,GAE3B,QAAgB;EACd,IAAM,IAAY,EAAa;AAC1B,QAcL,QAZA,EAAY,UAAU,IAAI,EAAsB;GAC9C;GACA;GACA;GACA,qBAAqB,EAAiB,WAAW;GACjD,mBAAkB,MAAO;AAEvB,IADA,EAAoB,UAAU,EAAI,EAClC,GAAa,MAAK,IAAI,EAAE;;GAE1B,gBAAe,MAAO,EAAiB,UAAU,EAAI;GACtD,CAAC,QAEW;AAEX,GADA,EAAY,SAAS,SAAS,EAC9B,EAAY,UAAU;;IAEvB,CAAC,EAAM,CAAC,EAGX,QAAgB;AACd,EAAI,EAAY,WACT,EAAY,QAAQ,OAAO,EAAQ;IAEzC,CAAC,EAAQ,CAAC,EAGX,kBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,CAAA;;AAGN,EAAe,cAAc"}

package/dist/react/primitives/mitre-matrix.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export type MitreSeverity = 'critical' | 'high' | 'medium' | 'low';
+export interface MitreTechnique {
+    id: string;
+    name: string;
+    tactic: string;
+    detected?: boolean;
+    count?: number;
+    severity?: MitreSeverity;
+}
+declare const techniqueVariants: (props?: ({
+    severity?: "high" | "low" | "critical" | "medium" | null | undefined;
+    detected?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface MitreMatrixProps extends React.ComponentProps<'div'> {
+    techniques: MitreTechnique[];
+    /** Tactic column headers. Defaults to the standard 12 ATT&CK tactics. */
+    tactics?: string[];
+    /** Show detection count badges on technique cells. */
+    showCounts?: boolean;
+    /** Highlight detected techniques with green accent. Defaults to true. */
+    highlightDetected?: boolean;
+    /** Callback when a technique cell is clicked. */
+    onTechniqueClick?: (technique: MitreTechnique) => void;
+}
+declare function MitreMatrix({ className, techniques, tactics, showCounts, highlightDetected, onTechniqueClick, ...props }: MitreMatrixProps): import("react/jsx-runtime").JSX.Element;
+export { MitreMatrix, techniqueVariants };
+//# sourceMappingURL=mitre-matrix.d.ts.map

package/dist/react/primitives/mitre-matrix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mitre-matrix.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/mitre-matrix.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;AAElE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,aAAa,CAAA;CACzB;AAyBD,QAAA,MAAM,iBAAiB;;;8EAmBtB,CAAA;AAkED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAA;CACvD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,UAAU,EACV,OAAqC,EACrC,UAAkB,EAClB,iBAAwB,EACxB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAoDlB;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/react/primitives/mitre-matrix.js

@@ -0,0 +1,125 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../dist-BCCeHAQm.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+//#region src/react/primitives/mitre-matrix.tsx
+var a = [
+	"Initial Access",
+	"Execution",
+	"Persistence",
+	"Privilege Escalation",
+	"Defense Evasion",
+	"Credential Access",
+	"Discovery",
+	"Lateral Movement",
+	"Collection",
+	"Command and Control",
+	"Exfiltration",
+	"Impact"
+], o = t("group relative flex flex-col gap-0.5 rounded-lg border px-2.5 py-2 text-left transition-all duration-200", {
+	variants: {
+		severity: {
+			critical: "border-accent-rose/30 hover:border-accent-rose/50",
+			high: "border-accent-rose/20 hover:border-accent-rose/40",
+			medium: "border-accent-amber/20 hover:border-accent-amber/40",
+			low: "border-accent-cyan/20 hover:border-accent-cyan/40"
+		},
+		detected: {
+			true: "bg-accent-emerald/10 border-accent-emerald/30 hover:bg-accent-emerald/15",
+			false: "bg-glass border-border-glass hover:bg-glass-hover"
+		}
+	},
+	defaultVariants: { detected: !1 }
+});
+function s({ technique: t, showCounts: i = !1, highlightDetected: a = !0, onClick: s }) {
+	let c = a && t.detected === !0;
+	return /* @__PURE__ */ r("div", {
+		className: e(c ? o({ detected: !0 }) : t.severity ? o({
+			severity: t.severity,
+			detected: !1
+		}) : o({ detected: !1 }), s && "cursor-pointer"),
+		title: `${t.id}: ${t.name}`,
+		onClick: s ? () => s(t) : void 0,
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "truncate text-[11px] font-medium leading-tight text-foreground",
+				children: t.name
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between gap-1",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-[10px] font-mono text-foreground-muted",
+					children: t.id
+				}), i && t.count !== void 0 && t.count > 0 && /* @__PURE__ */ n("span", {
+					className: "rounded-full bg-accent-violet/15 px-1.5 py-0.5 text-[9px] font-bold tabular-nums text-accent-violet",
+					children: t.count
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "pointer-events-none absolute left-1/2 top-full z-20 mt-1 hidden w-44 -translate-x-1/2 rounded-lg border border-border-glass bg-surface-secondary/95 p-2 shadow-lg backdrop-blur-xl group-hover:block",
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: "text-[10px] font-mono text-foreground-muted",
+						children: t.id
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "text-xs font-medium text-foreground",
+						children: t.name
+					}),
+					c && /* @__PURE__ */ n("div", {
+						className: "mt-1 text-[10px] font-bold text-accent-emerald",
+						children: "Detected"
+					}),
+					t.count !== void 0 && t.count > 0 && /* @__PURE__ */ r("div", {
+						className: "text-[10px] text-foreground-secondary",
+						children: ["Detections: ", t.count]
+					})
+				]
+			})
+		]
+	});
+}
+function c({ className: t, techniques: o, tactics: c = a, showCounts: l = !1, highlightDetected: u = !0, onTechniqueClick: d, ...f }) {
+	let p = i.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of c) e.set(t, []);
+		for (let t of o) {
+			let n = e.get(t.tactic);
+			n && n.push(t);
+		}
+		return e;
+	}, [c, o]);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "mitre-matrix",
+		role: "grid",
+		"aria-label": "MITRE ATT&CK Matrix",
+		className: e("overflow-x-auto", t),
+		...f,
+		children: /* @__PURE__ */ n("div", {
+			className: "inline-flex min-w-full gap-2",
+			children: c.map((e) => {
+				let t = p.get(e) ?? [];
+				return /* @__PURE__ */ r("div", {
+					role: "gridcell",
+					className: "flex w-36 shrink-0 flex-col gap-1.5",
+					children: [/* @__PURE__ */ n("div", {
+						className: "rounded-lg border border-border-glass bg-surface-secondary px-2.5 py-2 text-center",
+						children: /* @__PURE__ */ n("span", {
+							className: "text-[11px] font-bold uppercase tracking-wider text-foreground-secondary",
+							children: e
+						})
+					}), t.map((e) => /* @__PURE__ */ n(s, {
+						technique: e,
+						showCounts: l,
+						highlightDetected: u,
+						onClick: d
+					}, e.id))]
+				}, e);
+			})
+		})
+	});
+}
+//#endregion
+export { c as MitreMatrix, o as techniqueVariants };
+
+//# sourceMappingURL=mitre-matrix.js.map

package/dist/react/primitives/mitre-matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mitre-matrix.js","names":[],"sources":["../../../src/react/primitives/mitre-matrix.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type MitreSeverity = 'critical' | 'high' | 'medium' | 'low'\n\nexport interface MitreTechnique {\n  id: string\n  name: string\n  tactic: string\n  detected?: boolean\n  count?: number\n  severity?: MitreSeverity\n}\n\n/* ------------------------------------------------------------------ */\n/*  Constants                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DEFAULT_TACTICS: readonly string[] = [\n  'Initial Access',\n  'Execution',\n  'Persistence',\n  'Privilege Escalation',\n  'Defense Evasion',\n  'Credential Access',\n  'Discovery',\n  'Lateral Movement',\n  'Collection',\n  'Command and Control',\n  'Exfiltration',\n  'Impact',\n]\n\n/* ------------------------------------------------------------------ */\n/*  Variants                                                           */\n/* ------------------------------------------------------------------ */\n\nconst techniqueVariants = cva(\n  'group relative flex flex-col gap-0.5 rounded-lg border px-2.5 py-2 text-left transition-all duration-200',\n  {\n    variants: {\n      severity: {\n        critical: 'border-accent-rose/30 hover:border-accent-rose/50',\n        high: 'border-accent-rose/20 hover:border-accent-rose/40',\n        medium: 'border-accent-amber/20 hover:border-accent-amber/40',\n        low: 'border-accent-cyan/20 hover:border-accent-cyan/40',\n      },\n      detected: {\n        true: 'bg-accent-emerald/10 border-accent-emerald/30 hover:bg-accent-emerald/15',\n        false: 'bg-glass border-border-glass hover:bg-glass-hover',\n      },\n    },\n    defaultVariants: {\n      detected: false,\n    },\n  }\n)\n\n/* ------------------------------------------------------------------ */\n/*  TechniqueCell                                                      */\n/* ------------------------------------------------------------------ */\n\ninterface TechniqueCellProps {\n  technique: MitreTechnique\n  showCounts?: boolean\n  highlightDetected?: boolean\n  onClick?: ((technique: MitreTechnique) => void) | undefined\n}\n\nfunction TechniqueCell({\n  technique,\n  showCounts = false,\n  highlightDetected = true,\n  onClick,\n}: TechniqueCellProps) {\n  const detected = highlightDetected && technique.detected === true\n\n  return (\n    <div\n      className={cn(\n        detected\n          ? techniqueVariants({ detected: true })\n          : technique.severity\n            ? techniqueVariants({ severity: technique.severity, detected: false })\n            : techniqueVariants({ detected: false }),\n        onClick && 'cursor-pointer'\n      )}\n      title={`${technique.id}: ${technique.name}`}\n      onClick={onClick ? () => onClick(technique) : undefined}\n    >\n      {/* Name */}\n      <span className=\"truncate text-[11px] font-medium leading-tight text-foreground\">\n        {technique.name}\n      </span>\n\n      {/* ID + optional count */}\n      <div className=\"flex items-center justify-between gap-1\">\n        <span className=\"text-[10px] font-mono text-foreground-muted\">{technique.id}</span>\n        {showCounts && technique.count !== undefined && technique.count > 0 && (\n          <span className=\"rounded-full bg-accent-violet/15 px-1.5 py-0.5 text-[9px] font-bold tabular-nums text-accent-violet\">\n            {technique.count}\n          </span>\n        )}\n      </div>\n\n      {/* Hover tooltip */}\n      <div className=\"pointer-events-none absolute left-1/2 top-full z-20 mt-1 hidden w-44 -translate-x-1/2 rounded-lg border border-border-glass bg-surface-secondary/95 p-2 shadow-lg backdrop-blur-xl group-hover:block\">\n        <div className=\"text-[10px] font-mono text-foreground-muted\">{technique.id}</div>\n        <div className=\"text-xs font-medium text-foreground\">{technique.name}</div>\n        {detected && <div className=\"mt-1 text-[10px] font-bold text-accent-emerald\">Detected</div>}\n        {technique.count !== undefined && technique.count > 0 && (\n          <div className=\"text-[10px] text-foreground-secondary\">Detections: {technique.count}</div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  MitreMatrix                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface MitreMatrixProps extends React.ComponentProps<'div'> {\n  techniques: MitreTechnique[]\n  /** Tactic column headers. Defaults to the standard 12 ATT&CK tactics. */\n  tactics?: string[]\n  /** Show detection count badges on technique cells. */\n  showCounts?: boolean\n  /** Highlight detected techniques with green accent. Defaults to true. */\n  highlightDetected?: boolean\n  /** Callback when a technique cell is clicked. */\n  onTechniqueClick?: (technique: MitreTechnique) => void\n}\n\nfunction MitreMatrix({\n  className,\n  techniques,\n  tactics = DEFAULT_TACTICS as string[],\n  showCounts = false,\n  highlightDetected = true,\n  onTechniqueClick,\n  ...props\n}: MitreMatrixProps) {\n  /* Group techniques by tactic */\n  const tacticMap = React.useMemo(() => {\n    const map = new Map<string, MitreTechnique[]>()\n    for (const tactic of tactics) {\n      map.set(tactic, [])\n    }\n    for (const tech of techniques) {\n      const list = map.get(tech.tactic)\n      if (list) {\n        list.push(tech)\n      }\n    }\n    return map\n  }, [tactics, techniques])\n\n  return (\n    <div\n      data-slot=\"mitre-matrix\"\n      role=\"grid\"\n      aria-label=\"MITRE ATT&CK Matrix\"\n      className={cn('overflow-x-auto', className)}\n      {...props}\n    >\n      <div className=\"inline-flex min-w-full gap-2\">\n        {tactics.map(tactic => {\n          const techs = tacticMap.get(tactic) ?? []\n          return (\n            <div key={tactic} role=\"gridcell\" className=\"flex w-36 shrink-0 flex-col gap-1.5\">\n              {/* Tactic header */}\n              <div className=\"rounded-lg border border-border-glass bg-surface-secondary px-2.5 py-2 text-center\">\n                <span className=\"text-[11px] font-bold uppercase tracking-wider text-foreground-secondary\">\n                  {tactic}\n                </span>\n              </div>\n\n              {/* Technique cells */}\n              {techs.map(tech => (\n                <TechniqueCell\n                  key={tech.id}\n                  technique={tech}\n                  showCounts={showCounts}\n                  highlightDetected={highlightDetected}\n                  onClick={onTechniqueClick}\n                />\n              ))}\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport { MitreMatrix, techniqueVariants }\n"],"mappings":";;;;;AAwBA,IAAM,IAAqC;CACzC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAMK,IAAoB,EACxB,4GACA;CACE,UAAU;EACR,UAAU;GACR,UAAU;GACV,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB,EACf,UAAU,IACX;CACF,CACF;AAaD,SAAS,EAAc,EACrB,cACA,gBAAa,IACb,uBAAoB,IACpB,cACqB;CACrB,IAAM,IAAW,KAAqB,EAAU,aAAa;AAE7D,QACE,kBAAC,OAAD;EACE,WAAW,EACT,IACI,EAAkB,EAAE,UAAU,IAAM,CAAC,GACrC,EAAU,WACR,EAAkB;GAAE,UAAU,EAAU;GAAU,UAAU;GAAO,CAAC,GACpE,EAAkB,EAAE,UAAU,IAAO,CAAC,EAC5C,KAAW,iBACZ;EACD,OAAO,GAAG,EAAU,GAAG,IAAI,EAAU;EACrC,SAAS,UAAgB,EAAQ,EAAU,GAAG,KAAA;YAVhD;GAaE,kBAAC,QAAD;IAAM,WAAU;cACb,EAAU;IACN,CAAA;GAGP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAA+C,EAAU;KAAU,CAAA,EAClF,KAAc,EAAU,UAAU,KAAA,KAAa,EAAU,QAAQ,KAChE,kBAAC,QAAD;KAAM,WAAU;eACb,EAAU;KACN,CAAA,CAEL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAA+C,EAAU;MAAS,CAAA;KACjF,kBAAC,OAAD;MAAK,WAAU;gBAAuC,EAAU;MAAW,CAAA;KAC1E,KAAY,kBAAC,OAAD;MAAK,WAAU;gBAAiD;MAAc,CAAA;KAC1F,EAAU,UAAU,KAAA,KAAa,EAAU,QAAQ,KAClD,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAuD,gBAAa,EAAU,MAAY;;KAExF;;GACF;;;AAoBV,SAAS,EAAY,EACnB,cACA,eACA,aAAU,GACV,gBAAa,IACb,uBAAoB,IACpB,qBACA,GAAG,KACgB;CAEnB,IAAM,IAAY,EAAM,cAAc;EACpC,IAAM,oBAAM,IAAI,KAA+B;AAC/C,OAAK,IAAM,KAAU,EACnB,GAAI,IAAI,GAAQ,EAAE,CAAC;AAErB,OAAK,IAAM,KAAQ,GAAY;GAC7B,IAAM,IAAO,EAAI,IAAI,EAAK,OAAO;AACjC,GAAI,KACF,EAAK,KAAK,EAAK;;AAGnB,SAAO;IACN,CAAC,GAAS,EAAW,CAAC;AAEzB,QACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,cAAW;EACX,WAAW,EAAG,mBAAmB,EAAU;EAC3C,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAI,MAAU;IACrB,IAAM,IAAQ,EAAU,IAAI,EAAO,IAAI,EAAE;AACzC,WACE,kBAAC,OAAD;KAAkB,MAAK;KAAW,WAAU;eAA5C,CAEE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA;MACH,CAAA,EAGL,EAAM,KAAI,MACT,kBAAC,GAAD;MAEE,WAAW;MACC;MACO;MACnB,SAAS;MACT,EALK,EAAK,GAKV,CACF,CACE;OAlBI,EAkBJ;KAER;GACE,CAAA;EACF,CAAA"}

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

@@ -0,0 +1,22 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+export type ModalVariant = 'confirm' | 'form' | 'alert';
+export interface ModalProps extends React.ComponentProps<typeof DialogPrimitive.Root> {
+    children: React.ReactNode;
+}
+export interface ModalContentProps extends React.ComponentProps<typeof DialogPrimitive.Content> {
+    /** Whether to show the close button */
+    showCloseButton?: boolean;
+}
+declare function Modal({ ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function ModalClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function ModalOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function ModalContent({ className, children, showCloseButton, ...props }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ModalTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function ModalDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function ModalBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ModalFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Modal, ModalTrigger, ModalClose, ModalOverlay, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, ModalFooter, };
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AAEvD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IAC7F,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAMD,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtC;AAMD,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEvF;AAMD,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEnF;AAMD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAatD;AAMD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA+BnB;AAMD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAMD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ9F;AAMD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAMD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAEtE;AAMD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,GACZ,CAAA"}

package/dist/react/primitives/modal.js

@@ -0,0 +1,85 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "../../dist-Di-HnAlt.js";
+import { t as l } from "../../x-DCVjAtEF.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/modal.tsx
+function f({ ...e }) {
+	return /* @__PURE__ */ u(a, {
+		"data-slot": "modal",
+		...e
+	});
+}
+function p({ ...e }) {
+	return /* @__PURE__ */ u(n, {
+		"data-slot": "modal-trigger",
+		...e
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ u(c, {
+		"data-slot": "modal-close",
+		...e
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ u(r, {
+		"data-slot": "modal-overlay",
+		className: e("fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", t),
+		...n
+	});
+}
+function g({ className: n, children: r, showCloseButton: a = !0, ...o }) {
+	return /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u(h, {}), /* @__PURE__ */ d(i, {
+		"data-slot": "modal-content",
+		className: e("fixed top-[50%] left-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%]", "grid gap-0 overflow-hidden rounded-xl border border-border-glass shadow-xl", "bg-glass backdrop-blur-xl", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "duration-200 outline-none", n),
+		...o,
+		children: [r, a && /* @__PURE__ */ d(c, {
+			"data-slot": "modal-close",
+			className: "absolute top-4 right-4 rounded-lg p-1 text-foreground-muted opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-primary/50 focus:outline-none",
+			children: [/* @__PURE__ */ u(l, { className: "size-4" }), /* @__PURE__ */ u("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "modal-header",
+		className: e("flex flex-col gap-1.5 border-b border-border-glass px-6 py-4", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ u(s, {
+		"data-slot": "modal-title",
+		className: e("text-lg font-semibold leading-none text-foreground", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ u(o, {
+		"data-slot": "modal-description",
+		className: e("text-sm text-foreground-muted", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "modal-body",
+		className: e("px-6 py-4", t),
+		...n
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "modal-footer",
+		className: e("flex items-center justify-end gap-2 border-t border-border-glass px-6 py-4", t),
+		...n
+	});
+}
+//#endregion
+export { f as Modal, b as ModalBody, m as ModalClose, g as ModalContent, y as ModalDescription, x as ModalFooter, _ as ModalHeader, h as ModalOverlay, v as ModalTitle, p as ModalTrigger };
+
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":[],"sources":["../../../src/react/primitives/modal.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ModalVariant = 'confirm' | 'form' | 'alert'\n\nexport interface ModalProps extends React.ComponentProps<typeof DialogPrimitive.Root> {\n  children: React.ReactNode\n}\n\nexport interface ModalContentProps extends React.ComponentProps<typeof DialogPrimitive.Content> {\n  /** Whether to show the close button */\n  showCloseButton?: boolean\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nfunction Modal({ ...props }: ModalProps) {\n  return <DialogPrimitive.Root data-slot=\"modal\" {...props} />\n}\n\n/* ------------------------------------------------------------------ */\n/* Trigger                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction ModalTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"modal-trigger\" {...props} />\n}\n\n/* ------------------------------------------------------------------ */\n/* Close                                                               */\n/* ------------------------------------------------------------------ */\n\nfunction ModalClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"modal-close\" {...props} />\n}\n\n/* ------------------------------------------------------------------ */\n/* Overlay                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction ModalOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"modal-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/60 backdrop-blur-sm',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Content                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction ModalContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: ModalContentProps) {\n  return (\n    <DialogPrimitive.Portal>\n      <ModalOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"modal-content\"\n        className={cn(\n          'fixed top-[50%] left-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%]',\n          'grid gap-0 overflow-hidden rounded-xl border border-border-glass shadow-xl',\n          'bg-glass backdrop-blur-xl',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          'duration-200 outline-none',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"modal-close\"\n            className=\"absolute top-4 right-4 rounded-lg p-1 text-foreground-muted opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-primary/50 focus:outline-none\"\n          >\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Header                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction ModalHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"modal-header\"\n      className={cn('flex flex-col gap-1.5 border-b border-border-glass px-6 py-4', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Title                                                               */\n/* ------------------------------------------------------------------ */\n\nfunction ModalTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"modal-title\"\n      className={cn('text-lg font-semibold leading-none text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Description                                                         */\n/* ------------------------------------------------------------------ */\n\nfunction ModalDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"modal-description\"\n      className={cn('text-sm text-foreground-muted', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Body                                                                */\n/* ------------------------------------------------------------------ */\n\nfunction ModalBody({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"modal-body\" className={cn('px-6 py-4', className)} {...props} />\n}\n\n/* ------------------------------------------------------------------ */\n/* Footer                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction ModalFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"modal-footer\"\n      className={cn(\n        'flex items-center justify-end gap-2 border-t border-border-glass px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Modal,\n  ModalTrigger,\n  ModalClose,\n  ModalOverlay,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalDescription,\n  ModalBody,\n  ModalFooter,\n}\n"],"mappings":";;;;;;AAyBA,SAAS,EAAM,EAAE,GAAG,KAAqB;AACvC,QAAO,kBAAC,GAAD;EAAsB,aAAU;EAAQ,GAAI;EAAS,CAAA;;AAO9D,SAAS,EAAa,EAAE,GAAG,KAA+D;AACxF,QAAO,kBAAC,GAAD;EAAyB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAOzE,SAAS,EAAW,EAAE,GAAG,KAA6D;AACpF,QAAO,kBAAC,GAAD;EAAuB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAOrE,SAAS,EAAa,EACpB,cACA,GAAG,KACoD;AACvD,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,mDACA,gEACA,8DACA,EACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAa,EACpB,cACA,aACA,qBAAkB,IAClB,GAAG,KACiB;AACpB,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,yFACA,8EACA,6BACA,gEACA,8DACA,gEACA,6BACA,EACD;EACD,GAAI;YAZN,CAcG,GACA,KACC,kBAAC,GAAD;GACE,aAAU;GACV,WAAU;aAFZ,CAIE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC5B,kBAAC,QAAD;IAAM,WAAU;cAAU;IAAY,CAAA,CAChB;KAEF;IACH,EAAA,CAAA;;AAQ7B,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,gEAAgE,EAAU;EACxF,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAW,EAAE,cAAW,GAAG,KAA6D;AAC/F,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,sDAAsD,EAAU;EAC9E,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAiB,EACxB,cACA,GAAG,KACwD;AAC3D,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAU,EAAE,cAAW,GAAG,KAAsC;AACvE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAa,WAAW,EAAG,aAAa,EAAU;EAAE,GAAI;EAAS,CAAA;;AAOzF,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,8EACA,EACD;EACD,GAAI;EACJ,CAAA"}

package/dist/react/primitives/navigation-menu.d.ts

@@ -0,0 +1,13 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import * as React from 'react';
+declare function NavigationMenu({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle = "group inline-flex h-9 w-max items-center justify-center rounded-lg px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-foreground focus:bg-accent focus:text-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 text-foreground-secondary";
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/react/primitives/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAE1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAE3D;AAED,QAAA,MAAM,0BAA0B,2VAC0T,CAAA;AAE1V,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAc9D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAY9D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,2CAe/D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,2CAahE;AAED,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,GAC3B,CAAA"}

package/dist/react/primitives/navigation-menu.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../../navigation-menu-CR-D1doi.js";
+export { c as NavigationMenu, i as NavigationMenuContent, o as NavigationMenuIndicator, n as NavigationMenuItem, e as NavigationMenuLink, a as NavigationMenuList, s as NavigationMenuTrigger, t as NavigationMenuViewport, r as navigationMenuTriggerStyle };

package/dist/react/primitives/network-graph.d.ts

@@ -0,0 +1,20 @@
+import { GraphNode, GraphEdge } from '../../visualization/network-graph/types';
+export type { GraphNode, GraphEdge } from '../../visualization/network-graph/types';
+export interface NetworkGraphProps {
+    nodes: GraphNode[];
+    edges: GraphEdge[];
+    layout?: 'force' | 'circular' | 'grid';
+    zoomable?: boolean;
+    pannable?: boolean;
+    nodeRadius?: number;
+    showLabels?: boolean;
+    onNodeClick?: (node: GraphNode) => void;
+    onEdgeClick?: (edge: GraphEdge) => void;
+    className?: string;
+}
+declare function NetworkGraph({ nodes, edges, layout, zoomable, pannable, nodeRadius, showLabels, onNodeClick, onEdgeClick, className, }: NetworkGraphProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NetworkGraph {
+    var displayName: string;
+}
+export { NetworkGraph };
+//# sourceMappingURL=network-graph.d.ts.map

package/dist/react/primitives/network-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-graph.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/network-graph.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EAEV,MAAM,yCAAyC,CAAA;AAEhD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AAEnF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,KAAK,EACL,MAAgB,EAChB,QAAe,EACf,QAAe,EACf,UAAU,EACV,UAAiB,EACjB,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE,iBAAiB,2CAuDnB;kBAlEQ,YAAY;;;AAqErB,OAAO,EAAE,YAAY,EAAE,CAAA"}