@jobber/components 9.0.0 → 9.2.0

package/dist/DatePicker/index.cjs

@@ -11,6 +11,8 @@ require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
@@ -28,7 +30,6 @@ require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
-require('../AtlantisContext-cjs.js');
 
 
 

package/dist/DatePicker/index.mjs

@@ -9,6 +9,8 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
 import '../tslib.es6-es.js';
@@ -26,4 +28,3 @@ import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
-import '../AtlantisContext-es.js';

package/dist/DatePicker-cjs.js

@@ -7,8 +7,10 @@ var floatingUi_react = require('./floating-ui.react-cjs.js');
 var ReactDOM = require('react-dom');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var jobberHooks = require('@jobber/hooks');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Button = require('./Button-cjs.js');
+var AtlantisContext = require('./AtlantisContext-cjs.js');
 var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
 var _getAllKeys = require('./_getAllKeys-cjs.js');
 var identity = require('./identity-cjs.js');
@@ -18,7 +20,6 @@ var isObjectLike$2 = require('./isObjectLike-cjs.js');
 var isTypedArray = require('./isTypedArray-cjs.js');
 var _baseFlatten = require('./_baseFlatten-cjs.js');
 var _setToString = require('./_setToString-cjs.js');
-var AtlantisContext = require('./AtlantisContext-cjs.js');
 
 /**
  * @module constants
@@ -12663,15 +12664,32 @@ var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
 
 var styles = {"datePickerWrapper":"OmFI-Bfdzgw-","fullWidth":"HWDFy10kcYA-","datePicker":"Ma55F5Y-XhE-","inline":"_58kEbTu-IAA-","portalContainer":"LDxKi0E-1rg-","header":"Epg-Ub8Dn9A-","month":"Wx3NP8La95k-","spinning":"o0JLwNATy-M-"};
 
+const datePickerMessages = useAtlantisI18n.defineMessages({
+    previousMonth: {
+        en: "Previous Month",
+        es: "Mes anterior",
+    },
+    nextMonth: {
+        en: "Next Month",
+        es: "Mes siguiente",
+    },
+    openDatepicker: {
+        en: "Open Datepicker",
+        es: "Abrir selector de fecha",
+    },
+});
+
 function DatePickerCustomHeader({ monthDate, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) {
+    const { locale } = AtlantisContext.useAtlantisContext();
+    const { t } = useAtlantisI18n.useAtlantisI18n(datePickerMessages);
     return (React.createElement("div", { className: styles.header },
-        React.createElement(Button.Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, icon: "arrowLeft", ariaLabel: "Previous Month", variation: "work", type: "tertiary" }),
+        React.createElement(Button.Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, icon: "arrowLeft", ariaLabel: t("previousMonth"), variation: "work", type: "tertiary" }),
         React.createElement("div", { className: styles.month },
-            React.createElement(Typography.Typography, { element: "span", fontFamily: "display", size: "large" }, monthDate.toLocaleString("en-US", {
+            React.createElement(Typography.Typography, { element: "span", fontFamily: "display", size: "large" }, monthDate.toLocaleString(locale || "en-US", {
                 month: "long",
                 year: "numeric",
             }))),
-        React.createElement(Button.Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, icon: "arrowRight", ariaLabel: "Next Month", variation: "work", type: "tertiary" })));
+        React.createElement(Button.Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, icon: "arrowRight", ariaLabel: t("nextMonth"), variation: "work", type: "tertiary" })));
 }
 
 /**
@@ -13446,6 +13464,7 @@ var omit$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(omit_1);
 
 const DatePickerActivator = React.forwardRef(InternalActivator);
 function InternalActivator(props, ref) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(datePickerMessages);
     const { activator, fullWidth } = props;
     const newActivatorProps = omit$1(props, ["activator", "fullWidth"]);
     if (activator) {
@@ -13466,7 +13485,7 @@ function InternalActivator(props, ref) {
     else {
         return (
         // @ts-expect-error - we need to desctructure the newActivatorProps with more care to XOR prop types.
-        React.createElement(Button.Button, Object.assign({ variation: "work", type: "tertiary", icon: "calendar", ariaLabel: "Open Datepicker", fullWidth: fullWidth }, newActivatorProps)));
+        React.createElement(Button.Button, Object.assign({ variation: "work", type: "tertiary", icon: "calendar", ariaLabel: t("openDatepicker"), fullWidth: fullWidth }, newActivatorProps)));
     }
 }
 

package/dist/DatePicker-es.js

@@ -5,8 +5,10 @@ import { u as useFloating, m as FloatingArrow, b as useFloatingNodeId, a as useF
 import ReactDOM__default from 'react-dom';
 import { b as autoUpdate, f as flip, o as offset, a as arrow } from './floating-ui.react-dom-es.js';
 import { useRefocusOnActivator } from '@jobber/hooks';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { T as Typography } from './Typography-es.js';
 import { B as Button } from './Button-es.js';
+import { u as useAtlantisContext } from './AtlantisContext-es.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { k as keys_1, g as _getSymbols, _ as _arrayPush, s as stubArray_1, h as _baseGetAllKeys, c as _getAllKeys, b as _baseGet, d as _castPath, e as _toKey, a as _arrayMap } from './_getAllKeys-es.js';
 import { c as _Stack } from './identity-es.js';
@@ -16,7 +18,6 @@ import { b as _Symbol, i as isObjectLike_1, a as isObject_1 } from './isObjectLi
 import { m as _nodeUtilExports, j as _baseUnary, c as isBufferExports, a as isArray_1 } from './isTypedArray-es.js';
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
 import { _ as _overRest, a as _setToString } from './_setToString-es.js';
-import { u as useAtlantisContext } from './AtlantisContext-es.js';
 
 /**
  * @module constants
@@ -12661,15 +12662,32 @@ var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
 
 var styles = {"datePickerWrapper":"OmFI-Bfdzgw-","fullWidth":"HWDFy10kcYA-","datePicker":"Ma55F5Y-XhE-","inline":"_58kEbTu-IAA-","portalContainer":"LDxKi0E-1rg-","header":"Epg-Ub8Dn9A-","month":"Wx3NP8La95k-","spinning":"o0JLwNATy-M-"};
 
+const datePickerMessages = defineMessages({
+    previousMonth: {
+        en: "Previous Month",
+        es: "Mes anterior",
+    },
+    nextMonth: {
+        en: "Next Month",
+        es: "Mes siguiente",
+    },
+    openDatepicker: {
+        en: "Open Datepicker",
+        es: "Abrir selector de fecha",
+    },
+});
+
 function DatePickerCustomHeader({ monthDate, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) {
+    const { locale } = useAtlantisContext();
+    const { t } = useAtlantisI18n(datePickerMessages);
     return (React__default.createElement("div", { className: styles.header },
-        React__default.createElement(Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, icon: "arrowLeft", ariaLabel: "Previous Month", variation: "work", type: "tertiary" }),
+        React__default.createElement(Button, { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, icon: "arrowLeft", ariaLabel: t("previousMonth"), variation: "work", type: "tertiary" }),
         React__default.createElement("div", { className: styles.month },
-            React__default.createElement(Typography, { element: "span", fontFamily: "display", size: "large" }, monthDate.toLocaleString("en-US", {
+            React__default.createElement(Typography, { element: "span", fontFamily: "display", size: "large" }, monthDate.toLocaleString(locale || "en-US", {
                 month: "long",
                 year: "numeric",
             }))),
-        React__default.createElement(Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, icon: "arrowRight", ariaLabel: "Next Month", variation: "work", type: "tertiary" })));
+        React__default.createElement(Button, { onClick: increaseMonth, disabled: nextMonthButtonDisabled, icon: "arrowRight", ariaLabel: t("nextMonth"), variation: "work", type: "tertiary" })));
 }
 
 /**
@@ -13444,6 +13462,7 @@ var omit$1 = /*@__PURE__*/getDefaultExportFromCjs(omit_1);
 
 const DatePickerActivator = forwardRef(InternalActivator);
 function InternalActivator(props, ref) {
+    const { t } = useAtlantisI18n(datePickerMessages);
     const { activator, fullWidth } = props;
     const newActivatorProps = omit$1(props, ["activator", "fullWidth"]);
     if (activator) {
@@ -13464,7 +13483,7 @@ function InternalActivator(props, ref) {
     else {
         return (
         // @ts-expect-error - we need to desctructure the newActivatorProps with more care to XOR prop types.
-        React__default.createElement(Button, Object.assign({ variation: "work", type: "tertiary", icon: "calendar", ariaLabel: "Open Datepicker", fullWidth: fullWidth }, newActivatorProps)));
+        React__default.createElement(Button, Object.assign({ variation: "work", type: "tertiary", icon: "calendar", ariaLabel: t("openDatepicker"), fullWidth: fullWidth }, newActivatorProps)));
     }
 }
 

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/FormatFile/index.cjs

@@ -21,6 +21,8 @@ require('../Modal/index.cjs');
 require('react-dom');
 require('framer-motion');
 require('../nestedEscape-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Heading-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../noop-cjs.js');
@@ -42,6 +44,7 @@ require('../_isIterateeCall-cjs.js');
 require('../_setToString-cjs.js');
 require('../Markdown-cjs.js');
 require('../Emphasis-cjs.js');
+require('../common.messages-cjs.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -19,6 +19,8 @@ import '../Modal/index.mjs';
 import 'react-dom';
 import 'framer-motion';
 import '../nestedEscape-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Heading-es.js';
 import '../ButtonDismiss-es.js';
 import '../noop-es.js';
@@ -40,3 +42,4 @@ import '../_isIterateeCall-es.js';
 import '../_setToString-es.js';
 import '../Markdown-es.js';
 import '../Emphasis-es.js';
+import '../common.messages-es.js';

package/dist/Gallery/index.cjs

@@ -10,6 +10,8 @@ require('react-dom');
 require('@jobber/hooks');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
@@ -45,6 +47,7 @@ require('../nestedEscape-cjs.js');
 require('../AtlantisPortalContent-cjs.js');
 require('../Markdown-cjs.js');
 require('../Emphasis-cjs.js');
+require('../common.messages-cjs.js');
 
 
 

package/dist/Gallery/index.mjs

@@ -8,6 +8,8 @@ import 'react-dom';
 import '@jobber/hooks';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
@@ -43,3 +45,4 @@ import '../nestedEscape-es.js';
 import '../AtlantisPortalContent-es.js';
 import '../Markdown-es.js';
 import '../Emphasis-es.js';
+import '../common.messages-es.js';

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';

package/dist/InputAvatar-cjs.js

@@ -2,6 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Avatar = require('./Avatar-cjs.js');
 var InputFile = require('./InputFile-cjs.js');
 var ProgressBar = require('./ProgressBar-cjs.js');
@@ -10,17 +11,29 @@ require('classnames');
 
 var styles = {"inputAvatar":"CMahTsC0SPE-","preview":"VOVr4KEFeVk-","centered":"HzGL7-Sfok4-","overlay":"Cflv-yL6aVQ-","spinning":"aeMMyPDHQho-"};
 
+const inputAvatarMessages = useAtlantisI18n.defineMessages({
+    changeImage: {
+        en: "Change Image",
+        es: "Cambiar imagen",
+    },
+    remove: {
+        en: "Remove",
+        es: "Eliminar",
+    },
+});
+
 function InputAvatar(_a) {
     var { getUploadParams, onUploadComplete, onChange } = _a, avatarProps = tslib_es6.__rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);
     const [progress, setProgress] = React.useState(1);
+    const { t } = useAtlantisI18n.useAtlantisI18n(inputAvatarMessages);
     return (React.createElement("div", { className: styles.inputAvatar },
         React.createElement("div", { className: styles.preview },
             React.createElement(Avatar.Avatar, Object.assign({ size: "large" }, avatarProps)),
             progress < 1 && (React.createElement(Overlay, null,
                 React.createElement(Centered, null,
                     React.createElement(ProgressBar.ProgressBar, { size: "small", currentStep: progress * 100, totalSteps: 100 }))))),
-        React.createElement(InputFile.InputFile, { variation: "button", buttonLabel: avatarProps.imageUrl ? "Change Image" : undefined, size: "small", allowedTypes: "images", getUploadParams: getUploadParams, onUploadStart: handleChange, onUploadProgress: handleUpload, onUploadComplete: handleUploadComplete }),
-        avatarProps.imageUrl != undefined && progress === 1 && (React.createElement(Button.Button, { label: "Remove", size: "small", type: "secondary", variation: "destructive", onClick: clearAvatar }))));
+        React.createElement(InputFile.InputFile, { variation: "button", buttonLabel: avatarProps.imageUrl ? t("changeImage") : undefined, size: "small", allowedTypes: "images", getUploadParams: getUploadParams, onUploadStart: handleChange, onUploadProgress: handleUpload, onUploadComplete: handleUploadComplete }),
+        avatarProps.imageUrl != undefined && progress === 1 && (React.createElement(Button.Button, { label: t("remove"), size: "small", type: "secondary", variation: "destructive", onClick: clearAvatar }))));
     function handleChange(newFile) {
         onChange && onChange(newFile);
         handleUpload(newFile);

package/dist/InputAvatar-es.js

@@ -1,5 +1,6 @@
 import { _ as __rest, a as __awaiter } from './tslib.es6-es.js';
 import React__default, { useState } from 'react';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { A as Avatar } from './Avatar-es.js';
 import { I as InputFile } from './InputFile-es.js';
 import { P as ProgressBar } from './ProgressBar-es.js';
@@ -8,17 +9,29 @@ import 'classnames';
 
 var styles = {"inputAvatar":"CMahTsC0SPE-","preview":"VOVr4KEFeVk-","centered":"HzGL7-Sfok4-","overlay":"Cflv-yL6aVQ-","spinning":"aeMMyPDHQho-"};
 
+const inputAvatarMessages = defineMessages({
+    changeImage: {
+        en: "Change Image",
+        es: "Cambiar imagen",
+    },
+    remove: {
+        en: "Remove",
+        es: "Eliminar",
+    },
+});
+
 function InputAvatar(_a) {
     var { getUploadParams, onUploadComplete, onChange } = _a, avatarProps = __rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);
     const [progress, setProgress] = useState(1);
+    const { t } = useAtlantisI18n(inputAvatarMessages);
     return (React__default.createElement("div", { className: styles.inputAvatar },
         React__default.createElement("div", { className: styles.preview },
             React__default.createElement(Avatar, Object.assign({ size: "large" }, avatarProps)),
             progress < 1 && (React__default.createElement(Overlay, null,
                 React__default.createElement(Centered, null,
                     React__default.createElement(ProgressBar, { size: "small", currentStep: progress * 100, totalSteps: 100 }))))),
-        React__default.createElement(InputFile, { variation: "button", buttonLabel: avatarProps.imageUrl ? "Change Image" : undefined, size: "small", allowedTypes: "images", getUploadParams: getUploadParams, onUploadStart: handleChange, onUploadProgress: handleUpload, onUploadComplete: handleUploadComplete }),
-        avatarProps.imageUrl != undefined && progress === 1 && (React__default.createElement(Button, { label: "Remove", size: "small", type: "secondary", variation: "destructive", onClick: clearAvatar }))));
+        React__default.createElement(InputFile, { variation: "button", buttonLabel: avatarProps.imageUrl ? t("changeImage") : undefined, size: "small", allowedTypes: "images", getUploadParams: getUploadParams, onUploadStart: handleChange, onUploadProgress: handleUpload, onUploadComplete: handleUploadComplete }),
+        avatarProps.imageUrl != undefined && progress === 1 && (React__default.createElement(Button, { label: t("remove"), size: "small", type: "secondary", variation: "destructive", onClick: clearAvatar }))));
     function handleChange(newFile) {
         onChange && onChange(newFile);
         handleUpload(newFile);

package/dist/InputDate/InputDate.messages.d.ts

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

package/dist/InputDate/index.cjs

@@ -2,6 +2,8 @@
 
 var InputDate = require('../InputDate-cjs.js');
 require('react');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../DatePicker-cjs.js');
 require('classnames');
 require('../clsx-cjs.js');
@@ -29,7 +31,6 @@ require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
-require('../AtlantisContext-cjs.js');
 require('../InputText-cjs.js');
 require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');

package/dist/InputDate/index.mjs

@@ -1,5 +1,7 @@
 export { I as InputDate } from '../InputDate-es.js';
 import 'react';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../DatePicker-es.js';
 import 'classnames';
 import '../clsx-es.js';
@@ -27,7 +29,6 @@ import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
-import '../AtlantisContext-es.js';
 import '../InputText-es.js';
 import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';

package/dist/InputDate-cjs.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var DatePicker = require('./DatePicker-cjs.js');
 var InputText = require('./InputText-cjs.js');
 
@@ -25,6 +26,13 @@ function useInputDateActivatorActions({ onChange, onBlur, onFocus, }) {
     };
 }
 
+const inputDateMessages = useAtlantisI18n.defineMessages({
+    showCalendar: {
+        en: "Show calendar",
+        es: "Mostrar calendario",
+    },
+});
+
 const InputDate = React.forwardRef((props, forwardedRef) => {
     const { onChange } = props;
     const isCalendarOpenRef = React.useRef(false);
@@ -46,6 +54,7 @@ const InputDate = React.forwardRef((props, forwardedRef) => {
             }
         } }));
     function InputDateActivator(activatorProps) {
+        const { t } = useAtlantisI18n.useAtlantisI18n(inputDateMessages);
         const { onClick, value } = activatorProps;
         const { handleChange, handleFocus, handleBlur, isFocused } = useInputDateActivatorActions({
             onChange: activatorProps.onChange,
@@ -74,7 +83,7 @@ const InputDate = React.forwardRef((props, forwardedRef) => {
         const suffix = props.showIcon !== false
             ? {
                 icon: "calendar",
-                ariaLabel: "Show calendar",
+                ariaLabel: t("showCalendar"),
                 onClick: !props.disabled && onClick && onClick,
             }
             : undefined;

package/dist/InputDate-es.js

@@ -1,4 +1,5 @@
 import React__default, { useState, forwardRef, useRef } from 'react';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { D as DatePicker } from './DatePicker-es.js';
 import { I as InputText } from './InputText-es.js';
 
@@ -23,6 +24,13 @@ function useInputDateActivatorActions({ onChange, onBlur, onFocus, }) {
     };
 }
 
+const inputDateMessages = defineMessages({
+    showCalendar: {
+        en: "Show calendar",
+        es: "Mostrar calendario",
+    },
+});
+
 const InputDate = forwardRef((props, forwardedRef) => {
     const { onChange } = props;
     const isCalendarOpenRef = useRef(false);
@@ -44,6 +52,7 @@ const InputDate = forwardRef((props, forwardedRef) => {
             }
         } }));
     function InputDateActivator(activatorProps) {
+        const { t } = useAtlantisI18n(inputDateMessages);
         const { onClick, value } = activatorProps;
         const { handleChange, handleFocus, handleBlur, isFocused } = useInputDateActivatorActions({
             onChange: activatorProps.onChange,
@@ -72,7 +81,7 @@ const InputDate = forwardRef((props, forwardedRef) => {
         const suffix = props.showIcon !== false
             ? {
                 icon: "calendar",
-                ariaLabel: "Show calendar",
+                ariaLabel: t("showCalendar"),
                 onClick: !props.disabled && onClick && onClick,
             }
             : undefined;

package/dist/InputEmail/index.cjs

@@ -14,6 +14,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/InputEmail/index.mjs

@@ -12,6 +12,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';