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

package/dist/Switch/Switch.js

@@ -30,7 +30,7 @@ import { themeProps } from "../utils/themeProps.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
 
 // Fixed dimensions: 40px width, 24px height, 16px thumb (off), 20px thumb (on)
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const SWITCH_WIDTH = 40;
 const SWITCH_HEIGHT = 24;
 const THUMB_SIZE_OFF = 16;
@@ -133,9 +133,11 @@ export function Switch({
   });
 
   // Build aria-describedby from description and status message
-  // Only include descriptionID when the element actually renders
+  // Only include descriptionID when the element actually renders.
+  // FieldLabel renders the description (with descriptionID) even when the
+  // label is visually hidden — it's sr-only, so keep it linked.
   const describedByParts = [];
-  if (description && !isLabelHidden) {
+  if (description) {
     describedByParts.push(descriptionID);
   }
   if (status?.message) {
@@ -145,11 +147,11 @@ export function Switch({
     describedByParts.push(disabledMessageTooltip.describedBy);
   }
   const ariaDescribedBy = describedByParts.length > 0 ? describedByParts.join(' ') : undefined;
-  const switchElement = /*#__PURE__*/_jsxDEV("div", {
+  const switchElement = /*#__PURE__*/_jsxs("div", {
     ...{
       className: "x1n2onr6 x78zum5 x6s0dn4 x2lah0s x100vrsf xxk0z11 xc8icb0"
     },
-    children: [/*#__PURE__*/_jsxDEV("input", {
+    children: [/*#__PURE__*/_jsx("input", {
       ref: mergeRefs(ref, disabledMessageTooltip.positionRef),
       id: id,
       type: "checkbox",
@@ -199,7 +201,7 @@ export function Switch({
           className: "x10l6tqk x1ghz6dp x1717udv xg01cxk x1vjfegm x100vrsf xxk0z11 x1h6gzvc x47corl"
         }
       }[!!isDisabled << 1 | !!isBusy << 0]
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+    }), /*#__PURE__*/_jsx("div", {
       "aria-hidden": "true",
       ...mergeProps(themeProps('switch', {
         checked: isOn ? 'checked' : null,
@@ -254,7 +256,7 @@ export function Switch({
           className: "x78zum5 x6s0dn4 x100vrsf xxk0z11 xfawy5m xjspbzw x15406qy xuedmi6 x12w9bfk xlr8y92 x9f619 x1a2a7pz x1gj1ihy x1edzap1 xbyyjgo xspzpui"
         }
       }[!!isOn << 3 | !!!isDisabled << 2 | !!isDisabled << 1 | !!(isDisabled && !isOn) << 0]),
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsx("div", {
         ...mergeProps(themeProps('switch-thumb', {
           checked: isOn ? 'checked' : null
         }), {
@@ -265,20 +267,20 @@ export function Switch({
             className: "x78zum5 x6s0dn4 xl56j7k xjspbzw x10xzikg xh3q6i0 xuedmi6 x12w9bfk xlr8y92 xw4jnvo x1qx5ct2 x15481yp"
           }
         }[!!isOn << 0]),
-        children: isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
+        children: isBusy && /*#__PURE__*/_jsx(Spinner, {
           size: "sm"
-        }, void 0, false)
-      }, void 0, false)
-    }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+        })
+      })
+    }), isBusy && /*#__PURE__*/_jsx(VisuallyHidden, {
       role: "status",
       children: "Loading"
-    }, void 0, false)]
-  }, void 0, true);
-  const labelElement = /*#__PURE__*/_jsxDEV("div", {
+    })]
+  });
+  const labelElement = /*#__PURE__*/_jsx("div", {
     ...{
       className: "x78zum5 xdt5ytf x1lsbc85 xl56j7k xjwf9q1"
     },
-    children: /*#__PURE__*/_jsxDEV(FieldLabel, {
+    children: /*#__PURE__*/_jsx(FieldLabel, {
       label: label,
       inputID: id,
       isLabelHidden: isLabelHidden,
@@ -289,15 +291,15 @@ export function Switch({
       labelTooltip: labelTooltip,
       description: description,
       descriptionID: descriptionID
-    }, void 0, false)
-  }, void 0, false);
-  return /*#__PURE__*/_jsxDEV("div", {
+    })
+  });
+  return /*#__PURE__*/_jsxs("div", {
     ...mergeProps(themeProps('switch-field', {
       labelPosition: labelPosition !== 'end' ? labelPosition : undefined,
       labelSpacing: resolvedLabelSpacing !== 'hug' ? resolvedLabelSpacing : undefined
     }), stylex.props(width != null && dynamicWidthStyles.width(width), xstyle), className, style),
     ...rest,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: el => {
         // Interaction (hover/focus) listeners for the disabled-message
         // tooltip attach to the whole row for a larger trigger target;
@@ -308,22 +310,22 @@ export function Switch({
         disabledMessageTooltip.interactionRef(el);
       },
       ...stylex.props(styles.container, resolvedLabelSpacing === 'spread' && styles.containerSpread, !isDisabled && switchScope),
-      children: [' ', labelPosition === 'start' ? /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [' ', labelPosition === 'start' ? /*#__PURE__*/_jsxs(_Fragment, {
         children: [labelElement, switchElement]
-      }, void 0, true) : /*#__PURE__*/_jsxDEV(_Fragment, {
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
         children: [switchElement, labelElement]
-      }, void 0, true)]
-    }, void 0, true), status?.message && /*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), status?.message && /*#__PURE__*/_jsx("div", {
       ...{
         className: "xtbrsbv"
       },
-      children: /*#__PURE__*/_jsxDEV(FieldStatus, {
+      children: /*#__PURE__*/_jsx(FieldStatus, {
         type: status.type,
         message: status.message,
         id: statusMessageID,
         variant: "detached"
-      }, void 0, false)
-    }, void 0, false), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+      })
+    }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
+  });
 }
 Switch.displayName = 'Switch';

package/dist/TabList/Tab.js

@@ -26,7 +26,7 @@ import { useLinkComponent } from "../Link/useLinkComponent.js";
 import { mergeProps } from "../utils/index.js";
 import { EDGE_COMP_ATTR } from "../Layout/edgeCompensation.stylex.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
 // =============================================================================
@@ -176,10 +176,10 @@ export function Tab({
   const handleSelect = useCallback(() => {
     tabListCtx.onChange(value);
   }, [tabListCtx, value]);
-  const iconElement = displayIcon ? /*#__PURE__*/_jsxDEV("span", {
+  const iconElement = displayIcon ? /*#__PURE__*/_jsx("span", {
     ...stylex.props(styles.icon, iconSizeStyles[size]),
     children: displayIcon
-  }, void 0, false) : null;
+  }) : null;
   const sharedProps = {
     ...restProps,
     ...(isLabelHidden ? {
@@ -197,11 +197,11 @@ export function Tab({
       selected: isSelected ? 'selected' : null
     }), stylex.props(styles.base, sizeStyles[size], isSelected && styles.selected, isFill && layoutStyles.fill, tabScope, xstyle), className, style)
   };
-  const hoverBgElement = /*#__PURE__*/_jsxDEV("span", {
+  const hoverBgElement = /*#__PURE__*/_jsx("span", {
     "aria-hidden": "true",
     ...stylex.props(styles.hoverBg, hoverSizeStyles[size])
-  }, void 0, false);
-  const indicatorElement = /*#__PURE__*/_jsxDEV("span", {
+  });
+  const indicatorElement = /*#__PURE__*/_jsx("span", {
     ...mergeProps(themeProps('tab-indicator', {
       selected: isSelected ? 'selected' : null
     }), {
@@ -212,45 +212,45 @@ export function Tab({
         className: "x10l6tqk xqmqy1e xnp31yv xmz3bnw x36qwtl xjspbzw x47corl xnpjden xuedmi6 xlr8y92 x1ewilqj x1hc1fzr"
       }
     }[!!isSelected << 0])
-  }, void 0, false);
-  const labelElement = hasVisibleLabel ? /*#__PURE__*/_jsxDEV("span", {
+  });
+  const labelElement = hasVisibleLabel ? /*#__PURE__*/_jsxs("span", {
     ...{
       className: "xwz0xwf"
     },
-    children: [/*#__PURE__*/_jsxDEV("span", {
+    children: [/*#__PURE__*/_jsx("span", {
       ...{
         className: "x1agbcgv xcrlgei"
       },
       children: label
-    }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+    }), /*#__PURE__*/_jsx("span", {
       "aria-hidden": "true",
       ...{
         className: "x1agbcgv xcrlgei xlshs6z x47corl x2mo6ok"
       },
       children: label
-    }, void 0, false)]
-  }, void 0, true) : null;
-  const endContentElement = endContent ? /*#__PURE__*/_jsxDEV("span", {
+    })]
+  }) : null;
+  const endContentElement = endContent ? /*#__PURE__*/_jsx("span", {
     ...{
       className: "x3nfvp2 x6s0dn4 x2lah0s"
     },
     children: endContent
-  }, void 0, false) : null;
+  }) : null;
   if (href != null) {
-    return /*#__PURE__*/_jsxDEV(LinkComponent, {
+    return /*#__PURE__*/_jsxs(LinkComponent, {
       ref: ref,
       href: href,
       onClick: handleSelect,
       ...sharedProps,
       children: [hoverBgElement, iconElement, labelElement, endContentElement, indicatorElement]
-    }, void 0, true);
+    });
   }
-  return /*#__PURE__*/_jsxDEV("button", {
+  return /*#__PURE__*/_jsxs("button", {
     ref: ref,
     type: "button",
     onClick: handleSelect,
     ...sharedProps,
     children: [hoverBgElement, iconElement, labelElement, endContentElement, indicatorElement]
-  }, void 0, true);
+  });
 }
 Tab.displayName = 'Tab';

package/dist/TabList/TabList.d.ts

@@ -74,7 +74,7 @@ export interface TabListProps extends Omit<BaseProps<HTMLElement>, 'onChange'> {
  * </TabList>
  * ```
  */
-export declare function TabList({ ref, value, onChange, size: sizeProp, layout, hasDivider, orientation, xstyle, className, style, children, onKeyDown: onKeyDownProp, onFocus: onFocusProp, onBlur: onBlurProp, 'aria-label': ariaLabel, 'aria-orientation': _ariaOrientation, [EDGE_COMP_ATTR]: _edgeCompAttr, ...restProps }: TabListProps): React.JSX.Element;
+export declare function TabList({ ref, value, onChange, size: sizeProp, layout, hasDivider, orientation, xstyle, className, style, children, onKeyDown: onKeyDownProp, onFocus: onFocusProp, onBlur: onBlurProp, 'aria-label': ariaLabelFromProps, 'aria-orientation': _ariaOrientation, [EDGE_COMP_ATTR]: _edgeCompAttr, ...restProps }: TabListProps): React.JSX.Element;
 export declare namespace TabList {
     var displayName: string;
 }

package/dist/TabList/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../src/TabList/TabList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,kBAAkB,EAAE,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAKtE,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAUjE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAoBD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,MAAc,EACd,UAAkB,EAClB,WAA0B,EAC1B,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,SAAkB,EAChC,kBAAkB,EAAE,gBAAgB,EACpC,CAAC,cAAc,CAAC,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,YAAY,qBAiGd;yBApHe,OAAO"}
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../src/TabList/TabList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,kBAAkB,EAAE,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAKtE,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAWjE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAoBD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,MAAc,EACd,UAAkB,EAClB,WAA0B,EAC1B,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,gBAAgB,EACpC,CAAC,cAAc,CAAC,EAAE,aAAa,EAC/B,GAAG,SAAS,EACb,EAAE,YAAY,qBAmGd;yBAtHe,OAAO"}

package/dist/TabList/TabList.js

@@ -27,13 +27,14 @@ import { useListFocus } from "../hooks/useListFocus.js";
 import { useKeyboardHint } from "../hooks/useKeyboardHint.js";
 import { EDGE_COMP_ATTR } from "../Layout/edgeCompensation.stylex.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 /**
  * Selector matching the focusable stops in the tab strip: every Tab
  * (`[data-tab-value]`) and every TabMenu trigger (`[data-tab-menu]`),
  * in DOM order. Disabled stops are filtered out by the handler.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const TAB_STOP_SELECTOR = '[data-tab-value],[data-tab-menu]';
 const styles = {
   nav: {
@@ -87,11 +88,13 @@ export function TabList({
   onKeyDown: onKeyDownProp,
   onFocus: onFocusProp,
   onBlur: onBlurProp,
-  'aria-label': ariaLabel = 'Tabs',
+  'aria-label': ariaLabelFromProps,
   'aria-orientation': _ariaOrientation,
   [EDGE_COMP_ATTR]: _edgeCompAttr,
   ...restProps
 }) {
+  const t = useTranslator();
+  const ariaLabel = ariaLabelFromProps ?? t('@astryx.tabList.label');
   const size = useSize(sizeProp, 'md');
 
   // Roving-tabindex keyboard navigation across the tab strip via the shared
@@ -155,9 +158,9 @@ export function TabList({
     }
     onHintBlur(e);
   }, [onBlurProp, onHintBlur]);
-  return /*#__PURE__*/_jsxDEV(TabListContext, {
+  return /*#__PURE__*/_jsx(TabListContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV("nav", {
+    children: /*#__PURE__*/_jsxs("nav", {
       ref: mergeRefs(ref, listRef),
       ...restProps,
       "aria-label": ariaLabel,
@@ -169,7 +172,7 @@ export function TabList({
         size
       }), stylex.props(styles.nav, layout === 'fill' && styles.fill, hasDivider && styles.divider, xstyle), className, style),
       children: [children, hintElement]
-    }, void 0, true)
-  }, void 0, false);
+    })
+  });
 }
 TabList.displayName = 'TabList';

package/dist/TabList/TabMenu.js

@@ -28,7 +28,7 @@ import "./tab.markers.stylex.js";
 import { tabScope } from "./tab.markers.stylex.js";
 import { mergeProps, mergeRefs } 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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -191,8 +191,8 @@ export function TabMenu({
     popover.hide();
   }, [tabListCtx, popover]);
   const setButtonRef = mergeRefs(popover.triggerRef, buttonRef, ref);
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("button", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("button", {
       ref: setButtonRef,
       type: "button",
       "aria-haspopup": "menu",
@@ -202,26 +202,26 @@ export function TabMenu({
       tabIndex: hasSelectedOption ? 0 : -1,
       onClick: handleToggle,
       ...mergeProps(themeProps('tab-menu'), stylex.props(styles.trigger, sizeStyles[size], hasSelectedOption && styles.triggerSelected, tabScope, xstyle), className, style),
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         "aria-hidden": "true",
         ...stylex.props(styles.hoverBg, hoverSizeStyles[size])
-      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+      }), /*#__PURE__*/_jsxs("span", {
         ...{
           className: "x1n2onr6 xwz0xwf x6s0dn4 xkh2ocl"
         },
-        children: [/*#__PURE__*/_jsxDEV("span", {
+        children: [/*#__PURE__*/_jsx("span", {
           ...{
             className: "x1agbcgv xcrlgei"
           },
           children: triggerLabel
-        }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+        }), /*#__PURE__*/_jsx("span", {
           "aria-hidden": "true",
           ...{
             className: "x1agbcgv xcrlgei xlshs6z x47corl x2mo6ok"
           },
           children: triggerLabel
-        }, void 0, false)]
-      }, void 0, true), /*#__PURE__*/_jsxDEV("span", {
+        })]
+      }), /*#__PURE__*/_jsx("span", {
         "aria-hidden": "true",
         ...{
           0: {
@@ -231,19 +231,19 @@ export function TabMenu({
             className: "x12xnipv x6b6gus x2lah0s x11xpdln xuedmi6 xlr8y92 x19jd1h0"
           }
         }[!!popover.isOpen << 0],
-        children: /*#__PURE__*/_jsxDEV(Icon, {
+        children: /*#__PURE__*/_jsx(Icon, {
           icon: "chevronDown",
           size: "sm",
           color: "inherit"
-        }, void 0, false)
-      }, void 0, false), hasSelectedOption && /*#__PURE__*/_jsxDEV("span", {
+        })
+      }), hasSelectedOption && /*#__PURE__*/_jsx("span", {
         ...mergeProps(themeProps('tab-indicator', {
           selected: 'selected'
         }), {
           className: "x10l6tqk xqmqy1e xnp31yv xmz3bnw x36qwtl xjspbzw x47corl xnpjden xuedmi6 xlr8y92 xowkcby x1hc1fzr"
         })
-      }, void 0, false)]
-    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
+      })]
+    }), popover.render(/*#__PURE__*/_jsxs("div", {
       ref: listRef,
       id: menuId,
       role: "menu",
@@ -253,15 +253,15 @@ export function TabMenu({
       ...mergeProps(themeProps('tab-menu-dropdown'), {
         className: "x78zum5 xdt5ytf x1lsbc85 xu0wf1k x7a5moj"
       }),
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         role: "presentation",
         ...{
           className: "x141an7d x1ltkj2j x2mo6ok xv1l7n4 xu0wf1k xrrkdod"
         },
         children: label
-      }, void 0, false), options.map(option => {
+      }), options.map(option => {
         const isSelected = tabListCtx.value === option.value;
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsxs("div", {
           role: "menuitem",
           tabIndex: -1,
           "aria-current": isSelected ? 'true' : undefined,
@@ -280,7 +280,7 @@ export function TabMenu({
               className: "x78zum5 x6s0dn4 x1qughib x1txdalj xce4md1 xrrkdod xh6dtrn xjb2p0i xcr08ib x1kq96og x1tgivj0 x1ypdohk x15406qy xuedmi6 xlr8y92 xjbqb8w xe9uy6x x17nn4n9 x1e4wzip"
             }
           }[!!isSelected << 0]),
-          children: [/*#__PURE__*/_jsxDEV("span", {
+          children: [/*#__PURE__*/_jsxs("span", {
             ...{
               className: "x78zum5 x6s0dn4 x1txdalj"
             },
@@ -288,17 +288,17 @@ export function TabMenu({
               size: 'sm',
               color: 'secondary'
             }), option.label]
-          }, void 0, true), isSelected && /*#__PURE__*/_jsxDEV(Icon, {
+          }), isSelected && /*#__PURE__*/_jsx(Icon, {
             icon: "check",
             size: "sm",
             color: "accent"
-          }, void 0, false)]
-        }, option.value, true);
+          })]
+        }, option.value);
       })]
-    }, void 0, true), {
+    }), {
       placement: 'below',
       alignment: 'start'
     })]
-  }, void 0, true);
+  });
 }
 TabMenu.displayName = 'TabMenu';

package/dist/Table/BaseTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../src/Table/BaseTable.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,KAAK,YAAY,EAAkB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EACV,cAAc,EAYf,MAAM,SAAS,CAAC;AA0iBjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3E,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAC,KACrD,YAAY,CAAC"}
+{"version":3,"file":"BaseTable.d.ts","sourceRoot":"","sources":["../../src/Table/BaseTable.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,KAAK,YAAY,EAAkB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EACV,cAAc,EAYf,MAAM,SAAS,CAAC;AAijBjB;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3E,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAC,KACrD,YAAY,CAAC"}

package/dist/Table/BaseTable.js

@@ -28,7 +28,8 @@ import { mergeProps } from "../utils/index.js";
 import { EmptyState } from "../EmptyState/index.js";
 import { Text } from "../Text/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   table: {
     kzqmXN: "xh8yej3",
@@ -129,36 +130,36 @@ function TableRowInner({
     // content renders as-is — the cell's CSS handles wrapping.
     let content;
     if (isDefaultRenderer && textOverflow === 'truncate' && typeof rawContent === 'string' && rawContent.length > 0) {
-      content = /*#__PURE__*/_jsxDEV(Text, {
+      content = /*#__PURE__*/_jsx(Text, {
         type: "body",
         maxLines: 1,
         children: rawContent
-      }, void 0, false);
+      });
     } else {
       content = rawContent;
     }
-    return /*#__PURE__*/_jsxDEV(CellComponent, {
+    return /*#__PURE__*/_jsx(CellComponent, {
       ...cellRenderProps.htmlProps,
       contextMenuActions: cellRenderProps.contextMenuActions,
       xstyle: cellRenderProps.styles,
       children: content
-    }, col.key, false);
+    }, col.key);
   });
 
   // Apply plugin transforms for row (with pre-rendered children)
   const rowRenderProps = applyPlugins(plugins, p => p.transformBodyRow, {
     htmlProps: {},
     styles: [],
-    children: /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: /*#__PURE__*/_jsx(_Fragment, {
       children: cells
-    }, void 0, false)
+    })
   }, item, rowIndex);
-  const row = /*#__PURE__*/_jsxDEV(RowComponent, {
+  const row = /*#__PURE__*/_jsx(RowComponent, {
     ref: rowRenderProps.ref,
     ...rowRenderProps.htmlProps,
     xstyle: rowRenderProps.styles,
     children: rowRenderProps.children
-  }, rowKey, false);
+  }, rowKey);
   return row;
 }
 
@@ -240,6 +241,7 @@ function BaseTableInner({
   emptyState,
   ref
 }) {
+  const t = useTranslator();
   // Use stable empty array when no plugins provided
   const plugins = pluginsProp ?? EMPTY_PLUGINS;
   const RowComponent = TableRow;
@@ -327,30 +329,30 @@ function BaseTableInner({
       below
     } = cellRenderProps;
     const hasSlots = before != null || after != null || overlay != null || below != null;
-    const headerInner = hasSlots ? /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [before, after != null ? /*#__PURE__*/_jsxDEV("div", {
+    const headerInner = hasSlots ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [before, after != null ? /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x3nfvp2 x6s0dn4 xzye2dw xeuugli"
         },
         children: [resolvedContent, after]
-      }, void 0, true) : resolvedContent, overlay, below]
-    }, void 0, true) : resolvedContent;
-    return /*#__PURE__*/_jsxDEV(HeaderCellComponent, {
+      }) : resolvedContent, overlay, below]
+    }) : resolvedContent;
+    return /*#__PURE__*/_jsx(HeaderCellComponent, {
       ...mergedHtmlProps,
       ...headerTitleProp,
       contextMenuActions: cellRenderProps.contextMenuActions,
       xstyle: cellRenderProps.styles,
       children: headerInner
-    }, col.key, false);
+    }, col.key);
   });
 
   // --- Plugin pipeline: header row ---
   const headerRowRenderProps = applyPlugins(plugins, p => p.transformHeaderRow, {
     htmlProps: {},
     styles: [],
-    children: /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: /*#__PURE__*/_jsx(_Fragment, {
       children: headerCells
-    }, void 0, false)
+    })
   });
 
   // --- Render ---
@@ -360,23 +362,23 @@ function BaseTableInner({
     ...tableRenderProps.htmlProps.style,
     minWidth: resolvedWidths.tableMinWidth > 0 ? `${resolvedWidths.tableMinWidth}px` : undefined
   };
-  let tableElement = /*#__PURE__*/_jsxDEV("table", {
+  let tableElement = /*#__PURE__*/_jsx("table", {
     ref: ref,
     ...tableRenderProps.htmlProps,
     ...mergeProps(themeProps('base-table'), stylex.props(...tableRenderProps.styles), tableRenderProps.htmlProps.className),
     style: tableStyle,
-    children: children ? children : /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [hasColumns && /*#__PURE__*/_jsxDEV(TableHeader, {
-        children: /*#__PURE__*/_jsxDEV(RowComponent, {
+    children: children ? children : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [hasColumns && /*#__PURE__*/_jsx(TableHeader, {
+        children: /*#__PURE__*/_jsx(RowComponent, {
           ...headerRowRenderProps.htmlProps,
           isHeaderRow: true,
           xstyle: headerRowRenderProps.styles,
           children: headerRowRenderProps.children
-        }, void 0, false)
-      }, void 0, false), /*#__PURE__*/_jsxDEV(TableBody, {
+        })
+      }), /*#__PURE__*/_jsx(TableBody, {
         children: hasData ? data.map((item, rowIndex) => {
           const rowKey = idKey == null ? rowIndex : typeof idKey === 'function' ? idKey(item) : String(item[idKey]);
-          return /*#__PURE__*/_jsxDEV(MemoizedTableRow, {
+          return /*#__PURE__*/_jsx(MemoizedTableRow, {
             item: item,
             rowIndex: rowIndex,
             rowKey: rowKey,
@@ -385,19 +387,19 @@ function BaseTableInner({
             textOverflow: textOverflow,
             RowComponent: RowComponent,
             CellComponent: CellComponent
-          }, rowKey, false);
-        }) : data != null && emptyState !== false && /*#__PURE__*/_jsxDEV("tr", {
-          children: /*#__PURE__*/_jsxDEV("td", {
+          }, rowKey);
+        }) : data != null && emptyState !== false && /*#__PURE__*/_jsx("tr", {
+          children: /*#__PURE__*/_jsx("td", {
             colSpan: resolvedColumns.length,
-            children: emptyState ?? /*#__PURE__*/_jsxDEV(EmptyState, {
-              title: "No data",
+            children: emptyState ?? /*#__PURE__*/_jsx(EmptyState, {
+              title: t('@astryx.table.noData'),
               isCompact: true
-            }, void 0, false)
-          }, void 0, false)
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+            })
+          })
+        })
+      })]
+    })
+  });
 
   // Wrap the <table> in a scroll container so it scrolls horizontally
   // when columns exceed the container width. This wrapper sits between
@@ -412,13 +414,13 @@ function BaseTableInner({
       htmlProps: {},
       styles: []
     });
-    tableElement = /*#__PURE__*/_jsxDEV(ScrollWrapper, {
+    tableElement = /*#__PURE__*/_jsx(ScrollWrapper, {
       htmlProps: scrollWrapperRenderProps.htmlProps,
       styles: scrollWrapperRenderProps.styles,
       beforeTable: scrollWrapperRenderProps.beforeTable,
       afterTable: scrollWrapperRenderProps.afterTable,
       children: tableElement
-    }, void 0, false);
+    });
   }
 
   // Apply transformTableContext from each plugin.

package/dist/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,WAAW,EAEZ,MAAM,SAAS,CAAC;AAOjB,oDAAoD;AAEpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D,kCAAkC;AAElC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,8DAA8D;AAE9D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,UAAU,CAAC;AAEpD;;;;;GAKG;AAEH,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,IAAI,CACzE,cAAc,CAAC,CAAC,CAAC,EACjB,SAAS,GAAG,YAAY,CACzB;IACC,uCAAuC;IACvC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CAC1C;AAyJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,KAAK,EAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAC,KACjD,YAAY,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,WAAW,EAEZ,MAAM,SAAS,CAAC;AAQjB,oDAAoD;AAEpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D,kCAAkC;AAElC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,8DAA8D;AAE9D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,UAAU,CAAC;AAEpD;;;;;GAKG;AAEH,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,IAAI,CACzE,cAAc,CAAC,CAAC,CAAC,EACjB,SAAS,GAAG,YAAY,CACzB;IACC,uCAAuC;IACvC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CAC1C;AA0JD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,KAAK,EAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAC,KACjD,YAAY,CAAC"}