@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.7

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

@@ -1,4 +1,4 @@
-interface HeroProps {
+interface HeroBlockBaseProps {
     headline?: string;
     subheadline?: string;
     primaryAction?: {
@@ -16,6 +16,9 @@ interface HeroProps {
     };
     className?: string;
 }
-export declare function HeroCentered({ headline, subheadline, primaryAction, secondaryAction, announcement, className, }: HeroProps): import("react/jsx-runtime").JSX.Element;
-export declare function HeroSplit({ headline, subheadline, primaryAction, className, }: HeroProps): import("react/jsx-runtime").JSX.Element;
+export type HeroBlockVariant = "centered" | "split";
+export interface HeroBlockProps extends HeroBlockBaseProps {
+    variant?: HeroBlockVariant;
+}
+export declare function HeroBlock({ variant, ...props }: HeroBlockProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/blocks/HeroBlock.js

@@ -1,8 +1,9 @@
 'use client';
+export { HeroBlock } from '../../chunk-MX5FUFQR.js';
 import '../../chunk-G5EO22OR.js';
 import '../../chunk-ANBJ2OLC.js';
-import { TextReveal } from '../../chunk-LV4LBWCS.js';
-import { AnimatedGradientText } from '../../chunk-XZ3A33GP.js';
+import '../../chunk-LV4LBWCS.js';
+import '../../chunk-XZ3A33GP.js';
 import '../../chunk-F3T2U7YL.js';
 import '../../chunk-6DYFX5IR.js';
 import '../../chunk-EB5PYS7Q.js';
@@ -10,28 +11,28 @@ import '../../chunk-OHX2LFAH.js';
 import '../../chunk-SGI25ZJ6.js';
 import '../../chunk-ULLTRLBD.js';
 import '../../chunk-4O6L5YWT.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-SV3KZ6CB.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
-import { m, heroStagger } from '../../chunk-PD2YEH3H.js';
+import '../../chunk-WI547C47.js';
+import '../../chunk-A7NUWD76.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-DSMGCFMJ.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
 import '../../chunk-GO35FTNJ.js';
 import '../../chunk-PSVQ7ZNX.js';
-import { ZapIcon } from '../../chunk-FLF5AMNO.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 { SparklesIcon } from '../../chunk-CGUCH322.js';
+import '../../chunk-CGUCH322.js';
 import '../../chunk-ELKIUARM.js';
 import '../../chunk-ZU2GYVAP.js';
 import '../../chunk-KSHJQ2VT.js';
-import { TerminalIcon } from '../../chunk-3CLXYQKB.js';
+import '../../chunk-3CLXYQKB.js';
 import '../../chunk-JHQ5NMLZ.js';
 import '../../chunk-CRZ2JE24.js';
 import '../../chunk-TXGANOAX.js';
@@ -97,7 +98,7 @@ import '../../chunk-JHQTKMKG.js';
 import '../../chunk-CI7GPGCJ.js';
 import '../../chunk-226EBOTK.js';
 import '../../chunk-G5YLGJXR.js';
-import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
+import '../../chunk-G24VV5NO.js';
 import '../../chunk-6BAV4TZ5.js';
 import '../../chunk-SW6QPJM4.js';
 import '../../chunk-V6WNRZT3.js';
@@ -119,7 +120,7 @@ import '../../chunk-666N6OTL.js';
 import '../../chunk-FMH55OKV.js';
 import '../../chunk-WXVNTJIB.js';
 import '../../chunk-CXACRCZ4.js';
-import { ArrowRightIcon } from '../../chunk-T7H53CK2.js';
+import '../../chunk-T7H53CK2.js';
 import '../../chunk-BFLN54VR.js';
 import '../../chunk-P6IRHPFM.js';
 import '../../chunk-SXHYB7JB.js';
@@ -128,191 +129,7 @@ import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
-import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-S4JAHKOP.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { useReducedMotion } from 'motion/react';
-import { jsxs, jsx } 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 HeroCentered({
-  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 HeroSplit({
-  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)" })
-        ] })
-      ] }) }) })
-    ] })
-  ] }) });
-}
-
-export { HeroCentered, HeroSplit };
+import '../../chunk-QYZT24TS.js';

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

@@ -15,5 +15,5 @@ interface HeroSectionProps {
     logos?: HeroLogo[];
     className?: string;
 }
-export declare function HeroSection({ headline, flipWords, primaryAction, secondaryAction, logos, className, }: HeroSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeroSectionBlock({ headline, flipWords, primaryAction, secondaryAction, logos, className, }: HeroSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/blocks/HeroSectionBlock.js

@@ -1,5 +1,5 @@
 'use client';
-import { HeroHeader } from '../../chunk-5I3FWRC5.js';
+import { HeaderBlock } from '../../chunk-WOYBVPXK.js';
 import '../../chunk-G5EO22OR.js';
 import '../../chunk-ANBJ2OLC.js';
 import '../../chunk-LV4LBWCS.js';
@@ -158,7 +158,7 @@ function heightClass(h) {
   if (n <= 24) return "h-6";
   return "h-7";
 }
-function HeroSection({
+function HeroSectionBlock({
   headline = "Build 10x Faster with NS",
   flipWords = defaultFlipWords,
   primaryAction = defaultPrimaryAction,
@@ -167,7 +167,7 @@ function HeroSection({
   className
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(HeroHeader, {}),
+    /* @__PURE__ */ jsx(HeaderBlock, {}),
     /* @__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: [
@@ -264,4 +264,4 @@ function HeroSection({
   ] });
 }
 
-export { HeroSection };
+export { HeroSectionBlock };

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

@@ -11,5 +11,5 @@ interface IntegrationsSectionProps {
     integrations?: IntegrationItem[];
     className?: string;
 }
-export declare function IntegrationsSection({ title, description, integrations, className, }?: IntegrationsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function IntegrationsBlock({ title, description, integrations, className, }?: IntegrationsSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/blocks/IntegrationsBlock.js

@@ -1,11 +1,11 @@
 'use client';
 import '../../chunk-3ZDYYZDD.js';
+import { VSCodium } from '../../chunk-J5DRK4RF.js';
+import { Gemini } from '../../chunk-TSVN5A2F.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';
@@ -162,7 +162,7 @@ var defaultIntegrations = [
     icon: /* @__PURE__ */ jsx(GooglePaLM, {})
   }
 ];
-function IntegrationsSection({
+function IntegrationsBlock({
   title = "Integrate with your favorite tools",
   description = "Connect seamlessly with popular platforms and services to enhance your workflow.",
   integrations = defaultIntegrations,
@@ -208,4 +208,4 @@ var IntegrationCard = ({ title, description, children, link = "https://github.co
   ] }) });
 };
 
-export { IntegrationsSection };
+export { IntegrationsBlock };

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

@@ -17,5 +17,5 @@ interface InteractiveAreaChartProps {
     timeRanges?: TimeRange[];
     className?: string;
 }
-export declare function InteractiveAreaChart({ data, config, title, description, timeRanges, className, }: InteractiveAreaChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function InteractiveAreaChartBlock({ data, config, title, description, timeRanges, className, }: InteractiveAreaChartProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/blocks/InteractiveAreaChartBlock.js

@@ -356,7 +356,7 @@ var defaultConfig = {
     color: "rgb(var(--chart-2))"
   }
 };
-function InteractiveAreaChart({
+function InteractiveAreaChartBlock({
   data = defaultData,
   config = defaultConfig,
   title = "Traffic Analysis",
@@ -404,4 +404,4 @@ function InteractiveAreaChart({
   ] });
 }
 
-export { InteractiveAreaChart };
+export { InteractiveAreaChartBlock };

package/dist/components/blocks/NewsletterBlock.js

@@ -1,90 +1,17 @@
 'use client';
-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';
+export { NewsletterBlock } from '../../chunk-K7NQ6ZAW.js';
+import '../../chunk-DARC2ACH.js';
+import '../../chunk-MDAYDDTC.js';
+import '../../chunk-N53OMWW2.js';
+import '../../chunk-ZLSWCV55.js';
+import '../../chunk-WI547C47.js';
+import '../../chunk-AP3XXYAY.js';
 import '../../chunk-LIBXYD5Q.js';
-import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-I23DDSU7.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { CheckIcon } from '../../chunk-CXACRCZ4.js';
+import '../../chunk-CXACRCZ4.js';
 import '../../chunk-ASKFAYYR.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 };
+import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/PasswordRecoveryBlock.js

@@ -1,147 +1,19 @@
 'use client';
-import { useSafeTimeout } from '../../chunk-MDAYDDTC.js';
-import { Spinner } from '../../chunk-ZLSWCV55.js';
-import { Field, FieldLabel } from '../../chunk-RX5EUODB.js';
-import { Separator } from '../../chunk-CUZJIDU7.js';
-import { Input } from '../../chunk-AP3XXYAY.js';
+export { PasswordRecoveryBlock } from '../../chunk-5PZ4VR2D.js';
+import '../../chunk-MDAYDDTC.js';
+import '../../chunk-ZLSWCV55.js';
+import '../../chunk-RX5EUODB.js';
+import '../../chunk-CUZJIDU7.js';
+import '../../chunk-AP3XXYAY.js';
 import '../../chunk-LIBXYD5Q.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '../../chunk-AH6YSYYT.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
-import { m, fadeInUp, scaleIn } from '../../chunk-PD2YEH3H.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
-import { SparklesIcon } from '../../chunk-CGUCH322.js';
-import { MailIcon } from '../../chunk-XQ2UDMPO.js';
-import { CheckIcon } from '../../chunk-CXACRCZ4.js';
-import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-S4JAHKOP.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import * as React from 'react';
-import { useTranslations } from 'next-intl';
-import { useReducedMotion } from 'motion/react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var MODE_ICONS = {
-  reset: /* @__PURE__ */ jsx(MailIcon, { size: 32, className: "text-text-secondary" }),
-  "magic-link": /* @__PURE__ */ jsx(SparklesIcon, { size: 32, className: "text-accent" })
-};
-var INSTRUCTION_STEPS = ["step1", "step2", "step3"];
-function PasswordRecoveryBlock({
-  className,
-  mode = "reset",
-  onSubmit,
-  onBackToLogin,
-  title,
-  description,
-  buttonText,
-  successTitle
-}) {
-  const prefersReduced = useReducedMotion();
-  const tShared = useTranslations("auth.passwordRecovery.shared");
-  const tMode = useTranslations(mode === "magic-link" ? "auth.passwordRecovery.magicLink" : "auth.passwordRecovery.reset");
-  const [email, setEmail] = React.useState("");
-  const [state, setState] = React.useState("entry");
-  const [resendState, setResendState] = React.useState("idle");
-  const setSafeTimeout = useSafeTimeout();
-  const resolvedTitle = title ?? tMode("title");
-  const resolvedDescription = description ?? tMode("description");
-  const resolvedButtonText = buttonText ?? tMode("button");
-  const resolvedSuccessTitle = successTitle ?? tShared("checkEmail");
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (!email) return;
-    setState("loading");
-    onSubmit?.(email);
-    setSafeTimeout(() => setState("success"), 1500);
-  };
-  const handleResend = () => {
-    setResendState("sending");
-    onSubmit?.(email);
-    setSafeTimeout(() => {
-      setResendState("sent");
-      setSafeTimeout(() => setResendState("idle"), 3e3);
-    }, 1e3);
-  };
-  if (state === "success") {
-    return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : fadeInUp, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(MailIcon, { size: 48, className: "text-accent" }) }),
-        /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: resolvedSuccessTitle }),
-        /* @__PURE__ */ jsx(CardDescription, { children: tMode("successDescription") })
-      ] }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: email }) }),
-        /* @__PURE__ */ jsx("ol", { className: "space-y-2 text-sm text-text-secondary list-none", children: INSTRUCTION_STEPS.map((key) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "text-success mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx("span", { children: tMode(`instructions.${key}`) })
-        ] }, key)) }),
-        /* @__PURE__ */ jsx(Separator, {}),
-        /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: tShared("didNotReceiveEmail") }),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "outline",
-              size: "sm",
-              onClick: handleResend,
-              disabled: resendState === "sending",
-              children: [
-                resendState === "sending" && /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
-                resendState === "sent" ? tShared("emailResent") : tShared("resendEmail")
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onBackToLogin,
-          className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
-          children: tShared("backToLogin")
-        }
-      ) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(m.div, { ...prefersReduced ? {} : 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("div", { className: "mx-auto mb-2", children: MODE_ICONS[mode] }),
-      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: resolvedTitle }),
-      /* @__PURE__ */ jsx(CardDescription, { children: resolvedDescription })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "grid gap-4", children: [
-      /* @__PURE__ */ jsxs(Field, { children: [
-        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "recovery-email", children: tShared("email") }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            name: "email",
-            id: "recovery-email",
-            type: "email",
-            placeholder: tShared("emailPlaceholder"),
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            autoComplete: "email",
-            required: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "accent", className: "w-full", disabled: state === "loading", children: state === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
-        tShared("sending")
-      ] }) : resolvedButtonText })
-    ] }) }),
-    /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBackToLogin,
-        className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
-        children: mode === "magic-link" ? tMode("backToPassword") : tShared("backToLogin")
-      }
-    ) })
-  ] }) });
-}
-
-export { PasswordRecoveryBlock };
+import '../../chunk-QYZT24TS.js';