@jobber/components 9.0.0 → 9.1.0

package/dist/Autocomplete/Autocomplete.messages.d.ts

@@ -0,0 +1,10 @@
+export declare const autocompleteMessages: {
+    "Remove {option}": {
+        en: string;
+        es: string;
+    };
+    noOptions: {
+        en: string;
+        es: string;
+    };
+};

package/dist/Autocomplete/index.cjs

@@ -16,6 +16,8 @@ require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../Icon-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');

package/dist/Autocomplete/index.mjs

@@ -14,6 +14,8 @@ import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../Icon-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';

package/dist/Autocomplete-cjs.js

@@ -11,6 +11,7 @@ var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Icon = require('./Icon-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Glimmer = require('./Glimmer-cjs.js');
 var InputText = require('./InputText-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
@@ -1085,6 +1086,17 @@ function DefaultTextPersistentContent({ persistent, }) {
     return React.createElement("div", { className: styles.textPersistent }, persistent.label);
 }
 
+const autocompleteMessages = useAtlantisI18n.defineMessages({
+    "Remove {option}": {
+        en: "Remove {option}",
+        es: "Eliminar {option}",
+    },
+    noOptions: {
+        en: "No options",
+        es: "Sin opciones",
+    },
+});
+
 function FloatingMenu({ context, getFloatingProps, refs, listboxId, className, floatingStyles, transitionStyles, menuStyle, renderable, persistentsHeaders, persistentsFooters, activeIndex, headerInteractiveCount, middleNavigableCount, getItemProps, listRef, onSelection, onAction, onInteractionPointerDown, getOptionLabel, isOptionSelected, loading, showEmptyStateMessage, emptyStateMessage, customRenderLoading, customRenderOption, customRenderSection, customRenderAction, customRenderHeader, customRenderFooter, slotOverrides, }) {
     var _a, _b, _c, _d;
     const activeIndexForMiddle = activeIndex != null ? activeIndex - headerInteractiveCount : null;
@@ -1113,8 +1125,8 @@ function LoadingContent() {
         React.createElement(Glimmer.Glimmer, { shape: "rectangle", size: "base" })));
 }
 function EmptyStateMessage({ emptyState, }) {
-    const emptyStateDefault = "No options";
-    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : emptyStateDefault;
+    const { t } = useAtlantisI18n.useAtlantisI18n(autocompleteMessages);
+    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : t("noOptions");
     return (React.createElement("div", { className: styles.emptyStateMessage, onPointerDown: preventDefaultPointerDown }, emptyStateContent));
 }
 
@@ -1247,12 +1259,13 @@ function AutocompleteInternal(props, forwardedRef) {
         floatingMenu));
 }
 function SelectionChip({ value, active, disabled, getOptionLabel, customRenderValue, canDismiss, onDismiss, unsafeClassName, unsafeStyle, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(autocompleteMessages);
     return (React.createElement("span", { "data-selection-disabled": disabled, className: classnames(styles.selectionChip, {
             [styles.selectionChipActive]: active,
             [styles.selectionChipDisabled]: disabled,
         }, unsafeClassName), style: unsafeStyle, "data-testid": "ATL-Autocomplete-chip", onPointerDown: preventDefaultPointerDown },
         customRenderValue ? (customRenderValue({ value, getOptionLabel })) : (React.createElement(Typography.Typography, { size: "small" }, getOptionLabel(value))),
-        canDismiss && (React.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": `Remove ${getOptionLabel(value)}`, tabIndex: -1 },
+        canDismiss && (React.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": t("Remove {option}", { option: getOptionLabel(value) }), tabIndex: -1 },
             React.createElement(Icon.Icon, { size: "small", name: "cross" })))));
 }
 function SelectionChipsList({ selectedValues, isFocused, limitVisibleSelections = 6, limitSelectionText = (count) => `+${count}`, activeChipIndex, disabled, getOptionLabel, customRenderValue, canDismiss, removeSelection, unsafeClassName, unsafeStyle, }) {

package/dist/Autocomplete-es.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, k as useClick, g as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, i as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
+import { u as useFloating, k as useClick, j as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, h as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce } from '@jobber/hooks';
@@ -9,6 +9,7 @@ import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { T as Typography } from './Typography-es.js';
 import { I as Icon } from './Icon-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { G as Glimmer } from './Glimmer-es.js';
 import { I as InputText } from './InputText-es.js';
 import { c as FormFieldWrapper } from './FormFieldWrapper-es.js';
@@ -1083,6 +1084,17 @@ function DefaultTextPersistentContent({ persistent, }) {
     return React__default.createElement("div", { className: styles.textPersistent }, persistent.label);
 }
 
+const autocompleteMessages = defineMessages({
+    "Remove {option}": {
+        en: "Remove {option}",
+        es: "Eliminar {option}",
+    },
+    noOptions: {
+        en: "No options",
+        es: "Sin opciones",
+    },
+});
+
 function FloatingMenu({ context, getFloatingProps, refs, listboxId, className, floatingStyles, transitionStyles, menuStyle, renderable, persistentsHeaders, persistentsFooters, activeIndex, headerInteractiveCount, middleNavigableCount, getItemProps, listRef, onSelection, onAction, onInteractionPointerDown, getOptionLabel, isOptionSelected, loading, showEmptyStateMessage, emptyStateMessage, customRenderLoading, customRenderOption, customRenderSection, customRenderAction, customRenderHeader, customRenderFooter, slotOverrides, }) {
     var _a, _b, _c, _d;
     const activeIndexForMiddle = activeIndex != null ? activeIndex - headerInteractiveCount : null;
@@ -1111,8 +1123,8 @@ function LoadingContent() {
         React__default.createElement(Glimmer, { shape: "rectangle", size: "base" })));
 }
 function EmptyStateMessage({ emptyState, }) {
-    const emptyStateDefault = "No options";
-    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : emptyStateDefault;
+    const { t } = useAtlantisI18n(autocompleteMessages);
+    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : t("noOptions");
     return (React__default.createElement("div", { className: styles.emptyStateMessage, onPointerDown: preventDefaultPointerDown }, emptyStateContent));
 }
 
@@ -1245,12 +1257,13 @@ function AutocompleteInternal(props, forwardedRef) {
         floatingMenu));
 }
 function SelectionChip({ value, active, disabled, getOptionLabel, customRenderValue, canDismiss, onDismiss, unsafeClassName, unsafeStyle, }) {
+    const { t } = useAtlantisI18n(autocompleteMessages);
     return (React__default.createElement("span", { "data-selection-disabled": disabled, className: classnames(styles.selectionChip, {
             [styles.selectionChipActive]: active,
             [styles.selectionChipDisabled]: disabled,
         }, unsafeClassName), style: unsafeStyle, "data-testid": "ATL-Autocomplete-chip", onPointerDown: preventDefaultPointerDown },
         customRenderValue ? (customRenderValue({ value, getOptionLabel })) : (React__default.createElement(Typography, { size: "small" }, getOptionLabel(value))),
-        canDismiss && (React__default.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": `Remove ${getOptionLabel(value)}`, tabIndex: -1 },
+        canDismiss && (React__default.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": t("Remove {option}", { option: getOptionLabel(value) }), tabIndex: -1 },
             React__default.createElement(Icon, { size: "small", name: "cross" })))));
 }
 function SelectionChipsList({ selectedValues, isFocused, limitVisibleSelections = 6, limitSelectionText = (count) => `+${count}`, activeChipIndex, disabled, getOptionLabel, customRenderValue, canDismiss, removeSelection, unsafeClassName, unsafeStyle, }) {

package/dist/Card/index.cjs

@@ -19,6 +19,8 @@ require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');

package/dist/Card/index.mjs

@@ -17,6 +17,8 @@ import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';

package/dist/Chip/index.cjs

@@ -11,6 +11,8 @@ require('color');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');

package/dist/Chip/index.mjs

@@ -9,6 +9,8 @@ import 'color';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';

package/dist/Chip-cjs.js

@@ -7,6 +7,7 @@ var jobberHooks = require('@jobber/hooks');
 var Avatar = require('./Avatar-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useChildComponent = require('./useChildComponent-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Tooltip = require('./Tooltip-cjs.js');
 
@@ -21,9 +22,25 @@ function ChipPrefix({ children }) {
 
 var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
+const chipsMessages = useAtlantisI18n.defineMessages({
+    "Remove {label}": {
+        en: "Remove {label}",
+        es: "Eliminar {label}",
+    },
+    add: {
+        en: "Add",
+        es: "Agregar",
+    },
+    cycleOptions: {
+        en: "Press up and down arrow to cycle through the options or type to narrow down the results",
+        es: "Presiona la flecha arriba o abajo para recorrer las opciones o escribe para filtrar los resultados",
+    },
+});
+
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = React.useRef(null);
-    return (React.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+    const { t } = useAtlantisI18n.useAtlantisI18n(chipsMessages);
+    return (React.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": t("Remove {label}", { label }), "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
         React.createElement(Icon.Icon, { size: "small", name: icon, color: getColor() })));
     function handleKeyUp(event) {
         var _a;
@@ -147,5 +164,6 @@ const Chip = Object.assign(ChipComponent, {
 
 exports.Chip = Chip;
 exports.InternalChipButton = InternalChipButton;
+exports.chipsMessages = chipsMessages;
 exports.styles = styles$1;
 exports.styles$1 = styles;

package/dist/Chip-es.js

@@ -5,6 +5,7 @@ import { useInView } from '@jobber/hooks';
 import { A as Avatar } from './Avatar-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useChildComponent } from './useChildComponent-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { T as Typography } from './Typography-es.js';
 import { T as Tooltip } from './Tooltip-es.js';
 
@@ -19,9 +20,25 @@ function ChipPrefix({ children }) {
 
 var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
+const chipsMessages = defineMessages({
+    "Remove {label}": {
+        en: "Remove {label}",
+        es: "Eliminar {label}",
+    },
+    add: {
+        en: "Add",
+        es: "Agregar",
+    },
+    cycleOptions: {
+        en: "Press up and down arrow to cycle through the options or type to narrow down the results",
+        es: "Presiona la flecha arriba o abajo para recorrer las opciones o escribe para filtrar los resultados",
+    },
+});
+
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = useRef(null);
-    return (React__default.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+    const { t } = useAtlantisI18n(chipsMessages);
+    return (React__default.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": t("Remove {label}", { label }), "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
         React__default.createElement(Icon, { size: "small", name: icon, color: getColor() })));
     function handleKeyUp(event) {
         var _a;
@@ -143,4 +160,4 @@ const Chip = Object.assign(ChipComponent, {
     Suffix: ChipSuffix,
 });
 
-export { Chip as C, InternalChipButton as I, styles as a, styles$1 as s };
+export { Chip as C, InternalChipButton as I, styles as a, chipsMessages as c, styles$1 as s };

package/dist/Chips/Chips.messages.d.ts

@@ -0,0 +1,14 @@
+export declare const chipsMessages: {
+    "Remove {label}": {
+        en: string;
+        es: string;
+    };
+    add: {
+        en: string;
+        es: string;
+    };
+    cycleOptions: {
+        en: string;
+        es: string;
+    };
+};

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -33,6 +33,8 @@ require('../../Button-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../../Spinner-cjs.js');
+require('../../useAtlantisI18n-cjs.js');
+require('../../AtlantisContext-cjs.js');
 require('../../Chip-cjs.js');
 require('../../Avatar-cjs.js');
 require('color');

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -31,6 +31,8 @@ import '../../Button-es.js';
 import '../../tslib.es6-es.js';
 import 'react-router-dom';
 import '../../Spinner-es.js';
+import '../../useAtlantisI18n-es.js';
+import '../../AtlantisContext-es.js';
 import '../../Chip-es.js';
 import '../../Avatar-es.js';
 import 'color';

package/dist/Chips/index.cjs

@@ -35,6 +35,8 @@ require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../Spinner-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');

package/dist/Chips/index.mjs

@@ -33,6 +33,8 @@ import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';
 import '../Spinner-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';

package/dist/DataDump/index.cjs

@@ -20,6 +20,8 @@ require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');

package/dist/DataDump/index.mjs

@@ -18,6 +18,8 @@ import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';

package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -49,6 +49,8 @@ require('../../../../../Chip-cjs.js');
 require('../../../../../Avatar-cjs.js');
 require('color');
 require('../../../../../useChildComponent-cjs.js');
+require('../../../../../useAtlantisI18n-cjs.js');
+require('../../../../../AtlantisContext-cjs.js');
 require('../../../../../Tooltip-cjs.js');
 require('../../../../../FilterPickerActivator-cjs.js');
 

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -47,5 +47,7 @@ import '../../../../../Chip-es.js';
 import '../../../../../Avatar-es.js';
 import 'color';
 import '../../../../../useChildComponent-es.js';
+import '../../../../../useAtlantisI18n-es.js';
+import '../../../../../AtlantisContext-es.js';
 import '../../../../../Tooltip-es.js';
 import '../../../../../FilterPickerActivator-es.js';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -50,6 +50,8 @@ require('../../../Chip-cjs.js');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../FilterPickerActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');

package/dist/DataList/components/DataListFilters/index.mjs

@@ -48,6 +48,8 @@ import '../../../Chip-es.js';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Tooltip-es.js';
 import '../../../FilterPickerActivator-es.js';
 import '../../../DataListOverflowFade-es.js';

package/dist/DataList/components/DataListSearch/index.cjs

@@ -15,6 +15,8 @@ require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Text-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../useFormFieldFocus-cjs.js');
 require('../../../InputValidation-cjs.js');
 require('../../../FormFieldPostFix-cjs.js');

package/dist/DataList/components/DataListSearch/index.mjs

@@ -13,6 +13,8 @@ import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';
 import '../../../Text-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../useFormFieldFocus-es.js';
 import '../../../InputValidation-es.js';
 import '../../../FormFieldPostFix-es.js';

package/dist/DataList/index.cjs

@@ -80,6 +80,8 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../FilterPickerActivator-cjs.js');
 require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');

package/dist/DataList/index.mjs

@@ -78,6 +78,8 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../FilterPickerActivator-es.js';
 import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';

package/dist/DataTable/index.cjs

@@ -20,6 +20,8 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');

package/dist/DataTable/index.mjs

@@ -18,6 +18,8 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';

package/dist/FilterPicker/components/FilterPickerActivator/index.cjs

@@ -14,6 +14,8 @@ require('@jobber/hooks');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('../../../floating-ui.utils.dom-cjs.js');

package/dist/FilterPicker/components/FilterPickerActivator/index.mjs

@@ -12,6 +12,8 @@ import '@jobber/hooks';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 import '../../../floating-ui.utils.dom-es.js';

package/dist/FilterPicker/components/FilterPickerTrigger/index.cjs

@@ -11,6 +11,8 @@ require('color');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../useChildComponent-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');

package/dist/FilterPicker/components/FilterPickerTrigger/index.mjs

@@ -9,6 +9,8 @@ import 'color';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../useChildComponent-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';

package/dist/FilterPicker/index.cjs

@@ -46,6 +46,8 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Tooltip-cjs.js');
 require('../noop-cjs.js');
 require('../FilterPickerActivator-cjs.js');

package/dist/FilterPicker/index.mjs

@@ -44,6 +44,8 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Tooltip-es.js';
 import '../noop-es.js';
 import '../FilterPickerActivator-es.js';

package/dist/FormField/components/FormField.messages.d.ts

@@ -0,0 +1,6 @@
+export declare const formFieldMessages: {
+    clearInput: {
+        en: string;
+        es: string;
+    };
+};

package/dist/FormField/index.cjs

@@ -13,6 +13,8 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 

package/dist/FormField/index.mjs

@@ -11,5 +11,7 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';

package/dist/FormFieldWrapper-cjs.js

@@ -8,6 +8,7 @@ var classnames = require('classnames');
 var Button = require('./Button-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var Text = require('./Text-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var useFormFieldFocus = require('./useFormFieldFocus-cjs.js');
 var InputValidation = require('./InputValidation-cjs.js');
 
@@ -53,10 +54,18 @@ function FormFieldDescription({ id, description, visible = true, }) {
 
 var styles = {"clearInput":"YmRTd-KeXv4-","spinning":"B25z9B8I3gs-"};
 
+const formFieldMessages = useAtlantisI18n.defineMessages({
+    clearInput: {
+        en: "Clear input",
+        es: "Borrar entrada",
+    },
+});
+
 function ClearAction({ onClick, visible, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(formFieldMessages);
     if (!visible)
         return null;
-    return (React.createElement("button", { className: styles.clearInput, onClick: onClick, type: "button", "aria-label": "Clear input", "data-testid": "ATL-FormField-clearButton" },
+    return (React.createElement("button", { className: styles.clearInput, onClick: onClick, type: "button", "aria-label": t("clearInput"), "data-testid": "ATL-FormField-clearButton" },
         React.createElement(Icon.Icon, { name: "cross", size: "small" })));
 }
 

package/dist/FormFieldWrapper-es.js

@@ -6,6 +6,7 @@ import classnames from 'classnames';
 import { B as Button } from './Button-es.js';
 import { I as Icon } from './Icon-es.js';
 import { T as Text } from './Text-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { u as useFormFieldFocus } from './useFormFieldFocus-es.js';
 import { I as InputValidation } from './InputValidation-es.js';
 
@@ -51,10 +52,18 @@ function FormFieldDescription({ id, description, visible = true, }) {
 
 var styles = {"clearInput":"YmRTd-KeXv4-","spinning":"B25z9B8I3gs-"};
 
+const formFieldMessages = defineMessages({
+    clearInput: {
+        en: "Clear input",
+        es: "Borrar entrada",
+    },
+});
+
 function ClearAction({ onClick, visible, }) {
+    const { t } = useAtlantisI18n(formFieldMessages);
     if (!visible)
         return null;
-    return (React__default.createElement("button", { className: styles.clearInput, onClick: onClick, type: "button", "aria-label": "Clear input", "data-testid": "ATL-FormField-clearButton" },
+    return (React__default.createElement("button", { className: styles.clearInput, onClick: onClick, type: "button", "aria-label": t("clearInput"), "data-testid": "ATL-FormField-clearButton" },
         React__default.createElement(Icon, { name: "cross", size: "small" })));
 }
 

package/dist/InputAvatar/InputAvatar.messages.d.ts

@@ -0,0 +1,10 @@
+export declare const inputAvatarMessages: {
+    changeImage: {
+        en: string;
+        es: string;
+    };
+    remove: {
+        en: string;
+        es: string;
+    };
+};

package/dist/InputAvatar/index.cjs

@@ -3,6 +3,8 @@
 var InputAvatar = require('../InputAvatar-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Avatar-cjs.js');
 require('classnames');
 require('color');

package/dist/InputAvatar/index.mjs

@@ -1,6 +1,8 @@
 export { I as InputAvatar } from '../InputAvatar-es.js';
 import '../tslib.es6-es.js';
 import 'react';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Avatar-es.js';
 import 'classnames';
 import 'color';