@expcat/tigercat-react 1.0.4 → 1.1.0

package/dist/{chunk-QLHFXYWA.mjs → chunk-QOEE2PW5.mjs}

@@ -1,5 +1,5 @@
 import React, { forwardRef, useState, useRef, useMemo, useCallback, useImperativeHandle, useEffect } from 'react';
-import { classNames, getCarouselContainerClasses, carouselTrackFadeClasses, carouselTrackScrollClasses, getScrollTransform, getCarouselDotsClasses, clampSlideIndex, getNextSlideIndex, getPrevSlideIndex, isPrevDisabled, isNextDisabled, getCarouselDotClasses, carouselSlideBaseClasses, getCarouselArrowClasses, carouselPrevArrowPath, carouselNextArrowPath } from '@expcat/tigercat-core';
+import { getNextSlideIndex, getPrevSlideIndex, classNames, getCarouselContainerClasses, carouselTrackFadeClasses, carouselTrackScrollClasses, getScrollTransform, getCarouselDotsClasses, clampSlideIndex, createCarouselAutoplayController, isPrevDisabled, isNextDisabled, getCarouselTouchPoint, resolveCarouselSwipeDirection, getCarouselDotClasses, carouselSlideBaseClasses, getCarouselArrowClasses, carouselPrevArrowPath, carouselNextArrowPath } from '@expcat/tigercat-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/components/Carousel.tsx
@@ -24,6 +24,9 @@ var Carousel = forwardRef(
   }, ref) => {
     const [currentIndex, setCurrentIndex] = useState(initialSlide);
     const [isPaused, setIsPaused] = useState(false);
+    const containerRef = useRef(null);
+    const touchStartRef = useRef(null);
+    const touchCurrentRef = useRef(null);
     const onChangeRef = useRef(onChange);
     const onBeforeChangeRef = useRef(onBeforeChange);
     onChangeRef.current = onChange;
@@ -34,6 +37,17 @@ var Carousel = forwardRef(
       return React.Children.toArray(children).filter((child) => React.isValidElement(child));
     }, [children]);
     const slideCount = slides.length;
+    const navigateByDirection = useCallback(
+      (direction) => {
+        const current = currentIndexRef.current;
+        const targetIndex = direction === "next" ? getNextSlideIndex(current, slideCount, infinite) : getPrevSlideIndex(current, slideCount, infinite);
+        if (targetIndex === current) return;
+        onBeforeChangeRef.current?.(current, targetIndex);
+        setCurrentIndex(targetIndex);
+        onChangeRef.current?.(targetIndex, current);
+      },
+      [slideCount, infinite]
+    );
     const containerClasses = useMemo(
       () => classNames(getCarouselContainerClasses(className)),
       [className]
@@ -100,17 +114,65 @@ var Carousel = forwardRef(
     );
     useEffect(() => {
       if (!autoplay || isPaused) return;
-      const timer = setInterval(() => {
-        const curr = currentIndexRef.current;
-        const nextIdx = getNextSlideIndex(curr, slideCount, infinite);
-        if (nextIdx !== curr) {
-          onBeforeChangeRef.current?.(curr, nextIdx);
-          setCurrentIndex(nextIdx);
-          onChangeRef.current?.(nextIdx, curr);
+      const controller = createCarouselAutoplayController({
+        interval: autoplaySpeed,
+        onAdvance: () => {
+          const curr = currentIndexRef.current;
+          const nextIdx = getNextSlideIndex(curr, slideCount, infinite);
+          if (nextIdx !== curr) {
+            onBeforeChangeRef.current?.(curr, nextIdx);
+            setCurrentIndex(nextIdx);
+            onChangeRef.current?.(nextIdx, curr);
+          }
         }
-      }, autoplaySpeed);
-      return () => clearInterval(timer);
+      });
+      controller.start();
+      return () => controller.stop();
     }, [autoplay, autoplaySpeed, isPaused, slideCount, infinite]);
+    useEffect(() => {
+      const container = containerRef.current;
+      if (!container || slideCount <= 1) return;
+      const resetTouchGesture = () => {
+        touchStartRef.current = null;
+        touchCurrentRef.current = null;
+      };
+      const handleTouchStart = (event) => {
+        const point = getCarouselTouchPoint(event.touches);
+        touchStartRef.current = point;
+        touchCurrentRef.current = point;
+      };
+      const handleTouchMove = (event) => {
+        if (!touchStartRef.current) return;
+        const point = getCarouselTouchPoint(event.touches);
+        if (point) {
+          touchCurrentRef.current = point;
+        }
+      };
+      const handleTouchEnd = (event) => {
+        const direction = resolveCarouselSwipeDirection(
+          touchStartRef.current,
+          getCarouselTouchPoint(event.changedTouches) ?? touchCurrentRef.current
+        );
+        resetTouchGesture();
+        if (direction) {
+          navigateByDirection(direction);
+        }
+      };
+      const handleTouchCancel = () => {
+        resetTouchGesture();
+      };
+      container.addEventListener("touchstart", handleTouchStart, { passive: true });
+      container.addEventListener("touchmove", handleTouchMove, { passive: true });
+      container.addEventListener("touchend", handleTouchEnd, { passive: true });
+      container.addEventListener("touchcancel", handleTouchCancel, { passive: true });
+      return () => {
+        resetTouchGesture();
+        container.removeEventListener("touchstart", handleTouchStart);
+        container.removeEventListener("touchmove", handleTouchMove);
+        container.removeEventListener("touchend", handleTouchEnd);
+        container.removeEventListener("touchcancel", handleTouchCancel);
+      };
+    }, [navigateByDirection, slideCount]);
     const handleMouseEnter = useCallback(() => {
       if (pauseOnHover && autoplay) {
         setIsPaused(true);
@@ -206,6 +268,7 @@ var Carousel = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        ref: containerRef,
         className: containerClasses,
         style,
         role: "region",

package/dist/{chunk-AQ72JVUG.js → chunk-QQKP437L.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXLVEI7GS_js = require('./chunk-XLVEI7GS.js');
+var chunkVE3SYUMH_js = require('./chunk-VE3SYUMH.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,7 +15,7 @@ var Col = ({
   style,
   ...divProps
 }) => {
-  const { gutter } = react.useContext(chunkXLVEI7GS_js.RowContext);
+  const { gutter } = react.useContext(chunkVE3SYUMH_js.RowContext);
   const isFlexSpanMode = flex !== void 0 && span === 0;
   const colClasses = react.useMemo(
     () => tigercatCore.classNames(
@@ -23,17 +23,17 @@ var Col = ({
       tigercatCore.getOffsetClasses(offset),
       tigercatCore.getOrderClasses(order),
       tigercatCore.getFlexClasses(flex),
+      tigercatCore.getColGutterClasses(gutter || 0),
       className
     ),
-    [isFlexSpanMode, span, offset, order, flex, className]
+    [gutter, isFlexSpanMode, span, offset, order, flex, className]
   );
   const mergedStyle = react.useMemo(
     () => ({
-      ...tigercatCore.getGutterStyles(gutter || 0).colStyle,
       ...tigercatCore.getColMergedStyleVars(isFlexSpanMode ? void 0 : span, offset, order, flex),
       ...style
     }),
-    [gutter, isFlexSpanMode, span, offset, order, flex, style]
+    [isFlexSpanMode, span, offset, order, flex, style]
   );
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: colClasses, style: mergedStyle, ...divProps, children });
 };

package/dist/{chunk-IOHPB4CF.js → chunk-QYJBMQ5P.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
+var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -26,6 +26,7 @@ var GaugeChart = ({
   segments,
   trackColor = "var(--tiger-border,#e5e7eb)",
   color = "var(--tiger-primary,#2563eb)",
+  gradient = false,
   title: chartTitle,
   desc,
   className
@@ -44,16 +45,32 @@ var GaugeChart = ({
     () => tigercatCore.valueToGaugeAngle(value, min, max, startAngle, endAngle),
     [value, min, max, startAngle, endAngle]
   );
+  const [animatedAngle, setAnimatedAngle] = React.useState(needleAngle);
+  const prevAngleRef = React.useRef(needleAngle);
+  React.useEffect(() => {
+    const from = prevAngleRef.current;
+    const to = needleAngle;
+    prevAngleRef.current = to;
+    if (from === to) return;
+    const ctrl = tigercatCore.createGaugeAnimation({
+      from,
+      to,
+      onUpdate: (v) => setAnimatedAngle(v)
+    });
+    return () => ctrl.stop();
+  }, [needleAngle]);
   const ticks = React.useMemo(
     () => showTicks ? tigercatCore.computeGaugeTicks(cx, cy, radius, min, max, startAngle, endAngle, tickCount) : [],
     [showTicks, cx, cy, radius, min, max, startAngle, endAngle, tickCount]
   );
   const trackPath = tigercatCore.createGaugeArcPath(cx, cy, radius, startAngle, endAngle, arcWidth);
-  const valuePath = needleAngle > startAngle ? tigercatCore.createGaugeArcPath(cx, cy, radius, startAngle, needleAngle, arcWidth) : null;
-  const needlePath = tigercatCore.createGaugeNeedlePath(cx, cy, radius - arcWidth - 6, needleAngle);
+  const valuePath = animatedAngle > startAngle ? tigercatCore.createGaugeArcPath(cx, cy, radius, startAngle, animatedAngle, arcWidth) : null;
+  const needlePath = tigercatCore.createGaugeNeedlePath(cx, cy, radius - arcWidth - 6, animatedAngle);
   const formattedValue = valueFormatter ? valueFormatter(value) : `${value}`;
+  const gradientPrefix = React.useMemo(() => tigercatCore.getGaugeGradientPrefix(), []);
+  const valueGradientId = `${gradientPrefix}-value`;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkDUWAV47E_js.ChartCanvas,
+    chunkUKLVOR4E_js.ChartCanvas,
     {
       width,
       height,
@@ -62,6 +79,10 @@ var GaugeChart = ({
       desc,
       className: tigercatCore.classNames(className),
       children: [
+        gradient && !segments && valuePath && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: valueGradientId, x1: 0, y1: 0, x2: 0, y2: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 1 }),
+          /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0.55 })
+        ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: trackPath, fill: trackColor, strokeWidth: 0 }),
         segments ? segments.map((seg, i) => {
           const sStart = tigercatCore.valueToGaugeAngle(seg.range[0], min, max, startAngle, endAngle);
@@ -79,9 +100,8 @@ var GaugeChart = ({
           "path",
           {
             d: valuePath,
-            fill: color,
-            strokeWidth: 0,
-            style: { transition: "all 0.3s ease-out" }
+            fill: gradient ? `url(#${valueGradientId})` : color,
+            strokeWidth: 0
           }
         ),
         ticks.map((tick, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
@@ -113,8 +133,7 @@ var GaugeChart = ({
           "path",
           {
             d: needlePath,
-            fill: "var(--tiger-text,#374151)",
-            style: { transition: "all 0.3s ease-out" }
+            fill: "var(--tiger-text,#374151)"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: 5, fill: "var(--tiger-text,#374151)" }),
@@ -123,7 +142,7 @@ var GaugeChart = ({
           {
             x: cx,
             y: cy + radius * 0.35,
-            className: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold",
+            className: "fill-[color:var(--tiger-text,#374151)] text-lg font-semibold tabular-nums",
             textAnchor: "middle",
             dominantBaseline: "middle",
             children: formattedValue

package/dist/{chunk-NZLOLMT2.mjs → chunk-RFB4M3WM.mjs}

@@ -1,5 +1,5 @@
-import { useMemo, useState, useCallback } from 'react';
-import { getPaginationLabels, getTotalPages, validateCurrentPage, getPageRange, getPaginationContainerClasses, defaultTotalText, getTotalTextClasses, getPaginationButtonBaseClasses, classNames, getSizeTextClasses, getPageNumbers, getPaginationEllipsisClasses, formatPageAriaLabel, getPaginationButtonActiveClasses, getPageSizeSelectorClasses, getQuickJumperInputClasses } from '@expcat/tigercat-core';
+import { useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import { getImmediateTigerLocale, isLazyTigerLocale, resolveTigerLocale, getPaginationLabels, createPaginationIdleValidationScheduler, getTotalPages, validateCurrentPage, getPageRange, getPaginationJumperPage, getValidatedPaginationJumperValue, getPaginationContainerClasses, defaultTotalText, getTotalTextClasses, getPaginationButtonBaseClasses, classNames, getSizeTextClasses, getPageNumbers, getPaginationEllipsisClasses, formatPageAriaLabel, getPaginationButtonActiveClasses, getPageSizeSelectorClasses, getQuickJumperInputClasses } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/Pagination.tsx
@@ -20,6 +20,7 @@ var Pagination = ({
   disabled = false,
   hideOnSinglePage = false,
   showLessItems = false,
+  quickJumperValidation,
   className,
   style,
   onChange,
@@ -28,18 +29,44 @@ var Pagination = ({
   ...props
 }) => {
   const { "aria-label": ariaLabelProp, ...navProps } = props;
-  const labels = useMemo(() => getPaginationLabels(locale), [locale]);
+  const immediateLocale = useMemo(() => getImmediateTigerLocale(locale), [locale]);
+  const [loadedLocale, setLoadedLocale] = useState(
+    immediateLocale
+  );
+  useEffect(() => {
+    let active = true;
+    setLoadedLocale(immediateLocale);
+    if (isLazyTigerLocale(locale)) {
+      resolveTigerLocale(locale).then((nextLocale) => {
+        if (active) setLoadedLocale(nextLocale);
+      }).catch(() => {
+        if (active) setLoadedLocale(immediateLocale);
+      });
+    }
+    return () => {
+      active = false;
+    };
+  }, [locale, immediateLocale]);
+  const resolvedLocale = isLazyTigerLocale(locale) ? loadedLocale : immediateLocale;
+  const labels = useMemo(() => getPaginationLabels(resolvedLocale), [resolvedLocale]);
   const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
   const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);
   const [quickJumperValue, setQuickJumperValue] = useState("");
+  const quickJumperValidationSchedulerRef = useRef(null);
+  if (quickJumperValidationSchedulerRef.current === null) {
+    quickJumperValidationSchedulerRef.current = createPaginationIdleValidationScheduler(quickJumperValidation);
+  }
+  useEffect(() => {
+    quickJumperValidationSchedulerRef.current = createPaginationIdleValidationScheduler(quickJumperValidation);
+    return () => {
+      quickJumperValidationSchedulerRef.current?.cancel();
+    };
+  }, [quickJumperValidation]);
   const currentPage = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
   const currentPageSize = controlledPageSize !== void 0 ? controlledPageSize : internalPageSize;
   const totalPages = getTotalPages(total, currentPageSize);
   const validatedCurrentPage = validateCurrentPage(currentPage, totalPages);
   const pageRange = getPageRange(validatedCurrentPage, currentPageSize, total);
-  if (hideOnSinglePage && totalPages <= 1) {
-    return null;
-  }
   const handlePageChange = useCallback(
     (page) => {
       if (disabled) return;
@@ -82,12 +109,22 @@ var Pagination = ({
     ]
   );
   const handleQuickJumperSubmit = useCallback(() => {
-    const page = parseInt(quickJumperValue, 10);
-    if (!isNaN(page)) {
+    quickJumperValidationSchedulerRef.current?.cancel();
+    const page = getPaginationJumperPage(quickJumperValue, totalPages);
+    if (page !== null) {
       handlePageChange(page);
     }
     setQuickJumperValue("");
-  }, [quickJumperValue, handlePageChange]);
+  }, [quickJumperValue, totalPages, handlePageChange]);
+  const handleQuickJumperChange = useCallback(
+    (value) => {
+      setQuickJumperValue(value);
+      quickJumperValidationSchedulerRef.current?.schedule(() => {
+        setQuickJumperValue(getValidatedPaginationJumperValue(value, totalPages));
+      });
+    },
+    [totalPages]
+  );
   const handleQuickJumperKeyPress = useCallback(
     (event) => {
       if (event.key === "Enter") {
@@ -220,7 +257,7 @@ var Pagination = ({
           className: classNames(getQuickJumperInputClasses(size), "mx-2"),
           disabled,
           value: quickJumperValue,
-          onChange: (e) => setQuickJumperValue(e.target.value),
+          onChange: (e) => handleQuickJumperChange(e.target.value),
           onKeyDown: handleQuickJumperKeyPress,
           min: 1,
           max: totalPages,
@@ -233,6 +270,9 @@ var Pagination = ({
       /* @__PURE__ */ jsx("span", { className: sizeText, children: labels.pageText }, "jumper-label-end")
     );
   }
+  if (hideOnSinglePage && totalPages <= 1) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     "nav",
     {

package/dist/{chunk-TFPIRBHL.js → chunk-RLQITKTC.js}

@@ -45,6 +45,10 @@ var VirtualTable = ({
     () => tigercatCore.getVirtualTableContainerClasses(bordered, className),
     [bordered, className]
   );
+  const fixedInfo = react.useMemo(
+    () => tigercatCore.getVirtualTableFixedInfo(columns),
+    [columns]
+  );
   const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -60,15 +64,19 @@ var VirtualTable = ({
       "aria-rowcount": data.length,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full table-fixed", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("thead", { className: stickyHeader ? tigercatCore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
-            "th",
-            {
-              className: tigercatCore.virtualTableHeaderCellClasses,
-              style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0,
-              children: col.title ?? ""
-            },
-            col.key
-          )) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { className: stickyHeader ? tigercatCore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => {
+            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+            const stickyStyle = tigercatCore.getVirtualTableFixedCellStyle(col.key, fixedInfo);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                className: tigercatCore.virtualTableHeaderCellClasses,
+                style: { ...widthStyle, ...stickyStyle },
+                children: col.title ?? ""
+              },
+              col.key
+            );
+          }) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
             visibleData.map((row, localIdx) => {
@@ -83,7 +91,15 @@ var VirtualTable = ({
                     onRowClick?.(row, globalIdx);
                     if (selectable) onSelect?.(key, row, globalIdx);
                   },
-                  children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: tigercatCore.virtualTableCellClasses, children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "") }, col.key))
+                  children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "td",
+                    {
+                      className: tigercatCore.virtualTableCellClasses,
+                      style: tigercatCore.getVirtualTableFixedCellStyle(col.key, fixedInfo),
+                      children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "")
+                    },
+                    col.key
+                  ))
                 },
                 key
               );

package/dist/{chunk-7CAJK2ZK.mjs → chunk-RPSHILHD.mjs}

@@ -1,4 +1,4 @@
-import { classNames, getSwitchClasses, getSwitchThumbClasses } from '@expcat/tigercat-core';
+import { getSwitchClasses, getSwitchThumbClasses } from '@expcat/tigercat-core';
 import { jsx } from 'react/jsx-runtime';
 
 // src/components/Switch.tsx
@@ -13,7 +13,7 @@ var Switch = ({
   tabIndex,
   ...props
 }) => {
-  const switchClasses = classNames(getSwitchClasses(size, checked, disabled), className);
+  const switchClasses = getSwitchClasses(size, checked, disabled, className);
   const thumbClasses = getSwitchThumbClasses(size, checked);
   const toggle = () => {
     if (disabled) return;

package/dist/{chunk-GX74TC62.js → chunk-RTHC4KWM.js}

@@ -29,11 +29,8 @@ var Code = ({
     setIsCopied(true);
     onCopy?.(code);
   };
-  const containerClasses = tigercatCore.classNames(tigercatCore.codeBlockContainerClasses, className);
-  const copyButtonClasses = tigercatCore.classNames(
-    tigercatCore.codeBlockCopyButtonBaseClasses,
-    isCopied && tigercatCore.codeBlockCopyButtonCopiedClasses
-  );
+  const containerClasses = tigercatCore.getCodeBlockContainerClasses(className);
+  const copyButtonClasses = tigercatCore.getCodeBlockCopyButtonClasses(isCopied);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClasses, ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("pre", { className: tigercatCore.codeBlockPreClasses, children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block", children: code }) }),
     copyable && /* @__PURE__ */ jsxRuntime.jsx(

package/dist/{chunk-65VXCN5N.js → chunk-SKMZTW3K.js}

@@ -32,6 +32,9 @@ var InputNumber = ({
 }) => {
   const isControlled = controlledValue !== void 0;
   const inputRef = react.useRef(null);
+  const repeatControllerRef = react.useRef(tigercatCore.createRafRepeatActionController());
+  const repeatValueRef = react.useRef(null);
+  const suppressNextClickRef = react.useRef(false);
   const [focused, setFocused] = react.useState(false);
   const [internalValue, setInternalValue] = react.useState(
     defaultValue ?? controlledValue ?? null
@@ -63,6 +66,7 @@ var InputNumber = ({
       inputRef.current.focus();
     }
   }, [autoFocus]);
+  react.useEffect(() => () => repeatControllerRef.current.stop(), []);
   const commitValue = (val) => {
     let finalVal = val;
     if (finalVal !== null) {
@@ -77,10 +81,39 @@ var InputNumber = ({
     onChange?.(finalVal);
     setDisplayValue(toDisplayValue(finalVal));
   };
-  const handleStep = (direction) => {
-    if (disabled || readonly) return;
-    const next = tigercatCore.stepValue(currentValue, step, direction, min, max, precision);
+  const handleStep = (direction, baseValue = currentValue) => {
+    if (disabled || readonly) return baseValue ?? null;
+    const next = tigercatCore.stepValue(baseValue, step, direction, min, max, precision);
     commitValue(next);
+    return next;
+  };
+  const handleStepClick = (direction) => {
+    if (suppressNextClickRef.current) {
+      suppressNextClickRef.current = false;
+      return;
+    }
+    handleStep(direction);
+  };
+  const startStepRepeat = (direction) => {
+    return (event) => {
+      event.preventDefault();
+      if (disabled || readonly) return;
+      if (direction === "down" && tigercatCore.isAtMin(currentValue, min)) return;
+      if (direction === "up" && tigercatCore.isAtMax(currentValue, max)) return;
+      suppressNextClickRef.current = true;
+      repeatValueRef.current = currentValue;
+      repeatControllerRef.current.start(() => {
+        const baseValue = repeatValueRef.current;
+        const nextValue = handleStep(direction, baseValue);
+        repeatValueRef.current = nextValue;
+        if (nextValue === baseValue) {
+          repeatControllerRef.current.stop();
+        }
+      });
+    };
+  };
+  const stopStepRepeat = () => {
+    repeatControllerRef.current.stop();
   };
   const handleInput = (e) => {
     setDisplayValue(e.target.value);
@@ -140,8 +173,11 @@ var InputNumber = ({
         "aria-label": "Decrease",
         className: tigercatCore.getInputNumberSideButtonClasses("left", disabled || atMin),
         disabled: disabled || atMin,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => handleStep("down"),
+        onPointerDown: startStepRepeat("down"),
+        onPointerUp: stopStepRepeat,
+        onPointerLeave: stopStepRepeat,
+        onPointerCancel: stopStepRepeat,
+        onClick: () => handleStepClick("down"),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "svg",
           {
@@ -187,8 +223,11 @@ var InputNumber = ({
         "aria-label": "Increase",
         className: tigercatCore.getInputNumberSideButtonClasses("right", disabled || atMax),
         disabled: disabled || atMax,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => handleStep("up"),
+        onPointerDown: startStepRepeat("up"),
+        onPointerUp: stopStepRepeat,
+        onPointerLeave: stopStepRepeat,
+        onPointerCancel: stopStepRepeat,
+        onClick: () => handleStepClick("up"),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "svg",
           {
@@ -212,8 +251,11 @@ var InputNumber = ({
           "aria-label": "Increase",
           className: tigercatCore.getInputNumberStepButtonClasses("up", disabled || atMax),
           disabled: disabled || atMax,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => handleStep("up"),
+          onPointerDown: startStepRepeat("up"),
+          onPointerUp: stopStepRepeat,
+          onPointerLeave: stopStepRepeat,
+          onPointerCancel: stopStepRepeat,
+          onClick: () => handleStepClick("up"),
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
             {
@@ -234,8 +276,11 @@ var InputNumber = ({
           "aria-label": "Decrease",
           className: tigercatCore.getInputNumberStepButtonClasses("down", disabled || atMin),
           disabled: disabled || atMin,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => handleStep("down"),
+          onPointerDown: startStepRepeat("down"),
+          onPointerUp: stopStepRepeat,
+          onPointerLeave: stopStepRepeat,
+          onPointerCancel: stopStepRepeat,
+          onClick: () => handleStepClick("down"),
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
             {

package/dist/{chunk-VHWTMNQN.js → chunk-SO6POTSO.js}

@@ -2,7 +2,7 @@
 
 var chunkPR3PQUKM_js = require('./chunk-PR3PQUKM.js');
 var chunkQYYAXM5F_js = require('./chunk-QYYAXM5F.js');
-var chunk2GKTVAAB_js = require('./chunk-2GKTVAAB.js');
+var chunkMPO7Y76D_js = require('./chunk-MPO7Y76D.js');
 var chunkVCULFIZ5_js = require('./chunk-VCULFIZ5.js');
 var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
 var chunkUIO6O4MI_js = require('./chunk-UIO6O4MI.js');
@@ -63,28 +63,28 @@ var ActivityFeed = ({
     const actionNodes = item.actions?.map(
       (action, actionIndex) => renderAction(item, action, actionIndex)
     );
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiger-activity-item", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 items-start", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.activityItemClasses, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemLayoutClasses, children: [
       showAvatar && item.user ? /* @__PURE__ */ jsxRuntime.jsx(chunkCI2WHAT2_js.Avatar, { size: "sm", src: item.user.avatar, text: item.user.name, className: "shrink-0" }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemBodyClasses, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemHeaderClasses, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemTitleGroupClasses, children: [
             titleText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", weight: "medium", className: "truncate", children: titleText }) : null,
             item.status ? /* @__PURE__ */ jsxRuntime.jsx(chunkVCULFIZ5_js.Tag, { variant: item.status.variant ?? "default", size: "sm", className: "shrink-0", children: item.status.label }) : null
           ] }),
           timeText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap", children: timeText }) : null
         ] }),
-        descriptionText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", className: "mb-2 break-words", children: descriptionText }) : null,
-        actionNodes?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: actionNodes }) : null
+        descriptionText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", className: tigercatCore.activityItemDescriptionClasses, children: descriptionText }) : null,
+        actionNodes?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.activityItemActionsClasses, children: actionNodes }) : null
       ] })
     ] }) });
   };
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, role: "feed", "aria-label": "\u52A8\u6001", "aria-busy": true, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMPO7Y76D_js.Loading, { text: loadingText }) }) }) });
   }
   if (resolvedGroups.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", children: emptyText }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, role: "feed", "aria-label": "\u52A8\u6001", ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", children: emptyText }) }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: resolvedGroups.map((group, groupIndex) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, role: "feed", "aria-label": "\u52A8\u6001", ...props, "data-tiger-activity-feed": true, children: resolvedGroups.map((group, groupIndex) => {
     const headerNode = renderGroupHeader?.(group);
     const groupTitle = group.title;
     const timelineItems = tigercatCore.toActivityTimelineItems(group.items);