@liveblocks/react-ui 3.1.3 → 3.2.0

package/dist/_private/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, Ref, RefCallback, FormEvent, ComponentType } from 'react';
+import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, ComponentType, Ref, RefCallback, FormEvent } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export { TooltipProvider } from '@radix-ui/react-tooltip';
 import { AiTextPart, AiReasoningPart, AiChatMessage } from '@liveblocks/core';
@@ -38,14 +38,283 @@ interface ListProps extends ComponentPropsWithSlot<"span"> {
 }
 declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface GlobalComponents {
+    Anchor: ComponentType<ComponentPropsWithoutRef<"a">> | "a";
+}
+
+type MarkdownComponents = {
+    /**
+     * The component used to render paragraphs.
+     *
+     * @example
+     * ```md
+     * A paragraph.
+     *
+     * Another paragraph.
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Paragraph: ({ children }) => <p className="...">{children}</p>
+     *   }}
+     * />
+     * ```
+     */
+    Paragraph: ComponentType<MarkdownComponentsParagraphProps>;
+    /**
+     * The component used to render inline elements (bold, italic, strikethrough, and inline code).
+     *
+     * @example
+     * ```md
+     * **Bold**, _italic_, ~~strikethrough~~, and `inline code`.
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Inline: ({ type, children }) => {
+     *       const Component = type;
+     *       return <Component className="...">{children}</Component>;
+     *     }
+     *   }}
+     * />
+     * ```
+     */
+    Inline: ComponentType<MarkdownComponentsInlineProps>;
+    /**
+     * The component used to render links.
+     *
+     * @example
+     * ```md
+     * A [link](https://liveblocks.io).
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Link: ({ href, children }) => <a href={href} className="...">{children}</a>
+     *   }}
+     * />
+     * ```
+     */
+    Link: ComponentType<MarkdownComponentsLinkProps>;
+    /**
+     * The component used to render headings.
+     *
+     * @example
+     * ```md
+     * # Heading 1
+     * ## Heading 2
+     * ### Heading 3
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Heading: ({ level, children }) => {
+     *       const Heading = `h${level}` as const;
+     *       return <Heading className="...">{children}</Heading>;
+     *     }
+     *   }}
+     * />
+     * ```
+     */
+    Heading: ComponentType<MarkdownComponentsHeadingProps>;
+    /**
+     * The component used to render blockquotes.
+     *
+     * @example
+     * ```md
+     * > A blockquote.
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Blockquote: ({ children }) => <blockquote className="...">{children}</blockquote>
+     *   }}
+     * />
+     * ```
+     */
+    Blockquote: ComponentType<MarkdownComponentsBlockquoteProps>;
+    /**
+     * The component used to render code blocks.
+     *
+     * @example
+     * ```md
+     * `⁠`⁠`javascript
+     * const a = 1;
+     * `⁠`⁠`
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     CodeBlock: ({ language, code }) => (
+     *       <pre data-language={language} className="...">
+     *         <code className="...">{code}</code>
+     *       </pre>
+     *     )
+     *   }}
+     * />
+     * ```
+     */
+    CodeBlock: ComponentType<MarkdownComponentsCodeBlockProps>;
+    /**
+     * The component used to render images.
+     *
+     * @example
+     * ```md
+     * ![An image](https://liveblocks.io/logo.svg)
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Image: ({ src, alt }) => <img src={src} alt={alt} className="...">
+     *   }}
+     * />
+     * ```
+     */
+    Image: ComponentType<MarkdownComponentsImageProps>;
+    /**
+     * The component used to render lists.
+     *
+     * @example
+     * ```md
+     * 1. An ordered list item
+     * - An unordered list item
+     * - [x] A checked list item
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     List: ({ type, items }) => {
+     *       const List = type === "ordered" ? "ol" : "ul";
+     *       return (
+     *         <List>
+     *           {items.map((item, index) => (
+     *             <li key={index}>
+     *               {item.checked !== undefined && (
+     *                 <input type="checkbox" disabled checked={item.checked} />{" "}
+     *               )}
+     *               {item.children}
+     *             </li>
+     *           ))}
+     *         </List>
+     *       );
+     *     }
+     *   }}
+     * />
+     * ```
+     */
+    List: ComponentType<MarkdownComponentsListProps>;
+    /**
+     * The component used to render tables.
+     *
+     * @example
+     * ```md
+     * | Heading 1 | Heading 2 |
+     * |-----------|-----------|
+     * | Cell 1    | Cell 2    |
+     * | Cell 3    | Cell 4    |
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Table: ({ headings, rows }) => (
+     *       <table>
+     *         <thead>
+     *           <tr>
+     *             {headings.map(({ children }, index) => (
+     *               <th key={index}>{children}</th>
+     *             ))}
+     *           </tr>
+     *         </thead>
+     *         <tbody>
+     *           {rows.map((row, index) => (
+     *             <tr key={index}>
+     *               {row.map(({ children }, index) => (
+     *                 <td key={index}>{children}</td>
+     *               ))}
+     *             </tr>
+     *           ))}
+     *         </tbody>
+     *       </table>
+     *     )
+     *   }}
+     * />
+     * ```
+     */
+    Table: ComponentType<MarkdownComponentsTableProps>;
+    /**
+     * The component used to render separators.
+     *
+     * @example
+     * ```md
+     * ---
+     * ```
+     * ```tsx
+     * <Markdown components={{ Separator: () => <hr className="..." /> }} />
+     * ```
+     */
+    Separator: ComponentType;
+};
+interface MarkdownComponentsInlineProps {
+    type: "strong" | "em" | "code" | "del";
+    children: ReactNode;
+}
+interface MarkdownComponentsParagraphProps {
+    children: ReactNode;
+}
+interface MarkdownComponentsTableCell {
+    align?: "left" | "center" | "right";
+    children: ReactNode;
+}
+interface MarkdownComponentsTableProps {
+    headings: MarkdownComponentsTableCell[];
+    rows: MarkdownComponentsTableCell[][];
+}
+interface MarkdownComponentsListItem {
+    checked?: boolean;
+    children: ReactNode;
+}
+interface MarkdownComponentsListProps {
+    type: "ordered" | "unordered";
+    items: MarkdownComponentsListItem[];
+}
+interface MarkdownComponentsBlockquoteProps {
+    children: ReactNode;
+}
+interface MarkdownComponentsImageProps {
+    src: string;
+    alt: string;
+    title?: string;
+}
+interface MarkdownComponentsHeadingProps {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    children: ReactNode;
+}
+interface MarkdownComponentsLinkProps {
+    href: string;
+    title?: string;
+    children: ReactNode;
+}
+interface MarkdownComponentsCodeBlockProps {
+    code: string;
+    language?: string;
+}
+interface MarkdownProps extends ComponentPropsWithSlot<"div"> {
+    content: string;
+    components?: Partial<MarkdownComponents>;
+}
+declare const Markdown: react.ForwardRefExoticComponent<MarkdownProps & react.RefAttributes<HTMLDivElement>>;
+
 interface ProseProps extends ComponentProps<"div"> {
     content: string;
+    components?: Partial<GlobalComponents & {
+        markdown?: Partial<MarkdownComponents>;
+    }>;
 }
 /**
  * This component renders Markdown content with `lb-prose`
  * styles and custom components (code blocks, etc)
  */
-declare function Prose({ content, className, ...props }: ProseProps): react_jsx_runtime.JSX.Element;
+declare function Prose({ content, components, className, ...props }: ProseProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps extends Pick<TooltipPrimitive.TooltipTriggerProps, "children">, Omit<TooltipPrimitive.TooltipContentProps, "content"> {
     content: ReactNode;
@@ -330,38 +599,4 @@ declare namespace index {
   };
 }
 
-type MarkdownComponents = {
-    CodeBlock: ComponentType<MarkdownComponentsCodeBlockProps>;
-    Link: ComponentType<MarkdownComponentsLinkProps>;
-    Heading: ComponentType<MarkdownComponentsHeadingProps>;
-    Image: ComponentType<MarkdownComponentsImageProps>;
-    Blockquote: ComponentType<MarkdownComponentsBlockquoteProps>;
-};
-interface MarkdownComponentsBlockquoteProps {
-    children: ReactNode;
-}
-interface MarkdownComponentsImageProps {
-    src: string;
-    alt: string;
-    title?: string;
-}
-interface MarkdownComponentsHeadingProps {
-    level: 1 | 2 | 3 | 4 | 5 | 6;
-    children: ReactNode;
-}
-interface MarkdownComponentsLinkProps {
-    href: string;
-    title?: string;
-    children: ReactNode;
-}
-interface MarkdownComponentsCodeBlockProps {
-    code: string;
-    language?: string;
-}
-interface MarkdownProps extends ComponentPropsWithSlot<"div"> {
-    content: string;
-    components?: Partial<MarkdownComponents>;
-}
-declare const Markdown: react.ForwardRefExoticComponent<MarkdownProps & react.RefAttributes<HTMLDivElement>>;
-
-export { index$2 as AiChatComposer, AiChatComposerEditorProps, AiChatComposerFormProps, AiChatComposerSubmitProps, index$1 as AiMessage, AiMessageContentComponents, AiMessageContentProps, AiMessageContentReasoningPartProps, AiMessageContentTextPartProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Avatar, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, index as Collapsible, CommentIcon, CopyIcon, CrossCircleFillIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, Markdown, MarkdownComponents, MarkdownComponentsBlockquoteProps, MarkdownComponentsCodeBlockProps, MarkdownComponentsHeadingProps, MarkdownComponentsImageProps, MarkdownComponentsLinkProps, MarkdownProps, MentionIcon, MinusCircleIcon, Prose, QuestionMarkIcon, RedoIcon, RestoreIcon, RetryIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, cn, useInitial, useRefs };
+export { index$2 as AiChatComposer, AiChatComposerEditorProps, AiChatComposerFormProps, AiChatComposerSubmitProps, index$1 as AiMessage, AiMessageContentComponents, AiMessageContentProps, AiMessageContentReasoningPartProps, AiMessageContentTextPartProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Avatar, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, index as Collapsible, CommentIcon, CopyIcon, CrossCircleFillIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, Markdown, MarkdownComponents, MarkdownComponentsBlockquoteProps, MarkdownComponentsCodeBlockProps, MarkdownComponentsHeadingProps, MarkdownComponentsImageProps, MarkdownComponentsInlineProps, MarkdownComponentsLinkProps, MarkdownComponentsListProps, MarkdownComponentsParagraphProps, MarkdownComponentsTableProps, MarkdownProps, MentionIcon, MinusCircleIcon, Prose, QuestionMarkIcon, RedoIcon, RestoreIcon, RetryIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, cn, useInitial, useRefs };

package/dist/_private/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, Ref, RefCallback, FormEvent, ComponentType } from 'react';
+import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, ComponentType, Ref, RefCallback, FormEvent } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export { TooltipProvider } from '@radix-ui/react-tooltip';
 import { AiTextPart, AiReasoningPart, AiChatMessage } from '@liveblocks/core';
@@ -38,14 +38,283 @@ interface ListProps extends ComponentPropsWithSlot<"span"> {
 }
 declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface GlobalComponents {
+    Anchor: ComponentType<ComponentPropsWithoutRef<"a">> | "a";
+}
+
+type MarkdownComponents = {
+    /**
+     * The component used to render paragraphs.
+     *
+     * @example
+     * ```md
+     * A paragraph.
+     *
+     * Another paragraph.
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Paragraph: ({ children }) => <p className="...">{children}</p>
+     *   }}
+     * />
+     * ```
+     */
+    Paragraph: ComponentType<MarkdownComponentsParagraphProps>;
+    /**
+     * The component used to render inline elements (bold, italic, strikethrough, and inline code).
+     *
+     * @example
+     * ```md
+     * **Bold**, _italic_, ~~strikethrough~~, and `inline code`.
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Inline: ({ type, children }) => {
+     *       const Component = type;
+     *       return <Component className="...">{children}</Component>;
+     *     }
+     *   }}
+     * />
+     * ```
+     */
+    Inline: ComponentType<MarkdownComponentsInlineProps>;
+    /**
+     * The component used to render links.
+     *
+     * @example
+     * ```md
+     * A [link](https://liveblocks.io).
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Link: ({ href, children }) => <a href={href} className="...">{children}</a>
+     *   }}
+     * />
+     * ```
+     */
+    Link: ComponentType<MarkdownComponentsLinkProps>;
+    /**
+     * The component used to render headings.
+     *
+     * @example
+     * ```md
+     * # Heading 1
+     * ## Heading 2
+     * ### Heading 3
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Heading: ({ level, children }) => {
+     *       const Heading = `h${level}` as const;
+     *       return <Heading className="...">{children}</Heading>;
+     *     }
+     *   }}
+     * />
+     * ```
+     */
+    Heading: ComponentType<MarkdownComponentsHeadingProps>;
+    /**
+     * The component used to render blockquotes.
+     *
+     * @example
+     * ```md
+     * > A blockquote.
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Blockquote: ({ children }) => <blockquote className="...">{children}</blockquote>
+     *   }}
+     * />
+     * ```
+     */
+    Blockquote: ComponentType<MarkdownComponentsBlockquoteProps>;
+    /**
+     * The component used to render code blocks.
+     *
+     * @example
+     * ```md
+     * `⁠`⁠`javascript
+     * const a = 1;
+     * `⁠`⁠`
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     CodeBlock: ({ language, code }) => (
+     *       <pre data-language={language} className="...">
+     *         <code className="...">{code}</code>
+     *       </pre>
+     *     )
+     *   }}
+     * />
+     * ```
+     */
+    CodeBlock: ComponentType<MarkdownComponentsCodeBlockProps>;
+    /**
+     * The component used to render images.
+     *
+     * @example
+     * ```md
+     * ![An image](https://liveblocks.io/logo.svg)
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Image: ({ src, alt }) => <img src={src} alt={alt} className="...">
+     *   }}
+     * />
+     * ```
+     */
+    Image: ComponentType<MarkdownComponentsImageProps>;
+    /**
+     * The component used to render lists.
+     *
+     * @example
+     * ```md
+     * 1. An ordered list item
+     * - An unordered list item
+     * - [x] A checked list item
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     List: ({ type, items }) => {
+     *       const List = type === "ordered" ? "ol" : "ul";
+     *       return (
+     *         <List>
+     *           {items.map((item, index) => (
+     *             <li key={index}>
+     *               {item.checked !== undefined && (
+     *                 <input type="checkbox" disabled checked={item.checked} />{" "}
+     *               )}
+     *               {item.children}
+     *             </li>
+     *           ))}
+     *         </List>
+     *       );
+     *     }
+     *   }}
+     * />
+     * ```
+     */
+    List: ComponentType<MarkdownComponentsListProps>;
+    /**
+     * The component used to render tables.
+     *
+     * @example
+     * ```md
+     * | Heading 1 | Heading 2 |
+     * |-----------|-----------|
+     * | Cell 1    | Cell 2    |
+     * | Cell 3    | Cell 4    |
+     * ```
+     * ```tsx
+     * <Markdown
+     *   components={{
+     *     Table: ({ headings, rows }) => (
+     *       <table>
+     *         <thead>
+     *           <tr>
+     *             {headings.map(({ children }, index) => (
+     *               <th key={index}>{children}</th>
+     *             ))}
+     *           </tr>
+     *         </thead>
+     *         <tbody>
+     *           {rows.map((row, index) => (
+     *             <tr key={index}>
+     *               {row.map(({ children }, index) => (
+     *                 <td key={index}>{children}</td>
+     *               ))}
+     *             </tr>
+     *           ))}
+     *         </tbody>
+     *       </table>
+     *     )
+     *   }}
+     * />
+     * ```
+     */
+    Table: ComponentType<MarkdownComponentsTableProps>;
+    /**
+     * The component used to render separators.
+     *
+     * @example
+     * ```md
+     * ---
+     * ```
+     * ```tsx
+     * <Markdown components={{ Separator: () => <hr className="..." /> }} />
+     * ```
+     */
+    Separator: ComponentType;
+};
+interface MarkdownComponentsInlineProps {
+    type: "strong" | "em" | "code" | "del";
+    children: ReactNode;
+}
+interface MarkdownComponentsParagraphProps {
+    children: ReactNode;
+}
+interface MarkdownComponentsTableCell {
+    align?: "left" | "center" | "right";
+    children: ReactNode;
+}
+interface MarkdownComponentsTableProps {
+    headings: MarkdownComponentsTableCell[];
+    rows: MarkdownComponentsTableCell[][];
+}
+interface MarkdownComponentsListItem {
+    checked?: boolean;
+    children: ReactNode;
+}
+interface MarkdownComponentsListProps {
+    type: "ordered" | "unordered";
+    items: MarkdownComponentsListItem[];
+}
+interface MarkdownComponentsBlockquoteProps {
+    children: ReactNode;
+}
+interface MarkdownComponentsImageProps {
+    src: string;
+    alt: string;
+    title?: string;
+}
+interface MarkdownComponentsHeadingProps {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    children: ReactNode;
+}
+interface MarkdownComponentsLinkProps {
+    href: string;
+    title?: string;
+    children: ReactNode;
+}
+interface MarkdownComponentsCodeBlockProps {
+    code: string;
+    language?: string;
+}
+interface MarkdownProps extends ComponentPropsWithSlot<"div"> {
+    content: string;
+    components?: Partial<MarkdownComponents>;
+}
+declare const Markdown: react.ForwardRefExoticComponent<MarkdownProps & react.RefAttributes<HTMLDivElement>>;
+
 interface ProseProps extends ComponentProps<"div"> {
     content: string;
+    components?: Partial<GlobalComponents & {
+        markdown?: Partial<MarkdownComponents>;
+    }>;
 }
 /**
  * This component renders Markdown content with `lb-prose`
  * styles and custom components (code blocks, etc)
  */
-declare function Prose({ content, className, ...props }: ProseProps): react_jsx_runtime.JSX.Element;
+declare function Prose({ content, components, className, ...props }: ProseProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps extends Pick<TooltipPrimitive.TooltipTriggerProps, "children">, Omit<TooltipPrimitive.TooltipContentProps, "content"> {
     content: ReactNode;
@@ -330,38 +599,4 @@ declare namespace index {
   };
 }
 
-type MarkdownComponents = {
-    CodeBlock: ComponentType<MarkdownComponentsCodeBlockProps>;
-    Link: ComponentType<MarkdownComponentsLinkProps>;
-    Heading: ComponentType<MarkdownComponentsHeadingProps>;
-    Image: ComponentType<MarkdownComponentsImageProps>;
-    Blockquote: ComponentType<MarkdownComponentsBlockquoteProps>;
-};
-interface MarkdownComponentsBlockquoteProps {
-    children: ReactNode;
-}
-interface MarkdownComponentsImageProps {
-    src: string;
-    alt: string;
-    title?: string;
-}
-interface MarkdownComponentsHeadingProps {
-    level: 1 | 2 | 3 | 4 | 5 | 6;
-    children: ReactNode;
-}
-interface MarkdownComponentsLinkProps {
-    href: string;
-    title?: string;
-    children: ReactNode;
-}
-interface MarkdownComponentsCodeBlockProps {
-    code: string;
-    language?: string;
-}
-interface MarkdownProps extends ComponentPropsWithSlot<"div"> {
-    content: string;
-    components?: Partial<MarkdownComponents>;
-}
-declare const Markdown: react.ForwardRefExoticComponent<MarkdownProps & react.RefAttributes<HTMLDivElement>>;
-
-export { index$2 as AiChatComposer, AiChatComposerEditorProps, AiChatComposerFormProps, AiChatComposerSubmitProps, index$1 as AiMessage, AiMessageContentComponents, AiMessageContentProps, AiMessageContentReasoningPartProps, AiMessageContentTextPartProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Avatar, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, index as Collapsible, CommentIcon, CopyIcon, CrossCircleFillIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, Markdown, MarkdownComponents, MarkdownComponentsBlockquoteProps, MarkdownComponentsCodeBlockProps, MarkdownComponentsHeadingProps, MarkdownComponentsImageProps, MarkdownComponentsLinkProps, MarkdownProps, MentionIcon, MinusCircleIcon, Prose, QuestionMarkIcon, RedoIcon, RestoreIcon, RetryIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, cn, useInitial, useRefs };
+export { index$2 as AiChatComposer, AiChatComposerEditorProps, AiChatComposerFormProps, AiChatComposerSubmitProps, index$1 as AiMessage, AiMessageContentComponents, AiMessageContentProps, AiMessageContentReasoningPartProps, AiMessageContentTextPartProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, Avatar, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, index as Collapsible, CommentIcon, CopyIcon, CrossCircleFillIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, Markdown, MarkdownComponents, MarkdownComponentsBlockquoteProps, MarkdownComponentsCodeBlockProps, MarkdownComponentsHeadingProps, MarkdownComponentsImageProps, MarkdownComponentsInlineProps, MarkdownComponentsLinkProps, MarkdownComponentsListProps, MarkdownComponentsParagraphProps, MarkdownComponentsTableProps, MarkdownProps, MentionIcon, MinusCircleIcon, Prose, QuestionMarkIcon, RedoIcon, RestoreIcon, RetryIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, cn, useInitial, useRefs };