@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.8

package/dist/chunk-7A2RXKGH.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 { TerminalIcon } from './chunk-3CLXYQKB.js';
+import { SparklesIcon } from './chunk-CGUCH322.js';
+import { ArrowRightIcon } from './chunk-T7H53CK2.js';
+import { ChevronRightIcon } from './chunk-G24VV5NO.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-DF47R6LN.js → chunk-AWIG4QN6.js}

@@ -2,19 +2,19 @@
 var PALETTE = {
   "arctic-light": {
     bg: "#f7f7f8",
-    c1: "#fbf4e0",
+    c1: "#e8f5f0",
     c2: "#dee1e3",
-    c3: "#f5e8c0",
+    c3: "#d4ede5",
     c4: "#ecedee",
-    accent: "#8a5e08"
+    accent: "#059669"
   },
   "arctic-dark": {
-    bg: "#101114",
-    c1: "#141009",
-    c2: "#202328",
-    c3: "#211a0c",
-    c4: "#16191d",
-    accent: "#e8a020"
+    bg: "#000000",
+    c1: "#06130e",
+    c2: "#0e1411",
+    c3: "#081a12",
+    c4: "#080c0a",
+    accent: "#0a9e6f"
   },
   bloom: {
     bg: "#fefdfb",

package/dist/chunk-AYWL4IYM.js

@@ -0,0 +1,67 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { Separator } from './chunk-CUZJIDU7.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { TwitterIcon } from './chunk-LCDDAE7J.js';
+import { LinkedinIcon } from './chunk-2IZC7HSV.js';
+import { GithubIcon } from './chunk-WGPK3FQ7.js';
+import { useTranslations } from 'next-intl';
+import Link from 'next/link';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CURRENT_YEAR = (/* @__PURE__ */ new Date()).getFullYear();
+var defaultSocialIcons = [
+  { icon: /* @__PURE__ */ jsx(TwitterIcon, { size: 16 }, "twitter"), label: "Twitter" },
+  { icon: /* @__PURE__ */ jsx(GithubIcon, { size: 16 }, "github"), label: "GitHub" },
+  { icon: /* @__PURE__ */ jsx(LinkedinIcon, { size: 16 }, "linkedin"), label: "LinkedIn" }
+];
+function FooterBlock({
+  brandDescription = "The ultimate design system for building futuristic, high-contrast AI interfaces.",
+  newsletterPlaceholder = "Enter your email",
+  productLinks = siteConfig.nav.footer.product,
+  companyLinks = siteConfig.nav.footer.company,
+  legalLinks = siteConfig.nav.footer.legal,
+  socialIcons = defaultSocialIcons,
+  className
+}) {
+  const t = useTranslations("blocks.footerBlock");
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("footer", { className: className ?? "bg-background py-12 lg:py-16 border-t border-border/50", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-primary/20 flex items-center justify-center border border-primary/50 text-primary font-bold", children: "S" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-text-primary", children: siteConfig.name })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "max-w-xs text-text-secondary", children: brandDescription }),
+        /* @__PURE__ */ jsxs("div", { className: "flex max-w-sm flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ jsx(Input, { placeholder: newsletterPlaceholder, type: "email", className: "bg-surface/50 border-border/50" }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", children: t("subscribe") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 60, className: "grid grid-cols-2 gap-8 lg:col-span-2 sm:grid-cols-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "text-sm text-text-primary uppercase tracking-wider", children: t("product") }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm text-text-secondary", children: productLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.href, className: "hover:text-primary transition-colors", children: item.name }) }, item.name)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "text-sm text-text-primary uppercase tracking-wider", children: t("company") }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm text-text-secondary", children: companyLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.href, className: "hover:text-primary transition-colors", children: item.name }) }, item.name)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "text-sm text-text-primary uppercase tracking-wider", children: t("legal") }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm text-text-secondary", children: legalLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.href, className: "hover:text-primary transition-colors", children: item.name }) }, item.name)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, { className: "my-12 bg-border/50" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-6 sm:flex-row", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: t("allRightsReserved", { year: CURRENT_YEAR, name: siteConfig.name }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: socialIcons.map((social, index) => /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", "aria-label": social.label, className: "rounded-full text-text-secondary hover:text-primary hover:bg-surface-hover hover:scale-110 transition-transform duration-fast", children: social.icon }, index)) })
+    ] })
+  ] }) }) });
+}
+
+export { FooterBlock };

package/dist/chunk-C7WHMSF3.js

@@ -0,0 +1,114 @@
+import { Shine } from './chunk-DARC2ACH.js';
+import { createAvatarDataUri } from './chunk-QQOWC53X.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: createAvatarDataUri(t.author, t.avatar) }),
+          /* @__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-SV3KZ6CB.js → chunk-DSMGCFMJ.js}

@@ -5,10 +5,14 @@ import { createPortal } from 'react-dom';
 import { useReducedMotion, useMotionValue, useMotionTemplate } from 'motion/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+function getAccentColor() {
+  if (typeof window === "undefined") return "10 158 111";
+  return getComputedStyle(document.documentElement).getPropertyValue("--color-accent").trim() || "10 158 111";
+}
 function MouseGlow({
   className,
   dotColor = "rgba(255, 255, 255, 0.5)",
-  overlayColor = "rgba(232, 160, 32, 0.95)",
+  overlayColor,
   gap = 24,
   maskRadius = 300,
   overlayRadius = 260
@@ -16,6 +20,7 @@ function MouseGlow({
   const containerRef = React.useRef(null);
   const overlayRef = React.useRef(null);
   const [mounted, setMounted] = React.useState(false);
+  const resolvedOverlayColor = overlayColor ?? `rgba(${getAccentColor().replace(/ /g, ", ")}, 0.95)`;
   React.useEffect(() => {
     setMounted(true);
     const handleMouseMove = (e) => {
@@ -79,7 +84,7 @@ function MouseGlow({
             style: {
               position: "absolute",
               inset: 0,
-              backgroundImage: `radial-gradient(${overlayColor} 1px, transparent 0)`,
+              backgroundImage: `radial-gradient(${resolvedOverlayColor} 1px, transparent 0)`,
               backgroundSize: `${gapPx} ${gapPx}`,
               backgroundRepeat: "repeat",
               maskImage: `radial-gradient(circle ${overlayRadius}px at var(--mx, -9999px) var(--my, -9999px), black 0%, transparent 100%)`,

package/dist/{chunk-4K3PATUT.js → chunk-EEL4RAPC.js}

@@ -98,6 +98,7 @@ var seedMessagesEn = {
     },
     "thinkingIndicator": {
       "thinking": "Thinking",
+      "complete": "Complete",
       "showReasoning": "Show reasoning",
       "hideReasoning": "Hide reasoning"
     },
@@ -150,8 +151,19 @@ var seedMessagesEn = {
     "agentTeamPanel": {
       "agentTeam": "Agent team"
     },
+    "agentConversationBlock": {
+      "noMessages": "No messages"
+    },
+    "agentStatus": {
+      "idle": "Idle",
+      "thinking": "Thinking...",
+      "streaming": "Streaming",
+      "error": "Error",
+      "complete": "Complete"
+    },
     "agentTimeline": {
-      "timeline": "Timeline"
+      "timeline": "Timeline",
+      "noEvents": "No events"
     },
     "morphingText": {
       "morphingText": "Morphing text"

package/dist/{chunk-ILIHQ2KZ.js → chunk-EK43W2Y6.js}

@@ -1,3 +1,4 @@
+import { CopyIcon } from './chunk-TV4RSQH4.js';
 import { cn } from './chunk-QYZT24TS.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -12,21 +13,26 @@ var lineTypePrefix = {
   stdout: "",
   stderr: ""
 };
-function AgentTerminal({ className, lines, title, onCopy, ref, ...props }) {
+function AgentTerminal({ className, lines, title, onCopy, maxHeight = "max-h-80", ref, ...props }) {
   const scrollRef = React.useRef(null);
   React.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
   }, [lines]);
+  const handleCopy = React.useCallback(() => {
+    const text = lines.map((l) => {
+      const prefix = lineTypePrefix[l.type || "stdout"];
+      return `${prefix}${l.text}`;
+    }).join("\n");
+    navigator.clipboard.writeText(text);
+    onCopy?.();
+  }, [lines, onCopy]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
-      className: cn(
-        "surface-solid rounded-lg overflow-hidden",
-        className
-      ),
+      className: cn("surface-solid rounded-lg overflow-hidden", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-border/50", children: [
@@ -38,14 +44,14 @@ function AgentTerminal({ className, lines, title, onCopy, ref, ...props }) {
             ] }),
             !!title && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary font-mono ml-1.5", children: title })
           ] }),
-          !!onCopy && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              onClick: onCopy,
-              className: "text-xs text-text-tertiary hover:text-text-primary transition-colors",
+              onClick: handleCopy,
+              className: "text-text-tertiary hover:text-text-primary transition-colors min-h-10 min-w-10 inline-flex items-center justify-center",
               "aria-label": "Copy terminal output",
-              children: "Copy"
+              children: /* @__PURE__ */ jsx(CopyIcon, { size: 14, "aria-hidden": "true" })
             }
           )
         ] }),
@@ -53,7 +59,7 @@ function AgentTerminal({ className, lines, title, onCopy, ref, ...props }) {
           "div",
           {
             ref: scrollRef,
-            className: "p-4 max-h-80 overflow-y-auto font-mono text-xs leading-5",
+            className: cn("p-4 overflow-y-auto font-mono text-xs leading-5", maxHeight),
             role: "log",
             "aria-label": title || "Terminal output",
             children: lines.map((line, idx) => {