@cogentic-co/ds 0.4.1

package/dist/chunk-VWSX75RB.js

@@ -0,0 +1,202 @@
+"use client";
+import { Button } from './chunk-BNFSXNP2.js';
+import { cn, __objRest, __spreadProps, __spreadValues } from './chunk-GZNLQE3I.js';
+import { CheckCircle2 } from 'lucide-react';
+import Link from 'next/link';
+import { useRef, useState, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+
+var prefersReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : false;
+function FadeIn({ as: Tag = "div", delay = 0, className, children }) {
+  const ref = useRef(null);
+  const [visible, setVisible] = useState(prefersReducedMotion);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || visible) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setVisible(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: "-80px" }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [visible]);
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "fade-in",
+      className: cn(className, visible ? "animate-[fade-up_0.5s_ease-out_both]" : "opacity-0"),
+      style: delay > 0 && visible ? { animationDelay: `${delay}ms` } : void 0,
+      children
+    }
+  );
+}
+function Switch(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Switch$1.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none transition-all after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=sm]:h-[14px] data-[size=default]:w-[32px] data-[size=sm]:w-[24px] data-disabled:cursor-not-allowed data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-50 dark:data-unchecked:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(
+        Switch$1.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground"
+        }
+      )
+    })
+  );
+}
+var DEFAULT_PLANS = [
+  {
+    name: "Starter",
+    blurb: "For early-stage VASPs getting started with Travel Rule compliance.",
+    features: [
+      "Up to 50 transfers/month",
+      "5 jurisdictions",
+      "Basic jurisdiction detection",
+      "Email support",
+      "Audit trail"
+    ],
+    ctaLabel: "Get started free",
+    ctaHref: "/contact"
+  },
+  {
+    name: "Growth",
+    monthlyPrice: "$499",
+    annualPrice: "$399",
+    perUnitMonthly: "Per month",
+    perUnitAnnual: "Per month / billed yearly",
+    blurb: "For scaling VASPs with growing transfer volumes.",
+    features: [
+      "Up to 1,000 transfers/month",
+      "25 jurisdictions",
+      "AI-powered investigation",
+      "SOP mapping",
+      "Priority support",
+      "API access",
+      "Custom reports"
+    ],
+    ctaLabel: "Start free trial",
+    ctaHref: "/contact",
+    highlight: true
+  },
+  {
+    name: "Enterprise",
+    blurb: "For high-volume VASPs with complex compliance requirements.",
+    features: [
+      "Unlimited transfers",
+      "All 45+ jurisdictions",
+      "Custom AI models",
+      "Dedicated compliance adviser",
+      "SLA guarantee",
+      "SSO & advanced security",
+      "Data residency options",
+      "Custom integrations"
+    ],
+    ctaLabel: "Talk to sales",
+    ctaHref: "/contact"
+  }
+];
+function PricingCard({
+  plan,
+  index,
+  yearly,
+  prevPlanName
+}) {
+  const price = yearly ? plan.annualPrice : plan.monthlyPrice;
+  const perUnit = yearly ? plan.perUnitAnnual : plan.perUnitMonthly;
+  return /* @__PURE__ */ jsxs(
+    FadeIn,
+    {
+      as: "article",
+      delay: index * 100,
+      className: cn("flex flex-col", plan.highlight && "bg-muted"),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-[300px] flex-col gap-y-4 p-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground text-lg", children: plan.name }),
+            yearly && plan.badge && /* @__PURE__ */ jsx("span", { className: "rounded-md bg-accent px-2 py-0.5 text-foreground text-xs", children: plan.badge })
+          ] }),
+          !!plan.blurb && /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground text-sm", children: plan.blurb }),
+          /* @__PURE__ */ jsx("div", { className: "mt-auto", children: price ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-[40px] text-foreground leading-none sm:text-[44px]", children: price }),
+            !!perUnit && /* @__PURE__ */ jsx("div", { className: "mt-2 text-muted-foreground text-sm", children: perUnit })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium text-[40px] text-foreground leading-none sm:text-[44px]", children: index === 0 ? "Free" : "Let\u2019s talk" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 text-muted-foreground text-sm", children: index === 0 ? "No credit card required" : "Contact us for details" })
+          ] }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            __spreadProps(__spreadValues({
+              variant: plan.highlight ? "default" : "outline"
+            }, plan.ctaHref ? { render: /* @__PURE__ */ jsx(Link, { href: plan.ctaHref }) } : {}), {
+              children: plan.ctaLabel
+            })
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "border-t p-6", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-4 font-medium text-foreground", children: prevPlanName ? `Everything in ${prevPlanName}, and:` : "Features" }),
+          /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-y-3", children: plan.features.map((f) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "mt-0.5 size-5 shrink-0 text-primary", strokeWidth: 2.5 }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold text-muted-foreground text-sm", children: f })
+          ] }, f)) })
+        ] })
+      ]
+    }
+  );
+}
+function PricingTable({ headline, subheadline, plans, className }) {
+  const items = (plans == null ? void 0 : plans.length) ? plans : DEFAULT_PLANS;
+  const [yearly, setYearly] = useState(true);
+  return /* @__PURE__ */ jsx("section", { "data-slot": "pricing-table", className: cn("bg-background px-6 lg:px-0", className), children: /* @__PURE__ */ jsx("div", { className: "container px-0 md:px-6", children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
+    headline && /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl px-6 py-12 text-center sm:px-8 sm:py-16 md:py-20", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-balance font-medium text-4xl text-foreground leading-tight tracking-tight sm:text-5xl md:text-[68px]", children: headline }),
+      subheadline && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-base text-muted-foreground sm:text-lg", children: subheadline })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3 pb-8", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-muted-foreground text-sm sm:text-base", children: "Monthly" }),
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: yearly,
+          onCheckedChange: setYearly,
+          "aria-label": "Toggle yearly billing"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: cn("font-semibold text-sm sm:text-base", yearly && "text-foreground"), children: "Yearly" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl px-6 pb-12 sm:px-8", children: /* @__PURE__ */ jsx("div", { className: "grid rounded-md border md:grid-cols-2 lg:grid-cols-3 lg:divide-x", children: items.map((plan, i) => /* @__PURE__ */ jsx(
+      PricingCard,
+      {
+        plan,
+        index: i,
+        yearly,
+        prevPlanName: i > 0 ? items[i - 1].name : null
+      },
+      plan.name
+    )) }) })
+  ] }) }) });
+}
+
+export { FadeIn, PricingTable, Switch };
+//# sourceMappingURL=chunk-VWSX75RB.js.map
+//# sourceMappingURL=chunk-VWSX75RB.js.map

package/dist/chunk-VWSX75RB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/fade-in.tsx","../src/components/switch.tsx","../src/blocks/pricing-table.tsx"],"names":["jsx","SwitchPrimitive","useState"],"mappings":"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","file":"chunk-VWSX75RB.js","sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\ntype FadeInProps = {\n  as?: \"div\" | \"li\" | \"article\" | \"section\" | \"p\" | \"h2\"\n  delay?: number\n  className?: string\n  children: React.ReactNode\n}\n\nconst prefersReducedMotion =\n  typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n    ? window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    : false\n\nfunction FadeIn({ as: Tag = \"div\", delay = 0, className, children }: FadeInProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [visible, setVisible] = useState(prefersReducedMotion)\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el || visible) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setVisible(true)\n          observer.disconnect()\n        }\n      },\n      { rootMargin: \"-80px\" },\n    )\n\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [visible])\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      data-slot=\"fade-in\"\n      className={cn(className, visible ? \"animate-[fade-up_0.5s_ease-out_both]\" : \"opacity-0\")}\n      style={delay > 0 && visible ? { animationDelay: `${delay}ms` } : undefined}\n    >\n      {children}\n    </Tag>\n  )\n}\n\nexport { FadeIn }\n","\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"../lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none transition-all after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=sm]:h-[14px] data-[size=default]:w-[32px] data-[size=sm]:w-[24px] data-disabled:cursor-not-allowed data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-50 dark:data-unchecked:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","\"use client\"\n\nimport { CheckCircle2 } from \"lucide-react\"\nimport Link from \"next/link\"\nimport { useState } from \"react\"\nimport { Button } from \"../components/button\"\nimport { FadeIn } from \"../components/fade-in\"\nimport { Switch } from \"../components/switch\"\nimport { cn } from \"../lib/utils\"\n\ntype Plan = {\n  name: string\n  monthlyPrice?: string\n  annualPrice?: string\n  perUnitMonthly?: string\n  perUnitAnnual?: string\n  features: string[]\n  ctaLabel: string\n  ctaHref?: string\n  highlight?: boolean\n  badge?: string\n  blurb?: string\n}\n\ninterface PricingTableProps {\n  headline?: string\n  subheadline?: string\n  plans?: Plan[]\n  className?: string\n}\n\nconst DEFAULT_PLANS: Plan[] = [\n  {\n    name: \"Starter\",\n    blurb: \"For early-stage VASPs getting started with Travel Rule compliance.\",\n    features: [\n      \"Up to 50 transfers/month\",\n      \"5 jurisdictions\",\n      \"Basic jurisdiction detection\",\n      \"Email support\",\n      \"Audit trail\",\n    ],\n    ctaLabel: \"Get started free\",\n    ctaHref: \"/contact\",\n  },\n  {\n    name: \"Growth\",\n    monthlyPrice: \"$499\",\n    annualPrice: \"$399\",\n    perUnitMonthly: \"Per month\",\n    perUnitAnnual: \"Per month / billed yearly\",\n    blurb: \"For scaling VASPs with growing transfer volumes.\",\n    features: [\n      \"Up to 1,000 transfers/month\",\n      \"25 jurisdictions\",\n      \"AI-powered investigation\",\n      \"SOP mapping\",\n      \"Priority support\",\n      \"API access\",\n      \"Custom reports\",\n    ],\n    ctaLabel: \"Start free trial\",\n    ctaHref: \"/contact\",\n    highlight: true,\n  },\n  {\n    name: \"Enterprise\",\n    blurb: \"For high-volume VASPs with complex compliance requirements.\",\n    features: [\n      \"Unlimited transfers\",\n      \"All 45+ jurisdictions\",\n      \"Custom AI models\",\n      \"Dedicated compliance adviser\",\n      \"SLA guarantee\",\n      \"SSO & advanced security\",\n      \"Data residency options\",\n      \"Custom integrations\",\n    ],\n    ctaLabel: \"Talk to sales\",\n    ctaHref: \"/contact\",\n  },\n]\n\nfunction PricingCard({\n  plan,\n  index,\n  yearly,\n  prevPlanName,\n}: {\n  plan: Plan\n  index: number\n  yearly: boolean\n  prevPlanName: string | null\n}) {\n  const price = yearly ? plan.annualPrice : plan.monthlyPrice\n  const perUnit = yearly ? plan.perUnitAnnual : plan.perUnitMonthly\n\n  return (\n    <FadeIn\n      as=\"article\"\n      delay={index * 100}\n      className={cn(\"flex flex-col\", plan.highlight && \"bg-muted\")}\n    >\n      <div className=\"flex h-[300px] flex-col gap-y-4 p-6\">\n        <div className=\"flex items-center gap-2\">\n          <h3 className=\"font-semibold text-foreground text-lg\">{plan.name}</h3>\n          {yearly && plan.badge && (\n            <span className=\"rounded-md bg-accent px-2 py-0.5 text-foreground text-xs\">\n              {plan.badge}\n            </span>\n          )}\n        </div>\n\n        {!!plan.blurb && <p className=\"mt-2 text-muted-foreground text-sm\">{plan.blurb}</p>}\n\n        <div className=\"mt-auto\">\n          {price ? (\n            <>\n              <div className=\"font-semibold text-[40px] text-foreground leading-none sm:text-[44px]\">\n                {price}\n              </div>\n              {!!perUnit && <div className=\"mt-2 text-muted-foreground text-sm\">{perUnit}</div>}\n            </>\n          ) : (\n            <>\n              <div className=\"font-medium text-[40px] text-foreground leading-none sm:text-[44px]\">\n                {index === 0 ? \"Free\" : \"Let\\u2019s talk\"}\n              </div>\n              <div className=\"mt-2 text-muted-foreground text-sm\">\n                {index === 0 ? \"No credit card required\" : \"Contact us for details\"}\n              </div>\n            </>\n          )}\n        </div>\n\n        <Button\n          variant={plan.highlight ? \"default\" : \"outline\"}\n          {...(plan.ctaHref ? { render: <Link href={plan.ctaHref} /> } : {})}\n        >\n          {plan.ctaLabel}\n        </Button>\n      </div>\n\n      <div className=\"border-t p-6\">\n        <p className=\"mb-4 font-medium text-foreground\">\n          {prevPlanName ? `Everything in ${prevPlanName}, and:` : \"Features\"}\n        </p>\n        <ul className=\"flex flex-col gap-y-3\">\n          {plan.features.map((f) => (\n            <li key={f} className=\"flex items-center gap-2\">\n              <CheckCircle2 className=\"mt-0.5 size-5 shrink-0 text-primary\" strokeWidth={2.5} />\n              <span className=\"font-semibold text-muted-foreground text-sm\">{f}</span>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </FadeIn>\n  )\n}\n\nfunction PricingTable({ headline, subheadline, plans, className }: PricingTableProps) {\n  const items = plans?.length ? plans : DEFAULT_PLANS\n  const [yearly, setYearly] = useState(true)\n\n  return (\n    <section data-slot=\"pricing-table\" className={cn(\"bg-background px-6 lg:px-0\", className)}>\n      <div className=\"container px-0 md:px-6\">\n        <div className=\"relative overflow-hidden\">\n          {headline && (\n            <div className=\"mx-auto max-w-4xl px-6 py-12 text-center sm:px-8 sm:py-16 md:py-20\">\n              <h1 className=\"text-balance font-medium text-4xl text-foreground leading-tight tracking-tight sm:text-5xl md:text-[68px]\">\n                {headline}\n              </h1>\n              {subheadline && (\n                <p className=\"mx-auto mt-4 max-w-2xl text-base text-muted-foreground sm:text-lg\">\n                  {subheadline}\n                </p>\n              )}\n            </div>\n          )}\n\n          <div className=\"flex items-center justify-center gap-3 pb-8\">\n            <span className=\"font-semibold text-muted-foreground text-sm sm:text-base\">\n              Monthly\n            </span>\n            <Switch\n              checked={yearly}\n              onCheckedChange={setYearly}\n              aria-label=\"Toggle yearly billing\"\n            />\n            <span className={cn(\"font-semibold text-sm sm:text-base\", yearly && \"text-foreground\")}>\n              Yearly\n            </span>\n          </div>\n\n          <div className=\"mx-auto max-w-7xl px-6 pb-12 sm:px-8\">\n            <div className=\"grid rounded-md border md:grid-cols-2 lg:grid-cols-3 lg:divide-x\">\n              {items.map((plan, i) => (\n                <PricingCard\n                  key={plan.name}\n                  plan={plan}\n                  index={i}\n                  yearly={yearly}\n                  prevPlanName={i > 0 ? items[i - 1].name : null}\n                />\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport { PricingTable }\nexport type { Plan, PricingTableProps }\n"]}