@jobber/components 9.0.0 → 9.2.0

package/dist/InputPhoneNumber/index.cjs

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

package/dist/InputPhoneNumber/index.mjs

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

package/dist/InputText/index.cjs

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

package/dist/InputText/index.mjs

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

package/dist/InputTime/index.cjs

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

package/dist/InputTime/index.mjs

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

package/dist/InternalChipDismissible-cjs.js

@@ -10,6 +10,7 @@ var floatingUi_react = require('./floating-ui.react-cjs.js');
 var Text = require('./Text-cjs.js');
 var Button = require('./Button-cjs.js');
 var Spinner = require('./Spinner-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Chip = require('./Chip-cjs.js');
 require('./tslib.es6-cjs.js');
 
@@ -21,8 +22,12 @@ function InternalChip({ label, active = false, disabled = false, invalid = false
 
 var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};
 
+function DefaultAddActivator({ ariaLabel, onClick, }) {
+    return (React.createElement(Button.Button, { icon: "add", type: "secondary", ariaLabel: ariaLabel, onClick: onClick }));
+}
 function InternalChipDismissibleInput(props) {
-    const { activator = React.createElement(Button.Button, { icon: "add", type: "secondary", ariaLabel: "Add" }), attachTo, isLoadingMore = false, onLoadMore, options, } = props;
+    const { t } = useAtlantisI18n.useAtlantisI18n(Chip.chipsMessages);
+    const { activator, attachTo, isLoadingMore = false, onLoadMore, options, } = props;
     const { activeIndex, allOptions, hasAvailableOptions, inputRef, menuId, menuOpen, searchValue, showInput, generateDescendantId, handleBlur, handleFocus, handleSearchChange, handleCancelBlur, handleEnableBlur, handleSetActiveOnMouseOver, handleKeyDown, handleSelectOption, handleShowInput, handleDebouncedSearch, } = useScrollToActive.useInternalChipDismissibleInput(props);
     const scrollableRef = useScrollToActive.useScrollToActive(activeIndex);
     const { ref: visibleChildRef, isInView } = useScrollToActive.useInView();
@@ -35,9 +40,8 @@ function InternalChipDismissibleInput(props) {
         isInView && onLoadMore && onLoadMore(searchValue);
     }, [isInView]);
     if (!showInput) {
-        return React.cloneElement(activator, { onClick: handleShowInput });
+        return React.cloneElement(activator !== null && activator !== void 0 ? activator : React.createElement(DefaultAddActivator, { ariaLabel: t("add") }), { onClick: handleShowInput });
     }
-    const shouldShowMenu = menuOpen && (hasAvailableOptions || isLoadingMore);
     const menuContent = (React.createElement("div", { ref: node => {
             setFloatingRef(node);
             scrollableRef.current = node;
@@ -51,8 +55,8 @@ function InternalChipDismissibleInput(props) {
         isLoadingMore && (React.createElement("div", { className: styles.loadingIndicator },
             React.createElement(Spinner.Spinner, { size: "small", inline: true })))));
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": shouldShowMenu, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: () => setTimeout(handleBlur, 200), onFocus: handleFocus, autoFocus: true }),
-        shouldShowMenu && React.createElement(floatingUi_react.FloatingPortal, null, menuContent)));
+        React.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": t("cycleOptions"), "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": menuOpen && (hasAvailableOptions || isLoadingMore), "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: () => setTimeout(handleBlur, 200), onFocus: handleFocus, autoFocus: true }),
+        menuOpen && (hasAvailableOptions || isLoadingMore) && (React.createElement(floatingUi_react.FloatingPortal, null, menuContent))));
 }
 
 function InternalChipDismissible(props) {

package/dist/InternalChipDismissible-es.js

@@ -8,7 +8,8 @@ import { F as FloatingPortal } from './floating-ui.react-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';
 import { S as Spinner } from './Spinner-es.js';
-import { C as Chip, I as InternalChipButton } from './Chip-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
+import { C as Chip, c as chipsMessages, I as InternalChipButton } from './Chip-es.js';
 import './tslib.es6-es.js';
 
 function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
@@ -19,8 +20,12 @@ function InternalChip({ label, active = false, disabled = false, invalid = false
 
 var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};
 
+function DefaultAddActivator({ ariaLabel, onClick, }) {
+    return (React__default.createElement(Button, { icon: "add", type: "secondary", ariaLabel: ariaLabel, onClick: onClick }));
+}
 function InternalChipDismissibleInput(props) {
-    const { activator = React__default.createElement(Button, { icon: "add", type: "secondary", ariaLabel: "Add" }), attachTo, isLoadingMore = false, onLoadMore, options, } = props;
+    const { t } = useAtlantisI18n(chipsMessages);
+    const { activator, attachTo, isLoadingMore = false, onLoadMore, options, } = props;
     const { activeIndex, allOptions, hasAvailableOptions, inputRef, menuId, menuOpen, searchValue, showInput, generateDescendantId, handleBlur, handleFocus, handleSearchChange, handleCancelBlur, handleEnableBlur, handleSetActiveOnMouseOver, handleKeyDown, handleSelectOption, handleShowInput, handleDebouncedSearch, } = useInternalChipDismissibleInput(props);
     const scrollableRef = useScrollToActive(activeIndex);
     const { ref: visibleChildRef, isInView } = useInView();
@@ -33,9 +38,8 @@ function InternalChipDismissibleInput(props) {
         isInView && onLoadMore && onLoadMore(searchValue);
     }, [isInView]);
     if (!showInput) {
-        return React__default.cloneElement(activator, { onClick: handleShowInput });
+        return React__default.cloneElement(activator !== null && activator !== void 0 ? activator : React__default.createElement(DefaultAddActivator, { ariaLabel: t("add") }), { onClick: handleShowInput });
     }
-    const shouldShowMenu = menuOpen && (hasAvailableOptions || isLoadingMore);
     const menuContent = (React__default.createElement("div", { ref: node => {
             setFloatingRef(node);
             scrollableRef.current = node;
@@ -49,8 +53,8 @@ function InternalChipDismissibleInput(props) {
         isLoadingMore && (React__default.createElement("div", { className: styles.loadingIndicator },
             React__default.createElement(Spinner, { size: "small", inline: true })))));
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": shouldShowMenu, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: () => setTimeout(handleBlur, 200), onFocus: handleFocus, autoFocus: true }),
-        shouldShowMenu && React__default.createElement(FloatingPortal, null, menuContent)));
+        React__default.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": t("cycleOptions"), "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": menuOpen && (hasAvailableOptions || isLoadingMore), "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: () => setTimeout(handleBlur, 200), onFocus: handleFocus, autoFocus: true }),
+        menuOpen && (hasAvailableOptions || isLoadingMore) && (React__default.createElement(FloatingPortal, null, menuContent))));
 }
 
 function InternalChipDismissible(props) {

package/dist/LegacySelect/index.cjs

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

package/dist/LegacySelect/index.mjs

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

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

@@ -0,0 +1,14 @@
+export declare const menuMessages: {
+    moreActions: {
+        en: string;
+        es: string;
+    };
+    back: {
+        en: string;
+        es: string;
+    };
+    "Back to {title}": {
+        en: string;
+        es: string;
+    };
+};

package/dist/Menu/index.cjs

@@ -11,6 +11,8 @@ require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../floating-ui.react-dom-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');

package/dist/Menu/index.mjs

@@ -9,6 +9,8 @@ import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../floating-ui.react-dom-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';

package/dist/Menu-cjs.js

@@ -5,6 +5,7 @@ var jobberHooks = require('@jobber/hooks');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Button = require('./Button-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Icon = require('./Icon-cjs.js');
@@ -37,6 +38,21 @@ const OVERLAY_ANIMATION_CONFIG = {
     type: "tween",
 };
 
+const menuMessages = useAtlantisI18n.defineMessages({
+    moreActions: {
+        en: "More Actions",
+        es: "Más acciones",
+    },
+    back: {
+        en: "Back",
+        es: "Atrás",
+    },
+    "Back to {title}": {
+        en: "Back to {title}",
+        es: "Volver a {title}",
+    },
+});
+
 function isMobileDevice() {
     if (typeof window === "undefined") {
         return false;
@@ -58,6 +74,7 @@ const animationVariation = {
 // eslint-disable-next-line max-statements
 function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
     var _a;
+    const { t } = useAtlantisI18n.useAtlantisI18n(menuMessages);
     const [visible, setVisible] = React.useState(false);
     const [referenceElement, setReferenceElement] = React.useState(null);
     const [activeIndex, setActiveIndex] = React.useState(null);
@@ -122,7 +139,7 @@ function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
         }
         : {};
     if (!activator) {
-        activator = (React.createElement(Button.Button, { fullWidth: true, label: "More Actions", icon: "more", type: "secondary" }));
+        activator = (React.createElement(Button.Button, { fullWidth: true, label: t("moreActions"), icon: "more", type: "secondary" }));
     }
     let itemIndexCounter = 0;
     const renderedSections = items === null || items === void 0 ? void 0 : items.map((item, key) => (React.createElement("div", { key: key, className: styles$2.legacySection },
@@ -640,6 +657,7 @@ const BottomSheetSubmenuTrigger = React.forwardRef(function BottomSheetSubmenuTr
             React.createElement(Icon.Icon, { color: "icon", name: "arrowRight" }))) : null));
 });
 function BottomSheetSubmenuContent({ children, className, style, UNSAFE_style, UNSAFE_className, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(menuMessages);
     const { titleRef } = useBottomSheetSubmenuContext();
     const title = titleRef.current;
     const { focusModalityRef } = useBottomSheetContext();
@@ -655,7 +673,7 @@ function BottomSheetSubmenuContent({ children, className, style, UNSAFE_style, U
         React.createElement(BottomSheet.BottomSheet.Content, { style: bottomSheetStyle },
             title ? (React.createElement(DrawerTitle.DrawerTitle, { className: styles.screenReaderOnly }, title)) : null,
             React.createElement("div", { className: styles$1.submenuHeader },
-                React.createElement(DrawerTitle.DrawerClose, { "aria-label": title ? `Back to ${title}` : "Back", render: React.createElement(Button.Button, { ariaLabel: title ? `Back to ${title}` : "Back", icon: "arrowLeft", type: "tertiary", variation: "subtle" }) }),
+                React.createElement(DrawerTitle.DrawerClose, { "aria-label": title ? t("Back to {title}", { title }) : t("back"), render: React.createElement(Button.Button, { ariaLabel: title ? t("Back to {title}", { title }) : t("back"), icon: "arrowLeft", type: "tertiary", variation: "subtle" }) }),
                 title ? (React.createElement("div", { className: styles$1.submenuTitle },
                     React.createElement(Typography.Typography, { element: "span", size: "base", fontWeight: "semiBold", textColor: "text" }, title))) : null),
             React.createElement(BottomSheetMenuSurface, { menuRef: menuRef, className: classnames(styles.bottomSheetSubmenuBody, styles.composableSection, resolvedBaseProps.className) }, children))));

package/dist/Menu-es.js

@@ -3,6 +3,7 @@ import { useWindowDimensions, useRefocusOnActivator } from '@jobber/hooks';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 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';
 import { I as Icon } from './Icon-es.js';
@@ -35,6 +36,21 @@ const OVERLAY_ANIMATION_CONFIG = {
     type: "tween",
 };
 
+const menuMessages = defineMessages({
+    moreActions: {
+        en: "More Actions",
+        es: "Más acciones",
+    },
+    back: {
+        en: "Back",
+        es: "Atrás",
+    },
+    "Back to {title}": {
+        en: "Back to {title}",
+        es: "Volver a {title}",
+    },
+});
+
 function isMobileDevice() {
     if (typeof window === "undefined") {
         return false;
@@ -56,6 +72,7 @@ const animationVariation = {
 // eslint-disable-next-line max-statements
 function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
     var _a;
+    const { t } = useAtlantisI18n(menuMessages);
     const [visible, setVisible] = useState(false);
     const [referenceElement, setReferenceElement] = useState(null);
     const [activeIndex, setActiveIndex] = useState(null);
@@ -120,7 +137,7 @@ function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
         }
         : {};
     if (!activator) {
-        activator = (React__default.createElement(Button, { fullWidth: true, label: "More Actions", icon: "more", type: "secondary" }));
+        activator = (React__default.createElement(Button, { fullWidth: true, label: t("moreActions"), icon: "more", type: "secondary" }));
     }
     let itemIndexCounter = 0;
     const renderedSections = items === null || items === void 0 ? void 0 : items.map((item, key) => (React__default.createElement("div", { key: key, className: styles$2.legacySection },
@@ -638,6 +655,7 @@ const BottomSheetSubmenuTrigger = React__default.forwardRef(function BottomSheet
             React__default.createElement(Icon, { color: "icon", name: "arrowRight" }))) : null));
 });
 function BottomSheetSubmenuContent({ children, className, style, UNSAFE_style, UNSAFE_className, }) {
+    const { t } = useAtlantisI18n(menuMessages);
     const { titleRef } = useBottomSheetSubmenuContext();
     const title = titleRef.current;
     const { focusModalityRef } = useBottomSheetContext();
@@ -653,7 +671,7 @@ function BottomSheetSubmenuContent({ children, className, style, UNSAFE_style, U
         React__default.createElement(BottomSheet.Content, { style: bottomSheetStyle },
             title ? (React__default.createElement(DrawerTitle, { className: styles.screenReaderOnly }, title)) : null,
             React__default.createElement("div", { className: styles$1.submenuHeader },
-                React__default.createElement(DrawerClose, { "aria-label": title ? `Back to ${title}` : "Back", render: React__default.createElement(Button, { ariaLabel: title ? `Back to ${title}` : "Back", icon: "arrowLeft", type: "tertiary", variation: "subtle" }) }),
+                React__default.createElement(DrawerClose, { "aria-label": title ? t("Back to {title}", { title }) : t("back"), render: React__default.createElement(Button, { ariaLabel: title ? t("Back to {title}", { title }) : t("back"), icon: "arrowLeft", type: "tertiary", variation: "subtle" }) }),
                 title ? (React__default.createElement("div", { className: styles$1.submenuTitle },
                     React__default.createElement(Typography, { element: "span", size: "base", fontWeight: "semiBold", textColor: "text" }, title))) : null),
             React__default.createElement(BottomSheetMenuSurface, { menuRef: menuRef, className: classnames(styles.bottomSheetSubmenuBody, styles.composableSection, resolvedBaseProps.className) }, children))));

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

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