@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/{chunk-VAIWWELW.mjs → chunk-3OBUJIJI.mjs}

@@ -36,10 +36,13 @@ var TREESELECT_KEYS = /* @__PURE__ */ new Set([
   "disabled",
   "clearable",
   "multiple",
-  "showSearch",
-  "notFoundText",
+  "searchable",
+  "searchValue",
+  "defaultSearchValue",
+  "emptyText",
   "defaultExpandAll",
-  "onChange"
+  "onChange",
+  "onSearchChange"
 ]);
 var TreeSelect = (props) => {
   const {
@@ -50,11 +53,14 @@ var TreeSelect = (props) => {
     disabled = false,
     clearable = false,
     multiple = false,
-    showSearch = false,
-    notFoundText,
+    searchable = false,
+    searchValue,
+    defaultSearchValue = "",
+    emptyText,
     defaultExpandAll = false,
     className,
     onChange,
+    onSearchChange,
     locale,
     ...rest
   } = props;
@@ -72,7 +78,8 @@ var TreeSelect = (props) => {
   const instanceId = useId();
   const listboxId = `tiger-treeselect-listbox-${instanceId}`;
   const [isOpen, setIsOpen] = useState(false);
-  const [searchQuery, setSearchQuery] = useState("");
+  const [uncontrolledSearchValue, setUncontrolledSearchValue] = useState(defaultSearchValue);
+  const searchQuery = searchValue ?? uncontrolledSearchValue;
   const [expandedKeys, setExpandedKeys] = useState(
     () => defaultExpandAll ? new Set(getAllTreeSelectKeys(treeData)) : /* @__PURE__ */ new Set()
   );
@@ -98,7 +105,13 @@ var TreeSelect = (props) => {
   }
   function closeDropdown() {
     setIsOpen(false);
-    setSearchQuery("");
+    updateSearchValue("");
+  }
+  function updateSearchValue(value2) {
+    if (searchValue === void 0) {
+      setUncontrolledSearchValue(value2);
+    }
+    onSearchChange?.(value2);
   }
   function toggleDropdown() {
     if (isOpen) closeDropdown();
@@ -211,7 +224,7 @@ var TreeSelect = (props) => {
       }
     ),
     isOpen && /* @__PURE__ */ jsxs("div", { ...getPickerListboxAria({ id: listboxId }), className: treeSelectDropdownClasses, children: [
-      showSearch && /* @__PURE__ */ jsx(
+      searchable && /* @__PURE__ */ jsx(
         "input",
         {
           type: "text",
@@ -219,7 +232,7 @@ var TreeSelect = (props) => {
           placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
           value: searchQuery,
           "aria-label": "Search tree",
-          onChange: (e) => setSearchQuery(e.target.value)
+          onChange: (e) => updateSearchValue(e.target.value)
         }
       ),
       visibleNodes.length > 0 ? visibleNodes.map((flatNode) => {
@@ -260,7 +273,7 @@ var TreeSelect = (props) => {
           },
           String(node.key)
         );
-      }) : /* @__PURE__ */ jsx("div", { className: treeSelectEmptyClasses, children: resolveLocaleText("No data", notFoundText, mergedLocale?.common?.emptyText) })
+      }) : /* @__PURE__ */ jsx("div", { className: treeSelectEmptyClasses, children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) })
     ] })
   ] });
 };

package/dist/{chunk-J3N24I7A.mjs → chunk-4F3UTDFE.mjs}

@@ -1,6 +1,10 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/QRCode.tsx
 import { useMemo } from "react";
-import { classNames } from "@expcat/tigercat-core";
+import { classNames, mergeTigerLocale, resolveLocaleText } from "@expcat/tigercat-core";
 import {
   qrcodeContainerClasses,
   qrcodeOverlayClasses,
@@ -17,11 +21,25 @@ var QRCode = ({
   level: _level = "M",
   status = "active",
   onRefresh,
-  className
+  className,
+  locale
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const matrix = useMemo(() => generateQRMatrix(value), [value]);
   const moduleSize = useMemo(() => size / matrix.length, [size, matrix.length]);
   const containerClass = classNames(qrcodeContainerClasses, className);
+  const ariaLabel = resolveLocaleText("QR Code", mergedLocale?.qrcode?.ariaLabel);
+  const expiredText = resolveLocaleText("QR code expired", mergedLocale?.qrcode?.expiredText);
+  const refreshText = resolveLocaleText("Refresh", mergedLocale?.qrcode?.refreshText);
+  const loadingText = resolveLocaleText(
+    "Loading...",
+    mergedLocale?.qrcode?.loadingText,
+    mergedLocale?.common?.loadingText
+  );
   return /* @__PURE__ */ jsxs("div", { className: containerClass, style: { width: size, height: size }, children: [
     /* @__PURE__ */ jsxs(
       "svg",
@@ -31,7 +49,7 @@ var QRCode = ({
         viewBox: `0 0 ${size} ${size}`,
         xmlns: "http://www.w3.org/2000/svg",
         role: "img",
-        "aria-label": "QR Code",
+        "aria-label": ariaLabel,
         children: [
           /* @__PURE__ */ jsx("rect", { width: size, height: size, fill: bgColor }),
           matrix.flatMap(
@@ -53,10 +71,10 @@ var QRCode = ({
       }
     ),
     status === "expired" && /* @__PURE__ */ jsxs("div", { className: qrcodeOverlayClasses, children: [
-      /* @__PURE__ */ jsx("span", { className: qrcodeExpiredTextClasses, children: "QR code expired" }),
-      /* @__PURE__ */ jsx("span", { className: qrcodeRefreshClasses, onClick: onRefresh, children: "Refresh" })
+      /* @__PURE__ */ jsx("span", { className: qrcodeExpiredTextClasses, children: expiredText }),
+      /* @__PURE__ */ jsx("span", { className: qrcodeRefreshClasses, onClick: onRefresh, children: refreshText })
     ] }),
-    status === "loading" && /* @__PURE__ */ jsx("div", { className: qrcodeOverlayClasses, children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading..." }) })
+    status === "loading" && /* @__PURE__ */ jsx("div", { className: qrcodeOverlayClasses, children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: loadingText }) })
   ] });
 };
 var QRCode_default = QRCode;

package/dist/{chunk-EEF26RBA.mjs → chunk-4SU6D2E7.mjs}

@@ -1,5 +1,9 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Badge.tsx
-import React from "react";
+import React, { useMemo } from "react";
 import {
   classNames,
   getBadgeVariantClasses,
@@ -10,11 +14,14 @@ import {
   badgeWrapperClasses,
   badgePositionClasses,
   formatBadgeContent,
-  shouldHideBadge
+  shouldHideBadge,
+  getStatusLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Badge = React.memo(
   ({
+    locale,
     variant = "danger",
     size = "md",
     type = "number",
@@ -28,6 +35,11 @@ var Badge = React.memo(
     ["aria-label"]: ariaLabelProp,
     ...props
   }) => {
+    const config = useTigerConfig();
+    const labels = useMemo(
+      () => getStatusLabels(mergeTigerLocale(config.locale, locale)),
+      [config.locale, locale]
+    );
     const isDot = type === "dot";
     const isHidden = shouldHideBadge(content, type, showZero);
     const displayContent = formatBadgeContent(content, max, showZero);
@@ -39,7 +51,7 @@ var Badge = React.memo(
       !standalone && badgePositionClasses[position],
       className
     );
-    const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
+    const computedAriaLabel = ariaLabelProp ?? (isDot ? labels.badgeLabel : type === "number" ? labels.badgeCountLabel.replace("{count}", String(displayContent)) : `${displayContent ?? ""}`);
     if (isHidden) {
       return standalone ? null : /* @__PURE__ */ jsx(Fragment, { children });
     }

package/dist/{chunk-PTMVWEIC.mjs → chunk-4XGO3OSE.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-C44WSDEY.mjs";
+} from "./chunk-S7IB6YST.mjs";
 import {
   renderBodyPortal
 } from "./chunk-SEWNVIHH.mjs";
@@ -82,6 +82,7 @@ var Popconfirm = ({
     containerRef,
     triggerRef,
     floatingRef,
+    closeAndRestoreFocus,
     actualPlacement,
     floatingStyles: baseFloatingStyles
   } = usePopup({
@@ -95,11 +96,11 @@ var Popconfirm = ({
   });
   const handleConfirm = () => {
     onConfirm?.();
-    setVisible(false);
+    closeAndRestoreFocus();
   };
   const handleCancel = () => {
     onCancel?.();
-    setVisible(false);
+    closeAndRestoreFocus();
   };
   const handleTriggerClick = () => {
     if (disabled) return;

package/dist/{chunk-OFRKYQOZ.mjs → chunk-533KLM7P.mjs}

@@ -1,12 +1,12 @@
 import {
   Textarea
-} from "./chunk-DVEK5SO6.mjs";
+} from "./chunk-UYJJLHVA.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Tag
-} from "./chunk-WMPCN7OF.mjs";
+} from "./chunk-MZCGQED3.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
@@ -296,7 +296,7 @@ var CommentThread = ({
                 {
                   size: "sm",
                   variant: node.tag.variant ?? "default",
-                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10",
+                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10",
                   children: node.tag.label
                 }
               ) : null,
@@ -305,7 +305,7 @@ var CommentThread = ({
                 {
                   size: "sm",
                   variant: tag.variant ?? "default",
-                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10",
+                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10",
                   children: tag.label
                 },
                 `${node.id}-tag-${index}`

package/dist/chunk-5SX2M3LU.mjs

@@ -0,0 +1,319 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
+// src/components/FileManager.tsx
+import { useCallback, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  getFileManagerContainerClasses,
+  getFileItemClasses,
+  deriveFileManagerModel,
+  toggleFileSelection,
+  resolveFileOpen,
+  sliceBreadcrumbPath,
+  toFileDragItem,
+  applyFileDragReorder,
+  formatFileSizeLabel,
+  getFileManagerLabels,
+  fileManagerToolbarClasses,
+  fileManagerBreadcrumbClasses,
+  fileManagerBreadcrumbItemClasses,
+  fileManagerBreadcrumbSeparatorClasses,
+  fileManagerContentClasses,
+  fileManagerItemIconClasses,
+  fileManagerItemNameClasses,
+  fileManagerItemMetaClasses,
+  fileManagerEmptyClasses,
+  fileManagerLoadingClasses,
+  fileManagerSearchClasses,
+  resolveLocaleText,
+  mergeTigerLocale
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FileManager = ({
+  files = [],
+  viewMode = "list",
+  selectedKeys = [],
+  multiple = false,
+  columns,
+  sortField = "name",
+  sortOrder = "asc",
+  currentPath = [],
+  showHidden = false,
+  draggable = false,
+  loading = false,
+  emptyText,
+  searchable = false,
+  searchText = "",
+  className,
+  onSelect,
+  onOpen,
+  onNavigate,
+  onSelectedKeysChange,
+  onCurrentPathChange,
+  onSearchTextChange,
+  onReorder,
+  renderIcon,
+  locale
+}) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const [localSearch, setLocalSearch] = useState(searchText);
+  const [focusedIndex, setFocusedIndex] = useState(0);
+  const contentRef = useRef(null);
+  const dragFromIndex = useRef(null);
+  const labels = useMemo(() => getFileManagerLabels(mergedLocale), [mergedLocale]);
+  const metaColumns = columns ?? ["size", "modified"];
+  const showSizeColumn = metaColumns.includes("size");
+  const showModifiedColumn = metaColumns.includes("modified");
+  const showTypeColumn = metaColumns.includes("type");
+  const model = useMemo(
+    () => deriveFileManagerModel({
+      files,
+      currentPath,
+      selectedKeys,
+      sortField,
+      sortOrder,
+      showHidden,
+      searchText: localSearch || searchText
+    }),
+    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
+  );
+  const containerClasses = useMemo(() => getFileManagerContainerClasses(className), [className]);
+  const handleSelect = useCallback(
+    (item) => {
+      if (item.disabled) return;
+      onSelect?.(item);
+      const keys = toggleFileSelection(selectedKeys, item.key, multiple);
+      onSelectedKeysChange?.(keys);
+    },
+    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
+  );
+  const handleOpen = useCallback(
+    (item) => {
+      const result = resolveFileOpen(item, currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        onCurrentPathChange?.(result.path);
+        onNavigate?.(result.path);
+      } else {
+        onOpen?.(result.item);
+      }
+    },
+    [currentPath, onOpen, onNavigate, onCurrentPathChange]
+  );
+  const navigateToBreadcrumb = useCallback(
+    (index) => {
+      const newPath = sliceBreadcrumbPath(currentPath, index);
+      onCurrentPathChange?.(newPath);
+      onNavigate?.(newPath);
+    },
+    [currentPath, onNavigate, onCurrentPathChange]
+  );
+  const breadcrumbItems = [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: fileManagerBreadcrumbItemClasses,
+        onClick: () => navigateToBreadcrumb(0),
+        children: labels.rootText
+      },
+      "root"
+    ),
+    ...currentPath.flatMap((seg, i) => [
+      /* @__PURE__ */ jsx("span", { className: fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: fileManagerBreadcrumbItemClasses,
+          onClick: () => navigateToBreadcrumb(i + 1),
+          children: seg
+        },
+        `path-${i}`
+      )
+    ])
+  ];
+  const contentClass = viewMode === "grid" ? `${fileManagerContentClasses} grid grid-cols-4 gap-2` : fileManagerContentClasses;
+  const firstEnabledIndex = model.processedItems.findIndex((item) => !item.disabled);
+  const focusedItem = focusedIndex >= 0 && !model.processedItems[focusedIndex]?.disabled ? focusedIndex : firstEnabledIndex;
+  const focusItemAt = useCallback((index) => {
+    requestAnimationFrame(() => {
+      contentRef.current?.querySelector(`[data-option-index="${index}"]`)?.focus();
+    });
+  }, []);
+  const moveFocus = useCallback(
+    (current, direction) => {
+      if (model.processedItems.length === 0) return;
+      let next = current;
+      for (let i = 0; i < model.processedItems.length; i += 1) {
+        next = (next + direction + model.processedItems.length) % model.processedItems.length;
+        if (!model.processedItems[next]?.disabled) {
+          setFocusedIndex(next);
+          focusItemAt(next);
+          return;
+        }
+      }
+    },
+    [focusItemAt, model.processedItems]
+  );
+  const handleItemKeyDown = useCallback(
+    (event, item, index) => {
+      switch (event.key) {
+        case "ArrowDown":
+        case "ArrowRight":
+          event.preventDefault();
+          moveFocus(index, 1);
+          return;
+        case "ArrowUp":
+        case "ArrowLeft":
+          event.preventDefault();
+          moveFocus(index, -1);
+          return;
+        case "Home":
+          event.preventDefault();
+          if (firstEnabledIndex >= 0) {
+            setFocusedIndex(firstEnabledIndex);
+            focusItemAt(firstEnabledIndex);
+          }
+          return;
+        case "End": {
+          event.preventDefault();
+          let lastEnabledIndex = -1;
+          for (let next = model.processedItems.length - 1; next >= 0; next -= 1) {
+            if (!model.processedItems[next]?.disabled) {
+              lastEnabledIndex = next;
+              break;
+            }
+          }
+          if (lastEnabledIndex >= 0) {
+            setFocusedIndex(lastEnabledIndex);
+            focusItemAt(lastEnabledIndex);
+          }
+          return;
+        }
+        case " ":
+          event.preventDefault();
+          handleSelect(item);
+          return;
+        case "Enter":
+          event.preventDefault();
+          handleSelect(item);
+          handleOpen(item);
+          return;
+        default:
+          return;
+      }
+    },
+    [firstEnabledIndex, focusItemAt, handleOpen, handleSelect, model.processedItems, moveFocus]
+  );
+  const handleDragStart = useCallback(
+    (event, item, index) => {
+      if (!draggable || item.disabled) return;
+      dragFromIndex.current = index;
+      event.dataTransfer.effectAllowed = "move";
+      event.dataTransfer.setData("text/plain", String(toFileDragItem(item, index).id));
+    },
+    [draggable]
+  );
+  const handleDragOver = useCallback(
+    (event) => {
+      if (!draggable || dragFromIndex.current === null) return;
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "move";
+    },
+    [draggable]
+  );
+  const handleDrop = useCallback(
+    (event, toIndex) => {
+      if (!draggable) return;
+      const fromIndex = dragFromIndex.current;
+      dragFromIndex.current = null;
+      if (fromIndex === null || fromIndex === toIndex) return;
+      event.preventDefault();
+      const items = model.processedItems;
+      const reordered = applyFileDragReorder(items, {
+        item: toFileDragItem(items[fromIndex], fromIndex),
+        fromIndex,
+        toIndex,
+        fromContainerId: "",
+        toContainerId: ""
+      });
+      onReorder?.(reordered, fromIndex, toIndex);
+    },
+    [draggable, model.processedItems, onReorder]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classNames(containerClasses), children: [
+    /* @__PURE__ */ jsxs("div", { className: fileManagerToolbarClasses, children: [
+      /* @__PURE__ */ jsx("nav", { className: fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      searchable && /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: fileManagerSearchClasses,
+          placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
+          value: localSearch,
+          onChange: (e) => {
+            setLocalSearch(e.target.value);
+            onSearchTextChange?.(e.target.value);
+          }
+        }
+      )
+    ] }),
+    model.processedItems.length > 0 ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: contentRef,
+        className: contentClass,
+        role: "listbox",
+        "aria-multiselectable": multiple,
+        children: model.processedItems.map((item, index) => {
+          const isSelected = model.selectedSet.has(item.key);
+          const itemClass = getFileItemClasses(viewMode, isSelected);
+          const dragItem = draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: itemClass,
+              role: "option",
+              "aria-selected": isSelected,
+              tabIndex: !item.disabled && index === focusedItem ? 0 : -1,
+              "data-option-index": index,
+              "data-disabled": item.disabled || void 0,
+              "data-drag-id": dragItem?.id,
+              onFocus: () => {
+                if (!item.disabled) setFocusedIndex(index);
+              },
+              onKeyDown: (event) => handleItemKeyDown(event, item, index),
+              onClick: () => handleSelect(item),
+              onDoubleClick: () => handleOpen(item),
+              draggable: draggable && !item.disabled,
+              onDragStart: (event) => handleDragStart(event, item, index),
+              onDragOver: handleDragOver,
+              onDrop: (event) => handleDrop(event, index),
+              children: [
+                renderIcon ? renderIcon(item) : /* @__PURE__ */ jsx("span", { className: fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
+                /* @__PURE__ */ jsx("span", { className: fileManagerItemNameClasses, children: item.name }),
+                viewMode === "list" && showTypeColumn && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: item.extension ?? item.type }),
+                viewMode === "list" && showSizeColumn && item.size !== void 0 && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: formatFileSizeLabel(item.size) }),
+                viewMode === "list" && showModifiedColumn && item.modified && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: item.modified })
+              ]
+            },
+            item.key
+          );
+        })
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: fileManagerEmptyClasses, children: resolveLocaleText("Empty folder", emptyText, mergedLocale?.common?.emptyText) }),
+    loading && /* @__PURE__ */ jsx("div", { className: fileManagerLoadingClasses, children: resolveLocaleText("Loading...", mergedLocale?.common?.loadingText) })
+  ] });
+};
+var FileManager_default = FileManager;
+
+export {
+  FileManager,
+  FileManager_default
+};

package/dist/{chunk-KED5S2WG.mjs → chunk-6REMGSLS.mjs}

@@ -1,6 +1,6 @@
 import {
   VirtualList
-} from "./chunk-7DUHHRAU.mjs";
+} from "./chunk-Y5X3G2LD.mjs";
 import {
   useTigerConfig
 } from "./chunk-QAIBQHIO.mjs";
@@ -36,7 +36,10 @@ import {
   getSimplePaginationSelectClasses,
   getSimplePaginationButtonClasses,
   getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationButtonsWrapperClasses
+  getSimplePaginationButtonsWrapperClasses,
+  getPaginationLabels,
+  formatPaginationTotal,
+  formatPaginationPageIndicator
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var spinnerSvg = getSpinnerSVG("spinner");
@@ -278,8 +281,15 @@ var List = ({
     const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
     const total = dataSource.length;
     const paginationConfig = pagination;
+    const paginationLabels = getPaginationLabels(mergedLocale);
+    const localeCode = mergedLocale?.locale;
     return /* @__PURE__ */ jsxs("div", { className: getSimplePaginationContainerClasses(), children: [
-      paginationConfig.showTotal !== false && /* @__PURE__ */ jsx("div", { className: getSimplePaginationTotalClasses(), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} items` }),
+      paginationConfig.showTotal !== false && /* @__PURE__ */ jsx("div", { className: getSimplePaginationTotalClasses(), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : formatPaginationTotal(
+        paginationLabels.totalText,
+        total,
+        [startIndex, endIndex],
+        localeCode
+      ) }),
       /* @__PURE__ */ jsxs("div", { className: getSimplePaginationControlsClasses(), children: [
         paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsx(
           "select",
@@ -289,7 +299,8 @@ var List = ({
             onChange: (e) => handlePageSizeChange(Number(e.target.value)),
             children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size2) => /* @__PURE__ */ jsxs("option", { value: size2, children: [
               size2,
-              " / page"
+              " ",
+              paginationLabels.itemsPerPageText
             ] }, size2))
           }
         ),
@@ -300,22 +311,22 @@ var List = ({
               className: getSimplePaginationButtonClasses(!hasPrev),
               disabled: !hasPrev,
               onClick: () => handlePageChange(currentPage - 1),
-              children: "Previous"
+              children: paginationLabels.prevPageAriaLabel
             }
           ),
-          /* @__PURE__ */ jsxs("span", { className: getSimplePaginationPageIndicatorClasses(), children: [
-            "Page ",
+          /* @__PURE__ */ jsx("span", { className: getSimplePaginationPageIndicatorClasses(), children: formatPaginationPageIndicator(
+            paginationLabels.pageIndicatorText,
             currentPage,
-            " of ",
-            totalPages
-          ] }),
+            totalPages,
+            localeCode
+          ) }),
           /* @__PURE__ */ jsx(
             "button",
             {
               className: getSimplePaginationButtonClasses(!hasNext),
               disabled: !hasNext,
               onClick: () => handlePageChange(currentPage + 1),
-              children: "Next"
+              children: paginationLabels.nextPageAriaLabel
             }
           )
         ] })

package/dist/{chunk-YSGM22AH.mjs → chunk-6UIVNRAR.mjs}

@@ -9,7 +9,10 @@ import {
   getStepTailClasses,
   getStepTitleClasses,
   getStepsContainerClasses,
-  calculateStepStatus
+  calculateStepStatus,
+  stepFinishIconViewBox,
+  stepFinishIconStrokeWidth,
+  stepFinishIconPathD
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var StepsContext = createContext(null);
@@ -70,9 +73,9 @@ var StepsItem = ({
           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__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" })
+          strokeWidth: stepFinishIconStrokeWidth,
+          viewBox: stepFinishIconViewBox,
+          children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: stepFinishIconPathD })
         }
       ) });
     }