@astryxdesign/core 0.0.0-bootstrap.0 → 0.0.15

package/dist/Chat/ChatToolCalls.js

@@ -0,0 +1,405 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file ChatToolCalls.tsx
+ * @input Uses React, StyleX, theme tokens
+ * @output Exports ChatToolCalls component
+ * @position Chat component — displays tool/function call invocations
+ *
+ * Single component that handles both individual and grouped tool calls.
+ * Accepts an array of call data matching the shape LLM APIs already return.
+ * Single call renders inline; multiple calls get a collapsible summary.
+ *
+ * Design rationale: every LLM API (Vercel AI SDK, Anthropic, OpenAI)
+ * returns tool calls as an array on the message. One component with a
+ * data prop matches that shape directly — no nested compound components
+ * for builders to wire up.
+ */
+import React, { useState, useCallback } from 'react';
+import * as stylex from '@stylexjs/stylex';
+import "../theme/tokens.stylex.js";
+import { colorVars, spacingVars, typeScaleVars, typographyVars, fontWeightVars, radiusVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
+import { getKey, mergeProps } from "../utils/index.js";
+import { Badge } from "../Badge/index.js";
+import { Icon } from "../Icon/index.js";
+import { Spinner } from "../Spinner/index.js";
+import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+
+// =============================================================================
+// Types
+// =============================================================================
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// =============================================================================
+// =============================================================================
+// Styles
+// =============================================================================
+
+const styles = {
+  root: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    keoZOQ: "xtbrsbv",
+    $$css: true
+  },
+  statusIcon: {
+    kVAEAm: "x1n2onr6",
+    k1xSpc: "x3nfvp2",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "xl56j7k",
+    kmuXW: "x2lah0s",
+    kzqmXN: "x1kky2od",
+    kZKoxP: "xlup9mm",
+    kaIpWk: "xjspbzw",
+    $$css: true
+  },
+  nodePill: {
+    kmuXW: "x2lah0s",
+    $$css: true
+  },
+  colorPending: {
+    kMwMTN: "xnbbluu",
+    $$css: true
+  },
+  colorRunning: {
+    kMwMTN: "xqwr325",
+    $$css: true
+  },
+  colorComplete: {
+    kMwMTN: "xtjic6",
+    $$css: true
+  },
+  colorError: {
+    kMwMTN: "xjt36v0",
+    $$css: true
+  }
+};
+
+// =============================================================================
+// Status Icons
+// =============================================================================
+
+const STATUS_ICON_NAMES = {
+  pending: 'clock',
+  running: null,
+  complete: 'check',
+  error: 'close'
+};
+const STATUS_STYLES = {
+  pending: styles.colorPending,
+  running: styles.colorRunning,
+  complete: styles.colorComplete,
+  error: styles.colorError
+};
+function getToolCallKey(call) {
+  return getKey(call.key, () => [call.name, call.status ?? 'complete', call.target ?? '', call.node ?? '', call.duration ?? '', call.additions?.toString() ?? '', call.deletions?.toString() ?? '', call.errorMessage ?? ''].join('\u001F'));
+}
+
+// =============================================================================
+// Internal: single call row
+// =============================================================================
+
+function CallRow({
+  call
+}) {
+  const status = call.status ?? 'complete';
+  const hasDetail = call.resultDetail != null;
+  const [isDetailOpen, setIsDetailOpen] = useState(false);
+  const toggleDetail = hasDetail ? () => setIsDetailOpen(prev => !prev) : undefined;
+  const row = /*#__PURE__*/_jsxs("div", {
+    role: hasDetail ? 'button' : undefined,
+    tabIndex: hasDetail ? 0 : undefined,
+    onClick: toggleDetail,
+    onKeyDown: hasDetail ? e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        toggleDetail?.();
+      }
+    } : undefined,
+    ...{
+      0: {
+        className: "x78zum5 x6s0dn4 x1s4dlld xjwf9q1 x13f7esw"
+      },
+      1: {
+        className: "x78zum5 x6s0dn4 x1s4dlld xjwf9q1 x13f7esw x1ypdohk xh6dtrn x7a5moj xtedp8i xe9uy6x"
+      }
+    }[!!hasDetail << 0],
+    children: [/*#__PURE__*/_jsx("span", {
+      title: status === 'error' ? call.errorMessage : undefined,
+      ...stylex.props(styles.statusIcon, STATUS_STYLES[status]),
+      children: status === 'running' ? /*#__PURE__*/_jsx(Spinner, {
+        size: "sm",
+        shade: "subtle"
+      }) : status === 'pending' ? /*#__PURE__*/_jsx(Spinner, {
+        size: "sm",
+        shade: "subtle"
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          ...{
+            className: "x10l6tqk x10a8y8t x1pjcqnp xtwfq29 x1xyvc85"
+          }
+        }), /*#__PURE__*/_jsx("span", {
+          ...{
+            className: "x1n2onr6 x3nfvp2"
+          },
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: STATUS_ICON_NAMES[status] ?? 'check',
+            size: "xsm",
+            color: "inherit"
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x141an7d x1ltkj2j x9m5x89 x1e4wzip xv1l7n4 xuxw1ft xb3r6kr xlyipyv xs83m0k x13n9wmd"
+      },
+      children: call.name
+    }), call.node != null && /*#__PURE__*/_jsx(Badge, {
+      label: call.node,
+      variant: "neutral",
+      xstyle: styles.nodePill
+    }), call.target != null && /*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x141an7d x1ltkj2j x9ynric xnbbluu xuxw1ft xb3r6kr xlyipyv x1g3ib7 xeuugli"
+      },
+      children: call.target
+    }), (call.additions != null || call.deletions != null || call.stats != null) && /*#__PURE__*/_jsxs("span", {
+      ...{
+        className: "x78zum5 x6s0dn4 xzye2dw x141an7d x1ltkj2j x9ynric xnbbluu x2lah0s"
+      },
+      children: [call.additions != null && /*#__PURE__*/_jsxs("span", {
+        ...{
+          className: "xtjic6"
+        },
+        children: ["+", call.additions]
+      }), call.deletions != null && /*#__PURE__*/_jsxs("span", {
+        ...{
+          className: "xjt36v0"
+        },
+        children: ["-", call.deletions]
+      }), call.stats]
+    }), call.duration != null && status === 'complete' && /*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x141an7d x1ltkj2j x9ynric xnbbluu xuxw1ft x2lah0s"
+      },
+      children: call.duration
+    }), hasDetail && /*#__PURE__*/_jsx("span", {
+      ...{
+        0: {
+          className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd xvc5jky"
+        },
+        1: {
+          className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd xvc5jky x19jd1h0"
+        }
+      }[!!isDetailOpen << 0],
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: "chevronDown",
+        size: "xsm",
+        color: "inherit"
+      })
+    })]
+  });
+  if (!hasDetail) {
+    return row;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    children: [row, isDetailOpen && /*#__PURE__*/_jsx("div", {
+      ...{
+        className: "x1f43n9v x1wesfrj"
+      },
+      children: call.resultDetail
+    })]
+  });
+}
+
+// =============================================================================
+// Component
+// =============================================================================
+
+/**
+ * Displays tool/function call invocations from an LLM response.
+ *
+ * Accepts a `calls` array matching the shape LLM APIs return. Single call
+ * renders inline without group chrome. Multiple calls get a collapsible
+ * summary header.
+ *
+ * @example
+ * ```
+ * <ChatToolCalls
+ *   calls={message.toolCalls.map(tc => ({
+ *     name: tc.toolName,
+ *     status: tc.state,
+ *     duration: tc.duration,
+ *   }))}
+ *   renderDetail={(call) => (
+ *     <CodeBlock code={call.args} language="json" />
+ *   )}
+ * />
+ * ```
+ */
+export function ChatToolCalls(props) {
+  const {
+    calls,
+    label: _customLabel,
+    isExpanded: controlledExpanded,
+    defaultIsExpanded,
+    onExpandedChange,
+    xstyle,
+    className,
+    style,
+    ref,
+    ...rest
+  } = props;
+  const autoDefault = defaultIsExpanded ?? false;
+  const [internalExpanded, setInternalExpanded] = useState(autoDefault);
+  const isControlled = controlledExpanded !== undefined;
+  const isExpanded = isControlled ? controlledExpanded : internalExpanded;
+  const toggle = useCallback(() => {
+    const next = !isExpanded;
+    if (!isControlled) {
+      setInternalExpanded(next);
+    }
+    onExpandedChange?.(next);
+  }, [isExpanded, isControlled, onExpandedChange]);
+  if (calls.length === 0) {
+    return null;
+  }
+
+  // Single call: render inline, no group chrome
+  if (calls.length === 1) {
+    return /*#__PURE__*/_jsx("div", {
+      ref: ref,
+      ...mergeProps(xdsThemeProps('chat-tool-calls'), stylex.props(styles.root, xstyle), className, style),
+      ...rest,
+      children: /*#__PURE__*/_jsx(CallRow, {
+        call: calls[0]
+      })
+    });
+  }
+
+  // Multiple calls: latest call at surface with chevron to expand all
+  const latestCall = calls[calls.length - 1];
+  const latestStatus = latestCall.status ?? 'complete';
+  return /*#__PURE__*/_jsxs("div", {
+    ref: ref,
+    ...mergeProps(xdsThemeProps('chat-tool-calls'), stylex.props(styles.root, xstyle), className, style),
+    ...rest,
+    children: [/*#__PURE__*/_jsxs("div", {
+      role: "button",
+      tabIndex: 0,
+      "aria-expanded": isExpanded,
+      onClick: toggle,
+      onKeyDown: e => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          toggle();
+        }
+      },
+      ...{
+        className: "x78zum5 x6s0dn4 x1s4dlld xjwf9q1 x13f7esw x1ypdohk"
+      },
+      children: [isExpanded ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          ...{
+            className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x1kky2od xlup9mm xv1l7n4"
+          },
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: "wrench",
+            size: "sm",
+            color: "inherit"
+          })
+        }), /*#__PURE__*/_jsxs("span", {
+          ...{
+            className: "x141an7d x1ltkj2j x9ynric x1e4wzip xv1l7n4"
+          },
+          children: [calls.length, " tool calls"]
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          ...stylex.props(styles.statusIcon, STATUS_STYLES[latestStatus]),
+          children: latestStatus === 'running' ? /*#__PURE__*/_jsx(Spinner, {
+            size: "sm",
+            shade: "subtle"
+          }) : latestStatus === 'pending' ? /*#__PURE__*/_jsx(Spinner, {
+            size: "sm",
+            shade: "subtle"
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("span", {
+              ...{
+                className: "x10l6tqk x10a8y8t x1pjcqnp xtwfq29 x1xyvc85"
+              }
+            }), /*#__PURE__*/_jsx("span", {
+              ...{
+                className: "x1n2onr6 x3nfvp2"
+              },
+              children: /*#__PURE__*/_jsx(Icon, {
+                icon: STATUS_ICON_NAMES[latestStatus] ?? 'check',
+                size: "xsm",
+                color: "inherit"
+              })
+            })]
+          })
+        }), /*#__PURE__*/_jsx("span", {
+          ...{
+            className: "x141an7d x1ltkj2j x9m5x89 x1e4wzip xv1l7n4 xuxw1ft xb3r6kr xlyipyv xs83m0k x13n9wmd"
+          },
+          children: latestCall.name
+        }), latestCall.target != null && /*#__PURE__*/_jsx("span", {
+          ...{
+            className: "x141an7d x1ltkj2j x9ynric xnbbluu xuxw1ft xb3r6kr xlyipyv x1g3ib7 xeuugli"
+          },
+          children: latestCall.target
+        })]
+      }), /*#__PURE__*/_jsx("span", {
+        ...{
+          className: "x3nfvp2 x6s0dn4 x1lsbc85 x141an7d x1ltkj2j x9ynric xnbbluu x2lah0s"
+        },
+        children: !isExpanded && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: "wrench",
+            size: "xsm",
+            color: "inherit"
+          }), calls.length]
+        })
+      }), /*#__PURE__*/_jsx("span", {
+        ...{
+          0: {
+            className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd"
+          },
+          1: {
+            className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s x6jxa94 x1v9usgg xnbbluu x1ob6yzd x19jd1h0"
+          }
+        }[!!isExpanded << 0],
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronDown",
+          size: "xsm",
+          color: "inherit"
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      ...{
+        0: {
+          className: "xrvj5dj xihq33y xb0j27v"
+        },
+        1: {
+          className: "xrvj5dj xb0j27v x1tu4anv"
+        }
+      }[!!isExpanded << 0],
+      children: /*#__PURE__*/_jsx("div", {
+        ...{
+          className: "xb3r6kr x2lwn1j"
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          ...{
+            className: "x78zum5 xdt5ytf x7a5moj xtedp8i"
+          },
+          children: calls.map(call => /*#__PURE__*/_jsx(CallRow, {
+            call: call
+          }, getToolCallKey(call)))
+        })
+      })
+    })]
+  });
+}
+ChatToolCalls.displayName = 'ChatToolCalls';

package/dist/Chat/chatComposerSelection.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @file chatComposerSelection.ts
+ * @input Uses DOM Selection / Range APIs
+ * @output Exports selection helpers used by the chat composer
+ * @position Internal helper module shared by ChatComposerInput and useChatComposerTokens
+ *
+ * Selection helpers for the contentEditable chat input. Both the
+ * imperative `insertToken` / `insertText` APIs and the paste pipeline
+ * need a valid Range inside the editable before they can mutate the
+ * DOM. Browsers do NOT create a Selection range when an element is
+ * programmatically focused — a Range only exists once the user has
+ * clicked inside the editable or we've created one explicitly.
+ *
+ * `ensureCaretInside` centralizes the fallback: if the current
+ * Selection has no Range inside the given editable, place a collapsed
+ * caret at the end of the editable. Callers can then read
+ * `selection.getRangeAt(0)` safely.
+ *
+ * SYNC: When modified, update:
+ * - /packages/core/src/Chat/ChatComposerInput.tsx (consumer)
+ * - /packages/core/src/Chat/useChatComposerTokens.ts (consumer)
+ */
+/**
+ * Ensure the current Selection has a Range inside `editable`.
+ *
+ * If `window.getSelection()` already has a Range whose `startContainer`
+ * is inside `editable`, this is a no-op. Otherwise a collapsed caret
+ * is placed at the end of `editable` and the Selection is updated.
+ *
+ * Returns the live `Selection` on success, or `null` if no Selection
+ * is available at all (e.g. detached document, JSDOM without selection
+ * support).
+ */
+export declare function ensureCaretInside(editable: HTMLElement): Selection | null;
+/**
+ * Insert plain text at the current selection, scoped to `editable`.
+ *
+ * Ensures a caret exists inside `editable` first (see `ensureCaretInside`)
+ * so callers don't have to manage Selection state to make insertion work
+ * — e.g. after a programmatic focus that didn't create a Range.
+ *
+ * Returns `true` if text was inserted, `false` only if the Selection
+ * API is unavailable.
+ */
+export declare function insertTextAtCursor(editable: HTMLElement, text: string): boolean;
+//# sourceMappingURL=chatComposerSelection.d.ts.map

package/dist/Chat/chatComposerSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatComposerSelection.d.ts","sourceRoot":"","sources":["../../src/Chat/chatComposerSelection.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,CAmBzE;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,MAAM,GACX,OAAO,CAiBT"}

package/dist/Chat/chatComposerSelection.js

@@ -0,0 +1,82 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file chatComposerSelection.ts
+ * @input Uses DOM Selection / Range APIs
+ * @output Exports selection helpers used by the chat composer
+ * @position Internal helper module shared by ChatComposerInput and useChatComposerTokens
+ *
+ * Selection helpers for the contentEditable chat input. Both the
+ * imperative `insertToken` / `insertText` APIs and the paste pipeline
+ * need a valid Range inside the editable before they can mutate the
+ * DOM. Browsers do NOT create a Selection range when an element is
+ * programmatically focused — a Range only exists once the user has
+ * clicked inside the editable or we've created one explicitly.
+ *
+ * `ensureCaretInside` centralizes the fallback: if the current
+ * Selection has no Range inside the given editable, place a collapsed
+ * caret at the end of the editable. Callers can then read
+ * `selection.getRangeAt(0)` safely.
+ *
+ * SYNC: When modified, update:
+ * - /packages/core/src/Chat/ChatComposerInput.tsx (consumer)
+ * - /packages/core/src/Chat/useChatComposerTokens.ts (consumer)
+ */
+
+/**
+ * Ensure the current Selection has a Range inside `editable`.
+ *
+ * If `window.getSelection()` already has a Range whose `startContainer`
+ * is inside `editable`, this is a no-op. Otherwise a collapsed caret
+ * is placed at the end of `editable` and the Selection is updated.
+ *
+ * Returns the live `Selection` on success, or `null` if no Selection
+ * is available at all (e.g. detached document, JSDOM without selection
+ * support).
+ */
+export function ensureCaretInside(editable) {
+  const selection = window.getSelection();
+  if (!selection) {
+    return null;
+  }
+  if (selection.rangeCount > 0) {
+    const existing = selection.getRangeAt(0);
+    if (editable.contains(existing.startContainer)) {
+      return selection;
+    }
+  }
+  const range = document.createRange();
+  range.selectNodeContents(editable);
+  range.collapse(false); // collapse to end
+  selection.removeAllRanges();
+  selection.addRange(range);
+  return selection;
+}
+
+/**
+ * Insert plain text at the current selection, scoped to `editable`.
+ *
+ * Ensures a caret exists inside `editable` first (see `ensureCaretInside`)
+ * so callers don't have to manage Selection state to make insertion work
+ * — e.g. after a programmatic focus that didn't create a Range.
+ *
+ * Returns `true` if text was inserted, `false` only if the Selection
+ * API is unavailable.
+ */
+export function insertTextAtCursor(editable, text) {
+  const selection = ensureCaretInside(editable);
+  if (!selection || selection.rangeCount === 0) {
+    return false;
+  }
+  const range = selection.getRangeAt(0);
+  range.deleteContents();
+  const textNode = document.createTextNode(text);
+  range.insertNode(textNode);
+  range.setStartAfter(textNode);
+  range.collapse(true);
+  selection.removeAllRanges();
+  selection.addRange(range);
+  return true;
+}

package/dist/Chat/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @file Chat component barrel export
+ *
+ * SYNC: When modified, update /packages/core/src/index.ts
+ */
+export { ChatComposer } from './ChatComposer';
+export type { ChatComposerProps, ChatComposerStatus, ChatComposerDensity, } from './ChatComposer';
+export { ChatSendButton } from './ChatSendButton';
+export type { ChatSendButtonProps } from './ChatSendButton';
+export { ChatComposerDrawer } from './ChatComposerDrawer';
+export type { ChatComposerDrawerProps } from './ChatComposerDrawer';
+export { ChatComposerInput, ChatComposerTokenElement, } from './ChatComposerInput';
+export type { ChatComposerInputProps, ChatComposerInputHandle, ChatComposerToken, ChatComposerTrigger, ChatComposerTriggerItem, } from './ChatComposerInput';
+export { ChatTokenizedText } from './ChatTokenizedText';
+export type { ChatTokenizedTextProps } from './ChatTokenizedText';
+export { ChatMessageList } from './ChatMessageList';
+export type { ChatMessageListProps } from './ChatMessageList';
+export { ChatMessage } from './ChatMessage';
+export type { ChatMessageProps } from './ChatMessage';
+export { ChatMessageBubble } from './ChatMessageBubble';
+export type { ChatMessageBubbleProps, ChatMessageBubbleVariant, } from './ChatMessageBubble';
+export { ChatMessageMetadata } from './ChatMessageMetadata';
+export type { ChatMessageMetadataProps, ChatMessageStatus, } from './ChatMessageMetadata';
+export { ChatSystemMessage } from './ChatSystemMessage';
+export type { ChatSystemMessageProps, ChatSystemMessageVariant, } from './ChatSystemMessage';
+export { useChatStreamScroll } from './useChatStreamScroll';
+export type { UseChatStreamScrollOptions, UseChatStreamScrollReturn, } from './useChatStreamScroll';
+export { useChatNewMessages } from './useChatNewMessages';
+export type { UseChatNewMessagesOptions, UseChatNewMessagesReturn, } from './useChatNewMessages';
+export { useChatPasteAsToken } from './useChatPasteAsToken';
+export type { UseChatPasteAsTokenOptions, UseChatPasteAsTokenReturn, } from './useChatPasteAsToken';
+export { useChatComposerTokens } from './useChatComposerTokens';
+export type { UseChatComposerTokensOptions, UseChatComposerTokensReturn, TokenPortal, } from './useChatComposerTokens';
+export type { ChatMessageSender, ChatDensity } from './ChatContext';
+export { useChatLayoutContext } from './ChatContext';
+export { ChatToolCalls } from './ChatToolCalls';
+export type { ChatToolCallsProps, ChatToolCallItem, ChatToolCallStatus, } from './ChatToolCalls';
+export { ChatLayout } from './ChatLayout';
+export { ChatLayoutScrollButton } from './ChatLayoutScrollButton';
+export type { ChatLayoutScrollButtonProps } from './ChatLayoutScrollButton';
+export type { ChatLayoutProps } from './ChatLayout';
+export { useSpeechRecognition } from './useSpeechRecognition';
+export type { UseSpeechRecognitionOptions, UseSpeechRecognitionReturn, } from './useSpeechRecognition';
+export { useChatDictation } from './useChatDictation';
+export type { UseChatDictationOptions, UseChatDictationReturn, } from './useChatDictation';
+export { ChatDictationButton } from './ChatDictationButton';
+export type { ChatDictationButtonProps } from './ChatDictationButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/Chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chat/index.ts"],"names":[],"mappings":"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"}

package/dist/Chat/index.js

@@ -0,0 +1,30 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file Chat component barrel export
+ *
+ * SYNC: When modified, update /packages/core/src/index.ts
+ */
+export { ChatComposer } from "./ChatComposer.js";
+export { ChatSendButton } from "./ChatSendButton.js";
+export { ChatComposerDrawer } from "./ChatComposerDrawer.js";
+export { ChatComposerInput, ChatComposerTokenElement } from "./ChatComposerInput.js";
+export { ChatTokenizedText } from "./ChatTokenizedText.js";
+export { ChatMessageList } from "./ChatMessageList.js";
+export { ChatMessage } from "./ChatMessage.js";
+export { ChatMessageBubble } from "./ChatMessageBubble.js";
+export { ChatMessageMetadata } from "./ChatMessageMetadata.js";
+export { ChatSystemMessage } from "./ChatSystemMessage.js";
+export { useChatStreamScroll } from "./useChatStreamScroll.js";
+export { useChatNewMessages } from "./useChatNewMessages.js";
+export { useChatPasteAsToken } from "./useChatPasteAsToken.js";
+export { useChatComposerTokens } from "./useChatComposerTokens.js";
+export { useChatLayoutContext } from "./ChatContext.js";
+export { ChatToolCalls } from "./ChatToolCalls.js";
+export { ChatLayout } from "./ChatLayout.js";
+export { ChatLayoutScrollButton } from "./ChatLayoutScrollButton.js";
+export { useSpeechRecognition } from "./useSpeechRecognition.js";
+export { useChatDictation } from "./useChatDictation.js";
+export { ChatDictationButton } from "./ChatDictationButton.js";

package/dist/Chat/useChatComposerTokens.d.ts

@@ -0,0 +1,30 @@
+import type { ChatComposerToken, ChatComposerTokenCustom } from './ChatComposerInput';
+export interface TokenPortal {
+    id: string;
+    span: HTMLSpanElement;
+    token: ChatComposerToken;
+}
+export interface UseChatComposerTokensOptions {
+    /** Ref to the contentEditable element. */
+    editableRef: React.RefObject<HTMLDivElement | null>;
+    /** Called after token insertion/removal to sync state. */
+    onEmitChange: () => void;
+}
+export interface UseChatComposerTokensReturn {
+    /** Active token portals — render via createPortal in the component. */
+    tokenPortals: TokenPortal[];
+    /** Expand a token — replace the token span with its text value. */
+    expandToken: (id: string) => void;
+    /** Insert a token at the current cursor position. */
+    insertToken: (token: ChatComposerToken) => string | undefined;
+    /** Handle keydown — intercepts Backspace near tokens. Returns true if handled. */
+    handleKeyDown: (e: React.KeyboardEvent) => boolean;
+    /** Handle paste — prevents pasting into token spans. Returns true if handled. */
+    handlePaste: (e: React.ClipboardEvent) => boolean;
+    /** Clean up orphaned portals (call after content changes). */
+    cleanupPortals: () => void;
+}
+/** Type guard: does this token use the custom render path? */
+export declare function isCustomToken(token: ChatComposerToken): token is ChatComposerTokenCustom;
+export declare function useChatComposerTokens({ editableRef, onEmitChange, }: UseChatComposerTokensOptions): UseChatComposerTokensReturn;
+//# sourceMappingURL=useChatComposerTokens.d.ts.map

package/dist/Chat/useChatComposerTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatComposerTokens.d.ts","sourceRoot":"","sources":["../../src/Chat/useChatComposerTokens.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAM7B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,4BAA4B;IAC3C,0CAA0C;IAC1C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,0DAA0D;IAC1D,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,2BAA2B;IAC1C,uEAAuE;IACvE,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,mEAAmE;IACnE,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9D,kFAAkF;IAClF,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,OAAO,CAAC;IACnD,iFAAiF;IACjF,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IAClD,8DAA8D;IAC9D,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAMD,8DAA8D;AAC9D,wBAAgB,aAAa,CAC3B,KAAK,EAAE,iBAAiB,GACvB,KAAK,IAAI,uBAAuB,CAElC;AAqBD,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,YAAY,GACb,EAAE,4BAA4B,GAAG,2BAA2B,CA0M5D"}