@jobber/components 9.2.0 → 9.4.0

package/dist/ActivityIndicator/ActivityIndicator.d.ts

@@ -35,4 +35,4 @@ export interface ActivityIndicatorProps {
  * For now, the legacy `Spinner` component also remains available; new code
  * should prefer `ActivityIndicator`.
  */
-export declare function ActivityIndicator({ size, ariaLabel, className, style, }: ActivityIndicatorProps): React.JSX.Element;
+export declare function ActivityIndicator({ size, ariaLabel: ariaLabelProp, className, style, }: ActivityIndicatorProps): React.JSX.Element;

package/dist/ActivityIndicator/index.cjs

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

package/dist/ActivityIndicator/index.mjs

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

package/dist/ActivityIndicator-cjs.js

@@ -2,6 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
+var common_messages = require('./common.messages-cjs.js');
+var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
 
 var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","small":"_888S5Y2IeZ8-","svg":"Av9z-aLocss-","indicatorLinearRotate":"WvHFS--Nm80-","track":"VDTWabJptKI-","arc":"_9XO0290QNCY-","indicatorRotateArc":"SHHICknKvqA-","indicatorExpandArc":"_0m0Nzc5awnA-","indicatorReducedPulse":"_4dXQsbprq3s-","spinning":"IZCteJUCKio-"};
 
@@ -16,7 +18,9 @@ var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","smal
  * For now, the legacy `Spinner` component also remains available; new code
  * should prefer `ActivityIndicator`.
  */
-function ActivityIndicator({ size = "base", ariaLabel = "Loading", className, style, }) {
+function ActivityIndicator({ size = "base", ariaLabel: ariaLabelProp, className, style, }) {
+    const { t } = useAtlantisI18n.useAtlantisI18n(common_messages.commonMessages);
+    const ariaLabel = ariaLabelProp !== null && ariaLabelProp !== void 0 ? ariaLabelProp : t("Loading");
     return (React.createElement("div", { role: "status", "aria-label": ariaLabel, className: classnames(styles.indicator, size === "small" && styles.small, className), style: style },
         React.createElement("span", { className: styles.screenReaderOnly }, ariaLabel),
         React.createElement("svg", { className: styles.svg, viewBox: "0 0 48 48", focusable: "false", "aria-hidden": "true" },

package/dist/ActivityIndicator-es.js

@@ -1,5 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
+import { c as commonMessages } from './common.messages-es.js';
+import { u as useAtlantisI18n } from './useAtlantisI18n-es.js';
 
 var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","small":"_888S5Y2IeZ8-","svg":"Av9z-aLocss-","indicatorLinearRotate":"WvHFS--Nm80-","track":"VDTWabJptKI-","arc":"_9XO0290QNCY-","indicatorRotateArc":"SHHICknKvqA-","indicatorExpandArc":"_0m0Nzc5awnA-","indicatorReducedPulse":"_4dXQsbprq3s-","spinning":"IZCteJUCKio-"};
 
@@ -14,7 +16,9 @@ var styles = {"indicator":"YST686vLR3c-","screenReaderOnly":"MmNHh-oCyxc-","smal
  * For now, the legacy `Spinner` component also remains available; new code
  * should prefer `ActivityIndicator`.
  */
-function ActivityIndicator({ size = "base", ariaLabel = "Loading", className, style, }) {
+function ActivityIndicator({ size = "base", ariaLabel: ariaLabelProp, className, style, }) {
+    const { t } = useAtlantisI18n(commonMessages);
+    const ariaLabel = ariaLabelProp !== null && ariaLabelProp !== void 0 ? ariaLabelProp : t("Loading");
     return (React__default.createElement("div", { role: "status", "aria-label": ariaLabel, className: classnames(styles.indicator, size === "small" && styles.small, className), style: style },
         React__default.createElement("span", { className: styles.screenReaderOnly }, ariaLabel),
         React__default.createElement("svg", { className: styles.svg, viewBox: "0 0 48 48", focusable: "false", "aria-hidden": "true" },

package/dist/Autocomplete/index.cjs

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

@@ -29,6 +29,7 @@ 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/Chips/InternalChipDismissible/index.cjs

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

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -31,6 +31,7 @@ import '../../Button-es.js';
 import '../../tslib.es6-es.js';
 import 'react-router-dom';
 import '../../Spinner-es.js';
+import '../../common.messages-es.js';
 import '../../useAtlantisI18n-es.js';
 import '../../AtlantisContext-es.js';
 import '../../Chip-es.js';

package/dist/Chips/index.cjs

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

package/dist/Chips/index.mjs

@@ -33,6 +33,7 @@ import '../Button-es.js';
 import '../tslib.es6-es.js';
 import 'react-router-dom';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../Avatar-es.js';

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/DataList/components/DataListFilters/components/DataListSort/index.cjs

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

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

@@ -23,6 +23,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 '../../../../../identity-es.js';
 import '../../../../../isTypedArray-es.js';
@@ -47,7 +50,5 @@ 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

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

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

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

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

@@ -10,6 +10,9 @@ require('../../../DataList.const-cjs.js');
 require('@jobber/design');
 require('../../../Spinner-cjs.js');
 require('classnames');
+require('../../../common.messages-cjs.js');
+require('../../../useAtlantisI18n-cjs.js');
+require('../../../AtlantisContext-cjs.js');
 require('../../../Button-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('react-router-dom');

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

@@ -8,6 +8,9 @@ import '../../../DataList.const-es.js';
 import '@jobber/design';
 import '../../../Spinner-es.js';
 import 'classnames';
+import '../../../common.messages-es.js';
+import '../../../useAtlantisI18n-es.js';
+import '../../../AtlantisContext-es.js';
 import '../../../Button-es.js';
 import '../../../tslib.es6-es.js';
 import 'react-router-dom';

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

@@ -21,6 +21,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');
 require('../../../DataListContext-cjs.js');

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

@@ -19,6 +19,7 @@ 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';
 import '../../../DataListContext-es.js';

package/dist/DataList/index.cjs

@@ -61,6 +61,9 @@ require('../FilterPickerContent-cjs.js');
 require('../FilterPickerContentSearch-cjs.js');
 require('../FilterPickerContentList-cjs.js');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
+require('../useAtlantisI18n-cjs.js');
+require('../AtlantisContext-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../identity-cjs.js');
 require('../_baseAssignValue-cjs.js');
@@ -80,8 +83,6 @@ 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

@@ -59,6 +59,9 @@ import '../FilterPickerContent-es.js';
 import '../FilterPickerContentSearch-es.js';
 import '../FilterPickerContentList-es.js';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
+import '../useAtlantisI18n-es.js';
+import '../AtlantisContext-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../identity-es.js';
 import '../_baseAssignValue-es.js';
@@ -78,8 +81,6 @@ 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/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,12 +22,11 @@ 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');
 require('../Spinner-cjs.js');
+require('../common.messages-cjs.js');
 require('../mergeRefs-cjs.js');
 require('../filterDataAttributes-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,11 +20,10 @@ 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';
 import '../Spinner-es.js';
+import '../common.messages-es.js';
 import '../mergeRefs-es.js';
 import '../filterDataAttributes-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';