@vadimcomanescu/nadicode-design-system 4.0.11 → 5.0.1

package/dist/{chunk-JPL22322.js → chunk-BVXSAVKY.js}

@@ -19,30 +19,25 @@ var descMap = {
   reset: "We sent a password reset link to your email address.",
   "magic-link": "We sent a magic link to your email address."
 };
-function CheckEmailBlock({
-  className,
-  email,
-  type = "verification",
-  onResend,
-  onBackToLogin
-}) {
+function CheckEmailBlock({ props, emit }) {
+  const type = props.type ?? "verification";
   const [resendState, setResendState] = React.useState("idle");
   const handleResend = () => {
     setResendState("sending");
-    onResend?.();
+    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", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+  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: [
       /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(MailIcon, { size: 48, className: "text-accent" }) }),
       /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: titleMap[type] }),
       /* @__PURE__ */ jsx(CardDescription, { children: descMap[type] })
     ] }),
     /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
-      Boolean(email) && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: email }) }),
+      Boolean(props.email) && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: props.email }) }),
       /* @__PURE__ */ jsx("ol", { className: "space-y-2 text-sm text-text-secondary list-none", children: [
         "Check your inbox for the email",
         "Click the link in the email",
@@ -77,7 +72,7 @@ function CheckEmailBlock({
       "button",
       {
         type: "button",
-        onClick: onBackToLogin,
+        onClick: () => emit("backToLogin"),
         className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
         children: "Back to login"
       }

package/dist/{chunk-3M3QV2EN.js → chunk-BY6LWOHB.js}

@@ -1,10 +1,11 @@
-import { Typography } from './chunk-PC6VMNDY.js';
+import { Typography } from './chunk-Q7PCHHVJ.js';
 import { Progress } from './chunk-JWQXBRE7.js';
 import { Checkbox } from './chunk-756Q7AC5.js';
 import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
 import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { cn } from './chunk-QYZT24TS.js';
 import * as React from 'react';
+import { useBoundProp } from '@json-render/react';
 import { useTranslations } from 'next-intl';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -15,16 +16,14 @@ var defaultSteps = [
   { id: "project", title: "Create first project", description: "Set up your first design system project.", completed: false },
   { id: "deploy", title: "Deploy to production", description: "Publish your component library.", completed: false }
 ];
-function OnboardingBlock({
-  steps = defaultSteps,
-  title = "Getting started",
-  onToggle,
-  className
-}) {
+function OnboardingBlock({ props, bindings, emit }) {
+  const steps = props.steps ?? defaultSteps;
+  const title = props.title ?? "Getting started";
   const t = useTranslations("blocks.onboardingBlock");
   const completedCount = React.useMemo(() => steps.filter((s) => s.completed).length, [steps]);
   const progressPercent = steps.length > 0 ? Math.round(completedCount / steps.length * 100) : 0;
-  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full max-w-lg", className), children: [
+  const [, setToggledStepId] = useBoundProp(void 0, bindings?.toggledStepId);
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full max-w-lg"), children: [
     /* @__PURE__ */ jsxs(CardHeader, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx(CardTitle, { className: "text-text-primary", children: title }),
@@ -41,7 +40,10 @@ function OnboardingBlock({
         Checkbox,
         {
           checked: step.completed,
-          onCheckedChange: (checked) => onToggle?.(step.id, checked === true),
+          onCheckedChange: () => {
+            setToggledStepId(step.id);
+            emit("toggle");
+          },
           "aria-label": step.title
         }
       ) }),

package/dist/{chunk-WOYBVPXK.js → chunk-CQ75K2DH.js}

@@ -1,4 +1,4 @@
-import { Sheet, SheetTrigger, SheetContent, SheetTitle } from './chunk-HOWTYZL5.js';
+import { Sheet, SheetTrigger, SheetContent, SheetTitle } from './chunk-KPO4PD6C.js';
 import { Logo } from './chunk-GHIBG7OM.js';
 import { siteConfig } from './chunk-A7NUWD76.js';
 import { Button } from './chunk-7KIDDF3I.js';
@@ -11,14 +11,12 @@ import Link from 'next/link';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var defaultMenuItems = siteConfig.nav.header;
-function HeaderBlock({
-  menuItems = defaultMenuItems,
-  loginLabel = "Login",
-  signUpLabel = "Sign Up",
-  loginHref = "#",
-  signUpHref = "#",
-  className
-}) {
+function HeaderBlock({ props }) {
+  const menuItems = props.menuItems ?? defaultMenuItems;
+  const loginLabel = props.loginLabel ?? "Login";
+  const signUpLabel = props.signUpLabel ?? "Sign Up";
+  const loginHref = props.loginHref ?? "#";
+  const signUpHref = props.signUpHref ?? "#";
   const t = useTranslations("blocks.headerBlock");
   const [mobileOpen, setMobileOpen] = useState(false);
   const navBarRef = useRef(null);
@@ -39,7 +37,7 @@ function HeaderBlock({
     inner.style.paddingBottom = scrolled ? "16px" : "24px";
     logo.style.transform = scrolled ? "scale(0.9)" : "scale(1)";
   });
-  return /* @__PURE__ */ jsx("header", { className, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx(
     "nav",
     {
       "aria-label": t("mainNavigation"),

package/dist/chunk-CTVV6JS6.js

@@ -0,0 +1,6 @@
+import { allDefinitions } from './chunk-VQVWFCHF.js';
+
+// src/catalog/catalog.ts
+var seedComponentDefinitions = allDefinitions;
+
+export { seedComponentDefinitions };

package/dist/{chunk-OSNTB6RY.js → chunk-CY3PROVO.js}

@@ -3,14 +3,20 @@ import { bezier } from './chunk-CRY67BIF.js';
 import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { ChevronDownIcon } from './chunk-HJBXUXTD.js';
 import { cn } from './chunk-QYZT24TS.js';
-import * as React from 'react';
-import { useTranslations } from 'next-intl';
-import { cva } from 'class-variance-authority';
+import React from 'react';
 import { useReducedMotion } from 'motion/react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { useTranslations } from 'next-intl';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-var PULSE_TRANSITION = { duration: 1.2, repeat: Infinity, ease: bezier["ease-in-out"] };
-var thinkingIndicatorVariants = cva(
+var DOT_COUNT = 3;
+var DOT_DELAY_S = 0.2;
+var PULSE_TRANSITION = {
+  duration: 1.2,
+  repeat: Infinity,
+  ease: bezier["ease-in-out"]
+};
+var pillVariants = cva(
   "inline-flex items-center gap-2 rounded-lg glass-panel border border-border",
   {
     variants: {
@@ -30,36 +36,92 @@ var dotSizes = {
   default: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-function ThinkingIndicator({ className, size = "default", reasoning, state = "thinking", ref, ...props }) {
-  const t = useTranslations("components.thinkingIndicator");
+function ChatThinkingMessage({
+  className,
+  ref,
+  variant = "dots",
+  size = "default",
+  state = "thinking",
+  reasoning,
+  ...props
+}) {
   const prefersReduced = useReducedMotion();
-  const [expanded, setExpanded] = React.useState(false);
-  const dotSize = dotSizes[size ?? "default"];
-  const reasoningPanelId = React.useId();
-  return /* @__PURE__ */ jsxs("div", { ref, role: "status", className: cn("flex flex-col", className), ...props, children: [
-    /* @__PURE__ */ jsxs("div", { className: cn(thinkingIndicatorVariants({ size })), children: [
-      state === "complete" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(CheckIcon, { size: 14, "aria-hidden": "true", className: "text-success" }),
-        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("complete") })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", role: "group", "aria-label": t("thinking"), children: [0, 1, 2].map((i) => prefersReduced ? /* @__PURE__ */ jsx(
+  if (variant === "pill") {
+    return /* @__PURE__ */ jsx(
+      PillVariant,
+      {
+        className,
+        ref,
+        size,
+        state,
+        reasoning,
+        prefersReduced: prefersReduced ?? false,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": "Thinking",
+      className: cn("flex items-center gap-1", className),
+      ...props,
+      children: Array.from(
+        { length: DOT_COUNT },
+        (_, i) => prefersReduced ? /* @__PURE__ */ jsx(
           "span",
           {
-            className: cn("rounded-full bg-accent", dotSize)
+            "data-dot": i,
+            className: "h-1.5 w-1.5 rounded-full bg-text-secondary"
           },
           i
         ) : /* @__PURE__ */ jsx(
           m.span,
           {
-            className: cn("rounded-full bg-accent", dotSize),
+            "data-dot": i,
+            className: "h-1.5 w-1.5 rounded-full bg-accent",
             animate: { opacity: [0.3, 1, 0.3] },
-            transition: {
-              ...PULSE_TRANSITION,
-              delay: i * 0.2
-            }
+            transition: { ...PULSE_TRANSITION, delay: i * DOT_DELAY_S }
           },
           i
-        )) }),
+        )
+      )
+    }
+  );
+}
+function PillVariant({
+  className,
+  ref,
+  size = "default",
+  state,
+  reasoning,
+  prefersReduced,
+  ...props
+}) {
+  const t = useTranslations("components.thinkingIndicator");
+  const [expanded, setExpanded] = React.useState(false);
+  const dotSize = dotSizes[size ?? "default"];
+  const reasoningPanelId = React.useId();
+  return /* @__PURE__ */ jsxs("div", { ref, role: "status", className: cn("flex flex-col", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(pillVariants({ size })), children: [
+      state === "complete" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CheckIcon, { size: 14, "aria-hidden": "true", className: "text-success" }),
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("complete") })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", role: "group", "aria-label": t("thinking"), children: [0, 1, 2].map(
+          (i) => prefersReduced ? /* @__PURE__ */ jsx("span", { className: cn("rounded-full bg-accent", dotSize) }, i) : /* @__PURE__ */ jsx(
+            m.span,
+            {
+              className: cn("rounded-full bg-accent", dotSize),
+              animate: { opacity: [0.3, 1, 0.3] },
+              transition: { ...PULSE_TRANSITION, delay: i * 0.2 }
+            },
+            i
+          )
+        ) }),
         /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("thinking") })
       ] }),
       !!reasoning && /* @__PURE__ */ jsx(
@@ -97,4 +159,4 @@ function ThinkingIndicator({ className, size = "default", reasoning, state = "th
   ] });
 }
 
-export { ThinkingIndicator, thinkingIndicatorVariants };
+export { ChatThinkingMessage };

package/dist/{chunk-ZURTIIST.js → chunk-D6MFOI3N.js}

@@ -1,17 +1,16 @@
-import { DataTable } from './chunk-PDSQC6VE.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-CQEUNASC.js';
-import { siteConfig } from './chunk-A7NUWD76.js';
-import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { DataTable } from './chunk-V5RSV4ZV.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-ETS5O4ZQ.js';
 import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { EllipsisIcon } from './chunk-5ESF6N36.js';
 import { Badge } from './chunk-S4JAHKOP.js';
-import { useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useTranslations } from 'next-intl';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var USD_FORMAT = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
-function createColumns(t) {
+function createColumns(t, onRowAction) {
   return [
     {
       accessorKey: "status",
@@ -51,13 +50,16 @@ function createColumns(t) {
             /* @__PURE__ */ jsx(
               DropdownMenuItem,
               {
-                onClick: () => navigator.clipboard.writeText(payment.id),
+                onClick: () => {
+                  navigator.clipboard.writeText(payment.id);
+                  onRowAction?.();
+                },
                 children: t("copyPaymentId")
               }
             ),
             /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx(DropdownMenuItem, { children: t("viewCustomer") }),
-            /* @__PURE__ */ jsx(DropdownMenuItem, { children: t("viewPaymentDetails") })
+            /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onRowAction, children: t("viewCustomer") }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: onRowAction, children: t("viewPaymentDetails") })
           ] })
         ] });
       }
@@ -81,7 +83,7 @@ var defaultData = [
     id: "123e1d42",
     amount: 550,
     status: "success",
-    email: `corporate@${siteConfig.name.toLowerCase()}.inc`
+    email: "corporate@example.com"
   },
   {
     id: "999e1d42",
@@ -96,21 +98,19 @@ var defaultData = [
     email: "sales@company.com"
   }
 ];
-function DataGridBlock({
-  data = defaultData,
-  columns: columnDefs,
-  title = "Recent Transactions",
-  description = "A sophisticated data grid with filtering and actions.",
-  className
-}) {
+function DataGridBlock({ props, emit }) {
+  const data = props.data ?? defaultData;
+  const title = props.title ?? "Recent Transactions";
+  const description = props.description ?? "A sophisticated data grid with filtering and actions.";
   const t = useTranslations("blocks.dataGridBlock");
-  const defaultColumns = useMemo(() => createColumns(t), [t]);
-  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs(Card, { className: className ?? "w-full", children: [
+  const onRowAction = useCallback(() => emit("rowAction"), [emit]);
+  const defaultColumns = useMemo(() => createColumns(t, onRowAction), [t, onRowAction]);
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
     /* @__PURE__ */ jsxs(CardHeader, { children: [
       /* @__PURE__ */ jsx(CardTitle, { children: title }),
       /* @__PURE__ */ jsx(CardDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(DataTable, { columns: columnDefs ?? defaultColumns, data, searchKey: "email" }) })
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(DataTable, { columns: defaultColumns, data, searchKey: "email" }) })
   ] }) });
 }
 

package/dist/{chunk-WVHBPPI3.js → chunk-DGSNEGJP.js}

@@ -12,9 +12,9 @@ var DEFAULT_DATASETS = [
     description: "End-to-end response time under load",
     columns: ["Configuration", "p95 (ms)", "Throughput"],
     rows: [
-      { cells: ["Baseline", "420ms", "1.2K rps"] },
+      { cells: ["Baseline", "420ms", "1.2K rps"], highlight: null },
       { cells: ["+ Cache layer", "185ms", "3.1K rps"], highlight: true },
-      { cells: ["+ Connection pool", "210ms", "2.8K rps"] }
+      { cells: ["+ Connection pool", "210ms", "2.8K rps"], highlight: null }
     ]
   },
   {
@@ -22,8 +22,8 @@ var DEFAULT_DATASETS = [
     description: "Precision and recall across evaluation sets",
     columns: ["Model", "Precision", "Recall"],
     rows: [
-      { cells: ["v1.0", "82.3%", "78.1%"] },
-      { cells: ["v2.0", "89.7%", "85.4%"] },
+      { cells: ["v1.0", "82.3%", "78.1%"], highlight: null },
+      { cells: ["v2.0", "89.7%", "85.4%"], highlight: null },
       { cells: ["v2.1 (current)", "91.2%", "88.6%"], highlight: true }
     ]
   },
@@ -32,9 +32,9 @@ var DEFAULT_DATASETS = [
     description: "Memory and CPU utilization per instance",
     columns: ["Tier", "Memory", "CPU"],
     rows: [
-      { cells: ["Small", "256 MB", "0.25 vCPU"] },
+      { cells: ["Small", "256 MB", "0.25 vCPU"], highlight: null },
       { cells: ["Medium", "512 MB", "0.5 vCPU"], highlight: true },
-      { cells: ["Large", "1024 MB", "1.0 vCPU"] }
+      { cells: ["Large", "1024 MB", "1.0 vCPU"], highlight: null }
     ]
   },
   {
@@ -42,21 +42,19 @@ var DEFAULT_DATASETS = [
     description: "Normalized cost per 1M operations",
     columns: ["Provider", "Cost", "Savings"],
     rows: [
-      { cells: ["Legacy", "$4.20", "-"] },
+      { cells: ["Legacy", "$4.20", "-"], highlight: null },
       { cells: ["Current", "$1.85", "56%"], highlight: true },
-      { cells: ["Projected", "$0.92", "78%"] }
+      { cells: ["Projected", "$0.92", "78%"], highlight: null }
     ]
   }
 ];
-function BenchmarksBlock({
-  badgeLabel = "Benchmarks",
-  title = "Performance at a glance",
-  subtitle = "Key metrics across latency, accuracy, resource usage, and cost.",
-  datasets = DEFAULT_DATASETS,
-  staggerMs = 120,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+function BenchmarksBlock({ props }) {
+  const badgeLabel = props.badgeLabel ?? "Benchmarks";
+  const title = props.title ?? "Performance at a glance";
+  const subtitle = props.subtitle ?? "Key metrics across latency, accuracy, resource usage, and cost.";
+  const datasets = props.datasets ?? DEFAULT_DATASETS;
+  const staggerMs = props.staggerMs ?? 120;
+  return /* @__PURE__ */ jsx("section", { className: "py-16 md:py-24", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center mb-16 max-w-2xl mx-auto", children: [
       /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "mb-4", children: badgeLabel }),
       /* @__PURE__ */ jsx(Heading, { level: 2, className: "mb-4", children: title }),

package/dist/{chunk-NTN5DWXV.js → chunk-DSNPOAE6.js}

@@ -1,8 +1,7 @@
-import { Typography } from './chunk-PC6VMNDY.js';
+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 { cn } from './chunk-QYZT24TS.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var defaultItems = [
@@ -23,18 +22,16 @@ var defaultItems = [
     answer: "Community support is available on GitHub Discussions. Pro and Enterprise plans include priority email and dedicated Slack channels."
   }
 ];
-function FAQBlock({
-  items = defaultItems,
-  title = "Frequently asked questions",
-  description,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl px-6", children: [
+function FAQBlock({ props, emit }) {
+  const items = props.items ?? defaultItems;
+  const title = props.title ?? "Frequently asked questions";
+  const description = props.description;
+  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", 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: () => 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-E4KUPYHE.js

@@ -0,0 +1,75 @@
+import { z } from 'zod';
+
+// src/catalog/definitions/chat.ts
+var chatDefinitions = {
+  ChatGreeting: {
+    props: z.object({
+      title: z.string().nullable(),
+      subtitle: z.string().nullable(),
+      className: z.string().nullable()
+    }),
+    description: 'Welcome greeting card for chat UIs. Shows title and subtitle with fade-in animation. Defaults to "Hello!" / "How can I help you today?".',
+    example: { title: "Welcome to Acme Support", subtitle: "Ask a question or describe your issue.", className: null }
+  },
+  ChatMessage: {
+    props: z.object({
+      role: z.enum(["user", "assistant", "system"]),
+      isStreaming: z.boolean().nullable(),
+      status: z.enum(["default", "error"]).nullable(),
+      className: z.string().nullable()
+    }),
+    slots: ["default"],
+    description: "Chat message container with role-based styling. role controls alignment and bubble color. isStreaming adds a typing indicator. Compound sub-parts (ChatMessageContent, ChatMessageAvatar, ChatMessageTimestamp, ChatMessageActions, ChatMessageFooter) are internal.",
+    example: { role: "assistant", isStreaming: false, status: "default", className: null }
+  },
+  ChatPromptInput: {
+    props: z.object({
+      status: z.enum(["idle", "streaming", "submitted"]),
+      placeholder: z.string().nullable(),
+      className: z.string().nullable()
+    }),
+    events: ["submit", "stop"],
+    description: "Chat prompt input form with auto-resizing textarea and submit/stop actions. status controls button state: idle shows send, streaming shows stop, submitted disables input. Fires submit with message text and stop to cancel streaming.",
+    example: { status: "idle", placeholder: "Type your message...", className: null }
+  },
+  ChatResponse: {
+    props: z.object({
+      content: z.string(),
+      isStreaming: z.boolean().nullable(),
+      className: z.string().nullable()
+    }),
+    description: "Markdown-rendered chat response with streaming support. content is rendered via Streamdown. isStreaming enables animated text appearance.",
+    example: { content: "Based on your query, here are three key findings:\n\n1. **Latency** dropped 40% after the CDN migration.\n2. **Error rate** is stable at 0.02%.\n3. **Throughput** increased to 12K req/s.", isStreaming: false, className: null }
+  },
+  ChatToolCall: {
+    props: z.object({
+      state: z.enum([
+        "pending",
+        "input-streaming",
+        "input-available",
+        "approval-requested",
+        "approval-responded",
+        "output-available",
+        "output-error",
+        "output-denied"
+      ]),
+      name: z.string().nullable(),
+      summary: z.string().nullable(),
+      duration: z.number().nullable(),
+      className: z.string().nullable()
+    }),
+    slots: ["default"],
+    description: "Collapsible tool call display with state-based header styling. name shows the tool function name, summary shows a brief result, duration shows execution time in ms. Children render as tool input/output content.",
+    example: { state: "output-available", name: "searchDatabase", summary: "Found 7 matching records", duration: 842, className: null }
+  },
+  Conversation: {
+    props: z.object({
+      className: z.string().nullable()
+    }),
+    slots: ["default"],
+    description: "Scrollable conversation container with auto-scroll-to-bottom behavior. Children should be ChatMessage components. Includes a scroll-to-bottom button when scrolled up.",
+    example: { className: null }
+  }
+};
+
+export { chatDefinitions };

package/dist/chunk-E5E3W2K4.js

@@ -0,0 +1,6 @@
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+
+// src/components/ui/AspectRatio.tsx
+var AspectRatio = AspectRatioPrimitive.Root;
+
+export { AspectRatio };