@chatsdk-dev/elements 0.0.1 → 0.1.3

package/dist/components/ai-elements/attachments.d.ts

@@ -1,57 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Button } from '@chatsdk-dev/ui/components/button';
-import { HoverCard, HoverCardContent, HoverCardTrigger } from '@chatsdk-dev/ui/components/hover-card';
-import { FileUIPart, SourceDocumentUIPart } from 'ai';
-import { HTMLAttributes, ComponentProps, ReactNode } from 'react';
-
-type AttachmentData = (FileUIPart & {
-    id: string;
-}) | (SourceDocumentUIPart & {
-    id: string;
-});
-type AttachmentMediaCategory = "image" | "video" | "audio" | "document" | "source" | "unknown";
-type AttachmentVariant = "grid" | "inline" | "list";
-declare const getMediaCategory: (data: AttachmentData) => AttachmentMediaCategory;
-declare const getAttachmentLabel: (data: AttachmentData) => string;
-interface AttachmentsContextValue {
-    variant: AttachmentVariant;
-}
-interface AttachmentContextValue {
-    data: AttachmentData;
-    mediaCategory: AttachmentMediaCategory;
-    onRemove?: () => void;
-    variant: AttachmentVariant;
-}
-declare const useAttachmentsContext: () => AttachmentsContextValue;
-declare const useAttachmentContext: () => AttachmentContextValue;
-type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {
-    variant?: AttachmentVariant;
-};
-declare const Attachments: ({ variant, className, children, ...props }: AttachmentsProps) => react_jsx_runtime.JSX.Element;
-type AttachmentProps = HTMLAttributes<HTMLDivElement> & {
-    data: AttachmentData;
-    onRemove?: () => void;
-};
-declare const Attachment: ({ data, onRemove, className, children, ...props }: AttachmentProps) => react_jsx_runtime.JSX.Element;
-type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {
-    fallbackIcon?: ReactNode;
-};
-declare const AttachmentPreview: ({ fallbackIcon, className, ...props }: AttachmentPreviewProps) => react_jsx_runtime.JSX.Element;
-type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {
-    showMediaType?: boolean;
-};
-declare const AttachmentInfo: ({ showMediaType, className, ...props }: AttachmentInfoProps) => react_jsx_runtime.JSX.Element | null;
-type AttachmentRemoveProps = ComponentProps<typeof Button> & {
-    label?: string;
-};
-declare const AttachmentRemove: ({ label, className, children, ...props }: AttachmentRemoveProps) => react_jsx_runtime.JSX.Element | null;
-type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;
-declare const AttachmentHoverCard: ({ ...props }: AttachmentHoverCardProps) => react_jsx_runtime.JSX.Element;
-type AttachmentHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
-declare const AttachmentHoverCardTrigger: ({ delay, closeDelay, ...props }: AttachmentHoverCardTriggerProps) => react_jsx_runtime.JSX.Element;
-type AttachmentHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
-declare const AttachmentHoverCardContent: ({ align, className, ...props }: AttachmentHoverCardContentProps) => react_jsx_runtime.JSX.Element;
-type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;
-declare const AttachmentEmpty: ({ className, children, ...props }: AttachmentEmptyProps) => react_jsx_runtime.JSX.Element;
-
-export { Attachment, type AttachmentData, AttachmentEmpty, type AttachmentEmptyProps, AttachmentHoverCard, AttachmentHoverCardContent, type AttachmentHoverCardContentProps, type AttachmentHoverCardProps, AttachmentHoverCardTrigger, type AttachmentHoverCardTriggerProps, AttachmentInfo, type AttachmentInfoProps, type AttachmentMediaCategory, AttachmentPreview, type AttachmentPreviewProps, type AttachmentProps, AttachmentRemove, type AttachmentRemoveProps, type AttachmentVariant, Attachments, type AttachmentsProps, getAttachmentLabel, getMediaCategory, useAttachmentContext, useAttachmentsContext };

package/dist/components/ai-elements/attachments.js

@@ -1,258 +0,0 @@
-import { Button } from '@chatsdk-dev/ui/components/button';
-import { HoverCard, HoverCardTrigger, HoverCardContent } from '@chatsdk-dev/ui/components/hover-card';
-import { cn } from '@chatsdk-dev/ui/lib/utils';
-import { XIcon, VideoIcon, PaperclipIcon, GlobeIcon, ImageIcon, FileTextIcon, Music2Icon } from 'lucide-react';
-import { createContext, useContext, useMemo, useCallback } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var mediaCategoryIcons = {
-  audio: Music2Icon,
-  document: FileTextIcon,
-  image: ImageIcon,
-  source: GlobeIcon,
-  unknown: PaperclipIcon,
-  video: VideoIcon
-};
-var getMediaCategory = (data) => {
-  if (data.type === "source-document") {
-    return "source";
-  }
-  const mediaType = data.mediaType ?? "";
-  if (mediaType.startsWith("image/")) {
-    return "image";
-  }
-  if (mediaType.startsWith("video/")) {
-    return "video";
-  }
-  if (mediaType.startsWith("audio/")) {
-    return "audio";
-  }
-  if (mediaType.startsWith("application/") || mediaType.startsWith("text/")) {
-    return "document";
-  }
-  return "unknown";
-};
-var getAttachmentLabel = (data) => {
-  if (data.type === "source-document") {
-    return data.title || data.filename || "Source";
-  }
-  const category = getMediaCategory(data);
-  return data.filename || (category === "image" ? "Image" : "Attachment");
-};
-var renderAttachmentImage = (url, filename, isGrid) => isGrid ? /* @__PURE__ */ jsx(
-  "img",
-  {
-    alt: filename || "Image",
-    className: "size-full object-cover",
-    height: 96,
-    src: url,
-    width: 96
-  }
-) : /* @__PURE__ */ jsx(
-  "img",
-  {
-    alt: filename || "Image",
-    className: "size-full rounded object-cover",
-    height: 20,
-    src: url,
-    width: 20
-  }
-);
-var AttachmentsContext = createContext(null);
-var AttachmentContext = createContext(null);
-var useAttachmentsContext = () => useContext(AttachmentsContext) ?? { variant: "grid" };
-var useAttachmentContext = () => {
-  const ctx = useContext(AttachmentContext);
-  if (!ctx) {
-    throw new Error("Attachment components must be used within <Attachment>");
-  }
-  return ctx;
-};
-var Attachments = ({
-  variant = "grid",
-  className,
-  children,
-  ...props
-}) => {
-  const contextValue = useMemo(() => ({ variant }), [variant]);
-  return /* @__PURE__ */ jsx(AttachmentsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex items-start",
-        variant === "list" ? "flex-col gap-2" : "flex-wrap gap-2",
-        variant === "grid" && "ml-auto w-fit",
-        className
-      ),
-      ...props,
-      children
-    }
-  ) });
-};
-var Attachment = ({
-  data,
-  onRemove,
-  className,
-  children,
-  ...props
-}) => {
-  const { variant } = useAttachmentsContext();
-  const mediaCategory = getMediaCategory(data);
-  const contextValue = useMemo(
-    () => ({ data, mediaCategory, onRemove, variant }),
-    [data, mediaCategory, onRemove, variant]
-  );
-  return /* @__PURE__ */ jsx(AttachmentContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "group relative",
-        variant === "grid" && "size-24 overflow-hidden rounded-lg",
-        variant === "inline" && [
-          "flex h-8 cursor-pointer select-none items-center gap-1.5",
-          "rounded-md border border-border px-1.5",
-          "font-medium text-sm transition-all",
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50"
-        ],
-        variant === "list" && [
-          "flex w-full items-center gap-3 rounded-lg border p-3",
-          "hover:bg-accent/50"
-        ],
-        className
-      ),
-      ...props,
-      children
-    }
-  ) });
-};
-var AttachmentPreview = ({
-  fallbackIcon,
-  className,
-  ...props
-}) => {
-  const { data, mediaCategory, variant } = useAttachmentContext();
-  const iconSize = variant === "inline" ? "size-3" : "size-4";
-  const renderIcon = (Icon) => /* @__PURE__ */ jsx(Icon, { className: cn(iconSize, "text-muted-foreground") });
-  const renderContent = () => {
-    if (mediaCategory === "image" && data.type === "file" && data.url) {
-      return renderAttachmentImage(data.url, data.filename, variant === "grid");
-    }
-    if (mediaCategory === "video" && data.type === "file" && data.url) {
-      return /* @__PURE__ */ jsx("video", { className: "size-full object-cover", muted: true, src: data.url });
-    }
-    const Icon = mediaCategoryIcons[mediaCategory];
-    return fallbackIcon ?? renderIcon(Icon);
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex shrink-0 items-center justify-center overflow-hidden",
-        variant === "grid" && "size-full bg-muted",
-        variant === "inline" && "size-5 rounded bg-background",
-        variant === "list" && "size-12 rounded bg-muted",
-        className
-      ),
-      ...props,
-      children: renderContent()
-    }
-  );
-};
-var AttachmentInfo = ({
-  showMediaType = false,
-  className,
-  ...props
-}) => {
-  const { data, variant } = useAttachmentContext();
-  const label = getAttachmentLabel(data);
-  if (variant === "grid") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1", className), ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: "block truncate", children: label }),
-    showMediaType && data.mediaType && /* @__PURE__ */ jsx("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType })
-  ] });
-};
-var AttachmentRemove = ({
-  label = "Remove",
-  className,
-  children,
-  ...props
-}) => {
-  const { onRemove, variant } = useAttachmentContext();
-  const handleClick = useCallback(
-    (e) => {
-      e.stopPropagation();
-      onRemove?.();
-    },
-    [onRemove]
-  );
-  if (!onRemove) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "aria-label": label,
-      className: cn(
-        variant === "grid" && [
-          "absolute top-2 right-2 size-6 rounded-full p-0",
-          "bg-background/80 backdrop-blur-sm",
-          "opacity-0 transition-opacity group-hover:opacity-100",
-          "hover:bg-background",
-          "[&>svg]:size-3"
-        ],
-        variant === "inline" && [
-          "size-5 rounded p-0",
-          "opacity-0 transition-opacity group-hover:opacity-100",
-          "[&>svg]:size-2.5"
-        ],
-        variant === "list" && ["size-8 shrink-0 rounded p-0", "[&>svg]:size-4"],
-        className
-      ),
-      onClick: handleClick,
-      type: "button",
-      variant: "ghost",
-      ...props,
-      children: [
-        children ?? /* @__PURE__ */ jsx(XIcon, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
-      ]
-    }
-  );
-};
-var AttachmentHoverCard = ({ ...props }) => /* @__PURE__ */ jsx(HoverCard, { ...props });
-var AttachmentHoverCardTrigger = ({
-  delay = 0,
-  closeDelay = 0,
-  ...props
-}) => /* @__PURE__ */ jsx(HoverCardTrigger, { delay, closeDelay, ...props });
-var AttachmentHoverCardContent = ({
-  align = "start",
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  HoverCardContent,
-  {
-    align,
-    className: cn("w-auto p-2", className),
-    ...props
-  }
-);
-var AttachmentEmpty = ({
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex items-center justify-center p-4 text-muted-foreground text-sm",
-      className
-    ),
-    ...props,
-    children: children ?? "No attachments"
-  }
-);
-
-export { Attachment, AttachmentEmpty, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardTrigger, AttachmentInfo, AttachmentPreview, AttachmentRemove, Attachments, getAttachmentLabel, getMediaCategory, useAttachmentContext, useAttachmentsContext };

package/dist/components/ai-elements/audio-player.d.ts

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Experimental_SpeechResult } from 'ai';
-import { MediaController, MediaControlBar, MediaDurationDisplay, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange } from 'media-chrome/react';
-import { ComponentProps } from 'react';
-
-type AudioPlayerProps = Omit<ComponentProps<typeof MediaController>, "audio">;
-declare const AudioPlayer: ({ children, style, ...props }: AudioPlayerProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerElementProps = Omit<ComponentProps<"audio">, "src"> & ({
-    data: Experimental_SpeechResult["audio"];
-} | {
-    src: string;
-});
-declare const AudioPlayerElement: ({ ...props }: AudioPlayerElementProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
-declare const AudioPlayerControlBar: ({ children, ...props }: AudioPlayerControlBarProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;
-declare const AudioPlayerPlayButton: ({ className, ...props }: AudioPlayerPlayButtonProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerSeekBackwardButtonProps = ComponentProps<typeof MediaSeekBackwardButton>;
-declare const AudioPlayerSeekBackwardButton: ({ seekOffset, ...props }: AudioPlayerSeekBackwardButtonProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerSeekForwardButtonProps = ComponentProps<typeof MediaSeekForwardButton>;
-declare const AudioPlayerSeekForwardButton: ({ seekOffset, ...props }: AudioPlayerSeekForwardButtonProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerTimeDisplayProps = ComponentProps<typeof MediaTimeDisplay>;
-declare const AudioPlayerTimeDisplay: ({ className, ...props }: AudioPlayerTimeDisplayProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;
-declare const AudioPlayerTimeRange: ({ className, ...props }: AudioPlayerTimeRangeProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerDurationDisplayProps = ComponentProps<typeof MediaDurationDisplay>;
-declare const AudioPlayerDurationDisplay: ({ className, ...props }: AudioPlayerDurationDisplayProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;
-declare const AudioPlayerMuteButton: ({ className, ...props }: AudioPlayerMuteButtonProps) => react_jsx_runtime.JSX.Element;
-type AudioPlayerVolumeRangeProps = ComponentProps<typeof MediaVolumeRange>;
-declare const AudioPlayerVolumeRange: ({ className, ...props }: AudioPlayerVolumeRangeProps) => react_jsx_runtime.JSX.Element;
-
-export { AudioPlayer, AudioPlayerControlBar, type AudioPlayerControlBarProps, AudioPlayerDurationDisplay, type AudioPlayerDurationDisplayProps, AudioPlayerElement, type AudioPlayerElementProps, AudioPlayerMuteButton, type AudioPlayerMuteButtonProps, AudioPlayerPlayButton, type AudioPlayerPlayButtonProps, type AudioPlayerProps, AudioPlayerSeekBackwardButton, type AudioPlayerSeekBackwardButtonProps, AudioPlayerSeekForwardButton, type AudioPlayerSeekForwardButtonProps, AudioPlayerTimeDisplay, type AudioPlayerTimeDisplayProps, AudioPlayerTimeRange, type AudioPlayerTimeRangeProps, AudioPlayerVolumeRange, type AudioPlayerVolumeRangeProps };

package/dist/components/ai-elements/audio-player.js

@@ -1,199 +0,0 @@
-import { Button } from '@chatsdk-dev/ui/components/button';
-import { ButtonGroup, ButtonGroupText } from '@chatsdk-dev/ui/components/button-group';
-import { cn } from '@chatsdk-dev/ui/lib/utils';
-import { MediaController, MediaControlBar, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaDurationDisplay, MediaMuteButton, MediaVolumeRange } from 'media-chrome/react';
-import { jsx } from 'react/jsx-runtime';
-
-var AudioPlayer = ({
-  children,
-  style,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  MediaController,
-  {
-    audio: true,
-    "data-slot": "audio-player",
-    style: {
-      "--media-background-color": "transparent",
-      "--media-button-icon-height": "1rem",
-      "--media-button-icon-width": "1rem",
-      "--media-control-background": "transparent",
-      "--media-control-hover-background": "var(--color-accent)",
-      "--media-control-padding": "0",
-      "--media-font": "var(--font-sans)",
-      "--media-font-size": "10px",
-      "--media-icon-color": "currentColor",
-      "--media-preview-time-background": "var(--color-background)",
-      "--media-preview-time-border-radius": "var(--radius-md)",
-      "--media-preview-time-text-shadow": "none",
-      "--media-primary-color": "var(--color-primary)",
-      "--media-range-bar-color": "var(--color-primary)",
-      "--media-range-track-background": "var(--color-secondary)",
-      "--media-secondary-color": "var(--color-secondary)",
-      "--media-text-color": "var(--color-foreground)",
-      "--media-tooltip-arrow-display": "none",
-      "--media-tooltip-background": "var(--color-background)",
-      "--media-tooltip-border-radius": "var(--radius-md)",
-      ...style
-    },
-    ...props,
-    children
-  }
-);
-var AudioPlayerElement = ({ ...props }) => (
-  // oxlint-disable-next-line eslint-plugin-jsx-a11y(media-has-caption) -- audio player captions are provided by consumer
-  /* @__PURE__ */ jsx(
-    "audio",
-    {
-      "data-slot": "audio-player-element",
-      slot: "media",
-      src: "src" in props ? props.src : `data:${props.data.mediaType};base64,${props.data.base64}`,
-      ...props
-    }
-  )
-);
-var AudioPlayerControlBar = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(MediaControlBar, { "data-slot": "audio-player-control-bar", ...props, children: /* @__PURE__ */ jsx(ButtonGroup, { orientation: "horizontal", children }) });
-var AudioPlayerPlayButton = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    size: "icon",
-    variant: "outline",
-    render: () => /* @__PURE__ */ jsx(
-      MediaPlayButton,
-      {
-        className: cn("bg-transparent", className),
-        "data-slot": "audio-player-play-button",
-        ...props
-      }
-    )
-  }
-);
-var AudioPlayerSeekBackwardButton = ({
-  seekOffset = 10,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    size: "icon",
-    variant: "outline",
-    render: () => /* @__PURE__ */ jsx(
-      MediaSeekBackwardButton,
-      {
-        "data-slot": "audio-player-seek-backward-button",
-        seekOffset,
-        ...props
-      }
-    )
-  }
-);
-var AudioPlayerSeekForwardButton = ({
-  seekOffset = 10,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    size: "icon",
-    variant: "outline",
-    render: () => /* @__PURE__ */ jsx(
-      MediaSeekForwardButton,
-      {
-        "data-slot": "audio-player-seek-forward-button",
-        seekOffset,
-        ...props
-      }
-    )
-  }
-);
-var AudioPlayerTimeDisplay = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ButtonGroupText,
-  {
-    className: "bg-transparent",
-    render: () => /* @__PURE__ */ jsx(
-      MediaTimeDisplay,
-      {
-        className: cn("tabular-nums", className),
-        "data-slot": "audio-player-time-display",
-        ...props
-      }
-    )
-  }
-);
-var AudioPlayerTimeRange = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ButtonGroupText,
-  {
-    className: "bg-transparent",
-    render: () => /* @__PURE__ */ jsx(
-      MediaTimeRange,
-      {
-        className: cn("", className),
-        "data-slot": "audio-player-time-range",
-        ...props
-      }
-    )
-  }
-);
-var AudioPlayerDurationDisplay = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ButtonGroupText,
-  {
-    className: "bg-transparent",
-    render: () => /* @__PURE__ */ jsx(
-      MediaDurationDisplay,
-      {
-        className: cn("tabular-nums", className),
-        "data-slot": "audio-player-duration-display",
-        ...props
-      }
-    )
-  }
-);
-var AudioPlayerMuteButton = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ButtonGroupText,
-  {
-    className: "bg-transparent",
-    render: () => /* @__PURE__ */ jsx(
-      MediaMuteButton,
-      {
-        className: cn("", className),
-        "data-slot": "audio-player-mute-button",
-        ...props
-      }
-    )
-  }
-);
-var AudioPlayerVolumeRange = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  ButtonGroupText,
-  {
-    className: "bg-transparent",
-    render: () => /* @__PURE__ */ jsx(
-      MediaVolumeRange,
-      {
-        className: cn("", className),
-        "data-slot": "audio-player-volume-range",
-        ...props
-      }
-    )
-  }
-);
-
-export { AudioPlayer, AudioPlayerControlBar, AudioPlayerDurationDisplay, AudioPlayerElement, AudioPlayerMuteButton, AudioPlayerPlayButton, AudioPlayerSeekBackwardButton, AudioPlayerSeekForwardButton, AudioPlayerTimeDisplay, AudioPlayerTimeRange, AudioPlayerVolumeRange };

package/dist/components/ai-elements/canvas.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactFlowProps } from '@xyflow/react';
-import { ReactNode } from 'react';
-
-type CanvasProps = ReactFlowProps & {
-    children?: ReactNode;
-};
-declare const Canvas: ({ children, ...props }: CanvasProps) => react_jsx_runtime.JSX.Element;
-
-export { Canvas };

package/dist/components/ai-elements/canvas.js

@@ -1,24 +0,0 @@
-import { ReactFlow, Background } from '@xyflow/react';
-import '@xyflow/react/dist/style.css';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/ai-elements/canvas.tsx
-var deleteKeyCode = ["Backspace", "Delete"];
-var Canvas = ({ children, ...props }) => /* @__PURE__ */ jsxs(
-  ReactFlow,
-  {
-    deleteKeyCode,
-    fitView: true,
-    panOnDrag: false,
-    panOnScroll: true,
-    selectionOnDrag: true,
-    zoomOnDoubleClick: false,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(Background, { bgColor: "var(--sidebar)" }),
-      children
-    ]
-  }
-);
-
-export { Canvas };

package/dist/components/ai-elements/chain-of-thought.d.ts

@@ -1,34 +0,0 @@
-import * as react from 'react';
-import { ComponentProps, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Badge } from '@chatsdk-dev/ui/components/badge';
-import { CollapsibleContent, CollapsibleTrigger } from '@chatsdk-dev/ui/components/collapsible';
-import { LucideIcon } from 'lucide-react';
-
-type ChainOfThoughtProps = ComponentProps<"div"> & {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-};
-declare const ChainOfThought: react.MemoExoticComponent<({ className, open, defaultOpen, onOpenChange, children, ...props }: ChainOfThoughtProps) => react_jsx_runtime.JSX.Element>;
-type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
-declare const ChainOfThoughtHeader: react.MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtHeaderProps) => react_jsx_runtime.JSX.Element>;
-type ChainOfThoughtStepProps = ComponentProps<"div"> & {
-    icon?: LucideIcon;
-    label: ReactNode;
-    description?: ReactNode;
-    status?: "complete" | "active" | "pending";
-};
-declare const ChainOfThoughtStep: react.MemoExoticComponent<({ className, icon: Icon, label, description, status, children, ...props }: ChainOfThoughtStepProps) => react_jsx_runtime.JSX.Element>;
-type ChainOfThoughtSearchResultsProps = ComponentProps<"div">;
-declare const ChainOfThoughtSearchResults: react.MemoExoticComponent<({ className, ...props }: ChainOfThoughtSearchResultsProps) => react_jsx_runtime.JSX.Element>;
-type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
-declare const ChainOfThoughtSearchResult: react.MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtSearchResultProps) => react_jsx_runtime.JSX.Element>;
-type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
-declare const ChainOfThoughtContent: react.MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtContentProps) => react_jsx_runtime.JSX.Element>;
-type ChainOfThoughtImageProps = ComponentProps<"div"> & {
-    caption?: string;
-};
-declare const ChainOfThoughtImage: react.MemoExoticComponent<({ className, children, caption, ...props }: ChainOfThoughtImageProps) => react_jsx_runtime.JSX.Element>;
-
-export { ChainOfThought, ChainOfThoughtContent, type ChainOfThoughtContentProps, ChainOfThoughtHeader, type ChainOfThoughtHeaderProps, ChainOfThoughtImage, type ChainOfThoughtImageProps, type ChainOfThoughtProps, ChainOfThoughtSearchResult, type ChainOfThoughtSearchResultProps, ChainOfThoughtSearchResults, type ChainOfThoughtSearchResultsProps, ChainOfThoughtStep, type ChainOfThoughtStepProps };