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

package/dist/Chat/ChatComposer.js

@@ -32,11 +32,12 @@ import { ChatComposerInput } from "./ChatComposerInput.js";
 import { ChatComposerContext } from "./ChatContext.js";
 import { ChatSendButton } from "./ChatSendButton.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, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -81,6 +82,7 @@ const styles = {
  * ```
  */
 export function ChatComposer(props) {
+  const t = useTranslator();
   const {
     ref,
     onSubmit,
@@ -88,7 +90,7 @@ export function ChatComposer(props) {
     isStopShown = false,
     value: controlledValue,
     onChange,
-    placeholder = 'Type a message\u2026',
+    placeholder: placeholderFromProps,
     isDisabled = false,
     density = 'balanced',
     drawer,
@@ -105,6 +107,7 @@ export function ChatComposer(props) {
     style,
     ...rest
   } = props;
+  const placeholder = placeholderFromProps ?? t('@astryx.chat.composer.placeholder');
   const [internalValue, setInternalValue] = useState('');
   const isControlled = controlledValue !== undefined;
   const currentValue = isControlled ? controlledValue : internalValue;
@@ -134,7 +137,7 @@ export function ChatComposer(props) {
     const editable = bodyRef.current?.querySelector('[contenteditable="true"], textarea');
     editable?.focus();
   }, []);
-  const statusEl = status ? /*#__PURE__*/_jsxDEV("div", {
+  const statusEl = status ? /*#__PURE__*/_jsxs("div", {
     role: status.type === 'error' ? 'alert' : 'status',
     ...{
       0: {
@@ -162,12 +165,12 @@ export function ChatComposer(props) {
         className: "x1n2onr6 x1ja2u2z x78zum5 x6s0dn4 x1txdalj x1pzlopt x141an7d x1ltkj2j x9ynric x2gtn7z x9jihrk x1z0f2p2 xtqab0c x122jk3o x24i8r5 xdhq94a"
       }
     }[!!(statusPosition === 'top') << 2 | !!(status.type === 'error') << 1 | !!(status.type === 'warning') << 0],
-    children: [/*#__PURE__*/_jsxDEV(Icon, {
+    children: [/*#__PURE__*/_jsx(Icon, {
       icon: status.type === 'error' ? 'error' : 'warning',
       size: "md",
       color: status.type === 'error' ? 'error' : 'warning'
-    }, void 0, false), status.message]
-  }, void 0, true) : null;
+    }), status.message]
+  }) : null;
   const composerContext = useMemo(() => ({
     value: currentValue,
     onChange: updateValue,
@@ -178,9 +181,9 @@ export function ChatComposer(props) {
     canSend,
     onStop
   }), [currentValue, updateValue, handleSubmit, placeholder, isDisabled, isStopShown, canSend, onStop]);
-  return /*#__PURE__*/_jsxDEV(ChatComposerContext, {
+  return /*#__PURE__*/_jsx(ChatComposerContext, {
     value: composerContext,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       ref: ref,
       ...mergeProps(themeProps('chat-composer', {
         density
@@ -193,48 +196,48 @@ export function ChatComposer(props) {
         }
       }[!!isDisabled << 0], className, style),
       ...rest,
-      children: [statusPosition === 'top' && statusEl, drawer, /*#__PURE__*/_jsxDEV("div", {
+      children: [statusPosition === 'top' && statusEl, drawer, /*#__PURE__*/_jsxs("div", {
         ref: bodyRef,
         onClick: handleBodyClick,
         ...stylex.props(styles.body, density === 'compact' && styles.compact, xstyle),
-        children: [(headerActions || headerContext) && /*#__PURE__*/_jsxDEV("div", {
+        children: [(headerActions || headerContext) && /*#__PURE__*/_jsxs("div", {
           ...{
             className: "x78zum5 x6s0dn4 x1qughib x1txdalj xe0p6wg"
           },
-          children: [/*#__PURE__*/_jsxDEV("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             ...{
               className: "x78zum5 x6s0dn4 xzye2dw"
             },
             children: headerActions
-          }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+          }), /*#__PURE__*/_jsx("div", {
             ...{
               className: "x78zum5 x6s0dn4 x1txdalj xvc5jky x141an7d x1ltkj2j xv1l7n4"
             },
             children: headerContext
-          }, void 0, false)]
-        }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
+          })]
+        }), /*#__PURE__*/_jsx("div", {
           ...{
             className: "x78zum5 xdt5ytf"
           },
-          children: input ?? /*#__PURE__*/_jsxDEV(ChatComposerInput, {}, void 0, false)
-        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+          children: input ?? /*#__PURE__*/_jsx(ChatComposerInput, {})
+        }), /*#__PURE__*/_jsxs("div", {
           ...{
             className: "x78zum5 x6s0dn4 x1qughib x1txdalj x21xpn4"
           },
-          children: [/*#__PURE__*/_jsxDEV("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             ...{
               className: "x78zum5 x6s0dn4 xzye2dw"
             },
             children: footerActions
-          }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+          }), /*#__PURE__*/_jsxs("div", {
             ...{
               className: "x78zum5 x6s0dn4 xzye2dw"
             },
-            children: [sendActions, sendButton ?? /*#__PURE__*/_jsxDEV(ChatSendButton, {}, void 0, false)]
-          }, void 0, true)]
-        }, void 0, true)]
-      }, void 0, true), statusPosition === 'bottom' && statusEl]
-    }, void 0, true)
-  }, void 0, false);
+            children: [sendActions, sendButton ?? /*#__PURE__*/_jsx(ChatSendButton, {})]
+          })]
+        })]
+      }), statusPosition === 'bottom' && statusEl]
+    })
+  });
 }
 ChatComposer.displayName = 'ChatComposer';

package/dist/Chat/ChatComposerDrawer.d.ts

@@ -70,7 +70,7 @@ export interface ChatComposerDrawerProps extends BaseProps<HTMLDivElement> {
  * </ChatComposerDrawer>
  * ```
  */
-export declare function ChatComposerDrawer({ ref, children, count, label, isCollapsed: controlledCollapsed, defaultIsCollapsed, onCollapsedChange, xstyle, className, style, 'data-testid': testId, ...htmlProps }: ChatComposerDrawerProps): React.ReactElement;
+export declare function ChatComposerDrawer({ ref, children, count, label: labelFromProps, isCollapsed: controlledCollapsed, defaultIsCollapsed, onCollapsedChange, xstyle, className, style, 'data-testid': testId, ...htmlProps }: ChatComposerDrawerProps): React.ReactElement;
 export declare namespace ChatComposerDrawer {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatComposerDrawer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerDrawer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAYnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,uBAAwB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgID;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,QAAQ,EACR,KAAK,EACL,KAAe,EACf,WAAW,EAAE,mBAAmB,EAChC,kBAA0B,EAC1B,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CA+E9C;yBA5Fe,kBAAkB"}
+{"version":3,"file":"ChatComposerDrawer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerDrawer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAYnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,uBAAwB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgID;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,QAAQ,EACR,KAAK,EACL,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,mBAAmB,EAChC,kBAA0B,EAC1B,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAqF9C;yBAlGe,kBAAkB"}

package/dist/Chat/ChatComposerDrawer.js

@@ -21,7 +21,8 @@ import { colorVars, spacingVars, radiusVars, durationVars, easeVars, typeScaleVa
 import { Badge } from "../Badge/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 styles = {
   root: {
     kVAEAm: "x1n2onr6",
@@ -57,7 +58,7 @@ export function ChatComposerDrawer({
   ref,
   children,
   count,
-  label = 'Items',
+  label: labelFromProps,
   isCollapsed: controlledCollapsed,
   defaultIsCollapsed = false,
   onCollapsedChange,
@@ -67,6 +68,8 @@ export function ChatComposerDrawer({
   'data-testid': testId,
   ...htmlProps
 }) {
+  const t = useTranslator();
+  const label = labelFromProps ?? t('@astryx.chat.composerDrawer.label');
   const [internalCollapsed, setInternalCollapsed] = useState(defaultIsCollapsed);
   const isControlled = controlledCollapsed !== undefined;
   const isCollapsed = isControlled ? controlledCollapsed : internalCollapsed;
@@ -78,14 +81,14 @@ export function ChatComposerDrawer({
     }
     onCollapsedChange?.(next);
   };
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     "data-testid": testId,
     ...mergeProps(themeProps('chat-composer-drawer', {
       collapsed: isCollapsed ? 'collapsed' : null
     }), stylex.props(styles.root, xstyle), className, style),
     ...htmlProps,
-    children: [canCollapse && /*#__PURE__*/_jsxDEV("div", {
+    children: [canCollapse && /*#__PURE__*/_jsxs("div", {
       ...{
         0: {
           className: "xrvj5dj x1y6fwsi x6s0dn4 x1grt7ep x1pzlopt x1ng9b9t x1ypdohk x87ps6o x-default-marker"
@@ -97,7 +100,11 @@ export function ChatComposerDrawer({
       role: "button",
       tabIndex: 0,
       "aria-expanded": !isCollapsed,
-      "aria-label": isCollapsed ? `Expand ${label}` : `Collapse ${label}`,
+      "aria-label": isCollapsed ? t('@astryx.chatComposerDrawer.expand', {
+        label
+      }) : t('@astryx.chatComposerDrawer.collapse', {
+        label
+      }),
       onClick: toggle,
       onKeyDown: e => {
         if (e.key === 'Enter' || e.key === ' ') {
@@ -105,7 +112,7 @@ export function ChatComposerDrawer({
           toggle();
         }
       },
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         ...{
           0: {
             className: "x1ms6mhf xgkxs2y x1lqcxt8 x3nfvp2 x6s0dn4 x1grt7ep x1txdalj xjspbzw x1hc1fzr x19991ni xuedmi6 xlr8y92"
@@ -114,16 +121,16 @@ export function ChatComposerDrawer({
             className: "x1ms6mhf xgkxs2y x1lqcxt8 x3nfvp2 x6s0dn4 x1grt7ep x1txdalj xjspbzw x19991ni xuedmi6 xlr8y92 xg01cxk x47corl"
           }
         }[!!!isCollapsed << 0],
-        children: [/*#__PURE__*/_jsxDEV(Badge, {
+        children: [/*#__PURE__*/_jsx(Badge, {
           variant: "neutral",
           label: count
-        }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+        }), /*#__PURE__*/_jsx("span", {
           ...{
             className: "xv1l7n4 x1t9gxa6 xjm74w1 x7acx1w xt3l3uh xuedmi6 xlr8y92"
           },
           children: label
-        }, void 0, false)]
-      }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
+        })]
+      }), /*#__PURE__*/_jsx("div", {
         ...{
           0: {
             className: "x1ms6mhf xgkxs2y x7v7x1q x1y8v6su xw4jnvo x36qwtl xjspbzw x1q5y3ey x1pe4z86 x1hc1fzr x1e8aii2 xuedmi6 xlr8y92"
@@ -132,8 +139,8 @@ export function ChatComposerDrawer({
             className: "x1ms6mhf xgkxs2y x7v7x1q x1y8v6su xw4jnvo x36qwtl xjspbzw x1q5y3ey x1pe4z86 x1e8aii2 xuedmi6 xlr8y92 xg01cxk x47corl"
           }
         }[!!isCollapsed << 0]
-      }, void 0, false)]
-    }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), /*#__PURE__*/_jsx("div", {
       ...{
         0: {
           className: "xrvj5dj x1tu4anv x1qn9uv2 x80gvsz xlr8y92"
@@ -142,7 +149,7 @@ export function ChatComposerDrawer({
           className: "xrvj5dj x1qn9uv2 x80gvsz xlr8y92 xihq33y"
         }
       }[!!(canCollapse && isCollapsed) << 0],
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsx("div", {
         ...{
           0: {
             className: "x2lwn1j x78zum5 x1a02dak xzye2dw x1cy8zhl x1hc1fzr x19991ni x80gvsz x10b1n17 xlr8y92"
@@ -152,8 +159,8 @@ export function ChatComposerDrawer({
           }
         }[!!(canCollapse && isCollapsed) << 0],
         children: children
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+      })
+    })]
+  });
 }
 ChatComposerDrawer.displayName = 'ChatComposerDrawer';

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

@@ -1 +1 @@
-{"version":3,"file":"ChatComposerInput.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAML,KAAK,SAAS,EAEd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAarE,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,UAAU,CAAC;AAQhD,mEAAmE;AACnE,MAAM,WAAW,uBAAuB;IACtC,iEAAiE;IACjE,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9D,6EAA6E;IAC7E,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uDAAuD;IACvD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sBAAsB;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,uCAAuC;IACvC,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED,wFAAwF;AACxF,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAE/D,mFAAmF;AACnF,MAAM,MAAM,uBAAuB,GAAG;IACpC,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,MAAM,EAAE,MAAM,SAAS,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GACzB,sBAAsB,GACtB,uBAAuB,CAAC;AAE5B,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG;IAChC,iEAAiE;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B,kDAAkD;IAClD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;IACjD;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,MAAM,GAAG,iBAAiB,CAAC;IAC/D;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,iBAAiB,GAAG,IAAI,CAAC;IAC1D,8DAA8D;IAC9D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC;IACC,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAC/C,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0IAA0I;IAC1I,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,EACrC,IAAI,EAAE,MAAM,KACT,OAAO,GAAG,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IACjD,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA0FD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAsZ9D;yBAtZe,iBAAiB;;;AA8ZjC,wBAAgB,wBAAwB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,iBAAiB,CAAA;CAAC,+BAc3E;yBAde,wBAAwB"}
+{"version":3,"file":"ChatComposerInput.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerInput.tsx"],"names":[],"mappings":"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"}

package/dist/Chat/ChatComposerInput.js

@@ -34,6 +34,7 @@ import { useChatPasteAsToken } from "./useChatPasteAsToken.js";
 import { Badge } from "../Badge/index.js";
 import { useChatComposerContext } from "./ChatContext.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
@@ -54,7 +55,7 @@ import { themeProps } from "../utils/themeProps.js";
  * - **Custom render**: `{ value, render }` \u2014 full control via ReactNode.
  *   Use for tooltips, hovercards, or any content beyond a badge.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -113,6 +114,7 @@ function serialize(node) {
 // =============================================================================
 
 export function ChatComposerInput(props) {
+  const t = useTranslator();
   const composerCtx = useChatComposerContext();
   const hasControlledValueProp = props.value !== undefined;
   const {
@@ -120,12 +122,12 @@ export function ChatComposerInput(props) {
     handleRef,
     value: controlledValue = composerCtx?.value,
     onChange: onChangeProp,
-    placeholder = composerCtx?.placeholder ?? 'Type a message\u2026',
+    placeholder: placeholderFromProps,
     maxRows = 8,
     triggers,
     debounceMs = 150,
     hasHistory = true,
-    label = 'Message input',
+    label: labelFromProps,
     isDisabled = composerCtx?.isDisabled ?? false,
     onPaste: onPasteProp,
     pasteAsToken: pasteAsTokenProp,
@@ -136,6 +138,8 @@ export function ChatComposerInput(props) {
     style,
     ...rest
   } = props;
+  const label = labelFromProps ?? t('@astryx.chat.composerInput.label');
+  const placeholder = placeholderFromProps ?? composerCtx?.placeholder ?? t('@astryx.chat.composer.placeholder');
   const composerOnChange = composerCtx?.onChange;
   const onChange = useCallback(nextValue => {
     if (hasControlledValueProp) {
@@ -416,17 +420,17 @@ export function ChatComposerInput(props) {
     emitChange();
   }, [onFiles, onPasteProp, emitChange, tokens, pasteAsToken]);
   const maxHeight = maxRows * LINE_HEIGHT_PX;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     ...mergeProps(themeProps('chat-composer-input'), stylex.props(styles.root, isDisabled && styles.disabled, xstyle), className, style),
     ...rest,
-    children: [isEmpty && /*#__PURE__*/_jsxDEV("div", {
+    children: [isEmpty && /*#__PURE__*/_jsx("div", {
       ...{
         className: "x10l6tqk x13vifvy xu96u03 x3m8u43 x47corl xv1l7n4 xjm74w1 x6pjikd x19v9tvf x9ynric x87ps6o x9epnlk"
       },
       "aria-hidden": "true",
       children: placeholder
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+    }), /*#__PURE__*/_jsx("div", {
       ref: editableRef,
       "aria-multiline": "true",
       "aria-label": label,
@@ -443,23 +447,23 @@ export function ChatComposerInput(props) {
           maxHeight: `${maxHeight}px`
         }
       })
-    }, void 0, false), triggerMenu.renderMenu(), tokens.tokenPortals.filter(({
+    }), triggerMenu.renderMenu(), tokens.tokenPortals.filter(({
       span
     }) => span.isConnected).map(({
       id,
       span,
       token
-    }) => /*#__PURE__*/createPortal(isCustomToken(token) ? /*#__PURE__*/_jsxDEV("span", {
+    }) => /*#__PURE__*/createPortal(isCustomToken(token) ? /*#__PURE__*/_jsx("span", {
       children: token.render()
-    }, id, false) : token.value.length > (pasteAsToken === null ? Infinity : 200) ? /*#__PURE__*/_jsxDEV(ChatPastedTextToken, {
+    }, id) : token.value.length > (pasteAsToken === null ? Infinity : 200) ? /*#__PURE__*/_jsx(ChatPastedTextToken, {
       text: token.value,
       onExpand: () => tokens.expandToken(id)
-    }, id, false) : /*#__PURE__*/_jsxDEV(Badge, {
+    }, id) : /*#__PURE__*/_jsx(Badge, {
       label: token.label,
       variant: token.variant,
       icon: token.icon
-    }, id, false), span))]
-  }, void 0, true);
+    }, id), span))]
+  });
 }
 ChatComposerInput.displayName = 'ChatComposerInput';
 
@@ -470,7 +474,7 @@ ChatComposerInput.displayName = 'ChatComposerInput';
 export function ChatComposerTokenElement({
   token
 }) {
-  return /*#__PURE__*/_jsxDEV("span", {
+  return /*#__PURE__*/_jsx("span", {
     "data-astryx-token": "",
     "data-astryx-token-value": token.value,
     contentEditable: false,
@@ -478,11 +482,11 @@ export function ChatComposerTokenElement({
       display: 'inline-flex',
       verticalAlign: 'baseline'
     },
-    children: isCustomToken(token) ? token.render() : /*#__PURE__*/_jsxDEV(Badge, {
+    children: isCustomToken(token) ? token.render() : /*#__PURE__*/_jsx(Badge, {
       label: token.label,
       variant: token.variant,
       icon: token.icon
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 ChatComposerTokenElement.displayName = 'ChatComposerTokenElement';

package/dist/Chat/ChatDictationButton.js

@@ -28,7 +28,7 @@ import { mergeProps } from "../utils/index.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -108,11 +108,11 @@ export function ChatDictationButton({
     barGap,
     barMaxHeight
   } = SIZE_CONFIG[size];
-  return /*#__PURE__*/_jsxDEV("span", {
+  return /*#__PURE__*/_jsxs("span", {
     ref: ref,
     ...mergeProps(stylex.props(styles.wrapper, xstyle), className, style),
     ...rest,
-    children: [isListening && /*#__PURE__*/_jsxDEV("span", {
+    children: [isListening && /*#__PURE__*/_jsx("span", {
       "aria-hidden": true,
       ...mergeProps({
         className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k x47corl x1vjfegm"
@@ -124,7 +124,7 @@ export function ChatDictationButton({
       }),
       children: boostedBands.slice(0, BAR_COUNT).map((level, i) => {
         const scale = BAR_MIN_SCALE + level * (1 - BAR_MIN_SCALE);
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsx("span", {
           ...mergeProps({
             className: "xjspbzw x1g0ag68 x18dpk69 x11bq7d0 x9lcvmn"
           }, {
@@ -135,20 +135,20 @@ export function ChatDictationButton({
               transform: `scaleY(${scale})`
             }
           })
-        }, i, false);
+        }, i);
       })
-    }, void 0, false), /*#__PURE__*/_jsxDEV(Button, {
+    }), /*#__PURE__*/_jsx(Button, {
       label: accessibleLabel,
       "aria-label": accessibleLabel,
       variant: "ghost",
       size: size,
-      icon: isListening ? undefined : /*#__PURE__*/_jsxDEV(Icon, {
+      icon: isListening ? undefined : /*#__PURE__*/_jsx(Icon, {
         icon: "microphone",
         size: size
-      }, void 0, false),
+      }),
       isIconOnly: true,
       onClick: dictation.toggle
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 ChatDictationButton.displayName = 'ChatDictationButton';

package/dist/Chat/ChatLayout.d.ts

@@ -20,16 +20,6 @@
 import { type ReactNode } from 'react';
 import type { BaseProps } from '../BaseProps';
 type Density = 'compact' | 'balanced' | 'spacious';
-/** Imperative handle for ChatLayout scroll controls. */
-export interface ChatLayoutHandle {
-    /** Scroll a message to the top and unlock for stream-in. */
-    /** Scroll to bottom and re-lock. */
-    scrollToBottom: () => void;
-    /** Navigate to a message, no lock change. */
-    scrollToMessage: (el: HTMLElement) => void;
-    /** Scroll to the last message. */
-    scrollToLastMessage: () => void;
-}
 export interface ChatLayoutProps extends BaseProps<HTMLDivElement> {
     /** Ref forwarded to the root element. */
     ref?: React.Ref<HTMLDivElement>;
@@ -73,7 +63,7 @@ export interface ChatLayoutProps extends BaseProps<HTMLDivElement> {
      */
     density?: Density;
 }
-export declare function ChatLayout({ children, composer, density, emptyState, scrollButton, scrollRef: externalScrollRef, xstyle, className, style, 'data-testid': testId, ref, }: ChatLayoutProps): import("react").JSX.Element;
+export declare function ChatLayout({ children, composer, density, emptyState, scrollButton, scrollRef: externalScrollRef, xstyle, className, style, 'data-testid': testId, ref, ...rest }: ChatLayoutProps): import("react").JSX.Element;
 export declare namespace ChatLayout {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatLayout.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayout.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAY5C,KAAK,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEnD,wDAAwD;AACxD,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,oCAAoC;IACpC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,6CAA6C;IAC7C,eAAe,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,kCAAkC;IAClC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAEhC;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEhD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA8JD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,OAAoB,EACpB,UAAU,EACV,YAAY,EACZ,SAAS,EAAE,iBAAiB,EAC5B,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,eAAe,+BAwGjB;yBApHe,UAAU"}
+{"version":3,"file":"ChatLayout.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatLayout.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAa5C,KAAK,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAEhC;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEhD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA8JD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,OAAoB,EACpB,UAAU,EACV,YAAY,EACZ,SAAS,EAAE,iBAAiB,EAC5B,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,+BA0GjB;yBAvHe,UAAU"}

package/dist/Chat/ChatLayout.js

@@ -31,13 +31,12 @@ import { useChatNewMessages } from "./useChatNewMessages.js";
 import { ChatLayoutScrollButton } from "./ChatLayoutScrollButton.js";
 import { ChatLayoutContext } from "./ChatContext.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
 // =============================================================================
-
-/** Imperative handle for ChatLayout scroll controls. */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -185,8 +184,10 @@ export function ChatLayout({
   className,
   style,
   'data-testid': testId,
-  ref
+  ref,
+  ...rest
 }) {
+  const t = useTranslator();
   const rootRef = useRef(null);
   const scrollContainerRef = externalScrollRef ?? rootRef;
   const isSelfScrolling = !externalScrollRef;
@@ -199,14 +200,14 @@ export function ChatLayout({
     isLocked: scroll.isLocked,
     onResize: scroll.scrollIfLocked
   });
-  const defaultScrollButton = /*#__PURE__*/_jsxDEV(ChatLayoutScrollButton, {
+  const defaultScrollButton = /*#__PURE__*/_jsx(ChatLayoutScrollButton, {
     isVisible: scroll.isScrolledUp || newMsgs.hasNewMessages,
-    label: newMsgs.hasNewMessages ? 'New messages' : undefined,
+    label: newMsgs.hasNewMessages ? t('@astryx.chatLayout.newMessages') : undefined,
     onClick: () => {
       newMsgs.dismiss();
       scroll.scrollToBottom();
     }
-  }, void 0, false);
+  });
 
   // --- Layout context ---
   const layoutContext = useMemo(() => ({
@@ -237,23 +238,24 @@ export function ChatLayout({
     }
   };
   const currentDensity = densityStyles[density];
-  return /*#__PURE__*/_jsxDEV(ChatLayoutContext, {
+  return /*#__PURE__*/_jsx(ChatLayoutContext, {
     value: layoutContext,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
+      ...rest,
       ref: mergeRefs(ref, rootRef),
       "data-testid": testId,
       ...mergeProps(themeProps('chat-layout', {
         density
       }), stylex.props(styles.root, isSelfScrolling && styles.rootScrollable, xstyle), className, style),
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         ...stylex.props(styles.messageArea, currentDensity.messageArea),
-        children: showEmpty && emptyState ? /*#__PURE__*/_jsxDEV("div", {
+        children: showEmpty && emptyState ? /*#__PURE__*/_jsx("div", {
           ...{
             className: "x78zum5 x6s0dn4 xl56j7k x98rzlu xz65tgg"
           },
           children: emptyState
-        }, void 0, false) : children
-      }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+        }) : children
+      }), /*#__PURE__*/_jsxs("div", {
         ...{
           0: {
             className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl xixxii4"
@@ -262,17 +264,17 @@ export function ChatLayout({
             className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl x7wzq59"
           }
         }[!!isSelfScrolling << 0],
-        children: [scrollButton === undefined ? defaultScrollButton : scrollButton, /*#__PURE__*/_jsxDEV("div", {
+        children: [scrollButton === undefined ? defaultScrollButton : scrollButton, /*#__PURE__*/_jsx("div", {
           ...stylex.props(styles.blurLayer, currentDensity.blurLayer)
-        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+        }), /*#__PURE__*/_jsx("div", {
           ...stylex.props(styles.dock, currentDensity.dock),
-          children: /*#__PURE__*/_jsxDEV("div", {
+          children: /*#__PURE__*/_jsx("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.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,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,qBAyB7B;yBAlCe,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;AAQ5C,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,qBA0B7B;yBAnCe,sBAAsB"}