@expcat/tigercat-react 1.2.31 → 1.2.34

package/dist/{chunk-UHRZKZVU.mjs → chunk-FWIYDMJA.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Pagination.tsx
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";
 import {
@@ -24,7 +28,8 @@ import {
   getPaginationJumperPage,
   getValidatedPaginationJumperValue,
   isLazyTigerLocale,
-  resolveTigerLocale
+  resolveTigerLocale,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Pagination = ({
@@ -50,9 +55,11 @@ var Pagination = ({
   onChange,
   onPageSizeChange,
   locale,
+  labels: labelsOverride,
   ...props
 }) => {
   const { "aria-label": ariaLabelProp, ...navProps } = props;
+  const config = useTigerConfig();
   const immediateLocale = useMemo(() => getImmediateTigerLocale(locale), [locale]);
   const [loadedLocale, setLoadedLocale] = useState(
     immediateLocale
@@ -72,9 +79,16 @@ var Pagination = ({
     };
   }, [locale, immediateLocale]);
   const resolvedLocale = isLazyTigerLocale(locale) ? loadedLocale : immediateLocale;
-  const labels = useMemo(() => getPaginationLabels(resolvedLocale), [resolvedLocale]);
-  const localeCode = resolvedLocale?.locale;
-  const isRtl = getLocaleDirection(resolvedLocale) === "rtl";
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, resolvedLocale),
+    [config.locale, resolvedLocale]
+  );
+  const labels = useMemo(
+    () => getPaginationLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const localeCode = mergedLocale?.locale;
+  const isRtl = getLocaleDirection(mergedLocale) === "rtl";
   const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
   const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);
   const [quickJumperValue, setQuickJumperValue] = useState("");
@@ -176,7 +190,7 @@ var Pagination = ({
   const nextDisabled = validatedCurrentPage >= totalPages || disabled;
   const elements = [];
   if (showTotal) {
-    const totalTextFn = totalText || (resolvedLocale?.pagination?.totalText ? (value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode) : defaultTotalText);
+    const totalTextFn = totalText || (labelsOverride?.totalText || mergedLocale?.pagination?.totalText ? (value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode) : defaultTotalText);
     elements.push(
       /* @__PURE__ */ jsx("span", { className: getTotalTextClasses(size), children: totalTextFn(total, pageRange) }, "total")
     );

package/dist/{chunk-KTV3ZDSQ.js → chunk-H2YHUFMK.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkSXHP4Q7Ojs = require('./chunk-SXHP4Q7O.js');
+var _chunkDSXII6ZFjs = require('./chunk-DSXII6ZF.js');
 
 
 var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
@@ -140,7 +140,7 @@ var CropUpload = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkSXHP4Q7Ojs.Modal,
+      _chunkDSXII6ZFjs.Modal,
       {
         open: modalVisible,
         size: "lg",

package/dist/{chunk-WWDCH2XX.mjs → chunk-JOB47R6Q.mjs}

@@ -271,6 +271,7 @@ var TaskBoard = ({
   renderColumnFooter,
   renderEmptyColumn,
   locale,
+  labels: labelsOverride,
   className,
   style,
   ...rest
@@ -280,7 +281,10 @@ var TaskBoard = ({
     () => mergeTigerLocale(config.locale, locale),
     [config.locale, locale]
   );
-  const labels = useMemo(() => getTaskBoardLabels(mergedLocale), [mergedLocale]);
+  const labels = useMemo(
+    () => getTaskBoardLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
   const [innerColumns, setInnerColumns] = useState(defaultColumns);
   useEffect(() => {
     if (controlledColumns !== void 0) setInnerColumns(controlledColumns);

package/dist/{chunk-K5B4XXAI.js → chunk-LROHXQWX.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFXVKJWUPjs = require('./chunk-FXVKJWUP.js');
+var _chunkANN5P7TJjs = require('./chunk-ANN5P7TJ.js');
 
 // src/components/Kanban.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -11,7 +11,7 @@ var Kanban = ({
   ...props
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkFXVKJWUPjs.TaskBoard,
+    _chunkANN5P7TJjs.TaskBoard,
     {
       showCardCount,
       allowAddCard,

package/dist/{chunk-R4OVIDAY.mjs → chunk-M26BTAIB.mjs}

@@ -8,11 +8,14 @@ import {
   getVirtualRowKey,
   getVirtualTableFixedInfo,
   getVirtualTableFixedCellStyle,
+  getTableFixedCellClasses,
+  getTableFixedHeaderCellClasses,
   virtualTableHeaderClasses,
   virtualTableHeaderCellClasses,
   virtualTableCellClasses,
   virtualTableEmptyClasses,
-  virtualTableLoadingClasses
+  virtualTableLoadingClasses,
+  virtualTableRowSelectedClasses
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var VirtualTable = ({
@@ -77,7 +80,15 @@ var VirtualTable = ({
             return /* @__PURE__ */ jsx(
               "th",
               {
-                className: virtualTableHeaderCellClasses,
+                className: classNames(
+                  virtualTableHeaderCellClasses,
+                  getTableFixedHeaderCellClasses({
+                    view: "virtual-table",
+                    column: col,
+                    stickyHeader,
+                    fixedInfo
+                  })
+                ),
                 style: { ...widthStyle, ...stickyStyle },
                 children: col.title ?? ""
               },
@@ -101,7 +112,21 @@ var VirtualTable = ({
                   children: columns.map((col) => /* @__PURE__ */ jsx(
                     "td",
                     {
-                      className: virtualTableCellClasses,
+                      className: classNames(
+                        virtualTableCellClasses,
+                        getTableFixedCellClasses({
+                          view: "virtual-table",
+                          column: col,
+                          record: row,
+                          rowIndex: globalIdx,
+                          striped,
+                          stripedActive: striped && globalIdx % 2 === 1,
+                          selected: isSelected,
+                          hoverable: true,
+                          fixedInfo,
+                          selectedClassName: virtualTableRowSelectedClasses
+                        })
+                      ),
                       style: getVirtualTableFixedCellStyle(col.key, fixedInfo),
                       children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "")
                     },

package/dist/{chunk-77F5YT4E.js → chunk-O7WBBZ7J.js}

@@ -13,6 +13,9 @@ var _react = require('react');
 
 
 
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var VirtualTable = ({
@@ -77,7 +80,15 @@ var VirtualTable = ({
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "th",
               {
-                className: _tigercatcore.virtualTableHeaderCellClasses,
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.virtualTableHeaderCellClasses,
+                  _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
+                    view: "virtual-table",
+                    column: col,
+                    stickyHeader,
+                    fixedInfo
+                  })
+                ),
                 style: { ...widthStyle, ...stickyStyle },
                 children: _nullishCoalesce(col.title, () => ( ""))
               },
@@ -101,7 +112,21 @@ var VirtualTable = ({
                   children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "td",
                     {
-                      className: _tigercatcore.virtualTableCellClasses,
+                      className: _tigercatcore.classNames.call(void 0, 
+                        _tigercatcore.virtualTableCellClasses,
+                        _tigercatcore.getTableFixedCellClasses.call(void 0, {
+                          view: "virtual-table",
+                          column: col,
+                          record: row,
+                          rowIndex: globalIdx,
+                          striped,
+                          stripedActive: striped && globalIdx % 2 === 1,
+                          selected: isSelected,
+                          hoverable: true,
+                          fixedInfo,
+                          selectedClassName: _tigercatcore.virtualTableRowSelectedClasses
+                        })
+                      ),
                       style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo),
                       children: renderCell ? renderCell(row[col.key], row, col) : String(_nullishCoalesce(row[col.key], () => ( "")))
                     },

package/dist/{chunk-AKDBQOKX.mjs → chunk-RL6HARKE.mjs}

@@ -1,3 +1,6 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 import {
   Button
 } from "./chunk-USWK2S3Y.mjs";
@@ -33,7 +36,8 @@ import {
   modalFooterClasses,
   restoreFocus,
   shouldCloseOnMaskClick,
-  resolveSwipeGesture
+  resolveSwipeGesture,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Modal = ({
@@ -61,10 +65,16 @@ var Modal = ({
   okText,
   cancelText,
   locale,
+  labels,
   style,
   draggable: isDraggable = false,
   ...rest
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const [hasBeenOpened, setHasBeenOpened] = React.useState(open);
   const [dragOffset, setDragOffset] = React.useState({ x: 0, y: 0 });
   useEffect(() => {
@@ -126,20 +136,23 @@ var Modal = ({
   const resolvedCloseAriaLabel = resolveLocaleText(
     "Close",
     closeAriaLabel,
-    locale?.modal?.closeAriaLabel,
-    locale?.common?.closeText
+    labels?.closeAriaLabel,
+    mergedLocale?.modal?.closeAriaLabel,
+    mergedLocale?.common?.closeText
   );
   const resolvedCancelText = resolveLocaleText(
     "\u53D6\u6D88",
     cancelText,
-    locale?.modal?.cancelText,
-    locale?.common?.cancelText
+    labels?.cancelText,
+    mergedLocale?.modal?.cancelText,
+    mergedLocale?.common?.cancelText
   );
   const resolvedOkText = resolveLocaleText(
     "\u786E\u5B9A",
     okText,
-    locale?.modal?.okText,
-    locale?.common?.okText
+    labels?.okText,
+    mergedLocale?.modal?.okText,
+    mergedLocale?.common?.okText
   );
   const reactId = useId();
   const modalId = useMemo(() => `tiger-modal-${reactId}`, [reactId]);

package/dist/{chunk-CPNDCACQ.mjs → chunk-RVO6R37N.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-WWDCH2XX.mjs";
+} from "./chunk-JOB47R6Q.mjs";
 
 // src/components/Kanban.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-OHSJ4KTU.js → chunk-TLU3ROLT.js}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+
 
 
 
@@ -29,6 +32,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -76,11 +80,17 @@ var Drawer = ({
   onAfterLeave,
   closeAriaLabel,
   locale,
+  labels,
   children,
   footer,
   style,
   ...rest
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
   const [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
   const [deferredRendered, setDeferredRendered] = _react2.default.useState(open);
   _react.useEffect.call(void 0, () => {
@@ -142,8 +152,9 @@ var Drawer = ({
   const resolvedCloseAriaLabel = _tigercatcore.resolveLocaleText.call(void 0, 
     "Close drawer",
     closeAriaLabel,
-    _optionalChain([locale, 'optionalAccess', _5 => _5.drawer, 'optionalAccess', _6 => _6.closeAriaLabel]),
-    _optionalChain([locale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.closeText])
+    _optionalChain([labels, 'optionalAccess', _5 => _5.closeAriaLabel]),
+    _optionalChain([mergedLocale, 'optionalAccess', _6 => _6.drawer, 'optionalAccess', _7 => _7.closeAriaLabel]),
+    _optionalChain([mergedLocale, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.closeText])
   );
   _react.useEffect.call(void 0, () => {
     if (open) {
@@ -162,7 +173,7 @@ var Drawer = ({
   }, []);
   const handleTouchStart = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _9 => _9.onTouchStart, 'optionalCall', _10 => _10(event)]);
+      _optionalChain([dialogDivProps, 'access', _10 => _10.onTouchStart, 'optionalCall', _11 => _11(event)]);
       if (!open) return;
       const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
       touchStartRef.current = point;
@@ -172,7 +183,7 @@ var Drawer = ({
   );
   const handleTouchMove = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _11 => _11.onTouchMove, 'optionalCall', _12 => _12(event)]);
+      _optionalChain([dialogDivProps, 'access', _12 => _12.onTouchMove, 'optionalCall', _13 => _13(event)]);
       if (!touchStartRef.current) return;
       const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
       if (point) {
@@ -183,7 +194,7 @@ var Drawer = ({
   );
   const handleTouchEnd = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _13 => _13.onTouchEnd, 'optionalCall', _14 => _14(event)]);
+      _optionalChain([dialogDivProps, 'access', _14 => _14.onTouchEnd, 'optionalCall', _15 => _15(event)]);
       const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
         touchStartRef.current,
         _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentRef.current)),
@@ -198,7 +209,7 @@ var Drawer = ({
   );
   const handleTouchCancel = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _15 => _15.onTouchCancel, 'optionalCall', _16 => _16(event)]);
+      _optionalChain([dialogDivProps, 'access', _16 => _16.onTouchCancel, 'optionalCall', _17 => _17(event)]);
       resetTouchGesture();
     },
     [dialogDivProps, resetTouchGesture]

package/dist/{chunk-IXHXSD2E.js → chunk-VAZYY35F.js}

@@ -491,6 +491,8 @@ function useTableState(input) {
 
 
 
+
+
 function renderTableHeader(ctx, view) {
   const { size, stickyHeader, rowSelection, expandable, columnLockable, columnDraggable } = view;
   const expandHeaderTh = expandable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: _tigercatcore.getExpandIconCellClasses.call(void 0, size), "aria-label": "Expand" }) : null;
@@ -513,17 +515,7 @@ function renderTableHeader(ctx, view) {
       const isSorted = ctx.sortState.key === column.key;
       const sortDirection = isSorted ? ctx.sortState.direction : null;
       const ariaSort = column.sortable ? sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none" : void 0;
-      const isFixedLeft = column.fixed === "left";
-      const isFixedRight = column.fixed === "right";
-      const fixedStyle = isFixedLeft ? {
-        position: "sticky",
-        left: `${ctx.fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
-        zIndex: 15
-      } : isFixedRight ? {
-        position: "sticky",
-        right: `${ctx.fixedColumnsInfo.rightOffsets[column.key] || 0}px`,
-        zIndex: 15
-      } : void 0;
+      const fixedStyle = _tigercatcore.getFixedColumnStyle.call(void 0, column, ctx.fixedColumnsInfo, 15);
       const widthStyle = column.width ? {
         width: typeof column.width === "number" ? `${column.width}px` : column.width
       } : void 0;
@@ -540,7 +532,12 @@ function renderTableHeader(ctx, view) {
               !!column.sortable,
               column.headerClassName
             ),
-            (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
+            _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
+              view: "table",
+              column,
+              stickyHeader,
+              fixedInfo: ctx.fixedColumnsInfo
+            })
           ),
           style,
           draggable: columnDraggable ? true : void 0,
@@ -616,6 +613,8 @@ function renderTableHeader(ctx, view) {
 
 
 
+
+
 function renderTableBody(ctx, view) {
   const {
     size,
@@ -713,26 +712,22 @@ function renderTableBody(ctx, view) {
           ctx.displayColumns.map((column) => {
             const dataKey = column.dataKey || column.key;
             const cellValue = record[dataKey];
-            const isFixedLeft = column.fixed === "left";
-            const isFixedRight = column.fixed === "right";
-            const fixedStyle = isFixedLeft ? {
-              position: "sticky",
-              left: `${ctx.fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
-              zIndex: 10
-            } : isFixedRight ? {
-              position: "sticky",
-              right: `${ctx.fixedColumnsInfo.rightOffsets[column.key] || 0}px`,
-              zIndex: 10
-            } : void 0;
+            const fixedStyle = _tigercatcore.getFixedColumnStyle.call(void 0, column, ctx.fixedColumnsInfo, 10);
             const widthStyle = column.width ? {
               width: typeof column.width === "number" ? `${column.width}px` : column.width
             } : void 0;
             const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
-            const stickyBgClass = striped && index % 2 === 0 ? "bg-[var(--tiger-surface-muted,#f9fafb)]/50" : "bg-[var(--tiger-surface,#ffffff)]";
-            const stickyCellClass = isFixedLeft || isFixedRight ? _tigercatcore.classNames.call(void 0, 
-              stickyBgClass,
-              hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-            ) : void 0;
+            const stickyCellClass = _tigercatcore.getTableFixedCellClasses.call(void 0, {
+              view: "table",
+              column,
+              record,
+              rowIndex: index,
+              striped,
+              stripedActive: striped && index % 2 === 0,
+              selected: isSelected,
+              hoverable,
+              fixedInfo: ctx.fixedColumnsInfo
+            });
             const isEditing = _optionalChain([ctx, 'access', _61 => _61.editingCell, 'optionalAccess', _62 => _62.rowIndex]) === index && _optionalChain([ctx, 'access', _63 => _63.editingCell, 'optionalAccess', _64 => _64.columnKey]) === column.key;
             const cellEditable = ctx.isCellEditable(column.key, index);
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -852,18 +847,20 @@ function renderPagination(ctx, view) {
   const paginationConfig = pagination;
   const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.length;
   const locale = view.disableI18n ? void 0 : view.locale;
-  const labels = locale ? _tigercatcore.getPaginationLabels.call(void 0, locale) : void 0;
+  const labels = _tigercatcore.getPaginationLabels.call(void 0, locale);
   const localeCode = _optionalChain([locale, 'optionalAccess', _66 => _66.locale]);
-  const isZh = !!_optionalChain([localeCode, 'optionalAccess', _67 => _67.startsWith, 'call', _68 => _68("zh")]) || _optionalChain([locale, 'optionalAccess', _69 => _69.formWizard, 'optionalAccess', _70 => _70.prevText]) === "\u4E0A\u4E00\u6B65" || _optionalChain([locale, 'optionalAccess', _71 => _71.upload, 'optionalAccess', _72 => _72.clickToUploadText]) === "\u70B9\u51FB\u4E0A\u4F20";
-  const defaultTotalText = (t, range) => isZh ? `\u5171 ${t} \u6761` : `Showing ${range[0]} to ${range[1]} of ${t} results`;
-  const defaultPrevText = isZh ? "\u4E0A\u4E00\u9875" : "Previous";
-  const defaultNextText = isZh ? "\u4E0B\u4E00\u9875" : "Next";
-  const defaultPageIndicatorText = (current, total2) => isZh ? `\u7B2C ${current} \u9875 / \u5171 ${total2} \u9875` : `Page ${current} of ${total2}`;
-  const defaultPageSizeText = (size) => isZh ? `${size} \u6761/\u9875` : `${size} / page`;
-  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : labels ? _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, total, [startIndex, endIndex], localeCode) : defaultTotalText(total, [startIndex, endIndex]);
-  const finalPrevText = paginationConfig.prevText || _optionalChain([labels, 'optionalAccess', _73 => _73.prevPageAriaLabel]) || defaultPrevText;
-  const finalNextText = paginationConfig.nextText || _optionalChain([labels, 'optionalAccess', _74 => _74.nextPageAriaLabel]) || defaultNextText;
-  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage, totalPages) : labels ? `${_tigercatcore.formatPageAriaLabel.call(void 0, labels.pageAriaLabel, ctx.currentPage, localeCode)} / ${_tigercatcore.formatIntlNumber.call(void 0, totalPages, localeCode)} ${labels.pageText}` : defaultPageIndicatorText(ctx.currentPage, totalPages);
+  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, total, [startIndex, endIndex], localeCode);
+  const finalPrevText = paginationConfig.prevText || labels.prevPageAriaLabel;
+  const finalNextText = paginationConfig.nextText || labels.nextPageAriaLabel;
+  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage, totalPages) : _tigercatcore.formatPaginationPageIndicator.call(void 0, 
+    labels.pageIndicatorText,
+    ctx.currentPage,
+    totalPages,
+    localeCode
+  );
+  const finalPrevAriaLabel = view.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
+  const finalNextAriaLabel = view.disableI18n ? finalNextText : labels.nextPageAriaLabel;
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ), children: [
     paginationConfig.showTotal !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ), children: finalTotalText }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ), children: [
@@ -872,8 +869,13 @@ function renderPagination(ctx, view) {
         {
           className: _tigercatcore.getSimplePaginationSelectClasses.call(void 0, ),
           value: ctx.currentPageSize,
+          "aria-label": labels.itemsPerPageText,
           onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value)),
-          children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: size, children: paginationConfig.pageSizeText ? paginationConfig.pageSizeText(size) : labels ? `${_tigercatcore.formatIntlNumber.call(void 0, size, localeCode)} ${labels.itemsPerPageText}` : defaultPageSizeText(size) }, size))
+          children: normalizedPageSizeOptions.map((option) => {
+            const value = typeof option === "number" ? option : option.value;
+            const label = typeof option === "number" ? `${_tigercatcore.formatIntlNumber.call(void 0, value, localeCode)} ${labels.itemsPerPageText}` : _nullishCoalesce(option.label, () => ( `${_tigercatcore.formatIntlNumber.call(void 0, value, localeCode)} ${labels.itemsPerPageText}`));
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value, children: paginationConfig.pageSizeText ? paginationConfig.pageSizeText(value) : label }, value);
+          })
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationButtonsWrapperClasses.call(void 0, ), children: [
@@ -882,16 +884,25 @@ function renderPagination(ctx, view) {
           {
             className: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasPrev),
             disabled: !hasPrev,
+            "aria-label": finalPrevAriaLabel,
             onClick: () => ctx.handlePageChange(ctx.currentPage - 1),
             children: finalPrevText
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ), children: finalPageIndicatorText }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ),
+            "aria-label": finalPageIndicatorText,
+            children: finalPageIndicatorText
+          }
+        ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
             className: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasNext),
             disabled: !hasNext,
+            "aria-label": finalNextAriaLabel,
             onClick: () => ctx.handlePageChange(ctx.currentPage + 1),
             children: finalNextText
           }
@@ -1134,7 +1145,7 @@ function Table({
           const key = ctx.pageRowKeys[index];
           const isExpanded = ctx.expandedRowKeySet.has(key);
           const isRowExpandable = internalExpandable ? internalExpandable.rowExpandable ? internalExpandable.rowExpandable(record) : true : false;
-          const expandedContent = internalExpandable && isExpanded && isRowExpandable ? _optionalChain([internalExpandable, 'access', _75 => _75.expandedRowRender, 'optionalCall', _76 => _76(record, index)]) : null;
+          const expandedContent = internalExpandable && isExpanded && isRowExpandable ? _optionalChain([internalExpandable, 'access', _67 => _67.expandedRowRender, 'optionalCall', _68 => _68(record, index)]) : null;
           const expandedNode = expandedContent;
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "div",
@@ -1142,13 +1153,13 @@ function Table({
               className: _tigercatcore.tableResponsiveCardClasses,
               onClick: () => ctx.handleRowClick(record, index, key),
               children: [
-                _optionalChain([internalRowSelection, 'optionalAccess', _77 => _77.showCheckbox]) !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-3", children: [
+                _optionalChain([internalRowSelection, 'optionalAccess', _69 => _69.showCheckbox]) !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-3", children: [
                   internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "input",
                     {
                       type: internalRowSelection.type === "radio" ? "radio" : "checkbox",
                       checked: ctx.selectedRowKeySet.has(key),
-                      disabled: _optionalChain([internalRowSelection, 'access', _78 => _78.getCheckboxProps, 'optionalCall', _79 => _79(record), 'optionalAccess', _80 => _80.disabled]),
+                      disabled: _optionalChain([internalRowSelection, 'access', _70 => _70.getCheckboxProps, 'optionalCall', _71 => _71(record), 'optionalAccess', _72 => _72.disabled]),
                       onClick: (event) => event.stopPropagation(),
                       onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
                     }

package/dist/{chunk-APODZAVO.js → chunk-VHHYTCZQ.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkIXHXSD2Ejs = require('./chunk-IXHXSD2E.js');
+var _chunkVAZYY35Fjs = require('./chunk-VAZYY35F.js');
 
 
 var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
@@ -248,7 +248,7 @@ var DataTableWithToolbar = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
     renderToolbar(),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkIXHXSD2Ejs.Table,
+      _chunkVAZYY35Fjs.Table,
       {
         ...remainingTableProps,
         bordered,

package/dist/{chunk-VUODYCCC.mjs → chunk-VXOLIMK2.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-IWLUYAZV.mjs";
+} from "./chunk-AIXYHS2L.mjs";
 import {
   Select
 } from "./chunk-T4OVGM4X.mjs";