@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-7YUD6VIC.js

@@ -0,0 +1,236 @@
+"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 _chunk5EZWYEGJjs = require('./chunk-5EZWYEGJ.js');
+
+
+var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
+
+
+var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
+
+
+var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+
+// src/components/DataTableWithToolbar.tsx
+var _react = require('react');
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var DataTableWithToolbar = ({
+  toolbar,
+  onSearchChange,
+  onSearch,
+  onFiltersChange,
+  onBulkAction,
+  pagination = false,
+  onPageChange,
+  onPageSizeChange,
+  className,
+  tableClassName,
+  ...tableProps
+}) => {
+  const previousPageSizeRef = _react.useRef.call(void 0, 
+    pagination && typeof pagination === "object" ? _nullishCoalesce(_nullishCoalesce(pagination.pageSize, () => ( pagination.defaultPageSize)), () => ( 10)) : void 0
+  );
+  const [internalSearch, setInternalSearch] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _ => _.defaultSearchValue]), () => ( "")));
+  const [internalFilters, setInternalFilters] = _react.useState.call(void 0, 
+    () => {
+      const initial = {};
+      _optionalChain([toolbar, 'optionalAccess', _2 => _2.filters, 'optionalAccess', _3 => _3.forEach, 'call', _4 => _4((filter) => {
+        if (filter.value === void 0) {
+          initial[filter.key] = _nullishCoalesce(filter.defaultValue, () => ( null));
+        }
+      })]);
+      return initial;
+    }
+  );
+  _react.useEffect.call(void 0, () => {
+    if (_optionalChain([toolbar, 'optionalAccess', _5 => _5.searchValue]) !== void 0) {
+      setInternalSearch(_nullishCoalesce(toolbar.searchValue, () => ( "")));
+    }
+  }, [_optionalChain([toolbar, 'optionalAccess', _6 => _6.searchValue])]);
+  _react.useEffect.call(void 0, () => {
+    if (pagination && typeof pagination === "object") {
+      previousPageSizeRef.current = _nullishCoalesce(_nullishCoalesce(pagination.pageSize, () => ( pagination.defaultPageSize)), () => ( 10));
+    }
+  }, [pagination]);
+  _react.useEffect.call(void 0, () => {
+    const filters = _optionalChain([toolbar, 'optionalAccess', _7 => _7.filters]);
+    if (!filters) return;
+    setInternalFilters((prev) => {
+      const next = { ...prev };
+      filters.forEach((filter) => {
+        if (filter.value === void 0 && !(filter.key in next)) {
+          next[filter.key] = _nullishCoalesce(filter.defaultValue, () => ( null));
+        }
+      });
+      return next;
+    });
+  }, [_optionalChain([toolbar, 'optionalAccess', _8 => _8.filters])]);
+  const searchValue = _optionalChain([toolbar, 'optionalAccess', _9 => _9.searchValue]) !== void 0 ? toolbar.searchValue : internalSearch;
+  const resolvedFilters = _react.useMemo.call(void 0, () => {
+    const next = {};
+    _optionalChain([toolbar, 'optionalAccess', _10 => _10.filters, 'optionalAccess', _11 => _11.forEach, 'call', _12 => _12((filter) => {
+      next[filter.key] = filter.value !== void 0 ? filter.value : _nullishCoalesce(_nullishCoalesce(internalFilters[filter.key], () => ( filter.defaultValue)), () => ( null));
+    })]);
+    return next;
+  }, [_optionalChain([toolbar, 'optionalAccess', _13 => _13.filters]), internalFilters]);
+  const hasSearch = Boolean(
+    toolbar && (toolbar.searchPlaceholder || toolbar.searchValue !== void 0 || toolbar.defaultSearchValue !== void 0 || toolbar.showSearchButton || toolbar.onSearchChange || toolbar.onSearch || onSearchChange || onSearch)
+  );
+  const hasFilters = Boolean(_optionalChain([toolbar, 'optionalAccess', _14 => _14.filters]) && toolbar.filters.length > 0);
+  const hasBulkActions = Boolean(_optionalChain([toolbar, 'optionalAccess', _15 => _15.bulkActions]) && toolbar.bulkActions.length > 0);
+  const selectedKeys = _nullishCoalesce(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _16 => _16.selectedKeys]), () => ( _optionalChain([tableProps, 'access', _17 => _17.rowSelection, 'optionalAccess', _18 => _18.selectedRowKeys]))), () => ( []));
+  const selectedCount = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _19 => _19.selectedCount]), () => ( selectedKeys.length));
+  const bulkLabel = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _20 => _20.bulkActionsLabel]), () => ( "\u5DF2\u9009\u62E9"));
+  const wrapperClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, "tiger-data-table-with-toolbar flex flex-col gap-3", className),
+    [className]
+  );
+  const handleSearchChange = (value) => {
+    if (_optionalChain([toolbar, 'optionalAccess', _21 => _21.searchValue]) === void 0) {
+      setInternalSearch(value);
+    }
+    _optionalChain([onSearchChange, 'optionalCall', _22 => _22(value)]);
+    _optionalChain([toolbar, 'optionalAccess', _23 => _23.onSearchChange, 'optionalCall', _24 => _24(value)]);
+  };
+  const handleSearchSubmit = () => {
+    _optionalChain([onSearch, 'optionalCall', _25 => _25(_nullishCoalesce(searchValue, () => ( "")))]);
+    _optionalChain([toolbar, 'optionalAccess', _26 => _26.onSearch, 'optionalCall', _27 => _27(_nullishCoalesce(searchValue, () => ( "")))]);
+  };
+  const handleFilterSelect = (filter, value) => {
+    const nextFilters = {
+      ...resolvedFilters,
+      [filter.key]: value
+    };
+    if (filter.value === void 0) {
+      setInternalFilters((prev) => ({
+        ...prev,
+        [filter.key]: value
+      }));
+    }
+    _optionalChain([onFiltersChange, 'optionalCall', _28 => _28(nextFilters)]);
+    _optionalChain([toolbar, 'optionalAccess', _29 => _29.onFiltersChange, 'optionalCall', _30 => _30(nextFilters)]);
+  };
+  const handleBulkAction = (action) => {
+    const keys = _nullishCoalesce(selectedKeys, () => ( []));
+    _optionalChain([action, 'access', _31 => _31.onClick, 'optionalCall', _32 => _32(keys)]);
+    _optionalChain([onBulkAction, 'optionalCall', _33 => _33(action, keys)]);
+    _optionalChain([toolbar, 'optionalAccess', _34 => _34.onBulkAction, 'optionalCall', _35 => _35(action, keys)]);
+  };
+  const handleTablePageChange = ({ current, pageSize }) => {
+    _optionalChain([onPageChange, 'optionalCall', _36 => _36(current, pageSize)]);
+    if (previousPageSizeRef.current !== void 0 && previousPageSizeRef.current !== pageSize) {
+      _optionalChain([onPageSizeChange, 'optionalCall', _37 => _37(current, pageSize)]);
+    }
+    previousPageSizeRef.current = pageSize;
+  };
+  const renderToolbar = () => {
+    if (!hasSearch && !hasFilters && !hasBulkActions) return null;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3",
+        role: "toolbar",
+        "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F",
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap flex-1 min-w-0", children: [
+            hasSearch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkZYJTHGQWjs.Input,
+                {
+                  type: "search",
+                  size: "sm",
+                  value: searchValue,
+                  placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _38 => _38.searchPlaceholder]), () => ( "\u641C\u7D22")),
+                  onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                      handleSearchSubmit();
+                    }
+                  }
+                }
+              ),
+              _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _39 => _39.showSearchButton]), () => ( true)) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunk56ZV3VVYjs.Button,
+                {
+                  size: "sm",
+                  variant: "primary",
+                  className: "whitespace-nowrap shrink-0",
+                  onClick: handleSearchSubmit,
+                  disabled: !onSearch && !_optionalChain([toolbar, 'optionalAccess', _40 => _40.onSearch]),
+                  children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _41 => _41.searchButtonText]), () => ( "\u641C\u7D22"))
+                }
+              ) : null
+            ] }) : null,
+            hasFilters ? _optionalChain([toolbar, 'optionalAccess', _42 => _42.filters, 'optionalAccess', _43 => _43.map, 'call', _44 => _44((filter) => {
+              const currentValue = resolvedFilters[filter.key];
+              const clearable = filter.clearable !== false;
+              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunk6Z4LLPZAjs.Select,
+                    {
+                      size: "sm",
+                      options: filter.options.map((opt) => ({
+                        label: opt.label,
+                        value: opt.value
+                      })),
+                      value: _nullishCoalesce(currentValue, () => ( void 0)),
+                      placeholder: _nullishCoalesce(filter.placeholder, () => ( filter.label)),
+                      clearable,
+                      onChange: (value) => {
+                        handleFilterSelect(filter, _nullishCoalesce(value, () => ( null)));
+                      }
+                    }
+                  )
+                },
+                filter.key
+              );
+            })]) : null
+          ] }),
+          hasBulkActions ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap ml-auto shrink-0", children: [
+            selectedCount > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-sm text-[var(--tiger-text-muted,#6b7280)]", children: [
+              bulkLabel,
+              " ",
+              selectedCount,
+              " \u9879"
+            ] }) : null,
+            _optionalChain([toolbar, 'optionalAccess', _45 => _45.bulkActions, 'optionalAccess', _46 => _46.map, 'call', _47 => _47((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunk56ZV3VVYjs.Button,
+              {
+                size: "sm",
+                variant: _nullishCoalesce(action.variant, () => ( "outline")),
+                disabled: action.disabled || selectedCount === 0,
+                onClick: () => handleBulkAction(action),
+                children: action.label
+              },
+              action.key
+            ))])
+          ] }) : null
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
+    renderToolbar(),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk5EZWYEGJjs.Table,
+      {
+        ...tableProps,
+        pagination,
+        className: tableClassName,
+        onPageChange: handleTablePageChange
+      }
+    )
+  ] });
+};
+var DataTableWithToolbar_default = DataTableWithToolbar;
+
+
+
+
+exports.DataTableWithToolbar = DataTableWithToolbar; exports.DataTableWithToolbar_default = DataTableWithToolbar_default;

package/dist/chunk-7Z64GEMN.js

@@ -1,11 +1,18 @@
-'use strict';
+"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/Slider.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Slider.tsx
-var Thumb = react.memo(
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Thumb = _react.memo.call(void 0, 
   ({
     value,
     thumbType = null,
@@ -28,7 +35,7 @@ var Thumb = react.memo(
   }) => {
     const left = getPercentage(value);
     const showThumbTooltip = showTooltip && (thumbType === activeThumb || thumbType === null);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         className: thumbClasses,
@@ -52,7 +59,7 @@ var Thumb = react.memo(
           if (!isDragging) setShowTooltip(false);
         },
         onKeyDown: (e) => handleKeyDown(e, value, thumbType),
-        children: showThumbTooltip && tooltip && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tooltipClasses, children: value })
+        children: showThumbTooltip && tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tooltipClasses, children: value })
       }
     );
   }
@@ -83,36 +90,36 @@ var Slider = ({
     if (defaultValue !== void 0) return defaultValue;
     return range ? [min, max] : min;
   };
-  const [internalValue, setInternalValue] = react.useState(getInitialValue());
-  const [isDragging, setIsDragging] = react.useState(false);
-  const [activeThumb, setActiveThumb] = react.useState(null);
-  const [showTooltip, setShowTooltip] = react.useState(false);
-  const trackRef = react.useRef(null);
-  react.useEffect(() => {
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, getInitialValue());
+  const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
+  const [activeThumb, setActiveThumb] = _react.useState.call(void 0, null);
+  const [showTooltip, setShowTooltip] = _react.useState.call(void 0, false);
+  const trackRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
     if (controlledValue !== void 0) {
       setInternalValue(controlledValue);
     }
   }, [controlledValue]);
-  const getPercentage = react.useCallback(
-    (val) => tigercatCore.sliderGetPercentage(val, min, max),
+  const getPercentage = _react.useCallback.call(void 0, 
+    (val) => _tigercatcore.sliderGetPercentage.call(void 0, val, min, max),
     [min, max]
   );
-  const getValueFromPosition = react.useCallback(
+  const getValueFromPosition = _react.useCallback.call(void 0, 
     (clientX) => {
       if (!trackRef.current) return min;
       const rect = trackRef.current.getBoundingClientRect();
-      return tigercatCore.sliderGetValueFromPosition(clientX - rect.left, rect.width, min, max, step);
+      return _tigercatcore.sliderGetValueFromPosition.call(void 0, clientX - rect.left, rect.width, min, max, step);
     },
     [min, max, step]
   );
-  const updateValue = react.useCallback(
+  const updateValue = _react.useCallback.call(void 0, 
     (newValue) => {
       setInternalValue(newValue);
-      onChange?.(newValue);
+      _optionalChain([onChange, 'optionalCall', _ => _(newValue)]);
     },
     [onChange]
   );
-  const handleMove = react.useCallback(
+  const handleMove = _react.useCallback.call(void 0, 
     (event) => {
       if (disabled || !isDragging) return;
       const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
@@ -130,12 +137,12 @@ var Slider = ({
     },
     [disabled, isDragging, activeThumb, range, internalValue, getValueFromPosition, updateValue]
   );
-  const handleEnd = react.useCallback(() => {
+  const handleEnd = _react.useCallback.call(void 0, () => {
     setIsDragging(false);
     setActiveThumb(null);
     setShowTooltip(false);
   }, []);
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (isDragging) {
       const handleMouseMove = (e) => handleMove(e);
       const handleTouchMove = (e) => handleMove(e);
@@ -151,7 +158,7 @@ var Slider = ({
       };
     }
   }, [isDragging, handleMove, handleEnd]);
-  const handleStart = react.useCallback(
+  const handleStart = _react.useCallback.call(void 0, 
     (event, thumb) => {
       if (disabled) return;
       event.preventDefault();
@@ -177,10 +184,10 @@ var Slider = ({
       updateValue(newValue);
     }
   };
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = _react.useCallback.call(void 0, 
     (e, value, thumbType) => {
       if (disabled) return;
-      const newValue = tigercatCore.sliderGetKeyboardValue(e.key, value, min, max, step);
+      const newValue = _tigercatcore.sliderGetKeyboardValue.call(void 0, e.key, value, min, max, step);
       if (newValue === null) return;
       e.preventDefault();
       if (range && Array.isArray(internalValue)) {
@@ -196,8 +203,8 @@ var Slider = ({
     },
     [disabled, min, max, step, range, internalValue, updateValue]
   );
-  const trackClasses = react.useMemo(() => tigercatCore.getSliderTrackClasses(size, disabled), [size, disabled]);
-  const rangeStyles = react.useMemo(() => {
+  const trackClasses = _react.useMemo.call(void 0, () => _tigercatcore.getSliderTrackClasses.call(void 0, size, disabled), [size, disabled]);
+  const rangeStyles = _react.useMemo.call(void 0, () => {
     if (range && Array.isArray(internalValue)) {
       const left = getPercentage(internalValue[0]);
       return { left: `${left}%`, width: `${getPercentage(internalValue[1]) - left}%` };
@@ -205,15 +212,15 @@ var Slider = ({
     const val = typeof internalValue === "number" ? internalValue : internalValue[0];
     return { left: "0%", width: `${getPercentage(val)}%` };
   }, [range, internalValue, getPercentage]);
-  const thumbClasses = react.useMemo(() => tigercatCore.getSliderThumbClasses(size, disabled), [size, disabled]);
-  const tooltipClasses = react.useMemo(() => tigercatCore.getSliderTooltipClasses(size), [size]);
+  const thumbClasses = _react.useMemo.call(void 0, () => _tigercatcore.getSliderThumbClasses.call(void 0, size, disabled), [size, disabled]);
+  const tooltipClasses = _react.useMemo.call(void 0, () => _tigercatcore.getSliderTooltipClasses.call(void 0, size), [size]);
   const renderMarks = () => {
     if (!marks) return null;
     const marksObj = typeof marks === "boolean" ? {} : marks;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute w-full top-full mt-2", children: Object.entries(marksObj).map(([key, label]) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute w-full top-full mt-2", children: Object.entries(marksObj).map(([key, label]) => {
       const value = Number(key);
       const left = getPercentage(value);
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
           className: "absolute text-xs text-[var(--tiger-text-muted,#6b7280)]",
@@ -224,16 +231,16 @@ var Slider = ({
       );
     }) });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: tigercatCore.classNames(tigercatCore.sliderBaseClasses, disabled && "cursor-not-allowed", className),
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.sliderBaseClasses, disabled && "cursor-not-allowed", className),
       ...divProps,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: trackRef, className: trackClasses, onClick: handleTrackClick, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.sliderRangeClasses, style: rangeStyles }),
-          range && Array.isArray(internalValue) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: trackRef, className: trackClasses, onClick: handleTrackClick, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.sliderRangeClasses, style: rangeStyles }),
+          range && Array.isArray(internalValue) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               Thumb,
               {
                 value: internalValue[0],
@@ -256,7 +263,7 @@ var Slider = ({
                 getPercentage
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               Thumb,
               {
                 value: internalValue[1],
@@ -279,7 +286,7 @@ var Slider = ({
                 getPercentage
               }
             )
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             Thumb,
             {
               value: typeof internalValue === "number" ? internalValue : internalValue[0],
@@ -308,4 +315,6 @@ var Slider = ({
   );
 };
 
+
+
 exports.Slider = Slider;

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

@@ -1,8 +1,39 @@
-import { VirtualList } from './chunk-SXNHXUUF.mjs';
-import React, { useState, useMemo } from 'react';
-import { getSpinnerSVG, paginateData, calculatePagination, classNames, getListClasses, listSizeClasses, listGridContainerClasses, getGridColumnClasses, listWrapperClasses, listLoadingOverlayClasses, getListHeaderFooterClasses, listEmptyStateClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, getLoadingOverlaySpinnerClasses, getListItemClasses, listItemAvatarClasses, listItemTitleClasses, listItemDescriptionClasses, listItemContentClasses, listItemMetaClasses, listItemExtraClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  VirtualList
+} from "./chunk-7DUHHRAU.mjs";
 
+// src/components/List.tsx
+import React, { useMemo, useState } from "react";
+import {
+  classNames,
+  getListClasses,
+  getListItemClasses,
+  getListHeaderFooterClasses,
+  getGridColumnClasses,
+  paginateData,
+  calculatePagination,
+  listWrapperClasses,
+  listSizeClasses,
+  listEmptyStateClasses,
+  listLoadingOverlayClasses,
+  listItemMetaClasses,
+  listItemAvatarClasses,
+  listItemContentClasses,
+  listItemTitleClasses,
+  listItemDescriptionClasses,
+  listItemExtraClasses,
+  listGridContainerClasses,
+  getSpinnerSVG,
+  getLoadingOverlaySpinnerClasses,
+  getSimplePaginationContainerClasses,
+  getSimplePaginationTotalClasses,
+  getSimplePaginationControlsClasses,
+  getSimplePaginationSelectClasses,
+  getSimplePaginationButtonClasses,
+  getSimplePaginationPageIndicatorClasses,
+  getSimplePaginationButtonsWrapperClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var spinnerSvg = getSpinnerSVG("spinner");
 var LoadingSpinner = () => /* @__PURE__ */ jsx(
   "svg",
@@ -191,7 +222,7 @@ var List = ({
         onDragEnd: isDraggable ? () => {
           dragIndexRef.current = null;
         } : void 0,
-        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item)
+        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item, index)
       },
       key
     );
@@ -293,4 +324,6 @@ var List = ({
   ] });
 };
 
-export { List };
+export {
+  List
+};

package/dist/{chunk-OUARQFZ7.mjs → chunk-AG4HRAW2.mjs}

@@ -1,14 +1,45 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartSeries } from './chunk-SDLMB34Y.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartAxis } from './chunk-RQSQXQN6.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import { ChartGrid } from './chunk-677VSTPW.mjs';
-import { useRef, useState, useEffect, useMemo } from 'react';
-import { getScatterGradientPrefix, getChartInnerRect, getNumberExtent, createLinearScale, resolveChartPalette, getChartElementOpacity, getScatterHoverSize, buildChartLegendItems, resolveChartTooltipContent, classNames, SCATTER_ENTRANCE_KEYFRAMES, getScatterHoverShadow, SCATTER_ENTRANCE_CLASS, scatterPointTransitionClasses, getScatterPointPath } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartSeries
+} from "./chunk-SDLMB34Y.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartAxis
+} from "./chunk-RQSQXQN6.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
+import {
+  ChartGrid
+} from "./chunk-677VSTPW.mjs";
 
+// src/components/ScatterChart.tsx
+import { useId, useMemo, useState, useEffect } from "react";
+import {
+  classNames,
+  createLinearScale,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getNumberExtent,
+  getStableChartGradientPrefix,
+  getScatterHoverShadow,
+  getScatterHoverSize,
+  getScatterPointPath,
+  scatterPointTransitionClasses,
+  SCATTER_ENTRANCE_KEYFRAMES,
+  SCATTER_ENTRANCE_CLASS,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ScatterChart = ({
   width = 320,
   height = 200,
@@ -65,8 +96,11 @@ var ScatterChart = ({
   desc,
   className
 }) => {
-  const gradientPrefixRef = useRef(getScatterGradientPrefix());
-  const gradientPrefix = gradientPrefixRef.current;
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("scatter", gradientId),
+    [gradientId]
+  );
   const [mounted, setMounted] = useState(false);
   useEffect(() => {
     if (animated) setMounted(true);
@@ -242,7 +276,7 @@ var ScatterChart = ({
           const styleObj = {
             ...filterStyle ? { filter: filterStyle } : {},
             ...animDelay ? {
-              animation: `${SCATTER_ENTRANCE_CLASS} 500ms cubic-bezier(.34,1.56,.64,1) ${animDelay} both`
+              animation: `${SCATTER_ENTRANCE_CLASS} var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) ${animDelay} both`
             } : {}
           };
           const sharedProps = {
@@ -250,7 +284,11 @@ var ScatterChart = ({
             opacity: point.opacity,
             stroke: pointBorderColor,
             strokeWidth: pointBorderWidth,
-            className: classNames(scatterPointTransitionClasses, interactive && "cursor-pointer"),
+            className: classNames(
+              scatterPointTransitionClasses,
+              animDelay && SCATTER_ENTRANCE_CLASS,
+              interactive && "cursor-pointer"
+            ),
             style: Object.keys(styleObj).length > 0 ? styleObj : void 0,
             tabIndex: selectable ? 0 : void 0,
             role: selectable ? "button" : "img",
@@ -322,4 +360,7 @@ var ScatterChart = ({
 };
 var ScatterChart_default = ScatterChart;
 
-export { ScatterChart, ScatterChart_default };
+export {
+  ScatterChart,
+  ScatterChart_default
+};