@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-OXQOKKTP.mjs → chunk-H7D7UBDC.mjs}

@@ -394,7 +394,7 @@ var Upload = ({
     const imageUrl = file.url || (file.file ? URL.createObjectURL(file.file) : "");
     return /* @__PURE__ */ jsxs("div", { className: getPictureCardClasses(file.status), children: [
       imageUrl && /* @__PURE__ */ jsx("img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/0 hover:bg-black/50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -456,7 +456,7 @@ var Upload = ({
           }
         )
       ] }),
-      file.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+      file.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white/75 flex items-center justify-center", children: /* @__PURE__ */ jsx(
         "svg",
         {
           className: getUploadStatusIconClasses("uploading", "lg", {

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

@@ -64,6 +64,8 @@ function useSelectState(props) {
     searchDebounce = 0,
     creatable = false,
     createOptionText = "Create",
+    virtual = false,
+    listHeight = 256,
     onSearch,
     onCreate,
     className,
@@ -421,6 +423,8 @@ function useSelectState(props) {
     searchInputRef,
     isMultiple,
     size,
+    virtual,
+    listHeight,
     disabled,
     placeholder,
     searchable,
@@ -439,6 +443,7 @@ function useSelectState(props) {
     className,
     divProps,
     searchPlaceholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _42 => _42.common, 'optionalAccess', _43 => _43.searchPlaceholder])),
+    clearAriaLabel: _tigercatcore.resolveLocaleText.call(void 0, "Clear selection", _optionalChain([mergedLocale, 'optionalAccess', _44 => _44.common, 'optionalAccess', _45 => _45.clearText])),
     filteredOptions,
     flatSelectableOptions,
     creatableOption,
@@ -468,6 +473,10 @@ function useSelectState(props) {
 
 
 
+
+
+
+
 // src/components/Select/icons.tsx
 
 
@@ -513,14 +522,16 @@ var SelectChevronIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
 function renderOption(ctx, option, index, displayLabel = option.label) {
   const optionSelected = ctx.isSelected(option);
   const optionActive = index === ctx.activeIndex;
+  const optionAria = _tigercatcore.getPickerOptionAria.call(void 0, {
+    selected: optionSelected,
+    disabled: !!option.disabled
+  });
   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,
+      ...optionAria,
       tabIndex: optionActive ? 0 : -1,
       className: _tigercatcore.getSelectOptionClasses.call(void 0, optionSelected, !!option.disabled, ctx.size),
       onMouseEnter: () => {
@@ -537,10 +548,53 @@ function renderOption(ctx, option, index, displayLabel = option.label) {
     option.value
   );
 }
+var VirtualSelectOptions = ({
+  ctx,
+  options
+}) => {
+  const itemHeight = _tigercatcore.getSelectVirtualItemHeight.call(void 0, ctx.size);
+  const containerRef = _react.useRef.call(void 0, null);
+  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const strategy = _tigercatcore.fixedSizeStrategy.call(void 0, itemHeight);
+  const { startIndex, endIndex, totalHeight } = strategy.getRange(
+    scrollTop,
+    ctx.listHeight,
+    options.length,
+    5
+  );
+  _react.useEffect.call(void 0, () => {
+    const el = containerRef.current;
+    if (!el || ctx.activeIndex < 0) return;
+    const top = ctx.activeIndex * itemHeight;
+    if (top < el.scrollTop) el.scrollTop = top;
+    else if (top + itemHeight > el.scrollTop + ctx.listHeight)
+      el.scrollTop = top + itemHeight - ctx.listHeight;
+  }, [ctx.activeIndex, itemHeight, ctx.listHeight]);
+  const visible = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    visible.push(renderOption(ctx, options[i], i));
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      "data-tiger-select-virtual": "",
+      style: { maxHeight: `${ctx.listHeight}px`, overflowY: "auto" },
+      onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${totalHeight}px`, position: "relative" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { transform: `translateY(${startIndex * itemHeight}px)` }, children: visible }) })
+    }
+  );
+};
 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 });
   }
+  const hasGroups = ctx.filteredOptions.some(_tigercatcore.isOptionGroup);
+  if (ctx.virtual && !hasGroups) {
+    const flat = ctx.filteredOptions.filter((o) => !_tigercatcore.isOptionGroup.call(void 0, o));
+    const all = ctx.creatableOption ? [...flat, ctx.creatableOption] : flat;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VirtualSelectOptions, { ctx, options: all });
+  }
   let optionIndex = -1;
   const optionNodes = ctx.filteredOptions.map((item) => {
     if (_tigercatcore.isOptionGroup.call(void 0, item)) {
@@ -574,12 +628,12 @@ function renderOptions(ctx) {
 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, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         ref: ctx.triggerRef,
         type: "button",
-        className: ctx.triggerClasses,
+        className: _tigercatcore.classNames.call(void 0, ctx.triggerClasses, "pr-16"),
         disabled: ctx.disabled,
         onClick: ctx.toggleDropdown,
         onKeyDown: ctx.handleTriggerKeyDown,
@@ -588,33 +642,32 @@ var Select = (props) => {
         "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",
-                ctx.displayText === ctx.placeholder && "text-[var(--tiger-select-placeholder,var(--tiger-text-muted,#9ca3af))]"
-              ),
-              children: ctx.displayText
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1", children: [
-            ctx.showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "span",
-              {
-                className: "inline-flex",
-                "data-tiger-select-clear": true,
-                "aria-label": "Clear selection",
-                onClick: ctx.clearSelection,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectClearIcon, {})
-              }
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _tigercatcore.classNames.call(void 0, 
+              "flex-1 text-left truncate",
+              ctx.displayText === ctx.placeholder && "text-[var(--tiger-select-placeholder,var(--tiger-text-muted,#9ca3af))]"
             ),
-            /* @__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, {}) })
-          ] })
-        ]
+            children: ctx.displayText
+          }
+        )
       }
     ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center gap-1", children: [
+      ctx.showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto inline-flex rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))]",
+          "data-tiger-select-clear": true,
+          "aria-label": ctx.clearAriaLabel,
+          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", ctx.isOpen && "rotate-180"), "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectChevronIcon, {}) })
+    ] }),
     ctx.isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {

package/dist/{chunk-J6OZWT3P.js → chunk-HVAG26CK.js}

@@ -1,7 +1,7 @@
 "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 _chunkBROIZ266js = require('./chunk-BROIZ266.js');
+var _chunkSFBSI3J7js = require('./chunk-SFBSI3J7.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
@@ -171,7 +171,7 @@ var FormWizard = ({
   }, [currentIndex, currentStep, renderStep]);
   const stepsNodes = _react.useMemo.call(void 0, 
     () => steps.map((step, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBROIZ266js.StepsItem,
+      _chunkSFBSI3J7js.StepsItem,
       {
         title: step.title,
         description: step.description,
@@ -192,7 +192,7 @@ var FormWizard = ({
           bordered ? "border-b border-[var(--tiger-border,#e5e7eb)]" : ""
         ),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBROIZ266js.Steps,
+          _chunkSFBSI3J7js.Steps,
           {
             current: currentIndex,
             direction,

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

@@ -1,16 +1,16 @@
 import {
   TabPane,
   Tabs
-} from "./chunk-ELRZ2ZHM.mjs";
+} from "./chunk-4DRJA5ZK.mjs";
 import {
   List
-} from "./chunk-KED5S2WG.mjs";
+} from "./chunk-6REMGSLS.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Loading
-} from "./chunk-2LYV6NBJ.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()
   );

package/dist/{chunk-EJKOUI26.js → chunk-I5UB4FN3.js}

@@ -88,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);
@@ -270,7 +270,7 @@ var Cascader = (props) => {
                   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-NVI2P7VH.js → chunk-I6VHGILW.js}

@@ -3,6 +3,9 @@
 
 var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/ImagePreview.tsx
 var _react = require('react');
 
@@ -29,6 +32,8 @@ var _react = require('react');
 
 
 
+
+
 
 
 
@@ -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);
@@ -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 })
               }

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-L24PPXLV.js → chunk-IFB3OECJ.js}

@@ -62,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()]);

package/dist/{chunk-376X7SDZ.mjs → chunk-IXAPFTTD.mjs}

@@ -1,15 +1,15 @@
 import {
   VirtualList
-} from "./chunk-7DUHHRAU.mjs";
+} from "./chunk-Y5X3G2LD.mjs";
 import {
   Input
-} from "./chunk-QIL24WZD.mjs";
+} from "./chunk-DEQZZKY5.mjs";
 import {
   Empty
-} from "./chunk-WIWTY74F.mjs";
+} from "./chunk-NJHZQBA7.mjs";
 import {
   Textarea
-} from "./chunk-DVEK5SO6.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,