@vadimcomanescu/nadicode-design-system 4.0.10 → 5.0.0

package/dist/{chunk-FF3XUIZO.js → chunk-4DWRAIM2.js}

@@ -1,6 +1,6 @@
 import { useIsMobile } from './chunk-C4SNHMYC.js';
 import { StatusDot } from './chunk-B5QL76GA.js';
-import { Sheet, SheetContent } from './chunk-HOWTYZL5.js';
+import { Sheet, SheetContent } from './chunk-KPO4PD6C.js';
 import { Separator } from './chunk-CUZJIDU7.js';
 import { Input } from './chunk-AP3XXYAY.js';
 import { Skeleton } from './chunk-RASEB2XI.js';

package/dist/chunk-4EHXVFQY.js

@@ -0,0 +1,78 @@
+import { AnimatedGradientText } from './chunk-XZ3A33GP.js';
+import { Typography } from './chunk-Q7PCHHVJ.js';
+import { MeteorShower } from './chunk-ZU55E4A7.js';
+import { Heading } from './chunk-UXX6HHPS.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { ArrowLeftIcon } from './chunk-74RKVIBV.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function variantLabel(variant) {
+  switch (variant) {
+    case "not-found":
+      return "Not found";
+    case "server-error":
+      return "Server error";
+    case "generic-fallback":
+      return "Fallback";
+    default:
+      return "Page not found";
+  }
+}
+function defaultTitle(variant) {
+  switch (variant) {
+    case "server-error":
+      return "500";
+    case "generic-fallback":
+      return "Error";
+    default:
+      return "404";
+  }
+}
+function NotFoundBlock({ props, emit }) {
+  const variant = props.variant ?? "not-found";
+  const title = props.title ?? defaultTitle(variant);
+  const description = props.description ?? "The page you're looking for doesn't exist or has been moved.";
+  const backLabel = props.backLabel ?? "Back home";
+  const metadata = props.metadata;
+  const supportContent = props.supportContent;
+  const className = props.className;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative flex min-h-[60vh] items-center justify-center overflow-hidden", className), children: [
+    /* @__PURE__ */ jsx(MeteorShower, { className: "absolute inset-0" }),
+    /* @__PURE__ */ jsx("div", { className: "relative z-10 mx-auto max-w-md px-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "glass-panel rounded-2xl border border-border/50 p-10 shadow-2xl", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "small", className: "uppercase tracking-widest text-text-tertiary", children: variantLabel(variant) }),
+      /* @__PURE__ */ jsx(AnimatedGradientText, { className: "text-8xl font-semibold tracking-display sm:text-9xl", children: title }),
+      /* @__PURE__ */ jsx(Heading, { level: 3, size: "subsection", className: "mt-4 text-text-primary", children: description }),
+      metadata && metadata.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-4 grid gap-2 rounded-md border border-border/70 bg-surface/40 p-3 text-sm text-left", children: metadata.map((entry) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: entry.label }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-text-primary", children: entry.value })
+      ] }, entry.label)) }) : null,
+      supportContent ? /* @__PURE__ */ jsx("div", { className: "mt-4 rounded-md border border-border/60 bg-surface/30 px-3 py-2 text-sm text-text-secondary text-left", children: supportContent }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-col items-center gap-3 sm:flex-row sm:justify-center", children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "lg",
+            variant: "accent",
+            onClick: () => emit("primaryAction"),
+            children: [
+              /* @__PURE__ */ jsx(ArrowLeftIcon, { size: 16, className: "mr-2" }),
+              backLabel
+            ]
+          }
+        ),
+        props.secondaryActionLabel ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "lg",
+            variant: "outline",
+            onClick: () => emit("secondaryAction"),
+            children: props.secondaryActionLabel
+          }
+        ) : null
+      ] })
+    ] }) })
+  ] });
+}
+
+export { NotFoundBlock };

package/dist/chunk-4EOX2S37.js

@@ -0,0 +1,24 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { Streamdown } from 'streamdown';
+import { jsx } from 'react/jsx-runtime';
+
+function ChatResponse({
+  children,
+  isStreaming = false,
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("prose prose-sm dark:prose-invert max-w-none [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), children: /* @__PURE__ */ jsx(
+    Streamdown,
+    {
+      mode: isStreaming ? "streaming" : "static",
+      isAnimating: isStreaming,
+      parseIncompleteMarkdown: isStreaming,
+      ...props,
+      children
+    }
+  ) });
+}
+
+export { ChatResponse };

package/dist/chunk-4GLBFZVI.js

@@ -0,0 +1,184 @@
+import { nn } from './chunk-2NMP3J5R.js';
+import { TiltCard } from './chunk-ZLWEBAL6.js';
+import { SpringHover } from './chunk-JUAOQFC3.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { StaggeredEntrance } from './chunk-W7ZGCFTB.js';
+import { ShaderBackground } from './chunk-5KQEGO3O.js';
+import { ProgressiveBlur } from './chunk-3UJ3HJZ3.js';
+import { MeteorShower } from './chunk-ZU55E4A7.js';
+import { MouseGlow } from './chunk-MZGGA75L.js';
+import { MovingBorder } from './chunk-QFXWI2WX.js';
+import { MagneticElement } from './chunk-GQEB425G.js';
+import { InfiniteSlider } from './chunk-IFIDWZ5M.js';
+import { ConfettiBurst } from './chunk-G722PEFL.js';
+import { MouseSpotlight } from './chunk-AU2Q7CXZ.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { AnimatedBackground } from './chunk-4GSFNJAJ.js';
+import { jsx } from 'react/jsx-runtime';
+
+var effectsComponents = {
+  AnimatedBackground: ({ props }) => {
+    return /* @__PURE__ */ jsx(AnimatedBackground, { className: nn(props.className) });
+  },
+  ConfettiBurst: ({ props }) => {
+    return /* @__PURE__ */ jsx(
+      ConfettiBurst,
+      {
+        count: nn(props.count),
+        spread: nn(props.spread),
+        trigger: nn(props.trigger),
+        className: nn(props.className)
+      }
+    );
+  },
+  InfiniteSlider: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      InfiniteSlider,
+      {
+        gap: nn(props.gap),
+        speed: nn(props.speed),
+        direction: nn(props.direction),
+        reverse: nn(props.reverse),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  MeteorShower: ({ props }) => {
+    return /* @__PURE__ */ jsx(
+      MeteorShower,
+      {
+        count: nn(props.count),
+        className: nn(props.className)
+      }
+    );
+  },
+  MouseGlow: ({ props }) => {
+    return /* @__PURE__ */ jsx(
+      MouseGlow,
+      {
+        dotColor: nn(props.dotColor),
+        overlayColor: nn(props.overlayColor),
+        gap: nn(props.gap),
+        maskRadius: nn(props.maskRadius),
+        overlayRadius: nn(props.overlayRadius),
+        className: nn(props.className)
+      }
+    );
+  },
+  MouseSpotlight: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      MouseSpotlight,
+      {
+        color: nn(props.color),
+        size: nn(props.size),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  ScrollFadeIn: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      ScrollFadeIn,
+      {
+        delay: nn(props.delay),
+        direction: nn(props.direction),
+        distance: nn(props.distance),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  ShaderBackground: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      ShaderBackground,
+      {
+        shader: props.shader,
+        intent: nn(props.intent),
+        opacity: nn(props.opacity),
+        static: nn(props.static),
+        className: nn(props.className),
+        overrides: nn(props.overrides),
+        children
+      }
+    );
+  },
+  MagneticElement: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      MagneticElement,
+      {
+        strength: nn(props.strength),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  MovingBorder: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      MovingBorder,
+      {
+        duration: nn(props.duration),
+        borderRadius: nn(props.borderRadius),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  ProgressiveBlur: ({ props }) => {
+    return /* @__PURE__ */ jsx(
+      ProgressiveBlur,
+      {
+        direction: nn(props.direction),
+        blurIntensity: nn(props.blurIntensity),
+        className: nn(props.className)
+      }
+    );
+  },
+  SpringHover: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      SpringHover,
+      {
+        hoverScale: nn(props.hoverScale),
+        pressScale: nn(props.pressScale),
+        disabled: nn(props.disabled),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  StaggerChildren: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      StaggerChildren,
+      {
+        staggerMs: nn(props.staggerMs),
+        direction: nn(props.direction),
+        distance: nn(props.distance),
+        once: nn(props.once),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  StaggeredEntrance: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      StaggeredEntrance,
+      {
+        delayMs: nn(props.delayMs),
+        className: nn(props.className),
+        children
+      }
+    );
+  },
+  TiltCard: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(
+      TiltCard,
+      {
+        maxTilt: nn(props.maxTilt),
+        className: nn(props.className),
+        children
+      }
+    );
+  }
+};
+
+export { effectsComponents };

package/dist/chunk-4GQ5EMWR.js

@@ -0,0 +1,142 @@
+import { FileIcon } from './chunk-5UZDOF6V.js';
+import { UploadIcon } from './chunk-ONGJ7AC2.js';
+import { XIcon } from './chunk-UIUMTURU.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { useTranslations } from 'next-intl';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var fileUploadVariants = cva(
+  "relative flex flex-col items-center justify-center rounded-xl border-2 border-dashed transition-colors cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-surface hover:border-accent/50 hover:bg-surface-hover",
+        active: "border-accent bg-accent/5",
+        error: "border-destructive bg-destructive/5"
+      },
+      size: {
+        sm: "p-4 gap-2",
+        default: "p-8 gap-4",
+        lg: "p-12 gap-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var EMPTY_FILES = [];
+function FileUpload({
+  className,
+  variant,
+  size,
+  accept,
+  multiple = false,
+  maxSize,
+  files = EMPTY_FILES,
+  onChange,
+  onRemove,
+  helperText,
+  disabled = false,
+  ref,
+  ...props
+}) {
+  const t = useTranslations("components.fileUpload");
+  const [isDragOver, setIsDragOver] = React.useState(false);
+  const inputRef = React.useRef(null);
+  const handleFiles = (fileList) => {
+    if (!fileList || disabled) return;
+    const selectedFiles = Array.from(fileList);
+    onChange?.(selectedFiles);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    if (!disabled) setIsDragOver(true);
+  };
+  const handleDragLeave = () => setIsDragOver(false);
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    handleFiles(e.dataTransfer.files);
+  };
+  const resolvedVariant = isDragOver ? "active" : variant;
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-4", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        className: "hidden",
+        accept,
+        multiple,
+        onChange: (e) => handleFiles(e.target.files),
+        disabled,
+        "aria-label": t("uploadFiles"),
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          fileUploadVariants({ variant: resolvedVariant, size }),
+          disabled && "opacity-50 cursor-not-allowed"
+        ),
+        onClick: () => !disabled && inputRef.current?.click(),
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": t("uploadFiles"),
+        onKeyDown: (e) => {
+          if ((e.key === "Enter" || e.key === " ") && !disabled) {
+            e.preventDefault();
+            inputRef.current?.click();
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(UploadIcon, { size: 24, className: "text-text-tertiary" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-primary", children: t("dragAndDrop") }),
+            !!helperText && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary mt-1.5", children: helperText }),
+            !!maxSize && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary mt-0.5", children: t("maxFileSize", { size: formatFileSize(maxSize) }) })
+          ] })
+        ]
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-2", "aria-label": t("uploadedFiles"), children: files.map((file, index) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-center gap-4 rounded-lg border border-border bg-surface p-2.5",
+        children: [
+          /* @__PURE__ */ jsx(FileIcon, { size: 16, className: "shrink-0 text-text-tertiary" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-primary truncate", children: file.name }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary", children: formatFileSize(file.size) })
+          ] }),
+          !!onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => onRemove(index),
+              className: "shrink-0 rounded p-1.5 text-text-tertiary hover:text-destructive hover:bg-destructive/10 transition-colors touch-target-44",
+              "aria-label": t("removeFile", { fileName: file.name }),
+              children: /* @__PURE__ */ jsx(XIcon, { size: 14 })
+            }
+          )
+        ]
+      },
+      `${file.name}-${index}`
+    )) })
+  ] });
+}
+
+export { FileUpload, fileUploadVariants };

package/dist/chunk-4TK2PXMJ.js

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

package/dist/chunk-4ZST7OY5.js

@@ -0,0 +1,153 @@
+import { Typography } from './chunk-Q7PCHHVJ.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-7UY24UWL.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EMPTY_CATEGORIES = [];
+var EMPTY_ARTICLES = [];
+function BlogIndexBlock({
+  props,
+  emit
+}) {
+  const categories = props.categories ?? EMPTY_CATEGORIES;
+  const articles = props.articles ?? EMPTY_ARTICLES;
+  const activeCategoryId = props.activeCategoryId ?? null;
+  const pagination = props.pagination;
+  const state = props.state ?? "has-data";
+  const emptyTitle = props.emptyTitle ?? "No content available";
+  const emptyDescription = props.emptyDescription ?? "Check back later for new articles.";
+  const className = props.className;
+  const isLoading = state === "loading";
+  const isEmpty = state === "empty" || (state === "filtered" || state === "has-data" || state === "paginated") && articles.length === 0;
+  return /* @__PURE__ */ jsxs("section", { "data-testid": "blog-index-block", className: cn("space-y-6", className), children: [
+    isLoading ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "status",
+        className: "rounded-md border border-border/70 bg-surface/70 px-4 py-3 text-sm text-text-secondary",
+        children: "Loading content..."
+      }
+    ) : null,
+    !isLoading && categories.length > 0 ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-testid": "blog-category-controls",
+        className: "flex flex-wrap items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: activeCategoryId === null ? "primary" : "outline",
+              size: "sm",
+              onClick: () => emit("categoryChange"),
+              children: "All"
+            }
+          ),
+          categories.map((category) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: activeCategoryId === category.id ? "primary" : "outline",
+              size: "sm",
+              onClick: () => emit("categoryChange"),
+              children: [
+                category.label,
+                typeof category.count === "number" ? ` (${category.count})` : ""
+              ]
+            },
+            category.id
+          ))
+        ]
+      }
+    ) : null,
+    !isLoading && isEmpty ? /* @__PURE__ */ jsxs(Card, { "data-testid": "blog-empty-state", children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: emptyTitle }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "muted", children: emptyDescription }) })
+    ] }) : null,
+    !isLoading && !isEmpty ? /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: articles.map((article) => /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: article.category }),
+          article.readTimeLabel ? /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "small",
+              className: "text-text-tertiary",
+              children: article.readTimeLabel
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx(CardTitle, { children: article.title }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "small",
+            className: "text-text-secondary",
+            children: article.excerpt
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-wrap items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "small",
+            className: "text-text-secondary",
+            children: [
+              article.authorName,
+              " \xB7 ",
+              article.publishedAt
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => emit("articleOpen"),
+            children: "Open"
+          }
+        )
+      ] })
+    ] }, article.id)) }) : null,
+    !isLoading && pagination ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "text-text-secondary", children: [
+        "Page ",
+        pagination.page,
+        " of ",
+        pagination.totalPages
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: pagination.page <= 1,
+            onClick: () => emit("pageChange"),
+            children: "Previous page"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: pagination.page >= pagination.totalPages,
+            onClick: () => emit("pageChange"),
+            children: "Next page"
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+
+export { BlogIndexBlock };

package/dist/chunk-56TNQ2P4.js

@@ -0,0 +1,82 @@
+import { nn } from './chunk-2NMP3J5R.js';
+import { Conversation, ConversationContent } from './chunk-KXZP6XI2.js';
+import { ChatResponse } from './chunk-4EOX2S37.js';
+import { ChatToolCall, ChatToolCallHeader, ChatToolCallContent } from './chunk-L2IRYY6K.js';
+import { ChatGreeting } from './chunk-MB75U2OV.js';
+import { ChatMessage, ChatMessageContent } from './chunk-4ACR6NGQ.js';
+import { ChatPromptInput, ChatPromptInputTextarea, ChatPromptInputActions, ChatPromptInputSubmit } from './chunk-SEJXMNMK.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var chatComponents = {
+  ChatMessage: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(ChatMessage, { role: props.role, children: /* @__PURE__ */ jsx(
+      ChatMessageContent,
+      {
+        isStreaming: nn(props.isStreaming),
+        status: nn(props.status),
+        children
+      }
+    ) });
+  },
+  ChatPromptInput: ({ props, emit }) => {
+    return /* @__PURE__ */ jsxs(
+      ChatPromptInput,
+      {
+        status: props.status,
+        onSubmit: () => emit("submit"),
+        onStop: () => emit("stop"),
+        className: nn(props.className),
+        children: [
+          /* @__PURE__ */ jsx(ChatPromptInputTextarea, { placeholder: nn(props.placeholder) }),
+          /* @__PURE__ */ jsx(ChatPromptInputActions, { children: /* @__PURE__ */ jsx(ChatPromptInputSubmit, {}) })
+        ]
+      }
+    );
+  },
+  Conversation: ({ props, children }) => {
+    return /* @__PURE__ */ jsx(Conversation, { className: nn(props.className), children: /* @__PURE__ */ jsx(ConversationContent, { children }) });
+  },
+  ChatToolCall: ({ props, children }) => {
+    return /* @__PURE__ */ jsxs(
+      ChatToolCall,
+      {
+        state: props.state,
+        defaultOpen: true,
+        className: nn(props.className),
+        children: [
+          /* @__PURE__ */ jsx(
+            ChatToolCallHeader,
+            {
+              name: nn(props.name),
+              summary: nn(props.summary),
+              duration: nn(props.duration)
+            }
+          ),
+          /* @__PURE__ */ jsx(ChatToolCallContent, { children })
+        ]
+      }
+    );
+  },
+  ChatGreeting: ({ props }) => {
+    return /* @__PURE__ */ jsx(
+      ChatGreeting,
+      {
+        title: nn(props.title),
+        subtitle: nn(props.subtitle),
+        className: nn(props.className)
+      }
+    );
+  },
+  ChatResponse: ({ props }) => {
+    return /* @__PURE__ */ jsx(
+      ChatResponse,
+      {
+        isStreaming: nn(props.isStreaming),
+        className: nn(props.className),
+        children: props.content
+      }
+    );
+  }
+};
+
+export { chatComponents };