@cogentic-co/ds 0.4.1

package/dist/chunk-BNFSXNP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"names":["ButtonPrimitive"],"mappings":";;;;;AAOA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,kjBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,OAAA,EACE,2LAAA;AAAA,QACF,SAAA,EACE,iIAAA;AAAA,QACF,KAAA,EACE,kHAAA;AAAA,QACF,WAAA,EACE,6NAAA;AAAA,QACF,IAAA,EAAM,iDAAA;AAAA,QACN,OAAA,EAAS,uEAAA;AAAA,QACT,MAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EACE,6HAAA;AAAA,QACF,EAAA,EAAI,8MAAA;AAAA,QACJ,EAAA,EAAI,oKAAA;AAAA,QACJ,EAAA,EAAI,uFAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,SAAA,EACE,wHAAA;AAAA,QACF,SAAA,EACE,oFAAA;AAAA,QACF,SAAA,EAAW;AAAA,OACb;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,OAAO,EAAA,EAOgD;AAPhD,EAAA,IAAA,EAAA,GAAA,EAAA,EACd;AAAA,IAAA,SAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,SAAA;AAAA,IACP,IAAA,GAAO,SAAA;AAAA,IACP;AAAA,GA1DF,GAqDgB,EAAA,EAMX,KAAA,GAAA,SAAA,CANW,EAAA,EAMX;AAAA,IALH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAACA,QAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MAChE,cAAc,CAAC,MAAA;AAAA,MACf;AAAA,KAAA,EACI,KAAA;AAAA,GACN;AAEJ","file":"chunk-BNFSXNP2.js","sourcesContent":["\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../lib/utils\"\n\nconst buttonVariants = cva(\n  \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n        destructive:\n          \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        callout: \"bg-tagline border shadow-sm hover:bg-primary/90 hover:text-background\",\n        toggle:\n          \"border rounded-full border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n        lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n        xl: \"h-12 gap-2 rounded-xl px-6\",\n        icon: \"size-9\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n        \"icon-lg\": \"size-10\",\n      },\n      font: {\n        default: \"\",\n        mono: \"font-mono font-semibold\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      font: \"default\",\n    },\n  },\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  font = \"default\",\n  render,\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, font, className }))}\n      nativeButton={!render}\n      render={render}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"]}

package/dist/chunk-BTFYV3TI.js

@@ -0,0 +1,102 @@
+"use client";
+import { EASE_OUT } from './chunk-TAPJEVUA.js';
+import { useAnimationTimer } from './chunk-RXV2XUDZ.js';
+import { cn } from './chunk-GZNLQE3I.js';
+import { Sparkles } from 'lucide-react';
+import { LazyMotion, domAnimation, AnimatePresence, m } from 'motion/react';
+import { useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var INSIGHTS = [
+  {
+    category: "Risk Assessment",
+    text: "Counterparty risk assessed as {low} based on VASP registration status and historical transaction patterns."
+  },
+  {
+    category: "Threshold Analysis",
+    text: "Transfer {exceeds SGD 20,000} reporting threshold \u2014 enhanced due diligence triggered under MAS Notice PSN01."
+  },
+  {
+    category: "Travel Rule",
+    text: "Beneficiary VASP {verified} against IVMS101 directory \u2014 originator and beneficiary data complete."
+  },
+  {
+    category: "Jurisdiction Mapping",
+    text: "Corridor {SG \u2192 US} mapped \u2014 both counterparties subject to Travel Rule data requirements."
+  },
+  {
+    category: "Sanctions Screening",
+    text: "Screening {cleared} \u2014 no matches found across OFAC SDN, EU consolidated, and UN sanctions lists."
+  }
+];
+function renderHighlightedText(text) {
+  const parts = text.split(/\{([^}]+)\}/g);
+  return parts.map(
+    (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-[#00D4FF]/10 px-1 font-medium text-[#0099BB]", children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i)
+  );
+}
+function AnimationAIAnalysis({ className }) {
+  const [timerRef, tick] = useAnimationTimer(2800);
+  const count = Math.min(tick + 1, 3);
+  const startIdx = Math.max(0, tick + 1 - count);
+  const visibleCards = Array.from({ length: count }, (_, i) => (startIdx + i) % INSIGHTS.length);
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTo({
+        top: scrollRef.current.scrollHeight,
+        behavior: "smooth"
+      });
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx("div", { ref: timerRef, className: cn("flex flex-col overflow-hidden", className), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: "scrollbar-none flex flex-1 flex-col gap-2.5 overflow-y-auto px-4 py-4",
+      children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: visibleCards.map((insightIdx, i) => {
+        const insight = INSIGHTS[insightIdx];
+        const isLatest = i === visibleCards.length - 1;
+        return /* @__PURE__ */ jsxs(
+          m.div,
+          {
+            initial: { opacity: 0, y: 16 },
+            animate: { opacity: isLatest ? 1 : 0.5, y: 0 },
+            exit: { opacity: 0, y: -8 },
+            transition: { duration: 0.4, ease: EASE_OUT },
+            className: cn(
+              "shrink-0 rounded-xl border bg-white p-3.5 transition-shadow duration-300",
+              isLatest ? "border-gray-200 shadow-sm" : "border-gray-100"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-medium text-[11px] text-gray-400", children: [
+                /* @__PURE__ */ jsx(
+                  Sparkles,
+                  {
+                    className: cn("h-3 w-3", isLatest ? "text-[#00D4FF]" : "text-gray-300")
+                  }
+                ),
+                insight.category
+              ] }),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-1.5 text-[12px] leading-relaxed sm:text-[13px]",
+                    isLatest ? "text-gray-700" : "text-gray-400"
+                  ),
+                  children: renderHighlightedText(insight.text)
+                }
+              )
+            ]
+          },
+          `${i}-${insightIdx}`
+        );
+      }) })
+    }
+  ) }) });
+}
+
+export { AnimationAIAnalysis };
+//# sourceMappingURL=chunk-BTFYV3TI.js.map
+//# sourceMappingURL=chunk-BTFYV3TI.js.map

package/dist/chunk-BTFYV3TI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-ai-analysis.tsx"],"names":[],"mappings":"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","file":"chunk-BTFYV3TI.js","sourcesContent":["\"use client\"\n\nimport { Sparkles } from \"lucide-react\"\nimport { AnimatePresence, domAnimation, LazyMotion, m } from \"motion/react\"\nimport { useEffect, useRef } from \"react\"\n\nimport { useAnimationTimer } from \"../hooks/use-animation-timer\"\n\nimport { EASE_OUT } from \"../lib/animation\"\nimport { cn } from \"../lib/utils\"\n\ntype Insight = {\n  category: string\n  text: string\n}\n\nconst INSIGHTS: Insight[] = [\n  {\n    category: \"Risk Assessment\",\n    text: \"Counterparty risk assessed as {low} based on VASP registration status and historical transaction patterns.\",\n  },\n  {\n    category: \"Threshold Analysis\",\n    text: \"Transfer {exceeds SGD 20,000} reporting threshold — enhanced due diligence triggered under MAS Notice PSN01.\",\n  },\n  {\n    category: \"Travel Rule\",\n    text: \"Beneficiary VASP {verified} against IVMS101 directory — originator and beneficiary data complete.\",\n  },\n  {\n    category: \"Jurisdiction Mapping\",\n    text: \"Corridor {SG → US} mapped — both counterparties subject to Travel Rule data requirements.\",\n  },\n  {\n    category: \"Sanctions Screening\",\n    text: \"Screening {cleared} — no matches found across OFAC SDN, EU consolidated, and UN sanctions lists.\",\n  },\n]\n\nfunction renderHighlightedText(text: string) {\n  const parts = text.split(/\\{([^}]+)\\}/g)\n  return parts.map((part, i) =>\n    i % 2 === 1 ? (\n      <span key={i} className=\"rounded-sm bg-[#00D4FF]/10 px-1 font-medium text-[#0099BB]\">\n        {part}\n      </span>\n    ) : (\n      <span key={i}>{part}</span>\n    ),\n  )\n}\n\nexport default function AnimationAIAnalysis({ className }: { className?: string }) {\n  const [timerRef, tick] = useAnimationTimer(2800)\n  const count = Math.min(tick + 1, 3)\n  const startIdx = Math.max(0, tick + 1 - count)\n  const visibleCards = Array.from({ length: count }, (_, i) => (startIdx + i) % INSIGHTS.length)\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  // Auto-scroll to bottom when new card appears\n  useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollTo({\n        top: scrollRef.current.scrollHeight,\n        behavior: \"smooth\",\n      })\n    }\n  }, [])\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={timerRef} className={cn(\"flex flex-col overflow-hidden\", className)}>\n        <div\n          ref={scrollRef}\n          className=\"scrollbar-none flex flex-1 flex-col gap-2.5 overflow-y-auto px-4 py-4\"\n        >\n          <AnimatePresence initial={false}>\n            {visibleCards.map((insightIdx, i) => {\n              const insight = INSIGHTS[insightIdx]\n              const isLatest = i === visibleCards.length - 1\n              return (\n                <m.div\n                  key={`${i}-${insightIdx}`}\n                  initial={{ opacity: 0, y: 16 }}\n                  animate={{ opacity: isLatest ? 1 : 0.5, y: 0 }}\n                  exit={{ opacity: 0, y: -8 }}\n                  transition={{ duration: 0.4, ease: EASE_OUT }}\n                  className={cn(\n                    \"shrink-0 rounded-xl border bg-white p-3.5 transition-shadow duration-300\",\n                    isLatest ? \"border-gray-200 shadow-sm\" : \"border-gray-100\",\n                  )}\n                >\n                  <div className=\"flex items-center gap-2 font-medium text-[11px] text-gray-400\">\n                    <Sparkles\n                      className={cn(\"h-3 w-3\", isLatest ? \"text-[#00D4FF]\" : \"text-gray-300\")}\n                    />\n                    {insight.category}\n                  </div>\n                  <p\n                    className={cn(\n                      \"mt-1.5 text-[12px] leading-relaxed sm:text-[13px]\",\n                      isLatest ? \"text-gray-700\" : \"text-gray-400\",\n                    )}\n                  >\n                    {renderHighlightedText(insight.text)}\n                  </p>\n                </m.div>\n              )\n            })}\n          </AnimatePresence>\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/chunk-BTZB4JRC.js

@@ -0,0 +1,117 @@
+"use client";
+import { EASE_OUT } from './chunk-TAPJEVUA.js';
+import { cn } from './chunk-GZNLQE3I.js';
+import { motion } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function AnimationJiraTicket({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col bg-white p-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-gray-400", children: [
+      /* @__PURE__ */ jsx("span", { children: "COGENTIC" }),
+      /* @__PURE__ */ jsx("span", { children: "/" }),
+      /* @__PURE__ */ jsx("span", { children: "Compliance Reviews" }),
+      /* @__PURE__ */ jsx("span", { children: "/" }),
+      /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: "COG-847" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 8 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.5, ease: EASE_OUT, delay: 0.2 },
+        children: [
+          /* @__PURE__ */ jsx("h4", { className: "mt-2 font-semibold text-[14px] text-gray-900 leading-snug", children: "Review: TXN-0847 \u2014 High risk corridor" }),
+          /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { duration: 0.3, delay: 0.5 },
+              className: "mt-2.5 flex flex-wrap items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "rounded bg-blue-100 px-2 py-0.5 font-bold text-[10px] text-blue-700", children: "IN REVIEW" }),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-[10px] text-gray-500", children: [
+                  /* @__PURE__ */ jsxs("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [
+                    /* @__PURE__ */ jsx("path", { d: "M5 2V5L7 6.5", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "4", stroke: "currentColor", strokeWidth: "1" })
+                  ] }),
+                  "Created 2 min ago"
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-[10px] text-gray-500", children: [
+                  /* @__PURE__ */ jsx("span", { className: "inline-flex size-4 items-center justify-center rounded-full bg-emerald-100 font-bold text-[7px] text-emerald-700", children: "JC" }),
+                  "J. Chen"
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 rounded bg-red-50 px-1.5 py-0.5 font-semibold text-[10px] text-red-600", children: [
+                  /* @__PURE__ */ jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: "M4 1V5M4 6.5V7",
+                      stroke: "currentColor",
+                      strokeWidth: "1.2",
+                      strokeLinecap: "round"
+                    }
+                  ) }),
+                  "High"
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 6 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.4, ease: EASE_OUT, delay: 0.7 },
+        className: "mt-3 rounded border border-gray-100 bg-gray-50 p-3",
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold text-[10px] text-gray-400 uppercase tracking-wider", children: "Cogentic compliance brief" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-1.5", children: [
+            { label: "Corridor", value: "AU \u2192 SG" },
+            { label: "Risk score", value: "72 / 100" },
+            { label: "Trigger", value: "PEP screening match, threshold exceeded" },
+            { label: "Recommendation", value: "Verify beneficiary identity before clearing" }
+          ].map((row, i) => /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              initial: { opacity: 0, x: -4 },
+              animate: { opacity: 1, x: 0 },
+              transition: { duration: 0.25, delay: 0.9 + i * 0.1 },
+              className: "flex gap-2",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "w-[80px] shrink-0 font-medium text-[10px] text-gray-400", children: row.label }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-[10px] text-gray-700", children: row.value })
+              ]
+            },
+            row.label
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { duration: 0.3, delay: 1.4 },
+        className: "mt-3",
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold text-[10px] text-gray-400 uppercase tracking-wider", children: "Activity" }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-0.5 size-1.5 shrink-0 rounded-full bg-blue-400" }),
+            /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-gray-500", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "Cogentic" }),
+              " created this issue from flagged transfer TXN-0847"
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { AnimationJiraTicket };
+//# sourceMappingURL=chunk-BTZB4JRC.js.map
+//# sourceMappingURL=chunk-BTZB4JRC.js.map

package/dist/chunk-BTZB4JRC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-jira-ticket.tsx"],"names":[],"mappings":"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","file":"chunk-BTZB4JRC.js","sourcesContent":["\"use client\"\n\nimport { motion } from \"motion/react\"\n\nimport { EASE_OUT } from \"../lib/animation\"\nimport { cn } from \"../lib/utils\"\n\nexport default function AnimationJiraTicket({ className }: { className?: string }) {\n  return (\n    <div className={cn(\"flex flex-col bg-white p-4\", className)}>\n      {/* Breadcrumb */}\n      <div className=\"flex items-center gap-1.5 text-[10px] text-gray-400\">\n        <span>COGENTIC</span>\n        <span>/</span>\n        <span>Compliance Reviews</span>\n        <span>/</span>\n        <span className=\"text-gray-600\">COG-847</span>\n      </div>\n\n      {/* Issue header */}\n      <motion.div\n        initial={{ opacity: 0, y: 8 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.5, ease: EASE_OUT, delay: 0.2 }}\n      >\n        <h4 className=\"mt-2 font-semibold text-[14px] text-gray-900 leading-snug\">\n          Review: TXN-0847 — High risk corridor\n        </h4>\n\n        {/* Status & meta row */}\n        <motion.div\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ duration: 0.3, delay: 0.5 }}\n          className=\"mt-2.5 flex flex-wrap items-center gap-2\"\n        >\n          <span className=\"rounded bg-blue-100 px-2 py-0.5 font-bold text-[10px] text-blue-700\">\n            IN REVIEW\n          </span>\n          <span className=\"flex items-center gap-1 text-[10px] text-gray-500\">\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\n              <path d=\"M5 2V5L7 6.5\" stroke=\"currentColor\" strokeWidth=\"1\" strokeLinecap=\"round\" />\n              <circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1\" />\n            </svg>\n            Created 2 min ago\n          </span>\n          <span className=\"flex items-center gap-1 text-[10px] text-gray-500\">\n            <span className=\"inline-flex size-4 items-center justify-center rounded-full bg-emerald-100 font-bold text-[7px] text-emerald-700\">\n              JC\n            </span>\n            J. Chen\n          </span>\n          <span className=\"flex items-center gap-1 rounded bg-red-50 px-1.5 py-0.5 font-semibold text-[10px] text-red-600\">\n            <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n              <path\n                d=\"M4 1V5M4 6.5V7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.2\"\n                strokeLinecap=\"round\"\n              />\n            </svg>\n            High\n          </span>\n        </motion.div>\n      </motion.div>\n\n      {/* Description — Cogentic compliance brief */}\n      <motion.div\n        initial={{ opacity: 0, y: 6 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.4, ease: EASE_OUT, delay: 0.7 }}\n        className=\"mt-3 rounded border border-gray-100 bg-gray-50 p-3\"\n      >\n        <p className=\"font-semibold text-[10px] text-gray-400 uppercase tracking-wider\">\n          Cogentic compliance brief\n        </p>\n        <div className=\"mt-2 space-y-1.5\">\n          {[\n            { label: \"Corridor\", value: \"AU \\u2192 SG\" },\n            { label: \"Risk score\", value: \"72 / 100\" },\n            { label: \"Trigger\", value: \"PEP screening match, threshold exceeded\" },\n            { label: \"Recommendation\", value: \"Verify beneficiary identity before clearing\" },\n          ].map((row, i) => (\n            <motion.div\n              key={row.label}\n              initial={{ opacity: 0, x: -4 }}\n              animate={{ opacity: 1, x: 0 }}\n              transition={{ duration: 0.25, delay: 0.9 + i * 0.1 }}\n              className=\"flex gap-2\"\n            >\n              <span className=\"w-[80px] shrink-0 font-medium text-[10px] text-gray-400\">\n                {row.label}\n              </span>\n              <span className=\"font-medium text-[10px] text-gray-700\">{row.value}</span>\n            </motion.div>\n          ))}\n        </div>\n      </motion.div>\n\n      {/* Activity section */}\n      <motion.div\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        transition={{ duration: 0.3, delay: 1.4 }}\n        className=\"mt-3\"\n      >\n        <p className=\"font-semibold text-[10px] text-gray-400 uppercase tracking-wider\">Activity</p>\n        <div className=\"mt-1.5 flex items-start gap-2\">\n          <div className=\"mt-0.5 size-1.5 shrink-0 rounded-full bg-blue-400\" />\n          <p className=\"text-[10px] text-gray-500\">\n            <span className=\"font-medium text-gray-700\">Cogentic</span> created this issue from\n            flagged transfer TXN-0847\n          </p>\n        </div>\n      </motion.div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-BZSA47MS.js

@@ -0,0 +1,121 @@
+"use client";
+import { EASE_OUT } from './chunk-TAPJEVUA.js';
+import { useAnimationTimer } from './chunk-RXV2XUDZ.js';
+import { cn } from './chunk-GZNLQE3I.js';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TRANSFERS = [
+  {
+    txn: "TXN-0847",
+    corridor: "AU \u2192 SG",
+    risk: "High",
+    assignee: { name: "Sarah Chen", initials: "SC", colour: "bg-violet-100 text-violet-700" },
+    reason: "High risk \u2192 Senior analyst"
+  },
+  {
+    txn: "TXN-0848",
+    corridor: "DE \u2192 US",
+    risk: "Low",
+    assignee: {
+      name: "Auto-approved",
+      initials: "\u2713",
+      colour: "bg-emerald-100 text-emerald-700"
+    },
+    reason: "Low risk \u2192 Auto-approval"
+  },
+  {
+    txn: "TXN-0849",
+    corridor: "JP \u2192 AE",
+    risk: "Medium",
+    assignee: { name: "Marcus Webb", initials: "MW", colour: "bg-blue-100 text-blue-700" },
+    reason: "MENA specialist"
+  },
+  {
+    txn: "TXN-0850",
+    corridor: "CA \u2192 HK",
+    risk: "High",
+    assignee: { name: "Li Wei", initials: "LW", colour: "bg-amber-100 text-amber-700" },
+    reason: "APAC jurisdiction"
+  }
+];
+var riskColour = {
+  Low: "bg-emerald-50 text-emerald-700",
+  Medium: "bg-amber-50 text-amber-700",
+  High: "bg-red-50 text-red-700"
+};
+function AnimationTeamRouting({ className }) {
+  const [timerRef, tick] = useAnimationTimer(2400);
+  const count = Math.min(tick + 1, 4);
+  const startIdx = Math.max(0, tick + 1 - count);
+  const visible = Array.from({ length: count }, (_, i) => (startIdx + i) % TRANSFERS.length);
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { ref: timerRef, className: cn("flex flex-col p-5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-semibold text-[15px] text-foreground", children: "Team Routing" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[12px] text-gray-400", children: "Automatic assignment" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex -space-x-1.5", children: [
+        ["SC", "MW", "LW"].map((init) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex size-6 items-center justify-center rounded-full border-2 border-white bg-gray-100 font-bold text-[9px] text-gray-500",
+            children: init
+          },
+          init
+        )),
+        /* @__PURE__ */ jsx("div", { className: "flex size-6 items-center justify-center rounded-full border-2 border-white bg-gray-100 font-bold text-[9px] text-gray-400", children: "+4" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: visible.map((tIdx, i) => {
+      const t = TRANSFERS[tIdx];
+      const isLatest = i === visible.length - 1;
+      return /* @__PURE__ */ jsxs(
+        m.div,
+        {
+          initial: { opacity: 0, x: -12 },
+          animate: { opacity: isLatest ? 1 : 0.5, x: 0 },
+          transition: { duration: 0.35, ease: EASE_OUT },
+          className: cn(
+            "flex items-center gap-3 rounded-lg border bg-white px-3 py-2.5",
+            isLatest ? "border-gray-200 shadow-sm" : "border-gray-100"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex size-8 shrink-0 items-center justify-center rounded-full font-bold text-[11px]",
+                  t.assignee.colour
+                ),
+                children: t.assignee.initials
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-bold font-mono text-[11px] text-gray-400", children: t.txn }),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400", children: t.corridor })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "truncate text-[11px] text-gray-500", children: t.reason })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "shrink-0 rounded-full px-2 py-0.5 font-semibold text-[10px]",
+                  riskColour[t.risk]
+                ),
+                children: t.risk
+              }
+            )
+          ]
+        },
+        `${i}-${tIdx}`
+      );
+    }) })
+  ] }) });
+}
+
+export { AnimationTeamRouting };
+//# sourceMappingURL=chunk-BZSA47MS.js.map
+//# sourceMappingURL=chunk-BZSA47MS.js.map

package/dist/chunk-BZSA47MS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-team-routing.tsx"],"names":[],"mappings":"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","file":"chunk-BZSA47MS.js","sourcesContent":["\"use client\"\n\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\n\nimport { useAnimationTimer } from \"../hooks/use-animation-timer\"\n\nimport { EASE_OUT } from \"../lib/animation\"\nimport { cn } from \"../lib/utils\"\n\ntype Transfer = {\n  txn: string\n  corridor: string\n  risk: \"Low\" | \"Medium\" | \"High\"\n  assignee: { name: string; initials: string; colour: string }\n  reason: string\n}\n\nconst TRANSFERS: Transfer[] = [\n  {\n    txn: \"TXN-0847\",\n    corridor: \"AU \\u2192 SG\",\n    risk: \"High\",\n    assignee: { name: \"Sarah Chen\", initials: \"SC\", colour: \"bg-violet-100 text-violet-700\" },\n    reason: \"High risk \\u2192 Senior analyst\",\n  },\n  {\n    txn: \"TXN-0848\",\n    corridor: \"DE \\u2192 US\",\n    risk: \"Low\",\n    assignee: {\n      name: \"Auto-approved\",\n      initials: \"\\u2713\",\n      colour: \"bg-emerald-100 text-emerald-700\",\n    },\n    reason: \"Low risk \\u2192 Auto-approval\",\n  },\n  {\n    txn: \"TXN-0849\",\n    corridor: \"JP \\u2192 AE\",\n    risk: \"Medium\",\n    assignee: { name: \"Marcus Webb\", initials: \"MW\", colour: \"bg-blue-100 text-blue-700\" },\n    reason: \"MENA specialist\",\n  },\n  {\n    txn: \"TXN-0850\",\n    corridor: \"CA \\u2192 HK\",\n    risk: \"High\",\n    assignee: { name: \"Li Wei\", initials: \"LW\", colour: \"bg-amber-100 text-amber-700\" },\n    reason: \"APAC jurisdiction\",\n  },\n]\n\nconst riskColour: Record<string, string> = {\n  Low: \"bg-emerald-50 text-emerald-700\",\n  Medium: \"bg-amber-50 text-amber-700\",\n  High: \"bg-red-50 text-red-700\",\n}\n\nexport default function AnimationTeamRouting({ className }: { className?: string }) {\n  const [timerRef, tick] = useAnimationTimer(2400)\n  const count = Math.min(tick + 1, 4)\n  const startIdx = Math.max(0, tick + 1 - count)\n  const visible = Array.from({ length: count }, (_, i) => (startIdx + i) % TRANSFERS.length)\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={timerRef} className={cn(\"flex flex-col p-5\", className)}>\n        {/* Header */}\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <p className=\"font-semibold text-[15px] text-foreground\">Team Routing</p>\n            <p className=\"text-[12px] text-gray-400\">Automatic assignment</p>\n          </div>\n          <div className=\"flex -space-x-1.5\">\n            {[\"SC\", \"MW\", \"LW\"].map((init) => (\n              <div\n                key={init}\n                className=\"flex size-6 items-center justify-center rounded-full border-2 border-white bg-gray-100 font-bold text-[9px] text-gray-500\"\n              >\n                {init}\n              </div>\n            ))}\n            <div className=\"flex size-6 items-center justify-center rounded-full border-2 border-white bg-gray-100 font-bold text-[9px] text-gray-400\">\n              +4\n            </div>\n          </div>\n        </div>\n\n        {/* Routing entries */}\n        <div className=\"mt-4 space-y-2\">\n          {visible.map((tIdx, i) => {\n            const t = TRANSFERS[tIdx]\n            const isLatest = i === visible.length - 1\n            return (\n              <m.div\n                key={`${i}-${tIdx}`}\n                initial={{ opacity: 0, x: -12 }}\n                animate={{ opacity: isLatest ? 1 : 0.5, x: 0 }}\n                transition={{ duration: 0.35, ease: EASE_OUT }}\n                className={cn(\n                  \"flex items-center gap-3 rounded-lg border bg-white px-3 py-2.5\",\n                  isLatest ? \"border-gray-200 shadow-sm\" : \"border-gray-100\",\n                )}\n              >\n                {/* Avatar */}\n                <div\n                  className={cn(\n                    \"flex size-8 shrink-0 items-center justify-center rounded-full font-bold text-[11px]\",\n                    t.assignee.colour,\n                  )}\n                >\n                  {t.assignee.initials}\n                </div>\n\n                {/* Info */}\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"font-bold font-mono text-[11px] text-gray-400\">{t.txn}</span>\n                    <span className=\"text-[11px] text-gray-400\">{t.corridor}</span>\n                  </div>\n                  <p className=\"truncate text-[11px] text-gray-500\">{t.reason}</p>\n                </div>\n\n                {/* Risk badge */}\n                <span\n                  className={cn(\n                    \"shrink-0 rounded-full px-2 py-0.5 font-semibold text-[10px]\",\n                    riskColour[t.risk],\n                  )}\n                >\n                  {t.risk}\n                </span>\n              </m.div>\n            )\n          })}\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/chunk-CG5JA7FM.js

@@ -0,0 +1,107 @@
+"use client";
+import { __objRest, __spreadValues, cn } from './chunk-GZNLQE3I.js';
+import { jsx } from 'react/jsx-runtime';
+
+var paddingStyles = {
+  none: "py-0 gap-0",
+  xs: "py-1 gap-1",
+  sm: "py-2 gap-2",
+  default: "",
+  lg: "py-8 gap-8"
+};
+function Card(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    padding = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "padding"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-6 overflow-hidden rounded-xl border border-border bg-card py-6 text-card-foreground text-sm shadow-xs has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        padding !== "default" && paddingStyles[padding],
+        className
+      )
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4",
+        className
+      )
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-title",
+      className: cn(
+        "font-medium text-base leading-normal group-data-[size=sm]/card:text-sm",
+        className
+      )
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+function CardAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-action",
+      className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-content",
+      className: cn("px-6 group-data-[size=sm]/card:px-4", className)
+    }, props)
+  );
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4",
+        className
+      )
+    }, props)
+  );
+}
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=chunk-CG5JA7FM.js.map
+//# sourceMappingURL=chunk-CG5JA7FM.js.map

package/dist/chunk-CG5JA7FM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card.tsx"],"names":[],"mappings":"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","file":"chunk-CG5JA7FM.js","sourcesContent":["import type * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst paddingStyles = {\n  none: \"py-0 gap-0\",\n  xs: \"py-1 gap-1\",\n  sm: \"py-2 gap-2\",\n  default: \"\",\n  lg: \"py-8 gap-8\",\n} as const\n\nfunction Card({\n  className,\n  size = \"default\",\n  padding = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  size?: \"default\" | \"sm\"\n  padding?: \"none\" | \"xs\" | \"sm\" | \"default\" | \"lg\"\n}) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        \"group/card flex flex-col gap-6 overflow-hidden rounded-xl border border-border bg-card py-6 text-card-foreground text-sm shadow-xs has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n        padding !== \"default\" && paddingStyles[padding],\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        \"font-medium text-base leading-normal group-data-[size=sm]/card:text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-6 group-data-[size=sm]/card:px-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        \"flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent }\n"]}