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

package/dist/Thumbnail/Thumbnail.js

@@ -32,9 +32,10 @@ import { MediaTheme } from "../theme/MediaTheme.js";
 import { useImageMode } from "../hooks/useImageMode.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 /** Sample the region behind the remove button (20px button, 4px inset, in 64px container). */
-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 BUTTON_REGION = {
   x: 0.5,
   y: 0.06,
@@ -77,16 +78,16 @@ const styles = {
 // =============================================================================
 
 function ImagePlaceholder() {
-  return /*#__PURE__*/_jsxDEV("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
-    children: /*#__PURE__*/_jsxDEV("path", {
+    children: /*#__PURE__*/_jsx("path", {
       d: "M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2M8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-5.5z"
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 
 // =============================================================================
@@ -124,6 +125,7 @@ export function Thumbnail({
   ref,
   ...props
 }) {
+  const t = useTranslator();
   const imageMode = useImageMode(src, {
     region: BUTTON_REGION,
     fallback: null
@@ -135,28 +137,30 @@ export function Thumbnail({
   const showPlaceholder = !isLoading && !hasSrc;
   const isInteractive = onClick != null && !isDisabled && !isLoading;
   const accessibleName = label && alt ? `${label} — ${alt}` : label ?? alt ?? 'thumbnail';
-  const imageContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [showImage && /*#__PURE__*/_jsxDEV("img", {
+  const imageContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showImage && /*#__PURE__*/_jsx("img", {
       src: src,
       alt: alt ?? '',
       ...{
         className: "xh8yej3 x5yr21d xl1xv1r x1lliihq"
       }
-    }, void 0, false), showSkeleton && /*#__PURE__*/_jsxDEV(Skeleton, {
+    }), showSkeleton && /*#__PURE__*/_jsx(Skeleton, {
       radius: 2
-    }, void 0, false), showPlaceholder && /*#__PURE__*/_jsxDEV("div", {
+    }), showPlaceholder && /*#__PURE__*/_jsx("div", {
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d xv9yike"
       },
-      children: /*#__PURE__*/_jsxDEV(ImagePlaceholder, {}, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
-  const removeButtonEl = onRemove != null && !isDisabled ? /*#__PURE__*/_jsxDEV(Button, {
-    icon: /*#__PURE__*/_jsxDEV(Icon, {
+      children: /*#__PURE__*/_jsx(ImagePlaceholder, {})
+    })]
+  });
+  const removeButtonEl = onRemove != null && !isDisabled ? /*#__PURE__*/_jsx(Button, {
+    icon: /*#__PURE__*/_jsx(Icon, {
       icon: "close",
       size: "xsm"
-    }, void 0, false),
-    label: `Remove ${accessibleName}`,
+    }),
+    label: t('@astryx.thumbnail.remove', {
+      accessibleName
+    }),
     variant: "secondary",
     size: "sm",
     isIconOnly: true,
@@ -165,15 +169,15 @@ export function Thumbnail({
       onRemove(e);
     },
     xstyle: styles.removeButtonOverrides
-  }, void 0, false) : null;
-  const thumbnail = /*#__PURE__*/_jsxDEV("div", {
+  }) : null;
+  const thumbnail = /*#__PURE__*/_jsx("div", {
     ref: ref,
     "data-testid": testId,
     role: "group",
     "aria-label": accessibleName,
     ...mergeProps(themeProps('thumbnail'), stylex.props(styles.root, isDisabled && styles.disabled, xstyle), className, style),
     ...props,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       ...{
         0: {
           className: "x1n2onr6 xh8yej3 x1plog1 xh6dtrn xb3r6kr x17x4s8c"
@@ -182,37 +186,39 @@ export function Thumbnail({
           className: "x1n2onr6 xh8yej3 x1plog1 xh6dtrn xb3r6kr x17x4s8c x1ypdohk x1kx2cm7 xuedmi6 xlr8y92 x1gnnqk1 xhouywz x1hc1fzr xzomjkg x1tmayz8 x1irc7jg x1wfwxd8 xdjuwb3"
         }
       }[!!isInteractive << 0],
-      children: [isInteractive ? /*#__PURE__*/_jsxDEV("button", {
+      children: [isInteractive ? /*#__PURE__*/_jsx("button", {
         type: "button",
         onClick: onClick,
-        "aria-label": `Open ${accessibleName}`,
+        "aria-label": t('@astryx.thumbnail.open', {
+          accessibleName
+        }),
         ...{
           className: "x1ypdohk x1lliihq xh8yej3 x5yr21d xh6dtrn xb3r6kr"
         },
         children: imageContent
-      }, void 0, false) : imageContent, showImage && /*#__PURE__*/_jsxDEV("div", {
+      }) : imageContent, showImage && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x10l6tqk x10a8y8t x1pjcqnp x1er153n x47corl"
         }
-      }, void 0, false), showUploadOverlay && /*#__PURE__*/_jsxDEV("div", {
+      }), showUploadOverlay && /*#__PURE__*/_jsx("div", {
         ...{
           className: "x10l6tqk x10a8y8t x78zum5 x6s0dn4 xl56j7k x1u4601x x1pjcqnp x1vjfegm x14ju556"
         },
-        children: /*#__PURE__*/_jsxDEV(Spinner, {
+        children: /*#__PURE__*/_jsx(Spinner, {
           size: "sm",
           shade: "onMedia"
-        }, void 0, false)
-      }, void 0, false), removeButtonEl != null && imageMode != null ? /*#__PURE__*/_jsxDEV(MediaTheme, {
+        })
+      }), removeButtonEl != null && imageMode != null ? /*#__PURE__*/_jsx(MediaTheme, {
         mode: imageMode,
         children: removeButtonEl
-      }, void 0, false) : removeButtonEl]
-    }, void 0, true)
-  }, void 0, false);
+      }) : removeButtonEl]
+    })
+  });
   if (label != null) {
-    return /*#__PURE__*/_jsxDEV(Tooltip, {
+    return /*#__PURE__*/_jsx(Tooltip, {
       content: label,
       children: thumbnail
-    }, void 0, false);
+    });
   }
   return thumbnail;
 }

package/dist/TimeInput/TimeInput.d.ts

@@ -169,7 +169,7 @@ export interface TimeInputProps extends Omit<BaseProps, 'onChange' | 'defaultVal
  * />
  * ```
  */
-export declare function TimeInput({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, value, onChange, changeAction, isLoading, min, max, hasSeconds, hasClear, hasAutoFocus, hourFormat, increment, placeholder, size: sizeProp, status, labelTooltip, width, xstyle, className, style, ref, }: TimeInputProps): import("react").JSX.Element;
+export declare function TimeInput({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, value, onChange, changeAction, isLoading, min, max, hasSeconds, hasClear, hasAutoFocus, hourFormat, increment, placeholder: placeholderFromProps, size: sizeProp, status, labelTooltip, width, xstyle, className, style, ref, }: TimeInputProps): import("react").JSX.Element;
 export declare namespace TimeInput {
     var displayName: string;
 }

package/dist/TimeInput/TimeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../src/TimeInput/TimeInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../src/TimeInput/TimeInput.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAU3C,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,UAAU,CAAC;AAIlB,OAAO,EACL,KAAK,aAAa,EAUnB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AA6D9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;EAad,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,CAAC;AAIhD,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,eAAe,IAAI,mBAAmB,GACvC,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,SAAS,EACT,UAAU,GAAG,cAAc,CAC5B;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,eAAe,EACf,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,GAAG,EACH,GAAG,EACH,UAAkB,EAClB,QAAgB,EAChB,YAAoB,EACpB,UAAkB,EAClB,SAAa,EACb,WAAW,EAAE,oBAAoB,EACjC,IAAI,EAAE,QAAQ,EACd,MAAM,EACN,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE,cAAc,+BA2WhB;yBAvYe,SAAS"}

package/dist/TimeInput/TimeInput.js

@@ -30,7 +30,8 @@ import { useInputGroup } from "../InputGroup/InputGroupContext.js";
 import { groupStyles } from "../InputGroup/groupStyles.js";
 import { useTooltip } from "../Tooltip/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";
 const sizeStyles = {
   sm: {
     kZKoxP: "x6k0iem",
@@ -84,7 +85,7 @@ export function TimeInput({
   hasAutoFocus = false,
   hourFormat = '12h',
   increment = 1,
-  placeholder = 'Select a time',
+  placeholder: placeholderFromProps,
   size: sizeProp,
   status,
   labelTooltip,
@@ -94,6 +95,8 @@ export function TimeInput({
   style,
   ref
 }) {
+  const t = useTranslator();
+  const placeholder = placeholderFromProps ?? t('@astryx.timeInput.placeholder');
   const size = useSize(sizeProp, 'md');
   const id = useId();
   const inputLabelID = useId();
@@ -281,7 +284,7 @@ export function TimeInput({
     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.
@@ -295,29 +298,29 @@ export function TimeInput({
       size,
       status: status?.type ?? null
     }), stylex.props(inputWrapperStyles.base, sizeStyles[size], isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], inputGroup && groupStyles.inGroup, xstyle), className, style),
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       ...{
         className: "x78zum5 x6s0dn4 xl56j7k x2lah0s"
       },
-      children: /*#__PURE__*/_jsxDEV(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         icon: "clock",
         size: "sm",
         color: "secondary"
-      }, void 0, false)
-    }, void 0, false), inputGroup && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+      })
+    }), inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
       id: inputLabelID,
       children: label
-    }, void 0, false), inputGroup && description && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+    }), inputGroup && description && /*#__PURE__*/_jsx(VisuallyHidden, {
       as: "div",
       id: descriptionID,
       children: description
-    }, void 0, false), inputGroup && status?.message && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+    }), inputGroup && status?.message && /*#__PURE__*/_jsx(VisuallyHidden, {
       as: "div",
       id: statusMessageID,
       role: status.type === 'error' ? 'alert' : 'status',
       "aria-live": status.type === 'error' ? 'assertive' : 'polite',
       children: status.message
-    }, void 0, false), /*#__PURE__*/_jsxDEV("input", {
+    }), /*#__PURE__*/_jsx("input", {
       ref: mergeRefs(ref, inputRef),
       id: id,
       type: "text",
@@ -355,37 +358,39 @@ export function TimeInput({
           className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
         }
       }[!!isDisabled << 1 | !!!isInputValid << 0]
-    }, void 0, false), /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+    }), /*#__PURE__*/_jsx(VisuallyHidden, {
       as: "div",
       role: "alert",
       "aria-live": "assertive",
       children: !isInputValid ? 'Invalid time' : ''
-    }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
+    }), isBusy && /*#__PURE__*/_jsx(Spinner, {
       size: "sm"
-    }, 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.timeInput.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), 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,
@@ -402,6 +407,6 @@ export function TimeInput({
     labelTooltip: labelTooltip,
     width: width,
     children: [inputWrapper, showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+  });
 }
 TimeInput.displayName = 'TimeInput';

package/dist/Timestamp/Timestamp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../src/Timestamp/Timestamp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE9E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAW5C,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,MAAM,GACN,MAAM,GACN,WAAW,GACX,MAAM,GACN,aAAa,GACb,kBAAkB,GAClB,aAAa,CAAC;AAElB,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,eAAe,CAAC;IAChE,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,uFAAuF;IACvF,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA8ND;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAe,EACf,aAAsC,EACtC,UAAiB,EACjB,eAAuB,EACvB,MAAc,EACd,IAAmB,EACnB,IAAI,EACJ,KAAmB,EACnB,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,MAAM,GACtB,EAAE,cAAc,sCAmGhB;yBAnHe,SAAS"}
+{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../src/Timestamp/Timestamp.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE9E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAY5C,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,MAAM,GACN,MAAM,GACN,WAAW,GACX,MAAM,GACN,aAAa,GACb,kBAAkB,GAClB,aAAa,CAAC;AAElB,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,eAAe,CAAC;IAChE,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,uFAAuF;IACvF,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0OD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAe,EACf,aAAsC,EACtC,UAAiB,EACjB,eAAuB,EACvB,MAAc,EACd,IAAmB,EACnB,IAAI,EACJ,KAAmB,EACnB,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,MAAM,GACtB,EAAE,cAAc,sCA0GhB;yBA1He,SAAS"}

package/dist/Timestamp/Timestamp.js

@@ -20,7 +20,9 @@ import * as stylex from '@stylexjs/stylex';
 import { Text } from "../Text/index.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 "../theme/tokens.stylex.js";
+import { colorVars } from "../theme/tokens.stylex.js";
+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
 })));
@@ -302,35 +304,48 @@ export function Timestamp({
     className,
     style
   });
-  const timeElement = /*#__PURE__*/_jsxDEV(Text, {
+  const timeElement = /*#__PURE__*/_jsx(Text, {
     type: type,
     size: size,
     color: color,
     weight: weight,
     xstyle: xstyle,
     ...timestampProps,
-    children: /*#__PURE__*/_jsxDEV("time", {
+    children: /*#__PURE__*/_jsx("time", {
       ref: mergeRefs(ref, timeRef),
       dateTime: isoString,
-      "aria-label": effectiveFormat === 'relative' ? fullAbsoluteText : undefined,
+      "aria-label": effectiveFormat === 'relative' ? fullAbsoluteText : undefined
+      // The absolute-time tooltip is anchored here with the default 'auto'
+      // focus trigger, which only activates on focusable anchors. A bare
+      // <time> is not focusable, so without a tab stop sighted keyboard
+      // users could never reveal the tooltip (WCAG 1.4.13 / 2.1.1). Only
+      // add the tab stop while a tooltip is actually attached — no
+      // gratuitous tab stops otherwise.
+      ,
+      tabIndex: showTooltip ? 0 : undefined,
       "data-testid": testId,
       ...{
-        className: "xt0psk2 xjb2p0i x1j61x8r x1qlqyl8 x15bjb6t x1heor9g x1pd3egz"
-      },
+        0: {
+          className: "xt0psk2 xjb2p0i x1j61x8r x1qlqyl8 x15bjb6t x1heor9g x1pd3egz"
+        },
+        1: {
+          className: "xt0psk2 xjb2p0i x1j61x8r x1qlqyl8 x15bjb6t x1heor9g x1pd3egz x17nn4n9 x1wfwxd8 x7s97pk"
+        }
+      }[!!showTooltip << 0],
       children: displayText
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
   if (showTooltip) {
-    return /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [timeElement, /*#__PURE__*/_jsxDEV(Suspense, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [timeElement, /*#__PURE__*/_jsx(Suspense, {
         fallback: null,
-        children: /*#__PURE__*/_jsxDEV(LazyXDSTooltip, {
+        children: /*#__PURE__*/_jsx(LazyXDSTooltip, {
           anchorRef: timeRef,
           content: fullAbsoluteText,
           placement: "above"
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true);
+        })
+      })]
+    });
   }
   return timeElement;
 }

package/dist/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast/Toast.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAiBrC,OAAO,KAAK,EAAC,SAAS,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAyD3D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,SAAiB,EACjB,SAAS,GACV,EAAE,UAAU,+BAyHZ;yBAjIe,KAAK"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast/Toast.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAiBrC,OAAO,KAAK,EAAC,SAAS,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AA0D3D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,SAAiB,EACjB,SAAS,GACV,EAAE,UAAU,+BA0HZ;yBAlIe,KAAK"}

package/dist/Toast/Toast.js

@@ -12,7 +12,8 @@ import { mergeProps } from "../utils/index.js";
 import { useTheme } from "../theme/index.js";
 import { MediaTheme } from "../theme/MediaTheme.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Individual toast notification.
  *
@@ -41,6 +42,7 @@ export function Toast({
   isExiting = false,
   onDismiss
 }) {
+  const t = useTranslator();
   const timerRef = useRef(null);
   const isPausedRef = useRef(false);
   const remainingRef = useRef(autoHideDuration);
@@ -120,7 +122,7 @@ export function Toast({
     mode
   } = useTheme();
   const mediaMode = isError || mode === 'light' ? 'dark' : 'light';
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     role: isError ? 'alert' : 'status',
     "aria-live": isError ? 'assertive' : 'polite',
     "aria-atomic": "true",
@@ -144,36 +146,36 @@ export function Toast({
         className: "x1na6nto x1pzlopt x1hviunn x1l2rt3b xxtfdz8 x14hfi27 x9ynric xjm74w1 xw6l6zx x6o7n8i xuedmi6 xsagj69 xlr8y92 x4itv7f x1tswlu5 x1l5t2a3 xg01cxk x1lm5u"
       }
     }[!!isError << 1 | !!isExiting << 0]),
-    children: /*#__PURE__*/_jsxDEV(MediaTheme, {
+    children: /*#__PURE__*/_jsx(MediaTheme, {
       mode: mediaMode,
-      children: /*#__PURE__*/_jsxDEV("div", {
+      children: /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x78zum5 x1cy8zhl xjcht0a xh8yej3"
         },
-        children: [/*#__PURE__*/_jsxDEV("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           ...{
             className: "x98rzlu xeuugli"
           },
           children: body
-        }, void 0, false), /*#__PURE__*/_jsxDEV("div", {
+        }), /*#__PURE__*/_jsxs("div", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 x1txdalj xacfrgf xmequkd"
           },
-          children: [endContent, /*#__PURE__*/_jsxDEV(Button, {
+          children: [endContent, /*#__PURE__*/_jsx(Button, {
             variant: "ghost",
             size: "sm",
-            icon: /*#__PURE__*/_jsxDEV(Icon, {
+            icon: /*#__PURE__*/_jsx(Icon, {
               icon: "close",
               size: "sm",
               color: "inherit"
-            }, void 0, false),
-            label: "Dismiss notification",
+            }),
+            label: t('@astryx.toast.dismiss'),
             onClick: handleDismiss,
             isIconOnly: true
-          }, void 0, false)]
-        }, void 0, true)]
-      }, void 0, true)
-    }, void 0, false)
-  }, void 0, false);
+          })]
+        })]
+      })
+    })
+  });
 }
 Toast.displayName = 'Toast';

package/dist/Toast/ToastViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastViewport.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAa,aAAa,EAAqB,MAAM,SAAS,CAAC;AA2D3E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IACtE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAsB,EACtB,UAAc,EACd,KAAK,EACL,UAAiB,EACjB,QAAQ,GACT,EAAE,kBAAkB,+BAiTpB;yBAvTe,aAAa"}
+{"version":3,"file":"ToastViewport.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastViewport.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAa,aAAa,EAAqB,MAAM,SAAS,CAAC;AA4D3E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IACtE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAsB,EACtB,UAAc,EACd,KAAK,EACL,UAAiB,EACjB,QAAQ,GACT,EAAE,kBAAkB,+BAkTpB;yBAxTe,aAAa"}

package/dist/Toast/ToastViewport.js

@@ -10,7 +10,8 @@ import { mergeProps } from "../utils/index.js";
 import { INTERACTIVE_SELECTORS } from "../hooks/useClickableContainer.js";
 import { Toast } from "./Toast.js";
 import { ToastContext } from "./ToastContext.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   viewport: {
     kVAEAm: "xixxii4",
@@ -71,6 +72,7 @@ export function ToastViewport({
   isTopLayer = true,
   children
 }) {
+  const t = useTranslator();
   const [toasts, setToasts] = useState([]);
   const [exitingIds, setExitingIds] = useState(new Set());
   const toastsRef = useRef(toasts);
@@ -292,12 +294,12 @@ export function ToastViewport({
     };
   }, [hasToasts, getFocusable]);
   const posStyle = position === 'topEnd' ? styles.topEnd : position === 'topStart' ? styles.topStart : position === 'bottomStart' ? styles.bottomStart : styles.bottomEnd;
-  return /*#__PURE__*/_jsxDEV(ToastContext, {
+  return /*#__PURE__*/_jsxs(ToastContext, {
     value: contextValue,
-    children: [children, /*#__PURE__*/_jsxDEV("div", {
+    children: [children, /*#__PURE__*/_jsx("div", {
       ref: viewportRef,
       role: "region",
-      "aria-label": "Notifications",
+      "aria-label": t('@astryx.toast.viewport'),
       tabIndex: -1
       // popover="manual" promotes to the top layer (above dialogs).
       // Omitted inside dialogs where the viewport is already in a top layer.
@@ -312,7 +314,7 @@ export function ToastViewport({
         const isAutoHide = o.isAutoHide ?? (type === 'error' ? false : true);
         const dur = o.autoHideDuration ?? 5000;
         const isExiting = exitingIds.has(entry.id);
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsx("div", {
           "data-toast-id": entry.id,
           ...{
             0: {
@@ -327,11 +329,11 @@ export function ToastViewport({
               handleExited(entry.id);
             }
           } : undefined,
-          children: /*#__PURE__*/_jsxDEV("div", {
+          children: /*#__PURE__*/_jsx("div", {
             ...{
               className: "xb3r6kr"
             },
-            children: /*#__PURE__*/_jsxDEV(Toast, {
+            children: /*#__PURE__*/_jsx(Toast, {
               type: type,
               body: o.body,
               endContent: o.endContent,
@@ -339,11 +341,11 @@ export function ToastViewport({
               autoHideDuration: dur,
               isExiting: isExiting,
               onDismiss: reason => removeToast(entry.id, reason)
-            }, void 0, false)
-          }, void 0, false)
-        }, entry.id, false);
+            })
+          })
+        }, entry.id);
       })
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 ToastViewport.displayName = 'ToastViewport';

package/dist/Toast/useToast.js

@@ -7,7 +7,7 @@ import { createRoot } from 'react-dom/client';
 import { dataAttr } from "../naming.js";
 import { ToastContext } from "./ToastContext.js";
 import { ToastViewport } from "./ToastViewport.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // Fallback singleton
 let fallbackContext = null;
 let fallbackRoot = null;
@@ -82,9 +82,9 @@ function getFallbackContext() {
     return null;
   };
   fallbackRoot = createRoot(container);
-  fallbackRoot.render(/*#__PURE__*/_jsxDEV(ToastViewport, {
-    children: /*#__PURE__*/_jsxDEV(FallbackCapture, {}, void 0, false)
-  }, void 0, false));
+  fallbackRoot.render(/*#__PURE__*/_jsx(ToastViewport, {
+    children: /*#__PURE__*/_jsx(FallbackCapture, {})
+  }));
 
   // Proxy that queues calls until real context is captured
   const pending = [];

package/dist/ToggleButton/ToggleButton.js

@@ -36,7 +36,7 @@ import { themeProps } from "../utils/themeProps.js";
  * A hidden span renders the same text at semibold weight to reserve
  * the wider width, preventing layout shift when toggling.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const pressedStyles = {
   background: {
     kWkggS: "xi89dp7",
@@ -141,11 +141,11 @@ export function ToggleButton({
   };
 
   // isIconOnly prop is the source of truth for icon-only rendering.
-  const labelContent = children != null ? /*#__PURE__*/_jsxDEV("span", {
+  const labelContent = children != null ? /*#__PURE__*/_jsxs("span", {
     ...{
       className: "x3nfvp2 xdt5ytf x6s0dn4 xl56j7k"
     },
-    children: [/*#__PURE__*/_jsxDEV("span", {
+    children: [/*#__PURE__*/_jsx("span", {
       ...{
         0: {},
         1: {
@@ -153,18 +153,18 @@ export function ToggleButton({
         }
       }[!!isPressed << 0],
       children: children
-    }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+    }), /*#__PURE__*/_jsx("span", {
       ...{
         className: "x1lliihq x2mo6ok xqtp20y xb3r6kr xlshs6z x47corl"
       },
       "aria-hidden": "true",
       children: children
-    }, void 0, false)]
-  }, void 0, true) : !isIconOnly ? /*#__PURE__*/_jsxDEV("span", {
+    })]
+  }) : !isIconOnly ? /*#__PURE__*/_jsxs("span", {
     ...{
       className: "x3nfvp2 xdt5ytf x6s0dn4 xl56j7k"
     },
-    children: [/*#__PURE__*/_jsxDEV("span", {
+    children: [/*#__PURE__*/_jsx("span", {
       ...{
         0: {},
         1: {
@@ -172,15 +172,15 @@ export function ToggleButton({
         }
       }[!!isPressed << 0],
       children: label
-    }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+    }), /*#__PURE__*/_jsx("span", {
       ...{
         className: "x1lliihq x2mo6ok xqtp20y xb3r6kr xlshs6z x47corl"
       },
       "aria-hidden": "true",
       children: label
-    }, void 0, false)]
-  }, void 0, true) : undefined;
-  return /*#__PURE__*/_jsxDEV(Button, {
+    })]
+  }) : undefined;
+  return /*#__PURE__*/_jsx(Button, {
     ref: ref,
     label: label,
     variant: "ghost",
@@ -201,6 +201,6 @@ export function ToggleButton({
     clickAction: clickAction,
     ...props,
     children: labelContent
-  }, void 0, false);
+  });
 }
 ToggleButton.displayName = 'ToggleButton';