@jobber/components 9.1.0 → 9.3.0

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/menuComposableShared.d.ts

@@ -6,7 +6,7 @@ export declare function resolveComposableBaseProps(props: {
     readonly style?: React.CSSProperties;
     readonly UNSAFE_className?: string;
     readonly UNSAFE_style?: React.CSSProperties;
-}): Pick<import("../utils/mergeUnsafeProps").UnsafeProps, "className" | "style">;
+}): Pick<import("../utils/mergeUnsafeProps").UnsafeProps, "style" | "className">;
 export declare function hasMenuSlot(children: React.ReactNode, slot: MenuSlotName): boolean;
 export declare function resolveMenuTriggerRender({ children, render, }: {
     readonly children?: React.ReactNode;

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

@@ -3,6 +3,9 @@
 var Spinner = require('../Spinner-cjs.js');
 require('react');
 require('classnames');
+require('../common.messages-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 
 
 

package/dist/Spinner/index.mjs

@@ -1,3 +1,6 @@
 export { S as Spinner } from '../Spinner-es.js';
 import 'react';
 import 'classnames';
+import '../common.messages-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';

package/dist/Spinner-cjs.js

@@ -2,6 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var common_messages = require('./common.messages-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 var styles = {"spinner":"_6hfmGZoXNyg-","animationSpin":"aT3CETCJ4hQ-","small":"bMfynkzmlL4-","inline":"NA68eWblbLo-","spinning":"aCBq1WrkI4M-"};
 
@@ -9,11 +11,12 @@ var styles = {"spinner":"_6hfmGZoXNyg-","animationSpin":"aT3CETCJ4hQ-","small":"
  * @deprecated Use `ActivityIndicator` instead.
  */
 function Spinner({ size = "base", inline }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(common_messages.commonMessages);
     const spinnerStyles = classnames(styles.spinner, {
         [styles.small]: size === "small",
         [styles.inline]: inline,
     });
-    return (React.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": "loading" }));
+    return (React.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": t("Loading") }));
 }
 
 exports.Spinner = Spinner;

package/dist/Spinner-es.js

@@ -1,5 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
+import { c as commonMessages } from './common.messages-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 var styles = {"spinner":"_6hfmGZoXNyg-","animationSpin":"aT3CETCJ4hQ-","small":"bMfynkzmlL4-","inline":"NA68eWblbLo-","spinning":"aCBq1WrkI4M-"};
 
@@ -7,11 +9,12 @@ var styles = {"spinner":"_6hfmGZoXNyg-","animationSpin":"aT3CETCJ4hQ-","small":"
  * @deprecated Use `ActivityIndicator` instead.
  */
 function Spinner({ size = "base", inline }) {
+    const { t } = useAtlantisI18n(commonMessages);
     const spinnerStyles = classnames(styles.spinner, {
         [styles.small]: size === "small",
         [styles.inline]: inline,
     });
-    return (React__default.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": "loading" }));
+    return (React__default.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": t("Loading") }));
 }
 
 export { Spinner as S };

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/ActivityIndicator/ActivityIndicator.md

@@ -110,7 +110,7 @@ component from React Native.
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `ariaLabel` | `string` | No | `Loading` | Accessible label exposed via `aria-label` on the root element. Override to localize or to describe the specific activ... |
+| `ariaLabel` | `string` | No | `"Loading"` | Accessible label exposed via `aria-label` on the root element. Override to localize or to describe the specific activ... |
 | `className` | `string` | No | — | Custom class name merged onto the root element alongside the component's own classes. |
 | `size` | `"base" | "small"` | No | `base` | Visual size. `base` renders at 32px, `small` renders at 16px. |
 | `style` | `CSSProperties` | No | — | Custom inline styles applied to the root element. |

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

@@ -91,6 +91,8 @@ var Tooltip = require('./Tooltip-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var design = require('@jobber/design');
 require('classnames');
+require('./common.messages-cjs.js');
+require('./useAtlantisI18n-cjs.js');
 require('./_commonjsHelpers-cjs.js');
 require('./identity-cjs.js');
 require('./isTypedArray-cjs.js');
@@ -107,7 +109,6 @@ require('react/jsx-runtime');
 require('react-dom');
 require('./floating-ui.react-dom-cjs.js');
 require('./maxHeight-cjs.js');
-require('./useAtlantisI18n-cjs.js');
 require('./mergeRefs-cjs.js');
 require('./filterDataAttributes-cjs.js');
 require('color');

package/dist/index.mjs

@@ -89,6 +89,8 @@ export { T as Tooltip } from './Tooltip-es.js';
 export { T as Typography } from './Typography-es.js';
 export { iconNames, isIconName } from '@jobber/design';
 import 'classnames';
+import './common.messages-es.js';
+import './useAtlantisI18n-es.js';
 import './_commonjsHelpers-es.js';
 import './identity-es.js';
 import './isTypedArray-es.js';
@@ -105,7 +107,6 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import './floating-ui.react-dom-es.js';
 import './maxHeight-es.js';
-import './useAtlantisI18n-es.js';
 import './mergeRefs-es.js';
 import './filterDataAttributes-es.js';
 import 'color';

package/dist/primitives/InputNumberExperimental/index.cjs

@@ -5,6 +5,9 @@ require('../../tslib.es6-cjs.js');
 require('react');
 require('classnames');
 require('../../ActivityIndicator-cjs.js');
+require('../../common.messages-cjs.js');
+require('../../useAtlantisI18n-cjs.js');
+require('../../AtlantisContext-cjs.js');
 require('../../Button-cjs.js');
 require('react-router-dom');
 require('../../Icon-cjs.js');

package/dist/primitives/InputNumberExperimental/index.mjs

@@ -3,6 +3,9 @@ import '../../tslib.es6-es.js';
 import 'react';
 import 'classnames';
 import '../../ActivityIndicator-es.js';
+import '../../common.messages-es.js';
+import '../../useAtlantisI18n-es.js';
+import '../../AtlantisContext-es.js';
 import '../../Button-es.js';
 import 'react-router-dom';
 import '../../Icon-es.js';

package/dist/primitives/index.cjs

@@ -35,6 +35,9 @@ require('../resolveAriaLabelledBy-cjs.js');
 require('../stringifyLocale-cjs.js');
 require('../useLabel-cjs.js');
 require('../ActivityIndicator-cjs.js');
+require('../common.messages-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../FieldDescription-cjs.js');
 require('../NumberFieldInput-cjs.js');
 require('../SelectGroupLabel-cjs.js');

package/dist/primitives/index.mjs

@@ -33,6 +33,9 @@ import '../resolveAriaLabelledBy-es.js';
 import '../stringifyLocale-es.js';
 import '../useLabel-es.js';
 import '../ActivityIndicator-es.js';
+import '../common.messages-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../FieldDescription-es.js';
 import '../NumberFieldInput-es.js';
 import '../SelectGroupLabel-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.3.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -545,5 +545,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e887305a950c2e207016a1b039df2e8e992acc45"
+  "gitHead": "bd293888112d04f31748f9df2612954afda103e4"
 }