@vadimcomanescu/nadicode-design-system 6.0.0 → 6.0.1

package/dist/{chunk-OWWQP3YW.js → chunk-4DQMGKPG.js}

@@ -95,6 +95,6 @@ BRAND_LOGO_TEMPLATES.slice(0, 8).map((template, index) => ({
   alt: `${template.label} Logo`,
   height: String([20, 16, 16, 20, 20, 16, 28, 24][index])
 }));
-var LOCAL_NIKE_LOGO_SRC = createLogoDataUri(BRAND_LOGO_TEMPLATES[3]);
+createLogoDataUri(BRAND_LOGO_TEMPLATES[3]);
 
-export { LOCAL_CLOUD_LOGOS, LOCAL_NIKE_LOGO_SRC, createAvatarDataUri };
+export { LOCAL_CLOUD_LOGOS, createAvatarDataUri };

package/dist/{chunk-KUL5OOXZ.js → chunk-4NRASS74.js}

@@ -1,4 +1,4 @@
-import { seedComponentDefinitions } from './chunk-6PEJEOX4.js';
+import { seedComponentDefinitions } from './chunk-Z3NGVHHE.js';
 import { defineCatalog } from '@json-render/core';
 import { schema } from '@json-render/next/server';
 import { z } from 'zod';

package/dist/{chunk-KOJ3X2F3.js → chunk-5HFOPRXI.js}

@@ -40,7 +40,7 @@ var ROUTE_TREES = {
     root: "shell",
     elements: {
       shell: { type: "PageShell", props: { className: null }, children: ["header", "changelog", "footer"] },
-      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null, loginHref: null, signUpHref: null } },
+      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null } },
       changelog: {
         type: "ChangelogBlock",
         props: {
@@ -50,31 +50,31 @@ var ROUTE_TREES = {
           entries: null
         }
       },
-      footer: { type: "FooterBlock", props: { brandName: null, brandDescription: null, newsletterPlaceholder: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null } }
+      footer: { type: "FooterBlock", props: { brandName: null, brandDescription: null, newsletterPlaceholder: null, email: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null } }
     }
   },
   "/landing": {
     root: "shell",
     elements: {
       shell: { type: "PageShell", props: { className: null }, children: ["header", "hero", "logoCloud", "features", "stats", "pricing", "testimonials", "cta", "faq", "newsletter", "footer"] },
-      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null, loginHref: null, signUpHref: null } },
+      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null } },
       hero: { type: "HeroBlock", props: { variant: null, headline: null, subheadline: null, primaryAction: null, secondaryAction: null, announcement: null }, on: { primaryAction: { action: "noop" }, secondaryAction: { action: "noop" } } },
       logoCloud: { type: "LogoCloud", props: { title: null, logos: null, className: null } },
       features: { type: "FeatureBlock", props: { variant: null, badge: null, title: null, description: null, features: null } },
       stats: { type: "StatsMarketingBlock", props: { title: null, description: null, stats: null } },
       pricing: { type: "PricingBlock", props: { title: null, description: null, showBillingToggle: null, selectedPlanName: null, isYearly: null, plans: null }, on: { selectPlan: { action: "noop" } } },
-      testimonials: { type: "TestimonialsBlock", props: { title: null, description: null, testimonials: null } },
+      testimonials: { type: "TestimonialsBlock", props: { title: null, description: null, featuredCompanyLogo: null, testimonials: null } },
       cta: { type: "CallToActionBlock", props: { title: null, description: null, primaryAction: null, secondaryAction: null } },
-      faq: { type: "FAQBlock", props: { title: null, description: null, items: null }, on: { expand: { action: "noop" } } },
-      newsletter: { type: "NewsletterBlock", props: { title: null, description: null, email: null }, on: { subscribe: { action: "noop" } } },
-      footer: { type: "FooterBlock", props: { brandDescription: null, brandName: null, socialLinks: null, newsletterPlaceholder: null, productLinks: null, companyLinks: null, legalLinks: null } }
+      faq: { type: "FAQBlock", props: { title: null, description: null, items: null, selectedQuestion: null }, on: { expand: { action: "noop" } } },
+      newsletter: { type: "NewsletterBlock", props: { title: null, description: null, email: null, state: null, error: null }, on: { subscribe: { action: "noop" } } },
+      footer: { type: "FooterBlock", props: { brandDescription: null, brandName: null, socialLinks: null, newsletterPlaceholder: null, email: null, productLinks: null, companyLinks: null, legalLinks: null } }
     }
   },
   "/pricing": {
     root: "shell",
     elements: {
       shell: { type: "PageShell", props: { className: null }, children: ["header", "pricing", "comparison", "faq", "footer"] },
-      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null, loginHref: null, signUpHref: null } },
+      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null } },
       pricing: {
         type: "PricingBlock",
         props: {
@@ -100,6 +100,7 @@ var ROUTE_TREES = {
         props: {
           title: "Pricing FAQ",
           description: null,
+          selectedQuestion: null,
           items: [
             { question: "Can I switch plans later?", answer: "Yes, you can upgrade or downgrade at any time. When upgrading, you\u2019ll be charged the prorated difference. Downgrades take effect at the end of your billing cycle." },
             { question: "Do you offer refunds?", answer: "We offer a 14-day money-back guarantee on all paid plans. If you\u2019re not satisfied, contact support for a full refund." },
@@ -109,14 +110,14 @@ var ROUTE_TREES = {
         },
         on: { expand: { action: "noop" } }
       },
-      footer: { type: "FooterBlock", props: { brandName: null, brandDescription: null, newsletterPlaceholder: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null } }
+      footer: { type: "FooterBlock", props: { brandName: null, brandDescription: null, newsletterPlaceholder: null, email: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null } }
     }
   },
   "/blog/example": {
     root: "shell",
     elements: {
       shell: { type: "PageShell", props: { className: null }, children: ["header", "blog", "newsletter", "footer"] },
-      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null, loginHref: null, signUpHref: null } },
+      header: { type: "HeaderBlock", props: { menuItems: null, loginLabel: null, signUpLabel: null } },
       blog: {
         type: "BlogDetailBlock",
         on: { backToIndex: { action: "noop" } },
@@ -155,11 +156,13 @@ var ROUTE_TREES = {
         props: {
           title: "Enjoyed this article?",
           description: "Get more design system insights delivered to your inbox.",
-          email: null
+          email: null,
+          state: null,
+          error: null
         },
         on: { subscribe: { action: "noop" } }
       },
-      footer: { type: "FooterBlock", props: { brandName: null, brandDescription: null, newsletterPlaceholder: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null } }
+      footer: { type: "FooterBlock", props: { brandName: null, brandDescription: null, newsletterPlaceholder: null, email: null, productLinks: null, companyLinks: null, legalLinks: null, socialLinks: null } }
     }
   },
   "/onboarding": {

package/dist/{chunk-DSNPOAE6.js → chunk-5S34SGPQ.js}

@@ -2,6 +2,7 @@ import { Typography } from './chunk-Q7PCHHVJ.js';
 import { Heading } from './chunk-UXX6HHPS.js';
 import { ScrollFadeIn } from './chunk-I23DDSU7.js';
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './chunk-W4YX7N46.js';
+import { useBoundProp } from '@json-render/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var defaultItems = [
@@ -22,16 +23,20 @@ var defaultItems = [
     answer: "Community support is available on GitHub Discussions. Pro and Enterprise plans include priority email and dedicated Slack channels."
   }
 ];
-function FAQBlock({ props, emit }) {
+function FAQBlock({ props, emit, bindings }) {
   const items = props.items ?? defaultItems;
   const title = props.title ?? "Frequently asked questions";
   const description = props.description;
+  const [, setBoundQuestion] = useBoundProp(void 0, bindings?.selectedQuestion);
   return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24", 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", onValueChange: () => emit("expand"), children: items.map((item, index) => /* @__PURE__ */ jsx(ScrollFadeIn, { delay: index * 0.05, children: /* @__PURE__ */ jsxs(AccordionItem, { value: `faq-${index}`, children: [
+    /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", onValueChange: (value) => {
+      setBoundQuestion(value);
+      emit("expand");
+    }, 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)) })

package/dist/{chunk-BVXSAVKY.js → chunk-72EJ2TYY.js}

@@ -5,8 +5,8 @@ import { Button } from './chunk-7KIDDF3I.js';
 import { m, fadeInUp } from './chunk-PD2YEH3H.js';
 import { MailIcon } from './chunk-XQ2UDMPO.js';
 import { Badge } from './chunk-S4JAHKOP.js';
+import { Alert, AlertDescription } from './chunk-6CLSVCWP.js';
 import { cn } from './chunk-QYZT24TS.js';
-import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var titleMap = {
@@ -21,14 +21,10 @@ var descMap = {
 };
 function CheckEmailBlock({ props, emit }) {
   const type = props.type ?? "verification";
-  const [resendState, setResendState] = React.useState("idle");
+  const state = props.state ?? "idle";
+  const error = props.error ?? null;
   const handleResend = () => {
-    setResendState("sending");
     emit("resend");
-    setTimeout(() => {
-      setResendState("sent");
-      setTimeout(() => setResendState("idle"), 3e3);
-    }, 1e3);
   };
   return /* @__PURE__ */ jsx(m.div, { ...fadeInUp, className: cn("w-full max-w-md mx-auto"), children: /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
@@ -47,6 +43,7 @@ function CheckEmailBlock({ props, emit }) {
         /* @__PURE__ */ jsx("span", { children: step })
       ] }, i)) }),
       /* @__PURE__ */ jsx(Separator, {}),
+      !!error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
       /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
         /* @__PURE__ */ jsxs("p", { className: "text-sm text-text-tertiary", children: [
           "Didn",
@@ -59,10 +56,10 @@ function CheckEmailBlock({ props, emit }) {
             variant: "outline",
             size: "sm",
             onClick: handleResend,
-            disabled: resendState === "sending",
+            disabled: state === "loading",
             children: [
-              resendState === "sending" && /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
-              resendState === "sent" ? "Email resent!" : "Resend email"
+              state === "loading" && /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
+              state === "sent" ? "Email resent!" : "Resend email"
             ]
           }
         )

package/dist/{chunk-3BGWXRQC.js → chunk-7U55EQZD.js}

@@ -1,17 +1,14 @@
 import { ShimmeringText } from './chunk-SGI25ZJ6.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-UXX6HHPS.js';
-import { siteConfig } from './chunk-A7NUWD76.js';
 import { Button } from './chunk-7KIDDF3I.js';
-import Link from 'next/link';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var defaultDescription = `Join thousands of developers building premium interfaces with ${siteConfig.name}.`;
-var defaultPrimaryAction = { label: "Get Started", href: "#" };
-var defaultSecondaryAction = { label: "Book Demo", href: "#" };
-function CallToActionBlock({ props }) {
+var defaultPrimaryAction = { label: "Get Started"};
+var defaultSecondaryAction = { label: "Book Demo"};
+function CallToActionBlock({ props, emit }) {
   const title = props.title ?? "Start Building";
-  const description = props.description ?? defaultDescription;
+  const description = props.description ?? "Join thousands of developers building premium interfaces.";
   const primaryAction = props.primaryAction ?? defaultPrimaryAction;
   const secondaryAction = props.secondaryAction ?? defaultSecondaryAction;
   return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-5xl px-6", children: /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: "text-center", children: [
@@ -29,18 +26,18 @@ function CallToActionBlock({ props }) {
       /* @__PURE__ */ jsx(
         Button,
         {
-          asChild: true,
           size: "lg",
-          children: /* @__PURE__ */ jsx(Link, { href: primaryAction.href, children: /* @__PURE__ */ jsx("span", { children: primaryAction.label }) })
+          onClick: () => emit("primaryAction"),
+          children: /* @__PURE__ */ jsx("span", { children: primaryAction.label })
         }
       ),
       /* @__PURE__ */ jsx(
         Button,
         {
-          asChild: true,
           size: "lg",
           variant: "outline",
-          children: /* @__PURE__ */ jsx(Link, { href: secondaryAction.href, children: /* @__PURE__ */ jsx("span", { children: secondaryAction.label }) })
+          onClick: () => emit("secondaryAction"),
+          children: /* @__PURE__ */ jsx("span", { children: secondaryAction.label })
         }
       )
     ] })

package/dist/{chunk-MPVYXUOD.js → chunk-A2IYJPTF.js}

@@ -160,7 +160,9 @@ var seedMessagesIt = {
       "agentTeam": "Team agente"
     },
     "agentConversationBlock": {
-      "noMessages": "Nessun messaggio"
+      "noMessages": "Nessun messaggio",
+      "inputPlaceholder": "Scrivi un messaggio...",
+      "sendMessage": "Invia messaggio"
     },
     "agentStatus": {
       "idle": "Inattivo",

package/dist/{chunk-PD6WW7E5.js → chunk-BRESMZ6G.js}

@@ -1,7 +1,6 @@
 import { CountingNumber } from './chunk-F3T2U7YL.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-UXX6HHPS.js';
-import { siteConfig } from './chunk-A7NUWD76.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var defaultStats = [
@@ -9,11 +8,9 @@ var defaultStats = [
   { value: 22, label: "Active Users", suffix: " Million", prefix: null },
   { value: 500, label: "Powered Apps", prefix: "+", suffix: null }
 ];
-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({ props }) {
-  const title = props.title ?? defaultTitle;
-  const description = props.description ?? defaultDescription;
+  const title = props.title ?? "Your Platform in numbers";
+  const description = props.description ?? "The numbers speak for themselves. Premium design tokens, glass effects, and accessible components powering the next generation of interfaces.";
   const stats = props.stats ?? defaultStats;
   return /* @__PURE__ */ jsx("section", { 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: [

package/dist/{chunk-Q4CRHV5T.js → chunk-BVOJIX27.js}

@@ -1,6 +1,5 @@
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-UXX6HHPS.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';
@@ -8,8 +7,10 @@ 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 { useState } from 'react';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
+import { useBoundProp } from '@json-render/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var CURRENT_YEAR = (/* @__PURE__ */ new Date()).getFullYear();
@@ -18,19 +19,41 @@ var SOCIAL_ICON_MAP = {
   github: { icon: /* @__PURE__ */ jsx(GithubIcon, { size: 16 }), label: "GitHub" },
   linkedin: { icon: /* @__PURE__ */ jsx(LinkedinIcon, { size: 16 }), label: "LinkedIn" }
 };
+var defaultProductLinks = [
+  { name: "Components", href: "#" },
+  { name: "Blocks", href: "#" },
+  { name: "Themes", href: "#" },
+  { name: "Showcase", href: "#" }
+];
+var defaultCompanyLinks = [
+  { name: "About", href: "#" },
+  { name: "Blog", href: "#" },
+  { name: "Careers", href: "#" },
+  { name: "Contact", href: "#" }
+];
+var defaultLegalLinks = [
+  { name: "Privacy", href: "#" },
+  { name: "Terms", href: "#" },
+  { name: "License", href: "#" }
+];
 var defaultSocialLinks = [
   { platform: "twitter", href: "#" },
   { platform: "github", href: "#" },
   { platform: "linkedin", href: "#" }
 ];
-function FooterBlock({ props }) {
-  const brandName = props.brandName ?? siteConfig.name;
+function FooterBlock({ props, bindings, emit }) {
+  const brandName = props.brandName ?? "Your Brand";
   const brandDescription = props.brandDescription ?? "The ultimate design system for building futuristic, high-contrast AI interfaces.";
   const newsletterPlaceholder = props.newsletterPlaceholder ?? "Enter your email";
-  const productLinks = props.productLinks ?? siteConfig.nav.footer.product;
-  const companyLinks = props.companyLinks ?? siteConfig.nav.footer.company;
-  const legalLinks = props.legalLinks ?? siteConfig.nav.footer.legal;
+  const productLinks = props.productLinks ?? defaultProductLinks;
+  const companyLinks = props.companyLinks ?? defaultCompanyLinks;
+  const legalLinks = props.legalLinks ?? defaultLegalLinks;
   const socialLinks = props.socialLinks ?? defaultSocialLinks;
+  const [boundEmail, setBoundEmail] = useBoundProp(props.email, bindings?.email);
+  const [localEmail, setLocalEmail] = useState("");
+  const isEmailBound = !!bindings?.email;
+  const newsletterEmail = isEmailBound ? boundEmail ?? "" : localEmail;
+  const setNewsletterEmail = isEmailBound ? setBoundEmail : setLocalEmail;
   const t = useTranslations("blocks.footerBlock");
   return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("footer", { 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: [
@@ -40,10 +63,32 @@ function FooterBlock({ props }) {
           /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold text-text-primary", children: brandName })
         ] }),
         /* @__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(
+          "form",
+          {
+            onSubmit: (e) => {
+              e.preventDefault();
+              if (!newsletterEmail.trim()) return;
+              emit("subscribe");
+            },
+            className: "flex max-w-sm flex-col gap-2 sm:flex-row",
+            children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  name: "email",
+                  placeholder: newsletterPlaceholder,
+                  type: "email",
+                  value: newsletterEmail,
+                  onChange: (e) => setNewsletterEmail(e.target.value),
+                  required: true,
+                  className: "bg-surface/50 border-border/50"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { type: "submit", 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: [

package/dist/{chunk-PYRHNONA.js → chunk-CJDVIJEF.js}

@@ -1,4 +1,4 @@
-import { createAvatarDataUri, LOCAL_NIKE_LOGO_SRC } from './chunk-OWWQP3YW.js';
+import { createAvatarDataUri } from './chunk-4DQMGKPG.js';
 import { Shine } from './chunk-DARC2ACH.js';
 import { ShimmeringText } from './chunk-SGI25ZJ6.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
@@ -42,6 +42,7 @@ function TestimonialsBlock({ props }) {
   const title = props.title ?? "Build by makers, loved by thousand developers";
   const description = props.description ?? "Gemini is evolving to be more than just the models. It supports an entire to the APIs and platforms helping developers and businesses innovate.";
   const testimonials = props.testimonials ?? defaultTestimonials;
+  const featuredCompanyLogo = props.featuredCompanyLogo ?? null;
   const featured = React.useMemo(() => testimonials.find((t) => t.featured) ?? testimonials[0], [testimonials]);
   const rest = React.useMemo(() => testimonials.filter((t) => t !== featured), [testimonials, featured]);
   return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-8 px-6 md:space-y-16", children: [
@@ -59,16 +60,16 @@ function TestimonialsBlock({ props }) {
     ] }),
     /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 80, direction: "up", distance: 16, className: "grid gap-4 sm:grid-cols-2 md:grid-cols-4 lg:grid-rows-2", children: [
       !!featured && /* @__PURE__ */ jsx(Shine, { enableOnHover: true, loop: true, loopDelay: 200, color: "var(--color-accent)", opacity: 0.12, className: "sm:col-span-2 lg:row-span-2", children: /* @__PURE__ */ jsxs(Card, { className: "grid grid-rows-[auto_1fr] gap-8 h-full sm:p-6", children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(
+        featuredCompanyLogo ? /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(
           "img",
           {
             className: "h-6 w-fit dark:invert",
-            src: LOCAL_NIKE_LOGO_SRC,
-            alt: "Nike Logo",
+            src: featuredCompanyLogo,
+            alt: "Company Logo",
             height: "24",
             width: "auto"
           }
-        ) }),
+        ) }) : null,
         /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("blockquote", { className: "grid h-full grid-rows-[1fr_auto] gap-6", children: [
           /* @__PURE__ */ jsx("p", { className: "text-xl font-medium", children: featured.quote }),
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center gap-4", children: [

package/dist/{chunk-FSU7ZM5V.js → chunk-CJT7SZNI.js}

@@ -3,10 +3,10 @@ import { Typography } from './chunk-Q7PCHHVJ.js';
 import { Spinner } from './chunk-ZLSWCV55.js';
 import { Heading } from './chunk-UXX6HHPS.js';
 import { Input } from './chunk-AP3XXYAY.js';
-import { useSafeTimeout } from './chunk-MDAYDDTC.js';
 import { ScrollFadeIn } from './chunk-I23DDSU7.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { Alert, AlertDescription } from './chunk-6CLSVCWP.js';
 import { cn } from './chunk-QYZT24TS.js';
 import { useState } from 'react';
 import { useBoundProp } from '@json-render/react';
@@ -15,30 +15,22 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function NewsletterBlock({ props, bindings, emit }) {
   const title = props.title ?? "Stay in the loop";
   const description = props.description ?? "Get notified about new components, updates, and design system tips. No spam.";
+  const state = props.state ?? "idle";
+  const error = props.error ?? null;
   const [boundEmail, setBoundEmail] = useBoundProp(props.email, bindings?.email);
   const [localEmail, setLocalEmail] = useState("");
   const isEmailBound = !!bindings?.email;
   const email = isEmailBound ? boundEmail ?? "" : localEmail;
   const setEmail = isEmailBound ? setBoundEmail : setLocalEmail;
-  const [status, setStatus] = useState("idle");
-  const setSafeTimeout = useSafeTimeout();
-  const handleSubmit = async (e) => {
+  const handleSubmit = (e) => {
     e.preventDefault();
     if (!email.trim()) return;
-    setStatus("loading");
     emit("subscribe");
-    setSafeTimeout(() => {
-      setStatus("success");
-      setSafeTimeout(() => {
-        setStatus("idle");
-        setEmail("");
-      }, 3e3);
-    }, 600);
   };
   return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24"), 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: [
+    state === "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",
@@ -68,14 +60,15 @@ function NewsletterBlock({ props, bindings, emit }) {
             {
               type: "submit",
               variant: "accent",
-              disabled: status === "loading",
+              disabled: state === "loading",
               className: "shrink-0",
-              children: status === "loading" ? /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }) : "Subscribe"
+              children: state === "loading" ? /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }) : "Subscribe"
             }
           )
         ]
       }
     ),
+    !!error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", className: "mt-4", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
     /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mt-4 text-text-tertiary", children: "Unsubscribe anytime. We respect your inbox." })
   ] }) }) }) }) });
 }

package/dist/chunk-DORWHCRI.js

@@ -0,0 +1,112 @@
+import { Textarea } from './chunk-4OBE2FS2.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
+import { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage } from './chunk-UN2SJ42K.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { Alert, AlertDescription } from './chunk-6CLSVCWP.js';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { useBoundProp } from '@json-render/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var profileFormSchema = z.object({
+  username: z.string().min(2, {
+    message: "Username must be at least 2 characters."
+  }).max(30, {
+    message: "Username must not be longer than 30 characters."
+  }),
+  email: z.string({
+    error: "Please select an email to display."
+  }).email(),
+  bio: z.string().max(160).min(4)
+});
+var defaultFormValues = {
+  bio: "I own a computer."
+};
+var DEFAULT_EMAIL_OPTIONS = [
+  { value: "user@example.com", label: "user@example.com" }
+];
+function CreateBlock({ props, emit, bindings }) {
+  const title = props.title ?? "Create Profile";
+  const description = props.description ?? "Example of a complex form with Zod validation.";
+  const submitLabel = props.submitLabel ?? "Update profile";
+  const state = props.state ?? "idle";
+  const error = props.error ?? null;
+  const emailOptions = props.emailOptions ?? DEFAULT_EMAIL_OPTIONS;
+  const [, setBoundUsername] = useBoundProp(props.username, bindings?.username);
+  const [, setBoundEmail] = useBoundProp(props.email, bindings?.email);
+  const [, setBoundBio] = useBoundProp(props.bio, bindings?.bio);
+  const form = useForm({
+    resolver: zodResolver(profileFormSchema),
+    defaultValues: {
+      ...defaultFormValues,
+      ...props.username ? { username: props.username } : {},
+      ...props.email ? { email: props.email } : {},
+      ...props.bio ? { bio: props.bio } : {}
+    },
+    mode: "onChange"
+  });
+  function handleSubmit(data) {
+    setBoundUsername(data.username);
+    setBoundEmail(data.email);
+    setBoundBio(data.bio);
+    emit("submit");
+  }
+  return /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-2xl mx-auto", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      !!error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", className: "mb-4", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 60, className: "space-y-8 text-text-primary", children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "contents", children: [
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: "username",
+            render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "Username" }),
+              /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "shadcn", ...field }) }),
+              /* @__PURE__ */ jsx(FormDescription, { children: "Public display name." }),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: "email",
+            render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "Email" }),
+              /* @__PURE__ */ jsxs(Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
+                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select email" }) }) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: emailOptions.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+              ] }),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: "bio",
+            render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "Bio" }),
+              /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, { placeholder: "Bio...", ...field }) }),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: state === "submitting", children: state === "submitting" ? "Submitting..." : submitLabel })
+      ] }) }) })
+    ] })
+  ] });
+}
+
+export { CreateBlock };