@jobber/components 9.3.0 → 9.4.0

package/dist/DataDump/DataDump.d.ts

@@ -17,5 +17,5 @@ interface DataDebuggerProps {
      */
     readonly data: unknown;
 }
-export declare function DataDump({ label, defaultOpen, data, }: DataDebuggerProps): React.JSX.Element;
+export declare function DataDump({ label: labelProp, defaultOpen, data, }: DataDebuggerProps): React.JSX.Element;
 export {};

package/dist/DataDump/DataDump.messages.d.ts

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

package/dist/DataDump/index.cjs

@@ -2,6 +2,8 @@
 
 var DataDump = require('../DataDump-cjs.js');
 require('react');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Card-cjs.js');
 require('classnames');
 require('../Heading-cjs.js');
@@ -20,8 +22,6 @@ 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('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');

package/dist/DataDump/index.mjs

@@ -1,5 +1,7 @@
 export { D as DataDump } from '../DataDump-es.js';
 import 'react';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Card-es.js';
 import 'classnames';
 import '../Heading-es.js';
@@ -18,8 +20,6 @@ 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 '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';

package/dist/DataDump-cjs.js

@@ -1,11 +1,21 @@
 'use strict';
 
 var React = require('react');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Card = require('./Card-cjs.js');
 var Content = require('./Content-cjs.js');
 var Emphasis = require('./Emphasis-cjs.js');
 
-function DataDump({ label = "Raw Data", defaultOpen = false, data, }) {
+const dataDumpMessages = useAtlantisI18n.defineMessages({
+    rawData: {
+        en: "Raw Data",
+        es: "Datos en bruto",
+    },
+});
+
+function DataDump({ label: labelProp, defaultOpen = false, data, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(dataDumpMessages);
+    const label = labelProp !== null && labelProp !== void 0 ? labelProp : t("rawData");
     return (React.createElement(Card.Card, { accent: "yellow" },
         React.createElement(Content.Content, null,
             React.createElement("details", { open: defaultOpen },

package/dist/DataDump-es.js

@@ -1,9 +1,19 @@
 import React__default from 'react';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { C as Card } from './Card-es.js';
 import { C as Content } from './Content-es.js';
 import { E as Emphasis } from './Emphasis-es.js';
 
-function DataDump({ label = "Raw Data", defaultOpen = false, data, }) {
+const dataDumpMessages = defineMessages({
+    rawData: {
+        en: "Raw Data",
+        es: "Datos en bruto",
+    },
+});
+
+function DataDump({ label: labelProp, defaultOpen = false, data, }) {
+    const { t } = useAtlantisI18n(dataDumpMessages);
+    const label = labelProp !== null && labelProp !== void 0 ? labelProp : t("rawData");
     return (React__default.createElement(Card, { accent: "yellow" },
         React__default.createElement(Content, null,
             React__default.createElement("details", { open: defaultOpen },

package/dist/DataTable/DataTable.messages.d.ts

@@ -0,0 +1,22 @@
+export declare const dataTableMessages: {
+    noItems: {
+        en: string;
+        es: string;
+    };
+    "Showing {first}-{last} of {total} items": {
+        en: string;
+        es: string;
+    };
+    perPage: {
+        en: string;
+        es: string;
+    };
+    previousPage: {
+        en: string;
+        es: string;
+    };
+    nextPage: {
+        en: string;
+        es: string;
+    };
+};

package/dist/DataTable/index.cjs

@@ -10,6 +10,8 @@ require('@jobber/hooks');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../LegacySelect-cjs.js');
 require('../useAtlantisFormFieldName-cjs.js');
 require('../FormFieldWrapper-cjs.js');
@@ -20,8 +22,6 @@ 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/DataTable/index.mjs

@@ -8,6 +8,8 @@ import '@jobber/hooks';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../LegacySelect-es.js';
 import '../useAtlantisFormFieldName-es.js';
 import '../FormFieldWrapper-es.js';
@@ -18,8 +20,6 @@ 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/DataTable-cjs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 var Glimmer = require('./Glimmer-cjs.js');
 var tslib_es6 = require('./tslib.es6-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var LegacySelect = require('./LegacySelect-cjs.js');
 var Button = require('./Button-cjs.js');
 var Text = require('./Text-cjs.js');
@@ -99,28 +100,56 @@ function getSortingSettings(sorting) {
 
 var styles$1 = {"pagination":"_5TLZRabskzI-","paginationInfo":"k8VFFgHUPZ4-","paginationNav":"SfaHBP7KC3Y-","paginationSelect":"E4zFf5oEm-Y-","paginationSelectLabel":"N4LhT5occ94-","paginationButtons":"HQPsyRjssL0-","spinning":"YHT2Mg0618I-"};
 
+const dataTableMessages = useAtlantisI18n.defineMessages({
+    noItems: {
+        en: "No items",
+        es: "Sin elementos",
+    },
+    "Showing {first}-{last} of {total} items": {
+        en: "Showing {first}-{last} of {total} items",
+        es: "Mostrando {first}-{last} de {total} elementos",
+    },
+    perPage: {
+        en: "per page",
+        es: "por página",
+    },
+    previousPage: {
+        en: "Previous page",
+        es: "Página anterior",
+    },
+    nextPage: {
+        en: "Next page",
+        es: "Página siguiente",
+    },
+});
+
 const defaultItemsPerPageOptions = ["10", "20", "30", "40", "50"];
 function Pagination({ table, itemsPerPage, totalItems, loading, onPageChange, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(dataTableMessages);
     const { pageIndex, pageSize } = table.getState().pagination;
     const totalRows = totalItems;
     const firstPosition = pageIndex * pageSize + 1;
     const secondPosition = Math.min(totalRows, pageSize * (pageIndex + 1));
     const itemsPerPageOptions = React.useMemo(() => { var _a; return (_a = itemsPerPage === null || itemsPerPage === void 0 ? void 0 : itemsPerPage.map(item => String(item))) !== null && _a !== void 0 ? _a : defaultItemsPerPageOptions; }, [itemsPerPage]);
     return secondPosition <= 0 ? (React.createElement("div", { className: styles$1.pagination },
-        React.createElement("div", { className: styles$1.paginationInfo }, !loading ? React.createElement(Text.Text, null, "No items") : React.createElement(Glimmer.Glimmer, { width: 200 })))) : (React.createElement("div", { className: styles$1.pagination },
-        React.createElement("div", { className: styles$1.paginationInfo }, `Showing ${firstPosition}-${secondPosition} of ${totalRows} items`),
+        React.createElement("div", { className: styles$1.paginationInfo }, !loading ? React.createElement(Text.Text, null, t("noItems")) : React.createElement(Glimmer.Glimmer, { width: 200 })))) : (React.createElement("div", { className: styles$1.pagination },
+        React.createElement("div", { className: styles$1.paginationInfo }, t("Showing {first}-{last} of {total} items", {
+            first: firstPosition,
+            last: secondPosition,
+            total: totalRows,
+        })),
         React.createElement("div", { className: styles$1.paginationNav },
             React.createElement("div", { className: styles$1.paginationSelect },
                 React.createElement(LegacySelect.LegacySelect, { value: table.getState().pagination.pageSize, onChange: value => {
                         table.setPageSize(Number(value));
                     }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React.createElement(LegacySelect.SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
-                React.createElement("span", { className: styles$1.paginationSelectLabel }, "per page")),
+                React.createElement("span", { className: styles$1.paginationSelectLabel }, t("perPage"))),
             React.createElement("div", { className: styles$1.paginationButtons },
-                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: "arrowLeft", onClick: () => {
+                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: t("previousPage"), onClick: () => {
                         table.previousPage();
                         onPageChange();
                     }, disabled: !table.getCanPreviousPage() }),
-                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: "arrowRight", onClick: () => {
+                React.createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: t("nextPage"), onClick: () => {
                         table.nextPage();
                         onPageChange();
                     }, disabled: !table.getCanNextPage() })))));

package/dist/DataTable-es.js

@@ -4,6 +4,7 @@ import React__default, { useCallback, useMemo } from 'react';
 import { useResizeObserver, Breakpoints } from '@jobber/hooks';
 import { G as Glimmer } from './Glimmer-es.js';
 import { _ as __rest } from './tslib.es6-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { L as LegacySelect, S as SelectOption } from './LegacySelect-es.js';
 import { B as Button } from './Button-es.js';
 import { T as Text } from './Text-es.js';
@@ -97,28 +98,56 @@ function getSortingSettings(sorting) {
 
 var styles$1 = {"pagination":"_5TLZRabskzI-","paginationInfo":"k8VFFgHUPZ4-","paginationNav":"SfaHBP7KC3Y-","paginationSelect":"E4zFf5oEm-Y-","paginationSelectLabel":"N4LhT5occ94-","paginationButtons":"HQPsyRjssL0-","spinning":"YHT2Mg0618I-"};
 
+const dataTableMessages = defineMessages({
+    noItems: {
+        en: "No items",
+        es: "Sin elementos",
+    },
+    "Showing {first}-{last} of {total} items": {
+        en: "Showing {first}-{last} of {total} items",
+        es: "Mostrando {first}-{last} de {total} elementos",
+    },
+    perPage: {
+        en: "per page",
+        es: "por página",
+    },
+    previousPage: {
+        en: "Previous page",
+        es: "Página anterior",
+    },
+    nextPage: {
+        en: "Next page",
+        es: "Página siguiente",
+    },
+});
+
 const defaultItemsPerPageOptions = ["10", "20", "30", "40", "50"];
 function Pagination({ table, itemsPerPage, totalItems, loading, onPageChange, }) {
+    const { t } = useAtlantisI18n(dataTableMessages);
     const { pageIndex, pageSize } = table.getState().pagination;
     const totalRows = totalItems;
     const firstPosition = pageIndex * pageSize + 1;
     const secondPosition = Math.min(totalRows, pageSize * (pageIndex + 1));
     const itemsPerPageOptions = useMemo(() => { var _a; return (_a = itemsPerPage === null || itemsPerPage === void 0 ? void 0 : itemsPerPage.map(item => String(item))) !== null && _a !== void 0 ? _a : defaultItemsPerPageOptions; }, [itemsPerPage]);
     return secondPosition <= 0 ? (React__default.createElement("div", { className: styles$1.pagination },
-        React__default.createElement("div", { className: styles$1.paginationInfo }, !loading ? React__default.createElement(Text, null, "No items") : React__default.createElement(Glimmer, { width: 200 })))) : (React__default.createElement("div", { className: styles$1.pagination },
-        React__default.createElement("div", { className: styles$1.paginationInfo }, `Showing ${firstPosition}-${secondPosition} of ${totalRows} items`),
+        React__default.createElement("div", { className: styles$1.paginationInfo }, !loading ? React__default.createElement(Text, null, t("noItems")) : React__default.createElement(Glimmer, { width: 200 })))) : (React__default.createElement("div", { className: styles$1.pagination },
+        React__default.createElement("div", { className: styles$1.paginationInfo }, t("Showing {first}-{last} of {total} items", {
+            first: firstPosition,
+            last: secondPosition,
+            total: totalRows,
+        })),
         React__default.createElement("div", { className: styles$1.paginationNav },
             React__default.createElement("div", { className: styles$1.paginationSelect },
                 React__default.createElement(LegacySelect, { value: table.getState().pagination.pageSize, onChange: value => {
                         table.setPageSize(Number(value));
                     }, size: "small" }, itemsPerPageOptions.map(numOfPages => (React__default.createElement(SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)))),
-                React__default.createElement("span", { className: styles$1.paginationSelectLabel }, "per page")),
+                React__default.createElement("span", { className: styles$1.paginationSelectLabel }, t("perPage"))),
             React__default.createElement("div", { className: styles$1.paginationButtons },
-                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: "arrowLeft", onClick: () => {
+                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: t("previousPage"), onClick: () => {
                         table.previousPage();
                         onPageChange();
                     }, disabled: !table.getCanPreviousPage() }),
-                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: "arrowRight", onClick: () => {
+                React__default.createElement(Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: t("nextPage"), onClick: () => {
                         table.nextPage();
                         onPageChange();
                     }, disabled: !table.getCanNextPage() })))));

package/dist/FeatureSwitch/FeatureSwitch.messages.d.ts

@@ -0,0 +1,10 @@
+export declare const featureSwitchMessages: {
+    edit: {
+        en: string;
+        es: string;
+    };
+    saved: {
+        en: string;
+        es: string;
+    };
+};

package/dist/FeatureSwitch/index.cjs

@@ -4,6 +4,8 @@ var FeatureSwitch = require('../FeatureSwitch-cjs.js');
 require('react');
 require('framer-motion');
 require('classnames');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');

package/dist/FeatureSwitch/index.mjs

@@ -2,6 +2,8 @@ export { F as FeatureSwitch } from '../FeatureSwitch-es.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';

package/dist/FeatureSwitch-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Content = require('./Content-cjs.js');
@@ -13,7 +14,19 @@ var Markdown = require('./Markdown-cjs.js');
 
 var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
+const featureSwitchMessages = useAtlantisI18n.defineMessages({
+    edit: {
+        en: "Edit",
+        es: "Editar",
+    },
+    saved: {
+        en: "Saved",
+        es: "Guardado",
+    },
+});
+
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(featureSwitchMessages);
     const [savedIndicator, setSavedIndicator] = React.useState(false);
     const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
     shouldShowSavedIndicator();
@@ -33,11 +46,11 @@ function FeatureSwitch({ children, description, disabled = false, enabled, exter
                         stiffness: 300,
                     }, onAnimationComplete: handleAnimationComplete },
                     React.createElement(Text.Text, { variation: "success" },
-                        React.createElement(Emphasis.Emphasis, { variation: "italic" }, "Saved")))))))),
+                        React.createElement(Emphasis.Emphasis, { variation: "italic" }, t("saved"))))))))),
         (children || onEdit) && (React.createElement("div", { className: styles.container },
             children && (React.createElement("div", { className: featureContentClassnames }, children)),
             onEdit && (React.createElement("div", { className: styles.action },
-                React.createElement(Button.Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
+                React.createElement(Button.Button, { label: t("edit"), type: "tertiary", onClick: onEdit })))))));
     function shouldShowSavedIndicator() {
         // Check if the component is mounted
         const [didMount, setDidMount] = React.useState(false);

package/dist/FeatureSwitch-es.js

@@ -1,6 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import classnames from 'classnames';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { C as Content } from './Content-es.js';
@@ -11,7 +12,19 @@ import { M as Markdown } from './Markdown-es.js';
 
 var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
+const featureSwitchMessages = defineMessages({
+    edit: {
+        en: "Edit",
+        es: "Editar",
+    },
+    saved: {
+        en: "Saved",
+        es: "Guardado",
+    },
+});
+
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
+    const { t } = useAtlantisI18n(featureSwitchMessages);
     const [savedIndicator, setSavedIndicator] = useState(false);
     const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
     shouldShowSavedIndicator();
@@ -31,11 +44,11 @@ function FeatureSwitch({ children, description, disabled = false, enabled, exter
                         stiffness: 300,
                     }, onAnimationComplete: handleAnimationComplete },
                     React__default.createElement(Text, { variation: "success" },
-                        React__default.createElement(Emphasis, { variation: "italic" }, "Saved")))))))),
+                        React__default.createElement(Emphasis, { variation: "italic" }, t("saved"))))))))),
         (children || onEdit) && (React__default.createElement("div", { className: styles.container },
             children && (React__default.createElement("div", { className: featureContentClassnames }, children)),
             onEdit && (React__default.createElement("div", { className: styles.action },
-                React__default.createElement(Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
+                React__default.createElement(Button, { label: t("edit"), type: "tertiary", onClick: onEdit })))))));
     function shouldShowSavedIndicator() {
         // Check if the component is mounted
         const [didMount, setDidMount] = useState(false);

package/dist/FormatFile/FormatFile.messages.d.ts

@@ -0,0 +1,18 @@
+export declare const formatFileMessages: {
+    deleteFile: {
+        en: string;
+        es: string;
+    };
+    confirmDeletion: {
+        en: string;
+        es: string;
+    };
+    confirmDeletionMessage: {
+        en: string;
+        es: string;
+    };
+    delete: {
+        en: string;
+        es: string;
+    };
+};

package/dist/FormatFile/index.cjs

@@ -4,6 +4,8 @@ var FormatFile = require('../FormatFile-cjs.js');
 require('react');
 require('filesize');
 require('classnames');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Thumbnail-cjs.js');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
@@ -21,8 +23,6 @@ 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');

package/dist/FormatFile/index.mjs

@@ -2,6 +2,8 @@ export { F as FormatFile, u as useFormatFile, a as useFormatFileStyles } from '.
 import 'react';
 import 'filesize';
 import 'classnames';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Thumbnail-es.js';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
@@ -19,8 +21,6 @@ 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';

package/dist/FormatFile-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var getHumanReadableFileSize = require('filesize');
 var classnames = require('classnames');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Thumbnail = require('./Thumbnail-cjs.js');
 var Text = require('./Text-cjs.js');
 var ProgressBar = require('./ProgressBar-cjs.js');
@@ -49,8 +50,28 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
     return false;
 }
 
+const formatFileMessages = useAtlantisI18n.defineMessages({
+    deleteFile: {
+        en: "Delete File",
+        es: "Eliminar archivo",
+    },
+    confirmDeletion: {
+        en: "Confirm Deletion",
+        es: "Confirmar eliminación",
+    },
+    confirmDeletionMessage: {
+        en: "Are you sure you want to delete this file?",
+        es: "¿Estás seguro de que deseas eliminar este archivo?",
+    },
+    delete: {
+        en: "Delete",
+        es: "Eliminar",
+    },
+});
+
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false);
+    const { t } = useAtlantisI18n.useAtlantisI18n(formatFileMessages);
     const { isComplete, fileSize } = useFormatFile({
         file,
         display,
@@ -76,7 +97,7 @@ function FormatFile({ file, display = "expanded", displaySize = "base", onDelete
             React.createElement(FormatFile.DeleteButton, { onDelete: () => {
                     setDeleteConfirmationOpen(true);
                 } },
-                React.createElement(ConfirmationModal.ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
+                React.createElement(ConfirmationModal.ConfirmationModal, { title: t("confirmDeletion"), message: t("confirmDeletionMessage"), confirmLabel: t("delete"), variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
 }
 FormatFile.DeleteButtonContainer = function FormatFileDeleteButtonContainer({ children, className, isHidden, }) {
     if (isHidden)
@@ -106,10 +127,11 @@ FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
     return React.createElement("div", { className: className }, children);
 };
 FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(formatFileMessages);
     return (React.createElement(React.Fragment, null,
         React.createElement(Button.Button, { UNSAFE_className: {
                 container: styles.customDeleteButton,
-            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
+            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
         children));
 };
 

package/dist/FormatFile-es.js

@@ -1,6 +1,7 @@
 import React__default, { useState } from 'react';
 import getHumanReadableFileSize from 'filesize';
 import classnames from 'classnames';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { T as Thumbnail } from './Thumbnail-es.js';
 import { T as Text } from './Text-es.js';
 import { P as ProgressBar } from './ProgressBar-es.js';
@@ -47,8 +48,28 @@ function isHoverable({ display, isComplete, onClick, onDelete, }) {
     return false;
 }
 
+const formatFileMessages = defineMessages({
+    deleteFile: {
+        en: "Delete File",
+        es: "Eliminar archivo",
+    },
+    confirmDeletion: {
+        en: "Confirm Deletion",
+        es: "Confirmar eliminación",
+    },
+    confirmDeletionMessage: {
+        en: "Are you sure you want to delete this file?",
+        es: "¿Estás seguro de que deseas eliminar este archivo?",
+    },
+    delete: {
+        en: "Delete",
+        es: "Eliminar",
+    },
+});
+
 function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
     const [deleteConfirmationOpen, setDeleteConfirmationOpen] = useState(false);
+    const { t } = useAtlantisI18n(formatFileMessages);
     const { isComplete, fileSize } = useFormatFile({
         file,
         display,
@@ -74,7 +95,7 @@ function FormatFile({ file, display = "expanded", displaySize = "base", onDelete
             React__default.createElement(FormatFile.DeleteButton, { onDelete: () => {
                     setDeleteConfirmationOpen(true);
                 } },
-                React__default.createElement(ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
+                React__default.createElement(ConfirmationModal, { title: t("confirmDeletion"), message: t("confirmDeletionMessage"), confirmLabel: t("delete"), variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })))));
 }
 FormatFile.DeleteButtonContainer = function FormatFileDeleteButtonContainer({ children, className, isHidden, }) {
     if (isHidden)
@@ -104,10 +125,11 @@ FormatFile.Wrapper = function FormatFileWrapper({ children, className, }) {
     return React__default.createElement("div", { className: className }, children);
 };
 FormatFile.DeleteButton = function FormatFileDeleteButton({ onDelete, children, }) {
+    const { t } = useAtlantisI18n(formatFileMessages);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Button, { UNSAFE_className: {
                 container: styles.customDeleteButton,
-            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: "small" }),
+            }, onClick: onDelete, variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: t("deleteFile"), size: "small" }),
         children));
 };
 

package/dist/Menu-cjs.js

@@ -1025,3 +1025,4 @@ Menu.ItemPrefix = MenuItemPrefix;
 Menu.ItemSuffix = MenuItemSuffix;
 
 exports.Menu = Menu;
+exports.menuMessages = menuMessages;

package/dist/Menu-es.js

@@ -1022,4 +1022,4 @@ Menu.ItemLabel = MenuItemLabel;
 Menu.ItemPrefix = MenuItemPrefix;
 Menu.ItemSuffix = MenuItemSuffix;
 
-export { Menu as M };
+export { Menu as M, menuMessages as m };

package/dist/Page/index.cjs

@@ -5,27 +5,21 @@ require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
 require('@jobber/hooks');
-require('../Heading-cjs.js');
-require('../Typography-cjs.js');
-require('../Text-cjs.js');
-require('../Content-cjs.js');
-require('../Markdown-cjs.js');
-require('../Emphasis-cjs.js');
-require('react/jsx-runtime');
-require('../_commonjsHelpers-cjs.js');
-require('../Button-cjs.js');
-require('react-router-dom');
-require('../Icon-cjs.js');
-require('@jobber/design');
 require('../Menu-cjs.js');
 require('framer-motion');
 require('../floating-ui.react-cjs.js');
 require('../floating-ui.utils.dom-cjs.js');
 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('react-router-dom');
+require('../Icon-cjs.js');
+require('@jobber/design');
+require('../Typography-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
@@ -42,6 +36,12 @@ require('../DrawerTitle-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
 require('../useCompositeListItem-cjs.js');
 require('../isElementDisabled-cjs.js');
+require('../Heading-cjs.js');
+require('../Text-cjs.js');
+require('../Content-cjs.js');
+require('../Markdown-cjs.js');
+require('../Emphasis-cjs.js');
+require('../_commonjsHelpers-cjs.js');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/Page/index.mjs

@@ -3,27 +3,21 @@ import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
 import '@jobber/hooks';
-import '../Heading-es.js';
-import '../Typography-es.js';
-import '../Text-es.js';
-import '../Content-es.js';
-import '../Markdown-es.js';
-import '../Emphasis-es.js';
-import 'react/jsx-runtime';
-import '../_commonjsHelpers-es.js';
-import '../Button-es.js';
-import 'react-router-dom';
-import '../Icon-es.js';
-import '@jobber/design';
 import '../Menu-es.js';
 import 'framer-motion';
 import '../floating-ui.react-es.js';
 import '../floating-ui.utils.dom-es.js';
 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 'react-router-dom';
+import '../Icon-es.js';
+import '@jobber/design';
+import '../Typography-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
@@ -40,4 +34,10 @@ import '../DrawerTitle-es.js';
 import '../MenuSubmenuTrigger-es.js';
 import '../useCompositeListItem-es.js';
 import '../isElementDisabled-es.js';
+import '../Heading-es.js';
+import '../Text-es.js';
+import '../Content-es.js';
+import '../Markdown-es.js';
+import '../Emphasis-es.js';
+import '../_commonjsHelpers-es.js';
 import '../filterDataAttributes-es.js';

package/dist/Page-cjs.js

@@ -4,14 +4,15 @@ var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
+var Menu = require('./Menu-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Content = require('./Content-cjs.js');
 var Markdown = require('./Markdown-cjs.js');
 var Button = require('./Button-cjs.js');
-var Menu = require('./Menu-cjs.js');
 var Emphasis = require('./Emphasis-cjs.js');
 var filterDataAttributes = require('./filterDataAttributes-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
@@ -167,14 +168,16 @@ function PageSecondaryButton(_a) {
  * e.g. wrapping Menu.Item with createLink() from TanStack Router).
  */
 function PageMenu(_a) {
-    var { children, triggerLabel = "More Actions" } = _a, rest = tslib_es6.__rest(_a, ["children", "triggerLabel"]);
+    var { children, triggerLabel } = _a, rest = tslib_es6.__rest(_a, ["children", "triggerLabel"]);
+    const { t } = useAtlantisI18n.useAtlantisI18n(Menu.menuMessages);
     const dataAttrs = filterDataAttributes.filterDataAttributes(rest);
     const { width } = usePageContext();
     const preferredPlacement = width === "fill" ? "bottom end" : undefined;
+    const resolvedTriggerLabel = triggerLabel !== null && triggerLabel !== void 0 ? triggerLabel : t("moreActions");
     return (React.createElement("div", Object.assign({}, dataAttrs),
         React.createElement(Menu.Menu, null,
             React.createElement(Menu.Menu.Trigger, null,
-                React.createElement(Button.Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
+                React.createElement(Button.Button, { icon: "more", label: resolvedTriggerLabel, type: "secondary", fullWidth: true })),
             React.createElement(Menu.Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }
 /** Main content area of the page. */

package/dist/Page-es.js

@@ -2,14 +2,15 @@ import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { useResizeObserver, Breakpoints } from '@jobber/hooks';
+import { M as Menu, m as menuMessages } from './Menu-es.js';
 import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { C as Content } from './Content-es.js';
 import { M as Markdown } from './Markdown-es.js';
 import { B as Button } from './Button-es.js';
-import { M as Menu } from './Menu-es.js';
 import { E as Emphasis } from './Emphasis-es.js';
 import { f as filterDataAttributes } from './filterDataAttributes-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
@@ -165,14 +166,16 @@ function PageSecondaryButton(_a) {
  * e.g. wrapping Menu.Item with createLink() from TanStack Router).
  */
 function PageMenu(_a) {
-    var { children, triggerLabel = "More Actions" } = _a, rest = __rest(_a, ["children", "triggerLabel"]);
+    var { children, triggerLabel } = _a, rest = __rest(_a, ["children", "triggerLabel"]);
+    const { t } = useAtlantisI18n(menuMessages);
     const dataAttrs = filterDataAttributes(rest);
     const { width } = usePageContext();
     const preferredPlacement = width === "fill" ? "bottom end" : undefined;
+    const resolvedTriggerLabel = triggerLabel !== null && triggerLabel !== void 0 ? triggerLabel : t("moreActions");
     return (React__default.createElement("div", Object.assign({}, dataAttrs),
         React__default.createElement(Menu, null,
             React__default.createElement(Menu.Trigger, null,
-                React__default.createElement(Button, { icon: "more", label: triggerLabel, type: "secondary", fullWidth: true })),
+                React__default.createElement(Button, { icon: "more", label: resolvedTriggerLabel, type: "secondary", fullWidth: true })),
             React__default.createElement(Menu.Content, { preferredPlacement: preferredPlacement }, children))));
 }
 /** Main content area of the page. */

package/dist/ProgressBar/ProgressBar.messages.d.ts

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

package/dist/ProgressBar/index.cjs

@@ -3,6 +3,8 @@
 var ProgressBar = require('../ProgressBar-cjs.js');
 require('react');
 require('classnames');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 
 
 

package/dist/ProgressBar/index.mjs

@@ -1,3 +1,5 @@
 export { P as ProgressBar } from '../ProgressBar-es.js';
 import 'react';
 import 'classnames';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';

package/dist/ProgressBar-cjs.js

@@ -2,14 +2,26 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 var styles = {"ProgressBar":"p9AgTzIbTwY-","SteppedProgressBar":"w8NAw4ZMB6g-","wrapper":"d4oS-DGtcKA-","spinning":"f58JiDXlkHA-"};
 
 var sizes = {"smaller":"dylWWgubHwM-","small":"z92YJQrscvI-","base":"DKfNM1to61A-","spinning":"GHfs7cB4nQQ-"};
 
+const progressBarMessages = useAtlantisI18n.defineMessages({
+    steppedProgress: {
+        en: "progress, {current} out of {total}",
+        es: "progreso, {current} de {total}",
+    },
+});
+
 function ProgressBarStepped({ currentStep, totalSteps, percentage, size = "base", UNSAFE_className, UNSAFE_style, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(progressBarMessages);
     const steppedProgressBarClassName = classnames(styles.ProgressBar, styles.SteppedProgressBar, sizes[size]);
-    const ariaLabel = `progress, ${currentStep} out of ${totalSteps}`;
+    const ariaLabel = t("steppedProgress", {
+        current: currentStep,
+        total: totalSteps,
+    });
     return (React.createElement("div", { role: "progressbar", className: classnames(styles.wrapper, UNSAFE_className), "data-testid": "progressbar-wrapper", style: UNSAFE_style, "aria-valuenow": percentage, "aria-valuetext": ariaLabel }, Array.from({ length: totalSteps }).map((_, index) => {
         const step = index + 1;
         const value = step <= currentStep ? 100 : 0;

package/dist/ProgressBar-es.js

@@ -1,13 +1,25 @@
 import React__default from 'react';
 import classnames from 'classnames';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 var styles = {"ProgressBar":"p9AgTzIbTwY-","SteppedProgressBar":"w8NAw4ZMB6g-","wrapper":"d4oS-DGtcKA-","spinning":"f58JiDXlkHA-"};
 
 var sizes = {"smaller":"dylWWgubHwM-","small":"z92YJQrscvI-","base":"DKfNM1to61A-","spinning":"GHfs7cB4nQQ-"};
 
+const progressBarMessages = defineMessages({
+    steppedProgress: {
+        en: "progress, {current} out of {total}",
+        es: "progreso, {current} de {total}",
+    },
+});
+
 function ProgressBarStepped({ currentStep, totalSteps, percentage, size = "base", UNSAFE_className, UNSAFE_style, }) {
+    const { t } = useAtlantisI18n(progressBarMessages);
     const steppedProgressBarClassName = classnames(styles.ProgressBar, styles.SteppedProgressBar, sizes[size]);
-    const ariaLabel = `progress, ${currentStep} out of ${totalSteps}`;
+    const ariaLabel = t("steppedProgress", {
+        current: currentStep,
+        total: totalSteps,
+    });
     return (React__default.createElement("div", { role: "progressbar", className: classnames(styles.wrapper, UNSAFE_className), "data-testid": "progressbar-wrapper", style: UNSAFE_style, "aria-valuenow": percentage, "aria-valuetext": ariaLabel }, Array.from({ length: totalSteps }).map((_, index) => {
         const step = index + 1;
         const value = step <= currentStep ? 100 : 0;

package/dist/Toast/Toast.messages.d.ts

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

package/dist/Toast/index.cjs

@@ -1,13 +1,15 @@
 'use strict';
 
 var showToast = require('../showToast-cjs.js');
+require('../tslib.es6-cjs.js');
 require('react');
 require('react-dom/client');
 require('framer-motion');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Button-cjs.js');
-require('../tslib.es6-cjs.js');
 require('react-router-dom');
 require('classnames');
 require('../Typography-cjs.js');

package/dist/Toast/index.mjs

@@ -1,11 +1,13 @@
 export { T as Toast, s as showToast } from '../showToast-es.js';
+import '../tslib.es6-es.js';
 import 'react';
 import 'react-dom/client';
 import 'framer-motion';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Button-es.js';
-import '../tslib.es6-es.js';
 import 'react-router-dom';
 import 'classnames';
 import '../Typography-es.js';

package/dist/Toast/showToast.d.ts

@@ -1,2 +1,13 @@
 import type { ToastProps } from "./Toast";
-export declare function showToast(props: ToastProps): void;
+interface ShowToastOptions {
+    /**
+     * The locale to use for translated strings inside the toast (e.g. the
+     * dismiss button aria-label). Defaults to `"en"`.
+     *
+     * Pass the same locale you provide to `AtlantisContext.Provider` in your
+     * app so that toast strings stay consistent with the rest of the UI.
+     */
+    readonly locale?: string;
+}
+export declare function showToast(props: ToastProps, options?: ShowToastOptions): void;
+export {};

package/dist/docs/DataDump/DataDump.md

@@ -17,4 +17,4 @@ users.
 |------|------|----------|---------|-------------|
 | `data` | `unknown` | Yes | — | Data to display. |
 | `defaultOpen` | `boolean` | No | `false` | Should the `DataDump` default to open? |
-| `label` | `string` | No | `Raw Data` | Label for the DataDump |
+| `label` | `string` | No | `"Raw Data"` | Label for the DataDump |

package/dist/docs/Page/Page.md

@@ -337,7 +337,7 @@ composable actions, this is the simplest way to use Page:
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `triggerLabel` | `string` | No | `More Actions` |  |
+| `triggerLabel` | `string` | No | — |  |
 
 #### Page.PrimaryButton
 

package/dist/sharedHelpers/i18n/renderWithLocale.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { RenderResult } from "@testing-library/react";
+/**
+ * Test utility that renders a component wrapped in `AtlantisContext.Provider`
+ * with the given locale. Use this in i18n tests instead of manually wrapping
+ * in the provider.
+ *
+ * @example
+ * renderWithLocale(<MyComponent />, "es");
+ */
+export declare function renderWithLocale(ui: React.ReactElement, locale: string): RenderResult;

package/dist/showToast-cjs.js

@@ -1,17 +1,28 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var Button = require('./Button-cjs.js');
 require('classnames');
 var Typography = require('./Typography-cjs.js');
+var AtlantisContext = require('./AtlantisContext-cjs.js');
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};
 
+const toastMessages = useAtlantisI18n.defineMessages({
+    hideNotification: {
+        en: "Hide Notification",
+        es: "Ocultar notificación",
+    },
+});
+
 function Toast({ message, variation = "success", action, actionLabel, }) {
     const [visible, setVisible] = React.useState(true);
+    const { t } = useAtlantisI18n.useAtlantisI18n(toastMessages);
     const icon = getIcon();
     let timer;
     React.useEffect(() => startTimer(), []);
@@ -26,7 +37,7 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
             React.createElement(Typography.Typography, { element: "span", size: "large" }, message),
             action && (React.createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React.createElement("div", { className: styles.button },
-                React.createElement(Button.Button, { icon: "cross", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React.createElement(Button.Button, { icon: "cross", ariaLabel: t("hideNotification"), onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
         timer = setTimeout(() => handleToastClose(), getTimeout());
     }
@@ -62,7 +73,8 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
 
 const targetId = "atlantis-toast-element";
 let root;
-function showToast(props) {
+function showToast(props, options = {}) {
+    const { locale = "en" } = options;
     // Ensure target and body is still there when rendering the toast. This is due
     // to an issue with ReactDOM createRoot assuming document is always there and
     // Jest taking the document down.
@@ -79,14 +91,16 @@ function showToast(props) {
         root = client.createRoot(target);
     }
     if (root && target && globalThis.document.body.contains(target)) {
-        root.render(React.createElement(ToasterOven, Object.assign({}, props)));
+        root.render(React.createElement(ToasterOven, Object.assign({ locale: locale }, props)));
     }
 }
 const ToastContainer = React.forwardRef(ToastInternal);
-function ToasterOven(props) {
+function ToasterOven(_a) {
+    var { locale } = _a, toastProps = tslib_es6.__rest(_a, ["locale"]);
     const toastRef = React.useRef(null);
-    React.useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(props); });
-    return React.createElement(ToastContainer, { ref: toastRef });
+    React.useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(toastProps); });
+    return (React.createElement(AtlantisContext.AtlantisContext.Provider, { value: Object.assign(Object.assign({}, AtlantisContext.atlantisContextDefaultValues), { locale }) },
+        React.createElement(ToastContainer, { ref: toastRef })));
 }
 function ToastInternal(_, ref) {
     const [toastKey, setToastKey] = React.useState(0);

package/dist/showToast-es.js

@@ -1,15 +1,26 @@
+import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
 import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { I as Icon } from './Icon-es.js';
 import { B as Button } from './Button-es.js';
 import 'classnames';
 import { T as Typography } from './Typography-es.js';
+import { A as AtlantisContext, a as atlantisContextDefaultValues } from './AtlantisContext-es.js';
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};
 
+const toastMessages = defineMessages({
+    hideNotification: {
+        en: "Hide Notification",
+        es: "Ocultar notificación",
+    },
+});
+
 function Toast({ message, variation = "success", action, actionLabel, }) {
     const [visible, setVisible] = useState(true);
+    const { t } = useAtlantisI18n(toastMessages);
     const icon = getIcon();
     let timer;
     useEffect(() => startTimer(), []);
@@ -24,7 +35,7 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
             React__default.createElement(Typography, { element: "span", size: "large" }, message),
             action && (React__default.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
             React__default.createElement("div", { className: styles.button },
-                React__default.createElement(Button, { icon: "cross", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+                React__default.createElement(Button, { icon: "cross", ariaLabel: t("hideNotification"), onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
     function startTimer() {
         timer = setTimeout(() => handleToastClose(), getTimeout());
     }
@@ -60,7 +71,8 @@ function Toast({ message, variation = "success", action, actionLabel, }) {
 
 const targetId = "atlantis-toast-element";
 let root;
-function showToast(props) {
+function showToast(props, options = {}) {
+    const { locale = "en" } = options;
     // Ensure target and body is still there when rendering the toast. This is due
     // to an issue with ReactDOM createRoot assuming document is always there and
     // Jest taking the document down.
@@ -77,14 +89,16 @@ function showToast(props) {
         root = createRoot(target);
     }
     if (root && target && globalThis.document.body.contains(target)) {
-        root.render(React__default.createElement(ToasterOven, Object.assign({}, props)));
+        root.render(React__default.createElement(ToasterOven, Object.assign({ locale: locale }, props)));
     }
 }
 const ToastContainer = forwardRef(ToastInternal);
-function ToasterOven(props) {
+function ToasterOven(_a) {
+    var { locale } = _a, toastProps = __rest(_a, ["locale"]);
     const toastRef = useRef(null);
-    useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(props); });
-    return React__default.createElement(ToastContainer, { ref: toastRef });
+    useEffect(() => { var _a; return (_a = toastRef.current) === null || _a === void 0 ? void 0 : _a.add(toastProps); });
+    return (React__default.createElement(AtlantisContext.Provider, { value: Object.assign(Object.assign({}, atlantisContextDefaultValues), { locale }) },
+        React__default.createElement(ToastContainer, { ref: toastRef })));
 }
 function ToastInternal(_, ref) {
     const [toastKey, setToastKey] = useState(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.3.0",
+  "version": "9.4.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -545,5 +545,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "bd293888112d04f31748f9df2612954afda103e4"
+  "gitHead": "bd5837d81e26f7413b9377c415bc6e03ca199580"
 }