@jobber/components 9.1.0 → 9.2.0

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, 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 { 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 classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce } from '@jobber/hooks';

package/dist/ConfirmationModal/index.cjs

@@ -8,6 +8,8 @@ require('react-dom');
 require('classnames');
 require('framer-motion');
 require('../nestedEscape-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
@@ -37,6 +39,7 @@ require('../Content-cjs.js');
 require('../Markdown-cjs.js');
 require('../Text-cjs.js');
 require('../Emphasis-cjs.js');
+require('../common.messages-cjs.js');
 
 
 

package/dist/ConfirmationModal/index.mjs

@@ -6,6 +6,8 @@ import 'react-dom';
 import 'classnames';
 import 'framer-motion';
 import '../nestedEscape-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
@@ -35,3 +37,4 @@ import '../Content-es.js';
 import '../Markdown-es.js';
 import '../Text-es.js';
 import '../Emphasis-es.js';
+import '../common.messages-es.js';

package/dist/ConfirmationModal-cjs.js

@@ -5,11 +5,13 @@ var jobberHooks = require('@jobber/hooks');
 var Modal_index = require('./Modal/index.cjs');
 var Content = require('./Content-cjs.js');
 var Markdown = require('./Markdown-cjs.js');
+var common_messages = require('./common.messages-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 function confirmationModalReducer(state, action) {
     switch (action.type) {
         case "display":
-            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel || "Cancel", onConfirm: action.onConfirm, onCancel: action.onCancel });
+            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel, onConfirm: action.onConfirm, onCancel: action.onCancel });
         case "confirm":
             return Object.assign(Object.assign({}, state), { open: false });
         case "cancel":
@@ -20,13 +22,17 @@ function confirmationModalReducer(state, action) {
             throw new Error();
     }
 }
-const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel, cancelLabel, onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+    var _a, _b;
+    const { t } = useAtlantisI18n.useAtlantisI18n(common_messages.commonMessages);
+    const resolvedConfirmLabel = confirmLabel !== null && confirmLabel !== void 0 ? confirmLabel : t("Confirm");
+    const resolvedCancelLabel = cancelLabel !== null && cancelLabel !== void 0 ? cancelLabel : t("Cancel");
     const [state, dispatch] = React.useReducer(confirmationModalReducer, {
         title,
         message,
         open: false,
-        confirmLabel,
-        cancelLabel,
+        confirmLabel: resolvedConfirmLabel,
+        cancelLabel: resolvedCancelLabel,
         onConfirm,
         onCancel,
     });
@@ -47,19 +53,24 @@ const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({
     React.useEffect(() => {
         dispatch({
             type: "reset",
-            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel,
-                cancelLabel,
-                onConfirm,
+            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel: resolvedConfirmLabel, cancelLabel: resolvedCancelLabel, onConfirm,
                 onCancel }),
         });
-    }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
+    }, [
+        title,
+        message,
+        resolvedConfirmLabel,
+        resolvedCancelLabel,
+        onConfirm,
+        onCancel,
+    ]);
     jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React.createElement(Modal_index.Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
-            label: state.confirmLabel,
+            label: (_a = state.confirmLabel) !== null && _a !== void 0 ? _a : t("Confirm"),
             onClick: handleAction("confirm"),
             variation: variation === "destructive" ? "destructive" : "work",
         }, secondaryAction: {
-            label: state.cancelLabel,
+            label: (_b = state.cancelLabel) !== null && _b !== void 0 ? _b : t("Cancel"),
             onClick: handleAction("cancel"),
         } }, state.message ? (React.createElement(Content.Content, null,
         React.createElement(Markdown.Markdown, { content: state.message }))) : (children)));

package/dist/ConfirmationModal-es.js

@@ -3,11 +3,13 @@ import { useOnKeyDown } from '@jobber/hooks';
 import { Modal } from './Modal/index.mjs';
 import { C as Content } from './Content-es.js';
 import { M as Markdown } from './Markdown-es.js';
+import { c as commonMessages } from './common.messages-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 function confirmationModalReducer(state, action) {
     switch (action.type) {
         case "display":
-            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel || "Cancel", onConfirm: action.onConfirm, onCancel: action.onCancel });
+            return Object.assign(Object.assign({}, state), { title: action.title, message: action.message, open: true, confirmLabel: action.confirmLabel, cancelLabel: action.cancelLabel, onConfirm: action.onConfirm, onCancel: action.onCancel });
         case "confirm":
             return Object.assign(Object.assign({}, state), { open: false });
         case "cancel":
@@ -18,13 +20,17 @@ function confirmationModalReducer(state, action) {
             throw new Error();
     }
 }
-const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title, message, open = false, confirmLabel, cancelLabel, onConfirm, onCancel, onRequestClose, variation = "work", size, children, }, ref) {
+    var _a, _b;
+    const { t } = useAtlantisI18n(commonMessages);
+    const resolvedConfirmLabel = confirmLabel !== null && confirmLabel !== void 0 ? confirmLabel : t("Confirm");
+    const resolvedCancelLabel = cancelLabel !== null && cancelLabel !== void 0 ? cancelLabel : t("Cancel");
     const [state, dispatch] = useReducer(confirmationModalReducer, {
         title,
         message,
         open: false,
-        confirmLabel,
-        cancelLabel,
+        confirmLabel: resolvedConfirmLabel,
+        cancelLabel: resolvedCancelLabel,
         onConfirm,
         onCancel,
     });
@@ -45,19 +51,24 @@ const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title,
     useEffect(() => {
         dispatch({
             type: "reset",
-            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel,
-                cancelLabel,
-                onConfirm,
+            state: Object.assign(Object.assign({}, state), { title, message: message, confirmLabel: resolvedConfirmLabel, cancelLabel: resolvedCancelLabel, onConfirm,
                 onCancel }),
         });
-    }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
+    }, [
+        title,
+        message,
+        resolvedConfirmLabel,
+        resolvedCancelLabel,
+        onConfirm,
+        onCancel,
+    ]);
     useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React__default.createElement(Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
-            label: state.confirmLabel,
+            label: (_a = state.confirmLabel) !== null && _a !== void 0 ? _a : t("Confirm"),
             onClick: handleAction("confirm"),
             variation: variation === "destructive" ? "destructive" : "work",
         }, secondaryAction: {
-            label: state.cancelLabel,
+            label: (_b = state.cancelLabel) !== null && _b !== void 0 ? _b : t("Cancel"),
             onClick: handleAction("cancel"),
         } }, state.message ? (React__default.createElement(Content, null,
         React__default.createElement(Markdown, { content: state.message }))) : (children)));

package/dist/DatePicker/DatePicker.messages.d.ts

@@ -0,0 +1,14 @@
+export declare const datePickerMessages: {
+    previousMonth: {
+        en: string;
+        es: string;
+    };
+    nextMonth: {
+        en: string;
+        es: string;
+    };
+    openDatepicker: {
+        en: string;
+        es: string;
+    };
+};

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/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/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,13 +31,11 @@ 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');
 require('framer-motion');
 require('../Text-cjs.js');
-require('../useAtlantisI18n-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-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,13 +29,11 @@ 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';
 import 'framer-motion';
 import '../Text-es.js';
-import '../useAtlantisI18n-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-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/LightBox/LightBox.messages.d.ts

@@ -0,0 +1,22 @@
+export declare const lightBoxMessages: {
+    close: {
+        en: string;
+        es: string;
+    };
+    lightbox: {
+        en: string;
+        es: string;
+    };
+    previousImage: {
+        en: string;
+        es: string;
+    };
+    nextImage: {
+        en: string;
+        es: string;
+    };
+    openInNewTab: {
+        en: string;
+        es: string;
+    };
+};

package/dist/LightBox/index.cjs

@@ -8,6 +8,8 @@ require('@jobber/hooks');
 require('classnames');
 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('../tslib.es6-cjs.js');

package/dist/LightBox/index.mjs

@@ -6,6 +6,8 @@ import '@jobber/hooks';
 import 'classnames';
 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 '../tslib.es6-es.js';

package/dist/LightBox-cjs.js

@@ -6,6 +6,7 @@ var ReactDOM = require('react-dom');
 var jobberHooks = require('@jobber/hooks');
 var classnames = require('classnames');
 var noop = require('./noop-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Text = require('./Text-cjs.js');
 var Button = require('./Button-cjs.js');
@@ -169,10 +170,34 @@ function togglePrintStyles(open) {
     }
 }
 
+const lightBoxMessages = useAtlantisI18n.defineMessages({
+    close: {
+        en: "Close",
+        es: "Cerrar",
+    },
+    lightbox: {
+        en: "Lightbox",
+        es: "Lightbox",
+    },
+    previousImage: {
+        en: "Previous image",
+        es: "Imagen anterior",
+    },
+    nextImage: {
+        en: "Next image",
+        es: "Imagen siguiente",
+    },
+    openInNewTab: {
+        en: "Open image in new tab",
+        es: "Abrir imagen en nueva pestaña",
+    },
+});
+
 function LightBoxContent() {
     const { open, lightboxRef, handleMouseMove } = useLightBoxContext();
+    const { t } = useAtlantisI18n.useAtlantisI18n(lightBoxMessages);
     const mounted = jobberHooks.useIsMounted();
-    const template = (React.createElement(React.Fragment, null, open && (React.createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef, onMouseMove: handleMouseMove },
+    const template = (React.createElement(React.Fragment, null, open && (React.createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": t("lightbox"), key: "Lightbox", ref: lightboxRef, onMouseMove: handleMouseMove },
         React.createElement(LightBoxBackground, null),
         React.createElement(LightBoxOverlay, null),
         React.createElement(LightBoxToolbar, null),
@@ -186,13 +211,15 @@ function LightBoxContent() {
 }
 function PreviousButton({ onClick, hideButton, className }) {
     const { mediumAndUp } = jobberHooks.useBreakpoints();
+    const { t } = useAtlantisI18n.useAtlantisI18n(lightBoxMessages);
     return (React.createElement("div", { className: `${className} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
-        React.createElement(Button.Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
+        React.createElement(Button.Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: t("previousImage"), onClick: onClick })));
 }
 function NextButton({ onClick, hideButton, className }) {
     const { mediumAndUp } = jobberHooks.useBreakpoints();
+    const { t } = useAtlantisI18n.useAtlantisI18n(lightBoxMessages);
     return (React.createElement("div", { className: `${className} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
-        React.createElement(Button.Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
+        React.createElement(Button.Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: t("nextImage"), onClick: onClick })));
 }
 /**
  * Blurred, desaturated copy of the current image rendered as a full-bleed
@@ -218,26 +245,29 @@ function LightBoxOverlay({ className }) {
  */
 function LightBoxToolbar() {
     const { images, currentImageIndex, handleRequestClose } = useLightBoxContext();
+    const { t } = useAtlantisI18n.useAtlantisI18n(lightBoxMessages);
     return (React.createElement(AtlantisThemeContext.AtlantisThemeContextProvider, { dangerouslyOverrideTheme: "dark" },
         React.createElement("div", { className: styles.toolbar },
             React.createElement(LightBoxOpenInNewTabAction, null),
             React.createElement("div", { className: styles.slideNumber },
                 React.createElement(Text.Text, null, `${currentImageIndex + 1}/${images.length}`)),
             React.createElement("div", { className: styles.closeButton },
-                React.createElement(ButtonDismiss.ButtonDismiss, { ariaLabel: "Close", onClick: handleRequestClose })))));
+                React.createElement(ButtonDismiss.ButtonDismiss, { ariaLabel: t("close"), onClick: handleRequestClose })))));
 }
 /**
  * Opens the current image in a new browser tab. Included in the default
  * `LightBox.Toolbar`. Returns `null` if the current image has no `url`.
  */
-function LightBoxOpenInNewTabAction({ ariaLabel = "Open image in new tab", }) {
+function LightBoxOpenInNewTabAction({ ariaLabel, }) {
     const { images, currentImageIndex } = useLightBoxContext();
+    const { t } = useAtlantisI18n.useAtlantisI18n(lightBoxMessages);
+    const effectiveAriaLabel = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t("openInNewTab");
     const currentImage = images[currentImageIndex];
     if (!(currentImage === null || currentImage === void 0 ? void 0 : currentImage.url))
         return null;
     return (React.createElement("div", { className: styles.leftAction },
-        React.createElement(Tooltip.Tooltip, { message: ariaLabel },
-            React.createElement(Button.Button, { size: "small", variation: "subtle", type: "secondary", icon: "export", ariaLabel: ariaLabel, url: currentImage.url, external: true }))));
+        React.createElement(Tooltip.Tooltip, { message: effectiveAriaLabel },
+            React.createElement(Button.Button, { size: "small", variation: "subtle", type: "secondary", icon: "export", ariaLabel: effectiveAriaLabel, url: currentImage.url, external: true }))));
 }
 /**
  * The animated hero image with swipe-to-navigate and slide animation.

package/dist/LightBox-es.js

@@ -4,6 +4,7 @@ import ReactDOM__default from 'react-dom';
 import { useFocusTrap, useDebounce, useIsMounted, useRefocusOnActivator, useOnKeyDown, useBreakpoints } from '@jobber/hooks';
 import classnames from 'classnames';
 import { n as noop } from './noop-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';
@@ -167,10 +168,34 @@ function togglePrintStyles(open) {
     }
 }
 
+const lightBoxMessages = defineMessages({
+    close: {
+        en: "Close",
+        es: "Cerrar",
+    },
+    lightbox: {
+        en: "Lightbox",
+        es: "Lightbox",
+    },
+    previousImage: {
+        en: "Previous image",
+        es: "Imagen anterior",
+    },
+    nextImage: {
+        en: "Next image",
+        es: "Imagen siguiente",
+    },
+    openInNewTab: {
+        en: "Open image in new tab",
+        es: "Abrir imagen en nueva pestaña",
+    },
+});
+
 function LightBoxContent() {
     const { open, lightboxRef, handleMouseMove } = useLightBoxContext();
+    const { t } = useAtlantisI18n(lightBoxMessages);
     const mounted = useIsMounted();
-    const template = (React__default.createElement(React__default.Fragment, null, open && (React__default.createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef, onMouseMove: handleMouseMove },
+    const template = (React__default.createElement(React__default.Fragment, null, open && (React__default.createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": t("lightbox"), key: "Lightbox", ref: lightboxRef, onMouseMove: handleMouseMove },
         React__default.createElement(LightBoxBackground, null),
         React__default.createElement(LightBoxOverlay, null),
         React__default.createElement(LightBoxToolbar, null),
@@ -184,13 +209,15 @@ function LightBoxContent() {
 }
 function PreviousButton({ onClick, hideButton, className }) {
     const { mediumAndUp } = useBreakpoints();
+    const { t } = useAtlantisI18n(lightBoxMessages);
     return (React__default.createElement("div", { className: `${className} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
-        React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
+        React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: t("previousImage"), onClick: onClick })));
 }
 function NextButton({ onClick, hideButton, className }) {
     const { mediumAndUp } = useBreakpoints();
+    const { t } = useAtlantisI18n(lightBoxMessages);
     return (React__default.createElement("div", { className: `${className} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
-        React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
+        React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: t("nextImage"), onClick: onClick })));
 }
 /**
  * Blurred, desaturated copy of the current image rendered as a full-bleed
@@ -216,26 +243,29 @@ function LightBoxOverlay({ className }) {
  */
 function LightBoxToolbar() {
     const { images, currentImageIndex, handleRequestClose } = useLightBoxContext();
+    const { t } = useAtlantisI18n(lightBoxMessages);
     return (React__default.createElement(AtlantisThemeContextProvider, { dangerouslyOverrideTheme: "dark" },
         React__default.createElement("div", { className: styles.toolbar },
             React__default.createElement(LightBoxOpenInNewTabAction, null),
             React__default.createElement("div", { className: styles.slideNumber },
                 React__default.createElement(Text, null, `${currentImageIndex + 1}/${images.length}`)),
             React__default.createElement("div", { className: styles.closeButton },
-                React__default.createElement(ButtonDismiss, { ariaLabel: "Close", onClick: handleRequestClose })))));
+                React__default.createElement(ButtonDismiss, { ariaLabel: t("close"), onClick: handleRequestClose })))));
 }
 /**
  * Opens the current image in a new browser tab. Included in the default
  * `LightBox.Toolbar`. Returns `null` if the current image has no `url`.
  */
-function LightBoxOpenInNewTabAction({ ariaLabel = "Open image in new tab", }) {
+function LightBoxOpenInNewTabAction({ ariaLabel, }) {
     const { images, currentImageIndex } = useLightBoxContext();
+    const { t } = useAtlantisI18n(lightBoxMessages);
+    const effectiveAriaLabel = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : t("openInNewTab");
     const currentImage = images[currentImageIndex];
     if (!(currentImage === null || currentImage === void 0 ? void 0 : currentImage.url))
         return null;
     return (React__default.createElement("div", { className: styles.leftAction },
-        React__default.createElement(Tooltip, { message: ariaLabel },
-            React__default.createElement(Button, { size: "small", variation: "subtle", type: "secondary", icon: "export", ariaLabel: ariaLabel, url: currentImage.url, external: true }))));
+        React__default.createElement(Tooltip, { message: effectiveAriaLabel },
+            React__default.createElement(Button, { size: "small", variation: "subtle", type: "secondary", icon: "export", ariaLabel: effectiveAriaLabel, url: currentImage.url, external: true }))));
 }
 /**
  * The animated hero image with swipe-to-navigate and slide animation.

package/dist/Menu-es.js

@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useId, useMemo } from 'react';
 import { useWindowDimensions, useRefocusOnActivator } from '@jobber/hooks';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useFloating, c as useDismiss, j as useListNavigation, d as useInteractions, F as FloatingPortal } from './floating-ui.react-es.js';
+import { u as useFloating, c as useDismiss, g as useListNavigation, d as useInteractions, F as FloatingPortal } from './floating-ui.react-es.js';
 import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { B as Button } from './Button-es.js';
 import { T as Typography } from './Typography-es.js';

package/dist/Modal/Modal.messages.d.ts

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

package/dist/Modal/index.cjs

@@ -6,6 +6,7 @@ var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
 var nestedEscape = require('../nestedEscape-cjs.js');
+var useAtlantisI18n = require('../useAtlantisI18n-cjs.js');
 var Heading = require('../Heading-cjs.js');
 var Button = require('../Button-cjs.js');
 var ButtonDismiss = require('../ButtonDismiss-cjs.js');
@@ -13,6 +14,7 @@ var noop = require('../noop-cjs.js');
 var floatingUi_react = require('../floating-ui.react-cjs.js');
 var identity = require('../identity-cjs.js');
 var AtlantisPortalContent = require('../AtlantisPortalContent-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');
@@ -38,6 +40,13 @@ var sizes = {"small":"BSZvIAUzFEU-","large":"-ydIALYVvGg-","fullScreen":"_9wD-Ta
 
 const MODAL_HEADER_ID = "ATL-Modal-Header";
 
+const modalMessages = useAtlantisI18n.defineMessages({
+    closeModal: {
+        en: "Close modal",
+        es: "Cerrar modal",
+    },
+});
+
 function ModalLegacy({ open = false, title, size, dismissible = true, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, ariaLabel, }) {
     const modalClassName = classnames(styles$1.modal, size && sizes[size]);
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
@@ -67,10 +76,11 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
         : template;
 }
 function Header({ title, dismissible, onRequestClose }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(modalMessages);
     return (React.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },
         React.createElement(Heading.Heading, { level: 2, id: MODAL_HEADER_ID }, title),
         dismissible && (React.createElement("div", { className: styles$1.closeButton },
-            React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close modal" })))));
+            React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: t("closeModal") })))));
 }
 function Actions({ primary, secondary, tertiary }) {
     const shouldShow = primary != undefined || secondary != undefined || tertiary != undefined;
@@ -197,13 +207,14 @@ function useModalStyles(size) {
 function ModalHeader({ title, children }) {
     const { header, dismissButton } = useModalStyles();
     const { dismissible, onRequestClose, modalLabelledBy } = useModalContext();
+    const { t } = useAtlantisI18n.useAtlantisI18n(modalMessages);
     if (children) {
         return React.createElement(React.Fragment, null, children);
     }
     return (React.createElement("div", { className: header, "data-testid": MODAL_HEADER_ID },
         React.createElement(Heading.Heading, { level: 2, id: modalLabelledBy }, title),
         dismissible && (React.createElement("div", { className: dismissButton },
-            React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close modal" })))));
+            React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: t("closeModal") })))));
 }
 function ModalActions({ primary, secondary, tertiary, }) {
     const { actionBar, rightAction, leftAction } = useModalStyles();

package/dist/Modal/index.mjs

@@ -4,13 +4,15 @@ import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
 import { a as addModalEscapeContainment } from '../nestedEscape-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from '../useAtlantisI18n-es.js';
 import { H as Heading } from '../Heading-es.js';
 import { B as Button } from '../Button-es.js';
 import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
 import { n as noop } from '../noop-es.js';
-import { b as useFloatingNodeId, u as useFloating, c as useDismiss, g as useRole, d as useInteractions, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal, h as FloatingFocusManager, i as FloatingOverlay } from '../floating-ui.react-es.js';
+import { b as useFloatingNodeId, u as useFloating, c as useDismiss, h as useRole, d as useInteractions, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal, i as FloatingFocusManager, j as FloatingOverlay } from '../floating-ui.react-es.js';
 import { b as identity } from '../identity-es.js';
 import { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
+import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';
@@ -36,6 +38,13 @@ var sizes = {"small":"BSZvIAUzFEU-","large":"-ydIALYVvGg-","fullScreen":"_9wD-Ta
 
 const MODAL_HEADER_ID = "ATL-Modal-Header";
 
+const modalMessages = defineMessages({
+    closeModal: {
+        en: "Close modal",
+        es: "Cerrar modal",
+    },
+});
+
 function ModalLegacy({ open = false, title, size, dismissible = true, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, ariaLabel, }) {
     const modalClassName = classnames(styles$1.modal, size && sizes[size]);
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
@@ -65,10 +74,11 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
         : template;
 }
 function Header({ title, dismissible, onRequestClose }) {
+    const { t } = useAtlantisI18n(modalMessages);
     return (React__default.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },
         React__default.createElement(Heading, { level: 2, id: MODAL_HEADER_ID }, title),
         dismissible && (React__default.createElement("div", { className: styles$1.closeButton },
-            React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close modal" })))));
+            React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: t("closeModal") })))));
 }
 function Actions({ primary, secondary, tertiary }) {
     const shouldShow = primary != undefined || secondary != undefined || tertiary != undefined;
@@ -195,13 +205,14 @@ function useModalStyles(size) {
 function ModalHeader({ title, children }) {
     const { header, dismissButton } = useModalStyles();
     const { dismissible, onRequestClose, modalLabelledBy } = useModalContext();
+    const { t } = useAtlantisI18n(modalMessages);
     if (children) {
         return React__default.createElement(React__default.Fragment, null, children);
     }
     return (React__default.createElement("div", { className: header, "data-testid": MODAL_HEADER_ID },
         React__default.createElement(Heading, { level: 2, id: modalLabelledBy }, title),
         dismissible && (React__default.createElement("div", { className: dismissButton },
-            React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close modal" })))));
+            React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: t("closeModal") })))));
 }
 function ModalActions({ primary, secondary, tertiary, }) {
     const { actionBar, rightAction, leftAction } = useModalStyles();

package/dist/Popover/Popover.messages.d.ts

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

package/dist/Popover/index.cjs

@@ -23,6 +23,8 @@ require('../_baseFor-cjs.js');
 require('../keysIn-cjs.js');
 require('../_isIterateeCall-cjs.js');
 require('../_setToString-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');

package/dist/Popover/index.mjs

@@ -21,6 +21,8 @@ import '../_baseFor-es.js';
 import '../keysIn-es.js';
 import '../_isIterateeCall-es.js';
 import '../_setToString-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';

package/dist/Popover-cjs.js

@@ -7,6 +7,7 @@ var floatingUi_react = require('./floating-ui.react-cjs.js');
 var jobberHooks = require('@jobber/hooks');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var AtlantisPortalContent = require('./AtlantisPortalContent-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 
 const POPOVER_OFFSET = 10;
@@ -113,6 +114,13 @@ function PopoverWrapper({ children, setFloatingElement, UNSAFE_className, UNSAFE
     return React.createElement(floatingUi_react.FloatingPortal, null, content);
 }
 
+const popoverMessages = useAtlantisI18n.defineMessages({
+    closeDialog: {
+        en: "Close dialog",
+        es: "Cerrar diálogo",
+    },
+});
+
 function Popover({ onRequestClose, children, attachTo, open, preferredPlacement = "auto", UNSAFE_className, UNSAFE_style, }) {
     return (React.createElement(Popover.Provider, { attachTo: attachTo, open: open, preferredPlacement: preferredPlacement, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style },
         React.createElement(Popover.DismissButton, { UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style, onClick: onRequestClose }),
@@ -153,7 +161,8 @@ Popover.DismissButton = function PopoverDismissButton(props) {
     const { UNSAFE_className, UNSAFE_style, children } = props, dismissButtonProps = tslib_es6.__rest(props, ["UNSAFE_className", "UNSAFE_style", "children"]);
     const popoverStyles = usePopoverStyles();
     const classes = classnames(popoverStyles.dismissButton, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.dismissButtonContainer);
-    return (React.createElement("div", { className: classes, style: (_a = UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.dismissButtonContainer) !== null && _a !== void 0 ? _a : {}, "data-testid": "ATL-Popover-Dismiss-Button-Container" }, children !== null && children !== void 0 ? children : (React.createElement(ButtonDismiss.ButtonDismiss, Object.assign({ ariaLabel: "Close dialog" }, dismissButtonProps)))));
+    const { t } = useAtlantisI18n.useAtlantisI18n(popoverMessages);
+    return (React.createElement("div", { className: classes, style: (_a = UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.dismissButtonContainer) !== null && _a !== void 0 ? _a : {}, "data-testid": "ATL-Popover-Dismiss-Button-Container" }, children !== null && children !== void 0 ? children : (React.createElement(ButtonDismiss.ButtonDismiss, Object.assign({ ariaLabel: t("closeDialog") }, dismissButtonProps)))));
 };
 
 exports.Popover = Popover;

package/dist/Popover-es.js

@@ -5,6 +5,7 @@ import { u as useFloating, F as FloatingPortal } from './floating-ui.react-es.js
 import { useRefocusOnActivator } from '@jobber/hooks';
 import { a as arrow, b as autoUpdate, o as offset, s as shift, l as limitShift, c as autoPlacement, f as flip } from './floating-ui.react-dom-es.js';
 import { A as AtlantisPortalContent } from './AtlantisPortalContent-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 
 const POPOVER_OFFSET = 10;
@@ -111,6 +112,13 @@ function PopoverWrapper({ children, setFloatingElement, UNSAFE_className, UNSAFE
     return React__default.createElement(FloatingPortal, null, content);
 }
 
+const popoverMessages = defineMessages({
+    closeDialog: {
+        en: "Close dialog",
+        es: "Cerrar diálogo",
+    },
+});
+
 function Popover({ onRequestClose, children, attachTo, open, preferredPlacement = "auto", UNSAFE_className, UNSAFE_style, }) {
     return (React__default.createElement(Popover.Provider, { attachTo: attachTo, open: open, preferredPlacement: preferredPlacement, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style },
         React__default.createElement(Popover.DismissButton, { UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style, onClick: onRequestClose }),
@@ -151,7 +159,8 @@ Popover.DismissButton = function PopoverDismissButton(props) {
     const { UNSAFE_className, UNSAFE_style, children } = props, dismissButtonProps = __rest(props, ["UNSAFE_className", "UNSAFE_style", "children"]);
     const popoverStyles = usePopoverStyles();
     const classes = classnames(popoverStyles.dismissButton, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.dismissButtonContainer);
-    return (React__default.createElement("div", { className: classes, style: (_a = UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.dismissButtonContainer) !== null && _a !== void 0 ? _a : {}, "data-testid": "ATL-Popover-Dismiss-Button-Container" }, children !== null && children !== void 0 ? children : (React__default.createElement(ButtonDismiss, Object.assign({ ariaLabel: "Close dialog" }, dismissButtonProps)))));
+    const { t } = useAtlantisI18n(popoverMessages);
+    return (React__default.createElement("div", { className: classes, style: (_a = UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.dismissButtonContainer) !== null && _a !== void 0 ? _a : {}, "data-testid": "ATL-Popover-Dismiss-Button-Container" }, children !== null && children !== void 0 ? children : (React__default.createElement(ButtonDismiss, Object.assign({ ariaLabel: t("closeDialog") }, dismissButtonProps)))));
 };
 
 export { Popover as P, usePopoverStyles as a, usePopoverContext as u };

package/dist/common.messages-cjs.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
+
+const commonMessages = useAtlantisI18n.defineMessages({
+    Loading: {
+        en: "Loading",
+        es: "Cargando",
+    },
+    Confirm: {
+        en: "Confirm",
+        es: "Confirmar",
+    },
+    Cancel: {
+        en: "Cancel",
+        es: "Cancelar",
+    },
+});
+
+exports.commonMessages = commonMessages;

package/dist/common.messages-es.js

@@ -0,0 +1,18 @@
+import { d as defineMessages } from './useAtlantisI18n-es.js';
+
+const commonMessages = defineMessages({
+    Loading: {
+        en: "Loading",
+        es: "Cargando",
+    },
+    Confirm: {
+        en: "Confirm",
+        es: "Confirmar",
+    },
+    Cancel: {
+        en: "Cancel",
+        es: "Cancelar",
+    },
+});
+
+export { commonMessages as c };

package/dist/docs/ConfirmationModal/ConfirmationModal.md

@@ -111,9 +111,9 @@ language should be direct and honest about the impact without being alarming.
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `cancelLabel` | `string` | No | `Cancel` | Label for the cancel button. |
+| `cancelLabel` | `string` | No | — | Label for the cancel button. |
 | `children` | `ReactNode` | No | — | Child component. Not displayed if **message** prop is passed. |
-| `confirmLabel` | `string` | No | `Confirm` | Label for the confirm button. |
+| `confirmLabel` | `string` | No | — | Label for the confirm button. |
 | `message` | `string` | No | — | Text or rich text content for the body of the modal. Not displayed if **children** prop is passed. |
 | `onCancel` | `() => void` | No | — | Callback for when the cancel button is pressed. |
 | `onConfirm` | `() => void` | No | — | Callback for when the confirm button is pressed. |

package/dist/docs/LightBox/LightBox.md

@@ -230,7 +230,7 @@ window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `ariaLabel` | `string` | No | `Open image in new tab` | Accessible label for the action, also used as the tooltip message. |
+| `ariaLabel` | `string` | No | `"Open image in new tab"` | Accessible label for the action, also used as the tooltip message. |
 
 #### LightBox.Overlay
 

package/dist/floating-ui.react-es.js

@@ -3809,4 +3809,4 @@ function useTransitionStyles(context, props) {
   };
 }
 
-export { FloatingPortal as F, useFloatingParentNodeId as a, useFloatingNodeId as b, useDismiss as c, useInteractions as d, FloatingTree as e, FloatingNode as f, useRole as g, FloatingFocusManager as h, FloatingOverlay as i, useListNavigation as j, useClick as k, useTransitionStyles as l, FloatingArrow as m, useFloating as u };
+export { FloatingPortal as F, useFloatingParentNodeId as a, useFloatingNodeId as b, useDismiss as c, useInteractions as d, FloatingTree as e, FloatingNode as f, useListNavigation as g, useRole as h, FloatingFocusManager as i, FloatingOverlay as j, useClick as k, useTransitionStyles as l, FloatingArrow as m, useFloating as u };

package/dist/index.cjs

@@ -135,6 +135,7 @@ require('./FilterPickerAction-cjs.js');
 require('./FilterPickerTrigger-cjs.js');
 require('./noop-cjs.js');
 require('./FilterPickerActivator-cjs.js');
+require('./common.messages-cjs.js');
 require('./index-cjs.js');
 require('./DataList.module-cjs.js');
 require('./DataListTotalCount-cjs.js');

package/dist/index.mjs

@@ -133,6 +133,7 @@ import './FilterPickerAction-es.js';
 import './FilterPickerTrigger-es.js';
 import './noop-es.js';
 import './FilterPickerActivator-es.js';
+import './common.messages-es.js';
 import './index-es.js';
 import './DataList.module-es.js';
 import './DataListTotalCount-es.js';

package/dist/sharedHelpers/i18n/index.cjs

@@ -1,24 +1,12 @@
 'use strict';
 
+var common_messages = require('../../common.messages-cjs.js');
 var useAtlantisI18n = require('../../useAtlantisI18n-cjs.js');
 require('react');
 require('../../AtlantisContext-cjs.js');
 
-const commonMessages = useAtlantisI18n.defineMessages({
-    Loading: {
-        en: "Loading",
-        es: "Cargando",
-    },
-    Confirm: {
-        en: "Confirm",
-        es: "Confirmar",
-    },
-    Cancel: {
-        en: "Cancel",
-        es: "Cancelar",
-    },
-});
 
+
+exports.commonMessages = common_messages.commonMessages;
 exports.defineMessages = useAtlantisI18n.defineMessages;
 exports.useAtlantisI18n = useAtlantisI18n.useAtlantisI18n;
-exports.commonMessages = commonMessages;

package/dist/sharedHelpers/i18n/index.mjs

@@ -1,21 +1,4 @@
-import { d as defineMessages } from '../../useAtlantisI18n-es.js';
-export { u as useAtlantisI18n } from '../../useAtlantisI18n-es.js';
+export { c as commonMessages } from '../../common.messages-es.js';
+export { d as defineMessages, u as useAtlantisI18n } from '../../useAtlantisI18n-es.js';
 import 'react';
 import '../../AtlantisContext-es.js';
-
-const commonMessages = defineMessages({
-    Loading: {
-        en: "Loading",
-        es: "Cargando",
-    },
-    Confirm: {
-        en: "Confirm",
-        es: "Confirmar",
-    },
-    Cancel: {
-        en: "Cancel",
-        es: "Cancelar",
-    },
-});
-
-export { commonMessages, defineMessages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.1.0",
+  "version": "9.2.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -545,5 +545,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e887305a950c2e207016a1b039df2e8e992acc45"
+  "gitHead": "93071542338ffaca3cd81bf6701a1ac8319e5341"
 }