@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-L5AMVEQL.mjs → chunk-HWZSMV2M.mjs}

@@ -1,16 +1,16 @@
 import {
   TabPane,
   Tabs
-} from "./chunk-ELRZ2ZHM.mjs";
+} from "./chunk-4DRJA5ZK.mjs";
 import {
   List
-} from "./chunk-A42OLED6.mjs";
+} from "./chunk-6REMGSLS.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Loading
-} from "./chunk-FNJDBFKM.mjs";
+} from "./chunk-WTIEJCRV.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
@@ -89,14 +89,6 @@ var NotificationCenter = ({
       setInternalGroupKey(keys[0]);
     }
   }, [activeGroupKey, currentGroupKey, resolvedGroups]);
-  const _currentGroup = useMemo(() => {
-    if (resolvedGroups.length === 0) return void 0;
-    if (currentGroupKey === void 0) return resolvedGroups[0];
-    const index = resolvedGroups.findIndex(
-      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
-    );
-    return index >= 0 ? resolvedGroups[index] : resolvedGroups[0];
-  }, [currentGroupKey, resolvedGroups]);
   const [readStateOverrides, setReadStateOverrides] = useState(
     () => /* @__PURE__ */ new Map()
   );
@@ -208,15 +200,30 @@ var NotificationCenter = ({
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100", children: item.title }),
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    tag: "span",
+                    size: "sm",
+                    weight: isRead ? "normal" : "semibold",
+                    className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100",
+                    children: item.title
+                  }
+                ),
                 !isRead && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 shrink-0 shadow-sm shadow-blue-500/40 animate-pulse" })
               ] }),
               timeText ? /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap flex-shrink-0 self-center", children: timeText }) : null
             ] }),
-            item.description ? /* @__PURE__ */ jsx("div", { className: classNames(
-              "mt-1 text-xs leading-relaxed line-clamp-2",
-              isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
-            ), children: item.description }) : null
+            item.description ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classNames(
+                  "mt-1 text-xs leading-relaxed line-clamp-2",
+                  isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
+                ),
+                children: item.description
+              }
+            ) : null
           ] }),
           /* @__PURE__ */ jsx(
             Button,
@@ -245,8 +252,34 @@ var NotificationCenter = ({
   const renderList = (listItems) => {
     if (listItems.length === 0) {
       return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-14 px-4 text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ jsx("svg", { className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0" }) }) }),
-        /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-semibold text-gray-400 dark:text-gray-500", children: emptyText })
+        /* @__PURE__ */ jsx("div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            tag: "div",
+            size: "sm",
+            color: "muted",
+            className: "font-semibold text-gray-400 dark:text-gray-500",
+            children: emptyText
+          }
+        )
       ] });
     }
     return /* @__PURE__ */ jsx(
@@ -279,7 +312,16 @@ var NotificationCenter = ({
           header: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ jsx(Text, { tag: "div", size: "base", weight: "bold", className: "text-gray-900 dark:text-gray-100", children: title }),
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    tag: "div",
+                    size: "base",
+                    weight: "bold",
+                    className: "text-gray-900 dark:text-gray-100",
+                    children: title
+                  }
+                ),
                 totalUnread > 0 ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white shadow-sm shadow-blue-500/20 animate-pulse", children: totalUnread }) : null
               ] }),
               /* @__PURE__ */ jsx(

package/dist/{chunk-TC6JLEGZ.js → chunk-I5UB4FN3.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/Cascader.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/Cascader.tsx
 var _react = require('react');
 
 
@@ -19,6 +23,8 @@ var _react = require('react');
 
 
 
+
+
 
 
 
@@ -37,7 +43,8 @@ var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "changeOnSelect",
   "separator",
   "notFoundText",
-  "className"
+  "className",
+  "locale"
 ]);
 var EMPTY_CASCADER_VALUE = [];
 var Cascader = (props) => {
@@ -53,9 +60,15 @@ var Cascader = (props) => {
     expandTrigger = "click",
     changeOnSelect = false,
     separator = " / ",
-    notFoundText = "No results found",
-    className
+    notFoundText,
+    className,
+    locale
   } = props;
+  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 (!CASCADER_KEYS.has(k)) divProps[k] = v;
@@ -75,8 +88,8 @@ var Cascader = (props) => {
   const isSearchMode = showSearch && searchQuery.length > 0;
   const flattenedOptions = _react.useMemo.call(void 0, () => {
     if (!showSearch) return [];
-    return _tigercatcore.flattenCascaderOptions.call(void 0, options);
-  }, [showSearch, options]);
+    return _tigercatcore.flattenCascaderOptions.call(void 0, options, [], [], changeOnSelect);
+  }, [showSearch, options, changeOnSelect]);
   const searchResults = _react.useMemo.call(void 0, () => {
     if (!isSearchMode) return [];
     return _tigercatcore.filterCascaderOptions.call(void 0, flattenedOptions, searchQuery, showSearch);
@@ -233,7 +246,7 @@ var Cascader = (props) => {
             {
               type: "text",
               className: _tigercatcore.cascaderSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.searchPlaceholder])),
               value: searchQuery,
               onChange: (e) => setSearchQuery(e.target.value),
               "aria-label": "Search options"
@@ -241,7 +254,11 @@ var Cascader = (props) => {
           ),
           isSearchMode ? (
             // Search results
-            searchResults.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cascaderEmptyStateClasses, children: notFoundText }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-64 overflow-auto", ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            searchResults.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.cascaderEmptyStateClasses, children: _tigercatcore.resolveLocaleText.call(void 0, 
+              "No results found",
+              notFoundText,
+              _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.emptyText])
+            ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-64 overflow-auto", ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
                 className: _tigercatcore.classNames.call(void 0, 
@@ -249,11 +266,11 @@ var Cascader = (props) => {
                   item.disabled && "opacity-50 cursor-not-allowed"
                 ),
                 ..._tigercatcore.getPickerOptionAria.call(void 0, {
-                  selected: _optionalChain([value, 'optionalAccess', _5 => _5.join, 'call', _6 => _6(",")]) === item.valuePath.join(","),
+                  selected: _optionalChain([value, 'optionalAccess', _9 => _9.join, 'call', _10 => _10(",")]) === item.valuePath.join(","),
                   disabled: item.disabled
                 }),
                 onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
-                children: item.label
+                children: typeof showSearch === "object" && showSearch.render ? showSearch.render(searchQuery, item.path) : item.label
               },
               item.valuePath.join(",")
             )) })

package/dist/{chunk-4U5HSR2H.js → chunk-I6VHGILW.js}

@@ -1,10 +1,15 @@
 "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 _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/ImagePreview.tsx
 var _react = require('react');
-var _reactdom = require('react-dom');
+
+
 
 
 
@@ -54,10 +59,17 @@ var ImagePreview = ({
   scaleStep = 0.5,
   minScale = 0.25,
   maxScale = 5,
+  locale,
   onOpenChange,
   onCurrentIndexChange,
   onScaleChange
 }) => {
+  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 labels = _react.useMemo.call(void 0, () => _tigercatcore.getImageViewerLabels.call(void 0, mergedLocale), [mergedLocale]);
   const isOpen = _nullishCoalesce(open, () => ( false));
   const [scale, setScale] = _react.useState.call(void 0, 1);
   const [rotation, setRotation] = _react.useState.call(void 0, 0);
@@ -223,7 +235,7 @@ var ImagePreview = ({
   );
   if (!isOpen || !images.length) return null;
   const currentSrc = images[index] || images[0];
-  return _reactdom.createPortal.call(void 0, 
+  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -231,7 +243,7 @@ var ImagePreview = ({
         style: { zIndex },
         role: "dialog",
         "aria-modal": "true",
-        "aria-label": "Image preview",
+        "aria-label": labels.previewDialogAriaLabel,
         onClick: handleMaskClick,
         onWheel: handleWheel,
         children: [
@@ -259,7 +271,7 @@ var ImagePreview = ({
             {
               className: _tigercatcore.imagePreviewCloseBtnClasses,
               onClick: handleClose,
-              "aria-label": "Close preview",
+              "aria-label": labels.closePreviewAriaLabel,
               type: "button",
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.previewCloseIconPath })
             }
@@ -270,7 +282,7 @@ var ImagePreview = ({
               className: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "left-4"),
               onClick: handlePrev,
               disabled: !navState.hasPrev,
-              "aria-label": "Previous image",
+              "aria-label": labels.previousImageAriaLabel,
               type: "button",
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.prevIconPath })
             }
@@ -281,7 +293,7 @@ var ImagePreview = ({
               className: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "right-4"),
               onClick: handleNext,
               disabled: !navState.hasNext,
-              "aria-label": "Next image",
+              "aria-label": labels.nextImageAriaLabel,
               type: "button",
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.nextIconPath })
             }
@@ -292,7 +304,7 @@ var ImagePreview = ({
               {
                 className: _tigercatcore.imagePreviewToolbarBtnClasses,
                 onClick: handleZoomOut,
-                "aria-label": "Zoom out",
+                "aria-label": labels.zoomOutAriaLabel,
                 type: "button",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.zoomOutIconPath })
               }
@@ -302,7 +314,7 @@ var ImagePreview = ({
               {
                 className: _tigercatcore.imagePreviewToolbarBtnClasses,
                 onClick: handleReset,
-                "aria-label": "Reset",
+                "aria-label": labels.resetAriaLabel,
                 type: "button",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.resetIconPath })
               }
@@ -312,7 +324,7 @@ var ImagePreview = ({
               {
                 className: _tigercatcore.imagePreviewToolbarBtnClasses,
                 onClick: handleZoomIn,
-                "aria-label": "Zoom in",
+                "aria-label": labels.zoomInAriaLabel,
                 type: "button",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.zoomInIconPath })
               }
@@ -322,7 +334,7 @@ var ImagePreview = ({
               {
                 className: _tigercatcore.imagePreviewToolbarBtnClasses,
                 onClick: handleRotateLeft,
-                "aria-label": "Rotate left",
+                "aria-label": labels.rotateLeftAriaLabel,
                 type: "button",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageViewerIcons.rotateLeft })
               }
@@ -332,7 +344,7 @@ var ImagePreview = ({
               {
                 className: _tigercatcore.imagePreviewToolbarBtnClasses,
                 onClick: handleRotateRight,
-                "aria-label": "Rotate right",
+                "aria-label": labels.rotateRightAriaLabel,
                 type: "button",
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageViewerIcons.rotateRight })
               }
@@ -341,8 +353,7 @@ var ImagePreview = ({
           ] })
         ]
       }
-    ),
-    document.body
+    )
   );
 };
 

package/dist/{chunk-EOU6WZTS.js → chunk-I7OSNH5T.js}

@@ -3,13 +3,13 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+var _chunk23XPDNCAjs = require('./chunk-23XPDNCA.js');
 
 
 var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
@@ -158,6 +158,18 @@ var RadarChart = ({
     setHoveredPoint(null);
     handleHoverLeave();
   }, [handleHoverLeave]);
+  const showPointTooltipFromElement = _react.useCallback.call(void 0, 
+    (el, seriesIndex, pointIndex) => {
+      if (!hoverable) return;
+      const rect = el.getBoundingClientRect();
+      setHoveredPoint({ seriesIndex, pointIndex });
+      handleHoverEnter(seriesIndex, {
+        clientX: rect.left + rect.width / 2,
+        clientY: rect.top + rect.height / 2
+      });
+    },
+    [hoverable, handleHoverEnter]
+  );
   const innerRect = _react.useMemo.call(void 0, 
     () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
@@ -562,13 +574,30 @@ var RadarChart = ({
                         showTooltip && hoverable ? "cursor-pointer" : void 0,
                         "transition-[r] duration-150 ease-out"
                       ),
+                      role: showTooltip && hoverable ? "button" : "img",
+                      "aria-label": _nullishCoalesce(point.data.label, () => ( String(point.data.value))),
+                      tabIndex: showTooltip && hoverable ? 0 : void 0,
                       "data-radar-point": "true",
                       "data-series-index": seriesIndex,
                       "data-series-key": item.seriesKey,
                       "data-point-index": point.index,
                       onMouseEnter: showTooltip && hoverable ? (e) => handlePointEnter(seriesIndex, point.index, e) : void 0,
                       onMouseMove: showTooltip && hoverable ? handlePointMove : void 0,
-                      onMouseLeave: showTooltip && hoverable ? handlePointLeave : void 0
+                      onMouseLeave: showTooltip && hoverable ? handlePointLeave : void 0,
+                      onFocus: showTooltip && hoverable ? (e) => showPointTooltipFromElement(e.currentTarget, seriesIndex, point.index) : void 0,
+                      onBlur: showTooltip && hoverable ? handlePointLeave : void 0,
+                      onKeyDown: showTooltip && hoverable ? (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                          e.preventDefault();
+                          showPointTooltipFromElement(
+                            e.currentTarget,
+                            seriesIndex,
+                            point.index
+                          );
+                        } else if (e.key === "Escape") {
+                          handlePointLeave();
+                        }
+                      } : void 0
                     },
                     `point-${item.seriesKey}-${point.index}`
                   );
@@ -607,7 +636,7 @@ var RadarChart = ({
     }
   );
   const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoveredPoint !== null && tooltipContent !== "",
@@ -624,7 +653,7 @@ var RadarChart = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWV5XHYW6js.ChartLegend,
+      _chunk23XPDNCAjs.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,

package/dist/{chunk-M73NMNZX.js → chunk-IFB3OECJ.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, 
@@ -50,6 +62,7 @@ var InfiniteScroll = ({
       threshold,
       direction,
       root: containerRef.current,
+      inverse,
       onLoadMore: () => {
         if (!disabled && !loading && hasMore) {
           _optionalChain([onLoadMoreRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4()]);
@@ -74,8 +87,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-Y5RQN5BO.mjs → chunk-IXAPFTTD.mjs}

@@ -1,15 +1,15 @@
 import {
   VirtualList
-} from "./chunk-7DUHHRAU.mjs";
+} from "./chunk-Y5X3G2LD.mjs";
 import {
   Input
-} from "./chunk-WNLUUD5N.mjs";
+} from "./chunk-DEQZZKY5.mjs";
 import {
   Empty
-} from "./chunk-WIWTY74F.mjs";
+} from "./chunk-NJHZQBA7.mjs";
 import {
   Textarea
-} from "./chunk-7QZ4XT2P.mjs";
+} from "./chunk-D4X3NBAI.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
@@ -22,6 +22,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   classNames,
   getChatMessageStatusInfo,
+  getChatStatusBarClasses,
   formatChatTime
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -38,7 +39,7 @@ var ChatWindow = ({
   inputAriaLabel,
   sendAriaLabel,
   statusText,
-  statusVariant: _statusVariant = "info",
+  statusVariant = "info",
   showAvatar = true,
   showName = true,
   showTime = false,
@@ -207,7 +208,7 @@ var ChatWindow = ({
         children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
       }
     ),
-    statusText && /* @__PURE__ */ jsx("div", { className: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: statusText }),
+    statusText && /* @__PURE__ */ jsx("div", { className: getChatStatusBarClasses(statusVariant), children: statusText }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
       /* @__PURE__ */ jsx("div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ jsx(
         Input,