@vadimcomanescu/nadicode-design-system 2.0.5 → 2.0.7

package/dist/chunk-RKQPU75I.js

@@ -0,0 +1,126 @@
+import { Typography } from './chunk-N53OMWW2.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Empty, EmptyTitle, EmptyDescription } from './chunk-55HD4L6G.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.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';
+
+function resolveActiveSection(sections, activeSectionId) {
+  const directMatch = sections.find((section) => section.id === activeSectionId && section.isAvailable !== false);
+  if (directMatch) {
+    return directMatch;
+  }
+  const firstAvailable = sections.find((section) => section.isAvailable !== false);
+  if (firstAvailable) {
+    return firstAvailable;
+  }
+  return sections[0] ?? null;
+}
+function SettingsPageKit({
+  title = "Settings",
+  description = "Manage account, workspace, and preference sections with explicit save-state contracts.",
+  sections,
+  activeSectionId,
+  onSectionChange,
+  renderSection,
+  saveState = "default",
+  validationMessage,
+  fatalErrorMessage,
+  savedMessage = "Changes saved successfully.",
+  onSave,
+  onDiscard,
+  saveLabel = "Save changes",
+  discardLabel = "Discard",
+  className
+}) {
+  const activeSection = resolveActiveSection(sections, activeSectionId);
+  const showActions = Boolean(onSave || onDiscard);
+  return /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
+      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[280px_1fr]", children: [
+      /* @__PURE__ */ jsx("aside", { "aria-label": "Settings sections", className: "space-y-3", children: /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Sections" }) }),
+        /* @__PURE__ */ jsx(CardContent, { className: "space-y-2", children: sections.map((section) => {
+          const isUnavailable = section.isAvailable === false;
+          const isActive = activeSection?.id === section.id;
+          return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: isActive ? "secondary" : "ghost",
+                className: "w-full justify-start",
+                "aria-pressed": isActive,
+                disabled: isUnavailable,
+                onClick: () => {
+                  if (!isUnavailable && section.id !== activeSection?.id) {
+                    onSectionChange?.(section.id);
+                  }
+                },
+                children: section.label
+              }
+            ),
+            isUnavailable && section.unavailableReason ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "px-2 text-text-tertiary", children: section.unavailableReason }) : null
+          ] }, section.id);
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        saveState === "loading" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading settings content" }) : null,
+        saveState === "dirty" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Unsaved changes" }) : null,
+        saveState === "saving" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Saving changes\u2026" }) : null,
+        saveState === "saved" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-success", children: savedMessage }) : null,
+        saveState === "validation-error" ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
+            children: validationMessage ?? "Please resolve validation errors before saving."
+          }
+        ) : null,
+        saveState === "fatal-error" ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
+            children: fatalErrorMessage ?? "Settings failed to load. Retry or contact support."
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsxs(CardHeader, { children: [
+            /* @__PURE__ */ jsx(CardTitle, { children: activeSection?.label ?? "Settings section" }),
+            activeSection?.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: activeSection.description }) : null
+          ] }),
+          /* @__PURE__ */ jsx(CardContent, { children: activeSection ? renderSection(activeSection) : /* @__PURE__ */ jsxs(Empty, { children: [
+            /* @__PURE__ */ jsx(EmptyTitle, { children: "No settings sections" }),
+            /* @__PURE__ */ jsx(EmptyDescription, { children: "Add at least one section to render settings content." })
+          ] }) })
+        ] }),
+        showActions ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
+          onDiscard ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              onClick: onDiscard,
+              disabled: saveState === "saving" || saveState === "loading",
+              children: discardLabel
+            }
+          ) : null,
+          onSave ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: onSave,
+              disabled: saveState === "saving" || saveState === "loading",
+              children: saveLabel
+            }
+          ) : null
+        ] }) : null
+      ] })
+    ] })
+  ] });
+}
+
+export { SettingsPageKit };

package/dist/chunk-RMLS2QUC.js

@@ -0,0 +1,77 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Card } from './chunk-AH6YSYYT.js';
+import { SparklesIcon } from './chunk-CGUCH322.js';
+import { SettingsIcon } from './chunk-OITJWGFV.js';
+import { SearchIcon } from './chunk-T6BRD7TS.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultSteps = [
+  {
+    title: "Discovery",
+    description: "We analyze your workflows and identify automation opportunities.",
+    icon: /* @__PURE__ */ jsx(SearchIcon, { size: 24, "aria-hidden": true })
+  },
+  {
+    title: "Implementation",
+    description: "Our team builds and integrates AI solutions tailored to your needs.",
+    icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 24, "aria-hidden": true })
+  },
+  {
+    title: "Optimization",
+    description: "Continuous monitoring and refinement to maximize ROI.",
+    icon: /* @__PURE__ */ jsx(SparklesIcon, { size: 24, "aria-hidden": true })
+  }
+];
+function ProcessFlowBlock({
+  title = "How it works",
+  description,
+  badge,
+  steps = defaultSteps,
+  className
+}) {
+  const colsClass = steps.length === 4 ? "md:grid-cols-4" : "md:grid-cols-3";
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
+    /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      !!badge && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "mb-4", children: badge }),
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
+      !!description && /* @__PURE__ */ jsx("p", { className: "mt-4 text-text-secondary", children: description })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative mt-8 md:mt-16", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-hidden": true,
+          className: "absolute left-6 top-0 hidden h-full w-px border-l border-dashed border-border md:left-0 md:right-0 md:top-10 md:mx-auto md:block md:h-px md:w-full md:border-l-0 md:border-t"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-hidden": true,
+          className: "absolute left-6 top-0 block h-full w-px border-l border-dashed border-border md:hidden"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StaggerChildren,
+        {
+          staggerMs: 120,
+          className: cn("relative grid gap-8", colsClass),
+          children: steps.map((step, i) => /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-4 flex size-10 items-center justify-center rounded-full bg-accent text-accent-foreground text-sm font-bold", children: String(i + 1).padStart(2, "0") }),
+            /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
+              step.icon && /* @__PURE__ */ jsx("div", { className: "mb-2 flex justify-center text-accent", children: step.icon }),
+              /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "font-medium", children: step.title }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-text-secondary", children: step.description })
+            ] })
+          ] }, step.title))
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export { ProcessFlowBlock };

package/dist/chunk-TS2JSPQR.js

@@ -0,0 +1,120 @@
+import { useSafeTimeout } from './chunk-MDAYDDTC.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { Textarea } from './chunk-4OBE2FS2.js';
+import { Spinner } from './chunk-ZLSWCV55.js';
+import { Field, FieldLabel, FieldContent } from './chunk-RX5EUODB.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useState } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ContactBlock({
+  onSubmit,
+  title = "Get in touch",
+  description = "Have a question or want to work together? Drop us a message.",
+  className,
+  namePlaceholder = "Your name",
+  emailPlaceholder = "you@example.com",
+  messagePlaceholder = "Tell us what you need...",
+  successTitle = "Message sent",
+  submitLabel = "Send message"
+}) {
+  const [name, setName] = useState("");
+  const [email, setEmail] = useState("");
+  const [message, setMessage] = useState("");
+  const [status, setStatus] = useState("idle");
+  const setSafeTimeout = useSafeTimeout();
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!name.trim() || !email.trim() || !message.trim()) return;
+    setStatus("loading");
+    try {
+      await onSubmit?.({ name, email, message });
+    } catch {
+    }
+    setSafeTimeout(() => {
+      setStatus("success");
+      setSafeTimeout(() => {
+        setStatus("idle");
+        setName("");
+        setEmail("");
+        setMessage("");
+      }, 2e3);
+    }, 800);
+  };
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg px-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-8 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-text-primary", children: title }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body", className: "mt-2 text-text-secondary", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "glass-panel rounded-xl border border-border/50 p-6 sm:p-8", children: status === "success" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 py-8 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-success/10 text-success", children: /* @__PURE__ */ jsx(CheckIcon, { size: 24 }) }),
+      /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "text-text-primary", children: successTitle }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "body", className: "text-text-secondary", children: [
+        "We",
+        "'",
+        "ll get back to you soon."
+      ] })
+    ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Name" }),
+        /* @__PURE__ */ jsx(FieldContent, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            name: "name",
+            placeholder: namePlaceholder,
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            required: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Email" }),
+        /* @__PURE__ */ jsx(FieldContent, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            name: "email",
+            type: "email",
+            placeholder: emailPlaceholder,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            required: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Message" }),
+        /* @__PURE__ */ jsx(FieldContent, { children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            name: "message",
+            placeholder: messagePlaceholder,
+            rows: 4,
+            value: message,
+            onChange: (e) => setMessage(e.target.value),
+            required: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          className: "w-full",
+          variant: "accent",
+          disabled: status === "loading",
+          children: status === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "mr-2 h-4 w-4" }),
+            "Sending..."
+          ] }) : submitLabel
+        }
+      )
+    ] }) })
+  ] }) });
+}
+
+export { ContactBlock };

package/dist/chunk-TUKZKU72.js

@@ -0,0 +1,110 @@
+import { SidebarProvider, Sidebar, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarSeparator, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenuBadge, SidebarInset, SidebarTrigger } from './chunk-4HRVRW2X.js';
+import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink, BreadcrumbSeparator } from './chunk-35EX5FP5.js';
+import { Avatar, AvatarFallback } from './chunk-NAAU5IWU.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useMemo, Fragment } from 'react';
+import Link from 'next/link';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EMPTY_BREADCRUMBS = [];
+function filterItemsByRole(items, currentRole) {
+  return items.filter((item) => {
+    if (!item.roles || item.roles.length === 0) {
+      return true;
+    }
+    if (!currentRole) {
+      return true;
+    }
+    return item.roles.includes(currentRole);
+  });
+}
+function deriveAvatarFallback(workspaceName) {
+  const initials = workspaceName.split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+  return initials || "WS";
+}
+function NavigationShellPageKit({
+  workspaceName,
+  workspaceHref = "#",
+  navigationGroups,
+  currentRole,
+  activeHref,
+  sidebarOpen,
+  onSidebarOpenChange,
+  defaultSidebarOpen = true,
+  breadcrumbs = EMPTY_BREADCRUMBS,
+  headerSearch,
+  headerNotifications,
+  headerActions,
+  user,
+  emptyNavigationMessage = "No navigation items",
+  children,
+  className
+}) {
+  const visibleGroups = useMemo(
+    () => navigationGroups.map((group) => ({
+      ...group,
+      items: filterItemsByRole(group.items, currentRole)
+    })).filter((group) => group.items.length > 0),
+    [currentRole, navigationGroups]
+  );
+  return /* @__PURE__ */ jsxs(
+    SidebarProvider,
+    {
+      className: cn("min-h-[640px] w-full", className),
+      open: sidebarOpen,
+      onOpenChange: onSidebarOpenChange,
+      defaultOpen: defaultSidebarOpen,
+      children: [
+        /* @__PURE__ */ jsxs(Sidebar, { variant: "inset", collapsible: "icon", children: [
+          /* @__PURE__ */ jsx(SidebarHeader, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, size: "lg", isActive: true, children: /* @__PURE__ */ jsxs(Link, { href: workspaceHref, children: [
+            /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx(AvatarFallback, { children: deriveAvatarFallback(workspaceName) }) }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: workspaceName })
+          ] }) }) }) }) }),
+          /* @__PURE__ */ jsx(SidebarSeparator, {}),
+          /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx("nav", { "aria-label": "Application navigation", children: visibleGroups.length === 0 ? /* @__PURE__ */ jsxs(SidebarGroup, { children: [
+            /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Navigation" }),
+            /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx("p", { className: "px-2 py-2 text-xs text-text-tertiary", children: emptyNavigationMessage }) })
+          ] }) : visibleGroups.map((group) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [
+            /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group.label }),
+            /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map((item) => /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [
+              /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, isActive: item.isActive ?? activeHref === item.href, children: /* @__PURE__ */ jsxs(Link, { href: item.href, children: [
+                item.icon ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: item.icon }) : null,
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
+              ] }) }),
+              item.badge ? /* @__PURE__ */ jsx(SidebarMenuBadge, { children: item.badge }) : null
+            ] }, item.label)) }) })
+          ] }, group.label)) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(SidebarInset, { children: [
+          /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-10 border-b border-border/70 bg-background/95", children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-14 items-center gap-2 px-4 md:px-6", children: [
+            /* @__PURE__ */ jsx(SidebarTrigger, {}),
+            breadcrumbs.length > 0 ? /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden md:block", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => {
+              const isLast = index === breadcrumbs.length - 1;
+              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { href: item.href, children: item.label }) }) }),
+                !isLast ? /* @__PURE__ */ jsx(BreadcrumbSeparator, {}) : null
+              ] }, `${item.label}-${index}`);
+            }) }) }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+              headerSearch ? /* @__PURE__ */ jsx("div", { className: "hidden sm:flex", children: headerSearch }) : null,
+              headerNotifications,
+              headerActions,
+              user ? /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-2 rounded-md border border-border/60 px-2 py-1 md:flex", children: [
+                /* @__PURE__ */ jsx(Avatar, { className: "h-7 w-7", children: /* @__PURE__ */ jsx(AvatarFallback, { children: user.avatarFallback ?? user.name.slice(0, 2).toUpperCase() }) }),
+                /* @__PURE__ */ jsxs("div", { className: "leading-tight", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-text-primary", children: user.name }),
+                  user.email ? /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary", children: user.email }) : null
+                ] })
+              ] }) : null,
+              currentRole ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: currentRole }) : null
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsx("main", { className: "flex-1 p-4 md:p-6", children })
+        ] })
+      ]
+    }
+  );
+}
+
+export { NavigationShellPageKit };

package/dist/chunk-TZXZFSD2.js

@@ -0,0 +1,33 @@
+import { ToolCallCard } from './chunk-MLUSJTS2.js';
+import { ThinkingIndicator } from './chunk-ZHTQF2KI.js';
+import { AgentMessageBubble } from './chunk-AUSYEAIJ.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function AgentConversationBlock({ className, messages, ref, ...props }) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("surface-solid flex flex-col gap-4 rounded-lg p-4", className), ...props, children: messages.map((msg) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    msg.isThinking && /* @__PURE__ */ jsx(ThinkingIndicator, { reasoning: msg.reasoning }),
+    /* @__PURE__ */ jsx(
+      AgentMessageBubble,
+      {
+        role: msg.role,
+        content: msg.content,
+        timestamp: msg.timestamp,
+        isStreaming: msg.isStreaming,
+        toolCalls: msg.toolCalls && msg.toolCalls.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: msg.toolCalls.map((tc, i) => /* @__PURE__ */ jsx(
+          ToolCallCard,
+          {
+            toolName: tc.toolName,
+            args: tc.args,
+            status: tc.status,
+            result: tc.result,
+            duration: tc.duration
+          },
+          i
+        )) }) : void 0
+      }
+    )
+  ] }, msg.id)) });
+}
+
+export { AgentConversationBlock };

package/dist/chunk-UGV45DH3.js

@@ -0,0 +1,18 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx } from 'react/jsx-runtime';
+
+function NativeSelect({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "select",
+    {
+      ref,
+      className: cn(
+        "flex h-9 w-full rounded-md border border-border bg-surface px-4 py-1.5 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 text-text-primary appearance-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { NativeSelect };

package/dist/chunk-VBZQ4DBE.js

@@ -0,0 +1,52 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import Image from 'next/image';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultMembers = [
+  {
+    name: "M\xE9schac Irung",
+    role: "Creator",
+    avatar: "https://avatars.githubusercontent.com/u/47919550?v=4"
+  },
+  {
+    name: "Th\xE9o Balick",
+    role: "Frontend Dev",
+    avatar: "https://avatars.githubusercontent.com/u/68236786?v=4"
+  },
+  {
+    name: "Glodie Lukose",
+    role: "Frontend Dev",
+    avatar: "https://avatars.githubusercontent.com/u/99137927?v=4"
+  },
+  {
+    name: "Bernard Ngandu",
+    role: "Backend Dev",
+    avatar: "https://avatars.githubusercontent.com/u/31113941?v=4"
+  }
+];
+var defaultSections = [
+  { heading: "Leadership", members: defaultMembers },
+  { heading: "Engineering", members: defaultMembers },
+  { heading: "Marketing", members: defaultMembers }
+];
+function TeamBlock({
+  title = "Our team",
+  sections = defaultSections,
+  className
+}) {
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className: className ?? "py-12 md:py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl px-8 lg:px-0", children: [
+    /* @__PURE__ */ jsx(Heading, { level: 2, size: "display", className: "mb-8 md:mb-16", children: title }),
+    sections.map((section, sIdx) => /* @__PURE__ */ jsxs("div", { className: sIdx > 0 ? "mt-6" : void 0, children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, size: "eyebrow", className: "mb-6", children: section.heading }),
+      /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 80, className: "grid grid-cols-2 gap-4 border-t py-6 md:grid-cols-4", children: section.members.map((member, index) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-background size-20 rounded-full border p-0.5 shadow shadow-sm", children: /* @__PURE__ */ jsx(Image, { className: "aspect-square rounded-full object-cover", src: member.avatar, alt: member.name, height: 460, width: 460 }) }),
+        /* @__PURE__ */ jsx("span", { className: "mt-2 block text-sm truncate", children: member.name }),
+        /* @__PURE__ */ jsx("span", { className: "text-text-tertiary block text-xs truncate", children: member.role })
+      ] }, index)) })
+    ] }, section.heading))
+  ] }) }) });
+}
+
+export { TeamBlock };

package/dist/{chunk-LQLFA2EL.js → chunk-VDONTZZX.js}

@@ -39,7 +39,7 @@ var defaultConfig = {
     color: "rgb(var(--chart-1))"
   }
 };
-function HeatmapBlock({
+function HeatmapChartBlock({
   data = defaultData,
   config = defaultConfig,
   title = "User Activity Heatmap",
@@ -62,4 +62,4 @@ function HeatmapBlock({
   ] });
 }
 
-export { HeatmapBlock };
+export { HeatmapChartBlock };

package/dist/{chunk-RWNJ54CI.js → chunk-VN475YZS.js}

@@ -1,4 +1,4 @@
-import { getShaderPreset } from './chunk-DF47R6LN.js';
+import { getShaderPreset } from './chunk-AWIG4QN6.js';
 import { useTheme } from './chunk-HJC6U46F.js';
 import { useMemo } from 'react';
 

package/dist/chunk-VZCB4APK.js

@@ -0,0 +1,94 @@
+import { Typography } from './chunk-N53OMWW2.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { XIcon } from './chunk-UIUMTURU.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultPlans = [
+  {
+    name: "Starter",
+    features: {
+      "Components": "50+",
+      "Design Tokens": true,
+      "Dark Mode": true,
+      "TypeScript": true,
+      "Priority Support": false,
+      "Custom Branding": false,
+      "SSO / SAML": false,
+      "SLA Guarantee": false
+    }
+  },
+  {
+    name: "Pro",
+    featured: true,
+    features: {
+      "Components": "100+",
+      "Design Tokens": true,
+      "Dark Mode": true,
+      "TypeScript": true,
+      "Priority Support": true,
+      "Custom Branding": true,
+      "SSO / SAML": false,
+      "SLA Guarantee": false
+    }
+  },
+  {
+    name: "Enterprise",
+    features: {
+      "Components": "100+",
+      "Design Tokens": true,
+      "Dark Mode": true,
+      "TypeScript": true,
+      "Priority Support": true,
+      "Custom Branding": true,
+      "SSO / SAML": true,
+      "SLA Guarantee": true
+    }
+  }
+];
+function ComparisonBlock({
+  plans = defaultPlans,
+  title = "Compare plans",
+  description = "See which plan is right for your team.",
+  className
+}) {
+  const featureNames = plans.length > 0 ? Object.keys(plans[0].features) : [];
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl 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(ScrollFadeIn, { delay: 0.1, children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableHead, { className: "w-[200px] text-text-primary font-semibold", children: "Feature" }),
+        plans.map((plan) => /* @__PURE__ */ jsx(
+          TableHead,
+          {
+            className: cn(
+              "text-center font-semibold",
+              plan.featured && "text-accent"
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1.5", children: [
+              plan.name,
+              plan.featured && /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "text-[10px]", children: "Popular" })
+            ] })
+          },
+          plan.name
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: featureNames.map((feature) => /* @__PURE__ */ jsxs(TableRow, { className: "transition-colors hover:bg-surface-active/50", children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "font-medium text-text-primary", children: feature }),
+        plans.map((plan) => {
+          const value = plan.features[feature];
+          return /* @__PURE__ */ jsx(TableCell, { className: "text-center", children: typeof value === "boolean" ? value ? /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "mx-auto text-success" }) : /* @__PURE__ */ jsx(XIcon, { size: 16, className: "mx-auto text-text-tertiary" }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-text-primary", children: value }) }, plan.name);
+        })
+      ] }, feature)) })
+    ] }) }) })
+  ] }) });
+}
+
+export { ComparisonBlock };