@liveblocks/react-ui 2.25.0-aiprivatebeta7 → 2.25.0-aiprivatebeta9

package/dist/_private/index.cjs

@@ -1,16 +1,18 @@
 'use strict';
 
-var AiChatAssistantMessage = require('../components/internal/AiChatAssistantMessage.cjs');
-var AiChatComposer = require('../components/internal/AiChatComposer.cjs');
-var AiChatUserMessage = require('../components/internal/AiChatUserMessage.cjs');
 var Button = require('../components/internal/Button.cjs');
 var List = require('../components/internal/List.cjs');
+var Prose = require('../components/internal/Prose.cjs');
 var Tooltip = require('../components/internal/Tooltip.cjs');
 var User = require('../components/internal/User.cjs');
 require('../icons/index.cjs');
 var capitalize = require('../utils/capitalize.cjs');
 var useInitial = require('../utils/use-initial.cjs');
 var useRefs = require('../utils/use-refs.cjs');
+var index = require('../primitives/AiChatComposer/index.cjs');
+var index$1 = require('../primitives/AiMessage/index.cjs');
+var index$2 = require('../primitives/Collapsible/index.cjs');
+var Markdown = require('../primitives/Markdown.cjs');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var ArrowCornerDownRight = require('../icons/ArrowCornerDownRight.cjs');
 var ArrowCornerUpRight = require('../icons/ArrowCornerUpRight.cjs');
@@ -22,6 +24,8 @@ var BellCrossed = require('../icons/BellCrossed.cjs');
 var Blockquote = require('../icons/Blockquote.cjs');
 var Bold = require('../icons/Bold.cjs');
 var Check = require('../icons/Check.cjs');
+var CheckCircle = require('../icons/CheckCircle.cjs');
+var CheckCircleFill = require('../icons/CheckCircleFill.cjs');
 var ChevronDown = require('../icons/ChevronDown.cjs');
 var ChevronLeft = require('../icons/ChevronLeft.cjs');
 var ChevronRight = require('../icons/ChevronRight.cjs');
@@ -45,8 +49,6 @@ var ListUnordered = require('../icons/ListUnordered.cjs');
 var Mention = require('../icons/Mention.cjs');
 var QuestionMark = require('../icons/QuestionMark.cjs');
 var Redo = require('../icons/Redo.cjs');
-var Resolve = require('../icons/Resolve.cjs');
-var Resolved = require('../icons/Resolved.cjs');
 var Restore = require('../icons/Restore.cjs');
 var Retry = require('../icons/Retry.cjs');
 var Search = require('../icons/Search.cjs');
@@ -65,18 +67,20 @@ var Warning = require('../icons/Warning.cjs');
 
 
 
-exports.AiChatAssistantMessage = AiChatAssistantMessage.AiChatAssistantMessage;
-exports.AiChatComposer = AiChatComposer.AiChatComposer;
-exports.AiChatUserMessage = AiChatUserMessage.AiChatUserMessage;
 exports.Button = Button.Button;
 exports.SelectButton = Button.SelectButton;
 exports.List = List.List;
+exports.Prose = Prose.Prose;
 exports.ShortcutTooltip = Tooltip.ShortcutTooltip;
 exports.Tooltip = Tooltip.Tooltip;
 exports.User = User.User;
 exports.capitalize = capitalize.capitalize;
 exports.useInitial = useInitial.useInitial;
 exports.useRefs = useRefs.useRefs;
+exports.AiChatComposer = index;
+exports.AiMessage = index$1;
+exports.Collapsible = index$2;
+exports.Markdown = Markdown.Markdown;
 Object.defineProperty(exports, 'TooltipProvider', {
   enumerable: true,
   get: function () { return TooltipPrimitive.TooltipProvider; }
@@ -91,6 +95,8 @@ exports.BellCrossedIcon = BellCrossed.BellCrossedIcon;
 exports.BlockquoteIcon = Blockquote.BlockquoteIcon;
 exports.BoldIcon = Bold.BoldIcon;
 exports.CheckIcon = Check.CheckIcon;
+exports.CheckCircleIcon = CheckCircle.CheckCircleIcon;
+exports.CheckCircleFillIcon = CheckCircleFill.CheckCircleFillIcon;
 exports.ChevronDownIcon = ChevronDown.ChevronDownIcon;
 exports.ChevronLeftIcon = ChevronLeft.ChevronLeftIcon;
 exports.ChevronRightIcon = ChevronRight.ChevronRightIcon;
@@ -114,8 +120,6 @@ exports.ListUnorderedIcon = ListUnordered.ListUnorderedIcon;
 exports.MentionIcon = Mention.MentionIcon;
 exports.QuestionMarkIcon = QuestionMark.QuestionMarkIcon;
 exports.RedoIcon = Redo.RedoIcon;
-exports.ResolveIcon = Resolve.ResolveIcon;
-exports.ResolvedIcon = Resolved.ResolvedIcon;
 exports.RestoreIcon = Restore.RestoreIcon;
 exports.RetryIcon = Retry.RetryIcon;
 exports.SearchIcon = Search.SearchIcon;

package/dist/_private/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_private/index.d.cts

@@ -1,108 +1,12 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentProps, FormEvent, Ref, RefCallback } from 'react';
-import { UiAssistantMessage, CopilotId, UiUserMessage } from '@liveblocks/core';
+import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, Ref, RefCallback, FormEvent, ComponentType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export { TooltipProvider } from '@radix-ui/react-tooltip';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type SlotProp = {
-    /**
-     * Replace the rendered element by the one passed as a child.
-     */
-    asChild?: boolean;
-};
-type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
-
-interface GlobalOverrides {
-    USER_SELF: string;
-    USER_UNKNOWN: string;
-    LIST_REMAINING: (count: number) => string;
-    LIST_REMAINING_USERS: (count: number) => string;
-    LIST_REMAINING_COMMENTS: (count: number) => string;
-    EMOJI_PICKER_SEARCH_PLACEHOLDER: string;
-    EMOJI_PICKER_EMPTY: ReactNode;
-    EMOJI_PICKER_ERROR: (error: Error) => ReactNode;
-    EMOJI_PICKER_CHANGE_SKIN_TONE: string;
-    ATTACHMENT_TOO_LARGE: (maxSize?: string) => string;
-    ATTACHMENT_ERROR: (error: Error) => string;
-}
-interface AiChatComposerOverrides {
-    AI_CHAT_COMPOSER_PLACEHOLDER: string;
-    AI_CHAT_COMPOSER_SEND: string;
-    AI_CHAT_COMPOSER_ATTACH_FILES: string;
-    AI_CHAT_COMPOSER_REMOVE_ATTACHMENT: string;
-    AI_CHAT_COMPOSER_ABORT: string;
-}
-interface AiChatMessageOverrides {
-    AI_CHAT_MESSAGE_DELETED: string;
-    AI_CHAT_MESSAGE_THINKING: string;
-    AI_CHAT_MESSAGE_COPY: string;
-    AI_CHAT_MESSAGE_TRY_AGAIN: string;
-}
-
-interface AiChatAssistantMessageProps extends ComponentProps<"div"> {
-    /**
-     * The message to display.
-     */
-    message: UiAssistantMessage;
-    /**
-     * Override the component's strings.
-     */
-    overrides?: Partial<GlobalOverrides & AiChatMessageOverrides>;
-}
-declare const AiChatAssistantMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<AiChatAssistantMessageProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
-
-interface AiChatComposerProps extends ComponentProps<"form"> {
-    /**
-     * The composer's initial value.
-     */
-    defaultValue?: string;
-    /**
-     * The event handler called when a chat message is submitted.
-     */
-    onComposerSubmit?: (message: {
-        /**
-         * The submitted message text.
-         */
-        text: string;
-    }, event: FormEvent<HTMLFormElement>) => void;
-    /**
-     * Whether the composer is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Whether to focus the editor on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * Override the component's strings.
-     */
-    overrides?: Partial<GlobalOverrides & AiChatComposerOverrides>;
-    /**
-     * The id of the chat the composer belongs to.
-     */
-    chatId: string;
-    /**
-     * The id of the copilot to use to send the message.
-     */
-    copilotId?: CopilotId;
-}
-declare const AiChatComposer: react.ForwardRefExoticComponent<Omit<AiChatComposerProps, "ref"> & react.RefAttributes<HTMLFormElement>>;
-
-interface AiChatUserMessageProps extends ComponentProps<"div"> {
-    /**
-     * The message to display.
-     */
-    message: UiUserMessage;
-    /**
-     * Override the component's strings.
-     */
-    overrides?: Partial<GlobalOverrides>;
-}
-declare const AiChatUserMessage: react.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<AiChatUserMessageProps, "ref"> & react.RefAttributes<HTMLDivElement>>>;
+import { AiTextPart, AiReasoningPart, AiChatMessage } from '@liveblocks/core';
 
 interface ButtonProps extends ComponentProps<"button"> {
-    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary";
+    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary" | "destructive";
     size?: "default" | "large";
     disableable?: boolean;
     icon?: ReactNode;
@@ -110,6 +14,14 @@ interface ButtonProps extends ComponentProps<"button"> {
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 declare const SelectButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type SlotProp = {
+    /**
+     * Replace the rendered element by the one passed as a child.
+     */
+    asChild?: boolean;
+};
+type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
+
 interface ListProps extends ComponentPropsWithSlot<"span"> {
     values: ReactNode[];
     formatRemaining?: (amount: number) => string;
@@ -118,6 +30,15 @@ interface ListProps extends ComponentPropsWithSlot<"span"> {
 }
 declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface ProseProps extends ComponentProps<"div"> {
+    content: string;
+}
+/**
+ * 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;
+
 interface TooltipProps extends Pick<TooltipPrimitive.TooltipTriggerProps, "children">, Omit<TooltipPrimitive.TooltipContentProps, "content"> {
     content: ReactNode;
     multiline?: boolean;
@@ -160,6 +81,10 @@ declare function BoldIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.E
 
 declare function CheckIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
+declare function CheckCircleIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function CheckCircleFillIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
 declare function ChevronDownIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function ChevronLeftIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -206,10 +131,6 @@ declare function QuestionMarkIcon(props: ComponentProps<"svg">): react_jsx_runti
 
 declare function RedoIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
-declare function ResolveIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
-
-declare function ResolvedIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
-
 declare function RestoreIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
 
 declare function RetryIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
@@ -252,4 +173,178 @@ declare function useInitial<T>(value: T | (() => T)): T;
 
 declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
 
-export { AiChatAssistantMessage, AiChatAssistantMessageProps, AiChatComposer, AiChatComposerProps, AiChatUserMessage, AiChatUserMessageProps, ArrowCornerDownRightIcon, ArrowCornerUpRightIcon, ArrowDownIcon, ArrowUpIcon, AttachmentIcon, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, CommentIcon, CopyIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, MentionIcon, QuestionMarkIcon, RedoIcon, ResolveIcon, ResolvedIcon, RestoreIcon, RetryIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };
+interface AiChatComposerFormProps extends ComponentPropsWithSlot<"form"> {
+    /**
+     * The event handler called when a chat message is submitted.
+     */
+    onComposerSubmit?: (message: {
+        /**
+         * The submitted message text.
+         */
+        text: string;
+    }, event: FormEvent<HTMLFormElement>) => void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+}
+interface AiChatComposerEditorProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue"> {
+    /**
+     * The editor's initial value.
+     */
+    defaultValue?: string;
+    /**
+     * The text to display when the editor is empty.
+     */
+    placeholder?: string;
+    /**
+     * Whether the editor is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to focus the editor on mount.
+     */
+    autoFocus?: boolean;
+}
+type AiChatComposerSubmitProps = ComponentPropsWithSlot<"button">;
+
+/**
+ * Surrounds the chat composer's content and handles submissions.
+ *
+ * @example
+ * <AiChatComposer.Form onComposerSubmit={({ text }) => {}}>
+ *	 <AiChatComposer.Editor />
+ *   <AiChatComposer.Submit />
+ * </AiChatComposer.Form>
+ */
+declare const AiChatComposerForm: react.ForwardRefExoticComponent<AiChatComposerFormProps & react.RefAttributes<HTMLFormElement>>;
+/**
+ * Displays the chat composer's editor.
+ *
+ * @example
+ * <AiChatComposer.Editor placeholder="Write a message…" />
+ */
+declare const AiChatComposerEditor: react.ForwardRefExoticComponent<AiChatComposerEditorProps & react.RefAttributes<HTMLDivElement>>;
+/**
+ * A button to submit a chat message.
+ *
+ * @example
+ * <AiChatComposer.Submit>Send</AiChatComposer.Submit>
+ */
+declare const AiChatComposerSubmit: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & react.RefAttributes<HTMLButtonElement>>;
+
+declare const index$2_AiChatComposerEditor: typeof AiChatComposerEditor;
+declare const index$2_AiChatComposerForm: typeof AiChatComposerForm;
+declare const index$2_AiChatComposerSubmit: typeof AiChatComposerSubmit;
+declare namespace index$2 {
+  export {
+    index$2_AiChatComposerEditor as AiChatComposerEditor,
+    index$2_AiChatComposerForm as AiChatComposerForm,
+    index$2_AiChatComposerSubmit as AiChatComposerSubmit,
+    AiChatComposerEditor as Editor,
+    AiChatComposerForm as Form,
+    AiChatComposerSubmit as Submit,
+  };
+}
+
+type AiMessageContentTextPartProps = {
+    part: AiTextPart;
+};
+type AiMessageContentReasoningPartProps = {
+    part: AiReasoningPart;
+};
+interface AiMessageContentComponents {
+    /**
+     * The component used to display text parts.
+     */
+    TextPart: ComponentType<AiMessageContentTextPartProps>;
+    /**
+     * The component used to display reasoning parts.
+     */
+    ReasoningPart: ComponentType<AiMessageContentReasoningPartProps>;
+}
+interface AiMessageContentProps extends Omit<ComponentPropsWithSlot<"div">, "children"> {
+    /**
+     * The message contents to display.
+     */
+    message: AiChatMessage;
+    /**
+     * Optional overrides for the default components to render each part within
+     * the message content.
+     */
+    components?: Partial<AiMessageContentComponents>;
+}
+
+/**
+ * --------------------------------------------------------------------------
+ * @private The API for this component is not yet stable.
+ * --------------------------------------------------------------------------
+ *
+ * Primitive to help display an user or assistant message’s content, which is
+ * an array of parts.
+ *
+ * @example
+ * <AiMessage.Content message={message} components={{ TextPart }} />
+ */
+declare const AiMessageContent: react.ForwardRefExoticComponent<AiMessageContentProps & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace index$1 {
+  export {
+    AiMessageContent as Content,
+  };
+}
+
+interface RootProps extends ComponentPropsWithSlot<"div"> {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+}
+
+declare const CollapsibleRoot: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & react.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SlotProp & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace index {
+  export {
+    CollapsibleContent as Content,
+    CollapsibleRoot as Root,
+    CollapsibleTrigger as Trigger,
+  };
+}
+
+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 Omit<ComponentPropsWithSlot<"div">, "children"> {
+    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, BellCrossedIcon, BellIcon, BlockquoteIcon, BoldIcon, Button, CheckCircleFillIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CodeIcon, index as Collapsible, CommentIcon, CopyIcon, CrossIcon, DeleteIcon, EditIcon, EllipsisIcon, EmojiIcon, EmojiPlusIcon, H1Icon, H2Icon, H3Icon, ItalicIcon, LengthenIcon, List, ListOrderedIcon, ListUnorderedIcon, Markdown, MarkdownComponents, MarkdownComponentsBlockquoteProps, MarkdownComponentsCodeBlockProps, MarkdownComponentsHeadingProps, MarkdownComponentsImageProps, MarkdownComponentsLinkProps, MarkdownProps, MentionIcon, Prose, QuestionMarkIcon, RedoIcon, RestoreIcon, RetryIcon, SearchIcon, SelectButton, SendIcon, ShortcutTooltip, ShortenIcon, SparklesIcon, SparklesTextIcon, SpinnerIcon, StopIcon, StrikethroughIcon, TextIcon, Tooltip, TranslateIcon, UnderlineIcon, UndoIcon, User, WarningIcon, capitalize, useInitial, useRefs };