@countermeasure-platform/web-components 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":[],"sources":["../../../src/react/primitives/drawer.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\nfunction Drawer({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 backdrop-blur-sm',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  side = 'bottom',\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 shadow-lg outline-none transition duration-300 ease-in-out',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 mt-24 max-h-[96vh] rounded-t-xl border-t',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 mb-24 max-h-[96vh] rounded-b-xl border-b',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 max-w-sm border-r',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 max-w-sm border-l',\n          className\n        )}\n        {...props}\n      >\n        {(side === 'bottom' || side === 'top') && (\n          <div className=\"mx-auto mt-4 h-1.5 w-12 shrink-0 rounded-full bg-border-glass\" />\n        )}\n        {children}\n        <DialogPrimitive.Close\n          data-slot=\"drawer-close\"\n          className=\"ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n        >\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('flex flex-col gap-1.5 px-6 pt-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\n        'border-border-glass/50 flex items-center justify-end gap-2 border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-foreground text-lg font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-foreground-secondary text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger,\n}\n"],"mappings":";;;;;;AAMA,SAAS,EAAO,EAAE,GAAG,KAA4D;AAC/E,QAAO,kBAAC,GAAD;EAAsB,aAAU;EAAS,GAAI;EAAS,CAAA;;AAG/D,SAAS,EAAc,EAAE,GAAG,KAA+D;AACzF,QAAO,kBAAC,GAAD;EAAyB,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG1E,SAAS,EAAa,EAAE,GAAG,KAA8D;AACvF,QAAO,kBAAC,GAAD;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,GAAD;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,EAAc,EACrB,cACA,GAAG,KACoD;AACvD,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,2KACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAc,EACrB,cACA,aACA,UAAO,UACP,GAAG,KAGF;AACD,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAiB,CAAA,EACjB,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,2GACA,gEACA,MAAS,YACP,8IACF,MAAS,SACP,qIACF,MAAS,UACP,8HACF,MAAS,WACP,iIACF,EACD;EACD,GAAI;YAfN;IAiBI,MAAS,YAAY,MAAS,UAC9B,kBAAC,OAAD,EAAK,WAAU,iEAAkE,CAAA;GAElF;GACD,kBAAC,GAAD;IACE,aAAU;IACV,WAAU;cAFZ,CAIE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC5B,kBAAC,QAAD;KAAM,WAAU;eAAU;KAAY,CAAA,CAChB;;GACA;IACb,EAAA,CAAA;;AAInB,SAAS,EAAa,EAAE,cAAW,GAAG,KAAsC;AAC1E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,mCAAmC,EAAU;EAC3D,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EAAE,cAAW,GAAG,KAAsC;AAC1E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,iFACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,yCAAyC,EAAU;EACjE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAkB,EACzB,cACA,GAAG,KACwD;AAC3D,QACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,qCAAqC,EAAU;EAC7D,GAAI;EACJ,CAAA"}

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

@@ -0,0 +1,10 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,2CAE1F;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,2CAE5D;AAQD,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,2CAc5D;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,2CAYzD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,2CAO1D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,2CAI9D;AAED,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,CAAA"}

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

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../dropdown-menu-gev7lxyE.js";
+export { a as DropdownMenu, n as DropdownMenuContent, i as DropdownMenuItem, t as DropdownMenuLabel, e as DropdownMenuSeparator, r as DropdownMenuTrigger };

package/dist/react/primitives/empty-state.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface EmptyStateProps extends React.ComponentProps<'div'> {
+    /** Icon element displayed above the title */
+    icon?: React.ReactNode;
+    /** Primary heading text */
+    title: string;
+    /** Secondary description text */
+    description?: string;
+    /** Action button configuration */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+declare function EmptyState({ className, icon, title, description, action, children, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export { EmptyState };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/react/primitives/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAClE,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,CAAA;CACF;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CA+BjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/react/primitives/empty-state.js

@@ -0,0 +1,42 @@
+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/empty-state.tsx
+function r({ className: r, icon: i, title: a, description: o, action: s, children: c, ...l }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "empty-state",
+		className: e("flex flex-col items-center justify-center px-6 py-12 text-center", r),
+		...l,
+		children: [
+			i && /* @__PURE__ */ t("div", {
+				className: "mb-4 text-foreground-muted [&>svg]:size-12 [&>svg]:stroke-1",
+				children: i
+			}),
+			/* @__PURE__ */ t("h3", {
+				className: "text-base font-semibold text-foreground",
+				children: a
+			}),
+			o && /* @__PURE__ */ t("p", {
+				className: "mt-1.5 max-w-sm text-sm text-foreground-secondary",
+				children: o
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "mt-5",
+				children: /* @__PURE__ */ t("button", {
+					type: "button",
+					onClick: s.onClick,
+					className: e("inline-flex items-center justify-center gap-2 rounded-xl px-[18px] py-[10px] text-[13px] font-semibold transition-all duration-[250ms]", "bg-primary text-primary-foreground shadow-glow hover:bg-primary/90 hover:-translate-y-0.5"),
+					children: s.label
+				})
+			}),
+			c && /* @__PURE__ */ t("div", {
+				className: "mt-5",
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+export { r as EmptyState };
+
+//# sourceMappingURL=empty-state.js.map

package/dist/react/primitives/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/react/primitives/empty-state.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n/* ------------------------------------------------------------------ */\n/*  EmptyState                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface EmptyStateProps extends React.ComponentProps<'div'> {\n  /** Icon element displayed above the title */\n  icon?: React.ReactNode\n  /** Primary heading text */\n  title: string\n  /** Secondary description text */\n  description?: string\n  /** Action button configuration */\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\nfunction EmptyState({\n  className,\n  icon,\n  title,\n  description,\n  action,\n  children,\n  ...props\n}: EmptyStateProps) {\n  return (\n    <div\n      data-slot=\"empty-state\"\n      className={cn('flex flex-col items-center justify-center px-6 py-12 text-center', className)}\n      {...props}\n    >\n      {icon && (\n        <div className=\"mb-4 text-foreground-muted [&>svg]:size-12 [&>svg]:stroke-1\">{icon}</div>\n      )}\n      <h3 className=\"text-base font-semibold text-foreground\">{title}</h3>\n      {description && (\n        <p className=\"mt-1.5 max-w-sm text-sm text-foreground-secondary\">{description}</p>\n      )}\n      {action && (\n        <div className=\"mt-5\">\n          <button\n            type=\"button\"\n            onClick={action.onClick}\n            className={cn(\n              'inline-flex items-center justify-center gap-2 rounded-xl px-[18px] py-[10px] text-[13px] font-semibold transition-all duration-[250ms]',\n              'bg-primary text-primary-foreground shadow-glow hover:bg-primary/90 hover:-translate-y-0.5'\n            )}\n          >\n            {action.label}\n          </button>\n        </div>\n      )}\n      {children && <div className=\"mt-5\">{children}</div>}\n    </div>\n  )\n}\n\nexport { EmptyState }\n"],"mappings":";;;;AAsBA,SAAS,EAAW,EAClB,cACA,SACA,UACA,gBACA,WACA,aACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,oEAAoE,EAAU;EAC5F,GAAI;YAHN;GAKG,KACC,kBAAC,OAAD;IAAK,WAAU;cAA+D;IAAW,CAAA;GAE3F,kBAAC,MAAD;IAAI,WAAU;cAA2C;IAAW,CAAA;GACnE,KACC,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAgB,CAAA;GAEnF,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,MAAK;KACL,SAAS,EAAO;KAChB,WAAW,EACT,0IACA,4FACD;eAEA,EAAO;KACD,CAAA;IACL,CAAA;GAEP,KAAY,kBAAC,OAAD;IAAK,WAAU;IAAQ;IAAe,CAAA;GAC/C"}

package/dist/react/primitives/error-boundary.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface ErrorBoundaryProps {
+    children: React.ReactNode;
+    /** Static fallback element, or a function that receives the error */
+    fallback: React.ReactNode | ((error: Error) => React.ReactNode);
+    /** Callback when an error is caught */
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map

package/dist/react/primitives/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,qEAAqE;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC/D,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;CAC7D;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC5E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIxD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAIjE,MAAM,IAAI,KAAK,CAAC,SAAS;CAUnC"}

package/dist/react/primitives/error-boundary.js

@@ -0,0 +1,30 @@
+import * as e from "react";
+//#region src/react/primitives/error-boundary.tsx
+var t = class extends e.Component {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		this.props.onError?.(e, t);
+	}
+	render() {
+		if (this.state.hasError && this.state.error !== null) {
+			let { fallback: e } = this.props;
+			return typeof e == "function" ? e(this.state.error) : e;
+		}
+		return this.props.children;
+	}
+};
+//#endregion
+export { t as ErrorBoundary };
+
+//# sourceMappingURL=error-boundary.js.map

package/dist/react/primitives/error-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.js","names":[],"sources":["../../../src/react/primitives/error-boundary.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport interface ErrorBoundaryProps {\n  children: React.ReactNode\n  /** Static fallback element, or a function that receives the error */\n  fallback: React.ReactNode | ((error: Error) => React.ReactNode)\n  /** Callback when an error is caught */\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean\n  error: Error | null\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false, error: null }\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    this.props.onError?.(error, errorInfo)\n  }\n\n  override render(): React.ReactNode {\n    if (this.state.hasError && this.state.error !== null) {\n      const { fallback } = this.props\n      if (typeof fallback === 'function') {\n        return fallback(this.state.error)\n      }\n      return fallback\n    }\n    return this.props.children\n  }\n}\n"],"mappings":";;AAeA,IAAa,IAAb,cAAmC,EAAM,UAAkD;CACzF,YAAY,GAA2B;AAErC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG/C,OAAO,yBAAyB,GAAkC;AAChE,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAA2B,GAAc,GAAkC;AACzE,OAAK,MAAM,UAAU,GAAO,EAAU;;CAGxC,SAAmC;AACjC,MAAI,KAAK,MAAM,YAAY,KAAK,MAAM,UAAU,MAAM;GACpD,IAAM,EAAE,gBAAa,KAAK;AAI1B,UAHI,OAAO,KAAa,aACf,EAAS,KAAK,MAAM,MAAM,GAE5B;;AAET,SAAO,KAAK,MAAM"}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface FieldProps extends React.ComponentProps<'div'> {
+    /** Label text displayed above the content */
+    label?: string;
+    /** Associates the label with a form control via htmlFor */
+    htmlFor?: string;
+    /** Whether the field is required (shows asterisk) */
+    required?: boolean;
+    /** Hint text displayed below the content */
+    hint?: string;
+    /** Error message displayed below the content (replaces hint when present) */
+    error?: string;
+}
+declare function Field({ className, label, htmlFor, required, hint, error, children, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
+export { Field };
+export type { FieldProps };
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACtD,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CA6BZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAA;AAChB,YAAY,EAAE,UAAU,EAAE,CAAA"}

package/dist/react/primitives/field.js

@@ -0,0 +1,41 @@
+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/field.tsx
+function r({ className: r, label: i, htmlFor: a, required: o, hint: s, error: c, children: l, ...u }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "field",
+		className: e("flex flex-col gap-1.5", r),
+		...u,
+		children: [
+			i && /* @__PURE__ */ n("label", {
+				"data-slot": "field-label",
+				htmlFor: a,
+				className: "text-foreground text-sm font-medium leading-none",
+				children: [i, o && /* @__PURE__ */ t("span", {
+					"aria-hidden": "true",
+					className: "text-accent-rose ml-0.5",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				"data-slot": "field-content",
+				children: l
+			}),
+			c ? /* @__PURE__ */ t("p", {
+				"data-slot": "field-error",
+				role: "alert",
+				className: "text-accent-rose text-xs",
+				children: c
+			}) : s ? /* @__PURE__ */ t("p", {
+				"data-slot": "field-hint",
+				className: "text-foreground-muted text-xs",
+				children: s
+			}) : null
+		]
+	});
+}
+//#endregion
+export { r as Field };
+
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/react/primitives/field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\ninterface FieldProps extends React.ComponentProps<'div'> {\n  /** Label text displayed above the content */\n  label?: string\n  /** Associates the label with a form control via htmlFor */\n  htmlFor?: string\n  /** Whether the field is required (shows asterisk) */\n  required?: boolean\n  /** Hint text displayed below the content */\n  hint?: string\n  /** Error message displayed below the content (replaces hint when present) */\n  error?: string\n}\n\nfunction Field({\n  className,\n  label,\n  htmlFor,\n  required,\n  hint,\n  error,\n  children,\n  ...props\n}: FieldProps) {\n  return (\n    <div data-slot=\"field\" className={cn('flex flex-col gap-1.5', className)} {...props}>\n      {label && (\n        <label\n          data-slot=\"field-label\"\n          htmlFor={htmlFor}\n          className=\"text-foreground text-sm font-medium leading-none\"\n        >\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"text-accent-rose ml-0.5\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div data-slot=\"field-content\">{children}</div>\n      {error ? (\n        <p data-slot=\"field-error\" role=\"alert\" className=\"text-accent-rose text-xs\">\n          {error}\n        </p>\n      ) : hint ? (\n        <p data-slot=\"field-hint\" className=\"text-foreground-muted text-xs\">\n          {hint}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\nexport { Field }\nexport type { FieldProps }\n"],"mappings":";;;;AAiBA,SAAS,EAAM,EACb,cACA,UACA,YACA,aACA,SACA,UACA,aACA,GAAG,KACU;AACb,QACE,kBAAC,OAAD;EAAK,aAAU;EAAQ,WAAW,EAAG,yBAAyB,EAAU;EAAE,GAAI;YAA9E;GACG,KACC,kBAAC,SAAD;IACE,aAAU;IACD;IACT,WAAU;cAHZ,CAKG,GACA,KACC,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAU;eAA0B;KAEtD,CAAA,CAEH;;GAEV,kBAAC,OAAD;IAAK,aAAU;IAAiB;IAAe,CAAA;GAC9C,IACC,kBAAC,KAAD;IAAG,aAAU;IAAc,MAAK;IAAQ,WAAU;cAC/C;IACC,CAAA,GACF,IACF,kBAAC,KAAD;IAAG,aAAU;IAAa,WAAU;cACjC;IACC,CAAA,GACF;GACA"}

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface FileTreeNode {
+    id: string;
+    name: string;
+    type: 'file' | 'folder';
+    icon?: React.ReactNode;
+    children?: FileTreeNode[];
+    expanded?: boolean;
+    selected?: boolean;
+    data?: Record<string, string>;
+}
+export interface FileTreeProps extends Omit<React.ComponentProps<'div'>, 'onDrop' | 'onSelect'> {
+    data: FileTreeNode[];
+    selectable?: boolean;
+    multiSelect?: boolean;
+    draggable?: boolean;
+    showIcons?: boolean;
+    indent?: number;
+    onSelect?: (node: FileTreeNode) => void;
+    onExpand?: (node: FileTreeNode) => void;
+    onDrop?: (source: FileTreeNode, target: FileTreeNode) => void;
+}
+declare function FileTree({ data, selectable, multiSelect, draggable, showIcons, indent, onSelect, onExpand, onDrop, className, ...props }: FileTreeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileTree {
+    var displayName: string;
+}
+export { FileTree };
+//# sourceMappingURL=file-tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/file-tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7F,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;CAC9D;AAiPD,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,UAAiB,EACjB,WAAmB,EACnB,SAAiB,EACjB,SAAgB,EAChB,MAAW,EACX,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAkFf;kBA9FQ,QAAQ;;;AAiGjB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,183 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/react/primitives/file-tree.tsx
+function i({ className: n }) {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		className: e("size-3.5", n),
+		children: /* @__PURE__ */ t("path", {
+			d: "M6 4l4 4-4 4",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function a() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		className: "size-4",
+		children: /* @__PURE__ */ t("path", {
+			d: "M1.5 2.5h4.25l1.25 1.5h7.5v9.5h-13z",
+			stroke: "currentColor",
+			strokeWidth: "1.2",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function o() {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		className: "size-4",
+		children: [/* @__PURE__ */ t("path", {
+			d: "M1.5 2.5h4.25l1.25 1.5h7.5v2H3.5l-2 6.5z",
+			stroke: "currentColor",
+			strokeWidth: "1.2",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ t("path", {
+			d: "M3.5 6.5h11l-2 7h-11z",
+			stroke: "currentColor",
+			strokeWidth: "1.2",
+			strokeLinejoin: "round"
+		})]
+	});
+}
+function s() {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		className: "size-4",
+		children: [/* @__PURE__ */ t("path", {
+			d: "M3 1.5h6.5L13 5v9.5H3z",
+			stroke: "currentColor",
+			strokeWidth: "1.2",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ t("path", {
+			d: "M9.5 1.5v3.5H13",
+			stroke: "currentColor",
+			strokeWidth: "1.2",
+			strokeLinejoin: "round"
+		})]
+	});
+}
+function c({ node: r, depth: l, indent: u, showIcons: d, selectable: f, multiSelect: p, isDraggable: m, selectedIds: h, expandedIds: g, onToggle: _, onSelectNode: v, onDrop: y }) {
+	let b = r.type === "folder", x = g.has(r.id), S = h.has(r.id), C = (e) => {
+		b && _(r), f && v(r, p && (e.ctrlKey || e.metaKey));
+	}, w = (e) => {
+		e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", r.id), e.dataTransfer.setData("application/json", JSON.stringify(r));
+	}, T = (e) => {
+		b && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
+	}, E = (e) => {
+		if (e.preventDefault(), b && y) try {
+			let t = e.dataTransfer.getData("application/json"), n = JSON.parse(t);
+			n.id !== r.id && y(n, r);
+		} catch {}
+	};
+	return /* @__PURE__ */ n("li", {
+		role: "treeitem",
+		"aria-expanded": b ? x : void 0,
+		children: [/* @__PURE__ */ n("div", {
+			className: e("flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors", "hover:bg-surface-secondary", S && "bg-surface-secondary text-foreground", !S && "text-foreground-secondary"),
+			style: { paddingLeft: `${l * u + 8}px` },
+			onClick: C,
+			draggable: m,
+			onDragStart: m ? w : void 0,
+			onDragOver: m ? T : void 0,
+			onDrop: m ? E : void 0,
+			children: [
+				/* @__PURE__ */ t("span", {
+					className: e("shrink-0", !b && "invisible"),
+					children: /* @__PURE__ */ t(i, { className: e("transition-transform duration-150", x && "rotate-90") })
+				}),
+				d && /* @__PURE__ */ t("span", {
+					className: "text-foreground-secondary shrink-0",
+					children: r.icon ? r.icon : t(b ? x ? o : a : s, {})
+				}),
+				/* @__PURE__ */ t("span", {
+					className: "truncate",
+					children: r.name
+				})
+			]
+		}), b && x && r.children && r.children.length > 0 && /* @__PURE__ */ t("ul", {
+			role: "group",
+			children: r.children.map((e) => /* @__PURE__ */ t(c, {
+				node: e,
+				depth: l + 1,
+				indent: u,
+				showIcons: d,
+				selectable: f,
+				multiSelect: p,
+				isDraggable: m,
+				selectedIds: h,
+				expandedIds: g,
+				onToggle: _,
+				onSelectNode: v,
+				onDrop: y
+			}, e.id))
+		})]
+	});
+}
+function l(e, t) {
+	for (let n of e) n.type === "folder" && n.expanded && t.add(n.id), n.children && l(n.children, t);
+}
+function u(e, t) {
+	for (let n of e) n.selected && t.add(n.id), n.children && u(n.children, t);
+}
+function d({ data: n, selectable: i = !0, multiSelect: a = !1, draggable: o = !1, showIcons: s = !0, indent: d = 16, onSelect: f, onExpand: p, onDrop: m, className: h, ...g }) {
+	let [_, v] = r.useState(() => {
+		let e = /* @__PURE__ */ new Set();
+		return l(n, e), e;
+	}), [y, b] = r.useState(() => {
+		let e = /* @__PURE__ */ new Set();
+		return u(n, e), e;
+	}), x = r.useCallback((e) => {
+		v((t) => {
+			let n = new Set(t);
+			return n.has(e.id) ? n.delete(e.id) : n.add(e.id), n;
+		}), p?.(e);
+	}, [p]), S = r.useCallback((e, t) => {
+		b((n) => {
+			if (t) {
+				let t = new Set(n);
+				return t.has(e.id) ? t.delete(e.id) : t.add(e.id), t;
+			}
+			return new Set([e.id]);
+		}), f?.(e);
+	}, [f]);
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "file-tree",
+		className: e("bg-glass border-border-glass rounded-lg border backdrop-blur-[20px]", h),
+		...g,
+		children: n.length === 0 ? /* @__PURE__ */ t("div", {
+			className: "text-foreground-secondary p-4 text-center text-sm",
+			children: "No files"
+		}) : /* @__PURE__ */ t("ul", {
+			role: "tree",
+			className: "p-1",
+			children: n.map((e) => /* @__PURE__ */ t(c, {
+				node: e,
+				depth: 0,
+				indent: d,
+				showIcons: s,
+				selectable: i,
+				multiSelect: a,
+				isDraggable: o,
+				selectedIds: y,
+				expandedIds: _,
+				onToggle: x,
+				onSelectNode: S,
+				onDrop: m
+			}, e.id))
+		})
+	});
+}
+d.displayName = "FileTree";
+//#endregion
+export { d as FileTree };
+
+//# sourceMappingURL=file-tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.js","names":[],"sources":["../../../src/react/primitives/file-tree.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface FileTreeNode {\n  id: string\n  name: string\n  type: 'file' | 'folder'\n  icon?: React.ReactNode\n  children?: FileTreeNode[]\n  expanded?: boolean\n  selected?: boolean\n  data?: Record<string, string>\n}\n\nexport interface FileTreeProps extends Omit<React.ComponentProps<'div'>, 'onDrop' | 'onSelect'> {\n  data: FileTreeNode[]\n  selectable?: boolean\n  multiSelect?: boolean\n  draggable?: boolean\n  showIcons?: boolean\n  indent?: number\n  onSelect?: (node: FileTreeNode) => void\n  onExpand?: (node: FileTreeNode) => void\n  onDrop?: (source: FileTreeNode, target: FileTreeNode) => void\n}\n\n// ---------------------------------------------------------------------------\n// Icons\n// ---------------------------------------------------------------------------\n\nfunction ChevronIcon({ className }: { className?: string }) {\n  return (\n    <svg viewBox=\"0 0 16 16\" fill=\"none\" className={cn('size-3.5', className)}>\n      <path\n        d=\"M6 4l4 4-4 4\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction FolderIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" fill=\"none\" className=\"size-4\">\n      <path\n        d=\"M1.5 2.5h4.25l1.25 1.5h7.5v9.5h-13z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.2\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction FolderOpenIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" fill=\"none\" className=\"size-4\">\n      <path\n        d=\"M1.5 2.5h4.25l1.25 1.5h7.5v2H3.5l-2 6.5z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.2\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M3.5 6.5h11l-2 7h-11z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.2\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction FileIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" fill=\"none\" className=\"size-4\">\n      <path\n        d=\"M3 1.5h6.5L13 5v9.5H3z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.2\"\n        strokeLinejoin=\"round\"\n      />\n      <path d=\"M9.5 1.5v3.5H13\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Internal item component\n// ---------------------------------------------------------------------------\n\ninterface FileTreeItemInternalProps {\n  node: FileTreeNode\n  depth: number\n  indent: number\n  showIcons: boolean\n  selectable: boolean\n  multiSelect: boolean\n  isDraggable: boolean\n  selectedIds: Set<string>\n  expandedIds: Set<string>\n  onToggle: (node: FileTreeNode) => void\n  onSelectNode: (node: FileTreeNode, multi: boolean) => void\n  onDrop?: ((source: FileTreeNode, target: FileTreeNode) => void) | undefined\n}\n\nfunction FileTreeItemInternal({\n  node,\n  depth,\n  indent,\n  showIcons,\n  selectable,\n  multiSelect,\n  isDraggable,\n  selectedIds,\n  expandedIds,\n  onToggle,\n  onSelectNode,\n  onDrop,\n}: FileTreeItemInternalProps) {\n  const isFolder = node.type === 'folder'\n  const isExpanded = expandedIds.has(node.id)\n  const isSelected = selectedIds.has(node.id)\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (isFolder) {\n      onToggle(node)\n    }\n    if (selectable) {\n      const isMulti = multiSelect && (e.ctrlKey || e.metaKey)\n      onSelectNode(node, isMulti)\n    }\n  }\n\n  const handleDragStart = (e: React.DragEvent) => {\n    e.dataTransfer.effectAllowed = 'move'\n    e.dataTransfer.setData('text/plain', node.id)\n    e.dataTransfer.setData('application/json', JSON.stringify(node))\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    if (isFolder) {\n      e.preventDefault()\n      e.dataTransfer.dropEffect = 'move'\n    }\n  }\n\n  const handleDropEvent = (e: React.DragEvent) => {\n    e.preventDefault()\n    if (isFolder && onDrop) {\n      try {\n        const sourceData = e.dataTransfer.getData('application/json')\n        const source = JSON.parse(sourceData) as FileTreeNode\n        if (source.id !== node.id) {\n          onDrop(source, node)\n        }\n      } catch {\n        // ignore invalid drag data\n      }\n    }\n  }\n\n  return (\n    <li role=\"treeitem\" aria-expanded={isFolder ? isExpanded : undefined}>\n      <div\n        className={cn(\n          'flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors',\n          'hover:bg-surface-secondary',\n          isSelected && 'bg-surface-secondary text-foreground',\n          !isSelected && 'text-foreground-secondary'\n        )}\n        style={{ paddingLeft: `${depth * indent + 8}px` }}\n        onClick={handleClick}\n        draggable={isDraggable}\n        onDragStart={isDraggable ? handleDragStart : undefined}\n        onDragOver={isDraggable ? handleDragOver : undefined}\n        onDrop={isDraggable ? handleDropEvent : undefined}\n      >\n        {/* Chevron */}\n        <span className={cn('shrink-0', !isFolder && 'invisible')}>\n          <ChevronIcon\n            className={cn('transition-transform duration-150', isExpanded && 'rotate-90')}\n          />\n        </span>\n\n        {/* Icon */}\n        {showIcons && (\n          <span className=\"text-foreground-secondary shrink-0\">\n            {node.icon ? (\n              node.icon\n            ) : isFolder ? (\n              isExpanded ? (\n                <FolderOpenIcon />\n              ) : (\n                <FolderIcon />\n              )\n            ) : (\n              <FileIcon />\n            )}\n          </span>\n        )}\n\n        {/* Label */}\n        <span className=\"truncate\">{node.name}</span>\n      </div>\n\n      {/* Children */}\n      {isFolder && isExpanded && node.children && node.children.length > 0 && (\n        <ul role=\"group\">\n          {node.children.map(child => (\n            <FileTreeItemInternal\n              key={child.id}\n              node={child}\n              depth={depth + 1}\n              indent={indent}\n              showIcons={showIcons}\n              selectable={selectable}\n              multiSelect={multiSelect}\n              isDraggable={isDraggable}\n              selectedIds={selectedIds}\n              expandedIds={expandedIds}\n              onToggle={onToggle}\n              onSelectNode={onSelectNode}\n              onDrop={onDrop}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\n// ---------------------------------------------------------------------------\n// Helper: collect expanded IDs from data\n// ---------------------------------------------------------------------------\n\nfunction collectExpandedIds(nodes: FileTreeNode[], set: Set<string>): void {\n  for (const node of nodes) {\n    if (node.type === 'folder' && node.expanded) {\n      set.add(node.id)\n    }\n    if (node.children) {\n      collectExpandedIds(node.children, set)\n    }\n  }\n}\n\nfunction collectSelectedIds(nodes: FileTreeNode[], set: Set<string>): void {\n  for (const node of nodes) {\n    if (node.selected) {\n      set.add(node.id)\n    }\n    if (node.children) {\n      collectSelectedIds(node.children, set)\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// FileTree\n// ---------------------------------------------------------------------------\n\nfunction FileTree({\n  data,\n  selectable = true,\n  multiSelect = false,\n  draggable = false,\n  showIcons = true,\n  indent = 16,\n  onSelect,\n  onExpand,\n  onDrop,\n  className,\n  ...props\n}: FileTreeProps) {\n  const [expandedIds, setExpandedIds] = React.useState<Set<string>>(() => {\n    const set = new Set<string>()\n    collectExpandedIds(data, set)\n    return set\n  })\n\n  const [selectedIds, setSelectedIds] = React.useState<Set<string>>(() => {\n    const set = new Set<string>()\n    collectSelectedIds(data, set)\n    return set\n  })\n\n  const handleToggle = React.useCallback(\n    (node: FileTreeNode) => {\n      setExpandedIds(prev => {\n        const next = new Set(prev)\n        if (next.has(node.id)) {\n          next.delete(node.id)\n        } else {\n          next.add(node.id)\n        }\n        return next\n      })\n      onExpand?.(node)\n    },\n    [onExpand]\n  )\n\n  const handleSelectNode = React.useCallback(\n    (node: FileTreeNode, isMulti: boolean) => {\n      setSelectedIds(prev => {\n        if (isMulti) {\n          const next = new Set(prev)\n          if (next.has(node.id)) {\n            next.delete(node.id)\n          } else {\n            next.add(node.id)\n          }\n          return next\n        }\n        return new Set([node.id])\n      })\n      onSelect?.(node)\n    },\n    [onSelect]\n  )\n\n  return (\n    <div\n      data-slot=\"file-tree\"\n      className={cn(\n        'bg-glass border-border-glass rounded-lg border backdrop-blur-[20px]',\n        className\n      )}\n      {...props}\n    >\n      {data.length === 0 ? (\n        <div className=\"text-foreground-secondary p-4 text-center text-sm\">No files</div>\n      ) : (\n        <ul role=\"tree\" className=\"p-1\">\n          {data.map(node => (\n            <FileTreeItemInternal\n              key={node.id}\n              node={node}\n              depth={0}\n              indent={indent}\n              showIcons={showIcons}\n              selectable={selectable}\n              multiSelect={multiSelect}\n              isDraggable={draggable}\n              selectedIds={selectedIds}\n              expandedIds={expandedIds}\n              onToggle={handleToggle}\n              onSelectNode={handleSelectNode}\n              onDrop={onDrop}\n            />\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n}\nFileTree.displayName = 'FileTree'\n\nexport { FileTree }\n"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import { FlowNode, FlowEdge } from '../../visualization/flow-diagram/types';
+export type { FlowNode, FlowEdge } from '../../visualization/flow-diagram/types';
+export interface FlowDiagramProps {
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+    direction?: 'TB' | 'LR';
+    zoomable?: boolean;
+    pannable?: boolean;
+    onNodeClick?: (node: FlowNode) => void;
+    onEdgeClick?: (edge: FlowEdge) => void;
+    className?: string;
+}
+declare function FlowDiagram({ nodes, edges, direction, zoomable, pannable, onNodeClick, onEdgeClick, className, }: FlowDiagramProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FlowDiagram {
+    var displayName: string;
+}
+export { FlowDiagram };
+//# sourceMappingURL=flow-diagram.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow-diagram.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/flow-diagram.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAEhF,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAA;AAEhF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,KAAK,EACL,SAAgB,EAChB,QAAe,EACf,QAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE,gBAAgB,2CA8ClB;kBAvDQ,WAAW;;;AA0DpB,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,40 @@
+import { FlowDiagram as e } from "../../visualization/flow-diagram/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/flow-diagram.tsx
+function a({ nodes: a, edges: o, direction: s = "TB", zoomable: c = !0, pannable: l = !0, onNodeClick: u, onEdgeClick: d, className: f }) {
+	let p = i(null), m = i(null), h = i(u);
+	h.current = u;
+	let g = i(d);
+	return g.current = d, r(() => {
+		let t = p.current;
+		if (t) return m.current = new e({
+			container: t,
+			nodes: a,
+			edges: o,
+			direction: s,
+			zoomable: c,
+			pannable: l,
+			onNodeClick: (e) => h.current?.(e),
+			onEdgeClick: (e) => g.current?.(e)
+		}), () => {
+			m.current?.destroy(), m.current = null;
+		};
+	}, [
+		s,
+		c,
+		l
+	]), r(() => {
+		m.current && m.current.update(a, o);
+	}, [a, o]), /* @__PURE__ */ n("div", {
+		ref: p,
+		"data-slot": "flow-diagram",
+		className: t("relative h-full w-full overflow-hidden", f)
+	});
+}
+a.displayName = "FlowDiagram";
+//#endregion
+export { a as FlowDiagram };
+
+//# sourceMappingURL=flow-diagram.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow-diagram.js","names":[],"sources":["../../../src/react/primitives/flow-diagram.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport { cn } from './utils'\nimport { FlowDiagram as FlowDiagramVanilla } from '../../visualization/flow-diagram'\nimport type { FlowNode, FlowEdge } from '../../visualization/flow-diagram/types'\n\nexport type { FlowNode, FlowEdge } from '../../visualization/flow-diagram/types'\n\nexport interface FlowDiagramProps {\n  nodes: FlowNode[]\n  edges: FlowEdge[]\n  direction?: 'TB' | 'LR'\n  zoomable?: boolean\n  pannable?: boolean\n  onNodeClick?: (node: FlowNode) => void\n  onEdgeClick?: (edge: FlowEdge) => void\n  className?: string\n}\n\nfunction FlowDiagram({\n  nodes,\n  edges,\n  direction = 'TB',\n  zoomable = true,\n  pannable = true,\n  onNodeClick,\n  onEdgeClick,\n  className,\n}: FlowDiagramProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const instanceRef = useRef<FlowDiagramVanilla | null>(null)\n\n  // Store latest callbacks in refs to avoid re-creating the instance\n  const onNodeClickRef = useRef(onNodeClick)\n  onNodeClickRef.current = onNodeClick\n  const onEdgeClickRef = useRef(onEdgeClick)\n  onEdgeClickRef.current = onEdgeClick\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    instanceRef.current = new FlowDiagramVanilla({\n      container,\n      nodes,\n      edges,\n      direction,\n      zoomable,\n      pannable,\n      onNodeClick: node => onNodeClickRef.current?.(node),\n      onEdgeClick: edge => onEdgeClickRef.current?.(edge),\n    })\n\n    return () => {\n      instanceRef.current?.destroy()\n      instanceRef.current = null\n    }\n    // Only re-create on structural props; callbacks are handled via refs\n  }, [direction, zoomable, pannable])\n\n  // Update data without full re-mount\n  useEffect(() => {\n    if (instanceRef.current) {\n      instanceRef.current.update(nodes, edges)\n    }\n  }, [nodes, edges])\n\n  return (\n    <div\n      ref={containerRef}\n      data-slot=\"flow-diagram\"\n      className={cn('relative h-full w-full overflow-hidden', className)}\n    />\n  )\n}\nFlowDiagram.displayName = 'FlowDiagram'\n\nexport { FlowDiagram }\n"],"mappings":";;;;;AAmBA,SAAS,EAAY,EACnB,UACA,UACA,eAAY,MACZ,cAAW,IACX,cAAW,IACX,gBACA,gBACA,gBACmB;CACnB,IAAM,IAAe,EAAuB,KAAK,EAC3C,IAAc,EAAkC,KAAK,EAGrD,IAAiB,EAAO,EAAY;AAC1C,GAAe,UAAU;CACzB,IAAM,IAAiB,EAAO,EAAY;AAgC1C,QA/BA,EAAe,UAAU,GAEzB,QAAgB;EACd,IAAM,IAAY,EAAa;AAC1B,QAaL,QAXA,EAAY,UAAU,IAAI,EAAmB;GAC3C;GACA;GACA;GACA;GACA;GACA;GACA,cAAa,MAAQ,EAAe,UAAU,EAAK;GACnD,cAAa,MAAQ,EAAe,UAAU,EAAK;GACpD,CAAC,QAEW;AAEX,GADA,EAAY,SAAS,SAAS,EAC9B,EAAY,UAAU;;IAGvB;EAAC;EAAW;EAAU;EAAS,CAAC,EAGnC,QAAgB;AACd,EAAI,EAAY,WACd,EAAY,QAAQ,OAAO,GAAO,EAAM;IAEzC,CAAC,GAAO,EAAM,CAAC,EAGhB,kBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,WAAW,EAAG,0CAA0C,EAAU;EAClE,CAAA;;AAGN,EAAY,cAAc"}

package/dist/react/primitives/heatmap-legend.d.ts

@@ -0,0 +1,20 @@
+/**
+ * HeatmapLegend
+ *
+ * Shared floating legend for MITRE heatmap views.
+ * Displays color-coded items with optional click-to-filter.
+ * Used by DetectionTab and ValidationTab.
+ */
+export interface HeatmapLegendItem {
+    key: string;
+    dot: string;
+    label: string;
+}
+interface HeatmapLegendProps {
+    items: HeatmapLegendItem[];
+    activeFilter: string | null;
+    onFilterChange: (key: string | null) => void;
+}
+export declare function HeatmapLegend({ items, activeFilter, onFilterChange }: HeatmapLegendProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=heatmap-legend.d.ts.map

package/dist/react/primitives/heatmap-legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap-legend.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/heatmap-legend.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,kBAAkB,2CA4BxF"}

package/dist/react/primitives/heatmap-legend.js

@@ -0,0 +1,29 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/react/primitives/heatmap-legend.tsx
+function r({ items: r, activeFilter: i, onFilterChange: a }) {
+	return /* @__PURE__ */ n("div", {
+		className: "bg-surface-secondary/95 border-border-glass absolute right-4 bottom-4 z-10 rounded-lg border p-3 shadow-lg backdrop-blur-sm",
+		children: [/* @__PURE__ */ t("h4", {
+			className: "text-foreground-muted mb-2 text-xs font-medium tracking-wider uppercase",
+			children: "Legend"
+		}), /* @__PURE__ */ t("div", {
+			className: "space-y-1.5",
+			children: r.map((r) => {
+				let o = i === r.key;
+				return /* @__PURE__ */ n("button", {
+					onClick: () => a(o ? null : r.key),
+					className: e("flex w-full items-center gap-2.5 rounded px-2 py-1 text-left transition-all", "hover:bg-surface-tertiary/50", o && "bg-accent-primary/10 ring-accent-primary/30 ring-1"),
+					children: [/* @__PURE__ */ t("div", { className: e("h-3.5 w-3.5 flex-shrink-0 rounded-[2px]", r.dot) }), /* @__PURE__ */ t("span", {
+						className: "text-foreground-secondary text-xs",
+						children: r.label
+					})]
+				}, r.key);
+			})
+		})]
+	});
+}
+//#endregion
+export { r as HeatmapLegend };
+
+//# sourceMappingURL=heatmap-legend.js.map