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

package/dist/MobileNav/MobileNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNav.d.ts","sourceRoot":"","sources":["../../src/MobileNav/MobileNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA0I5C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EACR,MAAM,EACN,KAAW,EACX,IAAa,EACb,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,cAAc,+BA2KhB;yBA1Le,SAAS"}
+{"version":3,"file":"MobileNav.d.ts","sourceRoot":"","sources":["../../src/MobileNav/MobileNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA2I5C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EACR,MAAM,EACN,KAAW,EACX,IAAa,EACb,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,cAAc,+BA4KhB;yBA3Le,SAAS"}

package/dist/MobileNav/MobileNav.js

@@ -35,11 +35,12 @@ import { Heading } from "../Heading/Heading.js";
 import { useAppShellMobile } from "../AppShell/AppShellMobileContext.js";
 import { mergeProps, mergeRefs, composeEventHandlers } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // =============================================================================
 // Styles
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   dialog: {
     kVAEAm: "xixxii4",
@@ -178,6 +179,7 @@ export function MobileNav({
   ref,
   ...rest
 }) {
+  const t = useTranslator();
   // Read from AppShell context as fallback
   const appShellMobile = useAppShellMobile();
   const isOpen = isOpenProp ?? appShellMobile.isMobileNavOpen;
@@ -268,20 +270,20 @@ export function MobileNav({
     }
   }, [onOpenChange]);
   const isStart = resolvedSide === 'start';
-  return /*#__PURE__*/_jsxDEV("dialog", {
+  return /*#__PURE__*/_jsx("dialog", {
     ref: mergeRefs(ref, dialogRef),
     ...mergeProps(themeProps('mobile-nav', {
       side: resolvedSide
     }), stylex.props(styles.dialog, isOpen && styles.open, styles.backdrop, isOpen && styles.backdropOpen, xstyle), className, style),
     ...rest,
     "data-testid": testId,
-    "aria-label": label ?? (typeof header === 'string' ? header : 'Navigation'),
+    "aria-label": label ?? (typeof header === 'string' ? header : t('@astryx.mobileNav.navigation')),
     onClick: composeEventHandlers(onClickProp, handleDialogClick),
     onCancel: handleCancel,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       tabIndex: -1,
       ...stylex.props(styles.drawer, dynamicStyles.width(width), isStart && styles.drawerStart, isStart && isOpen && styles.drawerStartOpen, !isStart && styles.drawerEnd, !isStart && isOpen && styles.drawerEndOpen),
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         ...{
           0: {
             className: "x78zum5 x6s0dn4 x1qughib x1k15mir xf314gf x2lah0s x92x3c3 x1q0q8m5 xw8gpjh"
@@ -290,31 +292,31 @@ export function MobileNav({
             className: "x78zum5 x6s0dn4 x1k15mir xf314gf x2lah0s x92x3c3 x1q0q8m5 xw8gpjh x13a6bvl"
           }
         }[!!!header << 0],
-        children: [typeof header === 'string' ? /*#__PURE__*/_jsxDEV("span", {
+        children: [typeof header === 'string' ? /*#__PURE__*/_jsx("span", {
           ...{
             className: "x11g1kdw"
           },
-          children: /*#__PURE__*/_jsxDEV(Heading, {
+          children: /*#__PURE__*/_jsx(Heading, {
             level: 2,
             children: header
-          }, void 0, false)
-        }, void 0, false) : header ?? null, /*#__PURE__*/_jsxDEV(Button, {
+          })
+        }) : header ?? null, /*#__PURE__*/_jsx(Button, {
           variant: "ghost",
-          label: "Close navigation",
-          icon: /*#__PURE__*/_jsxDEV(Icon, {
+          label: t('@astryx.mobileNav.closeNavigation'),
+          icon: /*#__PURE__*/_jsx(Icon, {
             icon: "close",
             color: "inherit"
-          }, void 0, false),
+          }),
           onClick: () => onOpenChange(false),
           isIconOnly: true
-        }, void 0, false)]
-      }, void 0, true), /*#__PURE__*/_jsxDEV("div", {
+        })]
+      }), /*#__PURE__*/_jsx("div", {
         ...{
           className: "x98rzlu x1odjw0f x6ikm8r xish69e xx69xxh xf314gf xce4md1"
         },
         children: children
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 }
 MobileNav.displayName = 'MobileNav';

package/dist/MobileNav/MobileNavToggle.d.ts

@@ -44,7 +44,7 @@ export interface MobileNavToggleProps extends Pick<BaseProps, 'xstyle' | 'classN
  * </MobileNavToggle>
  * ```
  */
-export declare function MobileNavToggle({ ref, children, label, 'data-testid': testId, xstyle, className, style, }: MobileNavToggleProps): React.JSX.Element | null;
+export declare function MobileNavToggle({ ref, children, label: labelFromProps, 'data-testid': testId, xstyle, className, style, }: MobileNavToggleProps): React.JSX.Element | null;
 export declare namespace MobileNavToggle {
     var displayName: string;
 }

package/dist/MobileNav/MobileNavToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavToggle.d.ts","sourceRoot":"","sources":["../../src/MobileNav/MobileNavToggle.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,QAAQ,EACR,KAAyB,EACzB,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,4BAuBtB;yBA/Be,eAAe"}
+{"version":3,"file":"MobileNavToggle.d.ts","sourceRoot":"","sources":["../../src/MobileNav/MobileNavToggle.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,QAAQ,EACR,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,4BAwBtB;yBAhCe,eAAe"}

package/dist/MobileNav/MobileNavToggle.js

@@ -16,7 +16,8 @@ import React from 'react';
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
 import { useAppShellMobile } from "../AppShell/AppShellMobileContext.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Mobile nav toggle button. Reads from AppShell context to open/close
  * the mobile navigation drawer.
@@ -38,12 +39,14 @@ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export function MobileNavToggle({
   ref,
   children,
-  label = 'Open navigation',
+  label: labelFromProps,
   'data-testid': testId,
   xstyle,
   className,
   style
 }) {
+  const t = useTranslator();
+  const label = labelFromProps ?? t('@astryx.mobileNav.toggle.open');
   const {
     isMobile,
     isMobileNavEnabled,
@@ -54,20 +57,20 @@ export function MobileNavToggle({
   if (!isMobile || !isMobileNavEnabled) {
     return null;
   }
-  return /*#__PURE__*/_jsxDEV(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     ref: ref,
     variant: "ghost",
     label: label,
-    icon: children ?? /*#__PURE__*/_jsxDEV(Icon, {
+    icon: children ?? /*#__PURE__*/_jsx(Icon, {
       icon: "menu",
       color: "inherit"
-    }, void 0, false),
+    }),
     onClick: toggleMobileNav,
     "data-testid": testId ?? 'mobile-nav-toggle',
     xstyle: xstyle,
     className: className,
     style: style,
     isIconOnly: true
-  }, void 0, false);
+  });
 }
 MobileNavToggle.displayName = 'MobileNavToggle';

package/dist/MoreMenu/MoreMenu.d.ts

@@ -77,7 +77,7 @@ export interface MoreMenuProps extends Pick<BaseProps, 'xstyle' | 'className' |
  * />
  * ```
  */
-export declare function MoreMenu({ items, label, variant, size: sizeProp, icon, isDisabled, isMenuOpen, onOpenChange, xstyle, className: classNameProp, style, 'data-testid': testId, ref, }: MoreMenuProps): import("react").JSX.Element;
+export declare function MoreMenu({ items, label: labelFromProps, variant, size: sizeProp, icon, isDisabled, isMenuOpen, onOpenChange, xstyle, className: classNameProp, style, 'data-testid': testId, ref, }: MoreMenuProps): import("react").JSX.Element;
 export declare namespace MoreMenu {
     var displayName: string;
 }

package/dist/MoreMenu/MoreMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../src/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAsB,EACtB,OAAiB,EACjB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,UAAkB,EAClB,UAAU,EACV,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,aAAa,+BA8Bf;yBA5Ce,QAAQ"}
+{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../src/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EAAE,cAAc,EACrB,OAAiB,EACjB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,UAAkB,EAClB,UAAU,EACV,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,aAAa,+BAgCf;yBA9Ce,QAAQ"}

package/dist/MoreMenu/MoreMenu.js

@@ -21,7 +21,8 @@ import { getIcon } from "../Icon/globalIconRegistry.js";
 import { DropdownMenu } from "../DropdownMenu/DropdownMenu.js";
 import { useSize } from "../SizeContext/SizeContext.js";
 import { stableClassName } from "../naming.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Overflow menu with a three-dot icon trigger.
  *
@@ -39,7 +40,7 @@ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
  */
 export function MoreMenu({
   items,
-  label = 'More options',
+  label: labelFromProps,
   variant = 'ghost',
   size: sizeProp,
   icon,
@@ -52,9 +53,11 @@ export function MoreMenu({
   'data-testid': testId,
   ref
 }) {
+  const t = useTranslator();
+  const label = labelFromProps ?? t('@astryx.moreMenu.label');
   const size = useSize(sizeProp, 'md');
   const moreIcon = getIcon('moreHorizontal');
-  return /*#__PURE__*/_jsxDEV(DropdownMenu, {
+  return /*#__PURE__*/_jsx(DropdownMenu, {
     className: classNameProp ? `${stableClassName('more-menu')} ${classNameProp}` : stableClassName('more-menu'),
     xstyle: xstyle,
     style: style,
@@ -73,6 +76,6 @@ export function MoreMenu({
     items: items,
     hasChevron: false,
     "data-testid": testId
-  }, void 0, false);
+  });
 }
 MoreMenu.displayName = 'MoreMenu';

package/dist/MultiSelector/MultiSelector.d.ts

@@ -198,7 +198,7 @@ export interface MultiSelectorProps<T extends MultiSelectorOptionType = MultiSel
  * />
  * ```
  */
-export declare function MultiSelector<T extends MultiSelectorOptionType>({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, options, value, onChange, changeAction, isLoading, placeholder, size: sizeProp, status, labelTooltip, startIcon, hasClear, hasSelectAll, selectAllLabel, hasSearch, searchPlaceholder, triggerDisplay, maxBadges, renderOption, isDefaultOpen, 'data-testid': testId, htmlName, width, xstyle, className, style, }: MultiSelectorProps<T>): React.JSX.Element;
+export declare function MultiSelector<T extends MultiSelectorOptionType>({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, options, value, onChange, changeAction, isLoading, placeholder: placeholderFromProps, size: sizeProp, status, labelTooltip, startIcon, hasClear, hasSelectAll, selectAllLabel: selectAllLabelFromProps, hasSearch, searchPlaceholder: searchPlaceholderFromProps, triggerDisplay, maxBadges, renderOption, isDefaultOpen, 'data-testid': testId, htmlName, width, xstyle, className, style, }: MultiSelectorProps<T>): React.JSX.Element;
 export declare namespace MultiSelector {
     var displayName: string;
 }

package/dist/MultiSelector/MultiSelector.d.ts.map

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

package/dist/MultiSelector/MultiSelector.js

@@ -36,9 +36,10 @@ import { themeProps } from "../utils/themeProps.js";
 import { groupStyles } from "../InputGroup/groupStyles.js";
 import { useInputGroup } from "../InputGroup/InputGroupContext.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
+import { useTranslator } from "../i18n/index.js";
 
 // Sentinel value for the select-all item in keyboard navigation
-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 SELECT_ALL_VALUE = '__xds_select_all__';
 const styles = {
   triggerContainer: {
@@ -187,16 +188,16 @@ export function MultiSelector({
   onChange,
   changeAction,
   isLoading = false,
-  placeholder = 'Select...',
+  placeholder: placeholderFromProps,
   size: sizeProp,
   status,
   labelTooltip,
   startIcon,
   hasClear = false,
   hasSelectAll = false,
-  selectAllLabel = 'Select all',
+  selectAllLabel: selectAllLabelFromProps,
   hasSearch = false,
-  searchPlaceholder = 'Search...',
+  searchPlaceholder: searchPlaceholderFromProps,
   triggerDisplay = 'count',
   maxBadges = 3,
   renderOption,
@@ -208,6 +209,10 @@ export function MultiSelector({
   className,
   style
 }) {
+  const t = useTranslator();
+  const placeholder = placeholderFromProps ?? t('@astryx.multiSelector.selectPlaceholder');
+  const selectAllLabel = selectAllLabelFromProps ?? t('@astryx.multiSelector.selectAll');
+  const searchPlaceholder = searchPlaceholderFromProps ?? t('@astryx.multiSelector.searchPlaceholder');
   const size = useSize(sizeProp, 'md');
   const triggerId = useId();
   const listboxId = useId();
@@ -475,51 +480,51 @@ export function MultiSelector({
   }, [optimisticValue, selectableItems]);
   const renderTriggerContent = useCallback(() => {
     if (optimisticValue.length === 0) {
-      return /*#__PURE__*/_jsxDEV("span", {
+      return /*#__PURE__*/_jsx("span", {
         ...{
           className: "xb3r6kr xlyipyv xuxw1ft"
         },
         children: placeholder
-      }, void 0, false);
+      });
     }
     switch (triggerDisplay) {
       case 'count':
-        return /*#__PURE__*/_jsxDEV("span", {
+        return /*#__PURE__*/_jsxs("span", {
           ...{
             className: "xb3r6kr xlyipyv xuxw1ft"
           },
           children: [optimisticValue.length, " selected"]
-        }, void 0, true);
+        });
       case 'labels':
         {
           const displayed = selectedLabels.slice(0, 3);
           const remaining = selectedLabels.length - displayed.length;
           const text = remaining > 0 ? `${displayed.join(', ')}, +${remaining}` : displayed.join(', ');
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsx("span", {
             ...{
               className: "xb3r6kr xlyipyv xuxw1ft"
             },
             children: text
-          }, void 0, false);
+          });
         }
       case 'badges':
         {
           const displayed = selectedLabels.slice(0, maxBadges);
           const remaining = selectedLabels.length - displayed.length;
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsxs("span", {
             ...{
               className: "x78zum5 x1a02dak xzye2dw x6s0dn4"
             },
-            children: [displayed.map(label => /*#__PURE__*/_jsxDEV(Badge, {
+            children: [displayed.map(label => /*#__PURE__*/_jsx(Badge, {
               label: label,
               variant: "neutral"
-            }, label, false)), remaining > 0 && /*#__PURE__*/_jsxDEV("span", {
+            }, label)), remaining > 0 && /*#__PURE__*/_jsxs("span", {
               ...{
                 className: "x2lah0s xcr08ib xv1l7n4 x1e4wzip"
               },
               children: ["+", remaining]
-            }, void 0, true)]
-          }, void 0, true);
+            })]
+          });
         }
     }
   }, [optimisticValue, triggerDisplay, selectedLabels, placeholder, maxBadges]);
@@ -529,11 +534,11 @@ export function MultiSelector({
     if (!hasSearch) {
       return null;
     }
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsx("div", {
       ...{
         className: "xf314gf xu0wf1k"
       },
-      children: /*#__PURE__*/_jsxDEV("input", {
+      children: /*#__PURE__*/_jsx("input", {
         ref: searchRef,
         id: searchId
         // When hasSearch is set, focus moves into this input on open, so it —
@@ -545,7 +550,7 @@ export function MultiSelector({
         "aria-controls": listboxId,
         "aria-autocomplete": "list",
         "aria-activedescendant": popover.isOpen && highlightedIndex >= 0 ? getItemId(highlightedIndex) : undefined,
-        "aria-label": "Search options",
+        "aria-label": t('@astryx.multiSelector.searchOptions'),
         type: "text",
         value: searchQuery,
         onChange: e => setSearchQuery(e.target.value),
@@ -561,9 +566,9 @@ export function MultiSelector({
         ...{
           className: "x9f619 xh8yej3 xu0wf1k xf314gf x1litavf x1y0btm7 xvy26l8 xh6dtrn x10xzikg x9ynric xcr08ib xdk3u5w x1tgivj0 x1a2a7pz xzeu18z x1wfwxd8"
         }
-      }, void 0, false)
-    }, void 0, false);
-  }, [hasSearch, searchId, listboxId, searchQuery, searchPlaceholder, onKeyDown, popover.isOpen, highlightedIndex, getItemId]);
+      })
+    });
+  }, [hasSearch, searchId, listboxId, searchQuery, searchPlaceholder, onKeyDown, popover.isOpen, highlightedIndex, getItemId, t]);
 
   // Render an individual item (index-based)
   const renderItem = useCallback((item, flatIndex) => {
@@ -571,7 +576,7 @@ export function MultiSelector({
     const isSelectAll = item.value === SELECT_ALL_VALUE;
     const isSelected = isSelectAll ? allEnabledSelected : optimisticValue.includes(item.value);
     const checkboxValue = isSelectAll ? selectAllState : isSelected;
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs("div", {
       id: getItemId(flatIndex),
       role: "option",
       "aria-selected": isSelected,
@@ -583,20 +588,20 @@ export function MultiSelector({
       },
       onMouseEnter: () => onItemMouseEnter(item, flatIndex),
       ...stylex.props(styles.item, isSelectAll ? selectAllSizeStyles[size] : itemSizeStyles[size], isSelectAll && styles.selectAllWrapper, isHighlighted && styles.itemHighlighted, item.disabled && styles.itemDisabled),
-      children: [/*#__PURE__*/_jsxDEV("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         inert: true,
         ...{
           className: "x47corl x78zum5 x2lah0s"
         },
-        children: /*#__PURE__*/_jsxDEV(CheckboxInput, {
+        children: /*#__PURE__*/_jsx(CheckboxInput, {
           label: "",
           isLabelHidden: true,
           value: checkboxValue,
           onChange: () => {},
           isDisabled: item.disabled,
           size: size === 'lg' ? 'md' : size
-        }, void 0, false)
-      }, void 0, false), renderOption && !isSelectAll ? renderOption(item) : /*#__PURE__*/_jsxDEV("span", {
+        })
+      }), renderOption && !isSelectAll ? renderOption(item) : /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x9ynric xcr08ib x1e4wzip x1tgivj0 xeuugli xb3r6kr xlyipyv xuxw1ft"
@@ -606,8 +611,8 @@ export function MultiSelector({
           }
         }[!!item.disabled << 0],
         children: item.label ?? item.value
-      }, void 0, false)]
-    }, item.value, true);
+      })]
+    }, item.value);
   }, [renderOption, highlightedIndex, optimisticValue, allEnabledSelected, selectAllState, getItemId, handleNavigableToggle, onItemMouseEnter, size]);
 
   // Render all options. Uses sortedItems as the single source of truth for
@@ -623,9 +628,9 @@ export function MultiSelector({
     // Show select-all only when there are real items to select
     if (hasSelectAll && realItemCount > 0) {
       elements.push(renderItem(sortedItems[0], 0));
-      elements.push(/*#__PURE__*/_jsxDEV(Divider, {
+      elements.push(/*#__PURE__*/_jsx(Divider, {
         xstyle: styles.divider
-      }, "select-all-divider", false));
+      }, "select-all-divider"));
       cursor = 1;
     } else if (hasSelectAll) {
       // Skip the select-all sentinel when there are no real items
@@ -634,12 +639,12 @@ export function MultiSelector({
 
     // Empty state — no real items to show
     if (realItemCount === 0) {
-      elements.push(/*#__PURE__*/_jsxDEV("div", {
+      elements.push(/*#__PURE__*/_jsx("div", {
         ...{
           className: "x1b2ylru x2b8uid xv1l7n4 x9ynric xcr08ib"
         },
         children: "No results found"
-      }, "empty", false));
+      }, "empty"));
       return elements;
     }
     if (searchQuery) {
@@ -663,9 +668,9 @@ export function MultiSelector({
       const option = options[i];
       if (isDivider(option)) {
         flushPending();
-        elements.push(/*#__PURE__*/_jsxDEV(Divider, {
+        elements.push(/*#__PURE__*/_jsx(Divider, {
           xstyle: styles.divider
-        }, `divider-${i}`, false));
+        }, `divider-${i}`));
       } else if (isSection(option)) {
         flushPending();
         const count = option.options.length;
@@ -675,16 +680,16 @@ export function MultiSelector({
           cursor++;
         }
         if (option.title) {
-          elements.push(/*#__PURE__*/_jsxDEV(Divider, {
+          elements.push(/*#__PURE__*/_jsx(Divider, {
             label: option.title,
             xstyle: styles.sectionDivider
-          }, `section-divider-${i}`, false));
+          }, `section-divider-${i}`));
         }
-        elements.push(/*#__PURE__*/_jsxDEV("div", {
+        elements.push(/*#__PURE__*/_jsx("div", {
           role: "group",
           "aria-label": option.title,
           children: sectionItems
-        }, `section-${i}`, false));
+        }, `section-${i}`));
       } else if (isOptionData(option)) {
         pendingCount++;
       }
@@ -692,8 +697,8 @@ export function MultiSelector({
     flushPending();
     return elements;
   }, [options, renderItem, sortedItems, searchQuery, hasSelectAll]);
-  const multiSelectorContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("div", {
+  const multiSelectorContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: el => {
         popover.triggerRef(el);
         // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -710,10 +715,10 @@ export function MultiSelector({
       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("button", {
+      }), /*#__PURE__*/_jsx("button", {
         ref: triggerRef,
         id: triggerId,
         type: "button"
@@ -742,13 +747,13 @@ export function MultiSelector({
         ...{
           className: "x78zum5 x6s0dn4 x1qughib x1txdalj x1iyjqo2 xs83m0k x1r8uery xeuugli x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x15bjb6t x1heor9g x1ypdohk x1a2a7pz x1p25gnr x1wfwxd8 xh6dtrn"
         },
-        children: /*#__PURE__*/_jsxDEV("span", {
+        children: /*#__PURE__*/_jsx("span", {
           ...{
             className: "x78zum5 x6s0dn4 xzye2dw x1iyjqo2 xs83m0k x1r8uery xeuugli xb3r6kr"
           },
           children: renderTriggerContent()
-        }, void 0, false)
-      }, void 0, false), htmlName != null && value.map(v => /*#__PURE__*/_jsxDEV("input", {
+        })
+      }), htmlName != null && value.map(v => /*#__PURE__*/_jsx("input", {
         type: "hidden",
         name: htmlName,
         value: v
@@ -756,21 +761,23 @@ export function MultiSelector({
         // mirror that for the hidden carriers.
         ,
         disabled: isDisabled
-      }, v, false)), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
+      }, v)), isBusy && /*#__PURE__*/_jsx(Spinner, {
         size: "sm"
-      }, void 0, false), hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsxDEV("button", {
+      }), hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsx("button", {
         type: "button",
         onClick: handleClear,
-        "aria-label": `Clear all ${label}`,
+        "aria-label": t('@astryx.multiSelector.clearAll', {
+          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), /*#__PURE__*/_jsxDEV("span", {
+        })
+      }), /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike"
@@ -785,37 +792,37 @@ export function MultiSelector({
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike x19jd1h0 xq2gx43"
           }
         }[!!(!status && popover.isOpen) << 1 | !!status << 0],
-        children: status ? /*#__PURE__*/_jsxDEV(Icon, {
+        children: status ? /*#__PURE__*/_jsx(Icon, {
           icon: STATUS_ICON_MAP[status.type],
           size: "sm",
           color: STATUS_ICON_COLOR_MAP[status.type]
-        }, void 0, false) : /*#__PURE__*/_jsxDEV(Icon, {
+        }) : /*#__PURE__*/_jsx(Icon, {
           icon: "chevronDown",
           size: "sm",
           color: "inherit"
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true), popover.render(/*#__PURE__*/_jsxDEV("div", {
+        })
+      })]
+    }), popover.render(/*#__PURE__*/_jsxs("div", {
       ...{
         className: "x9f619 xuyqlj2 x1odjw0f x9epnlk"
       },
-      children: [renderSearch(), /*#__PURE__*/_jsxDEV("div", {
+      children: [renderSearch(), /*#__PURE__*/_jsx("div", {
         id: listboxId,
         role: "listbox",
         "aria-multiselectable": "true",
         "aria-labelledby": triggerId,
         children: renderOptions()
-      }, void 0, false)]
-    }, void 0, true), {
+      })]
+    }), {
       placement: 'below',
       alignment: 'start',
       xstyle: styles.popover
     }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+  });
   if (inputGroup) {
     return multiSelectorContent;
   }
-  return /*#__PURE__*/_jsxDEV(Field, {
+  return /*#__PURE__*/_jsx(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -832,6 +839,6 @@ export function MultiSelector({
     labelTooltip: labelTooltip,
     width: width,
     children: multiSelectorContent
-  }, void 0, false);
+  });
 }
 MultiSelector.displayName = 'MultiSelector';

package/dist/NavIcon/NavIcon.js

@@ -23,7 +23,7 @@ import { themeProps } from "../utils/themeProps.js";
 /**
  * NavIcon styles
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   base: {
     k1xSpc: "x78zum5",
@@ -65,11 +65,11 @@ export function NavIcon({
   ref,
   ...props
 }) {
-  return /*#__PURE__*/_jsxDEV("span", {
+  return /*#__PURE__*/_jsx("span", {
     ref: ref,
     ...mergeProps(themeProps('navicon'), stylex.props(styles.base, xstyle), className, style),
     ...props,
     children: icon
-  }, void 0, false);
+  });
 }
 NavIcon.displayName = 'NavIcon';