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

package/dist/TreeList/TreeListItem.js

@@ -24,11 +24,12 @@ import { TreeListBranches } from "./TreeListBranches.js";
 import "./treeListItem.markers.stylex.js";
 import { treeItemScope } from "./treeListItem.markers.stylex.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Styles
 // =============================================================================
-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 styles = {
   wrapper: {
     kH6xsr: "x3ct3a4",
@@ -149,6 +150,7 @@ export function TreeListItem({
   setSize,
   isTabbable
 }) {
+  const t = useTranslator();
   const labelId = useId();
   const descriptionId = useId();
   const LinkComponent = useLinkComponent();
@@ -177,20 +179,20 @@ export function TreeListItem({
     return undefined;
   }, [onClick, hasChildren, onToggle, id, isDisabled]);
   const computedMarginLeft = hasChildren ? `calc(${nestedLevel} * ${spacingVars['--spacing-4']})` : `calc(${nestedLevel} * ${spacingVars['--spacing-4']} + ${spacingVars['--spacing-4']} + ${spacingVars['--spacing-2']})`;
-  const labelAndDescription = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("span", {
+  const labelAndDescription = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
       id: labelId,
       ...{
         className: "x1tgivj0"
       },
       children: label
-    }, void 0, false), description != null && /*#__PURE__*/_jsxDEV("span", {
+    }), description != null && /*#__PURE__*/_jsx("span", {
       id: descriptionId,
       ...stylex.props(styles.description, descriptionSizeStyles[density]),
       children: description
-    }, void 0, false)]
-  }, void 0, true);
-  const chevronIcon = /*#__PURE__*/_jsxDEV("span", {
+    })]
+  });
+  const chevronIcon = /*#__PURE__*/_jsx("span", {
     ...{
       0: {
         className: "x78zum5 x11xpdln xuedmi6 xlr8y92 x7p49u4"
@@ -200,7 +202,7 @@ export function TreeListItem({
       }
     }[!!isExpanded << 0],
     children: getIcon('chevronRight')
-  }, void 0, false);
+  });
   const chevron = hasChildren ? handleToggle != null ?
   /*#__PURE__*/
   // Real toggle button whenever expand/collapse is supported, so the row
@@ -208,10 +210,14 @@ export function TreeListItem({
   // (row-level onClick is the only click path in that case, but there is no
   // focusable element to receive Enter/Space). The row's handleClick ignores
   // clicks originating inside a <button>, so this never double-toggles.
-  _jsxDEV("button", {
+  _jsx("button", {
     type: "button",
     "aria-expanded": isExpanded,
-    "aria-label": "Toggle children",
+    "aria-label": t('@astryx.treeList.toggleChildren')
+    // Stable identity for TreeList's activateItem selector — do not
+    // remove without also updating TreeList.tsx.
+    ,
+    "data-tree-toggle": "",
     disabled: isDisabled
     // Roving tabindex lives on the treeitem row; the chevron toggle is not
     // a separate tab stop. Row-level Enter/Space forwards to this button.
@@ -222,22 +228,22 @@ export function TreeListItem({
       className: "x78zum5 x6s0dn4 xl56j7k x12xnipv x6b6gus xho7bvi x1ypdohk xv9yike xx3sua9 x11g1kdw xmequkd"
     },
     children: chevronIcon
-  }, void 0, false) :
+  }) :
   /*#__PURE__*/
   // Non-interactive chevron only when toggling is not wired up at all
-  _jsxDEV("span", {
+  _jsx("span", {
     ...{
       className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x12xnipv x6b6gus xho7bvi x1ypdohk x1717udv xv9yike xx3sua9 x11g1kdw xmequkd"
     },
     children: chevronIcon
-  }, void 0, false) : null;
-  const innerContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [chevron, startContent != null && /*#__PURE__*/_jsxDEV("span", {
+  }) : null;
+  const innerContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [chevron, startContent != null && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4"
       },
       children: startContent
-    }, void 0, false), href != null ? /*#__PURE__*/_jsxDEV(LinkComponent, {
+    }), href != null ? /*#__PURE__*/_jsx(LinkComponent, {
       href: href,
       target: target,
       "aria-disabled": isDisabled || undefined,
@@ -251,7 +257,7 @@ export function TreeListItem({
         className: "xmper1u xln7xf2 x1heor9g x78zum5 xdt5ytf x98rzlu xeuugli x1yc453h x1hl2dhg x1a2a7pz"
       },
       children: labelAndDescription
-    }, void 0, false) : onClick != null ? /*#__PURE__*/_jsxDEV("button", {
+    }) : onClick != null ? /*#__PURE__*/_jsx("button", {
       type: "button",
       onClick: onClick,
       disabled: isDisabled,
@@ -265,19 +271,19 @@ export function TreeListItem({
         className: "xmper1u xln7xf2 x1heor9g x78zum5 xdt5ytf x98rzlu xeuugli x1yc453h x1a2a7pz"
       },
       children: labelAndDescription
-    }, void 0, false) : /*#__PURE__*/_jsxDEV("span", {
+    }) : /*#__PURE__*/_jsx("span", {
       ...{
         className: "x78zum5 xdt5ytf x98rzlu xeuugli x1yc453h"
       },
       children: labelAndDescription
-    }, void 0, false), endContent != null && /*#__PURE__*/_jsxDEV("span", {
+    }), endContent != null && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x2lah0s x78zum5 x6s0dn4 xvc5jky"
       },
       children: endContent
-    }, void 0, false)]
-  }, void 0, true);
-  return /*#__PURE__*/_jsxDEV("li", {
+    })]
+  });
+  return /*#__PURE__*/_jsxs("li", {
     role: "treeitem",
     "aria-expanded": hasChildren ? isExpanded : undefined,
     "aria-selected": isSelected || undefined,
@@ -294,20 +300,20 @@ export function TreeListItem({
     "data-tree-level": nestedLevel + 1,
     "data-tree-disabled": isDisabled || undefined,
     ...stylex.props(styles.wrapper, treeItemScope),
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       ...{
         className: "x12gdq22"
       },
-      children: /*#__PURE__*/_jsxDEV(TreeListBranches, {
+      children: /*#__PURE__*/_jsx(TreeListBranches, {
         ancestorsIsLast: ancestorsIsLast,
         isLast: isLast,
         nestedLevel: nestedLevel
-      }, void 0, false)
-    }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+      })
+    }), /*#__PURE__*/_jsx("div", {
       ...{
         className: "x1n2onr6"
       },
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsx("div", {
         ...mergeProps(themeProps('tree-list-item', {
           density,
           selected: isSelected ? 'selected' : null,
@@ -318,14 +324,14 @@ export function TreeListItem({
         },
         onClick: handleClick,
         children: innerContent
-      }, void 0, false)
-    }, void 0, false), isExpanded && renderedChildren != null && /*#__PURE__*/_jsxDEV("ul", {
+      })
+    }), isExpanded && renderedChildren != null && /*#__PURE__*/_jsx("ul", {
       role: "group",
       ...{
         className: "x1ghz6dp x1717udv x3ct3a4"
       },
       children: renderedChildren
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 TreeListItem.displayName = 'TreeListItem';

package/dist/Typeahead/BaseTypeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTypeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/BaseTypeahead.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAcnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAO1D,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,IAAI,CACxE,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAuGD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,aAAa,EA2gBrB,CAAC,CAAC,SAAS,cAAc,EAC5B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KACzB,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"BaseTypeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/BaseTypeahead.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAcnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAQ1D,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,IAAI,CACxE,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAuGD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,aAAa,EAihBrB,CAAC,CAAC,SAAS,cAAc,EAC5B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KACzB,KAAK,CAAC,YAAY,CAAC"}

package/dist/Typeahead/BaseTypeahead.js

@@ -26,11 +26,12 @@ import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, typographyVars, fontWeightVars, typeScaleVars } from "../theme/tokens.stylex.js";
 import { getKey, mergeProps, mergeRefs } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Types
 // =============================================================================
-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
 // =============================================================================
@@ -137,10 +138,10 @@ export const BaseTypeahead = function BaseTypeahead({
   value,
   onChange,
   renderItem,
-  placeholder = 'Search...',
+  placeholder: placeholderFromProps,
   hasEntriesOnFocus = false,
   maxMenuItems = 10,
-  emptySearchResultsText = 'No results found',
+  emptySearchResultsText: emptySearchResultsTextFromProps,
   isDisabled = false,
   isFocusableDisabled = false,
   hasAutoFocus = false,
@@ -156,6 +157,9 @@ export const BaseTypeahead = function BaseTypeahead({
   size = 'md',
   ref
 }) {
+  const t = useTranslator();
+  const placeholder = placeholderFromProps ?? t('@astryx.typeahead.searchPlaceholder');
+  const emptySearchResultsText = emptySearchResultsTextFromProps ?? t('@astryx.typeahead.emptySearchResults');
   const generatedId = useId();
   const inputId = externalInputId ?? generatedId;
   const listboxId = useId();
@@ -471,8 +475,8 @@ export const BaseTypeahead = function BaseTypeahead({
       searchSource.cancel?.();
     };
   }, [searchSource]);
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("input", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("input", {
       ref: mergeRefs(ref, inputRef, fallbackAnchorRef),
       id: inputId,
       type: "text",
@@ -508,33 +512,33 @@ export const BaseTypeahead = function BaseTypeahead({
       "data-autofocus": hasAutoFocus || undefined,
       autoComplete: "off",
       ...stylex.props(styles.input, isDisabled && styles.inputDisabled, inputXStyle)
-    }, void 0, false), isLoading && /*#__PURE__*/_jsxDEV("span", {
+    }), isLoading && /*#__PURE__*/_jsx("span", {
       role: "status",
-      "aria-label": "Loading",
+      "aria-label": t('@astryx.typeahead.loading'),
       ...{
         className: "x3nfvp2 x6s0dn4 xl56j7k x9epnlk"
       },
-      children: /*#__PURE__*/_jsxDEV(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         icon: "clock",
         size: "sm",
         color: "secondary"
-      }, void 0, false)
-    }, void 0, false), popover.render(/*#__PURE__*/_jsxDEV("div", {
+      })
+    }), popover.render(/*#__PURE__*/_jsx("div", {
       id: listboxId,
       role: "listbox",
-      "aria-label": "Search results",
+      "aria-label": t('@astryx.typeahead.searchResults'),
       ...mergeProps(themeProps('typeahead-dropdown'), {
         className: "x9f619 xuyqlj2 x1odjw0f x9epnlk"
       }),
-      children: results.length === 0 && hasSearched ? /*#__PURE__*/_jsxDEV("div", {
+      children: results.length === 0 && hasSearched ? /*#__PURE__*/_jsx("div", {
         ...{
           className: "x1b2ylru x2b8uid x141an7d xv1l7n4"
         },
         children: emptySearchResultsText
-      }, void 0, false) : results.map((item, index) => {
+      }) : results.map((item, index) => {
         const itemKey = getKey(item.id, index);
         const isSelected = itemKey === selectedKey;
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsxs("div", {
           id: getItemId(index),
           role: "option",
           "aria-selected": isSelected,
@@ -542,25 +546,25 @@ export const BaseTypeahead = function BaseTypeahead({
           onClick: () => handleSelect(item),
           onMouseEnter: () => setHighlightedIndex(index),
           ...stylex.props(styles.item, itemSizeStyles[size], index === highlightedIndex && styles.itemHighlighted, isSelected && styles.itemSelected),
-          children: [/*#__PURE__*/_jsxDEV("span", {
+          children: [/*#__PURE__*/_jsx("span", {
             ...{
               className: "x78zum5 x98rzlu xeuugli"
             },
-            children: renderItem ? renderItem(item) : /*#__PURE__*/_jsxDEV(TypeaheadItem, {
+            children: renderItem ? renderItem(item) : /*#__PURE__*/_jsx(TypeaheadItem, {
               item: item
-            }, void 0, false)
-          }, void 0, false), isSelected && /*#__PURE__*/_jsxDEV(Icon, {
+            })
+          }), isSelected && /*#__PURE__*/_jsx(Icon, {
             icon: "check",
             size: "sm",
             color: "primary"
-          }, void 0, false)]
-        }, itemKey, true);
+          })]
+        }, itemKey);
       })
-    }, void 0, false), {
+    }), {
       placement: 'below',
       alignment: 'start',
       xstyle: [styles.popover, styles.popoverGap]
     })]
-  }, void 0, true);
+  });
 };
 BaseTypeahead.displayName = 'BaseTypeahead';

package/dist/Typeahead/Typeahead.d.ts.map

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

package/dist/Typeahead/Typeahead.js

@@ -32,7 +32,8 @@ import { groupStyles } from "../InputGroup/groupStyles.js";
 import { useInputGroup } from "../InputGroup/InputGroupContext.js";
 import { getInputARIA, 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 { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -144,6 +145,7 @@ export function Typeahead({
   style,
   'data-testid': testId
 }) {
+  const t = useTranslator();
   const size = useSize(sizeProp, 'md');
   const inputId = useId();
   const inputLabelId = useId();
@@ -267,8 +269,8 @@ export function Typeahead({
     ariaDescribedBy
   } = getInputARIA(inputLabelId, [description ? descriptionId : null, status?.message ? statusMessageId : null, showsDisabledMessage ? disabledMessageTooltip.describedBy : null], inputGroup);
   const sizeStyle = wrapperSizeStyles[size];
-  const typeaheadContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("div", {
+  const typeaheadContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: mergeRefs(wrapperRef, disabledMessageTooltip.ref, inputGroup ? ref : undefined),
       "data-testid": testId,
       onClick: handleWrapperClick,
@@ -280,17 +282,17 @@ export function Typeahead({
       children: [startIcon && renderIconSlot(startIcon, {
         size: 'sm',
         color: 'secondary'
-      }), inputGroup && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+      }), inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
         id: inputLabelId,
         children: label
-      }, void 0, false), showToken && /*#__PURE__*/_jsxDEV(Token, {
+      }), showToken && /*#__PURE__*/_jsx(Token, {
         ref: tokenRef,
         label: value.label,
         size: size,
         onClick: handleEnterEditMode,
         isDisabled: isDisabled,
         xstyle: styles.token
-      }, void 0, false), /*#__PURE__*/_jsxDEV(BaseTypeahead, {
+      }), /*#__PURE__*/_jsx(BaseTypeahead, {
         ref: inputRef,
         searchSource: searchSource,
         value: value,
@@ -313,20 +315,20 @@ export function Typeahead({
         onKeyDown: handleKeyDown,
         inputXStyle: showToken ? styles.inputHidden : undefined,
         size: size
-      }, void 0, false), hasClear && value && !isDisabled && /*#__PURE__*/_jsxDEV(InputClearButton, {
-        label: "Clear selection",
+      }), hasClear && value && !isDisabled && /*#__PURE__*/_jsx(InputClearButton, {
+        label: t('@astryx.typeahead.clearSelection'),
         onClick: e => {
           e.stopPropagation();
           handleClear();
         },
         xstyle: [styles.clearButton, size === 'sm' && styles.clearButtonSm]
-      }, void 0, false)]
-    }, void 0, true), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+      })]
+    }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
+  });
   if (inputGroup) {
     return typeaheadContent;
   }
-  return /*#__PURE__*/_jsxDEV(Field, {
+  return /*#__PURE__*/_jsx(Field, {
     ref: ref,
     label: label,
     isLabelHidden: isLabelHidden,
@@ -347,6 +349,6 @@ export function Typeahead({
     className: className,
     style: style,
     children: typeaheadContent
-  }, void 0, false);
+  });
 }
 Typeahead.displayName = 'Typeahead';

package/dist/Typeahead/TypeaheadItem.js

@@ -21,7 +21,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { Fragment as _Fragment, jsxDEV as _jsxDEV } from "react/jsx-dev-runtime"; // =============================================================================
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; // =============================================================================
 // Styles
 // =============================================================================
 // =============================================================================
@@ -61,11 +61,11 @@ export function TypeaheadItem({
 }) {
   // If item has a pre-rendered element, use it
   if (item.element) {
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
+    return /*#__PURE__*/_jsx(_Fragment, {
       children: item.element
-    }, void 0, false);
+    });
   }
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     ...mergeProps(themeProps('typeahead-item'), {
       0: {
@@ -75,22 +75,22 @@ export function TypeaheadItem({
         className: "x78zum5 x6s0dn4 x1txdalj x2lwn1j xbyyjgo"
       }
     }[!!isDisabled << 0]),
-    children: [icon, /*#__PURE__*/_jsxDEV("div", {
+    children: [icon, /*#__PURE__*/_jsxs("div", {
       ...{
         className: "x78zum5 xdt5ytf x98rzlu xeuugli"
       },
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         ...{
           className: "xcr08ib x1kq96og x1sodnla x1tgivj0 xb3r6kr xlyipyv xuxw1ft"
         },
         children: item.label
-      }, void 0, false), description && /*#__PURE__*/_jsxDEV("span", {
+      }), description && /*#__PURE__*/_jsx("span", {
         ...{
           className: "x141an7d x1ltkj2j xv1l7n4 xb3r6kr xlyipyv xuxw1ft"
         },
         children: description
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
+      })]
+    })]
+  });
 }
 TypeaheadItem.displayName = 'TypeaheadItem';

package/dist/VStack/VStack.js

@@ -13,7 +13,7 @@
  */
 
 import { Stack } from "../Stack/Stack.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Vertical stack component for arranging items top-to-bottom.
  * Convenience wrapper around `Stack` with `direction="vertical"`.
@@ -34,12 +34,12 @@ export function VStack({
   vAlign,
   ...props
 }) {
-  return /*#__PURE__*/_jsxDEV(Stack, {
+  return /*#__PURE__*/_jsx(Stack, {
     ...props,
     direction: "vertical",
     hAlign: hAlign ?? align,
     vAlign: vAlign ?? justify,
     ref: ref
-  }, void 0, false);
+  });
 }
 VStack.displayName = 'VStack';

package/dist/VisuallyHidden/VisuallyHidden.d.ts

@@ -9,6 +9,7 @@
  * - /packages/core/src/VisuallyHidden/VisuallyHidden.doc.mjs
  * - /packages/core/src/VisuallyHidden/VisuallyHidden.test.tsx
  * - /apps/storybook/stories/VisuallyHidden.stories.tsx
+ * - /packages/cli/templates/blocks/components/VisuallyHidden/ (showcase blocks)
  */
 import { type ElementType, type ReactNode } from 'react';
 import type { BaseProps } from '../BaseProps';
@@ -43,12 +44,9 @@ export interface VisuallyHiddenProps extends Omit<BaseProps<HTMLElement>, 'class
  *
  * @example
  * ```
- * // Accessible name for an icon-only button
  * <IconButton icon="trash" label="">
  *   <VisuallyHidden>Delete incident</VisuallyHidden>
  * </IconButton>
- *
- * // Live region for announcements
  * <VisuallyHidden as="div" aria-live="polite">
  *   {`Moved ${task} to ${column}`}
  * </VisuallyHidden>

package/dist/VisuallyHidden/VisuallyHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C;;;;;;GAMG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,WAAW,CAAC,EACtB,WAAW,GAAG,OAAO,CACtB;IACC,6CAA6C;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAyBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EAAE,OAAgB,EACpB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,0FAarB;yBAlBe,cAAc"}
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C;;;;;;GAMG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,SAAS,CAAC,WAAW,CAAC,EACtB,WAAW,GAAG,OAAO,CACtB;IACC,6CAA6C;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAyBD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EAAE,OAAgB,EACpB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,mBAAmB,0FAarB;yBAlBe,cAAc"}

package/dist/VisuallyHidden/VisuallyHidden.js

@@ -13,6 +13,7 @@
  * - /packages/core/src/VisuallyHidden/VisuallyHidden.doc.mjs
  * - /packages/core/src/VisuallyHidden/VisuallyHidden.test.tsx
  * - /apps/storybook/stories/VisuallyHidden.stories.tsx
+ * - /packages/cli/templates/blocks/components/VisuallyHidden/ (showcase blocks)
  */
 import { createElement } from 'react';
 import * as stylex from '@stylexjs/stylex';
@@ -34,12 +35,9 @@ import * as stylex from '@stylexjs/stylex';
  *
  * @example
  * ```
- * // Accessible name for an icon-only button
  * <IconButton icon="trash" label="">
  *   <VisuallyHidden>Delete incident</VisuallyHidden>
  * </IconButton>
- *
- * // Live region for announcements
  * <VisuallyHidden as="div" aria-live="polite">
  *   {`Moved ${task} to ${column}`}
  * </VisuallyHidden>