@assistant-ui/mcp-docs-server 0.2.2 → 0.3.0

package/.docs/raw/docs/(reference)/api-reference/primitives/composer.mdx

@@ -1,619 +0,0 @@
----
-title: ComposerPrimitive
-description: Composable input primitives for assistant-ui prompts, send controls, cancellation, attachments, and composer state.
----
-
-import { ComposerPrimitiveAddAttachmentProps, ComposerPrimitiveAttachmentByIndexProps, ComposerPrimitiveAttachmentDropzoneProps, ComposerPrimitiveAttachmentsProps, ComposerPrimitiveCancelProps, ComposerPrimitiveDictateProps, ComposerPrimitiveDictationTranscriptProps, ComposerPrimitiveIfProps, ComposerPrimitiveInputProps, ComposerPrimitiveQueueProps, ComposerPrimitiveQuoteDismissProps, ComposerPrimitiveQuoteProps, ComposerPrimitiveQuoteTextProps, ComposerPrimitiveRootProps, ComposerPrimitiveSendProps, ComposerPrimitiveStopDictationProps, ComposerPrimitiveUnstable_TriggerPopoverBackProps, ComposerPrimitiveUnstable_TriggerPopoverCategoriesProps, ComposerPrimitiveUnstable_TriggerPopoverCategoryItemProps, ComposerPrimitiveUnstable_TriggerPopoverItemProps, ComposerPrimitiveUnstable_TriggerPopoverItemsProps, ComposerPrimitiveUnstable_TriggerPopoverProps, ComposerPrimitiveUnstable_TriggerPopoverRootProps } from "@/generated/typeDocs";
-import { ComposerPrimitive as ComposerPrimitiveDocs } from "@/generated/primitiveDocs";
-
-{/* AUTO-GENERATED PAGE by scripts/generate-api-reference.mts */}
-{/* Do not edit manually. */}
-
-For examples and usage patterns, see [Composer](/docs/primitives/composer).
-
-{/* api-manual:start */}
-## Anatomy
-
-```tsx
-import { ComposerPrimitive } from "@assistant-ui/react";
-
-// creating a new message
-const Composer = () => (
-  <ComposerPrimitive.Root>
-    <ComposerPrimitive.AttachmentDropzone>
-      <ComposerPrimitive.Quote>
-        <ComposerPrimitive.QuoteText />
-        <ComposerPrimitive.QuoteDismiss />
-      </ComposerPrimitive.Quote>
-      <ComposerPrimitive.Attachments />
-      <ComposerPrimitive.AddAttachment />
-      <ComposerPrimitive.Input />
-      <ComposerPrimitive.Send />
-    </ComposerPrimitive.AttachmentDropzone>
-  </ComposerPrimitive.Root>
-);
-
-// editing an existing message
-const EditComposer = () => (
-  <ComposerPrimitive.Root>
-    <ComposerPrimitive.Input />
-    <ComposerPrimitive.Send />
-    <ComposerPrimitive.Cancel />
-  </ComposerPrimitive.Root>
-);
-
-// with voice input (dictation)
-const ComposerWithDictation = () => (
-  <ComposerPrimitive.Root>
-    <ComposerPrimitive.Input />
-    <AuiIf condition={(s) => s.composer.dictation == null}>
-      <ComposerPrimitive.Dictate />
-    </AuiIf>
-    <AuiIf condition={(s) => s.composer.dictation != null}>
-      <ComposerPrimitive.StopDictation />
-    </AuiIf>
-    <ComposerPrimitive.Send />
-  </ComposerPrimitive.Root>
-);
-```
-{/* api-manual:end */}
-
-{/* api-reference:start */}
-{/* AUTO-GENERATED by scripts/generate-api-reference.mts */}
-{/* Do not edit this block manually. */}
-
-## API Reference
-
-### Root
-
-{ComposerPrimitiveDocs.Root?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Root.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Root?.description}
-
-{ComposerPrimitiveDocs.Root?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Root?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.Root>
-  <ComposerPrimitive.Input placeholder="Type your message..." />
-  <ComposerPrimitive.Send>Send</ComposerPrimitive.Send>
-</ComposerPrimitive.Root>
-```
-
-<ParametersTable {...ComposerPrimitiveRootProps} />
-
-### Input
-
-{ComposerPrimitiveDocs.Input?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Input.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Input?.description}
-
-{ComposerPrimitiveDocs.Input?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Input?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-// Ctrl/Cmd+Enter to submit (plain Enter inserts newline)
-<ComposerPrimitive.Input
-  placeholder="Type your message..."
-  submitMode="ctrlEnter"
-/>
-
-// Insert a newline on Enter on touch-primary devices.
-<ComposerPrimitive.Input
-  placeholder="Type your message..."
-  unstable_insertNewlineOnTouchEnter
-/>
-
-// Old API (deprecated, still supported)
-<ComposerPrimitive.Input
-  placeholder="Type your message..."
-  submitOnEnter={true}
-/>
-```
-
-<ParametersTable {...ComposerPrimitiveInputProps} />
-
-{/* api-manual:ComposerPrimitive.Input:start */}
-#### Keyboard Shortcuts
-
-Default (`submitMode="enter"`):
-
-| Key | Description |
-| --- | --- |
-| <Kbd>Enter</Kbd> | Sends the message. |
-| <Kbd>Shift + Enter</Kbd> | Inserts a newline. |
-| <Kbd>Escape</Kbd> | Sends a cancel action. |
-
-With `submitMode="ctrlEnter"`:
-
-| Key | Description |
-| --- | --- |
-| <Kbd>Ctrl/Cmd + Enter</Kbd> | Sends the message. |
-| <Kbd>Enter</Kbd> | Inserts a newline. |
-| <Kbd>Escape</Kbd> | Sends a cancel action. |
-
-With `submitMode="none"`:
-
-| Key | Description |
-| --- | --- |
-| <Kbd>Enter</Kbd> | Inserts a newline (no keyboard submission). |
-| <Kbd>Escape</Kbd> | Sends a cancel action. |
-
-#### Touch-primary devices
-
-Pass `unstable_insertNewlineOnTouchEnter` to make plain Enter insert a newline on phones and tablets without a hardware keyboard, detected via the `(pointer: coarse) and (not (any-pointer: fine))` media query. Messages then dispatch only via the explicit Send button, matching the chat-input convention used by WhatsApp, Slack, Discord, iMessage, ChatGPT, and Claude.ai.
-
-```tsx
-<ComposerPrimitive.Input
-  placeholder="Ask anything..."
-  unstable_insertNewlineOnTouchEnter
-/>
-```
-
-Only takes effect when `submitMode` resolves to `"enter"` (the default); `"ctrlEnter"` and `"none"` are unchanged, so a tablet paired with a hardware keyboard can still submit via Cmd/Ctrl+Enter.
-{/* api-manual:ComposerPrimitive.Input:end */}
-
-### Send
-
-{ComposerPrimitiveDocs.Send?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Send.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Send?.description}
-
-{ComposerPrimitiveDocs.Send?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Send?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.Send>
-  Send Message
-</ComposerPrimitive.Send>
-```
-
-<ParametersTable {...ComposerPrimitiveSendProps} />
-
-### Cancel
-
-{ComposerPrimitiveDocs.Cancel?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Cancel.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Cancel?.description}
-
-{ComposerPrimitiveDocs.Cancel?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Cancel?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.Cancel>
-  Cancel
-</ComposerPrimitive.Cancel>
-```
-
-<ParametersTable {...ComposerPrimitiveCancelProps} />
-
-### AddAttachment
-
-{ComposerPrimitiveDocs.AddAttachment?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.AddAttachment.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.AddAttachment?.description}
-
-{ComposerPrimitiveDocs.AddAttachment?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.AddAttachment?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveAddAttachmentProps} />
-
-### Attachments
-
-{ComposerPrimitiveDocs.Attachments?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Attachments.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Attachments?.description}
-
-{ComposerPrimitiveDocs.Attachments?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Attachments?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveAttachmentsProps} />
-
-### AttachmentByIndex
-
-{ComposerPrimitiveDocs.AttachmentByIndex?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.AttachmentByIndex.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.AttachmentByIndex?.description}
-
-{ComposerPrimitiveDocs.AttachmentByIndex?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.AttachmentByIndex?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveAttachmentByIndexProps} />
-
-### AttachmentDropzone
-
-{ComposerPrimitiveDocs.AttachmentDropzone?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.AttachmentDropzone.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.AttachmentDropzone?.description}
-
-{ComposerPrimitiveDocs.AttachmentDropzone?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.AttachmentDropzone?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveAttachmentDropzoneProps} />
-
-{/* api-manual:ComposerPrimitive.AttachmentDropzone:start */}
-| Data attribute | Values |
-| --- | --- |
-| `[data-dragging]` | Present while a file is being dragged over the dropzone. |
-{/* api-manual:ComposerPrimitive.AttachmentDropzone:end */}
-
-### Dictate
-
-{ComposerPrimitiveDocs.Dictate?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Dictate.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Dictate?.description}
-
-{ComposerPrimitiveDocs.Dictate?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Dictate?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.Dictate>
-  <MicIcon />
-</ComposerPrimitive.Dictate>
-```
-
-<ParametersTable {...ComposerPrimitiveDictateProps} />
-
-### StopDictation
-
-{ComposerPrimitiveDocs.StopDictation?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.StopDictation.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.StopDictation?.description}
-
-{ComposerPrimitiveDocs.StopDictation?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.StopDictation?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.StopDictation>
-  <StopIcon />
-</ComposerPrimitive.StopDictation>
-```
-
-<ParametersTable {...ComposerPrimitiveStopDictationProps} />
-
-### DictationTranscript
-
-{ComposerPrimitiveDocs.DictationTranscript?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.DictationTranscript.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.DictationTranscript?.description}
-
-{ComposerPrimitiveDocs.DictationTranscript?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.DictationTranscript?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.If dictation>
-  <div className="dictation-preview">
-    <ComposerPrimitive.DictationTranscript />
-  </div>
-</ComposerPrimitive.If>
-```
-
-<ParametersTable {...ComposerPrimitiveDictationTranscriptProps} />
-
-### If
-
-{ComposerPrimitiveDocs.If?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.If.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.If?.description}
-
-{ComposerPrimitiveDocs.If?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.If?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveIfProps} />
-
-### Quote
-
-{ComposerPrimitiveDocs.Quote?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Quote.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Quote?.description}
-
-{ComposerPrimitiveDocs.Quote?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Quote?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.Quote>
-  <ComposerPrimitive.QuoteText />
-  <ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>
-</ComposerPrimitive.Quote>
-```
-
-<ParametersTable {...ComposerPrimitiveQuoteProps} />
-
-### QuoteText
-
-{ComposerPrimitiveDocs.QuoteText?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.QuoteText.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.QuoteText?.description}
-
-{ComposerPrimitiveDocs.QuoteText?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.QuoteText?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.QuoteText />
-```
-
-<ParametersTable {...ComposerPrimitiveQuoteTextProps} />
-
-### QuoteDismiss
-
-{ComposerPrimitiveDocs.QuoteDismiss?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.QuoteDismiss.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.QuoteDismiss?.description}
-
-{ComposerPrimitiveDocs.QuoteDismiss?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.QuoteDismiss?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.QuoteDismiss>×</ComposerPrimitive.QuoteDismiss>
-```
-
-<ParametersTable {...ComposerPrimitiveQuoteDismissProps} />
-
-### Queue
-
-{ComposerPrimitiveDocs.Queue?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Queue.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Queue?.description}
-
-{ComposerPrimitiveDocs.Queue?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Queue?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.Queue>
-  {({ queueItem }) => (
-    <div>
-      <QueueItemPrimitive.Text />
-      <QueueItemPrimitive.Steer>Run Now</QueueItemPrimitive.Steer>
-    </div>
-  )}
-</ComposerPrimitive.Queue>
-```
-
-<ParametersTable {...ComposerPrimitiveQueueProps} />
-
-### Unstable_TriggerPopover
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopover?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_TriggerPopover.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopover?.description}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopover?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_TriggerPopover?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveUnstable_TriggerPopoverProps} />
-
-{/* api-manual:ComposerPrimitive.Unstable_TriggerPopover:start */}
-| Data attribute | Values |
-| --- | --- |
-| `[data-state]` | `"open"` when the trigger popover is open. |
-{/* api-manual:ComposerPrimitive.Unstable_TriggerPopover:end */}
-
-### Unstable_TriggerPopoverRoot
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverRoot?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_TriggerPopoverRoot.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverRoot?.description}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverRoot?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_TriggerPopoverRoot?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-```tsx
-<ComposerPrimitive.Unstable_TriggerPopoverRoot>
-  <ComposerPrimitive.Unstable_TriggerPopover char="@" adapter={mentionAdapter}>
-    <ComposerPrimitive.Unstable_TriggerPopover.Directive formatter={formatter} />
-    ...
-  </ComposerPrimitive.Unstable_TriggerPopover>
-
-  <ComposerPrimitive.Unstable_TriggerPopover char="/" adapter={slashAdapter}>
-    <ComposerPrimitive.Unstable_TriggerPopover.Action onExecute={handler} />
-    ...
-  </ComposerPrimitive.Unstable_TriggerPopover>
-
-  <ComposerPrimitive.Root>
-    <ComposerPrimitive.Input />
-  </ComposerPrimitive.Root>
-</ComposerPrimitive.Unstable_TriggerPopoverRoot>
-```
-
-<ParametersTable {...ComposerPrimitiveUnstable_TriggerPopoverRootProps} />
-
-### Unstable_TriggerPopoverCategories
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverCategories?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_TriggerPopoverCategories.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverCategories?.description}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverCategories?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_TriggerPopoverCategories?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveUnstable_TriggerPopoverCategoriesProps} />
-
-### Unstable_TriggerPopoverCategoryItem
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverCategoryItem?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_TriggerPopoverCategoryItem.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverCategoryItem?.description}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverCategoryItem?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_TriggerPopoverCategoryItem?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveUnstable_TriggerPopoverCategoryItemProps} />
-
-{/* api-manual:ComposerPrimitive.Unstable_TriggerPopoverCategoryItem:start */}
-| Data attribute | Values |
-| --- | --- |
-| `[data-highlighted]` | Present when keyboard-highlighted. |
-{/* api-manual:ComposerPrimitive.Unstable_TriggerPopoverCategoryItem:end */}
-
-### Unstable_TriggerPopoverItems
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverItems?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_TriggerPopoverItems.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverItems?.description}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverItems?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_TriggerPopoverItems?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveUnstable_TriggerPopoverItemsProps} />
-
-### Unstable_TriggerPopoverItem
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverItem?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_TriggerPopoverItem.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverItem?.description}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverItem?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_TriggerPopoverItem?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveUnstable_TriggerPopoverItemProps} />
-
-{/* api-manual:ComposerPrimitive.Unstable_TriggerPopoverItem:start */}
-| Data attribute | Values |
-| --- | --- |
-| `[data-highlighted]` | Present when keyboard-highlighted. |
-{/* api-manual:ComposerPrimitive.Unstable_TriggerPopoverItem:end */}
-
-### Unstable_TriggerPopoverBack
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverBack?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_TriggerPopoverBack.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverBack?.description}
-
-{ComposerPrimitiveDocs.Unstable_TriggerPopoverBack?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_TriggerPopoverBack?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-<ParametersTable {...ComposerPrimitiveUnstable_TriggerPopoverBackProps} />
-
-### Unstable_RegisteredTrigger
-
-{ComposerPrimitiveDocs.Unstable_RegisteredTrigger?.deprecated && (
-  <Callout type="warn">
-    <strong>Deprecated.</strong> {ComposerPrimitiveDocs.Unstable_RegisteredTrigger.deprecated}
-  </Callout>
-)}
-
-{ComposerPrimitiveDocs.Unstable_RegisteredTrigger?.description}
-
-{ComposerPrimitiveDocs.Unstable_RegisteredTrigger?.element && (
-  <p>This primitive renders a <code>{`<${ComposerPrimitiveDocs.Unstable_RegisteredTrigger?.element}>`}</code> element unless <code>asChild</code> is set.</p>
-)}
-
-{ComposerPrimitiveDocs.Unstable_RegisteredTrigger?.props && (
-  <ParametersTable type={ComposerPrimitiveDocs.Unstable_RegisteredTrigger?.element} parameters={ComposerPrimitiveDocs.Unstable_RegisteredTrigger.props} />
-)}
-{/* api-reference:end */}

package/.docs/raw/docs/(reference)/api-reference/primitives/composition.mdx

@@ -1,22 +0,0 @@
----
-title: Composition
-description: How to compose primitives with custom components using asChild.
----
-
-{/* api-reference:skip-auto-generation */}
-
-`assistant-ui` primitives are composable. This means that all props are forwarded, classes are merged, and event handlers are chained.
-
-Most primitives come with a default HTML element (usually `div` or `button`). If you already have a custom component, you can use the `asChild` prop to replace it:
-
-```tsx
-// use the primitive's <button> element
-<Composer.Send>Send</Composer.Send>;
-
-// use your own <Button> component
-<Composer.Send asChild>
-  <Button>Send</Button>
-</Composer.Send>;
-```
-
-Learn more on [Radix's composition guide](https://www.radix-ui.com/primitives/docs/guides/composition).