@liveblocks/react-ui 3.2.0 → 3.3.0

package/dist/_private/index.cjs

@@ -11,7 +11,8 @@ var capitalize = require('../utils/capitalize.cjs');
 var cn = require('../utils/cn.cjs');
 var useInitial = require('../utils/use-initial.cjs');
 var useRefs = require('../utils/use-refs.cjs');
-var index = require('../primitives/AiChatComposer/index.cjs');
+var index = require('../primitives/AiComposer/index.cjs');
+var contexts = require('../primitives/AiComposer/contexts.cjs');
 var index$1 = require('../primitives/AiMessage/index.cjs');
 var index$2 = require('../primitives/Collapsible/index.cjs');
 var Markdown = require('../primitives/Markdown.cjs');
@@ -83,7 +84,8 @@ exports.capitalize = capitalize.capitalize;
 exports.cn = cn.cn;
 exports.useInitial = useInitial.useInitial;
 exports.useRefs = useRefs.useRefs;
-exports.AiChatComposer = index;
+exports.AiComposer = index;
+exports.useAiComposer = contexts.useAiComposer;
 exports.AiMessage = index$1;
 exports.Collapsible = index$2;
 exports.Markdown = Markdown.Markdown;

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,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, ComponentType, Ref, RefCallback, FormEvent } from 'react';
+import { Relax, AiTextPart, AiReasoningPart, AiChatMessage } from '@liveblocks/core';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export { TooltipProvider } from '@radix-ui/react-tooltip';
-import { AiTextPart, AiReasoningPart, AiChatMessage } from '@liveblocks/core';
 
 interface AvatarProps extends ComponentProps<"div"> {
     /**
@@ -14,7 +14,7 @@ interface AvatarProps extends ComponentProps<"div"> {
 declare function Avatar({ userId, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends ComponentProps<"button"> {
-    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary" | "destructive";
+    variant?: "default" | "toolbar" | "outline" | "ghost" | "primary" | "secondary" | "destructive";
     size?: "default" | "large";
     disableable?: boolean;
     icon?: ReactNode;
@@ -22,6 +22,7 @@ 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 Direction = "ltr" | "rtl";
 type SlotProp = {
     /**
      * Replace the rendered element by the one passed as a child.
@@ -183,10 +184,10 @@ type MarkdownComponents = {
      * ```tsx
      * <Markdown
      *   components={{
-     *     List: ({ type, items }) => {
+     *     List: ({ type, items, start }) => {
      *       const List = type === "ordered" ? "ol" : "ul";
      *       return (
-     *         <List>
+     *         <List start={start}>
      *           {items.map((item, index) => (
      *             <li key={index}>
      *               {item.checked !== undefined && (
@@ -273,8 +274,14 @@ interface MarkdownComponentsListItem {
     checked?: boolean;
     children: ReactNode;
 }
-interface MarkdownComponentsListProps {
-    type: "ordered" | "unordered";
+type MarkdownComponentsListProps = Relax<MarkdownComponentsOrderedListProps | MarkdownComponentsUnorderedListProps>;
+interface MarkdownComponentsOrderedListProps {
+    type: "ordered";
+    items: MarkdownComponentsListItem[];
+    start: number;
+}
+interface MarkdownComponentsUnorderedListProps {
+    type: "unordered";
     items: MarkdownComponentsListItem[];
 }
 interface MarkdownComponentsBlockquoteProps {
@@ -459,22 +466,31 @@ declare function useInitial<T>(value: T | (() => T)): T;
 
 declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
 
-interface AiChatComposerFormProps extends ComponentPropsWithSlot<"form"> {
+interface AiComposerSubmitMessage {
+    /**
+     * The submitted message text.
+     */
+    text: string;
+}
+interface AiComposerFormProps extends ComponentPropsWithSlot<"form"> {
     /**
-     * The event handler called when a chat message is submitted.
+     * The ID of the chat the composer belongs to.
      */
-    onComposerSubmit?: (message: {
-        /**
-         * The submitted message text.
-         */
-        text: string;
-    }, event: FormEvent<HTMLFormElement>) => void;
+    chatId?: string;
+    /**
+     * The event handler called when the composer is submitted.
+     */
+    onComposerSubmit?: (message: AiComposerSubmitMessage, event: FormEvent<HTMLFormElement>) => Promise<void> | void;
     /**
      * Whether the composer is disabled.
      */
     disabled?: boolean;
 }
-interface AiChatComposerEditorProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "children"> {
+interface AiComposerEditorProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "children"> {
+    /**
+     * The reading direction of the editor and related elements.
+     */
+    dir?: Direction;
     /**
      * The editor's initial value.
      */
@@ -492,47 +508,104 @@ interface AiChatComposerEditorProps extends Omit<ComponentPropsWithoutRef<"div">
      */
     autoFocus?: boolean;
 }
-type AiChatComposerSubmitProps = ComponentPropsWithSlot<"button">;
+type AiComposerSubmitProps = ComponentPropsWithSlot<"button">;
 
 /**
- * Surrounds the chat composer's content and handles submissions.
+ * Surrounds the AI composer's content and handles submissions.
  *
  * @example
- * <AiChatComposer.Form onComposerSubmit={({ text }) => {}}>
- *	 <AiChatComposer.Editor />
- *   <AiChatComposer.Submit />
- * </AiChatComposer.Form>
+ * <AiComposer.Form onComposerSubmit={({ text }) => {}}>
+ *	 <AiComposer.Editor />
+ *   <AiComposer.Submit />
+ * </AiComposer.Form>
  */
-declare const AiChatComposerForm: react.ForwardRefExoticComponent<AiChatComposerFormProps & react.RefAttributes<HTMLFormElement>>;
+declare const AiComposerForm: react.ForwardRefExoticComponent<AiComposerFormProps & react.RefAttributes<HTMLFormElement>>;
 /**
- * Displays the chat composer's editor.
+ * Displays the AI composer's editor.
  *
  * @example
- * <AiChatComposer.Editor placeholder="Write a message…" />
+ * <AiComposer.Editor placeholder="Write a message…" />
  */
-declare const AiChatComposerEditor: react.ForwardRefExoticComponent<AiChatComposerEditorProps & react.RefAttributes<HTMLDivElement>>;
+declare const AiComposerEditor: react.ForwardRefExoticComponent<AiComposerEditorProps & react.RefAttributes<HTMLDivElement>>;
 /**
- * A button to submit a chat message.
+ * A button to submit the AI composer's content.
  *
  * @example
- * <AiChatComposer.Submit>Send</AiChatComposer.Submit>
+ * <AiComposer.Submit>Send</AiComposer.Submit>
  */
-declare const AiChatComposerSubmit: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & react.RefAttributes<HTMLButtonElement>>;
+declare const AiComposerSubmit: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * A button to abort a response related to the AI composer.
+ *
+ * @example
+ * <AiComposer.Abort>Cancel</AiComposer.Abort>
+ */
+declare const AiComposerAbort: 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 const index$2_AiComposerAbort: typeof AiComposerAbort;
+declare const index$2_AiComposerForm: typeof AiComposerForm;
+declare const index$2_AiComposerSubmit: typeof AiComposerSubmit;
 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,
+    AiComposerAbort as Abort,
+    index$2_AiComposerAbort as AiComposerAbort,
+    index$2_AiComposerForm as AiComposerForm,
+    index$2_AiComposerSubmit as AiComposerSubmit,
+    AiComposerEditor as Editor,
+    AiComposerForm as Form,
+    AiComposerSubmit as Submit,
   };
 }
 
+type AiComposerContext = {
+    /**
+     * Whether the composer is currently disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the composer can currently be submitted.
+     */
+    canSubmit: boolean;
+    /**
+     * Whether the composer can currently abort a response in its related chat.
+     */
+    canAbort: boolean;
+    /**
+     * Whether the editor is currently focused.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the editor is currently empty.
+     */
+    isEmpty: boolean;
+    /**
+     * Submit the composer programmatically.
+     */
+    submit: () => void;
+    /**
+     * Abort the composer's related response programmatically.
+     */
+    abort: () => void;
+    /**
+     * Clear the composer programmatically.
+     */
+    clear: () => void;
+    /**
+     * Select the editor programmatically.
+     */
+    select: () => void;
+    /**
+     * Focus the editor programmatically.
+     */
+    focus: () => void;
+    /**
+     * Blur the editor programmatically.
+     */
+    blur: () => void;
+};
+declare const AiComposerContext: react.Context<AiComposerContext | null>;
+declare function useAiComposer(): AiComposerContext;
+
 type AiMessageContentTextPartProps = {
     part: AiTextPart;
 };
@@ -599,4 +672,4 @@ declare namespace index {
   };
 }
 
-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 };
+export { index$2 as AiComposer, AiComposerEditorProps, AiComposerFormProps, AiComposerSubmitProps, 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, useAiComposer, useInitial, useRefs };

package/dist/_private/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ComponentProps, ReactNode, ElementType, ComponentPropsWithoutRef, ComponentType, Ref, RefCallback, FormEvent } from 'react';
+import { Relax, AiTextPart, AiReasoningPart, AiChatMessage } from '@liveblocks/core';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export { TooltipProvider } from '@radix-ui/react-tooltip';
-import { AiTextPart, AiReasoningPart, AiChatMessage } from '@liveblocks/core';
 
 interface AvatarProps extends ComponentProps<"div"> {
     /**
@@ -14,7 +14,7 @@ interface AvatarProps extends ComponentProps<"div"> {
 declare function Avatar({ userId, className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends ComponentProps<"button"> {
-    variant?: "default" | "toolbar" | "outline" | "primary" | "secondary" | "destructive";
+    variant?: "default" | "toolbar" | "outline" | "ghost" | "primary" | "secondary" | "destructive";
     size?: "default" | "large";
     disableable?: boolean;
     icon?: ReactNode;
@@ -22,6 +22,7 @@ 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 Direction = "ltr" | "rtl";
 type SlotProp = {
     /**
      * Replace the rendered element by the one passed as a child.
@@ -183,10 +184,10 @@ type MarkdownComponents = {
      * ```tsx
      * <Markdown
      *   components={{
-     *     List: ({ type, items }) => {
+     *     List: ({ type, items, start }) => {
      *       const List = type === "ordered" ? "ol" : "ul";
      *       return (
-     *         <List>
+     *         <List start={start}>
      *           {items.map((item, index) => (
      *             <li key={index}>
      *               {item.checked !== undefined && (
@@ -273,8 +274,14 @@ interface MarkdownComponentsListItem {
     checked?: boolean;
     children: ReactNode;
 }
-interface MarkdownComponentsListProps {
-    type: "ordered" | "unordered";
+type MarkdownComponentsListProps = Relax<MarkdownComponentsOrderedListProps | MarkdownComponentsUnorderedListProps>;
+interface MarkdownComponentsOrderedListProps {
+    type: "ordered";
+    items: MarkdownComponentsListItem[];
+    start: number;
+}
+interface MarkdownComponentsUnorderedListProps {
+    type: "unordered";
     items: MarkdownComponentsListItem[];
 }
 interface MarkdownComponentsBlockquoteProps {
@@ -459,22 +466,31 @@ declare function useInitial<T>(value: T | (() => T)): T;
 
 declare function useRefs<T>(...refs: Ref<T>[]): RefCallback<T>;
 
-interface AiChatComposerFormProps extends ComponentPropsWithSlot<"form"> {
+interface AiComposerSubmitMessage {
+    /**
+     * The submitted message text.
+     */
+    text: string;
+}
+interface AiComposerFormProps extends ComponentPropsWithSlot<"form"> {
     /**
-     * The event handler called when a chat message is submitted.
+     * The ID of the chat the composer belongs to.
      */
-    onComposerSubmit?: (message: {
-        /**
-         * The submitted message text.
-         */
-        text: string;
-    }, event: FormEvent<HTMLFormElement>) => void;
+    chatId?: string;
+    /**
+     * The event handler called when the composer is submitted.
+     */
+    onComposerSubmit?: (message: AiComposerSubmitMessage, event: FormEvent<HTMLFormElement>) => Promise<void> | void;
     /**
      * Whether the composer is disabled.
      */
     disabled?: boolean;
 }
-interface AiChatComposerEditorProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "children"> {
+interface AiComposerEditorProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "children"> {
+    /**
+     * The reading direction of the editor and related elements.
+     */
+    dir?: Direction;
     /**
      * The editor's initial value.
      */
@@ -492,47 +508,104 @@ interface AiChatComposerEditorProps extends Omit<ComponentPropsWithoutRef<"div">
      */
     autoFocus?: boolean;
 }
-type AiChatComposerSubmitProps = ComponentPropsWithSlot<"button">;
+type AiComposerSubmitProps = ComponentPropsWithSlot<"button">;
 
 /**
- * Surrounds the chat composer's content and handles submissions.
+ * Surrounds the AI composer's content and handles submissions.
  *
  * @example
- * <AiChatComposer.Form onComposerSubmit={({ text }) => {}}>
- *	 <AiChatComposer.Editor />
- *   <AiChatComposer.Submit />
- * </AiChatComposer.Form>
+ * <AiComposer.Form onComposerSubmit={({ text }) => {}}>
+ *	 <AiComposer.Editor />
+ *   <AiComposer.Submit />
+ * </AiComposer.Form>
  */
-declare const AiChatComposerForm: react.ForwardRefExoticComponent<AiChatComposerFormProps & react.RefAttributes<HTMLFormElement>>;
+declare const AiComposerForm: react.ForwardRefExoticComponent<AiComposerFormProps & react.RefAttributes<HTMLFormElement>>;
 /**
- * Displays the chat composer's editor.
+ * Displays the AI composer's editor.
  *
  * @example
- * <AiChatComposer.Editor placeholder="Write a message…" />
+ * <AiComposer.Editor placeholder="Write a message…" />
  */
-declare const AiChatComposerEditor: react.ForwardRefExoticComponent<AiChatComposerEditorProps & react.RefAttributes<HTMLDivElement>>;
+declare const AiComposerEditor: react.ForwardRefExoticComponent<AiComposerEditorProps & react.RefAttributes<HTMLDivElement>>;
 /**
- * A button to submit a chat message.
+ * A button to submit the AI composer's content.
  *
  * @example
- * <AiChatComposer.Submit>Send</AiChatComposer.Submit>
+ * <AiComposer.Submit>Send</AiComposer.Submit>
  */
-declare const AiChatComposerSubmit: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & react.RefAttributes<HTMLButtonElement>>;
+declare const AiComposerSubmit: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * A button to abort a response related to the AI composer.
+ *
+ * @example
+ * <AiComposer.Abort>Cancel</AiComposer.Abort>
+ */
+declare const AiComposerAbort: 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 const index$2_AiComposerAbort: typeof AiComposerAbort;
+declare const index$2_AiComposerForm: typeof AiComposerForm;
+declare const index$2_AiComposerSubmit: typeof AiComposerSubmit;
 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,
+    AiComposerAbort as Abort,
+    index$2_AiComposerAbort as AiComposerAbort,
+    index$2_AiComposerForm as AiComposerForm,
+    index$2_AiComposerSubmit as AiComposerSubmit,
+    AiComposerEditor as Editor,
+    AiComposerForm as Form,
+    AiComposerSubmit as Submit,
   };
 }
 
+type AiComposerContext = {
+    /**
+     * Whether the composer is currently disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the composer can currently be submitted.
+     */
+    canSubmit: boolean;
+    /**
+     * Whether the composer can currently abort a response in its related chat.
+     */
+    canAbort: boolean;
+    /**
+     * Whether the editor is currently focused.
+     */
+    isFocused: boolean;
+    /**
+     * Whether the editor is currently empty.
+     */
+    isEmpty: boolean;
+    /**
+     * Submit the composer programmatically.
+     */
+    submit: () => void;
+    /**
+     * Abort the composer's related response programmatically.
+     */
+    abort: () => void;
+    /**
+     * Clear the composer programmatically.
+     */
+    clear: () => void;
+    /**
+     * Select the editor programmatically.
+     */
+    select: () => void;
+    /**
+     * Focus the editor programmatically.
+     */
+    focus: () => void;
+    /**
+     * Blur the editor programmatically.
+     */
+    blur: () => void;
+};
+declare const AiComposerContext: react.Context<AiComposerContext | null>;
+declare function useAiComposer(): AiComposerContext;
+
 type AiMessageContentTextPartProps = {
     part: AiTextPart;
 };
@@ -599,4 +672,4 @@ declare namespace index {
   };
 }
 
-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 };
+export { index$2 as AiComposer, AiComposerEditorProps, AiComposerFormProps, AiComposerSubmitProps, 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, useAiComposer, useInitial, useRefs };

package/dist/_private/index.js

@@ -9,8 +9,9 @@ export { capitalize } from '../utils/capitalize.js';
 export { cn } from '../utils/cn.js';
 export { useInitial } from '../utils/use-initial.js';
 export { useRefs } from '../utils/use-refs.js';
-import * as index from '../primitives/AiChatComposer/index.js';
-export { index as AiChatComposer };
+import * as index from '../primitives/AiComposer/index.js';
+export { index as AiComposer };
+export { useAiComposer } from '../primitives/AiComposer/contexts.js';
 import * as index$1 from '../primitives/AiMessage/index.js';
 export { index$1 as AiMessage };
 import * as index$2 from '../primitives/Collapsible/index.js';

package/dist/_private/index.js.map

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

package/dist/components/AiChat.cjs

@@ -10,8 +10,8 @@ var overrides = require('../overrides.cjs');
 var cn = require('../utils/cn.cjs');
 var useVisible = require('../utils/use-visible.cjs');
 var AiChatAssistantMessage = require('./internal/AiChatAssistantMessage.cjs');
-var AiChatComposer = require('./internal/AiChatComposer.cjs');
 var AiChatUserMessage = require('./internal/AiChatUserMessage.cjs');
+var AiComposer = require('./internal/AiComposer.cjs');
 
 const MIN_DISTANCE_BOTTOM_SCROLL_INDICATOR = 60;
 const defaultComponents = {
@@ -177,8 +177,9 @@ const AiChat = react.forwardRef(
     copilotId,
     autoFocus,
     overrides: overrides$1,
-    knowledge,
+    knowledge: localKnowledge,
     tools = {},
+    onComposerSubmit,
     layout = "inset",
     components,
     className,
@@ -231,10 +232,6 @@ const AiChat = react.forwardRef(
         className
       ),
       children: [
-        knowledge ? knowledge.map((source, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.RegisterAiKnowledge, {
-          description: source.description,
-          value: source.value
-        }, index)) : null,
         Object.entries(tools).map(([name, tool]) => /* @__PURE__ */ jsxRuntime.jsx(react$1.RegisterAiTool, {
           chatId,
           name,
@@ -297,13 +294,18 @@ const AiChat = react.forwardRef(
                 })
               })
             }),
-            /* @__PURE__ */ jsxRuntime.jsx(AiChatComposer.AiChatComposer, {
+            /* @__PURE__ */ jsxRuntime.jsx(AiComposer.AiComposer, {
               chatId,
               copilotId,
               overrides: overrides$1,
               autoFocus,
-              onUserMessageCreate: ({ id }) => setLastSentMessageId(id),
-              className: layout === "inset" ? "lb-elevation lb-elevation-moderate" : void 0
+              knowledge: localKnowledge,
+              onComposerSubmit,
+              onComposerSubmitted: ({ id }) => setLastSentMessageId(id),
+              className: cn.cn(
+                "lb-ai-chat-composer",
+                layout === "inset" ? "lb-elevation lb-elevation-moderate" : void 0
+              )
             }, chatId)
           ]
         }),