@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602

package/dist/Chat/ChatLayoutScrollButton.js

@@ -22,11 +22,12 @@ import { colorVars, spacingVars, radiusVars, shadowVars, durationVars, easeVars
 import { Icon } from "../Icon/index.js";
 import { Button } from "../Button/index.js";
 import { mergeProps } from "../utils/index.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -72,11 +73,12 @@ export function ChatLayoutScrollButton({
   style,
   ...rest
 }) {
-  return /*#__PURE__*/_jsxDEV("div", {
+  const t = useTranslator();
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     ...mergeProps(stylex.props(styles.wrapper, xstyle), className, style),
     ...rest,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ...{
         0: {
           className: "xawy1a7 xb3r6kr xjspbzw x1prclbq x14hfi27 x10w6t97 x1apppo2 xlr8y92 x2rcmwa xg01cxk x47corl x1x67gh"
@@ -91,20 +93,20 @@ export function ChatLayoutScrollButton({
           className: "xawy1a7 xb3r6kr xjspbzw x1prclbq x14hfi27 x10w6t97 x1apppo2 xlr8y92 x2rcmwa x1hc1fzr x67bb7w x1ncir08"
         }
       }[!!isVisible << 1 | !!label << 0],
-      children: /*#__PURE__*/_jsxDEV(Button, {
-        label: label ?? 'Scroll to bottom',
-        "aria-label": label ?? 'Scroll to bottom',
-        icon: /*#__PURE__*/_jsxDEV(Icon, {
+      children: /*#__PURE__*/_jsx(Button, {
+        label: label ?? t('@astryx.chatLayoutScrollButton.scrollToBottom'),
+        "aria-label": label ?? t('@astryx.chatLayoutScrollButton.scrollToBottom'),
+        icon: /*#__PURE__*/_jsx(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.d.ts

@@ -52,7 +52,7 @@ export interface ChatMessageProps extends BaseProps<HTMLElement> {
  * </ChatMessage>
  * ```
  */
-export declare function ChatMessage({ sender, children, avatar, name, metadata, density: densityProp, xstyle, className, style: styleProp, 'data-testid': testId, ref, }: ChatMessageProps): import("react").JSX.Element;
+export declare function ChatMessage({ sender, children, avatar, name, metadata, density: densityProp, xstyle, className, style: styleProp, 'data-testid': testId, ref, ...rest }: ChatMessageProps): import("react").JSX.Element;
 export declare namespace ChatMessage {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessage.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAQrD,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAoFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,gBAAgB,+BAuFlB;yBAnGe,WAAW"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessage.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAQrD,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAoFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAyFlB;yBAtGe,WAAW"}

package/dist/Chat/ChatMessage.js

@@ -25,7 +25,8 @@ 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 { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   root: {
     k1xSpc: "x78zum5",
@@ -138,8 +139,10 @@ export function ChatMessage({
   className,
   style: styleProp,
   'data-testid': testId,
-  ref
+  ref,
+  ...rest
 }) {
+  const t = useTranslator();
   const listContext = useChatListContext();
   const density = densityProp ?? listContext?.density ?? 'balanced';
   const contextValue = useMemo(() => ({
@@ -155,38 +158,41 @@ export function ChatMessage({
   const hasAvatar = avatar != null && !isSystem;
   const hasName = name != null && !isSystem;
   const nameId = useId();
-  return /*#__PURE__*/_jsxDEV(ChatMessageContext, {
+  return /*#__PURE__*/_jsx(ChatMessageContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV("article", {
+    children: /*#__PURE__*/_jsxs("article", {
+      ...rest,
       ref: ref,
       "data-testid": testId,
-      "aria-label": !hasName ? `Message from ${sender}` : undefined,
+      "aria-label": !hasName ? t('@astryx.chatMessage.messageFrom', {
+        sender
+      }) : undefined,
       "aria-labelledby": hasName ? nameId : undefined,
       ...mergeProps(themeProps('chat-message', {
         sender,
         density
       }), stylex.props(styles.root, rootAlignment, hasAvatar && rootGap, xstyle), className, styleProp),
-      children: [hasAvatar && /*#__PURE__*/_jsxDEV("div", {
+      children: [hasAvatar && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x2lah0s x5du68j"
         },
         children: avatar
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         ...stylex.props(styles.contentColumn, columnAlignment),
-        children: [hasName && /*#__PURE__*/_jsxDEV("div", {
+        children: [hasName && /*#__PURE__*/_jsx("div", {
           id: nameId,
           ...{
             className: "x141an7d x2mo6ok xv1l7n4 x1ltkj2j x14cgwvg"
           },
           children: name
-        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+        }), /*#__PURE__*/_jsx("div", {
           ...stylex.props(styles.childrenWrap, childrenAlignment, childrenGap),
           children: children
-        }, void 0, false), metadata != null && !isSystem && /*#__PURE__*/_jsxDEV("div", {
+        }), metadata != null && !isSystem && /*#__PURE__*/_jsx("div", {
           children: metadata
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true)
-  }, void 0, false);
+        })]
+      })]
+    })
+  });
 }
 ChatMessage.displayName = 'ChatMessage';

package/dist/Chat/ChatMessageBubble.d.ts

@@ -78,7 +78,7 @@ export interface ChatMessageBubbleProps extends BaseProps<HTMLDivElement> {
  * </ChatMessage>
  * ```
  */
-export declare function ChatMessageBubble({ children, variant, name, metadata, group, xstyle, className, style: styleProp, 'data-testid': testId, ref, }: ChatMessageBubbleProps): import("react").JSX.Element;
+export declare function ChatMessageBubble({ children, variant, name, metadata, group, xstyle, className, style: styleProp, 'data-testid': testId, ref, ...rest }: ChatMessageBubbleProps): import("react").JSX.Element;
 export declare namespace ChatMessageBubble {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageBubble.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageBubble.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAWrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,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;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACrC;AAyGD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,sBAAsB,+BAwFxB;yBAnGe,iBAAiB"}
+{"version":3,"file":"ChatMessageBubble.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageBubble.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAWrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,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;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACrC;AAyGD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,OAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,sBAAsB,+BAyFxB;yBArGe,iBAAiB"}

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 { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -175,7 +175,8 @@ export function ChatMessageBubble({
   className,
   style: styleProp,
   'data-testid': testId,
-  ref
+  ref,
+  ...rest
 }) {
   const msgContext = useChatMessageContext();
   const sender = msgContext?.sender ?? 'assistant';
@@ -185,12 +186,13 @@ 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__*/_jsxDEV(_Fragment, {
-    children: [name && /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [name && /*#__PURE__*/_jsx("div", {
       "data-chat-name": true,
       ...stylex.props(metadataPaddingStyle, styles.nameRow, styles.headerReducedGap, isUser && styles.alignEnd),
       children: name
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+    }), /*#__PURE__*/_jsx("div", {
+      ...rest,
       ref: ref,
       "data-testid": testId,
       ...mergeProps(themeProps('chat-message-bubble', {
@@ -199,10 +201,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
-    }, void 0, false), metadata && /*#__PURE__*/_jsxDEV("div", {
+    }), metadata && /*#__PURE__*/_jsx("div", {
       ...stylex.props(metadataPaddingStyle, styles.metadataReducedGap, isUser && styles.alignEnd),
       children: metadata
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 ChatMessageBubble.displayName = 'ChatMessageBubble';

package/dist/Chat/ChatMessageList.d.ts

@@ -86,7 +86,7 @@ export interface ChatMessageListProps extends BaseProps<HTMLDivElement> {
  * </ChatMessageList>
  * ```
  */
-export declare function ChatMessageList({ children, emptyState, scrollToTopAction, density, gap, isStreaming, xstyle, className, style, 'data-testid': testId, ref, }: ChatMessageListProps): import("react").JSX.Element;
+export declare function ChatMessageList({ children, emptyState, scrollToTopAction, density, gap, isStreaming, xstyle, className, style, 'data-testid': testId, ref, ...rest }: ChatMessageListProps): import("react").JSX.Element;
 export declare namespace ChatMessageList {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageList.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAGhF,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAGhD,MAAM,WAAW,oBAAqB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACrE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAExC;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA4FD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,OAAoB,EACpB,GAAG,EACH,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,oBAAoB,+BA4FtB;yBAxGe,eAAe"}
+{"version":3,"file":"ChatMessageList.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatMessageList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAGhF,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAGhD,MAAM,WAAW,oBAAqB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACrE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAExC;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;IAElB;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA4FD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,OAAoB,EACpB,GAAG,EACH,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,oBAAoB,+BA6FtB;yBA1Ge,eAAe"}

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 { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -150,7 +150,8 @@ export function ChatMessageList({
   className,
   style,
   'data-testid': testId,
-  ref
+  ref,
+  ...rest
 }) {
   const layoutContext = useChatLayoutContext();
   const sentinelRef = useRef(null);
@@ -190,9 +191,10 @@ 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__*/_jsxDEV(ChatListContext, {
+  return /*#__PURE__*/_jsx(ChatListContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
+      ...rest,
       ref: ref,
       role: "log",
       "aria-live": "polite",
@@ -202,32 +204,32 @@ export function ChatMessageList({
       ...mergeProps(themeProps('chat-message-list', {
         density
       }), stylex.props(styles.root, xstyle), className, style),
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         ref: innerRef,
         ...stylex.props(styles.inner, densityGapStyle, gapOverrideStyle),
-        children: [scrollToTopAction && /*#__PURE__*/_jsxDEV("div", {
+        children: [scrollToTopAction && /*#__PURE__*/_jsx("div", {
           ref: sentinelRef,
           "aria-hidden": true
-        }, void 0, false), isLoadingTop && /*#__PURE__*/_jsxDEV("div", {
+        }), isLoadingTop && /*#__PURE__*/_jsx("div", {
           ...{
             className: "x78zum5 xl56j7k x8o8v82"
           },
-          children: /*#__PURE__*/_jsxDEV(Spinner, {
+          children: /*#__PURE__*/_jsx(Spinner, {
             size: "md"
-          }, void 0, false)
-        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+          })
+        }), /*#__PURE__*/_jsx("div", {
           ...{
             className: "x98rzlu x2lwn1j"
           },
           "aria-hidden": true
-        }, void 0, false), hasChildren ? children : emptyState ? /*#__PURE__*/_jsxDEV("div", {
+        }), hasChildren ? children : emptyState ? /*#__PURE__*/_jsx("div", {
           ...{
             className: "x78zum5 x6s0dn4 xl56j7k x98rzlu x2lwn1j"
           },
           children: emptyState
-        }, void 0, false) : null]
-      }, void 0, true)
-    }, void 0, false)
-  }, void 0, false);
+        }) : null]
+      })
+    })
+  });
 }
 ChatMessageList.displayName = 'ChatMessageList';

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,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"}
+{"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;AAI5C,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,4BAoD1B;yBA7De,mBAAmB"}

package/dist/Chat/ChatMessageMetadata.js

@@ -19,27 +19,28 @@ import { useChatMessageContext } from "./ChatContext.js";
 import { Icon } from "../Icon/index.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const STATUS_CONFIG = {
   sending: {
     icon: 'clock',
-    label: 'Sending'
+    i18nKey: '@astryx.chat.status.sending'
   },
   sent: {
     icon: 'check',
-    label: 'Sent'
+    i18nKey: '@astryx.chat.status.sent'
   },
   delivered: {
     icon: 'checkDouble',
-    label: 'Delivered'
+    i18nKey: '@astryx.chat.status.delivered'
   },
   read: {
     icon: 'checkDouble',
-    label: 'Read'
+    i18nKey: '@astryx.chat.status.read'
   },
   error: {
     icon: 'error',
-    label: 'Failed'
+    i18nKey: '@astryx.chat.status.failed'
   }
 };
 const pulseKeyframes = "x13kz0yu-B";
@@ -88,26 +89,30 @@ export function ChatMessageMetadata({
   style,
   ...rest
 }) {
+  const t = useTranslator();
   const msgContext = useChatMessageContext();
   const sender = msgContext?.sender ?? 'assistant';
   const statusConfig = status != null ? STATUS_CONFIG[status] : null;
+  const statusLabel = statusConfig != null ? t(statusConfig.i18nKey) : '';
   const hasContent = timestamp != null || footer != null || statusConfig != null;
   if (!hasContent) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     ...mergeProps(themeProps('chat-message-metadata'), stylex.props(styles.meta, sender === 'user' ? styles.metaUser : styles.metaAssistant, xstyle), className, style),
     ...rest,
-    children: [timestamp != null && /*#__PURE__*/_jsxDEV("span", {
+    children: [timestamp != null && /*#__PURE__*/_jsx("span", {
       children: timestamp
-    }, void 0, false), timestamp != null && (footer != null || statusConfig != null) && /*#__PURE__*/_jsxDEV("span", {
+    }), timestamp != null && (footer != null || statusConfig != null) && /*#__PURE__*/_jsx("span", {
       children: "\xB7"
-    }, void 0, false), footer != null && footer, footer != null && statusConfig != null && /*#__PURE__*/_jsxDEV("span", {
+    }), footer != null && footer, footer != null && statusConfig != null && /*#__PURE__*/_jsx("span", {
       children: "\xB7"
-    }, void 0, false), statusConfig != null && /*#__PURE__*/_jsxDEV("span", {
-      title: statusConfig.label,
-      "aria-label": 'Message ' + statusConfig.label.toLowerCase(),
+    }), statusConfig != null && /*#__PURE__*/_jsxs("span", {
+      title: statusLabel,
+      "aria-label": t('@astryx.chat.messageAriaLabel', {
+        status: statusLabel.toLowerCase()
+      }),
       ...{
         0: {
           className: "x3nfvp2 x6s0dn4 xzye2dw"
@@ -122,14 +127,14 @@ export function ChatMessageMetadata({
           className: "x3nfvp2 x6s0dn4 xzye2dw xjt36v0 xcx56e2 xmg6eyc x4hg4is xa4qsjk x1aquc0h"
         }
       }[!!(status === 'error') << 1 | !!(status === 'sending') << 0],
-      children: [/*#__PURE__*/_jsxDEV(Icon, {
+      children: [/*#__PURE__*/_jsx(Icon, {
         icon: statusConfig.icon,
         size: "xsm",
         color: "inherit"
-      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
-        children: statusConfig.label
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
+      }), /*#__PURE__*/_jsx("span", {
+        children: statusLabel
+      })]
+    })]
+  });
 }
 ChatMessageMetadata.displayName = 'ChatMessageMetadata';

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

@@ -1 +1 @@
-{"version":3,"file":"ChatPastedTextToken.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatPastedTextToken.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAiDD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,+BA6B1B;yBAhCe,mBAAmB"}
+{"version":3,"file":"ChatPastedTextToken.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatPastedTextToken.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,wBAAwB;IACvC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAiDD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,+BA8B1B;yBAjCe,mBAAmB"}

package/dist/Chat/ChatPastedTextToken.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatSendButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatSendButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAM5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAiBD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAmCpE;yBAnCe,cAAc"}
+{"version":3,"file":"ChatSendButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatSendButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAM5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAiBD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAoCpE;yBApCe,cAAc"}

package/dist/Chat/ChatSendButton.js

@@ -22,11 +22,12 @@ import { Button } from "../Button/index.js";
 import { getIcon } from "../Icon/globalIconRegistry.js";
 import { useChatComposerContext } from "./ChatContext.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -55,6 +56,7 @@ const styles = {
  * ```
  */
 export function ChatSendButton(props) {
+  const t = useTranslator();
   const context = useChatComposerContext();
   const {
     isStopShown = context?.isStopShown ?? false,
@@ -68,9 +70,9 @@ export function ChatSendButton(props) {
     ref
   } = props;
   const handleSend = onSend ?? (() => context?.onSubmit(''));
-  return /*#__PURE__*/_jsxDEV(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     ref: ref,
-    label: isStopShown ? 'Stop' : 'Send',
+    label: isStopShown ? t('@astryx.chatSendButton.stop') : t('@astryx.chatSendButton.send'),
     variant: isStopShown ? 'secondary' : 'primary',
     size: size,
     icon: isStopShown ? stopIcon ?? getIcon('stop') : sendIcon ?? getIcon('arrowUp'),
@@ -79,6 +81,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.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 { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -78,36 +78,36 @@ export function ChatSystemMessage({
   ...rest
 }) {
   if (variant === 'divider') {
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsx("div", {
       ref: ref,
       ...mergeProps(themeProps('chat-system-message', {
         variant
       }), stylex.props(styles.dividerWrap, xstyle), className, styleProp),
       ...rest,
       role: "status",
-      children: /*#__PURE__*/_jsxDEV(Divider, {
+      children: /*#__PURE__*/_jsx(Divider, {
         label: children
-      }, void 0, false)
-    }, void 0, false);
+      })
+    });
   }
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     ...mergeProps(themeProps('chat-system-message', {
       variant
     }), stylex.props(styles.root, xstyle), className, styleProp),
     ...rest,
     role: "status",
-    children: /*#__PURE__*/_jsxDEV("span", {
+    children: /*#__PURE__*/_jsxs("span", {
       ...{
         className: "x3nfvp2 x6s0dn4 x1s4dlld x2lah0s xuxw1ft"
       },
-      children: [icon != null && /*#__PURE__*/_jsxDEV("span", {
+      children: [icon != null && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x3nfvp2 x6s0dn4 x2lah0s"
         },
         children: icon
-      }, void 0, false), children]
-    }, void 0, true)
-  }, void 0, false);
+      }), children]
+    })
+  });
 }
 ChatSystemMessage.displayName = 'ChatSystemMessage';