@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.7

package/dist/chunk-K7NQ6ZAW.js

@@ -0,0 +1,84 @@
+import { Shine } from './chunk-DARC2ACH.js';
+import { useSafeTimeout } from './chunk-MDAYDDTC.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { Spinner } from './chunk-ZLSWCV55.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function NewsletterBlock({
+  onSubscribe,
+  title = "Stay in the loop",
+  description = "Get notified about new components, updates, and design system tips. No spam.",
+  className
+}) {
+  const [email, setEmail] = useState("");
+  const [status, setStatus] = useState("idle");
+  const setSafeTimeout = useSafeTimeout();
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!email.trim()) return;
+    setStatus("loading");
+    try {
+      await onSubscribe?.(email);
+    } catch {
+    }
+    setSafeTimeout(() => {
+      setStatus("success");
+      setSafeTimeout(() => {
+        setStatus("idle");
+        setEmail("");
+      }, 3e3);
+    }, 600);
+  };
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-xl px-6", children: /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Shine, { enableOnHover: true, loop: true, loopDelay: 300, color: "var(--color-accent)", opacity: 0.1, children: /* @__PURE__ */ jsxs("div", { className: "glass-panel rounded-2xl border border-border/50 p-8 text-center sm:p-12", children: [
+    /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-text-primary", children: title }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body", className: "mt-4 text-text-secondary", children: description }),
+    status === "success" ? /* @__PURE__ */ jsxs("div", { className: "mt-8 flex items-center justify-center gap-2 text-success", children: [
+      /* @__PURE__ */ jsx(CheckIcon, { size: 20 }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+        "You",
+        "'",
+        "re subscribed!"
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: "mt-8 flex flex-col gap-4 sm:flex-row",
+        children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              name: "email",
+              type: "email",
+              placeholder: "you@example.com",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              required: true,
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              variant: "accent",
+              disabled: status === "loading",
+              className: "shrink-0",
+              children: status === "loading" ? /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }) : "Subscribe"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-4 text-text-tertiary", children: "Unsubscribe anytime. We respect your inbox." })
+  ] }) }) }) }) });
+}
+
+export { NewsletterBlock };

package/dist/chunk-LCKLZ4XK.js

@@ -0,0 +1,60 @@
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { useMotionConfig, m, scaleIn, motionSpring } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AuthSuccessBlock({
+  className,
+  icon,
+  title,
+  description,
+  buttonText = "Continue",
+  onContinue,
+  autoRedirectSeconds
+}) {
+  const motionConfig = useMotionConfig();
+  const [countdown, setCountdown] = React.useState(autoRedirectSeconds ?? 0);
+  React.useEffect(() => {
+    if (!autoRedirectSeconds) return;
+    setCountdown(autoRedirectSeconds);
+    const interval = setInterval(() => {
+      setCountdown((prev) => {
+        if (prev <= 1) {
+          clearInterval(interval);
+          onContinue?.();
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [autoRedirectSeconds, onContinue]);
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      /* @__PURE__ */ jsx(
+        m.div,
+        {
+          className: "mx-auto mb-2",
+          initial: { scale: 0.8, opacity: 0 },
+          animate: { scale: 1, opacity: 1 },
+          transition: { ...motionSpring.bouncy, ...motionConfig },
+          children: /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-success/10 shadow-[0_0_24px_rgb(var(--color-success)/0.2)]", children: icon })
+        }
+      ),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
+      autoRedirectSeconds !== void 0 && countdown > 0 && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-text-tertiary tabular-nums", children: [
+        "Redirecting in ",
+        countdown,
+        "..."
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "accent", className: "w-full", onClick: onContinue, children: buttonText })
+    ] })
+  ] }) });
+}
+
+export { AuthSuccessBlock };

package/dist/chunk-MX5FUFQR.js

@@ -0,0 +1,205 @@
+import { TextReveal } from './chunk-LV4LBWCS.js';
+import { AnimatedGradientText } from './chunk-XZ3A33GP.js';
+import { Heading } from './chunk-WI547C47.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { Card, CardHeader, CardContent } from './chunk-AH6YSYYT.js';
+import { MouseGlow } from './chunk-DSMGCFMJ.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, heroStagger } from './chunk-PD2YEH3H.js';
+import { ZapIcon } from './chunk-FLF5AMNO.js';
+import { SparklesIcon } from './chunk-CGUCH322.js';
+import { TerminalIcon } from './chunk-3CLXYQKB.js';
+import { ChevronRightIcon } from './chunk-G24VV5NO.js';
+import { ArrowRightIcon } from './chunk-T7H53CK2.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useReducedMotion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TEXT_EFFECTS = {
+  textRevealDelayMs: 200
+};
+var DEFAULT_PRIMARY_ACTION = { label: "Get Started" };
+var DEFAULT_SECONDARY_ACTION = { label: "View Components" };
+var DEFAULT_ANNOUNCEMENT = { label: "New", text: `${siteConfig.name} System v2.0 is now live`, href: "#" };
+function HeroCenteredVariant({
+  headline = "Experience the Future of Synthetic Intelligence",
+  subheadline = "Unleash the power of deep learning with our ultra-realistic, high-performance design system. Built for the next generation of AI interfaces.",
+  primaryAction = DEFAULT_PRIMARY_ACTION,
+  secondaryAction = DEFAULT_SECONDARY_ACTION,
+  announcement = DEFAULT_ANNOUNCEMENT,
+  className
+}) {
+  const shouldReduceMotion = useReducedMotion();
+  const Wrapper = shouldReduceMotion ? "div" : m.div;
+  const Item = shouldReduceMotion ? "div" : m.div;
+  return /* @__PURE__ */ jsxs("section", { className: cn("relative overflow-hidden py-24 md:py-32", className), children: [
+    /* @__PURE__ */ jsx(MouseGlow, { className: "opacity-40" }),
+    /* @__PURE__ */ jsxs(
+      Wrapper,
+      {
+        className: "container relative z-10 mx-auto px-4 text-center",
+        ...!shouldReduceMotion && {
+          initial: "hidden",
+          animate: "visible",
+          variants: heroStagger.container
+        },
+        children: [
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("div", { className: "mb-8 flex justify-center", children: /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: announcement.href,
+              className: "inline-flex items-center rounded-full border border-border/50 bg-surface/50 px-4 py-1.5 text-sm font-medium text-text-secondary glass-overlay transition-colors hover:border-accent/10 hover:bg-surface-hover",
+              children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "mr-2 h-5 px-1.5 text-[10px]", children: announcement.label }),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                  announcement.text,
+                  /* @__PURE__ */ jsx(ChevronRightIcon, { size: 12 })
+                ] })
+              ]
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs(Heading, { level: 1, size: "display", className: "mx-auto max-w-4xl text-5xl text-text-primary sm:text-7xl", children: [
+            /* @__PURE__ */ jsx("span", { className: "block", children: /* @__PURE__ */ jsx(TextReveal, { text: headline.split(" ").slice(0, 3).join(" "), by: "word", delay: TEXT_EFFECTS.textRevealDelayMs, className: "justify-center" }) }),
+            /* @__PURE__ */ jsx(AnimatedGradientText, { className: "mt-1.5", children: headline.split(" ").slice(3).join(" ") })
+          ] }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("p", { className: "mx-auto mt-6 max-w-2xl text-lg leading-8 text-text-secondary", children: subheadline }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "mt-10 flex items-center justify-center gap-4", children: [
+            /* @__PURE__ */ jsxs(Button, { size: "lg", variant: "primary", onClick: primaryAction.onClick, children: [
+              primaryAction.label,
+              /* @__PURE__ */ jsx(ArrowRightIcon, { size: 16, className: "ml-2" })
+            ] }),
+            /* @__PURE__ */ jsx(Button, { size: "lg", variant: "outline", onClick: secondaryAction.onClick, children: secondaryAction.label })
+          ] }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("div", { className: "mt-20", children: /* @__PURE__ */ jsx(Card, { className: "mx-auto max-w-5xl rounded-xl p-2 lg:rounded-2xl lg:p-4", children: /* @__PURE__ */ jsxs("div", { className: "aspect-[16/9] overflow-hidden rounded-lg border border-border glass-panel shadow-inner relative", children: [
+            /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col", children: [
+              /* @__PURE__ */ jsxs("div", { className: "h-12 border-b border-border flex items-center px-4 gap-4 bg-muted/30", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-destructive/50" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-5/50" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-4/50" })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "h-6 w-full max-w-sm rounded bg-muted" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 flex", children: [
+                /* @__PURE__ */ jsxs("div", { className: "w-64 border-r border-border p-4 space-y-4 bg-muted/10 hidden md:block", children: [
+                  /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-4 w-32 rounded bg-muted/50" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-4 w-20 rounded bg-muted/50" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-4 w-28 rounded bg-muted/50" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 p-6 space-y-6", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+                    /* @__PURE__ */ jsx("div", { className: "h-32 flex-1 rounded-lg border border-border bg-muted/20" }),
+                    /* @__PURE__ */ jsx("div", { className: "h-32 flex-1 rounded-lg border border-border bg-muted/20" }),
+                    /* @__PURE__ */ jsx("div", { className: "h-32 flex-1 rounded-lg border border-border bg-muted/20" })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "h-64 rounded-lg border border-border bg-muted/10" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex h-full w-full items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 opacity-20", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-32 w-32 rounded-full border border-primary/50 blur-3xl animate-pulse" }),
+              /* @__PURE__ */ jsx("div", { className: "h-32 w-32 rounded-full border border-primary/50 blur-3xl animate-pulse delay-1000" })
+            ] }) })
+          ] }) }) }) })
+        ]
+      }
+    )
+  ] });
+}
+var DEFAULT_SPLIT_PRIMARY_ACTION = { label: "Start Building" };
+function HeroSplitVariant({
+  headline = `Build faster with ${siteConfig.name}`,
+  subheadline = "A complete component library for building modern, high-contrast AI applications.",
+  primaryAction = DEFAULT_SPLIT_PRIMARY_ACTION,
+  className
+}) {
+  const shouldReduceMotion = useReducedMotion();
+  const Wrapper = shouldReduceMotion ? "div" : m.div;
+  const Item = shouldReduceMotion ? "div" : m.div;
+  return /* @__PURE__ */ jsx("section", { className: cn("relative overflow-hidden py-24 md:py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto grid gap-12 px-6 lg:px-8 lg:grid-cols-2 lg:items-center", children: [
+    /* @__PURE__ */ jsxs(
+      Wrapper,
+      {
+        className: "relative z-10",
+        ...!shouldReduceMotion && {
+          initial: "hidden",
+          animate: "visible",
+          variants: heroStagger.container
+        },
+        children: [
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center rounded-lg border border-border bg-surface px-4 py-1.5 mb-6", children: [
+            /* @__PURE__ */ jsx(SparklesIcon, { size: 16, className: "mr-2 text-accent" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-secondary", children: "AI-Powered Components" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx(Heading, { level: 1, size: "display", className: "text-text-primary sm:text-6xl mb-6", children: /* @__PURE__ */ jsx(TextReveal, { text: headline, by: "word", delay: TEXT_EFFECTS.textRevealDelayMs }) }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("p", { className: "text-lg text-text-secondary mb-8 leading-relaxed max-w-lg", children: subheadline }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4", children: [
+            /* @__PURE__ */ jsxs(Button, { size: "lg", variant: "accent", onClick: primaryAction.onClick, children: [
+              primaryAction.label,
+              /* @__PURE__ */ jsx(ZapIcon, { size: 16, className: "ml-2" })
+            ] }),
+            /* @__PURE__ */ jsx(Button, { size: "lg", variant: "ghost", children: "Documentation" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "mt-8 flex items-center gap-4 text-sm text-text-tertiary", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex -space-x-2", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "h-8 w-8 rounded-full border-2 border-background bg-surface-active flex items-center justify-center text-[10px] font-bold", children: [
+              "U",
+              i
+            ] }, i)) }),
+            /* @__PURE__ */ jsx("p", { children: "Trusted by 10,000+ developers" })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative lg:ml-auto w-full max-w-md", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute -inset-4 rounded-xl bg-gradient-to-r from-primary to-text-secondary opacity-20 blur-2xl" }),
+      /* @__PURE__ */ jsxs(Card, { interactive: true, className: "relative w-full border-border/50", children: [
+        /* @__PURE__ */ jsx(CardHeader, { className: "border-b border-border/50 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex space-x-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-destructive/50" }),
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-5/50" }),
+            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-4/50" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-text-tertiary font-mono", children: "terminal.tsx" })
+        ] }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4 p-6 font-mono text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-chart-4", children: [
+            /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16 }),
+            /* @__PURE__ */ jsx("span", { children: "npm install @nadicode/core" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-text-secondary", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-chart-2", children: "\u2714" }),
+            " Added 124 packages"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-text-primary", children: [
+            /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, className: "text-text-tertiary" }),
+            /* @__PURE__ */ jsx("span", { children: "npx nadicode init" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "bg-surface/50 p-4 rounded border border-border/50 text-xs text-text-secondary mt-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+              /* @__PURE__ */ jsx(TerminalIcon, { size: 12 }),
+              /* @__PURE__ */ jsx("span", { children: "Initializing project..." })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "h-1 w-full bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "h-full bg-accent w-2/3" }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "absolute -bottom-6 -left-6 max-w-[200px]", children: /* @__PURE__ */ jsx(Card, { className: "border-border/50 shadow-xl", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-chart-4/20 flex items-center justify-center text-chart-4", children: /* @__PURE__ */ jsx(ZapIcon, { size: 16 }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs font-bold text-text-primary", children: "Deployment" }),
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] text-text-secondary", children: "Successful (24ms)" })
+        ] })
+      ] }) }) })
+    ] })
+  ] }) });
+}
+function HeroBlock({ variant = "centered", ...props }) {
+  if (variant === "split") {
+    return /* @__PURE__ */ jsx(HeroSplitVariant, { ...props });
+  }
+  return /* @__PURE__ */ jsx(HeroCenteredVariant, { ...props });
+}
+
+export { HeroBlock };

package/dist/chunk-NEHCPO53.js

@@ -0,0 +1,44 @@
+import { Typography } from './chunk-N53OMWW2.js';
+import { Heading } from './chunk-WI547C47.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './chunk-W4YX7N46.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultItems = [
+  {
+    question: "What frameworks are supported?",
+    answer: "We support React 18+, Next.js 13+, and any framework that works with Tailwind CSS. Our components are built on Radix UI primitives for maximum accessibility."
+  },
+  {
+    question: "Can I customize the design tokens?",
+    answer: "Yes. All colors, spacing, typography, and shadows are driven by a single tokens.config.js file. Change the tokens and every component updates automatically."
+  },
+  {
+    question: "Is dark mode supported?",
+    answer: "Both light and dark themes are built in via CSS custom properties. The ThemeProvider handles persistence and system preference detection out of the box."
+  },
+  {
+    question: "How do I get support?",
+    answer: "Community support is available on GitHub Discussions. Pro and Enterprise plans include priority email and dedicated Slack channels."
+  }
+];
+function FAQBlock({
+  items = defaultItems,
+  title = "Frequently asked questions",
+  description,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl px-6", children: [
+    /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-text-primary", children: title }),
+      !!description && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "mt-4 text-text-secondary", children: description })
+    ] }) }),
+    /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: items.map((item, index) => /* @__PURE__ */ jsx(ScrollFadeIn, { delay: index * 0.05, children: /* @__PURE__ */ jsxs(AccordionItem, { value: `faq-${index}`, children: [
+      /* @__PURE__ */ jsx(AccordionTrigger, { className: "text-left text-base font-medium text-text-primary", children: item.question }),
+      /* @__PURE__ */ jsx(AccordionContent, { className: "text-text-secondary leading-relaxed", children: item.answer })
+    ] }) }, index)) })
+  ] }) });
+}
+
+export { FAQBlock };

package/dist/chunk-OHOOQUVJ.js

@@ -0,0 +1,113 @@
+import { Shine } from './chunk-DARC2ACH.js';
+import { ShimmeringText } from './chunk-SGI25ZJ6.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { Card, CardContent } from './chunk-AH6YSYYT.js';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-NAAU5IWU.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultLogos = [
+  { name: "Vercel", icon: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: /* @__PURE__ */ jsx("path", { d: "M12 2L22 22H2L12 2Z", fill: "currentColor", stroke: "none" }) }) },
+  { name: "Stripe", icon: (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) },
+  { name: "OpenAI", icon: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" })
+  ] }) },
+  { name: siteConfig.name, icon: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 9h6v6H9z" })
+  ] }) },
+  { name: "Next.js", icon: (props) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M21 8v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5z" }),
+    /* @__PURE__ */ jsx("path", { d: "M10 12h4" })
+  ] }) }
+];
+function LogoCloudVariant({
+  logos = defaultLogos,
+  title = "Trusted by innovative teams",
+  className
+} = {}) {
+  return /* @__PURE__ */ jsx("div", { className: className ?? "w-full py-12 lg:py-16", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-4 text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-8 text-sm font-medium text-text-tertiary uppercase tracking-wider", children: title }),
+    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 60, distance: 12, className: "flex flex-wrap gap-8 items-center justify-center opacity-70", children: logos.map((logo) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "group flex items-center justify-center transition-all duration-300 hover:opacity-100 hover:scale-110",
+        children: [
+          /* @__PURE__ */ jsx(logo.icon, { className: "h-8 w-8 text-text-tertiary transition-colors group-hover:text-primary group-hover:drop-shadow-[0_0_8px_rgb(var(--color-primary)/0.5)]" }),
+          /* @__PURE__ */ jsx("span", { className: "ml-2 text-lg font-semibold text-text-tertiary group-hover:text-text-primary hidden md:inline-block", children: logo.name })
+        ]
+      },
+      logo.name
+    )) })
+  ] }) });
+}
+var defaultSocialTestimonials = [
+  {
+    quote: "Seed has completely transformed how we build AI interfaces. The depth and realism are unmatched.",
+    author: "Sarah Chen",
+    role: "Product Designer @ NeuralNet",
+    avatar: "SC"
+  },
+  {
+    quote: "The glassmorphism effects are incredibly performant. It feels like a native app running in the browser.",
+    author: "Marcus Rodriguez",
+    role: "Frontend Lead @ FutureScale",
+    avatar: "MR"
+  },
+  {
+    quote: "Finally, a design system that understands what 'futuristic' actually means. No more flat, boring SaaS UI.",
+    author: "Elena Kowalski",
+    role: "CTO @ CyberSystems",
+    avatar: "EK"
+  },
+  {
+    quote: "Development velocity increased by 3x. The components are so easy to compose.",
+    author: "David Park",
+    role: "Indie Hacker",
+    avatar: "DP"
+  }
+];
+function TestimonialsVariant({
+  title = "Loved by Builders",
+  testimonials = defaultSocialTestimonials,
+  className
+} = {}) {
+  return /* @__PURE__ */ jsx("section", { className: className ?? "py-16 md:py-24 relative overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-center mb-12", children: /* @__PURE__ */ jsx(
+      ShimmeringText,
+      {
+        text: title,
+        color: "var(--color-text-primary)",
+        shimmeringColor: "var(--color-accent)",
+        duration: 2
+      }
+    ) }),
+    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 100, direction: "up", distance: 20, className: "flex flex-wrap justify-center gap-6", children: testimonials.map((t, i) => /* @__PURE__ */ jsx(Shine, { enableOnHover: true, loop: true, loopDelay: 200, color: "var(--color-accent)", opacity: 0.15, children: /* @__PURE__ */ jsx(Card, { interactive: true, className: "w-full max-w-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+      /* @__PURE__ */ jsxs("p", { className: "mb-4 text-lg text-text-secondary leading-relaxed", children: [
+        '"',
+        t.quote,
+        '"'
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10 border border-primary/20", children: [
+          /* @__PURE__ */ jsx(AvatarImage, { src: `https://api.dicebear.com/7.x/avataaars/svg?seed=${t.author}` }),
+          /* @__PURE__ */ jsx(AvatarFallback, { children: t.avatar })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-text-primary", children: t.author }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-text-tertiary", children: t.role })
+        ] })
+      ] })
+    ] }) }) }, i)) })
+  ] }) });
+}
+function SocialProofBlock({ variant = "logo-cloud", ...props }) {
+  if (variant === "testimonials") {
+    return /* @__PURE__ */ jsx(TestimonialsVariant, { ...props });
+  }
+  return /* @__PURE__ */ jsx(LogoCloudVariant, { ...props });
+}
+
+export { SocialProofBlock };

package/dist/chunk-QIHA7S3A.js

@@ -0,0 +1,36 @@
+import { CountingNumber } from './chunk-F3T2U7YL.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultStats = [
+  { value: 1200, label: "Stars on GitHub", prefix: "+" },
+  { value: 22, label: "Active Users", suffix: " Million" },
+  { value: 500, label: "Powered Apps", prefix: "+" }
+];
+var defaultTitle = `${siteConfig.name} in numbers`;
+var defaultDescription = `The numbers speak for themselves. ${siteConfig.name} powers the next generation of AI interfaces with premium design tokens, glass effects, and accessible components.`;
+function StatsMarketingBlock({
+  title = defaultTitle,
+  description = defaultDescription,
+  stats = defaultStats,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: className ?? "py-12 md:py-16", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl space-y-8 px-6 md:space-y-16", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative z-10 mx-auto max-w-xl space-y-6 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-secondary", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 150, className: "grid gap-12 divide-y *:text-center md:grid-cols-3 md:gap-2 md:divide-x md:divide-y-0", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-5xl font-bold tabular-nums", children: [
+        stat.prefix,
+        /* @__PURE__ */ jsx(CountingNumber, { number: stat.value, inViewOnce: true }),
+        stat.suffix
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: stat.label })
+    ] }, stat.label)) })
+  ] }) });
+}
+
+export { StatsMarketingBlock };