@astryxdesign/core 0.1.4 → 0.1.5-canary.76e6697

package/dist/Chat/ChatLayout.js

@@ -37,7 +37,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 
 /** Imperative handle for ChatLayout scroll controls. */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -199,14 +199,14 @@ export function ChatLayout({
     isLocked: scroll.isLocked,
     onResize: scroll.scrollIfLocked
   });
-  const defaultScrollButton = /*#__PURE__*/_jsx(ChatLayoutScrollButton, {
+  const defaultScrollButton = /*#__PURE__*/_jsxDEV(ChatLayoutScrollButton, {
     isVisible: scroll.isScrolledUp || newMsgs.hasNewMessages,
     label: newMsgs.hasNewMessages ? 'New messages' : undefined,
     onClick: () => {
       newMsgs.dismiss();
       scroll.scrollToBottom();
     }
-  });
+  }, void 0, false);
 
   // --- Layout context ---
   const layoutContext = useMemo(() => ({
@@ -237,23 +237,23 @@ export function ChatLayout({
     }
   };
   const currentDensity = densityStyles[density];
-  return /*#__PURE__*/_jsx(ChatLayoutContext, {
+  return /*#__PURE__*/_jsxDEV(ChatLayoutContext, {
     value: layoutContext,
-    children: /*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/_jsxDEV("div", {
       ref: mergeRefs(ref, rootRef),
       "data-testid": testId,
       ...mergeProps(themeProps('chat-layout', {
         density
       }), stylex.props(styles.root, isSelfScrolling && styles.rootScrollable, xstyle), className, style),
-      children: [/*#__PURE__*/_jsx("div", {
+      children: [/*#__PURE__*/_jsxDEV("div", {
         ...stylex.props(styles.messageArea, currentDensity.messageArea),
-        children: showEmpty && emptyState ? /*#__PURE__*/_jsx("div", {
+        children: showEmpty && emptyState ? /*#__PURE__*/_jsxDEV("div", {
           ...{
             className: "x78zum5 x6s0dn4 xl56j7k x98rzlu xz65tgg"
           },
           children: emptyState
-        }) : children
-      }), /*#__PURE__*/_jsxs("div", {
+        }, void 0, false) : children
+      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
         ...{
           0: {
             className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl xixxii4"
@@ -262,17 +262,17 @@ export function ChatLayout({
             className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl x7wzq59"
           }
         }[!!isSelfScrolling << 0],
-        children: [scrollButton === undefined ? defaultScrollButton : scrollButton, /*#__PURE__*/_jsx("div", {
+        children: [scrollButton === undefined ? defaultScrollButton : scrollButton, /*#__PURE__*/_jsxDEV("div", {
           ...stylex.props(styles.blurLayer, currentDensity.blurLayer)
-        }), /*#__PURE__*/_jsx("div", {
+        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
           ...stylex.props(styles.dock, currentDensity.dock),
-          children: /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsxDEV("div", {
             ...stylex.props(styles.dockInner, currentDensity.dockInner),
             children: composer
-          })
-        })]
-      })]
-    })
-  });
+          }, void 0, false)
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true)
+  }, void 0, false);
 }
 ChatLayout.displayName = 'ChatLayout';

package/dist/Chat/ChatLayoutScrollButton.d.ts

@@ -30,7 +30,7 @@ export interface ChatLayoutScrollButtonProps extends Omit<BaseProps<HTMLDivEleme
  * <ChatLayoutScrollButton isVisible={!isAtBottom} onClick={scrollToBottom} />
  * ```
  */
-export declare function ChatLayoutScrollButton({ ref, isVisible, label, onClick, xstyle, className, style, }: ChatLayoutScrollButtonProps): React.JSX.Element;
+export declare function ChatLayoutScrollButton({ ref, isVisible, label, onClick, xstyle, className, style, ...rest }: ChatLayoutScrollButtonProps): React.JSX.Element;
 export declare namespace ChatLayoutScrollButton {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatLayoutScrollButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayoutScrollButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,SAAS,CAAC,cAAc,CAAC,EACzB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwDD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,2BAA2B,qBAwB7B;yBAhCe,sBAAsB"}
+{"version":3,"file":"ChatLayoutScrollButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayoutScrollButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,SAAS,CAAC,cAAc,CAAC,EACzB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwDD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,GAAG,EACH,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAyB7B;yBAlCe,sBAAsB"}

package/dist/Chat/ChatLayoutScrollButton.js

@@ -26,7 +26,7 @@ import { mergeProps } from "../utils/index.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -69,12 +69,14 @@ export function ChatLayoutScrollButton({
   onClick,
   xstyle,
   className,
-  style
+  style,
+  ...rest
 }) {
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref,
     ...mergeProps(stylex.props(styles.wrapper, xstyle), className, style),
-    children: /*#__PURE__*/_jsx("div", {
+    ...rest,
+    children: /*#__PURE__*/_jsxDEV("div", {
       ...{
         0: {
           className: "xawy1a7 xb3r6kr xjspbzw x1prclbq x14hfi27 x10w6t97 x1apppo2 xlr8y92 x2rcmwa xg01cxk x47corl x1x67gh"
@@ -89,20 +91,20 @@ export function ChatLayoutScrollButton({
           className: "xawy1a7 xb3r6kr xjspbzw x1prclbq x14hfi27 x10w6t97 x1apppo2 xlr8y92 x2rcmwa x1hc1fzr x67bb7w x1ncir08"
         }
       }[!!isVisible << 1 | !!label << 0],
-      children: /*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/_jsxDEV(Button, {
         label: label ?? 'Scroll to bottom',
         "aria-label": label ?? 'Scroll to bottom',
-        icon: /*#__PURE__*/_jsx(Icon, {
+        icon: /*#__PURE__*/_jsxDEV(Icon, {
           icon: "chevronDown",
           size: "md"
-        }),
+        }, void 0, false),
         variant: "ghost",
         size: "md",
         onClick: onClick,
         xstyle: [styles.button, label ? styles.buttonWithLabel : null],
         children: label ?? undefined
-      })
-    })
-  });
+      }, void 0, false)
+    }, void 0, false)
+  }, void 0, false);
 }
 ChatLayoutScrollButton.displayName = 'ChatLayoutScrollButton';

package/dist/Chat/ChatMessage.js

@@ -25,7 +25,7 @@ import { colorVars, spacingVars, typeScaleVars, fontWeightVars } from "../theme/
 import { ChatMessageContext, useChatListContext } from "./ChatContext.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const styles = {
   root: {
     k1xSpc: "x78zum5",
@@ -155,9 +155,9 @@ export function ChatMessage({
   const hasAvatar = avatar != null && !isSystem;
   const hasName = name != null && !isSystem;
   const nameId = useId();
-  return /*#__PURE__*/_jsx(ChatMessageContext, {
+  return /*#__PURE__*/_jsxDEV(ChatMessageContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxs("article", {
+    children: /*#__PURE__*/_jsxDEV("article", {
       ref: ref,
       "data-testid": testId,
       "aria-label": !hasName ? `Message from ${sender}` : undefined,
@@ -166,27 +166,27 @@ export function ChatMessage({
         sender,
         density
       }), stylex.props(styles.root, rootAlignment, hasAvatar && rootGap, xstyle), className, styleProp),
-      children: [hasAvatar && /*#__PURE__*/_jsx("div", {
+      children: [hasAvatar && /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x2lah0s x5du68j"
         },
         children: avatar
-      }), /*#__PURE__*/_jsxs("div", {
+      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
         ...stylex.props(styles.contentColumn, columnAlignment),
-        children: [hasName && /*#__PURE__*/_jsx("div", {
+        children: [hasName && /*#__PURE__*/_jsxDEV("div", {
           id: nameId,
           ...{
             className: "x141an7d x2mo6ok xv1l7n4 x1ltkj2j x14cgwvg"
           },
           children: name
-        }), /*#__PURE__*/_jsx("div", {
+        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
           ...stylex.props(styles.childrenWrap, childrenAlignment, childrenGap),
           children: children
-        }), metadata != null && !isSystem && /*#__PURE__*/_jsx("div", {
+        }, void 0, false), metadata != null && !isSystem && /*#__PURE__*/_jsxDEV("div", {
           children: metadata
-        })]
-      })]
-    })
-  });
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true)
+  }, void 0, false);
 }
 ChatMessage.displayName = 'ChatMessage';

package/dist/Chat/ChatMessageBubble.js

@@ -30,7 +30,7 @@ import { colorVars, spacingVars, radiusVars, typeScaleVars, typographyVars } fro
 import { useChatMessageContext } from "./ChatContext.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -185,12 +185,12 @@ export function ChatMessageBubble({
   const senderStyle = variant === 'ghost' ? styles.ghost : isUser ? styles.user : styles.assistant;
   const groupStyle = group === 'first' ? isUser ? styles.groupFirstUser : styles.groupFirstAssistant : group === 'middle' ? isUser ? styles.groupMiddleUser : styles.groupMiddleAssistant : group === 'last' ? isUser ? styles.groupLastUser : styles.groupLastAssistant : null;
   const metadataPaddingStyle = density === 'compact' ? styles.metadataPaddingCompact : density === 'spacious' ? styles.metadataPaddingSpacious : styles.metadataPaddingBalanced;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [name && /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: [name && /*#__PURE__*/_jsxDEV("div", {
       "data-chat-name": true,
       ...stylex.props(metadataPaddingStyle, styles.nameRow, styles.headerReducedGap, isUser && styles.alignEnd),
       children: name
-    }), /*#__PURE__*/_jsx("div", {
+    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
       ref: ref,
       "data-testid": testId,
       ...mergeProps(themeProps('chat-message-bubble', {
@@ -199,10 +199,10 @@ export function ChatMessageBubble({
         density
       }), stylex.props(styles.content, density === 'compact' && styles.radiusCompact, senderStyle, paddingStyle, variant === 'ghost' && styles.paddingBlockNone, groupStyle, xstyle), className, styleProp),
       children: children
-    }), metadata && /*#__PURE__*/_jsx("div", {
+    }, void 0, false), metadata && /*#__PURE__*/_jsxDEV("div", {
       ...stylex.props(metadataPaddingStyle, styles.metadataReducedGap, isUser && styles.alignEnd),
       children: metadata
-    })]
-  });
+    }, void 0, false)]
+  }, void 0, true);
 }
 ChatMessageBubble.displayName = 'ChatMessageBubble';

package/dist/Chat/ChatMessageList.js

@@ -29,7 +29,7 @@ import { ChatListContext, useChatLayoutContext } from "./ChatContext.js";
 import { mergeProps } from "../utils/index.js";
 import { Spinner } from "../Spinner/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -190,9 +190,9 @@ export function ChatMessageList({
   }), [density]);
   const densityGapStyle = density === 'compact' ? styles.gapCompact : density === 'spacious' ? styles.gapSpacious : styles.gapBalanced;
   const gapOverrideStyle = gap == null ? null : gapStyles[gap];
-  return /*#__PURE__*/_jsx(ChatListContext, {
+  return /*#__PURE__*/_jsxDEV(ChatListContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsxDEV("div", {
       ref: ref,
       role: "log",
       "aria-live": "polite",
@@ -202,32 +202,32 @@ export function ChatMessageList({
       ...mergeProps(themeProps('chat-message-list', {
         density
       }), stylex.props(styles.root, xstyle), className, style),
-      children: /*#__PURE__*/_jsxs("div", {
+      children: /*#__PURE__*/_jsxDEV("div", {
         ref: innerRef,
         ...stylex.props(styles.inner, densityGapStyle, gapOverrideStyle),
-        children: [scrollToTopAction && /*#__PURE__*/_jsx("div", {
+        children: [scrollToTopAction && /*#__PURE__*/_jsxDEV("div", {
           ref: sentinelRef,
           "aria-hidden": true
-        }), isLoadingTop && /*#__PURE__*/_jsx("div", {
+        }, void 0, false), isLoadingTop && /*#__PURE__*/_jsxDEV("div", {
           ...{
             className: "x78zum5 xl56j7k x8o8v82"
           },
-          children: /*#__PURE__*/_jsx(Spinner, {
+          children: /*#__PURE__*/_jsxDEV(Spinner, {
             size: "md"
-          })
-        }), /*#__PURE__*/_jsx("div", {
+          }, void 0, false)
+        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
           ...{
             className: "x98rzlu x2lwn1j"
           },
           "aria-hidden": true
-        }), hasChildren ? children : emptyState ? /*#__PURE__*/_jsx("div", {
+        }, void 0, false), hasChildren ? children : emptyState ? /*#__PURE__*/_jsxDEV("div", {
           ...{
             className: "x78zum5 x6s0dn4 xl56j7k x98rzlu x2lwn1j"
           },
           children: emptyState
-        }) : null]
-      })
-    })
-  });
+        }, void 0, false) : null]
+      }, void 0, true)
+    }, void 0, false)
+  }, void 0, false);
 }
 ChatMessageList.displayName = 'ChatMessageList';

package/dist/Chat/ChatMessageMetadata.d.ts

@@ -33,7 +33,7 @@ export interface ChatMessageMetadataProps extends BaseProps<HTMLDivElement> {
  * </ChatMessage>
  * ```
  */
-export declare function ChatMessageMetadata({ ref, timestamp, footer, status, xstyle, className, style, }: ChatMessageMetadataProps): React.JSX.Element | null;
+export declare function ChatMessageMetadata({ ref, timestamp, footer, status, xstyle, className, style, ...rest }: ChatMessageMetadataProps): React.JSX.Element | null;
 export declare namespace ChatMessageMetadata {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageMetadata.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageMetadata.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAY5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,MAAM,GACN,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AAsDZ,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,gEAAgE;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,4BA8C1B;yBAtDe,mBAAmB"}
+{"version":3,"file":"ChatMessageMetadata.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageMetadata.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAY5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAC3B,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAsDtD,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,gEAAgE;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,4BA+C1B;yBAxDe,mBAAmB"}

package/dist/Chat/ChatMessageMetadata.js

@@ -19,7 +19,7 @@ import { useChatMessageContext } from "./ChatContext.js";
 import { Icon } from "../Icon/index.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const STATUS_CONFIG = {
   sending: {
     icon: 'clock',
@@ -85,7 +85,8 @@ export function ChatMessageMetadata({
   status,
   xstyle,
   className,
-  style
+  style,
+  ...rest
 }) {
   const msgContext = useChatMessageContext();
   const sender = msgContext?.sender ?? 'assistant';
@@ -94,16 +95,17 @@ export function ChatMessageMetadata({
   if (!hasContent) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref,
     ...mergeProps(themeProps('chat-message-metadata'), stylex.props(styles.meta, sender === 'user' ? styles.metaUser : styles.metaAssistant, xstyle), className, style),
-    children: [timestamp != null && /*#__PURE__*/_jsx("span", {
+    ...rest,
+    children: [timestamp != null && /*#__PURE__*/_jsxDEV("span", {
       children: timestamp
-    }), timestamp != null && (footer != null || statusConfig != null) && /*#__PURE__*/_jsx("span", {
+    }, void 0, false), timestamp != null && (footer != null || statusConfig != null) && /*#__PURE__*/_jsxDEV("span", {
       children: "\xB7"
-    }), footer != null && footer, footer != null && statusConfig != null && /*#__PURE__*/_jsx("span", {
+    }, void 0, false), footer != null && footer, footer != null && statusConfig != null && /*#__PURE__*/_jsxDEV("span", {
       children: "\xB7"
-    }), statusConfig != null && /*#__PURE__*/_jsxs("span", {
+    }, void 0, false), statusConfig != null && /*#__PURE__*/_jsxDEV("span", {
       title: statusConfig.label,
       "aria-label": 'Message ' + statusConfig.label.toLowerCase(),
       ...{
@@ -120,14 +122,14 @@ export function ChatMessageMetadata({
           className: "x3nfvp2 x6s0dn4 xzye2dw xjt36v0 xcx56e2 xmg6eyc x4hg4is xa4qsjk x1aquc0h"
         }
       }[!!(status === 'error') << 1 | !!(status === 'sending') << 0],
-      children: [/*#__PURE__*/_jsx(Icon, {
+      children: [/*#__PURE__*/_jsxDEV(Icon, {
         icon: statusConfig.icon,
         size: "xsm",
         color: "inherit"
-      }), /*#__PURE__*/_jsx("span", {
+      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
         children: statusConfig.label
-      })]
-    })]
-  });
+      }, void 0, false)]
+    }, void 0, true)]
+  }, void 0, true);
 }
 ChatMessageMetadata.displayName = 'ChatMessageMetadata';

package/dist/Chat/ChatPastedTextToken.js

@@ -24,7 +24,7 @@ import { HoverCard } from "../HoverCard/index.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; // =============================================================================
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime"; // =============================================================================
 // Styles
 // =============================================================================
 // =============================================================================
@@ -46,41 +46,41 @@ export function ChatPastedTextToken({
   onExpand
 }) {
   const label = formatLabel(text);
-  const cardContent = /*#__PURE__*/_jsxs("div", {
+  const cardContent = /*#__PURE__*/_jsxDEV("div", {
     ...{
       className: "x78zum5 xdt5ytf x1txdalj x17fpy1y"
     },
-    children: [/*#__PURE__*/_jsx("div", {
+    children: [/*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x9m5x89 x141an7d x1ltkj2j x1tgivj0 x126k92a x13faqbe x1xiyphd x1odjw0f"
       },
       children: text
-    }), /*#__PURE__*/_jsxs("div", {
+    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
       ...{
         className: "x78zum5 x6s0dn4 x1qughib x1txdalj"
       },
-      children: [/*#__PURE__*/_jsx("span", {
+      children: [/*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x141an7d xv1l7n4"
         },
         children: label
-      }), onExpand && /*#__PURE__*/_jsx(Button, {
+      }, void 0, false), onExpand && /*#__PURE__*/_jsxDEV(Button, {
         label: "Expand",
         variant: "ghost",
         size: "sm",
         onClick: onExpand
-      })]
-    })]
-  });
-  return /*#__PURE__*/_jsx(HoverCard, {
+      }, void 0, false)]
+    }, void 0, true)]
+  }, void 0, true);
+  return /*#__PURE__*/_jsxDEV(HoverCard, {
     content: cardContent,
     placement: "above",
     alignment: "start",
     hasHoverIndication: false,
-    children: /*#__PURE__*/_jsx(Badge, {
+    children: /*#__PURE__*/_jsxDEV(Badge, {
       label: label,
       variant: "neutral"
-    })
-  });
+    }, void 0, false)
+  }, void 0, false);
 }
 ChatPastedTextToken.displayName = 'ChatPastedTextToken';

package/dist/Chat/ChatSendButton.js

@@ -26,7 +26,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -68,7 +68,7 @@ export function ChatSendButton(props) {
     ref
   } = props;
   const handleSend = onSend ?? (() => context?.onSubmit(''));
-  return /*#__PURE__*/_jsx(Button, {
+  return /*#__PURE__*/_jsxDEV(Button, {
     ref: ref,
     label: isStopShown ? 'Stop' : 'Send',
     variant: isStopShown ? 'secondary' : 'primary',
@@ -79,6 +79,6 @@ export function ChatSendButton(props) {
     onClick: isStopShown ? onStop : handleSend,
     ...themeProps('chat-send-button'),
     xstyle: [styles.root, xstyle]
-  });
+  }, void 0, false);
 }
 ChatSendButton.displayName = 'ChatSendButton';

package/dist/Chat/ChatSystemMessage.d.ts

@@ -51,7 +51,7 @@ export interface ChatSystemMessageProps extends BaseProps<HTMLDivElement> {
  * <ChatSystemMessage variant="divider">March 15, 2026</ChatSystemMessage>
  * ```
  */
-export declare function ChatSystemMessage({ children, variant, icon, xstyle, className, style: styleProp, 'data-testid': testId, ref, }: ChatSystemMessageProps): import("react").JSX.Element;
+export declare function ChatSystemMessage({ children, variant, icon, xstyle, className, style: styleProp, ref, ...rest }: ChatSystemMessageProps): import("react").JSX.Element;
 export declare namespace ChatSystemMessage {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatSystemMessage.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatSystemMessage.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAWrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,sBAAuB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACvE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA0CD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAmB,EACnB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,sBAAsB,+BAmCxB;yBA5Ce,iBAAiB"}
+{"version":3,"file":"ChatSystemMessage.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatSystemMessage.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAWrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,sBAAuB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACvE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA0CD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAmB,EACnB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,sBAAsB,+BAmCxB;yBA5Ce,iBAAiB"}

package/dist/Chat/ChatSystemMessage.js

@@ -24,7 +24,7 @@ import { colorVars, spacingVars, typeScaleVars, fontWeightVars, typographyVars }
 import { mergeProps } from "../utils/index.js";
 import { Divider } from "../Divider/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -74,40 +74,40 @@ export function ChatSystemMessage({
   xstyle,
   className,
   style: styleProp,
-  'data-testid': testId,
-  ref
+  ref,
+  ...rest
 }) {
   if (variant === 'divider') {
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/_jsxDEV("div", {
       ref: ref,
-      role: "status",
-      "data-testid": testId,
       ...mergeProps(themeProps('chat-system-message', {
         variant
       }), stylex.props(styles.dividerWrap, xstyle), className, styleProp),
-      children: /*#__PURE__*/_jsx(Divider, {
+      ...rest,
+      role: "status",
+      children: /*#__PURE__*/_jsxDEV(Divider, {
         label: children
-      })
-    });
+      }, void 0, false)
+    }, void 0, false);
   }
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref,
-    role: "status",
-    "data-testid": testId,
     ...mergeProps(themeProps('chat-system-message', {
       variant
     }), stylex.props(styles.root, xstyle), className, styleProp),
-    children: /*#__PURE__*/_jsxs("span", {
+    ...rest,
+    role: "status",
+    children: /*#__PURE__*/_jsxDEV("span", {
       ...{
         className: "x3nfvp2 x6s0dn4 x1s4dlld x2lah0s xuxw1ft"
       },
-      children: [icon != null && /*#__PURE__*/_jsx("span", {
+      children: [icon != null && /*#__PURE__*/_jsxDEV("span", {
         ...{
           className: "x3nfvp2 x6s0dn4 x2lah0s"
         },
         children: icon
-      }), children]
-    })
-  });
+      }, void 0, false), children]
+    }, void 0, true)
+  }, void 0, false);
 }
 ChatSystemMessage.displayName = 'ChatSystemMessage';

package/dist/Chat/ChatTokenizedText.d.ts

@@ -44,7 +44,7 @@ export interface ChatTokenizedTextProps extends BaseProps<HTMLSpanElement> {
  * Accepts the same `ChatComposerToken` type used by input triggers,
  * so you can share a single token definition between input and display.
  */
-export declare function ChatTokenizedText({ ref, children, tokens, }: ChatTokenizedTextProps): React.JSX.Element;
+export declare function ChatTokenizedText({ ref, children, tokens, xstyle, className, style, ...rest }: ChatTokenizedTextProps): React.JSX.Element;
 export declare namespace ChatTokenizedText {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatTokenizedText.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatTokenizedText.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAE3D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAiB5C,MAAM,WAAW,sBAAuB,SAAQ,SAAS,CAAC,eAAe,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAoBD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,QAAQ,EACR,MAAM,GACP,EAAE,sBAAsB,qBAyBxB;yBA7Be,iBAAiB"}
+{"version":3,"file":"ChatTokenizedText.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatTokenizedText.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAE3D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAiB5C,MAAM,WAAW,sBAAuB,SAAQ,SAAS,CAAC,eAAe,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAoBD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,sBAAsB,qBA+BxB;yBAvCe,iBAAiB"}