@astryxdesign/core 0.1.9-canary.ae1eaed → 0.1.9-canary.b7d7f4b

package/dist/Avatar/Avatar.d.ts

@@ -21,7 +21,7 @@ import type { LinkComponentType } from '../Link/types';
  *
  * Avatar uses the same abbreviated scale as Icon (`xsm`/`sm`/`md`/`lg`/`xl`),
  * but the values are larger because avatars align with media rather than
- * glyphs. The tiers match EPS's avatar sizes.
+ * glyphs. The tiers follow the standard avatar size scale.
  */
 type AvatarNamedSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
 /**

package/dist/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAc5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA2BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AAmID,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAsCD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAyOb;yBA5Pe,MAAM"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAc5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA2BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AAiJD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAsCD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAsOb;yBAzPe,MAAM"}

package/dist/Avatar/Avatar.js

@@ -58,7 +58,7 @@ const INITIALS_FONT_SIZE_RATIO = 0.4;
  *
  * Avatar uses the same abbreviated scale as Icon (`xsm`/`sm`/`md`/`lg`/`xl`),
  * but the values are larger because avatars align with media rather than
- * glyphs. The tiers match EPS's avatar sizes.
+ * glyphs. The tiers follow the standard avatar size scale.
  */
 
 /**
@@ -99,6 +99,7 @@ const styles = {
     kVAEAm: "x1n2onr6",
     k1xSpc: "x3nfvp2",
     kmuXW: "x2lah0s",
+    kaIpWk: "xjspbzw",
     $$css: true
   },
   content: {
@@ -116,10 +117,10 @@ const styles = {
     kjj79g: "xl56j7k",
     kzqmXN: "xh8yej3",
     kZKoxP: "x5yr21d",
-    kWkggS: "x17x4s8c",
-    kMwMTN: "xv1l7n4",
+    kWkggS: "xelv01g",
+    kMwMTN: "xicfil",
     kMv6JI: "x9ynric",
-    k63SB2: "x1e4wzip",
+    k63SB2: "xi08x9w",
     kP9fke: "xtvhhri",
     $$css: true
   },
@@ -175,7 +176,7 @@ const dynamicStyles = {
     "--x-height": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(size)
   }],
   fontSize: size => [_temp, {
-    "--x-fontSize": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(size * INITIALS_FONT_SIZE_RATIO)
+    "--x-fontSize": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`var(--_avatar-fallback-font-size, ${size * INITIALS_FONT_SIZE_RATIO}px)`)
   }],
   statusPosition: size => [_temp2, {
     "--x-bottom": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(size * CIRCLE_EDGE_OFFSET_RATIO),
@@ -372,7 +373,7 @@ export function Avatar({
         children: getInitials(name)
       }), showIcon && /*#__PURE__*/_jsx("div", {
         ...{
-          className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d x17x4s8c xv1l7n4 x9ynric x1e4wzip xtvhhri"
+          className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d xelv01g xicfil x9ynric xi08x9w xtvhhri"
         },
         children: /*#__PURE__*/_jsx(DefaultIcon, {
           size: numericSize
@@ -452,15 +453,13 @@ export function Avatar({
     value: numericSize,
     children: rootElement
   });
-  if (!showTooltip) {
-    return avatarElement;
-  }
 
-  // Render the tooltip as a sibling (no wrapper DOM) — the hook's ref is already
-  // attached to the root via `rootRef` above. `trimmedTooltip` is guaranteed
-  // non-empty here.
+  // Always return the same structure so the avatar keeps its position in the
+  // React tree regardless of the tooltip flag — toggling it must not remount
+  // the avatar subtree (and lose image-load state). The tooltip is a sibling
+  // (no wrapper DOM); the hook's ref is already on the root via `rootRef`.
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [avatarElement, tooltipHook.renderTooltip(trimmedTooltip)]
+    children: [avatarElement, showTooltip ? tooltipHook.renderTooltip(trimmedTooltip) : null]
   });
 }
 Avatar.displayName = 'Avatar';

package/dist/Banner/Banner.js

@@ -392,10 +392,10 @@ export function Banner({
         status
       }), {
         0: {
-          className: "x1de1mus x8o8v82 x1pzlopt x1i535u5 x1pcaw5z x92x3c3 x19ypqd9 x32b0ac x1q0q8m5 x1utcnwd xtgwc6q xw8gpjh"
+          className: "x1de1mus x8o8v82 x1pzlopt xgbv0en xw8tdv1 x92x3c3 x1t7ytsu x18b5jzi x1q0q8m5 x1j92z86 x1gejf6u xw8gpjh"
         },
         1: {
-          className: "x1de1mus x8o8v82 x1pzlopt x1i535u5 x1pcaw5z x92x3c3 x19ypqd9 x32b0ac x1q0q8m5 x1utcnwd xtgwc6q xw8gpjh xv76oww x1padx2d"
+          className: "x1de1mus x8o8v82 x1pzlopt xgbv0en xw8tdv1 x92x3c3 x1t7ytsu x18b5jzi x1q0q8m5 x1j92z86 x1gejf6u xw8gpjh xv76oww x1padx2d"
         }
       }[!!isCard << 0]),
       children: children

package/dist/Button/Button.js

@@ -467,10 +467,10 @@ export function Button({
     children: [isLoadingState && /*#__PURE__*/_jsx("span", {
       ...{
         0: {
-          className: "x10l6tqk x13vifvy xu96u03 x3m8u43 x1ey2m1c xrvj5dj x1ku5rj1"
+          className: "x10l6tqk x13vifvy x1o0tod xtijo5x x1ey2m1c xrvj5dj x1ku5rj1"
         },
         1: {
-          className: "x10l6tqk x13vifvy xu96u03 x3m8u43 x1ey2m1c xrvj5dj x1ku5rj1 xqcmdr3 xb2rp9n xskzprw x17yabm6 x14q22ui"
+          className: "x10l6tqk x13vifvy x1o0tod xtijo5x x1ey2m1c xrvj5dj x1ku5rj1 xqcmdr3 xb2rp9n xskzprw x17yabm6 x14q22ui"
         }
       }[!!delaySpinner << 0],
       "aria-hidden": "true",

package/dist/Calendar/Calendar.js

@@ -24,7 +24,7 @@ import { useAnnounce, useGridFocus } from "../hooks/index.js";
 import { useCalendarDays, useCalendarConstraints } from "./hooks/index.js";
 import { calendarStyles, monthGridStyles, dayCellStyles, dayCellTheme } from "./styles.js";
 import { plainDateFromISO, plainDateToISO, plainDateToDate, plainDateToday, plainDateSetFirstOfMonth, plainDateAddMonths, plainDateAddDays, plainDateIsBefore, plainDateIsEqual, plainDateGetWeekNumber, plainDateFormat, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_MONTH_YEAR } from "../utils/plainDate.js";
-import { mergeProps, composeEventHandlers } from "../utils/index.js";
+import { mergeProps, composeEventHandlers, rtlStyles } from "../utils/index.js";
 import { computeDayCellState, computeRangeRounding, computePreviewRounding, computeDayNeighborContinuity, isEndpoint } from "./dayCellUtils.js";
 
 // =============================================================================
@@ -283,7 +283,7 @@ export function Calendar({
         // caller classNames, so the RTL mirror must live on its own
         // element.
         _jsx("span", {
-          ...stylex.props(calendarStyles.navIcon),
+          ...stylex.props(calendarStyles.navIcon, rtlStyles.mirror),
           children: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronLeft",
             size: "sm",
@@ -304,7 +304,7 @@ export function Calendar({
         label: t('@astryx.calendar.nextMonth'),
         variant: "ghost",
         icon: /*#__PURE__*/_jsx("span", {
-          ...stylex.props(calendarStyles.navIcon),
+          ...stylex.props(calendarStyles.navIcon, rtlStyles.mirror),
           children: /*#__PURE__*/_jsx(Icon, {
             icon: "chevronRight",
             size: "sm",
@@ -692,9 +692,9 @@ function DayCell({
     "aria-selected": state.isSelected || state.isInRange || undefined,
     ...stylex.props(dayCellStyles.cell),
     children: [state.isInRange && /*#__PURE__*/_jsx("div", {
-      ...stylex.props(dayCellStyles.rangeBg, dayCellTheme.rangeBg, rangeRounding.roundLeft && dayCellStyles.rangeBgRadiusLeft, rangeRounding.roundRight && dayCellStyles.rangeBgRadiusRight, state.isRangeStart && dayCellStyles.rangeInsetLeft, state.isRangeStart && rangeRounding.roundRight && dayCellStyles.rangeInsetRight, state.isRangeEnd && dayCellStyles.rangeInsetRight, state.isRangeStart && rangeRounding.roundLeft && dayCellStyles.rangeInsetLeft)
+      ...stylex.props(dayCellStyles.rangeBg, dayCellTheme.rangeBg, rangeRounding.roundStart && dayCellStyles.rangeBgRadiusStart, rangeRounding.roundEnd && dayCellStyles.rangeBgRadiusEnd, state.isRangeStart && dayCellStyles.rangeInsetStart, state.isRangeStart && rangeRounding.roundEnd && dayCellStyles.rangeInsetEnd, state.isRangeEnd && dayCellStyles.rangeInsetEnd, state.isRangeStart && rangeRounding.roundStart && dayCellStyles.rangeInsetStart)
     }), state.isInPreview && /*#__PURE__*/_jsx("div", {
-      ...stylex.props(dayCellStyles.previewBg, dayCellTheme.previewBg, previewRounding.roundLeft && dayCellStyles.previewBgRadiusLeft, previewRounding.roundRight && dayCellStyles.previewBgRadiusRight, state.isPreviewStart && dayCellStyles.previewStart, state.isPreviewEnd && dayCellStyles.previewEnd)
+      ...stylex.props(dayCellStyles.previewBg, dayCellTheme.previewBg, previewRounding.roundStart && dayCellStyles.previewBgRadiusStart, previewRounding.roundEnd && dayCellStyles.previewBgRadiusEnd, state.isPreviewStart && dayCellStyles.previewStart, state.isPreviewEnd && dayCellStyles.previewEnd)
     }), /*#__PURE__*/_jsx("button", {
       type: "button",
       "data-date": day.iso,

package/dist/Calendar/dayCellUtils.d.ts

@@ -39,16 +39,16 @@ export declare function computeRangeRounding(state: DayCellState, neighbors?: {
     prevInRange?: boolean;
     nextInRange?: boolean;
 }): {
-    roundLeft: boolean;
-    roundRight: boolean;
+    roundStart: boolean;
+    roundEnd: boolean;
 };
 /** Rounding for the hover-preview background. */
 export declare function computePreviewRounding(state: DayCellState, neighbors?: {
     prevInPreview?: boolean;
     nextInPreview?: boolean;
 }): {
-    roundLeft: boolean;
-    roundRight: boolean;
+    roundStart: boolean;
+    roundEnd: boolean;
 };
 /** Whether a day is a selection endpoint (selected, range start, or range end). */
 export declare function isEndpoint(state: DayCellState): boolean;

package/dist/Calendar/dayCellUtils.js

@@ -49,8 +49,8 @@ function computeHighlightRounding(input) {
   const prevBreaks = input.prevContinues !== undefined ? !input.prevContinues : false;
   const nextBreaks = input.nextContinues !== undefined ? !input.nextContinues : false;
   return {
-    roundLeft: input.isStart || input.isFirstColumn || prevBreaks,
-    roundRight: input.isEnd || input.isLastColumn || nextBreaks
+    roundStart: input.isStart || input.isFirstColumn || prevBreaks,
+    roundEnd: input.isEnd || input.isLastColumn || nextBreaks
   };
 }
 

package/dist/Calendar/styles.d.ts

@@ -48,7 +48,6 @@ export declare const calendarStyles: Readonly<{
     }>;
     readonly navIcon: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
-        readonly transform: stylex.StyleXClassNameFor<"transform", "scaleX(-1)" | null>;
     }>;
 }>;
 export declare const monthGridStyles: Readonly<{
@@ -103,51 +102,51 @@ export declare const dayCellStyles: Readonly<{
         readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
         readonly top: stylex.StyleXClassNameFor<"top", "2px">;
         readonly bottom: stylex.StyleXClassNameFor<"bottom", "2px">;
-        readonly left: stylex.StyleXClassNameFor<"left", 0>;
-        readonly right: stylex.StyleXClassNameFor<"right", 0>;
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
     }>;
-    readonly rangeBgRadiusLeft: Readonly<{
-        readonly left: stylex.StyleXClassNameFor<"left", "2px">;
-        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "9999px">;
-        readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "9999px">;
+    readonly rangeBgRadiusStart: Readonly<{
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
+        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", "9999px">;
+        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", "9999px">;
     }>;
-    readonly rangeBgRadiusRight: Readonly<{
-        readonly right: stylex.StyleXClassNameFor<"right", "2px">;
-        readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "9999px">;
-        readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "9999px">;
+    readonly rangeBgRadiusEnd: Readonly<{
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
+        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", "9999px">;
+        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", "9999px">;
     }>;
-    readonly rangeInsetLeft: Readonly<{
-        readonly left: stylex.StyleXClassNameFor<"left", "2px">;
+    readonly rangeInsetStart: Readonly<{
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
     }>;
-    readonly rangeInsetRight: Readonly<{
-        readonly right: stylex.StyleXClassNameFor<"right", "2px">;
+    readonly rangeInsetEnd: Readonly<{
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
     }>;
     readonly previewBg: Readonly<{
         readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
         readonly top: stylex.StyleXClassNameFor<"top", "2px">;
         readonly bottom: stylex.StyleXClassNameFor<"bottom", "2px">;
-        readonly left: stylex.StyleXClassNameFor<"left", 0>;
-        readonly right: stylex.StyleXClassNameFor<"right", 0>;
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
     }>;
-    readonly previewBgRadiusLeft: Readonly<{
-        readonly left: stylex.StyleXClassNameFor<"left", "2px">;
-        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "9999px">;
-        readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "9999px">;
+    readonly previewBgRadiusStart: Readonly<{
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
+        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", "9999px">;
+        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", "9999px">;
     }>;
-    readonly previewBgRadiusRight: Readonly<{
-        readonly right: stylex.StyleXClassNameFor<"right", "2px">;
-        readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "9999px">;
-        readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "9999px">;
+    readonly previewBgRadiusEnd: Readonly<{
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
+        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", "9999px">;
+        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", "9999px">;
     }>;
     readonly previewStart: Readonly<{
-        readonly left: stylex.StyleXClassNameFor<"left", "2px">;
-        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "9999px">;
-        readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "9999px">;
+        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
+        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", "9999px">;
+        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", "9999px">;
     }>;
     readonly previewEnd: Readonly<{
-        readonly right: stylex.StyleXClassNameFor<"right", "2px">;
-        readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "9999px">;
-        readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "9999px">;
+        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
+        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", "9999px">;
+        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", "9999px">;
     }>;
     readonly day: Readonly<{
         readonly width: stylex.StyleXClassNameFor<"width", "28px">;

package/dist/Calendar/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAgB3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDzB,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC1B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GxB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAgB3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CzB,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC1B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GxB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEvB,CAAC"}

package/dist/Calendar/styles.js

@@ -63,7 +63,6 @@ export const calendarStyles = {
   },
   navIcon: {
     k1xSpc: "x3nfvp2",
-    k3aq6I: "xgtlewx",
     $$css: true
   }
 };
@@ -137,60 +136,60 @@ export const dayCellStyles = {
     kVAEAm: "x10l6tqk",
     k87sOh: "xs7f9wi",
     krVfgx: "x1c7jfne",
-    kbCHJM: "xu96u03",
-    kCIrl2: "x3m8u43",
+    kLqNvP: "x1o0tod",
+    kt4wiu: "xtijo5x",
     $$css: true
   },
-  rangeBgRadiusLeft: {
-    kbCHJM: "x54rlcq",
-    kIxVMA: "x99wiku",
-    kqGeR4: "xi9l6n1",
+  rangeBgRadiusStart: {
+    kLqNvP: "xaoy8p5",
+    krdFHd: "x19415el",
+    kVL7Gh: "x1wc3881",
     $$css: true
   },
-  rangeBgRadiusRight: {
-    kCIrl2: "x3lmqil",
-    ksF3WI: "x11ly021",
-    kYm2EN: "x1gu3054",
+  rangeBgRadiusEnd: {
+    kt4wiu: "xz03a8w",
+    kfmiAY: "x8agd5o",
+    kT0f0o: "x1dgc8on",
     $$css: true
   },
-  rangeInsetLeft: {
-    kbCHJM: "x54rlcq",
+  rangeInsetStart: {
+    kLqNvP: "xaoy8p5",
     $$css: true
   },
-  rangeInsetRight: {
-    kCIrl2: "x3lmqil",
+  rangeInsetEnd: {
+    kt4wiu: "xz03a8w",
     $$css: true
   },
   previewBg: {
     kVAEAm: "x10l6tqk",
     k87sOh: "xs7f9wi",
     krVfgx: "x1c7jfne",
-    kbCHJM: "xu96u03",
-    kCIrl2: "x3m8u43",
+    kLqNvP: "x1o0tod",
+    kt4wiu: "xtijo5x",
     $$css: true
   },
-  previewBgRadiusLeft: {
-    kbCHJM: "x54rlcq",
-    kIxVMA: "x99wiku",
-    kqGeR4: "xi9l6n1",
+  previewBgRadiusStart: {
+    kLqNvP: "xaoy8p5",
+    krdFHd: "x19415el",
+    kVL7Gh: "x1wc3881",
     $$css: true
   },
-  previewBgRadiusRight: {
-    kCIrl2: "x3lmqil",
-    ksF3WI: "x11ly021",
-    kYm2EN: "x1gu3054",
+  previewBgRadiusEnd: {
+    kt4wiu: "xz03a8w",
+    kfmiAY: "x8agd5o",
+    kT0f0o: "x1dgc8on",
     $$css: true
   },
   previewStart: {
-    kbCHJM: "x54rlcq",
-    kIxVMA: "x99wiku",
-    kqGeR4: "xi9l6n1",
+    kLqNvP: "xaoy8p5",
+    krdFHd: "x19415el",
+    kVL7Gh: "x1wc3881",
     $$css: true
   },
   previewEnd: {
-    kCIrl2: "x3lmqil",
-    ksF3WI: "x11ly021",
-    kYm2EN: "x1gu3054",
+    kt4wiu: "xz03a8w",
+    kfmiAY: "x8agd5o",
+    kT0f0o: "x1dgc8on",
     $$css: true
   },
   day: {

package/dist/Carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAIhD,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAyJD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,QAAQ,EACR,GAAO,EACP,UAAiB,EACjB,WAAkB,EAClB,OAAe,EACf,OAAO,EACP,YAAY,EAAE,kBAAkB,EAChC,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,aAAa,+BAiMf;yBA/Me,QAAQ"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/Carousel/Carousel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAIhD,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA+JD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,QAAQ,EACR,GAAO,EACP,UAAiB,EACjB,WAAkB,EAClB,OAAe,EACf,OAAO,EACP,YAAY,EAAE,kBAAkB,EAChC,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,aAAa,+BA6Mf;yBA3Ne,QAAQ"}

package/dist/Carousel/Carousel.js

@@ -27,7 +27,8 @@ import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
 import { useLayer } from "../Layer/index.js";
 import { useScrollOverflow } from "../hooks/useScrollOverflow.js";
-import { mergeProps, mergeRefs } from "../utils/index.js";
+import { isRtlElement } from "../hooks/isRtlElement.js";
+import { mergeProps, mergeRefs, rtlStyles } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { useTranslator } from "../i18n/index.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -284,7 +285,10 @@ export function Carousel({
     // for users who opted out of motion.
     const prefersReducedMotion = typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     el.scrollBy({
-      left: direction * Math.max(amount, itemWidth),
+      // `direction` is the logical intent (-1 = toward content start, +1 =
+      // toward content end). Under RTL the scroll axis is inverted (start is
+      // scrollLeft 0, the end is negative), so flip the physical delta sign.
+      left: (isRtlElement(el) ? -1 : 1) * direction * Math.max(amount, itemWidth),
       behavior: prefersReducedMotion ? 'auto' : 'smooth'
     });
   }, []);
@@ -332,16 +336,19 @@ export function Carousel({
       children: [/*#__PURE__*/_jsx("div", {
         ...{
           0: {
-            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x67bb7w x1hc1fzr x19991ni xuedmi6 xlr8y92 xuuh30"
+            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x67bb7w x1hc1fzr x19991ni xuedmi6 xlr8y92 xuuh30 x1nyx83j"
           },
           1: {
-            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x19991ni xuedmi6 xlr8y92 xuuh30 xg01cxk x47corl"
+            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x19991ni xuedmi6 xlr8y92 xuuh30 x1nyx83j xg01cxk x47corl"
           }
         }[!!!overflowStart << 0],
         children: /*#__PURE__*/_jsx(Button, {
-          icon: /*#__PURE__*/_jsx(Icon, {
-            icon: "chevronLeft",
-            size: "xsm"
+          icon: /*#__PURE__*/_jsx("span", {
+            ...stylex.props(rtlStyles.mirror),
+            children: /*#__PURE__*/_jsx(Icon, {
+              icon: "chevronLeft",
+              size: "xsm"
+            })
           }),
           label: t('@astryx.carousel.scrollLeft'),
           variant: "ghost",
@@ -359,16 +366,19 @@ export function Carousel({
       }), /*#__PURE__*/_jsx("div", {
         ...{
           0: {
-            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x67bb7w x1hc1fzr x19991ni xuedmi6 xlr8y92 xitnhlw"
+            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x67bb7w x1hc1fzr x19991ni xuedmi6 xlr8y92 xitnhlw x36dvrd"
           },
           1: {
-            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x19991ni xuedmi6 xlr8y92 xitnhlw xg01cxk x47corl"
+            className: "x78zum5 x6s0dn4 xl56j7k x1prclbq xjspbzw x14hfi27 x19991ni xuedmi6 xlr8y92 xitnhlw x36dvrd xg01cxk x47corl"
           }
         }[!!!overflowEnd << 0],
         children: /*#__PURE__*/_jsx(Button, {
-          icon: /*#__PURE__*/_jsx(Icon, {
-            icon: "chevronRight",
-            size: "xsm"
+          icon: /*#__PURE__*/_jsx("span", {
+            ...stylex.props(rtlStyles.mirror),
+            children: /*#__PURE__*/_jsx(Icon, {
+              icon: "chevronRight",
+              size: "xsm"
+            })
           }),
           label: t('@astryx.carousel.scrollRight'),
           variant: "ghost",

package/dist/Chat/ChatComposerInput.js

@@ -458,7 +458,7 @@ export function ChatComposerInput(props) {
     ...rest,
     children: [isEmpty && /*#__PURE__*/_jsx("div", {
       ...{
-        className: "x10l6tqk x13vifvy xu96u03 x3m8u43 x47corl xv1l7n4 xjm74w1 x6pjikd x19v9tvf x9ynric x87ps6o x9epnlk"
+        className: "x10l6tqk x13vifvy x1o0tod xtijo5x x47corl xv1l7n4 xjm74w1 x6pjikd x19v9tvf x9ynric x87ps6o x9epnlk"
       },
       "aria-hidden": "true",
       children: placeholder

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDictationButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatDictationButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,wBAAwB,CAAC;AAMvE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,sEAAsE;IACtE,SAAS,EAAE,0BAA0B,CAAC;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiDD;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,IAAW,EACX,uBAA8B,EAC9B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,4BA+D1B;yBAzEe,mBAAmB"}
+{"version":3,"file":"ChatDictationButton.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatDictationButton.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,wBAAwB,CAAC;AAMvE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,sEAAsE;IACtE,SAAS,EAAE,0BAA0B,CAAC;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiDD;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,SAAS,EACT,IAAW,EACX,uBAA8B,EAC9B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,4BAoE1B;yBA9Ee,mBAAmB"}

package/dist/Chat/ChatDictationButton.js

@@ -24,6 +24,7 @@ import { colorVars, radiusVars } from "../theme/tokens.stylex.js";
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
 import { mergeProps } from "../utils/index.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
@@ -86,6 +87,7 @@ export function ChatDictationButton({
   style,
   ...rest
 }) {
+  const t = useTranslator();
   if (isHiddenWhenUnsupported && !dictation.isSupported) {
     return null;
   }
@@ -94,7 +96,7 @@ export function ChatDictationButton({
     bands,
     volume: rawVolume
   } = dictation;
-  const accessibleLabel = label ?? (isListening ? 'Stop dictation' : 'Start dictation');
+  const accessibleLabel = label ?? (isListening ? t('@astryx.chatDictationButton.stopDictation') : t('@astryx.chatDictationButton.startDictation'));
 
   // Boost each band for visibility — quiet speech (0-10%) maps to full visual range
   const boostedBands = bands.map(b => Math.min(Math.pow(b / 0.2, 0.5), 1));

package/dist/Chat/ChatLayout.js

@@ -69,8 +69,8 @@ const styles = {
   blurLayer: {
     kVAEAm: "x10l6tqk",
     krVfgx: "x1ey2m1c",
-    kbCHJM: "xu96u03",
-    kCIrl2: "x3m8u43",
+    kLqNvP: "x1o0tod",
+    kt4wiu: "xtijo5x",
     kfzvcC: "x47corl",
     k6WDB: "xvn2z4z",
     keRtuK: "x67t5t6",
@@ -258,10 +258,10 @@ export function ChatLayout({
       }), /*#__PURE__*/_jsxs("div", {
         ...{
           0: {
-            className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl xixxii4"
+            className: "x1ey2m1c x1o0tod xtijo5x x1ja2u2z xc8icb0 x47corl xixxii4"
           },
           1: {
-            className: "x1ey2m1c xu96u03 x3m8u43 x1ja2u2z xc8icb0 x47corl x7wzq59"
+            className: "x1ey2m1c x1o0tod xtijo5x x1ja2u2z xc8icb0 x47corl x7wzq59"
           }
         }[!!isSelfScrolling << 0],
         children: [scrollButton === undefined ? defaultScrollButton : scrollButton, /*#__PURE__*/_jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAuB5C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAqYD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAqJtD;yBArJe,aAAa"}
+{"version":3,"file":"ChatToolCalls.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatToolCalls.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwB5C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AA0YD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAsJtD;yBAtJe,aAAa"}

package/dist/Chat/ChatToolCalls.js

@@ -27,6 +27,7 @@ import { Icon } from "../Icon/index.js";
 import { Spinner } from "../Spinner/index.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
@@ -104,6 +105,7 @@ function getToolCallKey(call) {
 function CallRow({
   call
 }) {
+  const t = useTranslator();
   const status = call.status ?? 'complete';
   const hasDetail = call.resultDetail != null;
   const [isDetailOpen, setIsDetailOpen] = useState(false);
@@ -160,7 +162,9 @@ function CallRow({
       // users. Rendering it inside the row also folds it into the
       // accessible name of expandable (role="button") rows.
       _jsx(VisuallyHidden, {
-        children: `Error: ${call.errorMessage}`
+        children: t('@astryx.chatToolCalls.error', {
+          message: call.errorMessage ?? ''
+        })
       })]
     }), /*#__PURE__*/_jsx("span", {
       ...{
@@ -252,6 +256,7 @@ function CallRow({
  * ```
  */
 export function ChatToolCalls(props) {
+  const t = useTranslator();
   const {
     calls,
     label: _customLabel,
@@ -324,11 +329,13 @@ export function ChatToolCalls(props) {
             size: "sm",
             color: "inherit"
           })
-        }), /*#__PURE__*/_jsxs("span", {
+        }), /*#__PURE__*/_jsx("span", {
           ...{
             className: "x141an7d x1ltkj2j x9ynric x1e4wzip xv1l7n4"
           },
-          children: [calls.length, " tool calls"]
+          children: t('@astryx.chatToolCalls.groupLabel', {
+            count: calls.length
+          })
         })]
       }) : /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx("span", {

package/dist/Chat/useTriggerMenu.js

@@ -466,10 +466,10 @@ export function useTriggerMenu(options) {
             })),
             ...{
               0: {
-                className: "x9f619 x78zum5 x6s0dn4 xh8yej3 xlsj2fj xh6dtrn x1ypdohk x1a2a7pz xjbqb8w xdpxx8g x9ynric xjm74w1 xw6l6zx x1tgivj0"
+                className: "x9f619 x78zum5 x6s0dn4 xh8yej3 xlsj2fj xh6dtrn x1ypdohk x1a2a7pz xjbqb8w x1yc453h x9ynric xjm74w1 xw6l6zx x1tgivj0"
               },
               1: {
-                className: "x9f619 x78zum5 x6s0dn4 xh8yej3 xlsj2fj xh6dtrn x1ypdohk x1a2a7pz xdpxx8g x9ynric xjm74w1 xw6l6zx x1tgivj0 x1lmrjuc"
+                className: "x9f619 x78zum5 x6s0dn4 xh8yej3 xlsj2fj xh6dtrn x1ypdohk x1a2a7pz x1yc453h x9ynric xjm74w1 xw6l6zx x1tgivj0 x1lmrjuc"
               }
             }[!!(idx === state.highlightedIndex) << 0],
             children: trigger?.renderItem ? trigger.renderItem(item) : /*#__PURE__*/_jsx("span", {