@cogentic-co/ds 0.4.1

package/dist/chunk-5JLZ42JT.js

@@ -0,0 +1,125 @@
+"use client";
+import { useCycleIndex } from './chunk-6RWCZUAD.js';
+import { cn } from './chunk-GZNLQE3I.js';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CORRIDORS = [
+  {
+    from: { code: "AU", flag: "\u{1F1E6}\u{1F1FA}", jurisdiction: "AUSTRAC" },
+    to: { code: "SG", flag: "\u{1F1F8}\u{1F1EC}", jurisdiction: "MAS" },
+    requirement: "Full Travel Rule \u2014 IVMS101",
+    threshold: "AUD 10,000 / SGD 20,000",
+    status: "Resolved"
+  },
+  {
+    from: { code: "HK", flag: "\u{1F1ED}\u{1F1F0}", jurisdiction: "SFC" },
+    to: { code: "GB", flag: "\u{1F1EC}\u{1F1E7}", jurisdiction: "FCA" },
+    requirement: "Enhanced Due Diligence",
+    threshold: "No de minimis",
+    status: "Resolved"
+  },
+  {
+    from: { code: "AE", flag: "\u{1F1E6}\u{1F1EA}", jurisdiction: "VARA" },
+    to: { code: "NL", flag: "\u{1F1F3}\u{1F1F1}", jurisdiction: "DNB" },
+    requirement: "MiCA \u2014 Travel Rule",
+    threshold: "EUR 1,000",
+    status: "Pending"
+  }
+];
+var CYCLE_MS = 3500;
+function AnimationJurisdictionDetection({ className }) {
+  const [containerRef, index] = useCycleIndex(CORRIDORS.length, CYCLE_MS);
+  const c = CORRIDORS[index];
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, 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: "Jurisdiction Detection" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[12px] text-gray-400", children: "Automatic corridor mapping" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        m.span,
+        {
+          initial: { opacity: 0, scale: 0.9 },
+          animate: { opacity: 1, scale: 1 },
+          className: cn(
+            "rounded-full px-2.5 py-1 font-semibold text-[11px]",
+            c.status === "Resolved" ? "bg-emerald-50 text-emerald-700" : "bg-amber-50 text-amber-700"
+          ),
+          children: c.status
+        },
+        index
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      m.div,
+      {
+        initial: { opacity: 0, y: 6 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3 },
+        className: "mt-4 flex items-center justify-between rounded-lg border border-gray-100 bg-gray-50 px-4 py-3",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-2xl", children: c.from.flag }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 font-bold font-mono text-[12px] text-gray-900", children: c.from.code }),
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-400", children: c.from.jurisdiction })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mx-3 flex flex-1 flex-col items-center gap-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-gradient-to-r from-transparent via-[#00D4FF] to-transparent" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-[#0099BB] text-[10px]", children: "Travel Rule" }),
+            /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-gradient-to-r from-transparent via-[#00D4FF] to-transparent" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-2xl", children: c.to.flag }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 font-bold font-mono text-[12px] text-gray-900", children: c.to.code }),
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-400", children: c.to.jurisdiction })
+          ] })
+        ]
+      },
+      `corridor-${index}`
+    ),
+    /* @__PURE__ */ jsxs(
+      m.div,
+      {
+        initial: { opacity: 0, y: 4 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.25, delay: 0.15 },
+        className: "mt-3 grid grid-cols-2 gap-2",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-gray-100 bg-white px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-[10px] text-gray-400", children: "Requirement" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 font-semibold text-[12px] text-gray-800", children: c.requirement })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-gray-100 bg-white px-3 py-2.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-[10px] text-gray-400", children: "Threshold" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 font-semibold text-[12px] text-gray-800", children: c.threshold })
+          ] })
+        ]
+      },
+      `detail-${index}`
+    ),
+    /* @__PURE__ */ jsx(
+      m.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { delay: 0.3 },
+        className: "mt-3 space-y-1 rounded-lg border border-gray-100 bg-white px-3 py-2",
+        children: [
+          `Originator jurisdiction: ${c.from.jurisdiction}`,
+          `Beneficiary jurisdiction: ${c.to.jurisdiction}`,
+          `Applicable requirement: ${c.requirement}`
+        ].map((line, i) => /* @__PURE__ */ jsxs("p", { className: "font-mono text-[10px] text-gray-500", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-emerald-500", children: "\u2713" }),
+          " ",
+          line
+        ] }, i))
+      },
+      `log-${index}`
+    )
+  ] }) });
+}
+
+export { AnimationJurisdictionDetection };
+//# sourceMappingURL=chunk-5JLZ42JT.js.map
+//# sourceMappingURL=chunk-5JLZ42JT.js.map

package/dist/chunk-5JLZ42JT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-jurisdiction-detection.tsx"],"names":[],"mappings":"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","file":"chunk-5JLZ42JT.js","sourcesContent":["\"use client\"\n\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\n\nimport { useCycleIndex } from \"../hooks/use-cycle-index\"\n\nimport { cn } from \"../lib/utils\"\n\ntype Corridor = {\n  from: { code: string; flag: string; jurisdiction: string }\n  to: { code: string; flag: string; jurisdiction: string }\n  requirement: string\n  threshold: string\n  status: \"Resolved\" | \"Pending\"\n}\n\nconst CORRIDORS: Corridor[] = [\n  {\n    from: { code: \"AU\", flag: \"\\u{1F1E6}\\u{1F1FA}\", jurisdiction: \"AUSTRAC\" },\n    to: { code: \"SG\", flag: \"\\u{1F1F8}\\u{1F1EC}\", jurisdiction: \"MAS\" },\n    requirement: \"Full Travel Rule — IVMS101\",\n    threshold: \"AUD 10,000 / SGD 20,000\",\n    status: \"Resolved\",\n  },\n  {\n    from: { code: \"HK\", flag: \"\\u{1F1ED}\\u{1F1F0}\", jurisdiction: \"SFC\" },\n    to: { code: \"GB\", flag: \"\\u{1F1EC}\\u{1F1E7}\", jurisdiction: \"FCA\" },\n    requirement: \"Enhanced Due Diligence\",\n    threshold: \"No de minimis\",\n    status: \"Resolved\",\n  },\n  {\n    from: { code: \"AE\", flag: \"\\u{1F1E6}\\u{1F1EA}\", jurisdiction: \"VARA\" },\n    to: { code: \"NL\", flag: \"\\u{1F1F3}\\u{1F1F1}\", jurisdiction: \"DNB\" },\n    requirement: \"MiCA — Travel Rule\",\n    threshold: \"EUR 1,000\",\n    status: \"Pending\",\n  },\n]\n\nconst CYCLE_MS = 3500\n\nexport default function AnimationJurisdictionDetection({ className }: { className?: string }) {\n  const [containerRef, index] = useCycleIndex(CORRIDORS.length, CYCLE_MS)\n  const c = CORRIDORS[index]\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={containerRef} 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\">Jurisdiction Detection</p>\n            <p className=\"text-[12px] text-gray-400\">Automatic corridor mapping</p>\n          </div>\n          <m.span\n            key={index}\n            initial={{ opacity: 0, scale: 0.9 }}\n            animate={{ opacity: 1, scale: 1 }}\n            className={cn(\n              \"rounded-full px-2.5 py-1 font-semibold text-[11px]\",\n              c.status === \"Resolved\"\n                ? \"bg-emerald-50 text-emerald-700\"\n                : \"bg-amber-50 text-amber-700\",\n            )}\n          >\n            {c.status}\n          </m.span>\n        </div>\n\n        {/* Corridor visualisation */}\n        <m.div\n          key={`corridor-${index}`}\n          initial={{ opacity: 0, y: 6 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ duration: 0.3 }}\n          className=\"mt-4 flex items-center justify-between rounded-lg border border-gray-100 bg-gray-50 px-4 py-3\"\n        >\n          {/* From */}\n          <div className=\"text-center\">\n            <span className=\"text-2xl\">{c.from.flag}</span>\n            <p className=\"mt-1 font-bold font-mono text-[12px] text-gray-900\">{c.from.code}</p>\n            <p className=\"text-[10px] text-gray-400\">{c.from.jurisdiction}</p>\n          </div>\n\n          {/* Arrow */}\n          <div className=\"mx-3 flex flex-1 flex-col items-center gap-1\">\n            <div className=\"h-px w-full bg-gradient-to-r from-transparent via-[#00D4FF] to-transparent\" />\n            <span className=\"font-medium text-[#0099BB] text-[10px]\">Travel Rule</span>\n            <div className=\"h-px w-full bg-gradient-to-r from-transparent via-[#00D4FF] to-transparent\" />\n          </div>\n\n          {/* To */}\n          <div className=\"text-center\">\n            <span className=\"text-2xl\">{c.to.flag}</span>\n            <p className=\"mt-1 font-bold font-mono text-[12px] text-gray-900\">{c.to.code}</p>\n            <p className=\"text-[10px] text-gray-400\">{c.to.jurisdiction}</p>\n          </div>\n        </m.div>\n\n        {/* Details */}\n        <m.div\n          key={`detail-${index}`}\n          initial={{ opacity: 0, y: 4 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ duration: 0.25, delay: 0.15 }}\n          className=\"mt-3 grid grid-cols-2 gap-2\"\n        >\n          <div className=\"rounded-lg border border-gray-100 bg-white px-3 py-2.5\">\n            <span className=\"font-medium text-[10px] text-gray-400\">Requirement</span>\n            <p className=\"mt-0.5 font-semibold text-[12px] text-gray-800\">{c.requirement}</p>\n          </div>\n          <div className=\"rounded-lg border border-gray-100 bg-white px-3 py-2.5\">\n            <span className=\"font-medium text-[10px] text-gray-400\">Threshold</span>\n            <p className=\"mt-0.5 font-semibold text-[12px] text-gray-800\">{c.threshold}</p>\n          </div>\n        </m.div>\n\n        {/* Mini log */}\n        <m.div\n          key={`log-${index}`}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ delay: 0.3 }}\n          className=\"mt-3 space-y-1 rounded-lg border border-gray-100 bg-white px-3 py-2\"\n        >\n          {[\n            `Originator jurisdiction: ${c.from.jurisdiction}`,\n            `Beneficiary jurisdiction: ${c.to.jurisdiction}`,\n            `Applicable requirement: ${c.requirement}`,\n          ].map((line, i) => (\n            <p key={i} className=\"font-mono text-[10px] text-gray-500\">\n              <span className=\"text-emerald-500\">{\"\\u2713\"}</span> {line}\n            </p>\n          ))}\n        </m.div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/chunk-5OOO6TRA.js

@@ -0,0 +1,111 @@
+"use client";
+import { useCycleIndex } from './chunk-6RWCZUAD.js';
+import { cn } from './chunk-GZNLQE3I.js';
+import { FileText, CheckCircle2, Download } from 'lucide-react';
+import { LazyMotion, domAnimation, m } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var REPORTS = [
+  {
+    ref: "CR-2024-Q4",
+    title: "AUSTRAC Compliance Report",
+    jurisdiction: "Australia",
+    flag: "\u{1F1E6}\u{1F1FA}",
+    period: "Q4 2024",
+    status: "Generated",
+    sections: [
+      { name: "Transfers screened", items: 4821 },
+      { name: "STRs filed", items: 3 },
+      { name: "Sanctions hits", items: 0 },
+      { name: "Travel Rule compliance", items: 99 }
+    ]
+  },
+  {
+    ref: "CR-2024-MAS",
+    title: "MAS Regulatory Filing",
+    jurisdiction: "Singapore",
+    flag: "\u{1F1F8}\u{1F1EC}",
+    period: "H2 2024",
+    status: "Generated",
+    sections: [
+      { name: "Transfers screened", items: 2340 },
+      { name: "High-risk flagged", items: 18 },
+      { name: "EDD completed", items: 18 },
+      { name: "Travel Rule compliance", items: 100 }
+    ]
+  }
+];
+function AnimationComplianceReports({ className }) {
+  const [containerRef, index] = useCycleIndex(REPORTS.length, 4500);
+  const r = REPORTS[index];
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, 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: "Compliance Reports" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[12px] text-gray-400", children: "One-click generation" })
+      ] }),
+      /* @__PURE__ */ jsx(FileText, { className: "size-4 text-gray-400" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      m.div,
+      {
+        initial: { opacity: 0, y: 6 },
+        animate: { opacity: 1, y: 0 },
+        transition: { duration: 0.3 },
+        className: "mt-4 rounded-lg border border-gray-100 bg-gray-50",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-gray-100 border-b px-4 py-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-lg", children: r.flag }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "font-semibold text-[13px] text-gray-900", children: r.title }),
+              /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-gray-400", children: [
+                r.ref,
+                " ",
+                "\u2022",
+                " ",
+                r.period
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-full bg-emerald-50 px-2 py-0.5", children: [
+              /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3 text-emerald-500" }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-[10px] text-emerald-700", children: r.status })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2 p-3", children: r.sections.map((s, i) => /* @__PURE__ */ jsxs(
+            m.div,
+            {
+              initial: { opacity: 0, y: 4 },
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 0.1 + i * 0.08 },
+              className: "rounded-md bg-white px-3 py-2",
+              children: [
+                /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-400", children: s.name }),
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 font-bold font-mono text-[14px] text-gray-900", children: typeof s.items === "number" && s.items > 100 ? s.items.toLocaleString() : s.name.includes("compliance") ? `${s.items}%` : s.items })
+              ]
+            },
+            s.name
+          )) })
+        ]
+      },
+      `report-${index}`
+    ),
+    /* @__PURE__ */ jsxs(
+      m.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { delay: 0.4 },
+        className: "mt-3 flex items-center justify-center gap-2 rounded-lg border border-gray-200 bg-white py-2 font-medium text-[12px] text-gray-600",
+        children: [
+          /* @__PURE__ */ jsx(Download, { className: "size-3.5" }),
+          "Download PDF"
+        ]
+      },
+      `dl-${index}`
+    )
+  ] }) });
+}
+
+export { AnimationComplianceReports };
+//# sourceMappingURL=chunk-5OOO6TRA.js.map
+//# sourceMappingURL=chunk-5OOO6TRA.js.map

package/dist/chunk-5OOO6TRA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-compliance-reports.tsx"],"names":[],"mappings":"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","file":"chunk-5OOO6TRA.js","sourcesContent":["\"use client\"\n\nimport { CheckCircle2, Download, FileText } from \"lucide-react\"\nimport { domAnimation, LazyMotion, m } from \"motion/react\"\n\nimport { useCycleIndex } from \"../hooks/use-cycle-index\"\n\nimport { cn } from \"../lib/utils\"\n\ntype Report = {\n  ref: string\n  title: string\n  jurisdiction: string\n  flag: string\n  period: string\n  status: \"Generated\" | \"Pending\"\n  sections: { name: string; items: number }[]\n}\n\nconst REPORTS: Report[] = [\n  {\n    ref: \"CR-2024-Q4\",\n    title: \"AUSTRAC Compliance Report\",\n    jurisdiction: \"Australia\",\n    flag: \"\\u{1F1E6}\\u{1F1FA}\",\n    period: \"Q4 2024\",\n    status: \"Generated\",\n    sections: [\n      { name: \"Transfers screened\", items: 4821 },\n      { name: \"STRs filed\", items: 3 },\n      { name: \"Sanctions hits\", items: 0 },\n      { name: \"Travel Rule compliance\", items: 99 },\n    ],\n  },\n  {\n    ref: \"CR-2024-MAS\",\n    title: \"MAS Regulatory Filing\",\n    jurisdiction: \"Singapore\",\n    flag: \"\\u{1F1F8}\\u{1F1EC}\",\n    period: \"H2 2024\",\n    status: \"Generated\",\n    sections: [\n      { name: \"Transfers screened\", items: 2340 },\n      { name: \"High-risk flagged\", items: 18 },\n      { name: \"EDD completed\", items: 18 },\n      { name: \"Travel Rule compliance\", items: 100 },\n    ],\n  },\n]\n\nexport default function AnimationComplianceReports({ className }: { className?: string }) {\n  const [containerRef, index] = useCycleIndex(REPORTS.length, 4500)\n\n  const r = REPORTS[index]\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <div ref={containerRef} 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\">Compliance Reports</p>\n            <p className=\"text-[12px] text-gray-400\">One-click generation</p>\n          </div>\n          <FileText className=\"size-4 text-gray-400\" />\n        </div>\n\n        {/* Report card */}\n        <m.div\n          key={`report-${index}`}\n          initial={{ opacity: 0, y: 6 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{ duration: 0.3 }}\n          className=\"mt-4 rounded-lg border border-gray-100 bg-gray-50\"\n        >\n          <div className=\"flex items-center gap-3 border-gray-100 border-b px-4 py-3\">\n            <span className=\"text-lg\">{r.flag}</span>\n            <div className=\"flex-1\">\n              <p className=\"font-semibold text-[13px] text-gray-900\">{r.title}</p>\n              <p className=\"text-[10px] text-gray-400\">\n                {r.ref} {\"\\u2022\"} {r.period}\n              </p>\n            </div>\n            <div className=\"flex items-center gap-1.5 rounded-full bg-emerald-50 px-2 py-0.5\">\n              <CheckCircle2 className=\"size-3 text-emerald-500\" />\n              <span className=\"font-semibold text-[10px] text-emerald-700\">{r.status}</span>\n            </div>\n          </div>\n\n          {/* Report sections */}\n          <div className=\"grid grid-cols-2 gap-2 p-3\">\n            {r.sections.map((s, i) => (\n              <m.div\n                key={s.name}\n                initial={{ opacity: 0, y: 4 }}\n                animate={{ opacity: 1, y: 0 }}\n                transition={{ delay: 0.1 + i * 0.08 }}\n                className=\"rounded-md bg-white px-3 py-2\"\n              >\n                <p className=\"text-[10px] text-gray-400\">{s.name}</p>\n                <p className=\"mt-0.5 font-bold font-mono text-[14px] text-gray-900\">\n                  {typeof s.items === \"number\" && s.items > 100\n                    ? s.items.toLocaleString()\n                    : s.name.includes(\"compliance\")\n                      ? `${s.items}%`\n                      : s.items}\n                </p>\n              </m.div>\n            ))}\n          </div>\n        </m.div>\n\n        {/* Download button mock */}\n        <m.div\n          key={`dl-${index}`}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ delay: 0.4 }}\n          className=\"mt-3 flex items-center justify-center gap-2 rounded-lg border border-gray-200 bg-white py-2 font-medium text-[12px] text-gray-600\"\n        >\n          <Download className=\"size-3.5\" />\n          Download PDF\n        </m.div>\n      </div>\n    </LazyMotion>\n  )\n}\n"]}

package/dist/chunk-65Z2VEKG.js

@@ -0,0 +1,161 @@
+"use client";
+import { cn } from './chunk-GZNLQE3I.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ITEMS = [
+  {
+    code: "SOP-001",
+    regulation: "AML/CFT Policy",
+    jurisdiction: "AUSTRAC",
+    flag: "\u{1F1E6}\u{1F1FA}",
+    version: "v3.2",
+    coverage: "14 controls mapped",
+    lastReview: "Reviewed 3 days ago",
+    status: "mapped"
+  },
+  {
+    code: "SOP-014",
+    regulation: "Travel Rule \u2014 IVMS101",
+    jurisdiction: "MAS",
+    flag: "\u{1F1F8}\u{1F1EC}",
+    version: "v2.1",
+    coverage: "8 controls mapped",
+    lastReview: "Updated 12 hours ago",
+    status: "updated"
+  },
+  {
+    code: "SOP-007",
+    regulation: "Enhanced Due Diligence",
+    jurisdiction: "FCA",
+    flag: "\u{1F1EC}\u{1F1E7}",
+    version: "v1.8",
+    coverage: "11 controls mapped",
+    lastReview: "Review due in 2 days",
+    status: "review"
+  },
+  {
+    code: "SOP-023",
+    regulation: "Sanctions Screening",
+    jurisdiction: "OFAC",
+    flag: "\u{1F1FA}\u{1F1F8}",
+    version: "v4.0",
+    coverage: "6 controls mapped",
+    lastReview: "Reviewed 1 week ago",
+    status: "mapped"
+  },
+  {
+    code: "SOP-009",
+    regulation: "MiCA Compliance",
+    jurisdiction: "EU",
+    flag: "\u{1F1EA}\u{1F1FA}",
+    version: "v1.4",
+    coverage: "19 controls mapped",
+    lastReview: "Updated 2 days ago",
+    status: "updated"
+  },
+  {
+    code: "SOP-031",
+    regulation: "VA Licensing Framework",
+    jurisdiction: "SFC",
+    flag: "\u{1F1ED}\u{1F1F0}",
+    version: "v2.0",
+    coverage: "9 controls mapped",
+    lastReview: "Reviewed 5 days ago",
+    status: "mapped"
+  },
+  {
+    code: "SOP-018",
+    regulation: "Threshold Reporting",
+    jurisdiction: "FINTRAC",
+    flag: "\u{1F1E8}\u{1F1E6}",
+    version: "v3.1",
+    coverage: "7 controls mapped",
+    lastReview: "Review due tomorrow",
+    status: "review"
+  },
+  {
+    code: "SOP-042",
+    regulation: "VASP Obligations",
+    jurisdiction: "VARA",
+    flag: "\u{1F1E6}\u{1F1EA}",
+    version: "v1.1",
+    coverage: "12 controls mapped",
+    lastReview: "Reviewed 2 weeks ago",
+    status: "mapped"
+  }
+];
+var statusStyle = {
+  mapped: { dot: "bg-emerald-400", label: "Mapped", bg: "bg-emerald-50 text-emerald-700" },
+  review: { dot: "bg-amber-400", label: "Review", bg: "bg-amber-50 text-amber-700" },
+  updated: { dot: "bg-[#00D4FF]", label: "Updated", bg: "bg-sky-50 text-sky-700" }
+};
+function AnimationSopMapping({ className }) {
+  const doubled = [...ITEMS, ...ITEMS];
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative flex items-center overflow-hidden", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 z-10 w-16 bg-gradient-to-r from-card/40 to-transparent" }),
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0 right-0 z-10 w-16 bg-gradient-to-l from-card/40 to-transparent" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex w-max animate-marquee-left gap-4 px-4",
+        style: { animationDuration: "55s" },
+        children: doubled.map((item, i) => {
+          const st = statusStyle[item.status];
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex shrink-0 flex-col rounded-xl border border-gray-200 bg-white shadow-sm",
+              style: { width: 260 },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-gray-100 border-b px-4 py-3", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-bold font-mono text-[11px] text-gray-400", children: item.code }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-300", children: item.version }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "ml-auto rounded-full px-2 py-0.5 font-semibold text-[10px]",
+                        st.bg
+                      ),
+                      children: st.label
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 px-4 py-3", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("p", { className: "font-semibold text-[13px] text-gray-900 leading-snug", children: item.regulation }),
+                    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-1.5", children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-sm", children: item.flag }),
+                      /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-500", children: item.jurisdiction })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-[10px] text-gray-500", children: item.coverage }) }),
+                    /* @__PURE__ */ jsx("div", { className: "mt-1 h-1.5 overflow-hidden rounded-full bg-gray-100", children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "h-full rounded-full",
+                          item.status === "mapped" ? "bg-emerald-400" : item.status === "updated" ? "bg-[#00D4FF]" : "bg-amber-400"
+                        ),
+                        style: {
+                          width: item.status === "mapped" ? "100%" : item.status === "updated" ? "85%" : "60%"
+                        }
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-400", children: item.lastReview })
+                ] })
+              ]
+            },
+            `${item.code}-${i}`
+          );
+        })
+      }
+    )
+  ] });
+}
+
+export { AnimationSopMapping };
+//# sourceMappingURL=chunk-65Z2VEKG.js.map
+//# sourceMappingURL=chunk-65Z2VEKG.js.map

package/dist/chunk-65Z2VEKG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animations/animation-sop-mapping.tsx"],"names":[],"mappings":"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","file":"chunk-65Z2VEKG.js","sourcesContent":["\"use client\"\n\nimport { cn } from \"../lib/utils\"\n\ntype SopItem = {\n  code: string\n  regulation: string\n  jurisdiction: string\n  flag: string\n  version: string\n  coverage: string\n  lastReview: string\n  status: \"mapped\" | \"review\" | \"updated\"\n}\n\nconst ITEMS: SopItem[] = [\n  {\n    code: \"SOP-001\",\n    regulation: \"AML/CFT Policy\",\n    jurisdiction: \"AUSTRAC\",\n    flag: \"\\u{1F1E6}\\u{1F1FA}\",\n    version: \"v3.2\",\n    coverage: \"14 controls mapped\",\n    lastReview: \"Reviewed 3 days ago\",\n    status: \"mapped\",\n  },\n  {\n    code: \"SOP-014\",\n    regulation: \"Travel Rule — IVMS101\",\n    jurisdiction: \"MAS\",\n    flag: \"\\u{1F1F8}\\u{1F1EC}\",\n    version: \"v2.1\",\n    coverage: \"8 controls mapped\",\n    lastReview: \"Updated 12 hours ago\",\n    status: \"updated\",\n  },\n  {\n    code: \"SOP-007\",\n    regulation: \"Enhanced Due Diligence\",\n    jurisdiction: \"FCA\",\n    flag: \"\\u{1F1EC}\\u{1F1E7}\",\n    version: \"v1.8\",\n    coverage: \"11 controls mapped\",\n    lastReview: \"Review due in 2 days\",\n    status: \"review\",\n  },\n  {\n    code: \"SOP-023\",\n    regulation: \"Sanctions Screening\",\n    jurisdiction: \"OFAC\",\n    flag: \"\\u{1F1FA}\\u{1F1F8}\",\n    version: \"v4.0\",\n    coverage: \"6 controls mapped\",\n    lastReview: \"Reviewed 1 week ago\",\n    status: \"mapped\",\n  },\n  {\n    code: \"SOP-009\",\n    regulation: \"MiCA Compliance\",\n    jurisdiction: \"EU\",\n    flag: \"\\u{1F1EA}\\u{1F1FA}\",\n    version: \"v1.4\",\n    coverage: \"19 controls mapped\",\n    lastReview: \"Updated 2 days ago\",\n    status: \"updated\",\n  },\n  {\n    code: \"SOP-031\",\n    regulation: \"VA Licensing Framework\",\n    jurisdiction: \"SFC\",\n    flag: \"\\u{1F1ED}\\u{1F1F0}\",\n    version: \"v2.0\",\n    coverage: \"9 controls mapped\",\n    lastReview: \"Reviewed 5 days ago\",\n    status: \"mapped\",\n  },\n  {\n    code: \"SOP-018\",\n    regulation: \"Threshold Reporting\",\n    jurisdiction: \"FINTRAC\",\n    flag: \"\\u{1F1E8}\\u{1F1E6}\",\n    version: \"v3.1\",\n    coverage: \"7 controls mapped\",\n    lastReview: \"Review due tomorrow\",\n    status: \"review\",\n  },\n  {\n    code: \"SOP-042\",\n    regulation: \"VASP Obligations\",\n    jurisdiction: \"VARA\",\n    flag: \"\\u{1F1E6}\\u{1F1EA}\",\n    version: \"v1.1\",\n    coverage: \"12 controls mapped\",\n    lastReview: \"Reviewed 2 weeks ago\",\n    status: \"mapped\",\n  },\n]\n\nconst statusStyle: Record<SopItem[\"status\"], { dot: string; label: string; bg: string }> = {\n  mapped: { dot: \"bg-emerald-400\", label: \"Mapped\", bg: \"bg-emerald-50 text-emerald-700\" },\n  review: { dot: \"bg-amber-400\", label: \"Review\", bg: \"bg-amber-50 text-amber-700\" },\n  updated: { dot: \"bg-[#00D4FF]\", label: \"Updated\", bg: \"bg-sky-50 text-sky-700\" },\n}\n\nexport default function AnimationSopMapping({ className }: { className?: string }) {\n  const doubled = [...ITEMS, ...ITEMS]\n\n  return (\n    <div className={cn(\"relative flex items-center overflow-hidden\", className)}>\n      {/* Fade edges */}\n      <div className=\"pointer-events-none absolute inset-y-0 left-0 z-10 w-16 bg-gradient-to-r from-card/40 to-transparent\" />\n      <div className=\"pointer-events-none absolute inset-y-0 right-0 z-10 w-16 bg-gradient-to-l from-card/40 to-transparent\" />\n\n      {/* Scrolling row */}\n      <div\n        className=\"flex w-max animate-marquee-left gap-4 px-4\"\n        style={{ animationDuration: \"55s\" }}\n      >\n        {doubled.map((item, i) => {\n          const st = statusStyle[item.status]\n          return (\n            <div\n              key={`${item.code}-${i}`}\n              className=\"flex shrink-0 flex-col rounded-xl border border-gray-200 bg-white shadow-sm\"\n              style={{ width: 260 }}\n            >\n              {/* Header */}\n              <div className=\"flex items-center gap-2 border-gray-100 border-b px-4 py-3\">\n                <span className=\"font-bold font-mono text-[11px] text-gray-400\">{item.code}</span>\n                <span className=\"text-[10px] text-gray-300\">{item.version}</span>\n                <span\n                  className={cn(\n                    \"ml-auto rounded-full px-2 py-0.5 font-semibold text-[10px]\",\n                    st.bg,\n                  )}\n                >\n                  {st.label}\n                </span>\n              </div>\n\n              {/* Body */}\n              <div className=\"flex flex-col gap-2.5 px-4 py-3\">\n                <div>\n                  <p className=\"font-semibold text-[13px] text-gray-900 leading-snug\">\n                    {item.regulation}\n                  </p>\n                  <div className=\"mt-1 flex items-center gap-1.5\">\n                    <span className=\"text-sm\">{item.flag}</span>\n                    <span className=\"text-[11px] text-gray-500\">{item.jurisdiction}</span>\n                  </div>\n                </div>\n\n                {/* Progress bar */}\n                <div>\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"font-medium text-[10px] text-gray-500\">{item.coverage}</span>\n                  </div>\n                  <div className=\"mt-1 h-1.5 overflow-hidden rounded-full bg-gray-100\">\n                    <div\n                      className={cn(\n                        \"h-full rounded-full\",\n                        item.status === \"mapped\"\n                          ? \"bg-emerald-400\"\n                          : item.status === \"updated\"\n                            ? \"bg-[#00D4FF]\"\n                            : \"bg-amber-400\",\n                      )}\n                      style={{\n                        width:\n                          item.status === \"mapped\"\n                            ? \"100%\"\n                            : item.status === \"updated\"\n                              ? \"85%\"\n                              : \"60%\",\n                      }}\n                    />\n                  </div>\n                </div>\n\n                <p className=\"text-[10px] text-gray-400\">{item.lastReview}</p>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-6RWCZUAD.js

@@ -0,0 +1,12 @@
+"use client";
+import { useAnimationTimer } from './chunk-RXV2XUDZ.js';
+
+// src/hooks/use-cycle-index.ts
+function useCycleIndex(length, intervalMs) {
+  const [ref, tick] = useAnimationTimer(intervalMs);
+  return [ref, tick % length];
+}
+
+export { useCycleIndex };
+//# sourceMappingURL=chunk-6RWCZUAD.js.map
+//# sourceMappingURL=chunk-6RWCZUAD.js.map

package/dist/chunk-6RWCZUAD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-cycle-index.ts"],"names":[],"mappings":";;;AAYO,SAAS,aAAA,CAAc,QAAgB,UAAA,EAAoB;AAChE,EAAA,MAAM,CAAC,GAAA,EAAK,IAAI,CAAA,GAAI,kBAAkB,UAAU,CAAA;AAChD,EAAA,OAAO,CAAC,GAAA,EAAK,IAAA,GAAO,MAAM,CAAA;AAC5B","file":"chunk-6RWCZUAD.js","sourcesContent":["\"use client\"\n\nimport { useAnimationTimer } from \"./use-animation-timer\"\n\n/**\n * Returns a cycling index (0 → length−1) that advances on a visibility-gated interval.\n * Built on top of useAnimationTimer — the timer only ticks while the element is visible.\n *\n * @param length Number of items to cycle through\n * @param intervalMs Milliseconds between each advance\n * @returns [ref, currentIndex] — attach ref to the container element\n */\nexport function useCycleIndex(length: number, intervalMs: number) {\n  const [ref, tick] = useAnimationTimer(intervalMs)\n  return [ref, tick % length] as const\n}\n"]}

package/dist/chunk-7HRPF2N2.js

@@ -0,0 +1,56 @@
+"use client";
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-CG5JA7FM.js';
+import { __objRest, __spreadProps, __spreadValues, cn } from './chunk-GZNLQE3I.js';
+import { TrendingUpIcon, TrendingDownIcon } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function StatCard(_a) {
+  var _b = _a, {
+    label,
+    value,
+    description,
+    trend,
+    trendDirection,
+    icon,
+    className
+  } = _b, props = __objRest(_b, [
+    "label",
+    "value",
+    "description",
+    "trend",
+    "trendDirection",
+    "icon",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(Card, __spreadProps(__spreadValues({ "data-slot": "stat-card", className: cn("", className) }, props), { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "font-medium text-muted-foreground text-sm", children: label }),
+      icon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground [&>svg]:size-4", children: icon })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsx("div", { className: "font-bold text-2xl", children: value }),
+      (description || trend) && /* @__PURE__ */ jsxs("p", { className: "mt-1 flex items-center gap-1 text-muted-foreground text-xs", children: [
+        trend && trendDirection && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn(
+              "inline-flex items-center gap-0.5 font-medium",
+              trendDirection === "up" && "text-emerald-600 dark:text-emerald-400",
+              trendDirection === "down" && "text-red-600 dark:text-red-400"
+            ),
+            children: [
+              trendDirection === "up" && /* @__PURE__ */ jsx(TrendingUpIcon, { className: "size-3" }),
+              trendDirection === "down" && /* @__PURE__ */ jsx(TrendingDownIcon, { className: "size-3" }),
+              trend
+            ]
+          }
+        ),
+        description && /* @__PURE__ */ jsx("span", { children: description })
+      ] })
+    ] })
+  ] }));
+}
+
+export { StatCard };
+//# sourceMappingURL=chunk-7HRPF2N2.js.map
+//# sourceMappingURL=chunk-7HRPF2N2.js.map

package/dist/chunk-7HRPF2N2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/stat-card.tsx"],"names":[],"mappings":";;;;;AAcA,SAAS,SAAS,EAAA,EASA;AATA,EAAA,IAAA,EAAA,GAAA,EAAA,EAChB;AAAA,IAAA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GArBF,GAckB,EAAA,EAQb,KAAA,GAAA,SAAA,CARa,EAAA,EAQb;AAAA,IAPH,OAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAK,WAAA,EAAU,WAAA,EAAY,SAAA,EAAW,GAAG,EAAA,EAAI,SAAS,CAAA,EAAA,EAAO,KAAA,CAAA,EAA7D,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,UAAA,EAAA,EAAW,WAAU,2DAAA,EACpB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MACvE,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAwC,QAAA,EAAA,IAAA,EAAK;AAAA,KAAA,EACxE,CAAA;AAAA,yBACC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAAA,CACzC,WAAA,IAAe,KAAA,qBACf,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,4DAAA,EACV,QAAA,EAAA;AAAA,QAAA,KAAA,IAAS,cAAA,oBACR,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,8CAAA;AAAA,cACA,mBAAmB,IAAA,IAAQ,wCAAA;AAAA,cAC3B,mBAAmB,MAAA,IAAU;AAAA,aAC/B;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,cAAA,KAAmB,IAAA,oBAAQ,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,QAAA,EAAS,CAAA;AAAA,cAC9D,cAAA,KAAmB,MAAA,oBAAU,GAAA,CAAC,gBAAA,EAAA,EAAiB,WAAU,QAAA,EAAS,CAAA;AAAA,cAClE;AAAA;AAAA;AAAA,SACH;AAAA,QAED,WAAA,oBAAe,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,WAAA,EAAY;AAAA,OAAA,EACrC;AAAA,KAAA,EAEJ;AAAA,GAAA,EAAA,CACF,CAAA;AAEJ","file":"chunk-7HRPF2N2.js","sourcesContent":["import { TrendingDownIcon, TrendingUpIcon } from \"lucide-react\"\nimport type * as React from \"react\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/card\"\nimport { cn } from \"../lib/utils\"\n\ntype StatCardProps = React.ComponentProps<typeof Card> & {\n  label: string\n  value: string | number\n  description?: string\n  trend?: string\n  trendDirection?: \"up\" | \"down\" | \"neutral\"\n  icon?: React.ReactNode\n}\n\nfunction StatCard({\n  label,\n  value,\n  description,\n  trend,\n  trendDirection,\n  icon,\n  className,\n  ...props\n}: StatCardProps) {\n  return (\n    <Card data-slot=\"stat-card\" className={cn(\"\", className)} {...props}>\n      <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n        <CardTitle className=\"font-medium text-muted-foreground text-sm\">{label}</CardTitle>\n        {icon && <span className=\"text-muted-foreground [&>svg]:size-4\">{icon}</span>}\n      </CardHeader>\n      <CardContent>\n        <div className=\"font-bold text-2xl\">{value}</div>\n        {(description || trend) && (\n          <p className=\"mt-1 flex items-center gap-1 text-muted-foreground text-xs\">\n            {trend && trendDirection && (\n              <span\n                className={cn(\n                  \"inline-flex items-center gap-0.5 font-medium\",\n                  trendDirection === \"up\" && \"text-emerald-600 dark:text-emerald-400\",\n                  trendDirection === \"down\" && \"text-red-600 dark:text-red-400\",\n                )}\n              >\n                {trendDirection === \"up\" && <TrendingUpIcon className=\"size-3\" />}\n                {trendDirection === \"down\" && <TrendingDownIcon className=\"size-3\" />}\n                {trend}\n              </span>\n            )}\n            {description && <span>{description}</span>}\n          </p>\n        )}\n      </CardContent>\n    </Card>\n  )\n}\n\nexport { StatCard }\nexport type { StatCardProps }\n"]}

package/dist/chunk-BNFSXNP2.js

@@ -0,0 +1,71 @@
+"use client";
+import { __objRest, __spreadValues, cn } from './chunk-GZNLQE3I.js';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "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",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        destructive: "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",
+        link: "text-primary underline-offset-4 hover:underline",
+        callout: "bg-tagline border shadow-sm hover:bg-primary/90 hover:text-background",
+        toggle: "border rounded-full border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "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",
+        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",
+        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",
+        lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        xl: "h-12 gap-2 rounded-xl px-6",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+        "icon-lg": "size-10"
+      },
+      font: {
+        default: "",
+        mono: "font-mono font-semibold"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      font: "default"
+    }
+  }
+);
+function Button(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    size = "default",
+    font = "default",
+    render
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "font",
+    "render"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    __spreadValues({
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, font, className })),
+      nativeButton: !render,
+      render
+    }, props)
+  );
+}
+
+export { Button, buttonVariants };
+//# sourceMappingURL=chunk-BNFSXNP2.js.map
+//# sourceMappingURL=chunk-BNFSXNP2.js.map