@cogentic-co/ds 0.4.1

package/dist/chunk-IKATDPHG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-teams-notification.tsx"],"names":[],"mappings":";;;;;AAOe,SAAR,0BAAA,CAA4C,EAAE,SAAA,EAAU,EAA2B;AACxF,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA,EAE5D,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8DAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,QACnD,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oBAAA,EAAqB,MAAA,EAAO,OAAA,EAAQ,aAAY,GAAA,EAAI,aAAA,EAAc,OAAA,EAAQ,CAAA,EACpF,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EAA0C,QAAA,EAAA,oBAAA,EAAkB;AAAA,KAAA,EAC9E,CAAA;AAAA,oBAGA,IAAA;AAAA,MAAC,MAAA,CAAO,GAAA;AAAA,MAAP;AAAA,QACC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,QAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,QAC5B,YAAY,EAAE,QAAA,EAAU,KAAK,IAAA,EAAM,QAAA,EAAU,OAAO,GAAA,EAAI;AAAA,QACxD,SAAA,EAAU,+BAAA;AAAA,QAGV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+BAAA,EAAgC,CAAA;AAAA,0BAC/C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,OAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,MAAK,MAAA,EACnD,QAAA,kBAAA,GAAA,CAAC,UAAK,CAAA,EAAE,+BAAA,EAAgC,QAAO,SAAA,EAAU,WAAA,EAAY,KAAA,EAAM,CAAA,EAC7E,CAAA,EACF,CAAA;AAAA,8BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,8BACzE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA4B,QAAA,EAAA,UAAA,EAAQ;AAAA,aAAA,EACtD,CAAA;AAAA,4BAEA,IAAA;AAAA,cAAC,MAAA,CAAO,GAAA;AAAA,cAAP;AAAA,gBACC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,gBACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,gBACtB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,gBAExC,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAiD,QAAA,EAAA,0BAAA,EAE9D,CAAA;AAAA,kCAGA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACZ,QAAA,EAAA;AAAA,oBACC,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAW;AAAA,oBACvC,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,cAAA,EAAe;AAAA,oBAC3C,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,UAAA,EAAY,WAAW,IAAA,EAAK;AAAA,oBAC1D,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,WAAA;AAAY,mBACzC,CAAE,GAAA,CAAI,CAAC,IAAA,0BACJ,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uCAAA,EAAyC,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,oCACpE,GAAA;AAAA,sBAAC,GAAA;AAAA,sBAAA;AAAA,wBACC,SAAA,EAAW,EAAA;AAAA,0BACT,2BAAA;AAAA,0BACA,IAAA,CAAK,YAAY,cAAA,GAAiB;AAAA,yBACpC;AAAA,wBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR,mBAAA,EAAA,EATQ,IAAA,CAAK,KAUf,CACD,CAAA,EACH,CAAA;AAAA,kCAGA,IAAA;AAAA,oBAAC,MAAA,CAAO,GAAA;AAAA,oBAAP;AAAA,sBACC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,sBACnC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,CAAA,EAAE;AAAA,sBAChC,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,sBACxC,SAAA,EAAU,kEAAA;AAAA,sBAEV,QAAA,EAAA;AAAA,wCAAA,GAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,SAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,kBAAA,GAAA,CAAC,UAAK,CAAA,EAAE,qCAAA,EAAsC,QAAO,SAAA,EAAU,WAAA,EAAY,KAAI,CAAA,EACjF,CAAA;AAAA,wCACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,8DAAA,EAEzD;AAAA;AAAA;AAAA;AACF;AAAA;AAAA,aACF;AAAA,4BAGA,IAAA;AAAA,cAAC,MAAA,CAAO,GAAA;AAAA,cAAP;AAAA,gBACC,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,gBACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,gBACtB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,gBACxC,SAAA,EAAU,iBAAA;AAAA,gBAEV,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uEAAA,EAAwE,QAAA,EAAA,iBAAA,EAExF,CAAA;AAAA,kCACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oFAAA,EAAqF,QAAA,EAAA,iBAAA,EAErG;AAAA;AAAA;AAAA;AACF,WAAA,EACF;AAAA;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ","file":"chunk-IKATDPHG.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 AnimationTeamsNotification({ className }: { className?: string }) {\n  return (\n    <div className={cn(\"flex flex-col bg-[#f5f5f5] p-4\", className)}>\n      {/* Teams channel header */}\n      <div className=\"flex items-center gap-2 pb-2.5\">\n        <div className=\"flex size-5 items-center justify-center rounded bg-[#6264A7]\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\n            <path d=\"M1 3H9M1 5H6M1 7H7\" stroke=\"white\" strokeWidth=\"1\" strokeLinecap=\"round\" />\n          </svg>\n        </div>\n        <span className=\"font-semibold text-[13px] text-gray-900\">Compliance Reviews</span>\n      </div>\n\n      {/* Adaptive card message */}\n      <motion.div\n        initial={{ opacity: 0, y: 10 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ duration: 0.5, ease: EASE_OUT, delay: 0.3 }}\n        className=\"rounded-lg bg-white shadow-sm\"\n      >\n        {/* Card header with accent */}\n        <div className=\"h-1 rounded-t-lg bg-[#6264A7]\" />\n        <div className=\"p-3.5\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"flex size-6 items-center justify-center rounded bg-gray-900\">\n              <svg width=\"10\" height=\"10\" viewBox=\"0 0 14 14\" fill=\"none\">\n                <path d=\"M7 1L12 4V10L7 13L2 10V4L7 1Z\" stroke=\"#00D4FF\" strokeWidth=\"1.2\" />\n              </svg>\n            </div>\n            <span className=\"font-bold text-[12px] text-gray-900\">Cogentic Compliance</span>\n            <span className=\"text-[10px] text-gray-400\">10:42 AM</span>\n          </div>\n\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            transition={{ duration: 0.4, delay: 0.6 }}\n          >\n            <p className=\"mt-2.5 font-semibold text-[12px] text-gray-900\">\n              Transfer requires review\n            </p>\n\n            {/* Transfer details grid */}\n            <div className=\"mt-2 grid grid-cols-2 gap-x-4 gap-y-1.5\">\n              {[\n                { label: \"Transfer\", value: \"TXN-0847\" },\n                { label: \"Corridor\", value: \"AU \\u2192 SG\" },\n                { label: \"Risk score\", value: \"72 / 100\", highlight: true },\n                { label: \"Trigger\", value: \"PEP match\" },\n              ].map((item) => (\n                <div key={item.label}>\n                  <span className=\"font-medium text-[10px] text-gray-400\">{item.label}</span>\n                  <p\n                    className={cn(\n                      \"font-semibold text-[11px]\",\n                      item.highlight ? \"text-red-500\" : \"text-gray-800\",\n                    )}\n                  >\n                    {item.value}\n                  </p>\n                </div>\n              ))}\n            </div>\n\n            {/* Jurisdiction badge */}\n            <motion.div\n              initial={{ opacity: 0, scale: 0.95 }}\n              animate={{ opacity: 1, scale: 1 }}\n              transition={{ duration: 0.3, delay: 0.9 }}\n              className=\"mt-2.5 flex items-center gap-2 rounded bg-amber-50 px-2.5 py-1.5\"\n            >\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n                <path d=\"M6 1L11 3.5V8.5L6 11L1 8.5V3.5L6 1Z\" stroke=\"#D97706\" strokeWidth=\"1\" />\n              </svg>\n              <span className=\"font-medium text-[10px] text-amber-700\">\n                SG jurisdiction requires beneficiary verification within 24h\n              </span>\n            </motion.div>\n          </motion.div>\n\n          {/* Action buttons */}\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            transition={{ duration: 0.3, delay: 1.1 }}\n            className=\"mt-3 flex gap-2\"\n          >\n            <span className=\"rounded bg-[#6264A7] px-3 py-1.5 font-semibold text-[11px] text-white\">\n              Review transfer\n            </span>\n            <span className=\"rounded border border-gray-200 px-3 py-1.5 font-semibold text-[11px] text-gray-600\">\n              Assign reviewer\n            </span>\n          </motion.div>\n        </div>\n      </motion.div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-KUOF3XRZ.js

@@ -0,0 +1,108 @@
+"use client";
+import { useAnimationTimer } from './chunk-RXV2XUDZ.js';
+import { cn } from './chunk-GZNLQE3I.js';
+import { Zap } from 'lucide-react';
+import { LazyMotion, domAnimation, AnimatePresence, m } from 'motion/react';
+import { useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var EVENTS = [
+  {
+    event: "transfer.screened",
+    status: 200,
+    latency: "42ms",
+    payload: '{ "id": "TXN-0847", "result": "compliant" }',
+    colour: "text-emerald-400"
+  },
+  {
+    event: "transfer.flagged",
+    status: 200,
+    latency: "38ms",
+    payload: '{ "id": "TXN-0846", "risk": "high", "reason": "threshold" }',
+    colour: "text-amber-400"
+  },
+  {
+    event: "verification.complete",
+    status: 200,
+    latency: "51ms",
+    payload: '{ "transfer": "TXN-0845", "travel_rule": "verified" }',
+    colour: "text-[#00D4FF]"
+  },
+  {
+    event: "report.generated",
+    status: 200,
+    latency: "67ms",
+    payload: '{ "ref": "CR-2024-Q4", "type": "quarterly" }',
+    colour: "text-violet-400"
+  },
+  {
+    event: "rule.triggered",
+    status: 200,
+    latency: "29ms",
+    payload: '{ "rule": "CR-007", "transfer": "TXN-0851" }',
+    colour: "text-red-400"
+  }
+];
+function AnimationWebhooks({ className }) {
+  const [timerRef, tick] = useAnimationTimer(2200);
+  const count = Math.min(tick + 1, 6);
+  const startIdx = Math.max(0, tick + 1 - count);
+  const visible = Array.from({ length: count }, (_, i) => (startIdx + i) % EVENTS.length);
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    requestAnimationFrame(() => {
+      el.scrollTop = el.scrollHeight;
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { ref: timerRef, className: cn("flex flex-col bg-[#1a1a2e]", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-white/10 border-b px-4 py-2", children: [
+      /* @__PURE__ */ jsx(Zap, { className: "size-3 text-amber-400" }),
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-white/60", children: "Webhook Events" }),
+      /* @__PURE__ */ jsxs("span", { className: "ml-auto flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs("span", { className: "relative flex size-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-75" }),
+          /* @__PURE__ */ jsx("span", { className: "relative inline-flex size-1.5 rounded-full bg-emerald-500" })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] text-emerald-400", children: "live" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "scrollbar-none flex-1 overflow-y-auto px-3 py-2", children: /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: visible.map((evIdx, i) => {
+      const ev = EVENTS[evIdx];
+      const isLatest = i === visible.length - 1;
+      return /* @__PURE__ */ jsxs(
+        m.div,
+        {
+          initial: { opacity: 0, x: -8 },
+          animate: { opacity: isLatest ? 1 : 0.4, x: 0 },
+          exit: { opacity: 0, x: 8 },
+          transition: { duration: 0.3 },
+          className: "rounded-md border border-white/5 bg-white/5 px-3 py-2",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: cn("font-mono font-semibold text-[11px]", ev.colour), children: ev.event }),
+              /* @__PURE__ */ jsx("span", { className: "ml-auto font-mono text-[10px] text-emerald-400", children: ev.status }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] text-white/30", children: ev.latency })
+            ] }),
+            isLatest && /* @__PURE__ */ jsx(
+              m.p,
+              {
+                initial: { opacity: 0 },
+                animate: { opacity: 1 },
+                transition: { delay: 0.15 },
+                className: "mt-1 truncate font-mono text-[10px] text-white/40",
+                children: ev.payload
+              }
+            )
+          ]
+        },
+        `${i}-${evIdx}`
+      );
+    }) }) }) })
+  ] }) });
+}
+
+export { AnimationWebhooks };
+//# sourceMappingURL=chunk-KUOF3XRZ.js.map
+//# sourceMappingURL=chunk-KUOF3XRZ.js.map

package/dist/chunk-KUOF3XRZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-webhooks.tsx"],"names":[],"mappings":"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","file":"chunk-KUOF3XRZ.js","sourcesContent":["\"use client\"\n\nimport { Zap } 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 { cn } from \"../lib/utils\"\n\ntype WebhookEvent = {\n  event: string\n  status: number\n  latency: string\n  payload: string\n  colour: string\n}\n\nconst EVENTS: WebhookEvent[] = [\n  {\n    event: \"transfer.screened\",\n    status: 200,\n    latency: \"42ms\",\n    payload: '{ \"id\": \"TXN-0847\", \"result\": \"compliant\" }',\n    colour: \"text-emerald-400\",\n  },\n  {\n    event: \"transfer.flagged\",\n    status: 200,\n    latency: \"38ms\",\n    payload: '{ \"id\": \"TXN-0846\", \"risk\": \"high\", \"reason\": \"threshold\" }',\n    colour: \"text-amber-400\",\n  },\n  {\n    event: \"verification.complete\",\n    status: 200,\n    latency: \"51ms\",\n    payload: '{ \"transfer\": \"TXN-0845\", \"travel_rule\": \"verified\" }',\n    colour: \"text-[#00D4FF]\",\n  },\n  {\n    event: \"report.generated\",\n    status: 200,\n    latency: \"67ms\",\n    payload: '{ \"ref\": \"CR-2024-Q4\", \"type\": \"quarterly\" }',\n    colour: \"text-violet-400\",\n  },\n  {\n    event: \"rule.triggered\",\n    status: 200,\n    latency: \"29ms\",\n    payload: '{ \"rule\": \"CR-007\", \"transfer\": \"TXN-0851\" }',\n    colour: \"text-red-400\",\n  },\n]\n\nexport default function AnimationWebhooks({ className }: { className?: string }) {\n  const [timerRef, tick] = useAnimationTimer(2200)\n  const count = Math.min(tick + 1, 6)\n  const startIdx = Math.max(0, tick + 1 - count)\n  const visible = Array.from({ length: count }, (_, i) => (startIdx + i) % EVENTS.length)\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const el = scrollRef.current\n    if (!el) return\n    requestAnimationFrame(() => {\n      el.scrollTop = el.scrollHeight\n    })\n  }, [])\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={timerRef} className={cn(\"flex flex-col bg-[#1a1a2e]\", className)}>\n        {/* Header */}\n        <div className=\"flex items-center gap-2 border-white/10 border-b px-4 py-2\">\n          <Zap className=\"size-3 text-amber-400\" />\n          <span className=\"font-mono text-[11px] text-white/60\">Webhook Events</span>\n          <span className=\"ml-auto flex items-center gap-1\">\n            <span className=\"relative flex size-1.5\">\n              <span className=\"absolute inline-flex size-full animate-ping rounded-full bg-emerald-400 opacity-75\" />\n              <span className=\"relative inline-flex size-1.5 rounded-full bg-emerald-500\" />\n            </span>\n            <span className=\"font-mono text-[10px] text-emerald-400\">live</span>\n          </span>\n        </div>\n\n        {/* Events */}\n        <div ref={scrollRef} className=\"scrollbar-none flex-1 overflow-y-auto px-3 py-2\">\n          <div className=\"space-y-1.5\">\n            <AnimatePresence initial={false}>\n              {visible.map((evIdx, i) => {\n                const ev = EVENTS[evIdx]\n                const isLatest = i === visible.length - 1\n                return (\n                  <m.div\n                    key={`${i}-${evIdx}`}\n                    initial={{ opacity: 0, x: -8 }}\n                    animate={{ opacity: isLatest ? 1 : 0.4, x: 0 }}\n                    exit={{ opacity: 0, x: 8 }}\n                    transition={{ duration: 0.3 }}\n                    className=\"rounded-md border border-white/5 bg-white/5 px-3 py-2\"\n                  >\n                    <div className=\"flex items-center gap-2\">\n                      <span className={cn(\"font-mono font-semibold text-[11px]\", ev.colour)}>\n                        {ev.event}\n                      </span>\n                      <span className=\"ml-auto font-mono text-[10px] text-emerald-400\">\n                        {ev.status}\n                      </span>\n                      <span className=\"font-mono text-[10px] text-white/30\">{ev.latency}</span>\n                    </div>\n                    {isLatest && (\n                      <m.p\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        transition={{ delay: 0.15 }}\n                        className=\"mt-1 truncate font-mono text-[10px] text-white/40\"\n                      >\n                        {ev.payload}\n                      </m.p>\n                    )}\n                  </m.div>\n                )\n              })}\n            </AnimatePresence>\n          </div>\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/chunk-LW6GAWZM.js

@@ -0,0 +1,148 @@
+"use client";
+import { Button } from './chunk-BNFSXNP2.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-CG5JA7FM.js';
+import { __objRest, __spreadValues, cn, __spreadProps } from './chunk-GZNLQE3I.js';
+import { Input as Input$1 } from '@base-ui/react/input';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ jsx(
+    Input$1,
+    __spreadValues({
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props)
+  );
+}
+function Label(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "label",
+    __spreadValues({
+      "data-slot": "label",
+      className: cn(
+        "flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
+        className
+      )
+    }, props)
+  );
+}
+var defaultContent = {
+  login: {
+    title: "Welcome back",
+    description: "Enter your credentials to sign in",
+    submit: "Sign in"
+  },
+  register: {
+    title: "Create an account",
+    description: "Enter your details to get started",
+    submit: "Create account"
+  },
+  "forgot-password": {
+    title: "Forgot password",
+    description: "Enter your email to receive a reset link",
+    submit: "Send reset link"
+  }
+};
+function AuthForm(_a) {
+  var _b = _a, {
+    variant = "login",
+    onSubmit,
+    logo,
+    title,
+    description,
+    footer,
+    socialButtons,
+    loading = false,
+    className
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "onSubmit",
+    "logo",
+    "title",
+    "description",
+    "footer",
+    "socialButtons",
+    "loading",
+    "className"
+  ]);
+  const content = defaultContent[variant];
+  function handleSubmit(e) {
+    e.preventDefault();
+    onSubmit == null ? void 0 : onSubmit(new FormData(e.currentTarget));
+  }
+  return /* @__PURE__ */ jsxs(Card, __spreadProps(__spreadValues({ "data-slot": "auth-form", className: cn("w-full max-w-md", className) }, props), { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      logo && /* @__PURE__ */ jsx("div", { className: "mb-4 flex justify-center", children: logo }),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-xl", children: title != null ? title : content.title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description != null ? description : content.description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+        (variant === "login" || variant === "register") && /* @__PURE__ */ jsxs(Fragment, { children: [
+          variant === "register" && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "auth-name", children: "Name" }),
+            /* @__PURE__ */ jsx(Input, { id: "auth-name", name: "name", placeholder: "Full name", required: true })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "auth-email", children: "Email" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "auth-email",
+                name: "email",
+                type: "email",
+                placeholder: "you@example.com",
+                required: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "auth-password", children: "Password" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "auth-password",
+                name: "password",
+                type: "password",
+                placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+                required: true
+              }
+            )
+          ] })
+        ] }),
+        variant === "forgot-password" && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "auth-email", children: "Email" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "auth-email",
+              name: "email",
+              type: "email",
+              placeholder: "you@example.com",
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", className: "w-full", disabled: loading, children: loading ? "Loading..." : content.submit })
+      ] }),
+      socialButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative my-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("span", { className: "w-full border-t" }) }),
+          /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-card px-2 text-muted-foreground", children: "Or continue with" }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid gap-2", children: socialButtons })
+      ] })
+    ] }),
+    footer && /* @__PURE__ */ jsx(CardFooter, { className: "justify-center text-muted-foreground text-sm", children: footer })
+  ] }));
+}
+
+export { AuthForm, Input, Label };
+//# sourceMappingURL=chunk-LW6GAWZM.js.map
+//# sourceMappingURL=chunk-LW6GAWZM.js.map

package/dist/chunk-LW6GAWZM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input.tsx","../src/components/label.tsx","../src/blocks/auth-form.tsx"],"names":["InputPrimitive","jsx"],"mappings":"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","file":"chunk-LW6GAWZM.js","sourcesContent":["import { Input as InputPrimitive } from \"@base-ui/react/input\"\nimport type * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","\"use client\"\n\nimport type * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"flex select-none items-center gap-2 font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n","\"use client\"\n\nimport type * as React from \"react\"\nimport { Button } from \"../components/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"../components/card\"\nimport { Input } from \"../components/input\"\nimport { Label } from \"../components/label\"\nimport { cn } from \"../lib/utils\"\n\ntype AuthFormVariant = \"login\" | \"register\" | \"forgot-password\"\n\ntype AuthFormProps = React.ComponentProps<typeof Card> & {\n  variant?: AuthFormVariant\n  onSubmit?: (data: FormData) => void\n  logo?: React.ReactNode\n  title?: string\n  description?: string\n  footer?: React.ReactNode\n  socialButtons?: React.ReactNode\n  loading?: boolean\n}\n\nconst defaultContent: Record<\n  AuthFormVariant,\n  { title: string; description: string; submit: string }\n> = {\n  login: {\n    title: \"Welcome back\",\n    description: \"Enter your credentials to sign in\",\n    submit: \"Sign in\",\n  },\n  register: {\n    title: \"Create an account\",\n    description: \"Enter your details to get started\",\n    submit: \"Create account\",\n  },\n  \"forgot-password\": {\n    title: \"Forgot password\",\n    description: \"Enter your email to receive a reset link\",\n    submit: \"Send reset link\",\n  },\n}\n\nfunction AuthForm({\n  variant = \"login\",\n  onSubmit,\n  logo,\n  title,\n  description,\n  footer,\n  socialButtons,\n  loading = false,\n  className,\n  ...props\n}: AuthFormProps) {\n  const content = defaultContent[variant]\n\n  function handleSubmit(e: React.FormEvent<HTMLFormElement>) {\n    e.preventDefault()\n    onSubmit?.(new FormData(e.currentTarget))\n  }\n\n  return (\n    <Card data-slot=\"auth-form\" className={cn(\"w-full max-w-md\", className)} {...props}>\n      <CardHeader className=\"text-center\">\n        {logo && <div className=\"mb-4 flex justify-center\">{logo}</div>}\n        <CardTitle className=\"text-xl\">{title ?? content.title}</CardTitle>\n        <CardDescription>{description ?? content.description}</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          {(variant === \"login\" || variant === \"register\") && (\n            <>\n              {variant === \"register\" && (\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"auth-name\">Name</Label>\n                  <Input id=\"auth-name\" name=\"name\" placeholder=\"Full name\" required />\n                </div>\n              )}\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"auth-email\">Email</Label>\n                <Input\n                  id=\"auth-email\"\n                  name=\"email\"\n                  type=\"email\"\n                  placeholder=\"you@example.com\"\n                  required\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"auth-password\">Password</Label>\n                <Input\n                  id=\"auth-password\"\n                  name=\"password\"\n                  type=\"password\"\n                  placeholder=\"••••••••\"\n                  required\n                />\n              </div>\n            </>\n          )}\n          {variant === \"forgot-password\" && (\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"auth-email\">Email</Label>\n              <Input\n                id=\"auth-email\"\n                name=\"email\"\n                type=\"email\"\n                placeholder=\"you@example.com\"\n                required\n              />\n            </div>\n          )}\n          <Button type=\"submit\" className=\"w-full\" disabled={loading}>\n            {loading ? \"Loading...\" : content.submit}\n          </Button>\n        </form>\n        {socialButtons && (\n          <>\n            <div className=\"relative my-4\">\n              <div className=\"absolute inset-0 flex items-center\">\n                <span className=\"w-full border-t\" />\n              </div>\n              <div className=\"relative flex justify-center text-xs uppercase\">\n                <span className=\"bg-card px-2 text-muted-foreground\">Or continue with</span>\n              </div>\n            </div>\n            <div className=\"grid gap-2\">{socialButtons}</div>\n          </>\n        )}\n      </CardContent>\n      {footer && (\n        <CardFooter className=\"justify-center text-muted-foreground text-sm\">{footer}</CardFooter>\n      )}\n    </Card>\n  )\n}\n\nexport { AuthForm }\nexport type { AuthFormProps, AuthFormVariant }\n"]}

package/dist/chunk-N7PBUY7G.js

@@ -0,0 +1,110 @@
+"use client";
+import { cn } from './chunk-GZNLQE3I.js';
+import { RotateCcw, Play } from 'lucide-react';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SCRIPT = [
+  { type: "command", text: "$ cogentic-cli test transfer --corridor AU:SG --amount 45000" },
+  { type: "info", text: "\u2192 Using sandbox environment (test mode)" },
+  { type: "output", text: "Creating test transfer TXN-TEST-0001..." },
+  { type: "output", text: "Screening against sandbox ruleset..." },
+  { type: "output", text: "  Jurisdiction: AUSTRAC \u2192 MAS" },
+  { type: "output", text: "  Threshold check: AUD 10,000 exceeded" },
+  { type: "output", text: "  Travel Rule: IVMS101 required" },
+  { type: "output", text: "  Risk score: 18/100 (Low)" },
+  { type: "success", text: "\u2713 Transfer screened: COMPLIANT" },
+  { type: "info", text: "\u2192 Sandbox report: SR-TEST-0001 generated" },
+  { type: "info", text: "\u2192 No production data affected" },
+  { type: "command", text: "" },
+  { type: "command", text: "$ cogentic-cli test transfer --corridor HK:GB --amount 120000" },
+  { type: "info", text: "\u2192 Using sandbox environment (test mode)" },
+  { type: "output", text: "Creating test transfer TXN-TEST-0002..." },
+  { type: "output", text: "Screening against sandbox ruleset..." },
+  { type: "output", text: "  Jurisdiction: SFC \u2192 FCA" },
+  { type: "output", text: "  High-risk corridor detected" },
+  { type: "output", text: "  Enhanced due diligence triggered" },
+  { type: "output", text: "  Risk score: 72/100 (High)" },
+  { type: "success", text: "\u26A0 Transfer screened: FLAGGED \u2014 manual review required" }
+];
+var lineColour = {
+  command: "text-white/90",
+  output: "text-white/50",
+  success: "text-emerald-400",
+  info: "text-[#00D4FF]/80"
+};
+function AnimationSandbox({ className }) {
+  const [visibleLines, setVisibleLines] = useState(0);
+  const scrollRef = useRef(null);
+  const reset = useCallback(() => {
+    setVisibleLines(0);
+  }, []);
+  useEffect(() => {
+    if (visibleLines < SCRIPT.length) {
+      const line = SCRIPT[visibleLines];
+      const delay = line.type === "command" ? 400 : line.text === "" ? 200 : 120;
+      const id = setTimeout(() => setVisibleLines((v) => v + 1), delay);
+      return () => clearTimeout(id);
+    } else {
+      const id = setTimeout(reset, 4e3);
+      return () => clearTimeout(id);
+    }
+  }, [visibleLines, reset]);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    requestAnimationFrame(() => {
+      el.scrollTop = el.scrollHeight;
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col bg-[#1a1a2e]", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-white/10 border-b px-4 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-red-400/80" }),
+        /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-amber-400/80" }),
+        /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-full bg-emerald-400/80" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "ml-2 font-mono text-[10px] text-white/40", children: "cogentic-sandbox" }),
+      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "rounded-full bg-amber-500/20 px-2 py-0.5 font-bold font-mono text-[9px] text-amber-300", children: "SANDBOX" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: reset,
+            className: "text-white/30 transition-colors hover:text-white/60",
+            "aria-label": "Restart",
+            children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "scrollbar-none flex-1 overflow-y-auto px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      SCRIPT.slice(0, visibleLines).map((line, i) => /* @__PURE__ */ jsx(
+        m.p,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          className: cn("font-mono text-[11px] leading-relaxed", lineColour[line.type]),
+          children: line.text || "\xA0"
+        },
+        i
+      )),
+      visibleLines < SCRIPT.length && /* @__PURE__ */ jsx("p", { className: "animate-pulse font-mono text-[11px] text-white/30", children: "\u2588" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-white/10 border-t px-4 py-1.5", children: [
+      /* @__PURE__ */ jsx(Play, { className: "size-3 text-emerald-400" }),
+      /* @__PURE__ */ jsxs("span", { className: "font-mono text-[9px] text-white/30", children: [
+        "Sandbox ",
+        "\u2022",
+        " No production data ",
+        "\u2022",
+        " Realistic responses"
+      ] })
+    ] })
+  ] }) });
+}
+
+export { AnimationSandbox };
+//# sourceMappingURL=chunk-N7PBUY7G.js.map
+//# sourceMappingURL=chunk-N7PBUY7G.js.map

package/dist/chunk-N7PBUY7G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-sandbox.tsx"],"names":[],"mappings":"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","file":"chunk-N7PBUY7G.js","sourcesContent":["\"use client\"\n\nimport { Play, RotateCcw } from \"lucide-react\"\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\ntype ConsoleLine = {\n  type: \"command\" | \"output\" | \"success\" | \"info\"\n  text: string\n}\n\nconst SCRIPT: ConsoleLine[] = [\n  { type: \"command\", text: \"$ cogentic-cli test transfer --corridor AU:SG --amount 45000\" },\n  { type: \"info\", text: \"\\u2192 Using sandbox environment (test mode)\" },\n  { type: \"output\", text: \"Creating test transfer TXN-TEST-0001...\" },\n  { type: \"output\", text: \"Screening against sandbox ruleset...\" },\n  { type: \"output\", text: \"  Jurisdiction: AUSTRAC \\u2192 MAS\" },\n  { type: \"output\", text: \"  Threshold check: AUD 10,000 exceeded\" },\n  { type: \"output\", text: \"  Travel Rule: IVMS101 required\" },\n  { type: \"output\", text: \"  Risk score: 18/100 (Low)\" },\n  { type: \"success\", text: \"\\u2713 Transfer screened: COMPLIANT\" },\n  { type: \"info\", text: \"\\u2192 Sandbox report: SR-TEST-0001 generated\" },\n  { type: \"info\", text: \"\\u2192 No production data affected\" },\n  { type: \"command\", text: \"\" },\n  { type: \"command\", text: \"$ cogentic-cli test transfer --corridor HK:GB --amount 120000\" },\n  { type: \"info\", text: \"\\u2192 Using sandbox environment (test mode)\" },\n  { type: \"output\", text: \"Creating test transfer TXN-TEST-0002...\" },\n  { type: \"output\", text: \"Screening against sandbox ruleset...\" },\n  { type: \"output\", text: \"  Jurisdiction: SFC \\u2192 FCA\" },\n  { type: \"output\", text: \"  High-risk corridor detected\" },\n  { type: \"output\", text: \"  Enhanced due diligence triggered\" },\n  { type: \"output\", text: \"  Risk score: 72/100 (High)\" },\n  { type: \"success\", text: \"\\u26A0 Transfer screened: FLAGGED \\u2014 manual review required\" },\n]\n\nconst lineColour: Record<ConsoleLine[\"type\"], string> = {\n  command: \"text-white/90\",\n  output: \"text-white/50\",\n  success: \"text-emerald-400\",\n  info: \"text-[#00D4FF]/80\",\n}\n\nexport default function AnimationSandbox({ className }: { className?: string }) {\n  const [visibleLines, setVisibleLines] = useState(0)\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  const reset = useCallback(() => {\n    setVisibleLines(0)\n  }, [])\n\n  useEffect(() => {\n    if (visibleLines < SCRIPT.length) {\n      const line = SCRIPT[visibleLines]\n      const delay = line.type === \"command\" ? 400 : line.text === \"\" ? 200 : 120\n      const id = setTimeout(() => setVisibleLines((v) => v + 1), delay)\n      return () => clearTimeout(id)\n    } else {\n      const id = setTimeout(reset, 4000)\n      return () => clearTimeout(id)\n    }\n  }, [visibleLines, reset])\n\n  useEffect(() => {\n    const el = scrollRef.current\n    if (!el) return\n    requestAnimationFrame(() => {\n      el.scrollTop = el.scrollHeight\n    })\n  }, [])\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div className={cn(\"flex flex-col bg-[#1a1a2e]\", className)}>\n        {/* Terminal bar */}\n        <div className=\"flex items-center gap-3 border-white/10 border-b px-4 py-2\">\n          <div className=\"flex gap-1.5\">\n            <span className=\"size-2.5 rounded-full bg-red-400/80\" />\n            <span className=\"size-2.5 rounded-full bg-amber-400/80\" />\n            <span className=\"size-2.5 rounded-full bg-emerald-400/80\" />\n          </div>\n          <span className=\"ml-2 font-mono text-[10px] text-white/40\">cogentic-sandbox</span>\n          <div className=\"ml-auto flex items-center gap-2\">\n            <span className=\"rounded-full bg-amber-500/20 px-2 py-0.5 font-bold font-mono text-[9px] text-amber-300\">\n              SANDBOX\n            </span>\n            <button\n              onClick={reset}\n              className=\"text-white/30 transition-colors hover:text-white/60\"\n              aria-label=\"Restart\"\n            >\n              <RotateCcw className=\"size-3\" />\n            </button>\n          </div>\n        </div>\n\n        {/* Console output */}\n        <div ref={scrollRef} className=\"scrollbar-none flex-1 overflow-y-auto px-4 py-3\">\n          <div className=\"space-y-0.5\">\n            {SCRIPT.slice(0, visibleLines).map((line, i) => (\n              <m.p\n                key={i}\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                className={cn(\"font-mono text-[11px] leading-relaxed\", lineColour[line.type])}\n              >\n                {line.text || \"\\u00A0\"}\n              </m.p>\n            ))}\n            {visibleLines < SCRIPT.length && (\n              <p className=\"animate-pulse font-mono text-[11px] text-white/30\">{\"\\u2588\"}</p>\n            )}\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center gap-2 border-white/10 border-t px-4 py-1.5\">\n          <Play className=\"size-3 text-emerald-400\" />\n          <span className=\"font-mono text-[9px] text-white/30\">\n            Sandbox {\"\\u2022\"} No production data {\"\\u2022\"} Realistic responses\n          </span>\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/chunk-NAPDFVBI.js

@@ -0,0 +1,102 @@
+"use client";
+import { useAnimationTimer } from './chunk-RXV2XUDZ.js';
+import { cn } from './chunk-GZNLQE3I.js';
+import { Lock, ShieldCheck } from 'lucide-react';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var MESSAGES = [
+  {
+    direction: "sent",
+    label: "Originator data sent",
+    fields: [
+      { key: "Name", value: "J\u2022\u2022\u2022\u2022\u2022\u2022 S\u2022\u2022\u2022h" },
+      { key: "Account", value: "\u2022\u2022\u2022\u2022\u2022\u20227a4f" },
+      { key: "Institution", value: "Aqua Exchange" }
+    ],
+    encrypted: true
+  },
+  {
+    direction: "received",
+    label: "Beneficiary data received",
+    fields: [
+      { key: "Name", value: "L\u2022\u2022 C\u2022\u2022n" },
+      { key: "Account", value: "\u2022\u2022\u2022\u2022\u2022\u2022e81b" },
+      { key: "Institution", value: "Atlas Digital" }
+    ],
+    encrypted: true
+  },
+  {
+    direction: "sent",
+    label: "Verification complete",
+    fields: [
+      { key: "Status", value: "Both parties verified" },
+      { key: "Protocol", value: "TRP v2.0" },
+      { key: "Ref", value: "TR-2024-0847" }
+    ],
+    encrypted: true
+  }
+];
+function AnimationSecureMessaging({ className }) {
+  const [timerRef, tick] = useAnimationTimer(2800);
+  const cyclePos = tick % (MESSAGES.length + 1);
+  const visible = cyclePos === 0 ? [0] : Array.from(
+    { length: Math.min(cyclePos + 1, MESSAGES.length) },
+    (_, i) => i % MESSAGES.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__ */ jsxs("div", { ref: timerRef, className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-gray-100 border-b bg-gray-50/80 px-4 py-2", children: [
+      /* @__PURE__ */ jsx(Lock, { className: "size-3 text-[#00D4FF]" }),
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-[11px] text-gray-700", children: "Encrypted Channel" }),
+      /* @__PURE__ */ jsxs("span", { className: "ml-auto flex items-center gap-1 text-[10px] text-emerald-600", children: [
+        /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3" }),
+        "TLS 1.3"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { ref: scrollRef, className: "scrollbar-none flex-1 space-y-3 overflow-y-auto px-4 py-3", children: visible.map((msgIdx, i) => {
+      const msg = MESSAGES[msgIdx];
+      const isLatest = i === visible.length - 1;
+      return /* @__PURE__ */ jsxs(
+        m.div,
+        {
+          initial: { opacity: 0, y: 10 },
+          animate: { opacity: isLatest ? 1 : 0.5, y: 0 },
+          transition: { duration: 0.35 },
+          className: cn(
+            "max-w-[85%] rounded-lg border bg-white p-3",
+            msg.direction === "sent" ? "ml-auto border-[#00D4FF]/20" : "border-gray-100"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx(Lock, { className: "size-2.5 text-[#00D4FF]" }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-[10px] text-gray-600", children: msg.label })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-1", children: msg.fields.map((f) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: f.key }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-[10px] text-gray-700", children: f.value })
+            ] }, f.key)) })
+          ]
+        },
+        `${i}-${msgIdx}`
+      );
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "border-gray-100 border-t bg-gray-50/60 px-4 py-2", children: /* @__PURE__ */ jsxs("p", { className: "text-center text-[9px] text-gray-400", children: [
+      "AES-256 at rest ",
+      "\u2022",
+      " TLS 1.3 in transit ",
+      "\u2022",
+      " End-to-end encrypted"
+    ] }) })
+  ] }) });
+}
+
+export { AnimationSecureMessaging };
+//# sourceMappingURL=chunk-NAPDFVBI.js.map
+//# sourceMappingURL=chunk-NAPDFVBI.js.map

package/dist/chunk-NAPDFVBI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-secure-messaging.tsx"],"names":[],"mappings":"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","file":"chunk-NAPDFVBI.js","sourcesContent":["\"use client\"\n\nimport { Lock, ShieldCheck } from \"lucide-react\"\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\nimport { useEffect, useRef } from \"react\"\n\nimport { useAnimationTimer } from \"../hooks/use-animation-timer\"\n\nimport { cn } from \"../lib/utils\"\n\ntype Message = {\n  direction: \"sent\" | \"received\"\n  label: string\n  fields: { key: string; value: string }[]\n  encrypted: boolean\n}\n\nconst MESSAGES: Message[] = [\n  {\n    direction: \"sent\",\n    label: \"Originator data sent\",\n    fields: [\n      { key: \"Name\", value: \"J\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022 S\\u2022\\u2022\\u2022h\" },\n      { key: \"Account\", value: \"\\u2022\\u2022\\u2022\\u2022\\u2022\\u20227a4f\" },\n      { key: \"Institution\", value: \"Aqua Exchange\" },\n    ],\n    encrypted: true,\n  },\n  {\n    direction: \"received\",\n    label: \"Beneficiary data received\",\n    fields: [\n      { key: \"Name\", value: \"L\\u2022\\u2022 C\\u2022\\u2022n\" },\n      { key: \"Account\", value: \"\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022e81b\" },\n      { key: \"Institution\", value: \"Atlas Digital\" },\n    ],\n    encrypted: true,\n  },\n  {\n    direction: \"sent\",\n    label: \"Verification complete\",\n    fields: [\n      { key: \"Status\", value: \"Both parties verified\" },\n      { key: \"Protocol\", value: \"TRP v2.0\" },\n      { key: \"Ref\", value: \"TR-2024-0847\" },\n    ],\n    encrypted: true,\n  },\n]\n\nexport default function AnimationSecureMessaging({ className }: { className?: string }) {\n  const [timerRef, tick] = useAnimationTimer(2800)\n  // Reset to [0] after showing all messages, then accumulate again\n  const cyclePos = tick % (MESSAGES.length + 1)\n  const visible =\n    cyclePos === 0\n      ? [0]\n      : Array.from(\n          { length: Math.min(cyclePos + 1, MESSAGES.length) },\n          (_, i) => i % MESSAGES.length,\n        )\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (scrollRef.current) {\n      scrollRef.current.scrollTo({ top: scrollRef.current.scrollHeight, behavior: \"smooth\" })\n    }\n  }, [])\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={timerRef} className={cn(\"flex flex-col\", className)}>\n        {/* Header */}\n        <div className=\"flex items-center gap-2 border-gray-100 border-b bg-gray-50/80 px-4 py-2\">\n          <Lock className=\"size-3 text-[#00D4FF]\" />\n          <span className=\"font-semibold text-[11px] text-gray-700\">Encrypted Channel</span>\n          <span className=\"ml-auto flex items-center gap-1 text-[10px] text-emerald-600\">\n            <ShieldCheck className=\"size-3\" />\n            TLS 1.3\n          </span>\n        </div>\n\n        {/* Messages */}\n        <div ref={scrollRef} className=\"scrollbar-none flex-1 space-y-3 overflow-y-auto px-4 py-3\">\n          {visible.map((msgIdx, i) => {\n            const msg = MESSAGES[msgIdx]\n            const isLatest = i === visible.length - 1\n            return (\n              <m.div\n                key={`${i}-${msgIdx}`}\n                initial={{ opacity: 0, y: 10 }}\n                animate={{ opacity: isLatest ? 1 : 0.5, y: 0 }}\n                transition={{ duration: 0.35 }}\n                className={cn(\n                  \"max-w-[85%] rounded-lg border bg-white p-3\",\n                  msg.direction === \"sent\" ? \"ml-auto border-[#00D4FF]/20\" : \"border-gray-100\",\n                )}\n              >\n                <div className=\"flex items-center gap-1.5\">\n                  <Lock className=\"size-2.5 text-[#00D4FF]\" />\n                  <span className=\"font-semibold text-[10px] text-gray-600\">{msg.label}</span>\n                </div>\n                <div className=\"mt-2 space-y-1\">\n                  {msg.fields.map((f) => (\n                    <div key={f.key} className=\"flex items-center justify-between\">\n                      <span className=\"text-[10px] text-gray-400\">{f.key}</span>\n                      <span className=\"font-medium font-mono text-[10px] text-gray-700\">\n                        {f.value}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </m.div>\n            )\n          })}\n        </div>\n\n        {/* Footer */}\n        <div className=\"border-gray-100 border-t bg-gray-50/60 px-4 py-2\">\n          <p className=\"text-center text-[9px] text-gray-400\">\n            AES-256 at rest {\"\\u2022\"} TLS 1.3 in transit {\"\\u2022\"} End-to-end encrypted\n          </p>\n        </div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}