@jobber/components 9.0.0 → 9.2.0

package/dist/Autocomplete/Autocomplete.messages.d.ts

@@ -0,0 +1,10 @@
+export declare const autocompleteMessages: {
+    "Remove {option}": {
+        en: string;
+        es: string;
+    };
+    noOptions: {
+        en: string;
+        es: string;
+    };
+};

package/dist/Autocomplete/index.cjs

@@ -16,6 +16,8 @@ require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../Icon-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Glimmer-cjs.js');
 require('../tslib.es6-cjs.js');
 require('../Content-cjs.js');

package/dist/Autocomplete/index.mjs

@@ -14,6 +14,8 @@ import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../Icon-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Glimmer-es.js';
 import '../tslib.es6-es.js';
 import '../Content-es.js';

package/dist/Autocomplete-cjs.js

@@ -11,6 +11,7 @@ var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Icon = require('./Icon-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Glimmer = require('./Glimmer-cjs.js');
 var InputText = require('./InputText-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
@@ -1085,6 +1086,17 @@ function DefaultTextPersistentContent({ persistent, }) {
     return React.createElement("div", { className: styles.textPersistent }, persistent.label);
 }
 
+const autocompleteMessages = useAtlantisI18n.defineMessages({
+    "Remove {option}": {
+        en: "Remove {option}",
+        es: "Eliminar {option}",
+    },
+    noOptions: {
+        en: "No options",
+        es: "Sin opciones",
+    },
+});
+
 function FloatingMenu({ context, getFloatingProps, refs, listboxId, className, floatingStyles, transitionStyles, menuStyle, renderable, persistentsHeaders, persistentsFooters, activeIndex, headerInteractiveCount, middleNavigableCount, getItemProps, listRef, onSelection, onAction, onInteractionPointerDown, getOptionLabel, isOptionSelected, loading, showEmptyStateMessage, emptyStateMessage, customRenderLoading, customRenderOption, customRenderSection, customRenderAction, customRenderHeader, customRenderFooter, slotOverrides, }) {
     var _a, _b, _c, _d;
     const activeIndexForMiddle = activeIndex != null ? activeIndex - headerInteractiveCount : null;
@@ -1113,8 +1125,8 @@ function LoadingContent() {
         React.createElement(Glimmer.Glimmer, { shape: "rectangle", size: "base" })));
 }
 function EmptyStateMessage({ emptyState, }) {
-    const emptyStateDefault = "No options";
-    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : emptyStateDefault;
+    const { t } = useAtlantisI18n.useAtlantisI18n(autocompleteMessages);
+    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : t("noOptions");
     return (React.createElement("div", { className: styles.emptyStateMessage, onPointerDown: preventDefaultPointerDown }, emptyStateContent));
 }
 
@@ -1247,12 +1259,13 @@ function AutocompleteInternal(props, forwardedRef) {
         floatingMenu));
 }
 function SelectionChip({ value, active, disabled, getOptionLabel, customRenderValue, canDismiss, onDismiss, unsafeClassName, unsafeStyle, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(autocompleteMessages);
     return (React.createElement("span", { "data-selection-disabled": disabled, className: classnames(styles.selectionChip, {
             [styles.selectionChipActive]: active,
             [styles.selectionChipDisabled]: disabled,
         }, unsafeClassName), style: unsafeStyle, "data-testid": "ATL-Autocomplete-chip", onPointerDown: preventDefaultPointerDown },
         customRenderValue ? (customRenderValue({ value, getOptionLabel })) : (React.createElement(Typography.Typography, { size: "small" }, getOptionLabel(value))),
-        canDismiss && (React.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": `Remove ${getOptionLabel(value)}`, tabIndex: -1 },
+        canDismiss && (React.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": t("Remove {option}", { option: getOptionLabel(value) }), tabIndex: -1 },
             React.createElement(Icon.Icon, { size: "small", name: "cross" })))));
 }
 function SelectionChipsList({ selectedValues, isFocused, limitVisibleSelections = 6, limitSelectionText = (count) => `+${count}`, activeChipIndex, disabled, getOptionLabel, customRenderValue, canDismiss, removeSelection, unsafeClassName, unsafeStyle, }) {

package/dist/Autocomplete-es.js

@@ -9,6 +9,7 @@ import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { T as Typography } from './Typography-es.js';
 import { I as Icon } from './Icon-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { G as Glimmer } from './Glimmer-es.js';
 import { I as InputText } from './InputText-es.js';
 import { c as FormFieldWrapper } from './FormFieldWrapper-es.js';
@@ -1083,6 +1084,17 @@ function DefaultTextPersistentContent({ persistent, }) {
     return React__default.createElement("div", { className: styles.textPersistent }, persistent.label);
 }
 
+const autocompleteMessages = defineMessages({
+    "Remove {option}": {
+        en: "Remove {option}",
+        es: "Eliminar {option}",
+    },
+    noOptions: {
+        en: "No options",
+        es: "Sin opciones",
+    },
+});
+
 function FloatingMenu({ context, getFloatingProps, refs, listboxId, className, floatingStyles, transitionStyles, menuStyle, renderable, persistentsHeaders, persistentsFooters, activeIndex, headerInteractiveCount, middleNavigableCount, getItemProps, listRef, onSelection, onAction, onInteractionPointerDown, getOptionLabel, isOptionSelected, loading, showEmptyStateMessage, emptyStateMessage, customRenderLoading, customRenderOption, customRenderSection, customRenderAction, customRenderHeader, customRenderFooter, slotOverrides, }) {
     var _a, _b, _c, _d;
     const activeIndexForMiddle = activeIndex != null ? activeIndex - headerInteractiveCount : null;
@@ -1111,8 +1123,8 @@ function LoadingContent() {
         React__default.createElement(Glimmer, { shape: "rectangle", size: "base" })));
 }
 function EmptyStateMessage({ emptyState, }) {
-    const emptyStateDefault = "No options";
-    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : emptyStateDefault;
+    const { t } = useAtlantisI18n(autocompleteMessages);
+    const emptyStateContent = emptyState !== null && emptyState !== void 0 ? emptyState : t("noOptions");
     return (React__default.createElement("div", { className: styles.emptyStateMessage, onPointerDown: preventDefaultPointerDown }, emptyStateContent));
 }
 
@@ -1245,12 +1257,13 @@ function AutocompleteInternal(props, forwardedRef) {
         floatingMenu));
 }
 function SelectionChip({ value, active, disabled, getOptionLabel, customRenderValue, canDismiss, onDismiss, unsafeClassName, unsafeStyle, }) {
+    const { t } = useAtlantisI18n(autocompleteMessages);
     return (React__default.createElement("span", { "data-selection-disabled": disabled, className: classnames(styles.selectionChip, {
             [styles.selectionChipActive]: active,
             [styles.selectionChipDisabled]: disabled,
         }, unsafeClassName), style: unsafeStyle, "data-testid": "ATL-Autocomplete-chip", onPointerDown: preventDefaultPointerDown },
         customRenderValue ? (customRenderValue({ value, getOptionLabel })) : (React__default.createElement(Typography, { size: "small" }, getOptionLabel(value))),
-        canDismiss && (React__default.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": `Remove ${getOptionLabel(value)}`, tabIndex: -1 },
+        canDismiss && (React__default.createElement("button", { type: "button", disabled: disabled, className: styles.chipDismiss, onClick: onDismiss, onPointerDown: preventDefaultPointerDown, "aria-label": t("Remove {option}", { option: getOptionLabel(value) }), tabIndex: -1 },
             React__default.createElement(Icon, { size: "small", name: "cross" })))));
 }
 function SelectionChipsList({ selectedValues, isFocused, limitVisibleSelections = 6, limitSelectionText = (count) => `+${count}`, activeChipIndex, disabled, getOptionLabel, customRenderValue, canDismiss, removeSelection, unsafeClassName, unsafeStyle, }) {

package/dist/Card/index.cjs

@@ -19,6 +19,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('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');

package/dist/Card/index.mjs

@@ -17,6 +17,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 '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';

package/dist/Chip/index.cjs

@@ -11,6 +11,8 @@ require('color');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');

package/dist/Chip/index.mjs

@@ -9,6 +9,8 @@ import 'color';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';

package/dist/Chip-cjs.js

@@ -7,6 +7,7 @@ var jobberHooks = require('@jobber/hooks');
 var Avatar = require('./Avatar-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useChildComponent = require('./useChildComponent-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Tooltip = require('./Tooltip-cjs.js');
 
@@ -21,9 +22,25 @@ function ChipPrefix({ children }) {
 
 var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
+const chipsMessages = useAtlantisI18n.defineMessages({
+    "Remove {label}": {
+        en: "Remove {label}",
+        es: "Eliminar {label}",
+    },
+    add: {
+        en: "Add",
+        es: "Agregar",
+    },
+    cycleOptions: {
+        en: "Press up and down arrow to cycle through the options or type to narrow down the results",
+        es: "Presiona la flecha arriba o abajo para recorrer las opciones o escribe para filtrar los resultados",
+    },
+});
+
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = React.useRef(null);
-    return (React.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+    const { t } = useAtlantisI18n.useAtlantisI18n(chipsMessages);
+    return (React.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": t("Remove {label}", { label }), "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
         React.createElement(Icon.Icon, { size: "small", name: icon, color: getColor() })));
     function handleKeyUp(event) {
         var _a;
@@ -147,5 +164,6 @@ const Chip = Object.assign(ChipComponent, {
 
 exports.Chip = Chip;
 exports.InternalChipButton = InternalChipButton;
+exports.chipsMessages = chipsMessages;
 exports.styles = styles$1;
 exports.styles$1 = styles;

package/dist/Chip-es.js

@@ -5,6 +5,7 @@ import { useInView } from '@jobber/hooks';
 import { A as Avatar } from './Avatar-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useChildComponent } from './useChildComponent-es.js';
+import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 import { T as Typography } from './Typography-es.js';
 import { T as Tooltip } from './Tooltip-es.js';
 
@@ -19,9 +20,25 @@ function ChipPrefix({ children }) {
 
 var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
+const chipsMessages = defineMessages({
+    "Remove {label}": {
+        en: "Remove {label}",
+        es: "Eliminar {label}",
+    },
+    add: {
+        en: "Add",
+        es: "Agregar",
+    },
+    cycleOptions: {
+        en: "Press up and down arrow to cycle through the options or type to narrow down the results",
+        es: "Presiona la flecha arriba o abajo para recorrer las opciones o escribe para filtrar los resultados",
+    },
+});
+
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = useRef(null);
-    return (React__default.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+    const { t } = useAtlantisI18n(chipsMessages);
+    return (React__default.createElement("div", { ref: buttonRef, className: styles.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": t("Remove {label}", { label }), "aria-hidden": disabled, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
         React__default.createElement(Icon, { size: "small", name: icon, color: getColor() })));
     function handleKeyUp(event) {
         var _a;
@@ -143,4 +160,4 @@ const Chip = Object.assign(ChipComponent, {
     Suffix: ChipSuffix,
 });
 
-export { Chip as C, InternalChipButton as I, styles as a, styles$1 as s };
+export { Chip as C, InternalChipButton as I, styles as a, chipsMessages as c, styles$1 as s };

package/dist/Chips/Chips.messages.d.ts

@@ -0,0 +1,14 @@
+export declare const chipsMessages: {
+    "Remove {label}": {
+        en: string;
+        es: string;
+    };
+    add: {
+        en: string;
+        es: string;
+    };
+    cycleOptions: {
+        en: string;
+        es: string;
+    };
+};

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -33,6 +33,8 @@ require('../../Button-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../../Spinner-cjs.js');
+require('../../useAtlantisI18n-cjs.js');
+require('../../AtlantisContext-cjs.js');
 require('../../Chip-cjs.js');
 require('../../Avatar-cjs.js');
 require('color');

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -31,6 +31,8 @@ import '../../Button-es.js';
 import '../../tslib.es6-es.js';
 import 'react-router-dom';
 import '../../Spinner-es.js';
+import '../../useAtlantisI18n-es.js';
+import '../../AtlantisContext-es.js';
 import '../../Chip-es.js';
 import '../../Avatar-es.js';
 import 'color';

package/dist/Chips/index.cjs

@@ -35,6 +35,8 @@ require('../Button-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react-router-dom');
 require('../Spinner-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');

package/dist/Chips/index.mjs

@@ -33,6 +33,8 @@ import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';
 import '../Spinner-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';

package/dist/ConfirmationModal/index.cjs

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

package/dist/ConfirmationModal/index.mjs

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

package/dist/ConfirmationModal-cjs.js

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

package/dist/ConfirmationModal-es.js

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

package/dist/DataDump/index.cjs

@@ -20,6 +20,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('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');

package/dist/DataDump/index.mjs

@@ -18,6 +18,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 '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';

package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -49,6 +49,8 @@ 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('../../../../../FilterPickerActivator-cjs.js');
 

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -47,5 +47,7 @@ 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 '../../../../../FilterPickerActivator-es.js';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -50,6 +50,8 @@ 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('../../../FilterPickerActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');

package/dist/DataList/components/DataListFilters/index.mjs

@@ -48,6 +48,8 @@ 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 '../../../FilterPickerActivator-es.js';
 import '../../../DataListOverflowFade-es.js';

package/dist/DataList/components/DataListSearch/index.cjs

@@ -15,6 +15,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/DataList/components/DataListSearch/index.mjs

@@ -13,6 +13,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/DataList/index.cjs

@@ -80,6 +80,8 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../FilterPickerActivator-cjs.js');
 require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');

package/dist/DataList/index.mjs

@@ -78,6 +78,8 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../FilterPickerActivator-es.js';
 import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';

package/dist/DataTable/index.cjs

@@ -20,6 +20,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/DataTable/index.mjs

@@ -18,6 +18,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/DatePicker/DatePicker.messages.d.ts

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