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

package/dist/Table/plugins/selection/useTableSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/selection/useTableSelection.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,aAAa,CAAC;AAOrB,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACxE,uCAAuC;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC,6EAA6E;IAC7E,YAAY,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,CAAC,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;IAC9D,kDAAkD;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE;QAAC,aAAa,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;IACvD,mDAAmD;IACnD,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,iFAAiF;IACjF,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAC;IACnC,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C,oGAAoG;IACpG,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACzC;AAgND,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,GACjC,WAAW,CAAC,CAAC,CAAC,CAmFhB"}
+{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/selection/useTableSelection.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAAC,WAAW,EAAkC,MAAM,aAAa,CAAC;AAQ9E,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACxE,uCAAuC;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC,6EAA6E;IAC7E,YAAY,EAAE,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,CAAC,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;IAC9D,kDAAkD;IAClD,WAAW,EAAE,CAAC,KAAK,EAAE;QAAC,aAAa,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;IACvD,mDAAmD;IACnD,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,iFAAiF;IACjF,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAC;IACnC,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C,oGAAoG;IACpG,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACzC;AAkND,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,GACjC,WAAW,CAAC,CAAC,CAAC,CAmFhB"}

package/dist/Table/plugins/selection/useTableSelection.js

@@ -36,6 +36,7 @@ import { colorVars } from "../../../theme/tokens.stylex.js";
 import { CheckboxInput } from "../../../CheckboxInput/index.js";
 import { mergeRefs } from "../../../utils/index.js";
 import { pixel } from "../../columnUtils.js";
+import { useTranslator } from "../../../i18n/index.js";
 
 // =============================================================================
 // Config Type
@@ -50,7 +51,7 @@ import { pixel } from "../../columnUtils.js";
  * changes independently. Row styling is handled by per-row ref callbacks
  * that subscribe to this store — the store itself holds no DOM references.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 function createSelectionStore(configRef) {
   const listeners = new Set();
   return {
@@ -108,9 +109,9 @@ function SelectAllCheckbox() {
   if (!store) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV(SelectAllCheckboxInner, {
+  return /*#__PURE__*/_jsx(SelectAllCheckboxInner, {
     store: store
-  }, void 0, false);
+  });
 }
 
 /**
@@ -130,6 +131,7 @@ const SELECT_ALL = 2;
 function SelectAllCheckboxInner({
   store
 }) {
+  const t = useTranslator();
   const getSnapshot = useCallback(() => {
     const config = store.getConfig();
     const allSelected = config.getIsAllSelected();
@@ -142,15 +144,15 @@ function SelectAllCheckboxInner({
   const state = useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
   const allSelected = state === SELECT_ALL;
   const indeterminate = state === SELECT_INDETERMINATE;
-  return /*#__PURE__*/_jsxDEV(CheckboxInput, {
-    label: "Select all rows",
+  return /*#__PURE__*/_jsx(CheckboxInput, {
+    label: t('@astryx.table.selection.selectAllRows'),
     isLabelHidden: true,
     value: allSelected ? true : indeterminate ? 'indeterminate' : false,
     onChange: () => store.getConfig().onSelectAll({
       isAllSelected: !allSelected
     }),
     size: "sm"
-  }, void 0, false);
+  });
 }
 
 /**
@@ -164,15 +166,16 @@ function SelectionCellContent({
   if (!store) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV(SelectionCellContentInner, {
+  return /*#__PURE__*/_jsx(SelectionCellContentInner, {
     store: store,
     item: item
-  }, void 0, false);
+  });
 }
 function SelectionCellContentInner({
   store,
   item
 }) {
+  const t = useTranslator();
   const config = store.getConfig();
   const isSelected = useIsItemSelected(store, item);
   const selectable = config.getIsItemSelectable?.(item) ?? true;
@@ -180,8 +183,8 @@ function SelectionCellContentInner({
   if (!selectable) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV(CheckboxInput, {
-    label: "Select row",
+  return /*#__PURE__*/_jsx(CheckboxInput, {
+    label: t('@astryx.table.selection.selectRow'),
     isLabelHidden: true,
     value: isSelected,
     onChange: () => store.getConfig().onSelectItem({
@@ -190,7 +193,7 @@ function SelectionCellContentInner({
     }),
     isDisabled: !enabled,
     size: "sm"
-  }, void 0, false);
+  });
 }
 
 // =============================================================================
@@ -228,29 +231,29 @@ export function useTableSelection(config) {
   // component so each row's checkbox re-renders independently.
   const selectionColumn = useMemo(() => ({
     key: SELECTION_COLUMN_KEY,
-    header: /*#__PURE__*/_jsxDEV("div", {
+    header: /*#__PURE__*/_jsx("div", {
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k"
       },
-      children: /*#__PURE__*/_jsxDEV(SelectAllCheckbox, {}, void 0, false)
-    }, void 0, false),
+      children: /*#__PURE__*/_jsx(SelectAllCheckbox, {})
+    }),
     width: SELECTION_COLUMN_WIDTH,
     resizable: false,
-    renderCell: item => /*#__PURE__*/_jsxDEV("div", {
+    renderCell: item => /*#__PURE__*/_jsx("div", {
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k"
       },
-      children: /*#__PURE__*/_jsxDEV(SelectionCellContent, {
+      children: /*#__PURE__*/_jsx(SelectionCellContent, {
         item: item
-      }, void 0, false)
-    }, void 0, false)
+      })
+    })
   }), []);
   return useMemo(() => ({
     transformTableContext(children) {
-      return /*#__PURE__*/_jsxDEV(SelectionStoreContext, {
+      return /*#__PURE__*/_jsx(SelectionStoreContext, {
         value: store,
         children: children
-      }, void 0, false);
+      });
     },
     transformColumns(columns) {
       return [selectionColumn, ...columns];

package/dist/Table/plugins/sortable/useTableSortable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSortable.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/sortable/useTableSortable.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,WAAW,EAIZ,MAAM,aAAa,CAAC;AAMrB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,MAAM,GAAG,MAAM;IAC9D,2EAA2E;IAC3E,OAAO,EAAE,QAAQ,CAAC;IAClB,0BAA0B;IAC1B,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,CAAC,QAAQ,SAAS,MAAM,GAAG,MAAM,IACzD,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;AAM7B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,sBAAsB,CAAC,QAAQ,SAAS,MAAM,GAAG,MAAM;IACtE,iEAAiE;IACjE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE/B;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IAEvD;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAmND;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAyF1D"}
+{"version":3,"file":"useTableSortable.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/sortable/useTableSortable.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,WAAW,EAIZ,MAAM,aAAa,CAAC;AAMrB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,MAAM,GAAG,MAAM;IAC9D,2EAA2E;IAC3E,OAAO,EAAE,QAAQ,CAAC;IAClB,0BAA0B;IAC1B,SAAS,EAAE,kBAAkB,CAAC;CAC/B;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,CAAC,QAAQ,SAAS,MAAM,GAAG,MAAM,IACzD,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;AAM7B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,sBAAsB,CAAC,QAAQ,SAAS,MAAM,GAAG,MAAM;IACtE,iEAAiE;IACjE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE/B;;;OAGG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IAEvD;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAmND;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CA2F1D"}

package/dist/Table/plugins/sortable/useTableSortable.js

@@ -18,6 +18,7 @@ import "../../../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars } from "../../../theme/tokens.stylex.js";
 import { Icon } from "../../../Icon/index.js";
 import { resolveContextActions } from "../../tableContextMenu.js";
+import { useTranslator } from "../../../i18n/index.js";
 
 // =============================================================================
 // Sort Types
@@ -66,7 +67,7 @@ import { resolveContextActions } from "../../tableContextMenu.js";
  * <Table plugins={{ sort: sortPlugin }} columns={columns} data={data} />
  * ```
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime"; // =============================================================================
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; // =============================================================================
 // Styles
 // =============================================================================
 // =============================================================================
@@ -177,16 +178,16 @@ function SortHeaderButton({
       }
     }
   };
-  return /*#__PURE__*/_jsxDEV("button", {
+  return /*#__PURE__*/_jsxs("button", {
     type: "button",
     ...{
       className: "x78zum5 x6s0dn4 xzye2dw x1717udv x1ghz6dp x1ypdohk xln7xf2 x1heor9g xh8yej3 x5yr21d x16tdsg8 x1a2a7pz x17nn4n9 x1hl8ikr xx3sua9"
     },
     "aria-label": ariaLabel,
     onClick: handleClick,
-    children: [/*#__PURE__*/_jsxDEV("span", {
+    children: [/*#__PURE__*/_jsx("span", {
       children: children
-    }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+    }), /*#__PURE__*/_jsx("span", {
       ...{
         0: {
           className: "x3nfvp2 x3onkmb xof6bs x25t5g8"
@@ -195,19 +196,19 @@ function SortHeaderButton({
           className: "x3nfvp2"
         }
       }[!!(direction != null) << 0],
-      children: /*#__PURE__*/_jsxDEV(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         icon: iconName,
         size: "xsm",
         color: direction != null ? 'accent' : 'secondary'
-      }, void 0, false)
-    }, void 0, false), rank != null && /*#__PURE__*/_jsxDEV("span", {
+      })
+    }), rank != null && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x1k6wstc xo5v014 xqwr325"
       },
       "aria-hidden": "true",
       children: rank
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 
 // =============================================================================
@@ -236,6 +237,7 @@ function SortHeaderButton({
  * ```
  */
 export function useTableSortable(config) {
+  const t = useTranslator();
   const configRef = useRef(config);
   configRef.current = config;
   return useMemo(() => ({
@@ -257,12 +259,12 @@ export function useTableSortable(config) {
         const actions = [{
           id: 'sort-asc',
           group: 'sort',
-          label: 'Sort ascending',
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+          label: t('@astryx.table.sort.ascending'),
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "arrowUp",
             size: "xsm",
             "aria-hidden": true
-          }, void 0, false),
+          }),
           checked: dir === 'ascending',
           onSelect: () => c.onSortChange([{
             sortKey: sortKey,
@@ -271,12 +273,12 @@ export function useTableSortable(config) {
         }, {
           id: 'sort-desc',
           group: 'sort',
-          label: 'Sort descending',
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+          label: t('@astryx.table.sort.descending'),
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "arrowDown",
             size: "xsm",
             "aria-hidden": true
-          }, void 0, false),
+          }),
           checked: dir === 'descending',
           onSelect: () => c.onSortChange([{
             sortKey: sortKey,
@@ -287,12 +289,12 @@ export function useTableSortable(config) {
           actions.push({
             id: 'sort-clear',
             group: 'sort-clear',
-            label: 'Clear sort',
-            icon: /*#__PURE__*/_jsxDEV(Icon, {
+            label: t('@astryx.table.sort.clear'),
+            icon: /*#__PURE__*/_jsx(Icon, {
               icon: "close",
               size: "xsm",
               "aria-hidden": true
-            }, void 0, false),
+            }),
             onSelect: () => c.onSortChange(c.sort.filter(e => e.sortKey !== sortKey))
           });
         }
@@ -310,13 +312,13 @@ export function useTableSortable(config) {
             'aria-sort': entry.direction
           } : {})
         },
-        content: /*#__PURE__*/_jsxDEV(SortHeaderButton, {
+        content: /*#__PURE__*/_jsx(SortHeaderButton, {
           column: column,
           configRef: configRef,
           children: props.content
-        }, void 0, false),
+        }),
         contextMenuActions: () => [...resolveContextActions(priorActions), ...getSortActions()]
       };
     }
-  }), []);
+  }), [t]);
 }

package/dist/Table/tableContextMenu.js

@@ -15,7 +15,7 @@
 import { useState } from 'react';
 import { ContextMenu } from "../ContextMenu/index.js";
 import { Icon } from "../Icon/index.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Resolve a `contextMenuActions` value (array or getter) to a plain array.
  * Use this when composing actions from a prior plugin's render props so you
@@ -66,11 +66,11 @@ function toContextMenuOptions(actions) {
         // A checked action (e.g. the active sort direction) shows a checkmark;
         // otherwise the action's own icon. ContextMenu's data form takes a
         // single leading icon, so checked state replaces the icon.
-        icon: action.checked ? /*#__PURE__*/_jsxDEV(Icon, {
+        icon: action.checked ? /*#__PURE__*/_jsx(Icon, {
           icon: "check",
           size: "xsm",
           "aria-hidden": true
-        }, void 0, false) : action.icon,
+        }) : action.icon,
         isDisabled: action.disabled,
         onClick: action.onSelect
       });
@@ -97,7 +97,7 @@ function LazyTableContextMenu({
   triggerXstyle
 }) {
   const [options, setOptions] = useState(null);
-  return /*#__PURE__*/_jsxDEV(ContextMenu, {
+  return /*#__PURE__*/_jsx(ContextMenu, {
     items: options ?? [],
     triggerXstyle: triggerXstyle,
     onOpenChange: open => {
@@ -106,7 +106,7 @@ function LazyTableContextMenu({
       setOptions(open ? toContextMenuOptions(getActions()) : null);
     },
     children: element
-  }, void 0, false);
+  });
 }
 
 /**
@@ -121,20 +121,20 @@ function LazyTableContextMenu({
 export function wrapInTableContextMenu(element, actions, triggerXstyle) {
   // Getter form → resolve lazily on open.
   if (typeof actions === 'function') {
-    return /*#__PURE__*/_jsxDEV(LazyTableContextMenu, {
+    return /*#__PURE__*/_jsx(LazyTableContextMenu, {
       element: element,
       getActions: actions,
       triggerXstyle: triggerXstyle
-    }, void 0, false);
+    });
   }
   if (!actions || actions.length === 0) {
     return element;
   }
   // item (it looked like "ascending" was always selected). Focus moves only
   // when the user arrow-keys into the menu.
-  return /*#__PURE__*/_jsxDEV(ContextMenu, {
+  return /*#__PURE__*/_jsx(ContextMenu, {
     items: toContextMenuOptions(actions),
     triggerXstyle: triggerXstyle,
     children: element
-  }, void 0, false);
+  });
 }

package/dist/Text/Text.js

@@ -21,7 +21,7 @@ import { colorStyles, defaultWeightByTypeStyles, sizeStyles, sizeByTypeStyles, w
 import { useTruncation } from "./useTruncation.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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const LazyXDSTooltip = /*#__PURE__*/lazy(async () => import('../Tooltip/Tooltip').then(mod => ({
   default: mod.Tooltip
 })));
@@ -115,8 +115,8 @@ export function Text({
   const inlineStyle = maxLines > 1 ? {
     WebkitLineClamp: maxLines
   } : undefined;
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV(Component, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Component, {
       ref: mergeRefs(ref, truncation.ref, textRef),
       ...mergeProps(themeProps('text', {
         type,
@@ -143,17 +143,17 @@ export function Text({
       title: tooltipEnabled ? truncation.fullText : undefined,
       ...props,
       children: children
-    }, void 0, false), tooltipEnabled && /*#__PURE__*/_jsxDEV(Suspense, {
+    }), tooltipEnabled && /*#__PURE__*/_jsx(Suspense, {
       fallback: null,
-      children: /*#__PURE__*/_jsxDEV(LazyXDSTooltip, {
+      children: /*#__PURE__*/_jsx(LazyXDSTooltip, {
         anchorRef: textRef,
-        content: /*#__PURE__*/_jsxDEV("span", {
+        content: /*#__PURE__*/_jsx("span", {
           ...stylex.props(truncationTooltipStyles.content),
           children: truncation.fullText
-        }, void 0, false),
+        }),
         placement: tooltipPlacement
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
+      })
+    })]
+  });
 }
 Text.displayName = 'Text';

package/dist/TextArea/TextArea.js

@@ -28,7 +28,7 @@ import { useInputContainer } from "../hooks/useInputContainer.js";
 import { useSize } from "../SizeContext/SizeContext.js";
 import { themeProps } from "../utils/themeProps.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const COUNTER_WARNING_THRESHOLD = 0.8;
 const styles = {
   wrapper: {
@@ -153,7 +153,7 @@ export function TextArea({
     inputRef: textareaRef,
     disabled: effectivelyDisabled
   });
-  return /*#__PURE__*/_jsxDEV(Field, {
+  return /*#__PURE__*/_jsxs(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -169,7 +169,7 @@ export function TextArea({
     } : undefined,
     labelTooltip: labelTooltip,
     width: width,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: el => {
         containerRef.current = el;
         // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -186,7 +186,7 @@ export function TextArea({
       children: [startIcon && renderIconSlot(startIcon, {
         size: 'sm',
         color: 'secondary'
-      }), /*#__PURE__*/_jsxDEV("textarea", {
+      }), /*#__PURE__*/_jsx("textarea", {
         ...rest,
         ref: mergeRefs(ref, textareaRef),
         id: id,
@@ -226,19 +226,19 @@ export function TextArea({
             className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xjbqb8w x1a2a7pz xeyghm5 x288g5 x1h6gzvc x1we12cn"
           }
         }[!!effectivelyDisabled << 1 | !!status << 0]
-      }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
+      }), isBusy && /*#__PURE__*/_jsx(Spinner, {
         size: "sm"
-      }, void 0, false), status && /*#__PURE__*/_jsxDEV("span", {
+      }), status && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x10l6tqk xctzyg x72tfeb x47corl x78zum5"
         },
-        children: /*#__PURE__*/_jsxDEV(Icon, {
+        children: /*#__PURE__*/_jsx(Icon, {
           icon: statusIconMap[status.type],
           size: "md",
           color: statusIconColorMap[status.type]
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true), maxLength != null && /*#__PURE__*/_jsxDEV("div", {
+        })
+      })]
+    }), maxLength != null && /*#__PURE__*/_jsxs("div", {
       id: counterID,
       ...{
         0: {
@@ -248,11 +248,11 @@ export function TextArea({
           className: "x78zum5 x13a6bvl xcsaf9d x9ynric x141an7d xjt36v0"
         }
       }[!!(optimisticValue.length > maxLength) << 0],
-      children: [optimisticValue.length, "/", maxLength, /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+      children: [optimisticValue.length, "/", maxLength, /*#__PURE__*/_jsx(VisuallyHidden, {
         "aria-live": "polite",
         children: optimisticValue.length >= maxLength * COUNTER_WARNING_THRESHOLD ? optimisticValue.length > maxLength ? `${optimisticValue.length - maxLength} characters over limit` : `${maxLength - optimisticValue.length} characters remaining` : ''
-      }, void 0, false)]
-    }, void 0, true), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+      })]
+    }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
+  });
 }
 TextArea.displayName = 'TextArea';

package/dist/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}

package/dist/TextInput/TextInput.js

@@ -48,7 +48,8 @@ import { useSize } from "../SizeContext/SizeContext.js";
 import { useInputContainer } from "../hooks/useInputContainer.js";
 import { useInputGroup } from "../InputGroup/InputGroupContext.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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * A text input component for collecting user input.
  *
@@ -88,6 +89,7 @@ export function TextInput({
   ref,
   ...rest
 }) {
+  const t = useTranslator();
   const size = useSize(sizeProp, 'md');
   const id = useId();
   const inputLabelID = useId();
@@ -159,7 +161,7 @@ export function TextInput({
     inputRef,
     disabled: isDisabled
   });
-  const inputWrapper = /*#__PURE__*/_jsxDEV("div", {
+  const inputWrapper = /*#__PURE__*/_jsxs("div", {
     ref: el => {
       containerRef.current = el;
       // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -176,10 +178,10 @@ export function TextInput({
     children: [startIcon && renderIconSlot(startIcon, {
       size: 'sm',
       color: 'secondary'
-    }), inputGroup && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+    }), inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
       id: inputLabelID,
       children: label
-    }, void 0, false), /*#__PURE__*/_jsxDEV("input", {
+    }), /*#__PURE__*/_jsx("input", {
       ...rest,
       ref: mergeRefs(ref, inputRef),
       id: id,
@@ -216,32 +218,34 @@ export function TextInput({
           className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc"
         }
       }[!!isDisabled << 0]
-    }, void 0, false), hasClear && value !== '' && !isDisabled && /*#__PURE__*/_jsxDEV("button", {
+    }), hasClear && value !== '' && !isDisabled && /*#__PURE__*/_jsx("button", {
       type: "button",
       onClick: handleClear,
-      "aria-label": `Clear ${label}`,
+      "aria-label": t('@astryx.textInput.clearLabel', {
+        label
+      }),
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
       },
-      children: /*#__PURE__*/_jsxDEV(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         icon: "close",
         size: "sm",
         color: "secondary"
-      }, void 0, false)
-    }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
+      })
+    }), isBusy && /*#__PURE__*/_jsx(Spinner, {
       size: "sm"
-    }, void 0, false), status && !inputGroup && /*#__PURE__*/_jsxDEV(Icon, {
+    }), status && !inputGroup && /*#__PURE__*/_jsx(Icon, {
       icon: statusIconMap[status.type],
       size: "md",
       color: statusIconColorMap[status.type]
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
   if (inputGroup) {
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
       children: [inputWrapper, showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-    }, void 0, true);
+    });
   }
-  return /*#__PURE__*/_jsxDEV(Field, {
+  return /*#__PURE__*/_jsxs(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -258,6 +262,6 @@ export function TextInput({
     labelTooltip: labelTooltip,
     width: width,
     children: [inputWrapper, showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+  });
 }
 TextInput.displayName = 'TextInput';

package/dist/Thumbnail/Thumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../src/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAG,EACH,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,+BA2FhB;yBAzGe,SAAS"}
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../src/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAG,EACH,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAiB,EACjB,UAAkB,EAClB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,+BA4FhB;yBA1Ge,SAAS"}