@vadimcomanescu/nadicode-design-system 4.0.10 → 5.0.0

package/dist/chunk-34MKVVGB.js

@@ -0,0 +1,176 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var itemVariants = cva("flex items-center gap-4 transition-colors", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "rounded-lg border border-border bg-surface p-4 shadow-sm",
+      muted: "rounded-lg bg-secondary/50 p-4"
+    },
+    size: {
+      default: "py-4",
+      sm: "py-2 px-4 gap-4",
+      xs: "py-1.5 px-2 gap-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Item({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(itemVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ItemGroup({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("grid gap-1.5", className), ...props });
+}
+function ItemSeparator({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("-mx-1.5 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+var itemMediaVariants = cva("flex shrink-0 items-center justify-center", {
+  variants: {
+    variant: {
+      default: "",
+      icon: "h-9 w-9 rounded-md bg-secondary text-text-secondary [&>svg]:h-5 [&>svg]:w-5",
+      avatar: "h-10 w-10 overflow-hidden rounded-full",
+      image: "h-12 w-12 overflow-hidden rounded-md"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function ItemMedia({
+  className,
+  variant,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(itemMediaVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function ItemContent({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-1 flex-col gap-0.5 min-w-0", className),
+      ...props
+    }
+  );
+}
+function ItemTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("text-sm font-medium leading-none text-text-primary truncate", className),
+      ...props
+    }
+  );
+}
+function ItemDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("text-xs text-text-tertiary truncate", className),
+      ...props
+    }
+  );
+}
+function ItemActions({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("ml-auto flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("mb-2 flex items-center justify-between", className),
+      ...props
+    }
+  );
+}
+function ItemFooter({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("mt-2 flex items-center justify-between", className),
+      ...props
+    }
+  );
+}
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };

package/dist/{chunk-KFL4YCMI.js → chunk-37LY27CX.js}

@@ -1,4 +1,4 @@
-import { Dialog, DialogContent } from './chunk-C6MJQDPC.js';
+import { Dialog, DialogContent } from './chunk-KHLMOBAU.js';
 import { SearchIcon } from './chunk-T6BRD7TS.js';
 import { cn } from './chunk-QYZT24TS.js';
 import { Command as Command$1 } from 'cmdk';

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

@@ -9,14 +9,12 @@ 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({
-  title = "Start Building",
-  description = defaultDescription,
-  primaryAction = defaultPrimaryAction,
-  secondaryAction = defaultSecondaryAction,
-  className
-}) {
-  return /* @__PURE__ */ jsx("section", { className: 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: [
+function CallToActionBlock({ props }) {
+  const title = props.title ?? "Start Building";
+  const description = props.description ?? defaultDescription;
+  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: [
     /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: /* @__PURE__ */ jsx(
       ShimmeringText,
       {

package/dist/chunk-3QMHVXSQ.js

@@ -0,0 +1,258 @@
+import { nn } from './chunk-2NMP3J5R.js';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-KPO4PD6C.js';
+import { HoverCard, HoverCardTrigger, HoverCardContent } from './chunk-OB2KVO7O.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-UYT33NG6.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandSeparator, CommandGroup, CommandItem, CommandShortcut } from './chunk-37LY27CX.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from './chunk-KHLMOBAU.js';
+import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuGroup, ContextMenuSeparator, ContextMenuItem, ContextMenuShortcut } from './chunk-NF2Y5ERJ.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-MJ4CB6ZL.js';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-YCS4MMC3.js';
+import { useState } from 'react';
+import { useBoundProp } from '@json-render/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var overlayComponents = {
+  AlertDialog: ({
+    props,
+    bindings,
+    emit,
+    children
+  }) => {
+    const [boundOpen, setBoundOpen] = useBoundProp(
+      props.open,
+      bindings?.open
+    );
+    const [localOpen, setLocalOpen] = useState(props.open ?? false);
+    const isBound = !!bindings?.open;
+    const open = isBound ? boundOpen ?? false : localOpen;
+    const setOpen = isBound ? setBoundOpen : setLocalOpen;
+    return /* @__PURE__ */ jsxs(AlertDialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: children ?? /* @__PURE__ */ jsx("button", { children: props.triggerLabel ?? "Open" }) }),
+      /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+          props.title && /* @__PURE__ */ jsx(AlertDialogTitle, { children: props.title }),
+          props.description && /* @__PURE__ */ jsx(AlertDialogDescription, { children: props.description })
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+          /* @__PURE__ */ jsx(
+            AlertDialogCancel,
+            {
+              onClick: () => {
+                setOpen(false);
+                emit("cancel");
+              },
+              children: props.cancelLabel ?? "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AlertDialogAction,
+            {
+              onClick: () => {
+                setOpen(false);
+                emit("confirm");
+              },
+              children: props.confirmLabel ?? "Confirm"
+            }
+          )
+        ] })
+      ] })
+    ] });
+  },
+  Command: ({
+    props,
+    emit
+  }) => {
+    const items = props.items ?? [];
+    const groups = items.reduce((acc, item) => {
+      const key = item.group ?? "";
+      if (!acc[key]) acc[key] = [];
+      acc[key].push(item);
+      return acc;
+    }, {});
+    const groupKeys = Object.keys(groups);
+    return /* @__PURE__ */ jsxs(Command, { children: [
+      /* @__PURE__ */ jsx(CommandInput, { placeholder: props.placeholder ?? "Search..." }),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsx(CommandEmpty, {}),
+        groupKeys.map((groupKey, idx) => /* @__PURE__ */ jsxs("div", { children: [
+          idx > 0 && /* @__PURE__ */ jsx(CommandSeparator, {}),
+          /* @__PURE__ */ jsx(CommandGroup, { heading: groupKey || void 0, children: groups[groupKey].map((item) => /* @__PURE__ */ jsxs(
+            CommandItem,
+            {
+              value: item.value,
+              onSelect: () => emit("select"),
+              children: [
+                item.label,
+                item.shortcut && /* @__PURE__ */ jsx(CommandShortcut, { children: item.shortcut })
+              ]
+            },
+            item.value
+          )) })
+        ] }, groupKey || idx))
+      ] })
+    ] });
+  },
+  Dialog: ({
+    props,
+    bindings,
+    emit,
+    children
+  }) => {
+    const [boundOpen, setBoundOpen] = useBoundProp(
+      props.open,
+      bindings?.open
+    );
+    const [localOpen, setLocalOpen] = useState(props.open ?? false);
+    const isBound = !!bindings?.open;
+    const open = isBound ? boundOpen ?? false : localOpen;
+    const setOpen = isBound ? setBoundOpen : setLocalOpen;
+    return /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open,
+        onOpenChange: (v) => {
+          setOpen(v);
+          if (!v) emit("close");
+        },
+        children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+          (props.title || props.description) && /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            props.title && /* @__PURE__ */ jsx(DialogTitle, { children: props.title }),
+            props.description && /* @__PURE__ */ jsx(DialogDescription, { children: props.description })
+          ] }),
+          children
+        ] })
+      }
+    );
+  },
+  Popover: ({
+    props,
+    emit,
+    children
+  }) => {
+    return /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        onOpenChange: (v) => {
+          if (!v) emit("close");
+        },
+        children: [
+          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { children: props.trigger ?? "Open" }) }),
+          /* @__PURE__ */ jsx(
+            PopoverContent,
+            {
+              side: nn(props.side),
+              align: props.align ?? "center",
+              sideOffset: props.sideOffset ?? 4,
+              children
+            }
+          )
+        ]
+      }
+    );
+  },
+  Sheet: ({
+    props,
+    bindings,
+    emit,
+    children
+  }) => {
+    const [boundOpen, setBoundOpen] = useBoundProp(
+      props.open,
+      bindings?.open
+    );
+    const [localOpen, setLocalOpen] = useState(props.open ?? false);
+    const isBound = !!bindings?.open;
+    const open = isBound ? boundOpen ?? false : localOpen;
+    const setOpen = isBound ? setBoundOpen : setLocalOpen;
+    return /* @__PURE__ */ jsx(
+      Sheet,
+      {
+        open,
+        onOpenChange: (v) => {
+          setOpen(v);
+          if (!v) emit("close");
+        },
+        children: /* @__PURE__ */ jsxs(
+          SheetContent,
+          {
+            side: props.side ?? "right",
+            children: [
+              (props.title || props.description) && /* @__PURE__ */ jsxs(SheetHeader, { children: [
+                props.title && /* @__PURE__ */ jsx(SheetTitle, { children: props.title }),
+                props.description && /* @__PURE__ */ jsx(SheetDescription, { children: props.description })
+              ] }),
+              children
+            ]
+          }
+        )
+      }
+    );
+  },
+  Tooltip: ({
+    props,
+    children
+  }) => {
+    return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { children }) }),
+      /* @__PURE__ */ jsx(
+        TooltipContent,
+        {
+          side: nn(props.side),
+          sideOffset: props.sideOffset ?? 4,
+          children: props.content
+        }
+      )
+    ] }) });
+  },
+  ContextMenu: ({
+    props,
+    emit,
+    children
+  }) => {
+    const items = props.items ?? [];
+    const groups = items.reduce((acc, item) => {
+      const key = item.group ?? "";
+      if (!acc[key]) acc[key] = [];
+      acc[key].push(item);
+      return acc;
+    }, {});
+    const groupKeys = Object.keys(groups);
+    return /* @__PURE__ */ jsxs(ContextMenu, { children: [
+      /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: nn(props.className), children }) }),
+      /* @__PURE__ */ jsx(ContextMenuContent, { children: groupKeys.map((groupKey, idx) => /* @__PURE__ */ jsxs(ContextMenuGroup, { children: [
+        idx > 0 && /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+        groups[groupKey].map((item) => /* @__PURE__ */ jsxs(
+          ContextMenuItem,
+          {
+            onSelect: () => emit("select"),
+            children: [
+              item.label,
+              item.shortcut && /* @__PURE__ */ jsx(ContextMenuShortcut, { children: item.shortcut })
+            ]
+          },
+          item.value
+        ))
+      ] }, groupKey || idx)) })
+    ] });
+  },
+  HoverCard: ({
+    props,
+    children,
+    emit
+  }) => {
+    return /* @__PURE__ */ jsxs(HoverCard, { onOpenChange: () => emit("openChange"), children: [
+      /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: nn(props.className), children: props.trigger ?? "Hover" }) }),
+      /* @__PURE__ */ jsx(
+        HoverCardContent,
+        {
+          side: nn(props.side),
+          align: props.align ?? "center",
+          sideOffset: props.sideOffset ?? 4,
+          children
+        }
+      )
+    ] });
+  }
+};
+
+export { overlayComponents };

package/dist/{chunk-ZI22L4DD.js → chunk-3TYPQWKD.js}

@@ -1,9 +1,9 @@
 import { Shine } from './chunk-DARC2ACH.js';
-import { useSafeTimeout } from './chunk-MDAYDDTC.js';
-import { Typography } from './chunk-PC6VMNDY.js';
+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';
@@ -11,12 +11,9 @@ import { cn } from './chunk-QYZT24TS.js';
 import { useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function NewsletterBlock({
-  onSubscribe,
-  title = "Stay in the loop",
-  description = "Get notified about new components, updates, and design system tips. No spam.",
-  className
-}) {
+function NewsletterBlock({ props, 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 [email, setEmail] = useState("");
   const [status, setStatus] = useState("idle");
   const setSafeTimeout = useSafeTimeout();
@@ -24,10 +21,7 @@ function NewsletterBlock({
     e.preventDefault();
     if (!email.trim()) return;
     setStatus("loading");
-    try {
-      await onSubscribe?.(email);
-    } catch {
-    }
+    emit("subscribe");
     setSafeTimeout(() => {
       setStatus("success");
       setSafeTimeout(() => {
@@ -36,7 +30,7 @@ function NewsletterBlock({
       }, 3e3);
     }, 600);
   };
-  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-xl px-6", children: /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Shine, { enableOnHover: true, loop: true, loopDelay: 300, color: "var(--color-accent)", opacity: 0.1, children: /* @__PURE__ */ jsxs("div", { className: "glass-panel rounded-2xl border border-border/50 p-8 text-center sm:p-12", children: [
+  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: [

package/dist/chunk-44NVO477.js

@@ -0,0 +1,46 @@
+import { useDismissed } from './chunk-SH72GWB7.js';
+import { XIcon } from './chunk-UIUMTURU.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var bannerVariants = cva(
+  "relative flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium",
+  {
+    variants: {
+      variant: {
+        info: "bg-info text-info-foreground",
+        warning: "bg-warning text-warning-foreground",
+        success: "bg-success text-success-foreground",
+        accent: "bg-accent text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "accent"
+    }
+  }
+);
+function AnnouncementBanner({
+  className,
+  variant,
+  storageKey = "announcement-dismissed",
+  children,
+  ...props
+}) {
+  const [dismissed, dismiss] = useDismissed(storageKey);
+  if (dismissed) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn(bannerVariants({ variant, className })), role: "banner", ...props, children: [
+    /* @__PURE__ */ jsx("span", { className: "text-pretty", children }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: dismiss,
+        className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-sm p-1.5 opacity-70 hover:opacity-100 transition-opacity",
+        "aria-label": "Dismiss announcement",
+        children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
+      }
+    )
+  ] });
+}
+
+export { AnnouncementBanner, bannerVariants };

package/dist/chunk-4ACR6NGQ.js

@@ -0,0 +1,144 @@
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-NAAU5IWU.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { createContext, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ChatMessageContext = createContext("user");
+function useMessageRole() {
+  return useContext(ChatMessageContext);
+}
+function normalizeRole(role) {
+  return role === "agent" ? "assistant" : role;
+}
+var chatMessageVariants = cva("flex gap-4 max-w-full", {
+  variants: {
+    role: {
+      user: "flex-row-reverse",
+      assistant: "flex-row",
+      system: "justify-center"
+    }
+  },
+  defaultVariants: { role: "assistant" }
+});
+var chatMessageContentVariants = cva(
+  "rounded-2xl px-4 py-2.5 text-sm leading-relaxed",
+  {
+    variants: {
+      role: {
+        user: "bg-primary text-primary-foreground max-w-[80%] rounded-br-sm",
+        assistant: "bg-surface border border-border text-text-primary max-w-[80%] rounded-bl-sm",
+        system: "bg-muted/50 text-text-tertiary text-xs italic px-4 py-1.5 rounded-lg"
+      },
+      status: {
+        default: "",
+        error: "border-destructive/40 bg-destructive/5"
+      }
+    },
+    defaultVariants: { role: "assistant", status: "default" }
+  }
+);
+function ChatMessage({
+  role,
+  children,
+  className,
+  ref,
+  ...props
+}) {
+  const normalized = normalizeRole(role);
+  return /* @__PURE__ */ jsx(ChatMessageContext.Provider, { value: role, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(chatMessageVariants({ role: normalized }), className),
+      ...props,
+      children
+    }
+  ) });
+}
+function ChatMessageContent({
+  children,
+  className,
+  isStreaming,
+  status = "default",
+  ref,
+  ...props
+}) {
+  const role = normalizeRole(useMessageRole());
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(chatMessageContentVariants({ role, status }), className),
+      ...isStreaming ? { "aria-live": "polite" } : {},
+      ...props,
+      children: [
+        children,
+        !!isStreaming && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-block w-1.5 h-4 ml-0.5 bg-accent animate-pulse rounded-sm"
+          }
+        )
+      ]
+    }
+  );
+}
+function ChatMessageAvatar({
+  src,
+  name,
+  className,
+  ref
+}) {
+  const role = normalizeRole(useMessageRole());
+  const fallback = name ? name.slice(0, 2).toUpperCase() : role === "user" ? "U" : "AI";
+  const label = role === "user" ? "User avatar" : "Assistant avatar";
+  return /* @__PURE__ */ jsxs(
+    Avatar,
+    {
+      ref,
+      className: cn("h-8 w-8 shrink-0 ring-1 ring-border", className),
+      "aria-label": label,
+      children: [
+        src ? /* @__PURE__ */ jsx(AvatarImage, { src, alt: "" }) : null,
+        /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: fallback })
+      ]
+    }
+  );
+}
+function ChatMessageTimestamp({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("span", { className: cn("text-xs text-text-tertiary", className), ...props, children });
+}
+function ChatMessageActions({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", className), ...props, children });
+}
+function ChatMessageFooter({
+  children,
+  className,
+  ...props
+}) {
+  const role = useMessageRole();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2 mt-1",
+        role === "user" && "flex-row-reverse",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+export { ChatMessage, ChatMessageActions, ChatMessageAvatar, ChatMessageContent, ChatMessageFooter, ChatMessageTimestamp, chatMessageContentVariants, chatMessageVariants };