@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/components/blocks/HeroSectionBlock.js

@@ -0,0 +1,267 @@
+'use client';
+import { HeroHeader } from '../../chunk-5I3FWRC5.js';
+import '../../chunk-G5EO22OR.js';
+import '../../chunk-ANBJ2OLC.js';
+import '../../chunk-LV4LBWCS.js';
+import '../../chunk-XZ3A33GP.js';
+import '../../chunk-F3T2U7YL.js';
+import { FlipWords } from '../../chunk-6DYFX5IR.js';
+import '../../chunk-EB5PYS7Q.js';
+import '../../chunk-OHX2LFAH.js';
+import '../../chunk-SGI25ZJ6.js';
+import '../../chunk-HOWTYZL5.js';
+import { ProgressiveBlur } from '../../chunk-3UJ3HJZ3.js';
+import '../../chunk-GHIBG7OM.js';
+import '../../chunk-ULLTRLBD.js';
+import '../../chunk-4O6L5YWT.js';
+import { InfiniteSlider } from '../../chunk-IFIDWZ5M.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import '../../chunk-A7NUWD76.js';
+import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import Link from 'next/link';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var defaultFlipWords = ["scalable", "accessible", "beautiful", "performant"];
+var defaultPrimaryAction = { label: "Start Building", href: "#link" };
+var defaultSecondaryAction = { label: "Request a demo", href: "#link" };
+var defaultLogos = [
+  { src: "https://html.tailus.io/blocks/customers/nvidia.svg", alt: "Nvidia Logo", height: "20" },
+  { src: "https://html.tailus.io/blocks/customers/column.svg", alt: "Column Logo", height: "16" },
+  { src: "https://html.tailus.io/blocks/customers/github.svg", alt: "GitHub Logo", height: "16" },
+  { src: "https://html.tailus.io/blocks/customers/nike.svg", alt: "Nike Logo", height: "20" },
+  { src: "https://html.tailus.io/blocks/customers/lemonsqueezy.svg", alt: "Lemon Squeezy Logo", height: "20" },
+  { src: "https://html.tailus.io/blocks/customers/laravel.svg", alt: "Laravel Logo", height: "16" },
+  { src: "https://html.tailus.io/blocks/customers/lilly.svg", alt: "Lilly Logo", height: "28" },
+  { src: "https://html.tailus.io/blocks/customers/openai.svg", alt: "OpenAI Logo", height: "24" }
+];
+function heightClass(h) {
+  const n = parseInt(h, 10);
+  if (n <= 16) return "h-4";
+  if (n <= 20) return "h-5";
+  if (n <= 24) return "h-6";
+  return "h-7";
+}
+function HeroSection({
+  headline = "Build 10x Faster with NS",
+  flipWords = defaultFlipWords,
+  primaryAction = defaultPrimaryAction,
+  secondaryAction = defaultSecondaryAction,
+  logos = defaultLogos,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(HeroHeader, {}),
+    /* @__PURE__ */ jsxs("main", { className: className ?? "overflow-x-hidden", children: [
+      /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "py-24 md:pb-32 lg:pb-36 lg:pt-72", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative mx-auto flex max-w-7xl flex-col px-6 lg:block lg:px-12", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg text-center lg:ml-0 lg:max-w-full lg:text-left", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 1, size: "display", className: "mt-8 max-w-2xl text-5xl md:text-6xl lg:mt-16 xl:text-7xl", children: headline }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-8 max-w-2xl text-balance text-lg", children: [
+            "Highly customizable components that are",
+            " ",
+            /* @__PURE__ */ jsx(
+              FlipWords,
+              {
+                words: flipWords,
+                interval: 3e3,
+                className: "text-accent"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-12 flex flex-col items-center justify-center gap-2 sm:flex-row lg:justify-start", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                asChild: true,
+                size: "lg",
+                className: "h-12 rounded-full pl-6 pr-4 text-base",
+                children: /* @__PURE__ */ jsxs(Link, { href: primaryAction.href, children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-nowrap", children: primaryAction.label }),
+                  /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, className: "ml-1.5" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                asChild: true,
+                size: "lg",
+                variant: "ghost",
+                className: "h-12 rounded-full px-6 text-base hover:bg-surface-hover",
+                children: /* @__PURE__ */ jsx(Link, { href: secondaryAction.href, children: /* @__PURE__ */ jsx("span", { className: "text-nowrap", children: secondaryAction.label }) })
+              },
+              2
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "aspect-2/3 absolute inset-1.5 -z-10 overflow-hidden rounded-3xl border border-border/50 lg:aspect-video lg:rounded-[3rem]", children: /* @__PURE__ */ jsx(
+          "video",
+          {
+            autoPlay: true,
+            loop: true,
+            className: "size-full object-cover opacity-50 invert dark:opacity-35 dark:invert-0 dark:lg:opacity-75",
+            src: "https://ik.imagekit.io/lrigu76hy/tailark/dna-video.mp4?updatedAt=1745736251477"
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ jsx("section", { className: "bg-background pb-2", children: /* @__PURE__ */ jsx("div", { className: "group relative m-auto max-w-7xl px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center md:flex-row", children: [
+        /* @__PURE__ */ jsx("div", { className: "md:max-w-44 md:border-r md:pr-6", children: /* @__PURE__ */ jsx("p", { className: "text-end text-sm", children: "Powering the best teams" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "relative py-6 md:w-[calc(100%-11rem)]", children: [
+          /* @__PURE__ */ jsx(
+            InfiniteSlider,
+            {
+              speed: 40,
+              gap: 112,
+              children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  className: cn("mx-auto w-fit dark:invert", heightClass(logo.height)),
+                  src: logo.src,
+                  alt: logo.alt,
+                  height: logo.height,
+                  width: "auto"
+                }
+              ) }, logo.alt))
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "bg-linear-to-r from-background absolute inset-y-0 left-0 w-20" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-linear-to-l from-background absolute inset-y-0 right-0 w-20" }),
+          /* @__PURE__ */ jsx(
+            ProgressiveBlur,
+            {
+              className: "pointer-events-none absolute left-0 top-0 h-full w-20",
+              direction: "left",
+              blurIntensity: 1
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ProgressiveBlur,
+            {
+              className: "pointer-events-none absolute right-0 top-0 h-full w-20",
+              direction: "right",
+              blurIntensity: 1
+            }
+          )
+        ] })
+      ] }) }) })
+    ] })
+  ] });
+}
+
+export { HeroSection };

package/dist/components/blocks/IntegrationsBlock.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+interface IntegrationItem {
+    title: string;
+    description: string;
+    icon: ReactNode;
+    link?: string;
+}
+interface IntegrationsSectionProps {
+    title?: string;
+    description?: string;
+    integrations?: IntegrationItem[];
+    className?: string;
+}
+export declare function IntegrationsSection({ title, description, integrations, className, }?: IntegrationsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/blocks/IntegrationsBlock.js

@@ -0,0 +1,211 @@
+'use client';
+import '../../chunk-3ZDYYZDD.js';
+import { GooglePaLM } from '../../chunk-PX2WVDDB.js';
+import { MagicUI } from '../../chunk-BZYMCJHW.js';
+import { MediaWiki } from '../../chunk-H466RJCI.js';
+import { Replit } from '../../chunk-DT6DGTVW.js';
+import { VSCodium } from '../../chunk-J5DRK4RF.js';
+import { Gemini } from '../../chunk-TSVN5A2F.js';
+import { StaggerChildren } from '../../chunk-DQPK2XRL.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
+import { Card } from '../../chunk-AH6YSYYT.js';
+import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';
+import Link from 'next/link';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultIntegrations = [
+  {
+    title: "Google Gemini",
+    description: "Advanced multimodal AI for reasoning, code generation, and creative tasks.",
+    icon: /* @__PURE__ */ jsx(Gemini, {})
+  },
+  {
+    title: "Replit",
+    description: "Cloud-based IDE with real-time collaboration and instant deployment.",
+    icon: /* @__PURE__ */ jsx(Replit, {})
+  },
+  {
+    title: "Magic UI",
+    description: "Beautiful animated components to elevate your interface design.",
+    icon: /* @__PURE__ */ jsx(MagicUI, {})
+  },
+  {
+    title: "VSCodium",
+    description: "Open-source code editor with full extension ecosystem support.",
+    icon: /* @__PURE__ */ jsx(VSCodium, {})
+  },
+  {
+    title: "MediaWiki",
+    description: "Structured knowledge management with powerful search and versioning.",
+    icon: /* @__PURE__ */ jsx(MediaWiki, {})
+  },
+  {
+    title: "Google PaLM",
+    description: "Large language model API for text generation and understanding.",
+    icon: /* @__PURE__ */ jsx(GooglePaLM, {})
+  }
+];
+function IntegrationsSection({
+  title = "Integrate with your favorite tools",
+  description = "Connect seamlessly with popular platforms and services to enhance your workflow.",
+  integrations = defaultIntegrations,
+  className
+} = {}) {
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className, children: /* @__PURE__ */ jsx("div", { className: "py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "md:text-4xl", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-tertiary mt-6", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 80, className: "mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: integrations.map((integration, i) => /* @__PURE__ */ jsx(
+      IntegrationCard,
+      {
+        title: integration.title,
+        description: integration.description,
+        link: integration.link,
+        children: integration.icon
+      },
+      i
+    )) })
+  ] }) }) }) });
+}
+var IntegrationCard = ({ title, description, children, link = "https://github.com/meschacirung/cnblocks" }) => {
+  return /* @__PURE__ */ jsx(Card, { className: "p-6", interactive: true, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx("div", { className: "*:size-10", children }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2 py-6", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, size: "eyebrow", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-tertiary line-clamp-2 text-sm", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-4 border-t border-dashed pt-6", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        asChild: true,
+        variant: "secondary",
+        size: "sm",
+        className: "gap-1.5 pr-2 shadow-none",
+        children: /* @__PURE__ */ jsxs(Link, { href: link, children: [
+          "Learn More",
+          /* @__PURE__ */ jsx(ChevronRightIcon, { size: 14, className: "ml-0 opacity-50" })
+        ] })
+      }
+    ) })
+  ] }) });
+};
+
+export { IntegrationsSection };

package/dist/components/blocks/InteractiveAreaChartBlock.d.ts

@@ -0,0 +1,21 @@
+import { type ChartConfig } from "../ui/Chart";
+interface AreaChartDataItem extends Record<string, unknown> {
+    date: string;
+    desktop: number;
+    mobile: number;
+}
+interface TimeRange {
+    value: string;
+    label: string;
+    days: number;
+}
+interface InteractiveAreaChartProps {
+    data?: AreaChartDataItem[];
+    config?: ChartConfig;
+    title?: string;
+    description?: string;
+    timeRanges?: TimeRange[];
+    className?: string;
+}
+export declare function InteractiveAreaChart({ data, config, title, description, timeRanges, className, }: InteractiveAreaChartProps): import("react/jsx-runtime").JSX.Element;
+export {};