@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-2TZ3SBMU.mjs → chunk-S4NGDDAM.mjs}

@@ -1,18 +1,18 @@
 import {
   Select
-} from "./chunk-KXNWY2Q7.mjs";
+} from "./chunk-LUABLBKS.mjs";
 import {
   Radio
-} from "./chunk-NPTXXUXF.mjs";
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-3RBRWBUG.mjs";
 import {
   Empty
-} from "./chunk-WIWTY74F.mjs";
+} from "./chunk-NJHZQBA7.mjs";
 import {
   Checkbox
-} from "./chunk-MSHCPJIJ.mjs";
+} from "./chunk-6BOSSZM3.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/Table.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
@@ -27,6 +27,7 @@ import {
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
+  getTableVirtualWindow,
   formatTableSelectRowAriaLabel,
   formatTableSortByText as formatTableSortByText2,
   getTableLabels,
@@ -111,7 +112,7 @@ var LoadingSpinner = () => /* @__PURE__ */ jsx(
 import { useEffect, useMemo, useState } from "react";
 import {
   sortData,
-  filterData,
+  filterTableData,
   paginateData,
   calculatePagination,
   createTableRowKeyCache,
@@ -120,7 +121,10 @@ import {
   getFixedColumnOffsets,
   freezeTableColumnWidths,
   filterHiddenColumns,
-  orderTableFixedColumns
+  orderTableFixedColumns,
+  getNextTableSelectAllKeys,
+  getTableSelectionState,
+  hasTableSelectionColumn
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(input) {
@@ -150,7 +154,7 @@ function useTableState(input) {
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -238,7 +242,7 @@ function useTableState(input) {
   }, [columns, fixedOverrides, effectiveHiddenColumnKeys]);
   const totalColumnCount = useMemo(() => {
     let count = displayColumns.length;
-    if (rowSelection && rowSelection.showCheckbox !== false) count++;
+    if (hasTableSelectionColumn(rowSelection)) count++;
     if (expandable) count++;
     return count;
   }, [displayColumns.length, rowSelection, expandable]);
@@ -263,7 +267,7 @@ function useTableState(input) {
     if (!isHiddenColumnsControlled) {
       setUncontrolledHiddenColumnKeys(hiddenKeys);
     }
-    onHiddenColumnsChange?.(hiddenKeys);
+    onHiddenColumnKeysChange?.(hiddenKeys);
   }
   function toggleColumnLock(columnKey) {
     setFixedOverrides((prev) => {
@@ -281,14 +285,14 @@ function useTableState(input) {
     if (filterMode === "advanced" && advancedFilterRules.length > 0) {
       data = filterDataAdvanced(data, advancedFilterRules);
     } else {
-      data = filterData(data, filterState);
+      data = filterTableData(data, columns, filterState);
     }
     if (sortState.key && sortState.direction) {
       const column = columnByKey[sortState.key];
       data = sortData(data, sortState.key, sortState.direction, column?.sortFn);
     }
     return data;
-  }, [dataSource, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
+  }, [dataSource, columns, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
   const paginatedData = useMemo(() => {
     if (pagination === false) {
       return processedData;
@@ -406,28 +410,28 @@ function useTableState(input) {
     }
     onSelectionChange?.(newKeys);
   }
+  const selectionState = useMemo(
+    () => getTableSelectionState({
+      records: paginatedData,
+      rowKeys: pageRowKeys,
+      selectedRowKeys,
+      getCheckboxProps: rowSelection?.getCheckboxProps
+    }),
+    [paginatedData, pageRowKeys, selectedRowKeys, rowSelection]
+  );
   function handleSelectAll(checked) {
-    if (checked) {
-      const newKeys = pageRowKeys;
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys(newKeys);
-      }
-      onSelectionChange?.(newKeys);
-    } else {
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys([]);
-      }
-      onSelectionChange?.([]);
+    const newKeys = getNextTableSelectAllKeys(
+      selectedRowKeys,
+      selectionState.selectableRowKeys,
+      checked
+    );
+    if (!isSelectionControlled) {
+      setUncontrolledSelectedRowKeys(newKeys);
     }
+    onSelectionChange?.(newKeys);
   }
-  const allSelected = useMemo(() => {
-    if (pageRowKeys.length === 0) return false;
-    return pageRowKeys.every((key) => selectedRowKeySet.has(key));
-  }, [pageRowKeys, selectedRowKeySet]);
-  const someSelected = useMemo(
-    () => selectedRowKeys.length > 0 && !allSelected,
-    [selectedRowKeys.length, allSelected]
-  );
+  const allSelected = selectionState.allSelected;
+  const someSelected = selectionState.someSelected;
   const [editingCell, setEditingCell] = useState(
     null
   );
@@ -557,9 +561,10 @@ function renderTableHeader(ctx, view) {
     columnLockable,
     columnDraggable,
     lockColumnAriaLabel,
-    unlockColumnAriaLabel
+    unlockColumnAriaLabel,
+    labels
   } = view;
-  const expandHeaderTh = expandable ? /* @__PURE__ */ jsx2("th", { className: getExpandIconCellClasses(size), "aria-label": "Expand" }) : null;
+  const expandHeaderTh = expandable ? /* @__PURE__ */ jsx2("th", { className: getExpandIconCellClasses(size), "aria-label": labels.expandText }) : null;
   const expandAtStart = expandable?.expandIconPosition !== "end";
   return /* @__PURE__ */ jsx2("thead", { className: getTableHeaderClasses(stickyHeader), children: /* @__PURE__ */ jsxs("tr", { children: [
     expandAtStart && expandHeaderTh,
@@ -640,7 +645,7 @@ function renderTableHeader(ctx, view) {
                 onChange: (e) => ctx.handleFilter(column.key, e.target.value),
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx2("option", { value: "", children: "All" }),
+                  /* @__PURE__ */ jsx2("option", { value: "", children: labels.allText }),
                   column.filter.options.map((opt) => /* @__PURE__ */ jsx2("option", { value: opt.value, children: opt.label }, opt.value))
                 ]
               }
@@ -649,7 +654,7 @@ function renderTableHeader(ctx, view) {
               {
                 type: "text",
                 className: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                placeholder: column.filter.placeholder || "Filter...",
+                placeholder: column.filter.placeholder || labels.filterPlaceholder,
                 onInput: (e) => ctx.handleFilter(column.key, e.target.value),
                 onClick: (e) => e.stopPropagation()
               }
@@ -667,6 +672,7 @@ function renderTableHeader(ctx, view) {
 import React from "react";
 import {
   classNames as classNames2,
+  isActivationKey,
   getTableRowClasses,
   getTableCellClasses,
   getTableFixedCellClasses,
@@ -691,8 +697,11 @@ function renderTableBody(ctx, view) {
     emptyText,
     rowSelection,
     expandable,
+    labels,
     rowClassName,
-    rowDraggable
+    rowDraggable,
+    interactiveRows,
+    virtualWindow
   } = view;
   if (loading) {
     return null;
@@ -744,7 +753,7 @@ function renderTableBody(ctx, view) {
       {
         type: "button",
         className: "inline-flex items-center justify-center",
-        "aria-label": isExpanded ? "Collapse row" : "Expand row",
+        "aria-label": isExpanded ? labels.collapseRowAriaLabel : labels.expandRowAriaLabel,
         "aria-expanded": isExpanded,
         onClick: (e) => {
           e.stopPropagation();
@@ -762,6 +771,15 @@ function renderTableBody(ctx, view) {
           getTableRowClasses(hoverable, striped, index % 2 === 0, rowClass),
           ctx.fixedColumnsInfo.hasFixedColumns && "group"
         ),
+        "aria-selected": rowSelection ? isSelected : void 0,
+        tabIndex: interactiveRows ? 0 : void 0,
+        onKeyDown: interactiveRows ? (e) => {
+          if (e.target !== e.currentTarget) return;
+          if (isActivationKey(e)) {
+            e.preventDefault();
+            ctx.handleRowClick(record, index, key);
+          }
+        } : void 0,
         draggable: rowDraggable ? true : void 0,
         children: [
           expandAtStart && expandToggleCell,
@@ -862,6 +880,33 @@ function renderTableBody(ctx, view) {
       }
     );
   }
+  if (virtualWindow && virtualWindow.endIndex >= virtualWindow.startIndex) {
+    const { startIndex, endIndex, topPad, bottomPad } = virtualWindow;
+    const windowed = [];
+    if (topPad > 0) {
+      windowed.push(
+        /* @__PURE__ */ jsx3("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx3("td", { colSpan: ctx.totalColumnCount, style: { height: `${topPad}px`, padding: 0 } }) }, "virtual-top")
+      );
+    }
+    for (let index = startIndex; index <= endIndex; index++) {
+      windowed.push(renderDataRow(ctx.paginatedData[index], index));
+    }
+    if (bottomPad > 0) {
+      windowed.push(
+        /* @__PURE__ */ jsx3("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx3("td", { colSpan: ctx.totalColumnCount, style: { height: `${bottomPad}px`, padding: 0 } }) }, "virtual-bottom")
+      );
+    }
+    return /* @__PURE__ */ jsx3(
+      "tbody",
+      {
+        onClick: handleBodyClick,
+        onDragStart: rowDraggable ? handleBodyDragStart : void 0,
+        onDragOver: rowDraggable ? handleBodyDragOver : void 0,
+        onDrop: rowDraggable ? handleBodyDrop : void 0,
+        children: windowed
+      }
+    );
+  }
   return /* @__PURE__ */ jsx3(
     "tbody",
     {
@@ -927,7 +972,12 @@ function renderPagination(ctx, view) {
   );
   const finalPrevAriaLabel = view.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
   const finalNextAriaLabel = view.disableI18n ? finalNextText : labels.nextPageAriaLabel;
-  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [
+    10,
+    20,
+    50,
+    100
+  ];
   return /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationContainerClasses(), children: [
     paginationConfig.showTotal !== false && /* @__PURE__ */ jsx5("div", { className: getSimplePaginationTotalClasses(), children: finalTotalText }),
     /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationControlsClasses(), children: [
@@ -1026,7 +1076,7 @@ function Table({
   virtual = false,
   autoVirtual = true,
   virtualHeight = 400,
-  virtualItemHeight: _virtualItemHeight = 40,
+  virtualItemHeight = 40,
   autoVirtualThreshold = 1e4,
   virtualThreshold = 1e3,
   editable = false,
@@ -1045,7 +1095,7 @@ function Table({
   onSelectionChange,
   onSortChange,
   onFilterChange,
-  onHiddenColumnsChange,
+  onHiddenColumnKeysChange,
   onPageChange,
   onExpandChange,
   onCellChange,
@@ -1148,7 +1198,7 @@ function Table({
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -1179,6 +1229,16 @@ function Table({
     [autoVirtual, autoVirtualThreshold, dataSource.length, virtual, virtualThreshold]
   );
   const effectiveVirtual = virtualRecommendation.enabled;
+  const [virtualScrollTop, setVirtualScrollTop] = useState2(0);
+  const virtualWindow = useMemo2(
+    () => effectiveVirtual ? getTableVirtualWindow(
+      virtualScrollTop,
+      typeof virtualHeight === "number" ? virtualHeight : 400,
+      virtualItemHeight,
+      ctx.paginatedData.length
+    ) : void 0,
+    [effectiveVirtual, virtualScrollTop, virtualHeight, virtualItemHeight, ctx.paginatedData.length]
+  );
   const wrapperStyle = useMemo2(() => {
     if (effectiveVirtual) {
       return {
@@ -1217,6 +1277,7 @@ function Table({
         maxHeight || (virtual ? virtualHeight : void 0)
       ),
       style: wrapperStyle,
+      onScroll: effectiveVirtual ? (e) => setVirtualScrollTop(e.target.scrollTop) : void 0,
       "data-tiger-virtual": virtualRecommendation.enabled ? "enabled" : void 0,
       "data-tiger-virtual-auto": virtualRecommendation.autoEnabled ? "true" : void 0,
       "data-tiger-virtual-recommended": virtualRecommendation.recommended ? "true" : void 0,
@@ -1224,7 +1285,16 @@ function Table({
       "data-tiger-measured-row-height": measuredRowHeights[0] || void 0,
       "aria-busy": loading,
       children: [
-        exportable && /* @__PURE__ */ jsx6("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsx6("button", { type: "button", className: tableExportButtonClasses, onClick: ctx.handleExport, children: exportFormat === "excel" ? "Export Excel" : "Export CSV" }) }),
+        exportable && /* @__PURE__ */ jsx6("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            className: tableExportButtonClasses,
+            "aria-label": exportFormat === "excel" ? tableLabels.exportExcelAriaLabel : tableLabels.exportCsvAriaLabel,
+            onClick: ctx.handleExport,
+            children: exportFormat === "excel" ? tableLabels.exportExcelText : tableLabels.exportCsvText
+          }
+        ) }),
         /* @__PURE__ */ jsxs5(
           "table",
           {
@@ -1262,7 +1332,8 @@ function Table({
                 columnLockable,
                 columnDraggable,
                 lockColumnAriaLabel: tableLabels.lockColumnAriaLabel,
-                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel
+                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel,
+                labels: tableLabels
               }),
               renderTableBody(ctx, {
                 size,
@@ -1272,8 +1343,11 @@ function Table({
                 emptyText: tableLabels.emptyText,
                 rowSelection: internalRowSelection,
                 expandable: internalExpandable,
+                labels: tableLabels,
                 rowClassName: internalRowClassName,
-                rowDraggable
+                rowDraggable,
+                interactiveRows: !!onRowClick || !!internalRowSelection,
+                virtualWindow
               }),
               renderSummaryRow(ctx, {
                 size,

package/dist/{chunk-EF5ZTNHX.js → chunk-SA3N2LUB.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/Transfer.tsx
+"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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/Transfer.tsx
 var _react = require('react');
 
 
@@ -17,12 +21,16 @@ var _react = require('react');
 
 
 
+
+
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "value",
+  "targetKeys",
   "dataSource",
   "size",
   "disabled",
@@ -33,21 +41,30 @@ var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "filterOption",
   "onChange"
 ]);
+var EMPTY_TRANSFER_VALUE = [];
 var Transfer = (props) => {
   const {
-    value = [],
+    value,
+    targetKeys,
     dataSource = [],
     size = "md",
     disabled = false,
     showSearch = false,
     sourceTitle = "Source",
     targetTitle = "Target",
-    notFoundText = "No data",
+    notFoundText,
     filterOption,
     className,
     onChange,
+    locale,
     ...rest
   } = props;
+  const resolvedValue = _nullishCoalesce(_nullishCoalesce(value, () => ( targetKeys)), () => ( EMPTY_TRANSFER_VALUE));
+  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 divProps = {};
   for (const key of Object.keys(rest)) {
     if (!TRANSFER_KEYS.has(key)) {
@@ -59,8 +76,8 @@ var Transfer = (props) => {
   const [sourceSearch, setSourceSearch] = _react.useState.call(void 0, "");
   const [targetSearch, setTargetSearch] = _react.useState.call(void 0, "");
   const { sourceItems, targetItems } = _react.useMemo.call(void 0, 
-    () => _tigercatcore.splitTransferData.call(void 0, dataSource, value),
-    [dataSource, value]
+    () => _tigercatcore.splitTransferData.call(void 0, dataSource, resolvedValue),
+    [dataSource, resolvedValue]
   );
   const filteredSourceItems = _react.useMemo.call(void 0, 
     () => _tigercatcore.filterTransferItems.call(void 0, sourceItems, sourceSearch, filterOption),
@@ -96,25 +113,25 @@ var Transfer = (props) => {
   }
   function moveRight() {
     if (!canMoveRight) return;
-    const keysToMove = [...sourceSelectedKeys].filter((key) => {
-      const item = dataSource.find((d) => d.key === key);
-      return item && !item.disabled;
-    });
-    const newTargetKeys = [...value, ...keysToMove];
+    const { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
+      "right",
+      resolvedValue,
+      sourceSelectedKeys,
+      dataSource
+    );
     setSourceSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _ => _(newTargetKeys, "right", keysToMove)]);
+    _optionalChain([onChange, 'optionalCall', _ => _(newTargetKeys, "right", movedKeys)]);
   }
   function moveLeft() {
     if (!canMoveLeft) return;
-    const keysToRemove = new Set(
-      [...targetSelectedKeys].filter((key) => {
-        const item = dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      })
+    const { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
+      "left",
+      resolvedValue,
+      targetSelectedKeys,
+      dataSource
     );
-    const newTargetKeys = value.filter((k) => !keysToRemove.has(k));
     setTargetSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _2 => _2(newTargetKeys, "left", [...keysToRemove])]);
+    _optionalChain([onChange, 'optionalCall', _2 => _2(newTargetKeys, "left", movedKeys)]);
   }
   function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.transferPanelClasses, role: "group", "aria-label": title, children: [
@@ -129,7 +146,7 @@ var Transfer = (props) => {
         {
           type: "text",
           className: _tigercatcore.transferSearchClasses,
-          placeholder: "Search...",
+          placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.common, 'optionalAccess', _4 => _4.searchPlaceholder])),
           value: searchValue,
           "aria-label": `Search ${title}`,
           onChange: (e) => onSearch(e.target.value)
@@ -166,7 +183,7 @@ var Transfer = (props) => {
               },
               String(item.key)
             );
-          }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.transferEmptyClasses, children: notFoundText })
+          }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.transferEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", notFoundText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.emptyText])) })
         }
       )
     ] });

package/dist/{chunk-M7HBWFQO.js → chunk-SFBSI3J7.js}

@@ -10,6 +10,9 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var StepsContext = _react.createContext.call(void 0, null);
@@ -64,7 +67,17 @@ var StepsItem = ({
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: icon });
     }
     if (stepStatus === "finish") {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }) });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "svg",
+        {
+          className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: _tigercatcore.stepFinishIconStrokeWidth,
+          viewBox: _tigercatcore.stepFinishIconViewBox,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: _tigercatcore.stepFinishIconPathD })
+        }
+      ) });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: stepIndex + 1 });
   };

package/dist/{chunk-G5USITWF.js → chunk-SH4BZYXO.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/NumberKeyboard.tsx
+"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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/NumberKeyboard.tsx
 var _react = require('react');
 
 
@@ -10,6 +14,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var NumberKeyboard = ({
@@ -21,10 +27,11 @@ var NumberKeyboard = ({
   decimalSeparator = ".",
   disabled = false,
   readonly = false,
-  confirmText = "Done",
+  confirmText,
   deleteText = "Delete",
   ariaLabel = "Number keyboard",
   showConfirm = true,
+  locale,
   className,
   style,
   onChange,
@@ -33,17 +40,29 @@ var NumberKeyboard = ({
   onConfirm,
   ...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 confirmLabel = _tigercatcore.resolveLocaleText.call(void 0, "Done", confirmText, _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.okText]));
   const isControlled = value !== void 0;
   const [innerValue, setInnerValue] = _react.useState.call(void 0, () => _tigercatcore.normalizeNumberKeyboardValue.call(void 0, defaultValue));
   const currentValue = isControlled ? _tigercatcore.normalizeNumberKeyboardValue.call(void 0, value) : innerValue;
   const isDisabled = disabled || readonly;
   const keys = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getNumberKeyboardKeys.call(void 0, { mode, decimalSeparator, deleteText, confirmText, showConfirm }),
-    [confirmText, decimalSeparator, deleteText, mode, showConfirm]
+    () => _tigercatcore.getNumberKeyboardKeys.call(void 0, {
+      mode,
+      decimalSeparator,
+      deleteText,
+      confirmText: confirmLabel,
+      showConfirm
+    }),
+    [confirmLabel, decimalSeparator, deleteText, mode, showConfirm]
   );
   function emitChange(nextValue, payload) {
     if (!isControlled) setInnerValue(nextValue);
-    _optionalChain([onChange, 'optionalCall', _ => _(nextValue, payload)]);
+    _optionalChain([onChange, 'optionalCall', _3 => _3(nextValue, payload)]);
   }
   function handleKeyClick(key) {
     if (isDisabled || key.type === "empty") return;
@@ -60,12 +79,12 @@ var NumberKeyboard = ({
       action,
       mode
     };
-    _optionalChain([onKeyPress, 'optionalCall', _2 => _2(key, payload)]);
+    _optionalChain([onKeyPress, 'optionalCall', _4 => _4(key, payload)]);
     if (action === "confirm") {
-      _optionalChain([onConfirm, 'optionalCall', _3 => _3(currentValue, { ...payload, value: currentValue })]);
+      _optionalChain([onConfirm, 'optionalCall', _5 => _5(currentValue, { ...payload, value: currentValue })]);
       return;
     }
-    if (action === "delete") _optionalChain([onDelete, 'optionalCall', _4 => _4(nextValue, payload)]);
+    if (action === "delete") _optionalChain([onDelete, 'optionalCall', _6 => _6(nextValue, payload)]);
     if (nextValue !== currentValue) emitChange(nextValue, payload);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

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

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