@algolia/satellite 1.0.0-beta.132 → 1.0.0-beta.133

package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -25,7 +25,8 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
   var id = _ref.id,
       onClick = _ref.onClick,
       range = _ref.range,
-      buttonSize = _ref.buttonSize;
+      buttonSize = _ref.buttonSize,
+      locale = _ref.locale;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Display["default"], {
     id: id,
     onClick: onClick,
@@ -40,7 +41,7 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
         dateTime: range.end.toISOString(),
         children: (0, _utils.formatDate)(range.end)
       })]
-    }) : "Enter a date period..."
+    }) : (locale === null || locale === void 0 ? void 0 : locale.openButton) || "Enter a date period..."
   });
 };
 

package/cjs/DatePicker/components/Calendar.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from "react";
 import { DayPickerProps } from "react-day-picker";
+import type { DatePickerLocale } from "../types";
 declare type ExcludedDayPickerProps = "captionElement" | "showOutsideDays" | "enableOutsideDaysClick" | "fixedWeeks" | "labels" | "navbarElement" | "onTodayButtonClick" | "pagedNavigation" | "renderDay" | "renderWeek" | "reverseMonths" | "showWeekNumbers" | "showWeekDays" | "todayButton" | "weekdayElement" | "weekdaysLong" | "weekdaysShort";
 export declare type EditableYearProps = {
     editableYear?: false;
@@ -8,6 +9,8 @@ export declare type EditableYearProps = {
     years?: number[];
     initialDate?: Date;
 };
-export declare type CalendarProps = Omit<DayPickerProps, ExcludedDayPickerProps> & EditableYearProps;
+export declare type CalendarProps = Omit<Omit<DayPickerProps, "locale">, ExcludedDayPickerProps> & EditableYearProps & {
+    locale?: DatePickerLocale;
+};
 declare const Calendar: FunctionComponent<CalendarProps>;
 export default Calendar;

package/cjs/DatePicker/components/Calendar.js

@@ -75,7 +75,9 @@ var Calendar = function Calendar(props) {
     enableOutsideDaysClick: false,
     fixedWeeks: false,
     navbarElement: function navbarElement(navBarProps) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavBar["default"], _objectSpread(_objectSpread({}, navBarProps), yearsProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavBar["default"], _objectSpread(_objectSpread(_objectSpread({}, navBarProps), yearsProps), {}, {
+        locale: props.locale
+      }));
     },
     captionElement: function captionElement() {
       return null;

package/cjs/DatePicker/components/Display.d.ts

@@ -1,5 +1,5 @@
 import type { FunctionComponent, ReactNode } from "react";
-import { ButtonProps, ButtonSize } from "../../Button";
+import type { ButtonProps, ButtonSize } from "../../Button";
 export interface DisplayProps {
     id?: string;
     onClick: ButtonProps["onClick"];

package/cjs/DatePicker/components/FooterActions.d.ts

@@ -1,9 +1,11 @@
 import type { FunctionComponent } from "react";
 import { ButtonProps } from "../../Button";
+import type { DatePickerLocale } from "../types";
 export interface FooterActionsProps {
     onCancel: ButtonProps["onClick"];
     onApply: ButtonProps["onClick"];
     disableApply: boolean;
+    locale?: DatePickerLocale;
 }
 declare const FooterActions: FunctionComponent<FooterActionsProps>;
 export default FooterActions;

package/cjs/DatePicker/components/FooterActions.js

@@ -20,18 +20,19 @@ var _templateObject, _templateObject2;
 var FooterActions = function FooterActions(_ref) {
   var onCancel = _ref.onCancel,
       onApply = _ref.onApply,
-      disableApply = _ref.disableApply;
+      disableApply = _ref.disableApply,
+      locale = _ref.locale;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["ml-auto flex justify-end"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       onClick: onCancel,
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2"]))),
-      children: "Cancel"
+      children: (locale === null || locale === void 0 ? void 0 : locale.cancel) || "Cancel"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       disabled: disableApply,
       onClick: onApply,
       variant: "primary",
-      children: "Apply"
+      children: (locale === null || locale === void 0 ? void 0 : locale.apply) || "Apply"
     })]
   });
 };

package/cjs/DatePicker/components/Modal.d.ts

@@ -1,7 +1,7 @@
 import type { Placement, StrictModifiers } from "@popperjs/core";
 import type { FC, ReactNode } from "react";
-import { StrictModifier } from "react-popper";
-import { ClickAwayContainerProps } from "../../ClickAwayContainer";
+import type { StrictModifier } from "react-popper";
+import type { ClickAwayContainerProps } from "../../ClickAwayContainer";
 export interface ModalProps {
     children: ReactNode;
     show: boolean;

package/cjs/DatePicker/components/NavBar.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent } from "react";
 import type { NavbarElementProps } from "react-day-picker";
+import type { DatePickerLocale } from "../types";
 export declare type NavBarYearProps = {
     editableYear?: false;
 } | {
@@ -7,6 +8,8 @@ export declare type NavBarYearProps = {
     years: number[];
     onYearChange: (year: number) => void;
 };
-export declare type NavBarProps = NavbarElementProps & NavBarYearProps;
+export declare type NavBarProps = Omit<NavbarElementProps, "locale"> & NavBarYearProps & {
+    locale?: DatePickerLocale;
+};
 declare const NavBar: FunctionComponent<NavBarProps>;
 export default NavBar;

package/cjs/DatePicker/components/NavBar.js

@@ -27,7 +27,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var _excluded = ["onPreviousClick", "onNextClick", "showPreviousButton", "showNextButton", "month", "localeUtils"];
+var _excluded = ["onPreviousClick", "onNextClick", "showPreviousButton", "showNextButton", "month", "locale", "localeUtils"];
 
 var NavBar = function NavBar(_ref) {
   var onPreviousClick = _ref.onPreviousClick,
@@ -35,6 +35,7 @@ var NavBar = function NavBar(_ref) {
       showPreviousButton = _ref.showPreviousButton,
       showNextButton = _ref.showNextButton,
       month = _ref.month,
+      locale = _ref.locale,
       localeUtils = _ref.localeUtils,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var years = (0, _react.useMemo)(function () {
@@ -54,7 +55,7 @@ var NavBar = function NavBar(_ref) {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full top-3 left-0 pt-5 px-5 pb-2 flex justify-between"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ChevronLeft,
-      title: "Previous month",
+      title: (locale === null || locale === void 0 ? void 0 : locale.previousMonth) || "Previous month",
       onClick: function onClick() {
         return onPreviousClick();
       },
@@ -79,7 +80,7 @@ var NavBar = function NavBar(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ChevronRight,
-      title: "Next month",
+      title: (locale === null || locale === void 0 ? void 0 : locale.nextMonth) || "Next month",
       onClick: function onClick() {
         return onNextClick();
       },

package/cjs/DatePicker/types.d.ts

@@ -0,0 +1,17 @@
+import type { ModalProps } from "./components/Modal";
+export declare type DatePickerLocale = {
+    openButton?: string;
+    cancel?: string;
+    apply?: string;
+    nextMonth?: string;
+    previousMonth?: string;
+};
+export declare type SharedDatePickerProps = {
+    modalPlacement?: ModalProps["placement"];
+    locale?: DatePickerLocale;
+} & ({
+    editableYear?: false;
+} | {
+    editableYear: true;
+    years?: number[];
+});

package/cjs/DatePicker/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/HelpUnderline/HelpUnderline.d.ts

@@ -1,6 +1,7 @@
 import type { FunctionComponent } from "react";
 import { TooltipWrapperProps } from "../Tooltip";
 export interface HelpUnderlineProps {
+    /** @ignore */
     className?: string;
     placement?: TooltipWrapperProps["placement"];
     tooltipClassName?: TooltipWrapperProps["tooltipClassName"];

package/cjs/KeyboardKey/KeyboardKey.d.ts

@@ -1,5 +1,6 @@
 import type { FC } from "react";
 export interface KeyboardKeyProps {
+    /** @ignore */
     className?: string;
     value: string;
 }

package/cjs/Modal/Modal.d.ts

@@ -11,10 +11,12 @@ export interface ModalProps {
     centerY?: boolean;
     onDismiss?: () => void;
     children: ReactNode;
-    closeIconText?: string;
+    locale?: {
+        dismissText?: string;
+    };
 }
 export declare const Modal: {
-    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, closeIconText, }: ModalProps): import("react").ReactPortal;
+    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, locale, }: ModalProps): import("react").ReactPortal;
     Footer: import("react").FunctionComponent<import("./components/ModalFooter").ModalFooterProps>;
 };
 export default Modal;

package/cjs/Modal/Modal.js

@@ -88,8 +88,7 @@ var Modal = function Modal(_ref) {
       size = _ref$size === void 0 ? "medium" : _ref$size,
       _ref$centerY = _ref.centerY,
       centerY = _ref$centerY === void 0 ? false : _ref$centerY,
-      _ref$closeIconText = _ref.closeIconText,
-      closeIconText = _ref$closeIconText === void 0 ? "Dismiss" : _ref$closeIconText;
+      locale = _ref.locale;
 
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -164,7 +163,7 @@ var Modal = function Modal(_ref) {
               children: title
             }), !hideCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
               icon: _reactFeather.X,
-              title: closeIconText,
+              title: (locale === null || locale === void 0 ? void 0 : locale.dismissText) || "Dismiss",
               variant: "subtle",
               onClick: onDismiss,
               className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["flex-shrink-0 -mr-2"])))

package/cjs/Pagination/CompactPagination/CompactPagination.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 export declare type CompactPaginationLabel = "complete" | "compact" | "none";
+declare type BaseLocaleProps = {
+    goToFirstPage?: string;
+    goToLastPage?: string;
+    goToNextPage?: string;
+    goToPreviousPage?: string;
+};
 declare type BaseCompactPaginationProps = {
     /** Currently selected page (1 based index) */
     currentPage: number;
@@ -10,9 +16,15 @@ declare type BaseCompactPaginationProps = {
 export declare type DeterminateCompactPaginationProps = BaseCompactPaginationProps & {
     nbPages: number;
     showGoToLastPage?: boolean;
+    locale?: BaseLocaleProps & {
+        label?(page: number, nbPages: number): string;
+    };
 };
 export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationProps & {
     nextDisabled?: boolean;
+    locale?: BaseLocaleProps & {
+        label?(page: number): string;
+    };
 };
 export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
 export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;

package/cjs/Pagination/CompactPagination/CompactPagination.js

@@ -32,24 +32,24 @@ var isIndeterminateCompactPaginationProps = function isIndeterminateCompactPagin
 exports.isIndeterminateCompactPaginationProps = isIndeterminateCompactPaginationProps;
 
 var CompactPagination = function CompactPagination(props) {
-  var _props$label;
+  var _props$label, _props$locale, _props$locale$label, _props$locale2, _props$locale2$label, _props$locale3, _props$locale4, _props$locale5, _props$locale6;
 
   var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
-  var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : "Page ".concat(props.currentPage, " of many");
+  var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : (_props$locale$label = _props$locale.label) === null || _props$locale$label === void 0 ? void 0 : _props$locale$label.call(_props$locale, props.currentPage, props.nbPages)) || "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : ((_props$locale2 = props.locale) === null || _props$locale2 === void 0 ? void 0 : (_props$locale2$label = _props$locale2.label) === null || _props$locale2$label === void 0 ? void 0 : _props$locale2$label.call(_props$locale2, props.currentPage)) || "Page ".concat(props.currentPage, " of many");
   var isFirstPage = props.currentPage === 1;
   var isLastPage = isDeterminateCompactPaginationProps(props) ? props.currentPage === props.nbPages : !!props.nextDisabled;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center space-x-2"]))),
     children: [props.showGoToFirstPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ChevronsLeft,
-      title: "Go to first page",
+      title: ((_props$locale3 = props.locale) === null || _props$locale3 === void 0 ? void 0 : _props$locale3.goToFirstPage) || "Go to first page",
       onClick: function onClick() {
         return props.onChange(1);
       },
       disabled: isFirstPage
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ArrowLeft,
-      title: "Go to previous page",
+      title: ((_props$locale4 = props.locale) === null || _props$locale4 === void 0 ? void 0 : _props$locale4.goToPreviousPage) || "Go to previous page",
       onClick: function onClick() {
         return props.onChange(props.currentPage - 1);
       },
@@ -59,14 +59,14 @@ var CompactPagination = function CompactPagination(props) {
       children: label
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ArrowRight,
-      title: "Go to next page",
+      title: ((_props$locale5 = props.locale) === null || _props$locale5 === void 0 ? void 0 : _props$locale5.goToNextPage) || "Go to next page",
       onClick: function onClick() {
         return props.onChange(props.currentPage + 1);
       },
       disabled: isLastPage
     }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ChevronsRight,
-      title: "Go to last page",
+      title: ((_props$locale6 = props.locale) === null || _props$locale6 === void 0 ? void 0 : _props$locale6.goToLastPage) || "Go to last page",
       onClick: function onClick() {
         return props.onChange(props.nbPages);
       },

package/cjs/Pagination/DotPagination/DotPagination.d.ts

@@ -5,6 +5,9 @@ export declare type DotPaginationProps = {
     onChange: (page: number) => void;
     nbPages: number;
     size?: "small" | "medium";
+    locale?: {
+        goToPageText?(page: number): string;
+    };
 };
-export declare const DotPagination: ({ currentPage, onChange, nbPages, size }: DotPaginationProps) => JSX.Element;
+export declare const DotPagination: ({ currentPage, onChange, nbPages, size, locale }: DotPaginationProps) => JSX.Element;
 export default DotPagination;

package/cjs/Pagination/DotPagination/DotPagination.js

@@ -20,14 +20,17 @@ var DotPagination = function DotPagination(_ref) {
       onChange = _ref.onChange,
       nbPages = _ref.nbPages,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size;
+      size = _ref$size === void 0 ? "medium" : _ref$size,
+      locale = _ref.locale;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex"]))),
     children: new Array(nbPages).fill(undefined).map(function (_, idx) {
+      var _locale$goToPageText;
+
       var pageIdx = idx + 1;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          "aria-label": "Go to page ".concat(pageIdx),
+          "aria-label": (locale === null || locale === void 0 ? void 0 : (_locale$goToPageText = locale.goToPageText) === null || _locale$goToPageText === void 0 ? void 0 : _locale$goToPageText.call(locale, pageIdx)) || "Go to page ".concat(pageIdx),
           className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n              rounded-full mx-1\n              ", "\n              ", "\n            "])), currentPage === pageIdx ? "bg-accent-600" : "bg-grey-200", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
           onClick: function onClick() {
             return onChange(pageIdx);

package/cjs/Pagination/Pagination/Pagination.d.ts

@@ -1,9 +1,15 @@
 /// <reference types="react" />
+export declare type PaginationLocale = {
+    goToPage?(page: number): string;
+    goToNextPage?: string;
+    goToPreviousPage?: string;
+};
 export interface PaginationProps {
     nbPages: number;
     currentPage: number;
     maxButtons?: number;
     onChange: (page: number) => void;
+    locale?: PaginationLocale;
 }
 /**
  * Use pagination to help our users to move through an ordered collection of items.
@@ -12,5 +18,5 @@ export interface PaginationProps {
  * - Don't use on list with less than 20 items
  * - Place the pagination at the bottom of the split item
  */
-export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, }: PaginationProps) => JSX.Element;
+export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, locale, }: PaginationProps) => JSX.Element;
 export default Pagination;

package/cjs/Pagination/Pagination/Pagination.js

@@ -41,11 +41,14 @@ var Ellipsis = function Ellipsis() {
 var Group = function Group(_ref) {
   var group = _ref.group,
       currentPage = _ref.currentPage,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      locale = _ref.locale;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: group.map(function (index) {
+      var _locale$goToPage;
+
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
-        "aria-label": "Go to page ".concat(index),
+        "aria-label": (locale === null || locale === void 0 ? void 0 : (_locale$goToPage = locale.goToPage) === null || _locale$goToPage === void 0 ? void 0 : _locale$goToPage.call(locale, index)) || "Go to page ".concat(index),
         variant: index === currentPage ? "primary" : "neutral",
         onClick: function onClick() {
           return onChange(index);
@@ -69,7 +72,8 @@ var Pagination = function Pagination(_ref2) {
       nbPages = _ref2.nbPages,
       onChange = _ref2.onChange,
       _ref2$maxButtons = _ref2.maxButtons,
-      maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons;
+      maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons,
+      locale = _ref2.locale;
   var padding = Math.floor((Math.min(nbPages, maxButtonsParam) - 1) / 2);
   var maxButtons = 2 * padding + 1;
   var currentPageGroupStart = Math.max(1, Math.min(currentPage - padding, nbPages - maxButtons));
@@ -87,7 +91,7 @@ var Pagination = function Pagination(_ref2) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.ButtonGroup, {
     as: "nav",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
-      "aria-label": "Go to previous page",
+      "aria-label": (locale === null || locale === void 0 ? void 0 : locale.goToPreviousPage) || "Go to previous page",
       disabled: currentPage === 1,
       onClick: function onClick() {
         return onChange(currentPage - 1);
@@ -98,17 +102,20 @@ var Pagination = function Pagination(_ref2) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Group, {
       currentPage: currentPage,
       onChange: onChange,
-      group: groups[0]
+      group: groups[0],
+      locale: locale
     }), groups[0].length !== 0 && groups[1][0] - groups[0][0] > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Ellipsis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Group, {
       currentPage: currentPage,
       onChange: onChange,
-      group: groups[1]
+      group: groups[1],
+      locale: locale
     }), groups[2].length !== 0 && groups[2][0] - groups[1][groups[1].length - 1] > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Ellipsis, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Group, {
       currentPage: currentPage,
       onChange: onChange,
-      group: groups[2]
+      group: groups[2],
+      locale: locale
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
-      "aria-label": "Go to next page",
+      "aria-label": (locale === null || locale === void 0 ? void 0 : locale.goToNextPage) || "Go to next page",
       disabled: currentPage === nbPages,
       onClick: function onClick() {
         return onChange(currentPage + 1);

package/cjs/ScrollIndicator/ScrollIndicator.d.ts

@@ -2,7 +2,9 @@ import type { CSSProperties, FunctionComponent, ReactHTML } from "react";
 export declare type ScrollIndicatorVariant = "light" | "dark";
 export interface ScrollIndicatorProps {
     wrapperClassName?: string;
+    /** @ignore */
     className?: string;
+    /** @ignore */
     style?: CSSProperties;
     tagName?: keyof ReactHTML;
     variant?: ScrollIndicatorVariant;

package/cjs/Sidebar/Sidebar.d.ts

@@ -1,7 +1,9 @@
 import type { DetailedHTMLProps, HTMLAttributes } from "react";
 import type { SidebarCollapsed, SidebarVariant } from "./types";
 export interface SidebarProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+    /** @default "dark" */
     variant?: SidebarVariant;
+    /** @default false */
     collapsed?: SidebarCollapsed;
 }
 export declare const Sidebar: {

package/cjs/Tables/DataTable/DataTable.d.ts

@@ -1,6 +1,15 @@
 import type { ReactNode } from "react";
 import type { ColumnDefinition, DataConfiguration, GetItemId, PaginationConfiguration, Row, SelectMode, Sorting, Status } from "./types";
 declare type CanSelectItem<Item> = (item: Item, idx: number) => boolean;
+export declare type DataTableLocale = {
+    selectAllButton?: string;
+    noDataTitle?: string;
+    noDataDescription?: string;
+    loadingTitle?: string;
+    loadingDescription?: string;
+    errorTitle?: string;
+    errorDescription?: string;
+};
 interface BaseDataTableProps<Item> {
     data: Item[];
     itemId?: GetItemId<Item>;
@@ -13,6 +22,7 @@ interface BaseDataTableProps<Item> {
     columns: ColumnDefinition<Item>[];
     canHoverRow?(row: Row<Item>): boolean;
     onRowHoveredChanged?(row: Row<Item> | null): void;
+    locale?: DataTableLocale;
 }
 declare type DataTableWithSelectMode<Item> = {
     selectMode: Exclude<SelectMode, "none">;
@@ -46,5 +56,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
  */
-export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, }: DataTableProps<Item>) => JSX.Element;
+export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => JSX.Element;
 export default DataTable;

package/cjs/Tables/DataTable/DataTable.js

@@ -90,7 +90,8 @@ var DataTable = function DataTable(_ref) {
       onSelectionChange = _ref.onSelectionChange,
       canSelectItem = _ref.canSelectItem,
       canHoverRow = _ref.canHoverRow,
-      onRowHoveredChanged = _ref.onRowHoveredChanged;
+      onRowHoveredChanged = _ref.onRowHoveredChanged,
+      locale = _ref.locale;
 
   if (process.env.NODE_ENV !== "production") {
     var _selection$length;
@@ -152,7 +153,7 @@ var DataTable = function DataTable(_ref) {
       var isChecked = selectionLength === dataLength;
       var isIndeterminate = selectionLength > 0 && selectionLength !== dataLength;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox["default"], {
-        "aria-label": "Select all" // Small hack to position the checkbox in the center of the header
+        "aria-label": (locale === null || locale === void 0 ? void 0 : locale.selectAllButton) || "Select all" // Small hack to position the checkbox in the center of the header
         ,
         className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["absolute mb-2.5"]))),
         checked: isChecked,

package/cjs/Tables/DataTable/components/Body.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { DataTableProps } from "../DataTable";
 import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
-export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
+export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow" | "locale"> {
     rows: Row<Item>[];
     status?: Status;
     noDataContent?: ReactNode;
@@ -10,5 +10,5 @@ export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection"
     onRowHoverChange(row: Row<Item> | null): void;
     selectMode: SelectMode;
 }
-export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, }: BodyProps<Item>) => JSX.Element;
+export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: BodyProps<Item>) => JSX.Element;
 export default Body;

package/cjs/Tables/DataTable/components/Body.js

@@ -43,7 +43,8 @@ var Body = function Body(_ref) {
       _ref$canHoverRow = _ref.canHoverRow,
       canHoverRow = _ref$canHoverRow === void 0 ? function () {
     return true;
-  } : _ref$canHoverRow;
+  } : _ref$canHoverRow,
+      locale = _ref.locale;
 
   var handleRowSelection = function handleRowSelection(row) {
     if (!onSelectionChange) return;
@@ -81,8 +82,8 @@ var Body = function Body(_ref) {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex justify-center py-6"]))),
             children: errorContent || /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState["default"], {
-              title: "Error",
-              description: "An error occurred while loading data.",
+              title: (locale === null || locale === void 0 ? void 0 : locale.errorTitle) || "Error",
+              description: (locale === null || locale === void 0 ? void 0 : locale.errorDescription) || "An error occurred while loading data.",
               centered: true,
               usageContext: "result"
             })
@@ -100,8 +101,8 @@ var Body = function Body(_ref) {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex justify-center py-6"]))),
             children: noDataContent || /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState["default"], {
-              title: "Empty",
-              description: "There is no data to display",
+              title: (locale === null || locale === void 0 ? void 0 : locale.noDataTitle) || "Empty",
+              description: (locale === null || locale === void 0 ? void 0 : locale.noDataDescription) || "There is no data to display",
               centered: true,
               usageContext: "result"
             })

package/cjs/Tables/DataTable/components/Loader.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
+import type { DataTableLocale } from "../DataTable";
 export interface LoaderProps {
     className?: string;
+    locale?: DataTableLocale;
 }
-export declare const Loader: ({ className }: LoaderProps) => JSX.Element;
+export declare const Loader: ({ className, locale }: LoaderProps) => JSX.Element;
 export default Loader;

package/cjs/Tables/DataTable/components/Loader.js

@@ -24,7 +24,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 
 var Loader = function Loader(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+      locale = _ref.locale;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -49,8 +50,8 @@ var Loader = function Loader(_ref) {
         className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex justify-center"]))),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {})
       }),
-      title: "It appears to be taking a while to get your data",
-      description: "Please hold or try again later",
+      title: (locale === null || locale === void 0 ? void 0 : locale.loadingTitle) || "It appears to be taking a while to get your data",
+      description: (locale === null || locale === void 0 ? void 0 : locale.loadingDescription) || "Please hold or try again later",
       centered: true
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {})
   });