@jobber/components 9.1.0 → 9.3.0

package/dist/DatePicker-es.js

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

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.cjs

@@ -10,6 +10,9 @@ require('../../../../Glimmer-cjs.js');
 require('../../../../tslib.es6-cjs.js');
 require('../../../../Content-cjs.js');
 require('../../../../Spinner-cjs.js');
+require('../../../../common.messages-cjs.js');
+require('../../../../useAtlantisI18n-cjs.js');
+require('../../../../AtlantisContext-cjs.js');
 require('../../../../AtlantisThemeContext-cjs.js');
 require('@jobber/design');
 require('../../../../_commonjsHelpers-cjs.js');

package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.mjs

@@ -8,6 +8,9 @@ import '../../../../Glimmer-es.js';
 import '../../../../tslib.es6-es.js';
 import '../../../../Content-es.js';
 import '../../../../Spinner-es.js';
+import '../../../../common.messages-es.js';
+import '../../../../useAtlantisI18n-es.js';
+import '../../../../AtlantisContext-es.js';
 import '../../../../AtlantisThemeContext-es.js';
 import '@jobber/design';
 import '../../../../_commonjsHelpers-es.js';

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

@@ -20,6 +20,9 @@ require('../../../Glimmer-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('../../../Content-cjs.js');
 require('../../../Spinner-cjs.js');
+require('../../../common.messages-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../AtlantisThemeContext-cjs.js');
 require('../../../_commonjsHelpers-cjs.js');
 require('../../../identity-cjs.js');

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

@@ -18,6 +18,9 @@ import '../../../Glimmer-es.js';
 import '../../../tslib.es6-es.js';
 import '../../../Content-es.js';
 import '../../../Spinner-es.js';
+import '../../../common.messages-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../AtlantisThemeContext-es.js';
 import '../../../_commonjsHelpers-es.js';
 import '../../../identity-es.js';

package/dist/FilterPicker/index.cjs

@@ -22,6 +22,9 @@ require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../identity-cjs.js');
@@ -46,8 +49,6 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
-require('../useAtlantisI18n-cjs.js');
-require('../AtlantisContext-cjs.js');
 require('../Tooltip-cjs.js');
 require('../noop-cjs.js');
 require('../FilterPickerActivator-cjs.js');

package/dist/FilterPicker/index.mjs

@@ -20,6 +20,9 @@ import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../_commonjsHelpers-es.js';
 import '../identity-es.js';
@@ -44,8 +47,6 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
-import '../useAtlantisI18n-es.js';
-import '../AtlantisContext-es.js';
 import '../Tooltip-es.js';
 import '../noop-es.js';
 import '../FilterPickerActivator-es.js';

package/dist/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,17 +31,16 @@ 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');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-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,16 +29,15 @@ 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';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

package/dist/InputDate-cjs.js

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

package/dist/InputDate-es.js

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

package/dist/InputEmail/index.cjs

@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/InputEmail/index.mjs

@@ -18,4 +18,5 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../filterDataAttributes-es.js';

package/dist/InputPhoneNumber/index.cjs

@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/InputPhoneNumber/index.mjs

@@ -18,4 +18,5 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../filterDataAttributes-es.js';

package/dist/InputText/index.cjs

@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/InputText/index.mjs

@@ -18,5 +18,6 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-es.js';

package/dist/LegacySelect/index.cjs

@@ -20,6 +20,7 @@ require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-cjs.js');
 

package/dist/LegacySelect/index.mjs

@@ -18,5 +18,6 @@ import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-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.