@expcat/tigercat-react 1.3.4 → 1.4.0

package/dist/{chunk-A42OLED6.mjs → chunk-KED5S2WG.mjs}

@@ -1,11 +1,16 @@
 import {
   VirtualList
 } from "./chunk-7DUHHRAU.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/List.tsx
 import React, { useMemo, useState } from "react";
 import {
   classNames,
+  resolveLocaleText,
+  mergeTigerLocale,
   getListClasses,
   getListItemClasses,
   getListHeaderFooterClasses,
@@ -54,7 +59,8 @@ var List = ({
   size = "md",
   bordered = "divided",
   loading = false,
-  emptyText = "No data",
+  emptyText,
+  locale,
   split = true,
   itemLayout = "horizontal",
   header,
@@ -75,6 +81,11 @@ var List = ({
   onReorder,
   ...divProps
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const [currentPage, setCurrentPage] = useState(
     pagination && typeof pagination === "object" ? pagination.current || 1 : 1
   );
@@ -232,7 +243,7 @@ var List = ({
       return null;
     }
     if (paginatedData.length === 0) {
-      return /* @__PURE__ */ jsx("div", { className: listEmptyStateClasses, role: "status", "aria-live": "polite", children: emptyText });
+      return /* @__PURE__ */ jsx("div", { className: listEmptyStateClasses, role: "status", "aria-live": "polite", children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) });
     }
     const items = paginatedData.map((item, index) => renderListItem(item, index));
     if (grid) {

package/dist/{chunk-BJQIYELW.mjs → chunk-KGMVRIYC.mjs}

@@ -53,7 +53,7 @@ var ImageViewer = ({
   className,
   onOpenChange,
   onClose,
-  onIndexChange
+  onCurrentIndexChange
 }) => {
   const [index, setIndex] = useState(currentIndex);
   const [transform, setTransform] = useState(createDefaultTransform);
@@ -75,14 +75,14 @@ var ImageViewer = ({
     const newIndex = (index - 1 + images.length) % images.length;
     setIndex(newIndex);
     resetTransform();
-    onIndexChange?.(newIndex);
-  }, [index, images.length, onIndexChange, resetTransform]);
+    onCurrentIndexChange?.(newIndex);
+  }, [index, images.length, onCurrentIndexChange, resetTransform]);
   const handleNext = useCallback(() => {
     const newIndex = (index + 1) % images.length;
     setIndex(newIndex);
     resetTransform();
-    onIndexChange?.(newIndex);
-  }, [index, images.length, onIndexChange, resetTransform]);
+    onCurrentIndexChange?.(newIndex);
+  }, [index, images.length, onCurrentIndexChange, resetTransform]);
   useEffect(() => {
     if (!open) return;
     const handler = (e) => {

package/dist/{chunk-6GYT3EZD.mjs → chunk-KXT2TP6A.mjs}

@@ -1,10 +1,10 @@
 import {
+  renderBodyPortal,
   useEscapeKey
 } from "./chunk-SEWNVIHH.mjs";
 
 // src/components/ImagePreview.tsx
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
-import { createPortal } from "react-dom";
 import {
   classNames,
   imagePreviewMaskClasses,
@@ -223,7 +223,7 @@ var ImagePreview = ({
   );
   if (!isOpen || !images.length) return null;
   const currentSrc = images[index] || images[0];
-  return createPortal(
+  return renderBodyPortal(
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -341,8 +341,7 @@ var ImagePreview = ({
           ] })
         ]
       }
-    ),
-    document.body
+    )
   );
 };
 

package/dist/{chunk-BBLVRLXT.js → chunk-KYNWNTGO.js}

@@ -1,13 +1,16 @@
-"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; }// src/components/Select.tsx
-var _react = require('react');
-
+"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/Select.tsx
 
 
 
 
+var _tigercatcore = require('@expcat/tigercat-core');
 
+// src/components/Select/state.ts
+var _react = require('react');
 
 
 
@@ -22,10 +25,31 @@ var _react = require('react');
 
 
 
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var isMultipleSelect = (props) => props.multiple === true;
-var Select = (props) => {
+var SELECT_KEYS = /* @__PURE__ */ new Set([
+  "options",
+  "size",
+  "disabled",
+  "placeholder",
+  "searchable",
+  "clearable",
+  "noOptionsText",
+  "noDataText",
+  "maxTagCount",
+  "virtual",
+  "remote",
+  "searchDebounce",
+  "creatable",
+  "createOptionText",
+  "listHeight",
+  "onSearch",
+  "onCreate",
+  "className",
+  "value",
+  "onChange",
+  "multiple",
+  "locale"
+]);
+function useSelectState(props) {
   const {
     options = [],
     size = "md",
@@ -33,8 +57,8 @@ var Select = (props) => {
     placeholder = "Select an option",
     searchable = false,
     clearable = true,
-    noOptionsText = "No options found",
-    noDataText = "No options available",
+    noOptionsText,
+    noDataText,
     maxTagCount,
     remote = false,
     searchDebounce = 0,
@@ -45,32 +69,15 @@ var Select = (props) => {
     className,
     value,
     onChange,
-    multiple
+    multiple,
+    locale
   } = props;
   const isMultiple = multiple === true;
-  const SELECT_KEYS = /* @__PURE__ */ new Set([
-    "options",
-    "size",
-    "disabled",
-    "placeholder",
-    "searchable",
-    "clearable",
-    "noOptionsText",
-    "noDataText",
-    "maxTagCount",
-    "virtual",
-    "remote",
-    "searchDebounce",
-    "creatable",
-    "createOptionText",
-    "listHeight",
-    "onSearch",
-    "onCreate",
-    "className",
-    "value",
-    "onChange",
-    "multiple"
-  ]);
+  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 [k, v] of Object.entries(props)) {
     if (!SELECT_KEYS.has(k)) divProps[k] = v;
@@ -402,158 +409,235 @@ var Select = (props) => {
       document.removeEventListener("click", handleClickOutside);
     };
   }, [isOpen]);
-  const triggerClasses = _tigercatcore.getSelectTriggerClasses.call(void 0, size, disabled, isOpen);
-  const renderOption = (option, index, displayLabel = option.label) => {
-    const optionSelected = isSelected(option);
-    const optionActive = index === activeIndex;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        id: getOptionId(index),
-        "data-option-index": index,
-        role: "option",
-        "aria-selected": optionSelected,
-        "aria-disabled": option.disabled ? true : void 0,
-        tabIndex: optionActive ? 0 : -1,
-        className: _tigercatcore.getSelectOptionClasses.call(void 0, optionSelected, !!option.disabled, size),
-        onMouseEnter: () => {
-          if (!option.disabled) {
-            setActiveIndex(index);
-          }
-        },
-        onClick: () => selectOption(option),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center justify-between w-full", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: displayLabel }),
-          optionSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "svg",
-            {
-              className: "w-5 h-5 text-[var(--tiger-select-check-icon,var(--tiger-primary,#2563eb))]",
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: _tigercatcore.icon20ViewBox,
-              fill: "currentColor",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.checkSolidIcon20PathD, clipRule: "evenodd" })
-            }
-          )
-        ] })
-      },
-      option.value
-    );
+  return {
+    listboxId,
+    getOptionId,
+    isOpen,
+    searchQuery,
+    activeIndex,
+    setActiveIndex,
+    dropdownRef,
+    triggerRef,
+    searchInputRef,
+    isMultiple,
+    size,
+    disabled,
+    placeholder,
+    searchable,
+    clearable,
+    noDataText: _tigercatcore.resolveLocaleText.call(void 0, 
+      "No options available",
+      noDataText,
+      _optionalChain([mergedLocale, 'optionalAccess', _38 => _38.common, 'optionalAccess', _39 => _39.emptyText])
+    ),
+    noOptionsText: _tigercatcore.resolveLocaleText.call(void 0, 
+      "No options found",
+      noOptionsText,
+      _optionalChain([mergedLocale, 'optionalAccess', _40 => _40.common, 'optionalAccess', _41 => _41.emptyText])
+    ),
+    createOptionText,
+    className,
+    divProps,
+    searchPlaceholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _42 => _42.common, 'optionalAccess', _43 => _43.searchPlaceholder])),
+    filteredOptions,
+    flatSelectableOptions,
+    creatableOption,
+    hasOptions: filteredOptions.length > 0,
+    optionsLength: options.length,
+    displayText,
+    showClearButton,
+    containerClasses: _tigercatcore.classNames.call(void 0, _tigercatcore.selectBaseClasses, className),
+    triggerClasses: _tigercatcore.getSelectTriggerClasses.call(void 0, size, disabled, isOpen),
+    isSelected,
+    selectOption,
+    clearSelection,
+    toggleDropdown,
+    handleSearchInput,
+    handleTriggerKeyDown,
+    handleDropdownKeyDown,
+    handleSearchKeyDown
   };
-  const hasOptions = filteredOptions.length > 0;
-  const renderOptions = () => {
-    if (!hasOptions && !creatableOption) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.selectEmptyStateClasses, children: options.length === 0 ? noDataText : noOptionsText });
-    }
-    let optionIndex = -1;
-    const optionNodes = filteredOptions.map((item) => {
-      if (_tigercatcore.isOptionGroup.call(void 0, item)) {
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.selectGroupLabelClasses, children: item.label }),
-          item.options.map((option) => {
-            optionIndex += 1;
-            return renderOption(option, optionIndex);
-          })
-        ] }, item.label);
-      }
-      optionIndex += 1;
-      return renderOption(item, optionIndex);
-    });
-    if (creatableOption) {
-      optionIndex += 1;
-      optionNodes.push(
-        renderOption(
-          creatableOption,
-          optionIndex,
-          _tigercatcore.getCreateSelectOptionLabel.call(void 0, creatableOption, createOptionText)
-        )
-      );
+}
+
+// src/components/Select/render-option.tsx
+
+
+
+
+
+
+
+
+// src/components/Select/icons.tsx
+
+
+
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var SelectIcon = ({ path, className }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: _tigercatcore.icon20ViewBox,
+    fill: "currentColor",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: path, clipRule: "evenodd" })
+  }
+);
+var SelectCheckIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SelectIcon,
+  {
+    path: _tigercatcore.checkSolidIcon20PathD,
+    className: "w-5 h-5 text-[var(--tiger-select-check-icon,var(--tiger-primary,#2563eb))]"
+  }
+);
+var SelectClearIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SelectIcon,
+  {
+    path: _tigercatcore.closeSolidIcon20PathD,
+    className: "w-4 h-4 text-[var(--tiger-select-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-select-icon-hover,var(--tiger-text-muted,#6b7280))]"
+  }
+);
+var SelectChevronIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SelectIcon,
+  {
+    path: _tigercatcore.chevronDownSolidIcon20PathD,
+    className: "w-5 h-5 text-[var(--tiger-select-icon,var(--tiger-text-muted,#9ca3af))] transition-transform"
+  }
+);
+
+// src/components/Select/render-option.tsx
+
+function renderOption(ctx, option, index, displayLabel = option.label) {
+  const optionSelected = ctx.isSelected(option);
+  const optionActive = index === ctx.activeIndex;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      id: ctx.getOptionId(index),
+      "data-option-index": index,
+      role: "option",
+      "aria-selected": optionSelected,
+      "aria-disabled": option.disabled ? true : void 0,
+      tabIndex: optionActive ? 0 : -1,
+      className: _tigercatcore.getSelectOptionClasses.call(void 0, optionSelected, !!option.disabled, ctx.size),
+      onMouseEnter: () => {
+        if (!option.disabled) {
+          ctx.setActiveIndex(index);
+        }
+      },
+      onClick: () => ctx.selectOption(option),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: displayLabel }),
+        optionSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectCheckIcon, {})
+      ] })
+    },
+    option.value
+  );
+}
+function renderOptions(ctx) {
+  if (!ctx.hasOptions && !ctx.creatableOption) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.selectEmptyStateClasses, children: ctx.optionsLength === 0 ? ctx.noDataText : ctx.noOptionsText });
+  }
+  let optionIndex = -1;
+  const optionNodes = ctx.filteredOptions.map((item) => {
+    if (_tigercatcore.isOptionGroup.call(void 0, item)) {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.selectGroupLabelClasses, children: item.label }),
+        item.options.map((option) => {
+          optionIndex += 1;
+          return renderOption(ctx, option, optionIndex);
+        })
+      ] }, item.label);
     }
-    return optionNodes;
-  };
-  const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.selectBaseClasses, className);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...divProps, className: containerClasses, children: [
+    optionIndex += 1;
+    return renderOption(ctx, item, optionIndex);
+  });
+  if (ctx.creatableOption) {
+    optionIndex += 1;
+    optionNodes.push(
+      renderOption(
+        ctx,
+        ctx.creatableOption,
+        optionIndex,
+        _tigercatcore.getCreateSelectOptionLabel.call(void 0, ctx.creatableOption, ctx.createOptionText)
+      )
+    );
+  }
+  return optionNodes;
+}
+
+// src/components/Select.tsx
+
+var Select = (props) => {
+  const ctx = useSelectState(props);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...ctx.divProps, className: ctx.containerClasses, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
       {
-        ref: triggerRef,
+        ref: ctx.triggerRef,
         type: "button",
-        className: triggerClasses,
-        disabled,
-        onClick: toggleDropdown,
-        onKeyDown: handleTriggerKeyDown,
+        className: ctx.triggerClasses,
+        disabled: ctx.disabled,
+        onClick: ctx.toggleDropdown,
+        onKeyDown: ctx.handleTriggerKeyDown,
         "aria-haspopup": "listbox",
-        "aria-expanded": isOpen,
-        "aria-controls": listboxId,
-        "aria-activedescendant": isOpen && activeIndex >= 0 ? getOptionId(activeIndex) : void 0,
-        "data-state": isOpen ? "open" : "closed",
+        "aria-expanded": ctx.isOpen,
+        "aria-controls": ctx.listboxId,
+        "aria-activedescendant": ctx.isOpen && ctx.activeIndex >= 0 ? ctx.getOptionId(ctx.activeIndex) : void 0,
+        "data-state": ctx.isOpen ? "open" : "closed",
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _tigercatcore.classNames.call(void 0, 
                 "flex-1 text-left truncate",
-                displayText === placeholder && "text-[var(--tiger-select-placeholder,var(--tiger-text-muted,#9ca3af))]"
+                ctx.displayText === ctx.placeholder && "text-[var(--tiger-select-placeholder,var(--tiger-text-muted,#9ca3af))]"
               ),
-              children: displayText
+              children: ctx.displayText
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1", children: [
-            showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            ctx.showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "span",
               {
                 className: "inline-flex",
                 "data-tiger-select-clear": true,
                 "aria-label": "Clear selection",
-                onClick: clearSelection,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "svg",
-                  {
-                    className: "w-4 h-4 text-[var(--tiger-select-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-select-icon-hover,var(--tiger-text-muted,#6b7280))]",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    viewBox: _tigercatcore.icon20ViewBox,
-                    fill: "currentColor",
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.closeSolidIcon20PathD, clipRule: "evenodd" })
-                  }
-                )
+                onClick: ctx.clearSelection,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectClearIcon, {})
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.classNames.call(void 0, "inline-flex", isOpen && "rotate-180"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "svg",
-              {
-                className: "w-5 h-5 text-[var(--tiger-select-icon,var(--tiger-text-muted,#9ca3af))] transition-transform",
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: _tigercatcore.icon20ViewBox,
-                fill: "currentColor",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.chevronDownSolidIcon20PathD, clipRule: "evenodd" })
-              }
-            ) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.classNames.call(void 0, "inline-flex", ctx.isOpen && "rotate-180"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectChevronIcon, {}) })
           ] })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    ctx.isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        ref: dropdownRef,
+        ref: ctx.dropdownRef,
         className: _tigercatcore.selectDropdownBaseClasses,
         role: "listbox",
-        id: listboxId,
-        "aria-multiselectable": isMultipleSelect(props) ? true : void 0,
-        onKeyDown: handleDropdownKeyDown,
+        id: ctx.listboxId,
+        "aria-multiselectable": ctx.isMultiple ? true : void 0,
+        onKeyDown: ctx.handleDropdownKeyDown,
         children: [
-          searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          ctx.searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "input",
             {
-              ref: searchInputRef,
+              ref: ctx.searchInputRef,
               type: "text",
               className: _tigercatcore.selectSearchInputClasses,
-              placeholder: "Search...",
-              value: searchQuery,
-              onChange: handleSearchInput,
-              onKeyDown: handleSearchKeyDown
+              placeholder: ctx.searchPlaceholder,
+              value: ctx.searchQuery,
+              onChange: ctx.handleSearchInput,
+              onKeyDown: ctx.handleSearchKeyDown
             }
           ),
-          renderOptions()
+          renderOptions(ctx)
         ]
       }
     )

package/dist/{chunk-M73NMNZX.js → chunk-L24PPXLV.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/InfiniteScroll.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/InfiniteScroll.tsx
 var _react = require('react');
 
 
@@ -8,24 +12,32 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var InfiniteScroll = ({
   hasMore = true,
   loading = false,
   threshold = 100,
-  loadingText = "Loading...",
-  endText = "No more data",
+  loadingText,
+  endText,
   direction = "vertical",
   inverse = false,
   disabled = false,
   className,
+  locale,
   children,
   loader,
   end,
   onLoadMore,
   ...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 containerRef = _react.useRef.call(void 0, null);
   const sentinelRef = _react.useRef.call(void 0, null);
   const containerClasses = _react.useMemo.call(void 0, 
@@ -74,8 +86,8 @@ var InfiniteScroll = ({
       style: { height: 0, overflow: "hidden" }
     }
   ) : null;
-  const loaderEl = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: _nullishCoalesce(loader, () => ( loadingText)) }) : null;
-  const endEl = !hasMore && !loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollEndClasses, children: _nullishCoalesce(end, () => ( endText)) }) : null;
+  const loaderEl = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: _nullishCoalesce(loader, () => ( _tigercatcore.resolveLocaleText.call(void 0, "Loading...", loadingText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.loadingText])))) }) : null;
+  const endEl = !hasMore && !loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollEndClasses, children: _nullishCoalesce(end, () => ( _tigercatcore.resolveLocaleText.call(void 0, "No more data", endText, _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.noMoreText])))) }) : null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, className: _tigercatcore.classNames.call(void 0, containerClasses), ...rest, children: inverse ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     sentinelEl,
     loaderEl,

package/dist/chunk-L3WPA2RP.js

@@ -0,0 +1,25 @@
+"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/hooks/useControlledState.ts
+var _react = require('react');
+function useControlledState(controlledValue, defaultValue, onChange) {
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  const valueRef = _react.useRef.call(void 0, value);
+  valueRef.current = value;
+  const isControlledRef = _react.useRef.call(void 0, isControlled);
+  isControlledRef.current = isControlled;
+  const onChangeRef = _react.useRef.call(void 0, onChange);
+  onChangeRef.current = onChange;
+  const setValue = _react.useCallback.call(void 0, (next, ...args) => {
+    const resolved = typeof next === "function" ? next(valueRef.current) : next;
+    if (!isControlledRef.current) {
+      setInternalValue(resolved);
+    }
+    _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(resolved, ...args)]);
+  }, []);
+  return [value, setValue];
+}
+
+
+
+exports.useControlledState = useControlledState;