@countermeasure-platform/web-components 0.2.0

package/dist/react/primitives/tree-view.js

@@ -0,0 +1,121 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../chevron-right-Cz5qRdmA.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+//#region src/react/primitives/tree-view.tsx
+function a({ className: t, data: a, onSelect: s, onDoubleClick: c, onExpand: l, selectedId: u, defaultExpandedIds: d, searchable: f = !1, itemClassName: p, ...m }) {
+	let [h, g] = i.useState(() => new Set(d ?? [])), [_, v] = i.useState(null), y = u === void 0 ? _ : u, [b, x] = i.useState(""), [S, C] = i.useState(/* @__PURE__ */ new Set()), [w, T] = i.useState(/* @__PURE__ */ new Map()), E = i.useCallback((e) => {
+		h.has(e.id) ? g((t) => {
+			let n = new Set(t);
+			return n.delete(e.id), n;
+		}) : e.lazyLoad !== void 0 && (e.children === void 0 || e.children.length === 0) && !w.has(e.id) && !S.has(e.id) ? (C((t) => new Set(t).add(e.id)), e.lazyLoad().then((t) => {
+			T((n) => new Map(n).set(e.id, t)), g((t) => new Set(t).add(e.id)), l?.(e);
+		}).finally(() => {
+			C((t) => {
+				let n = new Set(t);
+				return n.delete(e.id), n;
+			});
+		})) : (g((t) => new Set(t).add(e.id)), l?.(e));
+	}, [
+		h,
+		l,
+		w
+	]), D = i.useCallback((e) => {
+		u === void 0 && v(e.id), s?.(e);
+	}, [u, s]), O = i.useCallback((e, t) => t === "" || e.label.toLowerCase().includes(t) ? !0 : e.children === void 0 ? !1 : e.children.some((e) => O(e, t)), []), k = b.toLowerCase();
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "tree-view",
+		className: e("flex flex-col gap-1", t),
+		...m,
+		children: [f && /* @__PURE__ */ n("div", {
+			className: "px-1 pb-1",
+			children: /* @__PURE__ */ n("input", {
+				type: "text",
+				placeholder: "Filter...",
+				value: b,
+				onChange: (e) => {
+					x(e.target.value);
+				},
+				"aria-label": "Filter tree items",
+				className: "h-8 w-full rounded-lg border border-border-glass bg-glass px-3 text-xs text-foreground placeholder:text-foreground-muted backdrop-blur-[20px] outline-none focus:border-primary focus:ring-1 focus:ring-primary/20"
+			})
+		}), /* @__PURE__ */ n("div", {
+			role: "tree",
+			"aria-label": "Tree navigation",
+			className: "flex flex-col",
+			children: a.map((e) => O(e, k) ? /* @__PURE__ */ n(o, {
+				node: e,
+				depth: 0,
+				expanded: h,
+				selectedId: y,
+				onToggle: E,
+				onSelect: D,
+				onDoubleClick: c,
+				matchesFilter: O,
+				filterQuery: k,
+				loadingNodes: S,
+				lazyChildren: w,
+				itemClassName: p
+			}, e.id) : null)
+		})]
+	});
+}
+function o({ node: i, depth: a, expanded: s, selectedId: c, onToggle: l, onSelect: u, onDoubleClick: d, matchesFilter: f, filterQuery: p, loadingNodes: m, lazyChildren: h, itemClassName: g }) {
+	let _ = h.get(i.id) ?? i.children, v = _ !== void 0 && _.length > 0 || i.lazyLoad !== void 0, y = i.expandable !== !1 && v, b = s.has(i.id), x = c === i.id, S = m.has(i.id);
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "tree-item",
+		"data-node-id": i.id,
+		children: [/* @__PURE__ */ r("div", {
+			role: "treeitem",
+			"aria-expanded": y ? b : void 0,
+			"aria-selected": x,
+			"aria-level": a + 1,
+			tabIndex: x ? 0 : -1,
+			className: e("flex items-center gap-1 rounded-lg px-2 py-1 text-sm cursor-pointer select-none transition-colors", "text-foreground hover:bg-glass-hover", x && "bg-primary/10 text-primary", g),
+			style: { paddingLeft: `${String(a * 16 + 8)}px` },
+			onClick: () => {
+				u(i), y && l(i);
+			},
+			onDoubleClick: () => {
+				d?.(i);
+			},
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(i)), e.key === "ArrowRight" && y && !b && (e.preventDefault(), l(i)), e.key === "ArrowLeft" && y && b && (e.preventDefault(), l(i));
+			},
+			children: [
+				/* @__PURE__ */ n("span", {
+					className: "flex size-4 shrink-0 items-center justify-center",
+					children: y ? S ? /* @__PURE__ */ n("span", { className: "size-3 animate-spin rounded-full border-2 border-foreground-muted border-t-transparent" }) : /* @__PURE__ */ n(t, { className: e("size-3.5 text-foreground-muted transition-transform duration-200", b && "rotate-90") }) : null
+				}),
+				i.icon !== void 0 && /* @__PURE__ */ n("span", {
+					className: "shrink-0",
+					children: i.icon
+				}),
+				/* @__PURE__ */ n("span", {
+					className: "truncate",
+					children: i.label
+				})
+			]
+		}), b && _ !== void 0 && _.length > 0 && /* @__PURE__ */ n("div", {
+			role: "group",
+			children: _.map((e) => f(e, p) ? /* @__PURE__ */ n(o, {
+				node: e,
+				depth: a + 1,
+				expanded: s,
+				selectedId: c,
+				onToggle: l,
+				onSelect: u,
+				onDoubleClick: d,
+				matchesFilter: f,
+				filterQuery: p,
+				loadingNodes: m,
+				lazyChildren: h,
+				itemClassName: g
+			}, e.id) : null)
+		})]
+	});
+}
+//#endregion
+export { o as TreeItem, a as TreeView };
+
+//# sourceMappingURL=tree-view.js.map

package/dist/react/primitives/tree-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.js","names":[],"sources":["../../../src/react/primitives/tree-view.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronRightIcon } from 'lucide-react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TreeNode {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  type?: string\n  children?: TreeNode[]\n  /** Whether the node can be expanded (defaults to true if children exist) */\n  expandable?: boolean\n  expanded?: boolean\n  /** Async loader for lazy children */\n  lazyLoad?: () => Promise<TreeNode[]>\n  /** Arbitrary user data */\n  data?: unknown\n}\n\nexport interface TreeViewProps extends Omit<\n  React.ComponentProps<'div'>,\n  'onSelect' | 'onDoubleClick'\n> {\n  /** Tree data */\n  data: TreeNode[]\n  /** Callback when a node is selected */\n  onSelect?: (node: TreeNode) => void\n  /** Callback when a node is double-clicked */\n  onDoubleClick?: (node: TreeNode) => void\n  /** Callback when a node is expanded */\n  onExpand?: (node: TreeNode) => void\n  /** The id of the selected node (controlled) */\n  selectedId?: string | null\n  /** Default expanded node ids */\n  defaultExpandedIds?: string[]\n  /** Whether to show a search/filter input */\n  searchable?: boolean\n  /** Custom class for items */\n  itemClassName?: string\n}\n\n/* ------------------------------------------------------------------ */\n/* TreeView                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction TreeView({\n  className,\n  data,\n  onSelect,\n  onDoubleClick,\n  onExpand,\n  selectedId: controlledSelectedId,\n  defaultExpandedIds,\n  searchable = false,\n  itemClassName,\n  ...props\n}: TreeViewProps) {\n  const [expanded, setExpanded] = React.useState<Set<string>>(\n    () => new Set(defaultExpandedIds ?? [])\n  )\n  const [internalSelectedId, setInternalSelectedId] = React.useState<string | null>(null)\n  const selectedId = controlledSelectedId !== undefined ? controlledSelectedId : internalSelectedId\n\n  const [filterQuery, setFilterQuery] = React.useState('')\n  const [loadingNodes, setLoadingNodes] = React.useState<Set<string>>(new Set())\n  const [lazyChildren, setLazyChildren] = React.useState<Map<string, TreeNode[]>>(new Map())\n\n  const toggleExpand = React.useCallback(\n    (node: TreeNode) => {\n      const isNodeExpanded = expanded.has(node.id)\n\n      if (isNodeExpanded) {\n        setExpanded(prev => {\n          const next = new Set(prev)\n          next.delete(node.id)\n          return next\n        })\n      } else {\n        // Lazy load children if needed (guard against duplicate in-flight requests)\n        if (\n          node.lazyLoad !== undefined &&\n          (node.children === undefined || node.children.length === 0) &&\n          !lazyChildren.has(node.id) &&\n          !loadingNodes.has(node.id)\n        ) {\n          setLoadingNodes(prev => new Set(prev).add(node.id))\n          void node\n            .lazyLoad()\n            .then(children => {\n              setLazyChildren(prev => new Map(prev).set(node.id, children))\n              setExpanded(prev => new Set(prev).add(node.id))\n              onExpand?.(node)\n            })\n            .finally(() => {\n              setLoadingNodes(prev => {\n                const next = new Set(prev)\n                next.delete(node.id)\n                return next\n              })\n            })\n        } else {\n          setExpanded(prev => new Set(prev).add(node.id))\n          onExpand?.(node)\n        }\n      }\n    },\n    [expanded, onExpand, lazyChildren]\n  )\n\n  const handleSelect = React.useCallback(\n    (node: TreeNode) => {\n      if (controlledSelectedId === undefined) setInternalSelectedId(node.id)\n      onSelect?.(node)\n    },\n    [controlledSelectedId, onSelect]\n  )\n\n  // Filter matcher\n  const matchesFilter = React.useCallback((node: TreeNode, q: string): boolean => {\n    if (q === '') return true\n    if (node.label.toLowerCase().includes(q)) return true\n    if (node.children !== undefined) {\n      return node.children.some(child => matchesFilter(child, q))\n    }\n    return false\n  }, [])\n\n  const query = filterQuery.toLowerCase()\n\n  return (\n    <div data-slot=\"tree-view\" className={cn('flex flex-col gap-1', className)} {...props}>\n      {searchable && (\n        <div className=\"px-1 pb-1\">\n          <input\n            type=\"text\"\n            placeholder=\"Filter...\"\n            value={filterQuery}\n            onChange={e => {\n              setFilterQuery(e.target.value)\n            }}\n            aria-label=\"Filter tree items\"\n            className=\"h-8 w-full rounded-lg border border-border-glass bg-glass px-3 text-xs text-foreground placeholder:text-foreground-muted backdrop-blur-[20px] outline-none focus:border-primary focus:ring-1 focus:ring-primary/20\"\n          />\n        </div>\n      )}\n\n      <div role=\"tree\" aria-label=\"Tree navigation\" className=\"flex flex-col\">\n        {data.map(node =>\n          matchesFilter(node, query) ? (\n            <TreeItem\n              key={node.id}\n              node={node}\n              depth={0}\n              expanded={expanded}\n              selectedId={selectedId}\n              onToggle={toggleExpand}\n              onSelect={handleSelect}\n              onDoubleClick={onDoubleClick}\n              matchesFilter={matchesFilter}\n              filterQuery={query}\n              loadingNodes={loadingNodes}\n              lazyChildren={lazyChildren}\n              itemClassName={itemClassName}\n            />\n          ) : null\n        )}\n      </div>\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* TreeItem (recursive internal)                                       */\n/* ------------------------------------------------------------------ */\n\ninterface TreeItemProps {\n  node: TreeNode\n  depth: number\n  expanded: Set<string>\n  selectedId: string | null\n  onToggle: (node: TreeNode) => void\n  onSelect: (node: TreeNode) => void\n  onDoubleClick?: ((node: TreeNode) => void) | undefined\n  matchesFilter: (node: TreeNode, query: string) => boolean\n  filterQuery: string\n  loadingNodes: Set<string>\n  lazyChildren: Map<string, TreeNode[]>\n  itemClassName?: string | undefined\n}\n\nfunction TreeItem({\n  node,\n  depth,\n  expanded,\n  selectedId,\n  onToggle,\n  onSelect,\n  onDoubleClick,\n  matchesFilter,\n  filterQuery,\n  loadingNodes,\n  lazyChildren,\n  itemClassName,\n}: TreeItemProps) {\n  const resolvedChildren = lazyChildren.get(node.id) ?? node.children\n  const hasChildren =\n    (resolvedChildren !== undefined && resolvedChildren.length > 0) || node.lazyLoad !== undefined\n  const isExpandable = node.expandable !== false && hasChildren\n  const isExpanded = expanded.has(node.id)\n  const isSelected = selectedId === node.id\n  const isLoading = loadingNodes.has(node.id)\n\n  return (\n    <div data-slot=\"tree-item\" data-node-id={node.id}>\n      <div\n        role=\"treeitem\"\n        aria-expanded={isExpandable ? isExpanded : undefined}\n        aria-selected={isSelected}\n        aria-level={depth + 1}\n        tabIndex={isSelected ? 0 : -1}\n        className={cn(\n          'flex items-center gap-1 rounded-lg px-2 py-1 text-sm cursor-pointer select-none transition-colors',\n          'text-foreground hover:bg-glass-hover',\n          isSelected && 'bg-primary/10 text-primary',\n          itemClassName\n        )}\n        style={{ paddingLeft: `${String(depth * 16 + 8)}px` }}\n        onClick={() => {\n          onSelect(node)\n          if (isExpandable) onToggle(node)\n        }}\n        onDoubleClick={() => {\n          onDoubleClick?.(node)\n        }}\n        onKeyDown={e => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            onSelect(node)\n          }\n          if (e.key === 'ArrowRight' && isExpandable && !isExpanded) {\n            e.preventDefault()\n            onToggle(node)\n          }\n          if (e.key === 'ArrowLeft' && isExpandable && isExpanded) {\n            e.preventDefault()\n            onToggle(node)\n          }\n        }}\n      >\n        {/* Expand/collapse chevron */}\n        <span className=\"flex size-4 shrink-0 items-center justify-center\">\n          {isExpandable ? (\n            isLoading ? (\n              <span className=\"size-3 animate-spin rounded-full border-2 border-foreground-muted border-t-transparent\" />\n            ) : (\n              <ChevronRightIcon\n                className={cn(\n                  'size-3.5 text-foreground-muted transition-transform duration-200',\n                  isExpanded && 'rotate-90'\n                )}\n              />\n            )\n          ) : null}\n        </span>\n\n        {/* Icon */}\n        {node.icon !== undefined && <span className=\"shrink-0\">{node.icon}</span>}\n\n        {/* Label */}\n        <span className=\"truncate\">{node.label}</span>\n      </div>\n\n      {/* Children */}\n      {isExpanded && resolvedChildren !== undefined && resolvedChildren.length > 0 && (\n        <div role=\"group\">\n          {resolvedChildren.map(child =>\n            matchesFilter(child, filterQuery) ? (\n              <TreeItem\n                key={child.id}\n                node={child}\n                depth={depth + 1}\n                expanded={expanded}\n                selectedId={selectedId}\n                onToggle={onToggle}\n                onSelect={onSelect}\n                onDoubleClick={onDoubleClick}\n                matchesFilter={matchesFilter}\n                filterQuery={filterQuery}\n                loadingNodes={loadingNodes}\n                lazyChildren={lazyChildren}\n                itemClassName={itemClassName}\n              />\n            ) : null\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { TreeView, TreeItem }\n"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare function H1({ className, ...props }: React.ComponentProps<'h1'>): import("react/jsx-runtime").JSX.Element;
+declare function H2({ className, ...props }: React.ComponentProps<'h2'>): import("react/jsx-runtime").JSX.Element;
+declare function H3({ className, ...props }: React.ComponentProps<'h3'>): import("react/jsx-runtime").JSX.Element;
+declare function H4({ className, ...props }: React.ComponentProps<'h4'>): import("react/jsx-runtime").JSX.Element;
+declare function P({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function Lead({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function Large({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function Small({ className, ...props }: React.ComponentProps<'small'>): import("react/jsx-runtime").JSX.Element;
+declare function Muted({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function InlineCode({ className, ...props }: React.ComponentProps<'code'>): import("react/jsx-runtime").JSX.Element;
+declare function Blockquote({ className, ...props }: React.ComponentProps<'blockquote'>): import("react/jsx-runtime").JSX.Element;
+export { H1, H2, H3, H4, P, Lead, Large, Small, Muted, InlineCode, Blockquote };
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,iBAAS,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW9D;AAMD,iBAAS,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW9D;AAMD,iBAAS,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ9D;AAMD,iBAAS,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ9D;AAMD,iBAAS,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ5D;AAMD,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQ/D;AAMD,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQlE;AAMD,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQpE;AAMD,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAQhE;AAMD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAWxE;AAMD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,2CAW9E;AAED,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA"}

package/dist/react/primitives/typography.js

@@ -0,0 +1,85 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/typography.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("h1", {
+		"data-slot": "typography-h1",
+		className: e("scroll-m-20 text-4xl font-bold tracking-tight text-foreground lg:text-5xl", n),
+		...r
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("h2", {
+		"data-slot": "typography-h2",
+		className: e("scroll-m-20 text-3xl font-semibold tracking-tight text-foreground first:mt-0", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("h3", {
+		"data-slot": "typography-h3",
+		className: e("scroll-m-20 text-2xl font-semibold tracking-tight text-foreground", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("h4", {
+		"data-slot": "typography-h4",
+		className: e("scroll-m-20 text-xl font-semibold tracking-tight text-foreground", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("p", {
+		"data-slot": "typography-p",
+		className: e("leading-7 text-foreground [&:not(:first-child)]:mt-4", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("p", {
+		"data-slot": "typography-lead",
+		className: e("text-xl text-foreground-secondary", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "typography-large",
+		className: e("text-lg font-semibold text-foreground", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("small", {
+		"data-slot": "typography-small",
+		className: e("text-sm font-medium leading-none text-foreground", n),
+		...r
+	});
+}
+function u({ className: n, ...r }) {
+	return /* @__PURE__ */ t("p", {
+		"data-slot": "typography-muted",
+		className: e("text-sm text-foreground-muted", n),
+		...r
+	});
+}
+function d({ className: n, ...r }) {
+	return /* @__PURE__ */ t("code", {
+		"data-slot": "typography-inline-code",
+		className: e("relative rounded-md border border-border-glass bg-surface-secondary px-[0.4rem] py-[0.2rem] font-mono text-sm text-foreground", n),
+		...r
+	});
+}
+function f({ className: n, ...r }) {
+	return /* @__PURE__ */ t("blockquote", {
+		"data-slot": "typography-blockquote",
+		className: e("mt-4 border-l-2 border-primary/40 pl-4 italic text-foreground-secondary", n),
+		...r
+	});
+}
+//#endregion
+export { f as Blockquote, n as H1, r as H2, i as H3, a as H4, d as InlineCode, c as Large, s as Lead, u as Muted, o as P, l as Small };
+
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":[],"sources":["../../../src/react/primitives/typography.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  H1                                                                 */\n/* ------------------------------------------------------------------ */\n\nfunction H1({ className, ...props }: React.ComponentProps<'h1'>) {\n  return (\n    <h1\n      data-slot=\"typography-h1\"\n      className={cn(\n        'scroll-m-20 text-4xl font-bold tracking-tight text-foreground lg:text-5xl',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  H2                                                                 */\n/* ------------------------------------------------------------------ */\n\nfunction H2({ className, ...props }: React.ComponentProps<'h2'>) {\n  return (\n    <h2\n      data-slot=\"typography-h2\"\n      className={cn(\n        'scroll-m-20 text-3xl font-semibold tracking-tight text-foreground first:mt-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  H3                                                                 */\n/* ------------------------------------------------------------------ */\n\nfunction H3({ className, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"typography-h3\"\n      className={cn('scroll-m-20 text-2xl font-semibold tracking-tight text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  H4                                                                 */\n/* ------------------------------------------------------------------ */\n\nfunction H4({ className, ...props }: React.ComponentProps<'h4'>) {\n  return (\n    <h4\n      data-slot=\"typography-h4\"\n      className={cn('scroll-m-20 text-xl font-semibold tracking-tight text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  P (Paragraph)                                                      */\n/* ------------------------------------------------------------------ */\n\nfunction P({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"typography-p\"\n      className={cn('leading-7 text-foreground [&:not(:first-child)]:mt-4', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Lead                                                               */\n/* ------------------------------------------------------------------ */\n\nfunction Lead({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"typography-lead\"\n      className={cn('text-xl text-foreground-secondary', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Large                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction Large({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"typography-large\"\n      className={cn('text-lg font-semibold text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Small                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction Small({ className, ...props }: React.ComponentProps<'small'>) {\n  return (\n    <small\n      data-slot=\"typography-small\"\n      className={cn('text-sm font-medium leading-none text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Muted                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction Muted({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"typography-muted\"\n      className={cn('text-sm text-foreground-muted', className)}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  InlineCode                                                         */\n/* ------------------------------------------------------------------ */\n\nfunction InlineCode({ className, ...props }: React.ComponentProps<'code'>) {\n  return (\n    <code\n      data-slot=\"typography-inline-code\"\n      className={cn(\n        'relative rounded-md border border-border-glass bg-surface-secondary px-[0.4rem] py-[0.2rem] font-mono text-sm text-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Blockquote                                                         */\n/* ------------------------------------------------------------------ */\n\nfunction Blockquote({ className, ...props }: React.ComponentProps<'blockquote'>) {\n  return (\n    <blockquote\n      data-slot=\"typography-blockquote\"\n      className={cn(\n        'mt-4 border-l-2 border-primary/40 pl-4 italic text-foreground-secondary',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { H1, H2, H3, H4, P, Lead, Large, Small, Muted, InlineCode, Blockquote }\n"],"mappings":";;;;AAQA,SAAS,EAAG,EAAE,cAAW,GAAG,KAAqC;AAC/D,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,6EACA,EACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAG,EAAE,cAAW,GAAG,KAAqC;AAC/D,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,gFACA,EACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAG,EAAE,cAAW,GAAG,KAAqC;AAC/D,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,qEAAqE,EAAU;EAC7F,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAG,EAAE,cAAW,GAAG,KAAqC;AAC/D,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,oEAAoE,EAAU;EAC5F,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAE,EAAE,cAAW,GAAG,KAAoC;AAC7D,QACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EAAG,wDAAwD,EAAU;EAChF,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAK,EAAE,cAAW,GAAG,KAAoC;AAChE,QACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EAAG,qCAAqC,EAAU;EAC7D,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAM,EAAE,cAAW,GAAG,KAAsC;AACnE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,yCAAyC,EAAU;EACjE,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;AACrE,QACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,oDAAoD,EAAU;EAC5E,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAM,EAAE,cAAW,GAAG,KAAoC;AACjE,QACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAW,EAAE,cAAW,GAAG,KAAuC;AACzE,QACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,iIACA,EACD;EACD,GAAI;EACJ,CAAA;;AAQN,SAAS,EAAW,EAAE,cAAW,GAAG,KAA6C;AAC/E,QACE,kBAAC,cAAD;EACE,aAAU;EACV,WAAW,EACT,2EACA,EACD;EACD,GAAI;EACJ,CAAA"}

package/dist/react/primitives/uptime-bar.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export type UptimeSegmentStatus = 'up' | 'down' | 'degraded' | 'unknown';
+export interface UptimeSegment {
+    status: UptimeSegmentStatus;
+    tooltip?: string;
+}
+export interface UptimeBarProps extends React.ComponentProps<'div'> {
+    segments: UptimeSegment[];
+    /** Show the uptime percentage label. Defaults to true. */
+    showLabel?: boolean;
+    /** Height of the segment bar in pixels. Defaults to 32. */
+    height?: number;
+}
+declare function UptimeBar({ className, segments, showLabel, height, ...props }: UptimeBarProps): import("react/jsx-runtime").JSX.Element;
+export { UptimeBar };
+//# sourceMappingURL=uptime-bar.d.ts.map

package/dist/react/primitives/uptime-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uptime-bar.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/uptime-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAA;AAExE,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,mBAAmB,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AA0BD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,QAAQ,EACR,SAAgB,EAChB,MAAW,EACX,GAAG,KAAK,EACT,EAAE,cAAc,2CAqChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/react/primitives/uptime-bar.js

@@ -0,0 +1,44 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/uptime-bar.tsx
+function r(e) {
+	if (e.length === 0) return "0.0";
+	let t = 0;
+	for (let n of e) n.status === "up" && (t += 1);
+	return (t / e.length * 100).toFixed(1);
+}
+var i = {
+	up: "bg-accent-emerald",
+	down: "bg-accent-rose",
+	degraded: "bg-accent-amber",
+	unknown: "bg-foreground-muted/40"
+};
+function a({ className: a, segments: o, showLabel: s = !0, height: c = 32, ...l }) {
+	let u = r(o);
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "uptime-bar",
+		role: "img",
+		"aria-label": `Uptime status bar: ${u}% uptime`,
+		className: e("flex flex-col gap-2", a),
+		...l,
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex w-full gap-[2px] overflow-hidden rounded-md",
+			style: { height: c },
+			children: [o.map((n, r) => /* @__PURE__ */ t("div", {
+				title: n.tooltip,
+				className: e("flex-1 transition-colors duration-200", "first:rounded-l-md last:rounded-r-md", "hover:opacity-80", i[n.status])
+			}, r)), o.length === 0 && /* @__PURE__ */ t("div", { className: "flex-1 rounded-md bg-surface-secondary" })]
+		}), s && /* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between text-xs text-foreground-secondary",
+			children: [/* @__PURE__ */ n("span", { children: [u, "% uptime"] }), /* @__PURE__ */ n("span", {
+				className: "text-foreground-muted",
+				children: [o.length, " checks"]
+			})]
+		})]
+	});
+}
+//#endregion
+export { a as UptimeBar };
+
+//# sourceMappingURL=uptime-bar.js.map

package/dist/react/primitives/uptime-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uptime-bar.js","names":[],"sources":["../../../src/react/primitives/uptime-bar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type UptimeSegmentStatus = 'up' | 'down' | 'degraded' | 'unknown'\n\nexport interface UptimeSegment {\n  status: UptimeSegmentStatus\n  tooltip?: string\n}\n\n/* ------------------------------------------------------------------ */\n/*  Helpers                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction calculateUptimePercent(segments: UptimeSegment[]): string {\n  if (segments.length === 0) return '0.0'\n  let upCount = 0\n  for (const segment of segments) {\n    if (segment.status === 'up') upCount += 1\n  }\n  return ((upCount / segments.length) * 100).toFixed(1)\n}\n\nconst statusColors: Record<UptimeSegmentStatus, string> = {\n  up: 'bg-accent-emerald',\n  down: 'bg-accent-rose',\n  degraded: 'bg-accent-amber',\n  unknown: 'bg-foreground-muted/40',\n}\n\n/* ------------------------------------------------------------------ */\n/*  UptimeBar                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface UptimeBarProps extends React.ComponentProps<'div'> {\n  segments: UptimeSegment[]\n  /** Show the uptime percentage label. Defaults to true. */\n  showLabel?: boolean\n  /** Height of the segment bar in pixels. Defaults to 32. */\n  height?: number\n}\n\nfunction UptimeBar({\n  className,\n  segments,\n  showLabel = true,\n  height = 32,\n  ...props\n}: UptimeBarProps) {\n  const percent = calculateUptimePercent(segments)\n\n  return (\n    <div\n      data-slot=\"uptime-bar\"\n      role=\"img\"\n      aria-label={`Uptime status bar: ${percent}% uptime`}\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    >\n      {/* Segments */}\n      <div className=\"flex w-full gap-[2px] overflow-hidden rounded-md\" style={{ height }}>\n        {segments.map((segment, i) => (\n          <div\n            key={i}\n            title={segment.tooltip}\n            className={cn(\n              'flex-1 transition-colors duration-200',\n              'first:rounded-l-md last:rounded-r-md',\n              'hover:opacity-80',\n              statusColors[segment.status]\n            )}\n          />\n        ))}\n        {segments.length === 0 && <div className=\"flex-1 rounded-md bg-surface-secondary\" />}\n      </div>\n\n      {/* Label */}\n      {showLabel && (\n        <div className=\"flex items-center justify-between text-xs text-foreground-secondary\">\n          <span>{percent}% uptime</span>\n          <span className=\"text-foreground-muted\">{segments.length} checks</span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { UptimeBar }\n"],"mappings":";;;;AAmBA,SAAS,EAAuB,GAAmC;AACjE,KAAI,EAAS,WAAW,EAAG,QAAO;CAClC,IAAI,IAAU;AACd,MAAK,IAAM,KAAW,EACpB,CAAI,EAAQ,WAAW,SAAM,KAAW;AAE1C,SAAS,IAAU,EAAS,SAAU,KAAK,QAAQ,EAAE;;AAGvD,IAAM,IAAoD;CACxD,IAAI;CACJ,MAAM;CACN,UAAU;CACV,SAAS;CACV;AAcD,SAAS,EAAU,EACjB,cACA,aACA,eAAY,IACZ,YAAS,IACT,GAAG,KACc;CACjB,IAAM,IAAU,EAAuB,EAAS;AAEhD,QACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,cAAY,sBAAsB,EAAQ;EAC1C,WAAW,EAAG,uBAAuB,EAAU;EAC/C,GAAI;YALN,CAQE,kBAAC,OAAD;GAAK,WAAU;GAAmD,OAAO,EAAE,WAAQ;aAAnF,CACG,EAAS,KAAK,GAAS,MACtB,kBAAC,OAAD;IAEE,OAAO,EAAQ;IACf,WAAW,EACT,yCACA,wCACA,oBACA,EAAa,EAAQ,QACtB;IACD,EARK,EAQL,CACF,EACD,EAAS,WAAW,KAAK,kBAAC,OAAD,EAAK,WAAU,0CAA2C,CAAA,CAChF;MAGL,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAO,GAAQ,WAAe,EAAA,CAAA,EAC9B,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAAyC,EAAS,QAAO,UAAc;MACnE;KAEJ"}

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

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/react/primitives/vulnerability-card.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+export type VulnerabilitySeverity = 'critical' | 'high' | 'medium' | 'low' | 'info';
+export type VulnerabilityStatus = 'open' | 'in_progress' | 'resolved' | 'accepted' | 'false_positive';
+export interface VulnerabilityReference {
+    title: string;
+    url: string;
+}
+export interface VulnerabilityData {
+    id: string;
+    title: string;
+    description: string;
+    severity: VulnerabilitySeverity;
+    cvss?: number;
+    cvssVector?: string;
+    cwe?: string;
+    affected?: string[];
+    published?: Date | string;
+    modified?: Date | string;
+    references?: VulnerabilityReference[];
+    status?: VulnerabilityStatus;
+    tags?: string[];
+}
+declare const severityBadgeVariants: (props?: ({
+    severity?: "info" | "high" | "low" | "critical" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const statusBadgeVariants: (props?: ({
+    status?: "open" | "in_progress" | "resolved" | "accepted" | "false_positive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface VulnerabilityCardProps extends Omit<React.ComponentProps<'div'>, 'onClick'> {
+    data: VulnerabilityData;
+    /** Compact mode truncates description and collapses references. */
+    compact?: boolean;
+    /** Show the references section. Defaults to true. */
+    showReferences?: boolean;
+    /** Callback when the card is clicked. */
+    onClick?: ((data: VulnerabilityData) => void) | undefined;
+}
+declare function VulnerabilityCard({ className, data, compact, showReferences, onClick, ...props }: VulnerabilityCardProps): import("react/jsx-runtime").JSX.Element;
+export { VulnerabilityCard, severityBadgeVariants, statusBadgeVariants };
+//# sourceMappingURL=vulnerability-card.d.ts.map

package/dist/react/primitives/vulnerability-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vulnerability-card.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/vulnerability-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAA;AAEnF,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,gBAAgB,CAAA;AAEpB,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACrC,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CAChB;AA+BD,QAAA,MAAM,qBAAqB;;8EAgB1B,CAAA;AAED,QAAA,MAAM,mBAAmB;;8EAgBxB,CAAA;AAMD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC1F,IAAI,EAAE,iBAAiB,CAAA;IACvB,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAC1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,OAAe,EACf,cAAqB,EACrB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAiJxB;AA0BD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/react/primitives/vulnerability-card.js

@@ -0,0 +1,163 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../dist-BCCeHAQm.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "react";
+//#region src/react/primitives/vulnerability-card.tsx
+var o = {
+	critical: "Critical",
+	high: "High",
+	medium: "Medium",
+	low: "Low",
+	info: "Info"
+}, s = {
+	open: "Open",
+	in_progress: "In Progress",
+	resolved: "Resolved",
+	accepted: "Accepted",
+	false_positive: "False Positive"
+};
+function c(e) {
+	return (e instanceof Date ? e : new Date(e)).toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+var l = t("inline-flex items-center rounded-full px-2.5 py-0.5 text-[11px] font-bold shrink-0", {
+	variants: { severity: {
+		critical: "bg-accent-rose/20 text-accent-rose",
+		high: "bg-accent-rose/10 text-accent-rose/80",
+		medium: "bg-accent-amber/10 text-accent-amber",
+		low: "bg-accent-cyan/10 text-accent-cyan",
+		info: "bg-foreground-muted/10 text-foreground-secondary"
+	} },
+	defaultVariants: { severity: "info" }
+}), u = t("inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium shrink-0", {
+	variants: { status: {
+		open: "bg-accent-rose/10 text-accent-rose",
+		in_progress: "bg-accent-amber/10 text-accent-amber",
+		resolved: "bg-accent-emerald/10 text-accent-emerald",
+		accepted: "bg-accent-cyan/10 text-accent-cyan",
+		false_positive: "bg-foreground-muted/10 text-foreground-muted"
+	} },
+	defaultVariants: { status: "open" }
+});
+function d({ className: t, data: d, compact: p = !1, showReferences: m = !0, onClick: h, ...g }) {
+	let [_, v] = a.useState(!1), y = p && d.description.length > 150 ? d.description.slice(0, 150) + "..." : d.description, b = m && d.references && d.references.length > 0;
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "vulnerability-card",
+		className: e("flex flex-col gap-3 rounded-xl border border-border-glass bg-glass p-5 backdrop-blur-[20px]", "transition-all duration-300 hover:shadow-glow", h && "cursor-pointer", t),
+		onClick: h ? () => h(d) : void 0,
+		...g,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ r("span", {
+						className: l({ severity: d.severity }),
+						children: o[d.severity]
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "text-sm font-bold font-mono text-foreground",
+						children: d.id
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "flex-1 truncate text-sm font-medium text-foreground-secondary",
+						children: d.title
+					}),
+					d.status && /* @__PURE__ */ r("span", {
+						className: u({ status: d.status }),
+						children: s[d.status]
+					})
+				]
+			}),
+			/* @__PURE__ */ r("p", {
+				className: "text-xs leading-relaxed text-foreground-secondary",
+				title: p && d.description.length > 150 ? d.description : void 0,
+				children: y
+			}),
+			d.cvss !== void 0 && /* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ r("span", {
+						className: "text-xs font-medium text-foreground-muted",
+						children: "CVSS:"
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "text-xs font-bold tabular-nums text-foreground",
+						children: d.cvss.toFixed(1)
+					}),
+					d.cvssVector && /* @__PURE__ */ r("span", {
+						className: "max-w-[200px] truncate text-[11px] font-mono text-foreground-muted",
+						title: d.cvssVector,
+						children: d.cvssVector
+					})
+				]
+			}),
+			d.cwe && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("a", {
+				href: `https://cwe.mitre.org/data/definitions/${d.cwe.replace("CWE-", "")}.html`,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "text-xs font-mono text-accent-cyan hover:underline",
+				onClick: (e) => e.stopPropagation(),
+				children: d.cwe
+			}) }),
+			/* @__PURE__ */ i("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-[11px] text-foreground-muted",
+				children: [d.published && /* @__PURE__ */ i("span", { children: ["Published: ", c(d.published)] }), d.modified && /* @__PURE__ */ i("span", { children: ["Modified: ", c(d.modified)] })]
+			}),
+			d.affected && d.affected.length > 0 && /* @__PURE__ */ i("div", {
+				className: "flex flex-wrap items-center gap-1.5",
+				children: [/* @__PURE__ */ r("span", {
+					className: "text-xs font-medium text-foreground-muted",
+					children: "Affected:"
+				}), d.affected.map((e) => /* @__PURE__ */ r("span", {
+					className: "rounded-full border border-border-glass bg-surface-secondary px-2 py-0.5 text-[10px] text-foreground-secondary",
+					children: e
+				}, e))]
+			}),
+			d.tags && d.tags.length > 0 && /* @__PURE__ */ r("div", {
+				className: "flex flex-wrap gap-1",
+				children: d.tags.map((e) => /* @__PURE__ */ r("span", {
+					className: "rounded-full border border-accent-violet/20 bg-accent-violet/5 px-2 py-0.5 text-[10px] font-medium text-accent-violet",
+					children: e
+				}, e))
+			}),
+			b && /* @__PURE__ */ r("div", {
+				className: "flex flex-col gap-2 border-t border-border-glass pt-3",
+				children: p ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("button", {
+					type: "button",
+					className: "text-left text-xs font-medium text-accent-cyan hover:underline",
+					onClick: (e) => {
+						e.stopPropagation(), v(!_);
+					},
+					children: _ ? `Hide References (${d.references.length})` : `Show References (${d.references.length})`
+				}), _ && /* @__PURE__ */ r(f, { references: d.references })] }) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("div", {
+					className: "text-xs font-medium text-foreground-secondary",
+					children: [
+						"References (",
+						d.references.length,
+						")"
+					]
+				}), /* @__PURE__ */ r(f, { references: d.references })] })
+			})
+		]
+	});
+}
+function f({ references: e }) {
+	return /* @__PURE__ */ r("ul", {
+		className: "flex flex-col gap-1",
+		children: e.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("a", {
+			href: e.url,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "text-xs text-accent-cyan hover:underline",
+			onClick: (e) => e.stopPropagation(),
+			children: e.title
+		}) }, e.url))
+	});
+}
+//#endregion
+export { d as VulnerabilityCard, l as severityBadgeVariants, u as statusBadgeVariants };
+
+//# sourceMappingURL=vulnerability-card.js.map

package/dist/react/primitives/vulnerability-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vulnerability-card.js","names":[],"sources":["../../../src/react/primitives/vulnerability-card.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 VulnerabilitySeverity = 'critical' | 'high' | 'medium' | 'low' | 'info'\n\nexport type VulnerabilityStatus =\n  | 'open'\n  | 'in_progress'\n  | 'resolved'\n  | 'accepted'\n  | 'false_positive'\n\nexport interface VulnerabilityReference {\n  title: string\n  url: string\n}\n\nexport interface VulnerabilityData {\n  id: string\n  title: string\n  description: string\n  severity: VulnerabilitySeverity\n  cvss?: number\n  cvssVector?: string\n  cwe?: string\n  affected?: string[]\n  published?: Date | string\n  modified?: Date | string\n  references?: VulnerabilityReference[]\n  status?: VulnerabilityStatus\n  tags?: string[]\n}\n\n/* ------------------------------------------------------------------ */\n/*  Helpers                                                            */\n/* ------------------------------------------------------------------ */\n\nconst SEVERITY_LABELS: Record<VulnerabilitySeverity, string> = {\n  critical: 'Critical',\n  high: 'High',\n  medium: 'Medium',\n  low: 'Low',\n  info: 'Info',\n}\n\nconst STATUS_LABELS: Record<VulnerabilityStatus, string> = {\n  open: 'Open',\n  in_progress: 'In Progress',\n  resolved: 'Resolved',\n  accepted: 'Accepted',\n  false_positive: 'False Positive',\n}\n\nfunction formatDate(value: Date | string): string {\n  const d = value instanceof Date ? value : new Date(value)\n  return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })\n}\n\n/* ------------------------------------------------------------------ */\n/*  Variants                                                           */\n/* ------------------------------------------------------------------ */\n\nconst severityBadgeVariants = cva(\n  'inline-flex items-center rounded-full px-2.5 py-0.5 text-[11px] font-bold shrink-0',\n  {\n    variants: {\n      severity: {\n        critical: 'bg-accent-rose/20 text-accent-rose',\n        high: 'bg-accent-rose/10 text-accent-rose/80',\n        medium: 'bg-accent-amber/10 text-accent-amber',\n        low: 'bg-accent-cyan/10 text-accent-cyan',\n        info: 'bg-foreground-muted/10 text-foreground-secondary',\n      },\n    },\n    defaultVariants: {\n      severity: 'info',\n    },\n  }\n)\n\nconst statusBadgeVariants = cva(\n  'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium shrink-0',\n  {\n    variants: {\n      status: {\n        open: 'bg-accent-rose/10 text-accent-rose',\n        in_progress: 'bg-accent-amber/10 text-accent-amber',\n        resolved: 'bg-accent-emerald/10 text-accent-emerald',\n        accepted: 'bg-accent-cyan/10 text-accent-cyan',\n        false_positive: 'bg-foreground-muted/10 text-foreground-muted',\n      },\n    },\n    defaultVariants: {\n      status: 'open',\n    },\n  }\n)\n\n/* ------------------------------------------------------------------ */\n/*  VulnerabilityCard                                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface VulnerabilityCardProps extends Omit<React.ComponentProps<'div'>, 'onClick'> {\n  data: VulnerabilityData\n  /** Compact mode truncates description and collapses references. */\n  compact?: boolean\n  /** Show the references section. Defaults to true. */\n  showReferences?: boolean\n  /** Callback when the card is clicked. */\n  onClick?: ((data: VulnerabilityData) => void) | undefined\n}\n\nfunction VulnerabilityCard({\n  className,\n  data,\n  compact = false,\n  showReferences = true,\n  onClick,\n  ...props\n}: VulnerabilityCardProps) {\n  const [refsExpanded, setRefsExpanded] = React.useState(false)\n\n  const description =\n    compact && data.description.length > 150\n      ? data.description.slice(0, 150) + '...'\n      : data.description\n\n  const hasRefs = showReferences && data.references && data.references.length > 0\n\n  return (\n    <div\n      data-slot=\"vulnerability-card\"\n      className={cn(\n        'flex flex-col gap-3 rounded-xl border border-border-glass bg-glass p-5 backdrop-blur-[20px]',\n        'transition-all duration-300 hover:shadow-glow',\n        onClick && 'cursor-pointer',\n        className\n      )}\n      onClick={onClick ? () => onClick(data) : undefined}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <span className={severityBadgeVariants({ severity: data.severity })}>\n          {SEVERITY_LABELS[data.severity]}\n        </span>\n        <span className=\"text-sm font-bold font-mono text-foreground\">{data.id}</span>\n        <span className=\"flex-1 truncate text-sm font-medium text-foreground-secondary\">\n          {data.title}\n        </span>\n        {data.status && (\n          <span className={statusBadgeVariants({ status: data.status })}>\n            {STATUS_LABELS[data.status]}\n          </span>\n        )}\n      </div>\n\n      {/* Description */}\n      <p\n        className=\"text-xs leading-relaxed text-foreground-secondary\"\n        title={compact && data.description.length > 150 ? data.description : undefined}\n      >\n        {description}\n      </p>\n\n      {/* CVSS row */}\n      {data.cvss !== undefined && (\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-xs font-medium text-foreground-muted\">CVSS:</span>\n          <span className=\"text-xs font-bold tabular-nums text-foreground\">\n            {data.cvss.toFixed(1)}\n          </span>\n          {data.cvssVector && (\n            <span\n              className=\"max-w-[200px] truncate text-[11px] font-mono text-foreground-muted\"\n              title={data.cvssVector}\n            >\n              {data.cvssVector}\n            </span>\n          )}\n        </div>\n      )}\n\n      {/* CWE */}\n      {data.cwe && (\n        <div>\n          <a\n            href={`https://cwe.mitre.org/data/definitions/${data.cwe.replace('CWE-', '')}.html`}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-xs font-mono text-accent-cyan hover:underline\"\n            onClick={e => e.stopPropagation()}\n          >\n            {data.cwe}\n          </a>\n        </div>\n      )}\n\n      {/* Metadata */}\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-[11px] text-foreground-muted\">\n        {data.published && <span>Published: {formatDate(data.published)}</span>}\n        {data.modified && <span>Modified: {formatDate(data.modified)}</span>}\n      </div>\n\n      {/* Affected components */}\n      {data.affected && data.affected.length > 0 && (\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n          <span className=\"text-xs font-medium text-foreground-muted\">Affected:</span>\n          {data.affected.map(comp => (\n            <span\n              key={comp}\n              className=\"rounded-full border border-border-glass bg-surface-secondary px-2 py-0.5 text-[10px] text-foreground-secondary\"\n            >\n              {comp}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* Tags */}\n      {data.tags && data.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-1\">\n          {data.tags.map(tag => (\n            <span\n              key={tag}\n              className=\"rounded-full border border-accent-violet/20 bg-accent-violet/5 px-2 py-0.5 text-[10px] font-medium text-accent-violet\"\n            >\n              {tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* References */}\n      {hasRefs && (\n        <div className=\"flex flex-col gap-2 border-t border-border-glass pt-3\">\n          {compact ? (\n            <>\n              <button\n                type=\"button\"\n                className=\"text-left text-xs font-medium text-accent-cyan hover:underline\"\n                onClick={e => {\n                  e.stopPropagation()\n                  setRefsExpanded(!refsExpanded)\n                }}\n              >\n                {refsExpanded\n                  ? `Hide References (${data.references!.length})`\n                  : `Show References (${data.references!.length})`}\n              </button>\n              {refsExpanded && <ReferenceList references={data.references!} />}\n            </>\n          ) : (\n            <>\n              <div className=\"text-xs font-medium text-foreground-secondary\">\n                References ({data.references!.length})\n              </div>\n              <ReferenceList references={data.references!} />\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  ReferenceList                                                      */\n/* ------------------------------------------------------------------ */\n\nfunction ReferenceList({ references }: { references: VulnerabilityReference[] }) {\n  return (\n    <ul className=\"flex flex-col gap-1\">\n      {references.map(ref => (\n        <li key={ref.url}>\n          <a\n            href={ref.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-xs text-accent-cyan hover:underline\"\n            onClick={e => e.stopPropagation()}\n          >\n            {ref.title}\n          </a>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\nexport { VulnerabilityCard, severityBadgeVariants, statusBadgeVariants }\n"],"mappings":"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"}