@cogentic-co/ds 0.6.0 → 0.7.0

package/dist/chunk-2BIKWTWM.js

@@ -0,0 +1,53 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-2NMEKWO5.js';
+import { cva } from 'class-variance-authority';
+import { TrendingUpIcon, TrendingDownIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Stat(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "stat", className: cn("space-y-1", className) }, props));
+}
+function StatLabel(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      "data-slot": "stat-label",
+      className: cn("font-medium text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+function StatValue(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      "data-slot": "stat-value",
+      className: cn("font-bold text-2xl tracking-tight", className)
+    }, props)
+  );
+}
+var trendVariants = cva("inline-flex items-center gap-1 text-xs font-medium", {
+  variants: {
+    direction: {
+      up: "text-emerald-600 dark:text-emerald-400",
+      down: "text-red-600 dark:text-red-400",
+      neutral: "text-muted-foreground"
+    }
+  },
+  defaultVariants: { direction: "neutral" }
+});
+function StatTrend(_a) {
+  var _b = _a, { className, direction, children } = _b, props = __objRest(_b, ["className", "direction", "children"]);
+  return /* @__PURE__ */ jsxs("span", __spreadProps(__spreadValues({ "data-slot": "stat-trend", className: cn(trendVariants({ direction }), className) }, props), { children: [
+    direction === "up" && /* @__PURE__ */ jsx(TrendingUpIcon, { className: "size-3.5" }),
+    direction === "down" && /* @__PURE__ */ jsx(TrendingDownIcon, { className: "size-3.5" }),
+    children
+  ] }));
+}
+
+export { Stat, StatLabel, StatTrend, StatValue, trendVariants };
+//# sourceMappingURL=chunk-2BIKWTWM.js.map
+//# sourceMappingURL=chunk-2BIKWTWM.js.map

package/dist/chunk-2BIKWTWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/stat.tsx"],"names":[],"mappings":";;;;;;AAKA,SAAS,KAAK,EAAA,EAAsD;AAAtD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EALhB,GAKc,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AACd,EAAA,uBAAO,GAAA,CAAC,wBAAI,WAAA,EAAU,MAAA,EAAO,WAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAAA,EAAO,KAAA,CAAO,CAAA;AACjF;AAEA,SAAS,UAAU,EAAA,EAAoD;AAApD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EATrB,GASmB,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AACnB,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS;AAAA,KAAA,EAChE,KAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAU,EAAA,EAAoD;AAApD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAnBrB,GAmBmB,EAAA,EAAgB,KAAA,GAAA,SAAA,CAAhB,IAAgB,CAAd,WAAA,CAAA,CAAA;AACnB,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,SAAS;AAAA,KAAA,EACxD,KAAA;AAAA,GACN;AAEJ;AAEA,IAAM,aAAA,GAAgB,IAAI,oDAAA,EAAsD;AAAA,EAC9E,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,EAAA,EAAI,wCAAA;AAAA,MACJ,IAAA,EAAM,gCAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,SAAA,EAAW,SAAA;AAChC,CAAC;AAID,SAAS,UAAU,EAAA,EAA8D;AAA9D,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,SAAA,EAAW,WAAW,QAAA,EA1C3C,GA0CmB,IAAqC,KAAA,GAAA,SAAA,CAArC,EAAA,EAAqC,CAAnC,WAAA,EAAW,WAAA,EAAW,UAAA,CAAA,CAAA;AACzC,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAK,WAAA,EAAU,YAAA,EAAa,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA,EAAA,EAAO,QAAxF,EACE,QAAA,EAAA;AAAA,IAAA,SAAA,KAAc,IAAA,oBAAQ,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,UAAA,EAAW,CAAA;AAAA,IAC3D,SAAA,KAAc,MAAA,oBAAU,GAAA,CAAC,gBAAA,EAAA,EAAiB,WAAU,UAAA,EAAW,CAAA;AAAA,IAC/D;AAAA,GAAA,EAAA,CACH,CAAA;AAEJ","file":"chunk-2BIKWTWM.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { TrendingDownIcon, TrendingUpIcon } from \"lucide-react\"\nimport type * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nfunction Stat({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"stat\" className={cn(\"space-y-1\", className)} {...props} />\n}\n\nfunction StatLabel({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"stat-label\"\n      className={cn(\"font-medium text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction StatValue({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"stat-value\"\n      className={cn(\"font-bold text-2xl tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nconst trendVariants = cva(\"inline-flex items-center gap-1 text-xs font-medium\", {\n  variants: {\n    direction: {\n      up: \"text-emerald-600 dark:text-emerald-400\",\n      down: \"text-red-600 dark:text-red-400\",\n      neutral: \"text-muted-foreground\",\n    },\n  },\n  defaultVariants: { direction: \"neutral\" },\n})\n\ntype StatTrendProps = React.ComponentProps<\"span\"> & VariantProps<typeof trendVariants>\n\nfunction StatTrend({ className, direction, children, ...props }: StatTrendProps) {\n  return (\n    <span data-slot=\"stat-trend\" className={cn(trendVariants({ direction }), className)} {...props}>\n      {direction === \"up\" && <TrendingUpIcon className=\"size-3.5\" />}\n      {direction === \"down\" && <TrendingDownIcon className=\"size-3.5\" />}\n      {children}\n    </span>\n  )\n}\n\nexport { Stat, StatLabel, StatValue, StatTrend, trendVariants }\nexport type { StatTrendProps }\n"]}

package/dist/{chunk-GZNLQE3I.js → chunk-2NMEKWO5.js}

@@ -1,6 +1,3 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -32,23 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-function timeAgo(date) {
-  const now = /* @__PURE__ */ new Date();
-  const then = new Date(date);
-  const diffMs = now.getTime() - then.getTime();
-  const diffMins = Math.floor(diffMs / 6e4);
-  if (diffMins < 60) return `${diffMins}m ago`;
-  const diffHrs = Math.floor(diffMins / 60);
-  if (diffHrs < 24) return `${diffHrs}h ago`;
-  const diffDays = Math.floor(diffHrs / 24);
-  if (diffDays < 30) return `${diffDays}d ago`;
-  const diffMonths = Math.floor(diffDays / 30);
-  return `${diffMonths}mo ago`;
-}
 
-export { __objRest, __spreadProps, __spreadValues, cn, timeAgo };
-//# sourceMappingURL=chunk-GZNLQE3I.js.map
-//# sourceMappingURL=chunk-GZNLQE3I.js.map
+export { __objRest, __spreadProps, __spreadValues };
+//# sourceMappingURL=chunk-2NMEKWO5.js.map
+//# sourceMappingURL=chunk-2NMEKWO5.js.map

package/dist/chunk-2NMEKWO5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-2NMEKWO5.js"}

package/dist/chunk-2TRJUH3V.js

@@ -0,0 +1,104 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import { UploadIcon } from 'lucide-react';
+import { useState, useRef, useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function FileUpload(_a) {
+  var _b = _a, {
+    accept,
+    multiple = false,
+    maxSize,
+    onChange,
+    disabled = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "accept",
+    "multiple",
+    "maxSize",
+    "onChange",
+    "disabled",
+    "className",
+    "children"
+  ]);
+  const [isDragOver, setIsDragOver] = useState(false);
+  const inputRef = useRef(null);
+  const handleFiles = useCallback(
+    (fileList) => {
+      let files = Array.from(fileList);
+      if (maxSize) {
+        files = files.filter((f) => f.size <= maxSize);
+      }
+      onChange == null ? void 0 : onChange(files);
+    },
+    [maxSize, onChange]
+  );
+  const handleDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      setIsDragOver(false);
+      if (disabled) return;
+      handleFiles(e.dataTransfer.files);
+    },
+    [disabled, handleFiles]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "file-upload",
+      "data-drag-over": isDragOver || void 0,
+      className: cn(
+        "relative flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-8 text-center transition-colors",
+        isDragOver && "border-primary bg-primary/5",
+        !isDragOver && "border-border hover:border-primary/50",
+        disabled && "pointer-events-none opacity-50",
+        className
+      ),
+      onDragOver: (e) => {
+        e.preventDefault();
+        if (!disabled) setIsDragOver(true);
+      },
+      onDragLeave: () => setIsDragOver(false),
+      onDrop: handleDrop,
+      onClick: () => {
+        var _a2;
+        return (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+      },
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      onKeyDown: (e) => {
+        var _a2;
+        if (e.key === "Enter" || e.key === " ") (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+      }
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            className: "sr-only",
+            onChange: (e) => e.target.files && handleFiles(e.target.files),
+            disabled,
+            tabIndex: -1
+          }
+        ),
+        children != null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(UploadIcon, { className: "size-8 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: "Drop files here or click to upload" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground text-xs", children: accept ? `Accepted: ${accept}` : "Any file type" })
+          ] })
+        ] })
+      ]
+    })
+  );
+}
+
+export { FileUpload };
+//# sourceMappingURL=chunk-2TRJUH3V.js.map
+//# sourceMappingURL=chunk-2TRJUH3V.js.map

package/dist/chunk-2TRJUH3V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/file-upload.tsx"],"names":["_a"],"mappings":"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","file":"chunk-2TRJUH3V.js","sourcesContent":["\"use client\"\n\nimport { UploadIcon } from \"lucide-react\"\nimport type * as React from \"react\"\nimport { useCallback, useRef, useState } from \"react\"\nimport { cn } from \"../lib/utils\"\n\ntype FileUploadProps = Omit<React.ComponentProps<\"div\">, \"onChange\"> & {\n  /** Accepted file types (e.g. \"image/*,.pdf\") */\n  accept?: string\n  /** Allow multiple files */\n  multiple?: boolean\n  /** Max file size in bytes */\n  maxSize?: number\n  /** Called when files are selected */\n  onChange?: (files: File[]) => void\n  /** Disabled state */\n  disabled?: boolean\n}\n\nfunction FileUpload({\n  accept,\n  multiple = false,\n  maxSize,\n  onChange,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: FileUploadProps) {\n  const [isDragOver, setIsDragOver] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleFiles = useCallback(\n    (fileList: FileList) => {\n      let files = Array.from(fileList)\n      if (maxSize) {\n        files = files.filter((f) => f.size <= maxSize)\n      }\n      onChange?.(files)\n    },\n    [maxSize, onChange],\n  )\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault()\n      setIsDragOver(false)\n      if (disabled) return\n      handleFiles(e.dataTransfer.files)\n    },\n    [disabled, handleFiles],\n  )\n\n  return (\n    <div\n      data-slot=\"file-upload\"\n      data-drag-over={isDragOver || undefined}\n      className={cn(\n        \"relative flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-8 text-center transition-colors\",\n        isDragOver && \"border-primary bg-primary/5\",\n        !isDragOver && \"border-border hover:border-primary/50\",\n        disabled && \"pointer-events-none opacity-50\",\n        className,\n      )}\n      onDragOver={(e) => {\n        e.preventDefault()\n        if (!disabled) setIsDragOver(true)\n      }}\n      onDragLeave={() => setIsDragOver(false)}\n      onDrop={handleDrop}\n      onClick={() => inputRef.current?.click()}\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") inputRef.current?.click()\n      }}\n      {...props}\n    >\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        className=\"sr-only\"\n        onChange={(e) => e.target.files && handleFiles(e.target.files)}\n        disabled={disabled}\n        tabIndex={-1}\n      />\n      {children ?? (\n        <>\n          <UploadIcon className=\"size-8 text-muted-foreground\" />\n          <div>\n            <p className=\"font-medium text-sm\">Drop files here or click to upload</p>\n            <p className=\"mt-1 text-muted-foreground text-xs\">\n              {accept ? `Accepted: ${accept}` : \"Any file type\"}\n            </p>\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport { FileUpload }\nexport type { FileUploadProps }\n"]}

package/dist/chunk-2X37XLH2.js

@@ -0,0 +1,143 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import { cva } from 'class-variance-authority';
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TOTAL_BARS = 40;
+var TIER_COLORS = {
+  low: { filled: "bg-success", empty: "bg-success/15" },
+  medium: { filled: "bg-warning", empty: "bg-warning/15" },
+  high: { filled: "bg-risk-high", empty: "bg-risk-high/15" },
+  severe: { filled: "bg-destructive", empty: "bg-destructive/15" },
+  highTrust: { filled: "bg-success", empty: "bg-success/15" },
+  moderateTrust: { filled: "bg-warning", empty: "bg-warning/15" },
+  lowTrust: { filled: "bg-risk-high", empty: "bg-risk-high/15" },
+  critical: { filled: "bg-destructive", empty: "bg-destructive/15" }
+};
+var sizeVariants = cva("flex items-center", {
+  variants: {
+    size: {
+      sm: "gap-[3px]",
+      lg: "gap-1"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var barVariants = cva("flex-1 rounded-sm transition-all", {
+  variants: {
+    size: {
+      sm: "h-4 w-1.5",
+      lg: "h-6 w-2.5"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var textVariants = cva("flex items-center justify-between text-muted-foreground", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      lg: "text-sm"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+function RiskGauge(_a) {
+  var _b = _a, {
+    score,
+    tier,
+    label,
+    size = "sm",
+    animated = true,
+    className
+  } = _b, props = __objRest(_b, [
+    "score",
+    "tier",
+    "label",
+    "size",
+    "animated",
+    "className"
+  ]);
+  var _a2;
+  const targetCount = Math.round(score / 100 * TOTAL_BARS);
+  const [filledCount, setFilledCount] = useState(animated ? 0 : targetCount);
+  const [displayScore, setDisplayScore] = useState(animated ? 0 : score);
+  const hasAnimated = useRef(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!animated || hasAnimated.current) {
+      setFilledCount(targetCount);
+      setDisplayScore(score);
+      return;
+    }
+    const el = ref.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (!entry.isIntersecting || hasAnimated.current) return;
+        hasAnimated.current = true;
+        let current = 0;
+        const step = () => {
+          current++;
+          setFilledCount(current);
+          setDisplayScore(Math.round(current / TOTAL_BARS * 100));
+          if (current < targetCount) {
+            setTimeout(step, 40);
+          } else {
+            setDisplayScore(score);
+          }
+        };
+        setTimeout(step, 100);
+      },
+      { threshold: 0.5 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [animated, targetCount, score]);
+  const colors = (_a2 = TIER_COLORS[tier]) != null ? _a2 : TIER_COLORS.medium;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "risk-gauge",
+      role: "meter",
+      "aria-valuenow": score,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": label != null ? label : `Risk score: ${score}/100`,
+      className: cn("flex flex-col gap-1.5", className)
+    }, props), {
+      children: [
+        label && /* @__PURE__ */ jsxs("div", { className: textVariants({ size }), children: [
+          /* @__PURE__ */ jsx("span", { children: label }),
+          /* @__PURE__ */ jsxs("span", { className: "font-medium font-mono text-foreground", children: [
+            displayScore,
+            "/100"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: sizeVariants({ size }), children: Array.from({ length: TOTAL_BARS }, (_, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              barVariants({ size }),
+              i < filledCount ? colors.filled : colors.empty,
+              animated && "duration-150"
+            )
+          },
+          `bar-${i}`
+        )) })
+      ]
+    })
+  );
+}
+
+export { RiskGauge, TIER_COLORS };
+//# sourceMappingURL=chunk-2X37XLH2.js.map
+//# sourceMappingURL=chunk-2X37XLH2.js.map

package/dist/chunk-2X37XLH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/risk-gauge.tsx"],"names":["_a"],"mappings":"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","file":"chunk-2X37XLH2.js","sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { useEffect, useRef, useState } from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst TOTAL_BARS = 40\n\nconst TIER_COLORS: Record<string, { filled: string; empty: string }> = {\n  low: { filled: \"bg-success\", empty: \"bg-success/15\" },\n  medium: { filled: \"bg-warning\", empty: \"bg-warning/15\" },\n  high: { filled: \"bg-risk-high\", empty: \"bg-risk-high/15\" },\n  severe: { filled: \"bg-destructive\", empty: \"bg-destructive/15\" },\n  highTrust: { filled: \"bg-success\", empty: \"bg-success/15\" },\n  moderateTrust: { filled: \"bg-warning\", empty: \"bg-warning/15\" },\n  lowTrust: { filled: \"bg-risk-high\", empty: \"bg-risk-high/15\" },\n  critical: { filled: \"bg-destructive\", empty: \"bg-destructive/15\" },\n}\n\nconst sizeVariants = cva(\"flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-[3px]\",\n      lg: \"gap-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nconst barVariants = cva(\"flex-1 rounded-sm transition-all\", {\n  variants: {\n    size: {\n      sm: \"h-4 w-1.5\",\n      lg: \"h-6 w-2.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nconst textVariants = cva(\"flex items-center justify-between text-muted-foreground\", {\n  variants: {\n    size: {\n      sm: \"text-xs\",\n      lg: \"text-sm\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\ntype RiskGaugeProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof sizeVariants> & {\n    score: number\n    tier: string\n    label?: string\n    animated?: boolean\n  }\n\nfunction RiskGauge({\n  score,\n  tier,\n  label,\n  size = \"sm\",\n  animated = true,\n  className,\n  ...props\n}: RiskGaugeProps) {\n  const targetCount = Math.round((score / 100) * TOTAL_BARS)\n  const [filledCount, setFilledCount] = useState(animated ? 0 : targetCount)\n  const [displayScore, setDisplayScore] = useState(animated ? 0 : score)\n  const hasAnimated = useRef(false)\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (!animated || hasAnimated.current) {\n      setFilledCount(targetCount)\n      setDisplayScore(score)\n      return\n    }\n\n    const el = ref.current\n    if (!el) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry.isIntersecting || hasAnimated.current) return\n        hasAnimated.current = true\n\n        let current = 0\n        const step = () => {\n          current++\n          setFilledCount(current)\n          setDisplayScore(Math.round((current / TOTAL_BARS) * 100))\n          if (current < targetCount) {\n            setTimeout(step, 40)\n          } else {\n            setDisplayScore(score)\n          }\n        }\n        setTimeout(step, 100)\n      },\n      { threshold: 0.5 },\n    )\n\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [animated, targetCount, score])\n\n  const colors = TIER_COLORS[tier] ?? TIER_COLORS.medium\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"risk-gauge\"\n      role=\"meter\"\n      aria-valuenow={score}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-label={label ?? `Risk score: ${score}/100`}\n      className={cn(\"flex flex-col gap-1.5\", className)}\n      {...props}\n    >\n      {label && (\n        <div className={textVariants({ size })}>\n          <span>{label}</span>\n          <span className=\"font-medium font-mono text-foreground\">{displayScore}/100</span>\n        </div>\n      )}\n      <div className={sizeVariants({ size })}>\n        {Array.from({ length: TOTAL_BARS }, (_, i) => (\n          <div\n            key={`bar-${i}`}\n            className={cn(\n              barVariants({ size }),\n              i < filledCount ? colors.filled : colors.empty,\n              animated && \"duration-150\",\n            )}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport { RiskGauge, TIER_COLORS as riskGaugeTierColors }\nexport type { RiskGaugeProps }\n"]}

package/dist/chunk-37V55OP6.js

@@ -0,0 +1,191 @@
+"use client";
+import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription } from './chunk-JCJCCQLD.js';
+import { HoverCard, HoverCardTrigger, HoverCardContent } from './chunk-4BLD6BKF.js';
+import { Card } from './chunk-VWZTLFXK.js';
+import { Badge } from './chunk-FDLCCVWI.js';
+import { cn, timeAgo } from './chunk-MHRCB42B.js';
+import { __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import { AlertTriangle, ArrowLeftRight, Calendar } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SLA_BADGE = {
+  on_track: "text-emerald-700 bg-emerald-50 border-emerald-200 dark:text-emerald-400 dark:bg-emerald-950 dark:border-emerald-800",
+  at_risk: "text-amber-700 bg-amber-50 border-amber-200 dark:text-amber-400 dark:bg-amber-950 dark:border-amber-800",
+  overdue: "text-red-700 bg-red-50 border-red-200 dark:text-red-400 dark:bg-red-950 dark:border-red-800"
+};
+var PRIORITY_BADGE = {
+  p1: "text-red-700 bg-red-50 border-red-200 dark:text-red-400 dark:bg-red-950 dark:border-red-800",
+  p2: "text-orange-700 bg-orange-50 border-orange-200 dark:text-orange-400 dark:bg-orange-950 dark:border-orange-800",
+  p3: "text-slate-700 bg-slate-100 border-slate-200 dark:text-slate-400 dark:bg-slate-900 dark:border-slate-700"
+};
+var SEVERITY_DOT = {
+  low: "bg-slate-400",
+  medium: "bg-amber-500",
+  high: "bg-orange-500",
+  critical: "bg-red-500"
+};
+function CaseCard({
+  id,
+  title,
+  entities,
+  sla,
+  priority,
+  updatedAt,
+  assignee,
+  linkedAlerts = [],
+  linkedTransactions = [],
+  onClick,
+  className
+}) {
+  var _a;
+  const initials = assignee ? assignee.name.split(" ").map((n) => n[0]).join("").slice(0, 2) : null;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      padding: "none",
+      className: cn(
+        "cursor-pointer p-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-emerald-800 hover:bg-emerald-50/20 hover:shadow-md",
+        className
+      ),
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2 pb-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex items-center gap-2 font-mono text-[10px] text-muted-foreground", children: id.replace("case-", "CASE-") }),
+            /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                square: true,
+                variant: "outline",
+                className: cn(
+                  "items-center px-1 py-0.5 text-[9px] uppercase leading-none",
+                  SLA_BADGE[sla]
+                ),
+                children: [
+                  sla === "overdue" && /* @__PURE__ */ jsxs("span", { className: "relative flex size-1.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-red-400 opacity-75" }),
+                    /* @__PURE__ */ jsx("span", { className: "relative inline-flex size-1.5 rounded-full bg-red-500" })
+                  ] }),
+                  sla.replace("_", " ")
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "line-clamp-2 font-semibold text-sm leading-snug", children: title }),
+            /* @__PURE__ */ jsx("p", { className: "truncate text-muted-foreground text-xs", children: entities.join(", ") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                square: true,
+                variant: "outline",
+                className: cn("px-1.5 py-0.5 text-[10px] leading-none", PRIORITY_BADGE[priority]),
+                children: priority.toUpperCase()
+              }
+            ) }),
+            assignee && initials && /* @__PURE__ */ jsxs(HoverCard, { children: [
+              /* @__PURE__ */ jsx(HoverCardTrigger, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-full bg-primary/10 font-semibold text-[10px] text-primary transition-all hover:ring-2 hover:ring-primary/20", children: initials }) }),
+              /* @__PURE__ */ jsx(HoverCardContent, { side: "top", className: "w-48 text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-primary/10 font-semibold text-primary text-xs", children: initials }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-medium", children: assignee.name }),
+                  /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: (_a = assignee.role) != null ? _a : "Compliance Analyst" })
+                ] })
+              ] }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "-mx-4 -mb-3 flex items-center gap-4 border-t border-dashed px-4 py-3 font-mono text-muted-foreground text-xs", children: [
+          linkedAlerts.length > 0 && /* @__PURE__ */ jsxs(HoverCard, { children: [
+            /* @__PURE__ */ jsxs(
+              HoverCardTrigger,
+              {
+                className: "flex items-center gap-1 transition-colors hover:text-foreground",
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5" }),
+                  linkedAlerts.length
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(HoverCardContent, { side: "top", className: "w-72 p-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "px-2 py-1 font-medium text-muted-foreground text-xs", children: "Linked Alerts" }),
+              linkedAlerts.map((a) => /* @__PURE__ */ jsxs(
+                Item,
+                __spreadProps(__spreadValues({
+                  size: "xs"
+                }, a.href ? {
+                  render: /* @__PURE__ */ jsx("a", { href: a.href, onClick: (e) => e.stopPropagation() })
+                } : {}), {
+                  children: [
+                    /* @__PURE__ */ jsx(ItemMedia, { children: /* @__PURE__ */ jsx("div", { className: cn("size-2 rounded-full", SEVERITY_DOT[a.severity]) }) }),
+                    /* @__PURE__ */ jsxs(ItemContent, { children: [
+                      /* @__PURE__ */ jsx(ItemTitle, { className: "text-xs", children: a.trigger }),
+                      /* @__PURE__ */ jsxs(ItemDescription, { className: "text-[10px]", children: [
+                        a.id,
+                        " \xB7 ",
+                        a.type
+                      ] })
+                    ] })
+                  ]
+                }),
+                a.id
+              ))
+            ] })
+          ] }),
+          linkedTransactions.length > 0 && /* @__PURE__ */ jsxs(HoverCard, { children: [
+            /* @__PURE__ */ jsxs(
+              HoverCardTrigger,
+              {
+                className: "flex items-center gap-1 transition-colors hover:text-foreground",
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ jsx(ArrowLeftRight, { className: "size-3.5" }),
+                  linkedTransactions.length
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(HoverCardContent, { side: "top", className: "w-72 p-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "px-2 py-1 font-medium text-muted-foreground text-xs", children: "Linked Transactions" }),
+              linkedTransactions.map((t) => /* @__PURE__ */ jsxs(
+                Item,
+                __spreadProps(__spreadValues({
+                  size: "xs"
+                }, t.href ? {
+                  render: /* @__PURE__ */ jsx("a", { href: t.href, onClick: (e) => e.stopPropagation() })
+                } : {}), {
+                  children: [
+                    /* @__PURE__ */ jsx(ItemMedia, { children: /* @__PURE__ */ jsx(ArrowLeftRight, { className: "size-3 text-muted-foreground" }) }),
+                    /* @__PURE__ */ jsxs(ItemContent, { children: [
+                      /* @__PURE__ */ jsxs(ItemTitle, { className: "text-xs", children: [
+                        t.amount,
+                        " ",
+                        t.asset
+                      ] }),
+                      /* @__PURE__ */ jsxs(ItemDescription, { className: "text-[10px]", children: [
+                        t.id,
+                        " \xB7 ",
+                        t.direction
+                      ] })
+                    ] })
+                  ]
+                }),
+                t.id
+              ))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "ml-auto flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Calendar, { className: "size-3.5" }),
+            timeAgo(updatedAt)
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { CaseCard };
+//# sourceMappingURL=chunk-37V55OP6.js.map
+//# sourceMappingURL=chunk-37V55OP6.js.map

package/dist/chunk-37V55OP6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/case-card.tsx"],"names":[],"mappings":"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","file":"chunk-37V55OP6.js","sourcesContent":["\"use client\"\n\nimport { AlertTriangle, ArrowLeftRight, Calendar } from \"lucide-react\"\nimport type * as React from \"react\"\n\nimport { cn, timeAgo } from \"../lib/utils\"\nimport { Badge } from \"./badge\"\nimport { Card } from \"./card\"\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from \"./hover-card\"\nimport { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle } from \"./item\"\n\n/* ------------------------------------------------------------------ */\n/*  Style maps                                                         */\n/* ------------------------------------------------------------------ */\n\nconst SLA_BADGE: Record<string, string> = {\n  on_track:\n    \"text-emerald-700 bg-emerald-50 border-emerald-200 dark:text-emerald-400 dark:bg-emerald-950 dark:border-emerald-800\",\n  at_risk:\n    \"text-amber-700 bg-amber-50 border-amber-200 dark:text-amber-400 dark:bg-amber-950 dark:border-amber-800\",\n  overdue:\n    \"text-red-700 bg-red-50 border-red-200 dark:text-red-400 dark:bg-red-950 dark:border-red-800\",\n}\n\nconst PRIORITY_BADGE: Record<string, string> = {\n  p1: \"text-red-700 bg-red-50 border-red-200 dark:text-red-400 dark:bg-red-950 dark:border-red-800\",\n  p2: \"text-orange-700 bg-orange-50 border-orange-200 dark:text-orange-400 dark:bg-orange-950 dark:border-orange-800\",\n  p3: \"text-slate-700 bg-slate-100 border-slate-200 dark:text-slate-400 dark:bg-slate-900 dark:border-slate-700\",\n}\n\nconst SEVERITY_DOT: Record<string, string> = {\n  low: \"bg-slate-400\",\n  medium: \"bg-amber-500\",\n  high: \"bg-orange-500\",\n  critical: \"bg-red-500\",\n}\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\nexport type CaseCardAlert = {\n  id: string\n  severity: string\n  trigger: string\n  type: string\n  href?: string\n}\n\nexport type CaseCardTransaction = {\n  id: string\n  amount: string\n  asset: string\n  direction: string\n  href?: string\n}\n\nexport type CaseCardAssignee = {\n  name: string\n  role?: string\n}\n\nexport type CaseCardProps = {\n  id: string\n  title: string\n  entities: string[]\n  sla: string\n  priority: string\n  updatedAt: string\n  assignee?: CaseCardAssignee\n  linkedAlerts?: CaseCardAlert[]\n  linkedTransactions?: CaseCardTransaction[]\n  onClick?: () => void\n  className?: string\n}\n\n/* ------------------------------------------------------------------ */\n/*  Component                                                          */\n/* ------------------------------------------------------------------ */\n\nfunction CaseCard({\n  id,\n  title,\n  entities,\n  sla,\n  priority,\n  updatedAt,\n  assignee,\n  linkedAlerts = [],\n  linkedTransactions = [],\n  onClick,\n  className,\n}: CaseCardProps) {\n  const initials = assignee\n    ? assignee.name\n        .split(\" \")\n        .map((n) => n[0])\n        .join(\"\")\n        .slice(0, 2)\n    : null\n\n  return (\n    <Card\n      padding=\"none\"\n      className={cn(\n        \"cursor-pointer p-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-emerald-800 hover:bg-emerald-50/20 hover:shadow-md\",\n        className,\n      )}\n      onClick={onClick}\n    >\n      {/* Header: ID + SLA */}\n      <div className=\"flex flex-col gap-y-2 pb-2\">\n        <div className=\"flex items-center justify-between\">\n          <span className=\"flex items-center gap-2 font-mono text-[10px] text-muted-foreground\">\n            {id.replace(\"case-\", \"CASE-\")}\n          </span>\n          <Badge\n            square\n            variant=\"outline\"\n            className={cn(\n              \"items-center px-1 py-0.5 text-[9px] uppercase leading-none\",\n              SLA_BADGE[sla],\n            )}\n          >\n            {sla === \"overdue\" && (\n              <span className=\"relative flex size-1.5\">\n                <span className=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-red-400 opacity-75\" />\n                <span className=\"relative inline-flex size-1.5 rounded-full bg-red-500\" />\n              </span>\n            )}\n            {sla.replace(\"_\", \" \")}\n          </Badge>\n        </div>\n\n        {/* Body: title + entities */}\n        <div className=\"flex flex-col gap-y-1\">\n          <p className=\"line-clamp-2 font-semibold text-sm leading-snug\">{title}</p>\n          <p className=\"truncate text-muted-foreground text-xs\">{entities.join(\", \")}</p>\n        </div>\n\n        {/* Meta: priority + assignee */}\n        <div className=\"flex items-center justify-between py-1\">\n          <div className=\"flex items-center gap-1.5\">\n            <Badge\n              square\n              variant=\"outline\"\n              className={cn(\"px-1.5 py-0.5 text-[10px] leading-none\", PRIORITY_BADGE[priority])}\n            >\n              {priority.toUpperCase()}\n            </Badge>\n          </div>\n          {assignee && initials && (\n            <HoverCard>\n              <HoverCardTrigger onClick={(e: React.MouseEvent) => e.stopPropagation()}>\n                <div className=\"flex size-6 shrink-0 items-center justify-center rounded-full bg-primary/10 font-semibold text-[10px] text-primary transition-all hover:ring-2 hover:ring-primary/20\">\n                  {initials}\n                </div>\n              </HoverCardTrigger>\n              <HoverCardContent side=\"top\" className=\"w-48 text-xs\">\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"flex size-8 shrink-0 items-center justify-center rounded-full bg-primary/10 font-semibold text-primary text-xs\">\n                    {initials}\n                  </div>\n                  <div>\n                    <p className=\"font-medium\">{assignee.name}</p>\n                    <p className=\"text-muted-foreground\">{assignee.role ?? \"Compliance Analyst\"}</p>\n                  </div>\n                </div>\n              </HoverCardContent>\n            </HoverCard>\n          )}\n        </div>\n      </div>\n\n      {/* Footer: linked items + timestamp */}\n      <div className=\"-mx-4 -mb-3 flex items-center gap-4 border-t border-dashed px-4 py-3 font-mono text-muted-foreground text-xs\">\n        {linkedAlerts.length > 0 && (\n          <HoverCard>\n            <HoverCardTrigger\n              className=\"flex items-center gap-1 transition-colors hover:text-foreground\"\n              onClick={(e: React.MouseEvent) => e.stopPropagation()}\n            >\n              <AlertTriangle className=\"size-3.5\" />\n              {linkedAlerts.length}\n            </HoverCardTrigger>\n            <HoverCardContent side=\"top\" className=\"w-72 p-2\">\n              <p className=\"px-2 py-1 font-medium text-muted-foreground text-xs\">Linked Alerts</p>\n              {linkedAlerts.map((a) => (\n                <Item\n                  key={a.id}\n                  size=\"xs\"\n                  {...(a.href\n                    ? {\n                        render: (\n                          <a href={a.href} onClick={(e: React.MouseEvent) => e.stopPropagation()} />\n                        ),\n                      }\n                    : {})}\n                >\n                  <ItemMedia>\n                    <div className={cn(\"size-2 rounded-full\", SEVERITY_DOT[a.severity])} />\n                  </ItemMedia>\n                  <ItemContent>\n                    <ItemTitle className=\"text-xs\">{a.trigger}</ItemTitle>\n                    <ItemDescription className=\"text-[10px]\">\n                      {a.id} · {a.type}\n                    </ItemDescription>\n                  </ItemContent>\n                </Item>\n              ))}\n            </HoverCardContent>\n          </HoverCard>\n        )}\n        {linkedTransactions.length > 0 && (\n          <HoverCard>\n            <HoverCardTrigger\n              className=\"flex items-center gap-1 transition-colors hover:text-foreground\"\n              onClick={(e: React.MouseEvent) => e.stopPropagation()}\n            >\n              <ArrowLeftRight className=\"size-3.5\" />\n              {linkedTransactions.length}\n            </HoverCardTrigger>\n            <HoverCardContent side=\"top\" className=\"w-72 p-2\">\n              <p className=\"px-2 py-1 font-medium text-muted-foreground text-xs\">\n                Linked Transactions\n              </p>\n              {linkedTransactions.map((t) => (\n                <Item\n                  key={t.id}\n                  size=\"xs\"\n                  {...(t.href\n                    ? {\n                        render: (\n                          <a href={t.href} onClick={(e: React.MouseEvent) => e.stopPropagation()} />\n                        ),\n                      }\n                    : {})}\n                >\n                  <ItemMedia>\n                    <ArrowLeftRight className=\"size-3 text-muted-foreground\" />\n                  </ItemMedia>\n                  <ItemContent>\n                    <ItemTitle className=\"text-xs\">\n                      {t.amount} {t.asset}\n                    </ItemTitle>\n                    <ItemDescription className=\"text-[10px]\">\n                      {t.id} · {t.direction}\n                    </ItemDescription>\n                  </ItemContent>\n                </Item>\n              ))}\n            </HoverCardContent>\n          </HoverCard>\n        )}\n        <span className=\"ml-auto flex items-center gap-1\">\n          <Calendar className=\"size-3.5\" />\n          {timeAgo(updatedAt)}\n        </span>\n      </div>\n    </Card>\n  )\n}\n\nexport { CaseCard }\n"]}

package/dist/{chunk-GJAWCIGE.js → chunk-3IXL43BU.js}

@@ -1,5 +1,6 @@
 "use client";
-import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-GZNLQE3I.js';
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -233,5 +234,5 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
-//# sourceMappingURL=chunk-GJAWCIGE.js.map
-//# sourceMappingURL=chunk-GJAWCIGE.js.map
+//# sourceMappingURL=chunk-3IXL43BU.js.map
+//# sourceMappingURL=chunk-3IXL43BU.js.map