@expcat/tigercat-react 0.1.8 → 0.2.0

package/dist/{chunk-HQXZVTP4.mjs → chunk-HGF2EL25.mjs}

@@ -1,8 +1,8 @@
-import React, { useState, useRef, useEffect, useMemo } from 'react';
-import { classNames, getPopconfirmContainerClasses, getPopconfirmTriggerClasses, getDropdownMenuWrapperClasses, getPopconfirmArrowClasses, getPopconfirmContentClasses, getPopconfirmTitleClasses, getPopconfirmDescriptionClasses, getPopconfirmIconClasses, getPopconfirmButtonsClasses, getPopconfirmCancelButtonClasses, getPopconfirmOkButtonClasses, mergeStyleValues, popconfirmIconStrokeWidth, popconfirmIconViewBox, getPopconfirmIconPath, popconfirmIconPathStrokeLinejoin, popconfirmIconPathStrokeLinecap } from '@expcat/tigercat-core';
+import { useFloating, useClickOutside, useEscapeKey } from './chunk-WLIFEALE.mjs';
+import React, { useState, useRef, useCallback, useMemo } from 'react';
+import { getTransformOrigin, classNames, getPopconfirmContainerClasses, getPopconfirmTriggerClasses, getPopconfirmArrowClasses, getPopconfirmContentClasses, getPopconfirmTitleClasses, getPopconfirmDescriptionClasses, getPopconfirmIconClasses, getPopconfirmButtonsClasses, getPopconfirmCancelButtonClasses, getPopconfirmOkButtonClasses, mergeStyleValues, popconfirmIconStrokeWidth, popconfirmIconViewBox, getPopconfirmIconPath, popconfirmIconPathStrokeLinejoin, popconfirmIconPathStrokeLinecap } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/components/Popconfirm.tsx
 var popconfirmIdCounter = 0;
 var createPopconfirmId = () => `tiger-popconfirm-${++popconfirmIdCounter}`;
 var PopconfirmIcon = ({ type }) => /* @__PURE__ */ jsx(
@@ -33,7 +33,8 @@ var Popconfirm = ({
   okText = "\u786E\u5B9A",
   cancelText = "\u53D6\u6D88",
   okType = "primary",
-  placement = "top",
+  placement: initialPlacement = "top",
+  offset = 8,
   disabled = false,
   className,
   style,
@@ -49,6 +50,8 @@ var Popconfirm = ({
   const [internalVisible, setInternalVisible] = useState(defaultVisible);
   const currentVisible = isControlled ? visible : internalVisible;
   const containerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const floatingRef = useRef(null);
   const popconfirmIdRef = useRef(null);
   if (!popconfirmIdRef.current) {
     popconfirmIdRef.current = createPopconfirmId();
@@ -76,40 +79,40 @@ var Popconfirm = ({
     if (disabled) return;
     setVisible(!currentVisible);
   };
-  useEffect(() => {
-    if (!currentVisible) return;
-    const handleClickOutside = (event) => {
-      const target = event.target;
-      if (!target) return;
-      if (containerRef.current?.contains(target)) return;
-      setVisible(false);
-    };
-    const timeoutId = window.setTimeout(() => {
-      document.addEventListener("click", handleClickOutside);
-    }, 0);
-    return () => {
-      clearTimeout(timeoutId);
-      document.removeEventListener("click", handleClickOutside);
-    };
-  }, [currentVisible]);
-  useEffect(() => {
-    if (!currentVisible) return;
-    const handleKeyDown = (event) => {
-      if (event.key !== "Escape") return;
-      setVisible(false);
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [currentVisible]);
+  const { x, y, placement } = useFloating({
+    referenceRef: triggerRef,
+    floatingRef,
+    enabled: currentVisible,
+    placement: initialPlacement,
+    offset
+  });
+  const handleOutsideClick = useCallback(() => setVisible(false), []);
+  const handleEscape = useCallback(() => setVisible(false), []);
+  useClickOutside({
+    enabled: currentVisible,
+    refs: [containerRef],
+    onOutsideClick: handleOutsideClick,
+    defer: true
+  });
+  useEscapeKey({
+    enabled: currentVisible,
+    onEscape: handleEscape
+  });
+  const contentWrapperStyles = useMemo(
+    () => ({
+      position: "absolute",
+      left: x,
+      top: y,
+      transformOrigin: getTransformOrigin(placement)
+    }),
+    [x, y, placement]
+  );
   const containerClasses = useMemo(
     () => classNames(getPopconfirmContainerClasses(), className),
     [className]
   );
   const triggerClasses = useMemo(() => getPopconfirmTriggerClasses(disabled), [disabled]);
-  const contentWrapperClasses = useMemo(
-    () => getDropdownMenuWrapperClasses(Boolean(currentVisible), placement),
-    [currentVisible, placement]
-  );
+  const contentWrapperClasses = useMemo(() => "absolute z-50", []);
   const arrowClasses = useMemo(() => getPopconfirmArrowClasses(placement), [placement]);
   const contentClasses = useMemo(() => getPopconfirmContentClasses(), []);
   const titleClasses = useMemo(() => getPopconfirmTitleClasses(), []);
@@ -165,34 +168,44 @@ var Popconfirm = ({
     );
   })();
   return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: containerClasses, style: mergedStyle, ...divProps, children: [
-    triggerNode,
-    /* @__PURE__ */ jsx("div", { className: contentWrapperClasses, hidden: !currentVisible, "aria-hidden": !currentVisible, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx("div", { className: arrowClasses, "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          id: popconfirmId,
-          role: "dialog",
-          "aria-modal": "false",
-          "aria-labelledby": titleId,
-          "aria-describedby": describedBy,
-          className: contentClasses,
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start", children: [
-              showIcon && /* @__PURE__ */ jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsx(PopconfirmIcon, { type: icon }) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx("div", { id: titleId, className: titleClasses, children: titleContent || title }),
-                (description || descriptionContent) && /* @__PURE__ */ jsx("div", { id: descriptionId, className: descriptionClasses, children: descriptionContent || description })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: buttonsClasses, children: [
-              /* @__PURE__ */ jsx("button", { type: "button", className: cancelButtonClasses, onClick: handleCancel, children: cancelText }),
-              /* @__PURE__ */ jsx("button", { type: "button", className: okButtonClasses, onClick: handleConfirm, children: okText })
-            ] })
-          ]
-        }
-      )
-    ] }) })
+    /* @__PURE__ */ jsx("div", { ref: triggerRef, children: triggerNode }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: floatingRef,
+        className: contentWrapperClasses,
+        style: contentWrapperStyles,
+        hidden: !currentVisible,
+        "aria-hidden": !currentVisible,
+        children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx("div", { className: arrowClasses, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              id: popconfirmId,
+              role: "dialog",
+              "aria-modal": "false",
+              "aria-labelledby": titleId,
+              "aria-describedby": describedBy,
+              className: contentClasses,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start", children: [
+                  showIcon && /* @__PURE__ */ jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsx(PopconfirmIcon, { type: icon }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                    /* @__PURE__ */ jsx("div", { id: titleId, className: titleClasses, children: titleContent || title }),
+                    (description || descriptionContent) && /* @__PURE__ */ jsx("div", { id: descriptionId, className: descriptionClasses, children: descriptionContent || description })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: buttonsClasses, children: [
+                  /* @__PURE__ */ jsx("button", { type: "button", className: cancelButtonClasses, onClick: handleCancel, children: cancelText }),
+                  /* @__PURE__ */ jsx("button", { type: "button", className: okButtonClasses, onClick: handleConfirm, children: okText })
+                ] })
+              ]
+            }
+          )
+        ] })
+      }
+    )
   ] });
 };
 

package/dist/{chunk-R5BQHZWB.js → chunk-HRYBEBZC.js}

@@ -14,9 +14,9 @@ var SortIcon = ({ direction }) => {
         className: tigercatCore.getSortIconClasses(true),
         width: "16",
         height: "16",
-        viewBox: "0 0 16 16",
+        viewBox: tigercatCore.icon16ViewBox,
         fill: "currentColor",
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 3l4 4H4l4-4z" })
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.sortAscIcon16PathD })
       }
     );
   }
@@ -27,9 +27,9 @@ var SortIcon = ({ direction }) => {
         className: tigercatCore.getSortIconClasses(true),
         width: "16",
         height: "16",
-        viewBox: "0 0 16 16",
+        viewBox: tigercatCore.icon16ViewBox,
         fill: "currentColor",
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 13l-4-4h8l-4 4z" })
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.sortDescIcon16PathD })
       }
     );
   }
@@ -39,14 +39,14 @@ var SortIcon = ({ direction }) => {
       className: tigercatCore.getSortIconClasses(false),
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: tigercatCore.icon16ViewBox,
       fill: "currentColor",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 3l4 4H4l4-4zM8 13l-4-4h8l-4 4z" })
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.sortBothIcon16PathD })
     }
   );
 };
 var LockIcon = ({ locked }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: locked ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 8h-1V6a4 4 0 10-8 0v2H7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V10a2 2 0 00-2-2zm-7-2a2 2 0 114 0v2h-4V6z" }) : /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 8h-1V6a4 4 0 00-7.75-1.41 1 1 0 101.9.62A2 2 0 0114 6v2H7a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V10a2 2 0 00-2-2zm0 12H7V10h10v10z" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: tigercatCore.icon24ViewBox, fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: locked ? tigercatCore.lockClosedIcon24PathD : tigercatCore.lockOpenIcon24PathD }) });
 };
 var LoadingSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
@@ -588,13 +588,13 @@ function Table({
     const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
     const total = processedData.length;
     const paginationConfig2 = pagination;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.tablePaginationContainerClasses, children: [
-      paginationConfig2.showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700", children: paginationConfig2.totalText ? paginationConfig2.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results` }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationContainerClasses(), children: [
+      paginationConfig2.showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getSimplePaginationTotalClasses(), children: paginationConfig2.totalText ? paginationConfig2.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results` }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationControlsClasses(), children: [
         paginationConfig2.showSizeChanger !== false && /* @__PURE__ */ jsxRuntime.jsx(
           "select",
           {
-            className: "px-3 py-1 border border-gray-300 rounded text-sm",
+            className: tigercatCore.getSimplePaginationSelectClasses(),
             value: currentPageSize,
             onChange: (e) => handlePageSizeChange(Number(e.target.value)),
             children: (paginationConfig2.pageSizeOptions || [10, 20, 50, 100]).map((size2) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: size2, children: [
@@ -603,20 +603,17 @@ function Table({
             ] }, size2))
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationButtonsWrapperClasses(), children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
-              className: tigercatCore.classNames(
-                "px-3 py-1 border border-gray-300 rounded text-sm",
-                hasPrev ? "hover:bg-gray-50 text-gray-700" : "text-gray-400 cursor-not-allowed"
-              ),
+              className: tigercatCore.getSimplePaginationButtonClasses(!hasPrev),
               disabled: !hasPrev,
               onClick: () => handlePageChange(currentPage - 1),
               children: "Previous"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-3 py-1 text-sm text-gray-700", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.getSimplePaginationPageIndicatorClasses(), children: [
             "Page ",
             currentPage,
             " of ",
@@ -625,10 +622,7 @@ function Table({
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
-              className: tigercatCore.classNames(
-                "px-3 py-1 border border-gray-300 rounded text-sm",
-                hasNext ? "hover:bg-gray-50 text-gray-700" : "text-gray-400 cursor-not-allowed"
-              ),
+              className: tigercatCore.getSimplePaginationButtonClasses(!hasNext),
               disabled: !hasNext,
               onClick: () => handlePageChange(currentPage + 1),
               children: "Next"

package/dist/{chunk-PAD2DX5M.mjs → chunk-IIVRVCCP.mjs}

@@ -1,5 +1,5 @@
 import { memo, useState, useRef, useEffect, useCallback } from 'react';
-import { getSliderTrackClasses, getSliderThumbClasses, getSliderTooltipClasses, classNames, sliderRangeClasses, sliderBaseClasses } from '@expcat/tigercat-core';
+import { sliderNormalizeValue, sliderGetPercentage, getSliderTrackClasses, getSliderThumbClasses, getSliderTooltipClasses, classNames, sliderRangeClasses, sliderBaseClasses, sliderGetKeyboardValue } from '@expcat/tigercat-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/components/Slider.tsx
@@ -92,16 +92,11 @@ var Slider = ({
     }
   }, [controlledValue]);
   const normalizeValue = useCallback(
-    (val) => {
-      const steps = Math.round((val - min) / step);
-      return Math.min(Math.max(min + steps * step, min), max);
-    },
+    (val) => sliderNormalizeValue(val, min, max, step),
     [min, max, step]
   );
   const getPercentage = useCallback(
-    (val) => {
-      return (val - min) / (max - min) * 100;
-    },
+    (val) => sliderGetPercentage(val, min, max),
     [min, max]
   );
   const getValueFromPosition = useCallback(
@@ -185,22 +180,9 @@ var Slider = ({
   };
   const handleKeyDown = (e, value, thumbType) => {
     if (disabled) return;
-    let newValue = value;
-    if (e.key === "ArrowRight" || e.key === "ArrowUp") {
-      e.preventDefault();
-      newValue = normalizeValue(value + step);
-    } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
-      e.preventDefault();
-      newValue = normalizeValue(value - step);
-    } else if (e.key === "Home") {
-      e.preventDefault();
-      newValue = min;
-    } else if (e.key === "End") {
-      e.preventDefault();
-      newValue = max;
-    } else {
-      return;
-    }
+    const newValue = sliderGetKeyboardValue(e.key, value, min, max, step);
+    if (newValue === null) return;
+    e.preventDefault();
     if (range && Array.isArray(internalValue)) {
       const [minVal, maxVal] = internalValue;
       if (thumbType === "min") {

package/dist/chunk-IS467WAO.mjs

@@ -0,0 +1,39 @@
+import { useMemo } from 'react';
+import { getChartInnerRect, classNames, chartCanvasBaseClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/ChartCanvas.tsx
+var ChartCanvas = ({
+  width = 320,
+  height = 200,
+  padding = 24,
+  className,
+  title,
+  desc,
+  children,
+  ...props
+}) => {
+  const innerRect = useMemo(
+    () => getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const svgClasses = useMemo(() => classNames(chartCanvasBaseClasses, className), [className]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ...props,
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      className: svgClasses,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        desc ? /* @__PURE__ */ jsx("desc", { children: desc }) : null,
+        /* @__PURE__ */ jsx("g", { transform: `translate(${innerRect.x}, ${innerRect.y})`, children })
+      ]
+    }
+  );
+};
+var ChartCanvas_default = ChartCanvas;
+
+export { ChartCanvas, ChartCanvas_default };

package/dist/{chunk-CTAMMQBC.mjs → chunk-IS7YOBR7.mjs}

@@ -1,5 +1,5 @@
-import { useState, useCallback } from 'react';
-import { getTotalPages, validateCurrentPage, getPageRange, getPaginationContainerClasses, defaultTotalText, getTotalTextClasses, getPaginationButtonBaseClasses, classNames, getPageNumbers, getPaginationEllipsisClasses, getPaginationButtonActiveClasses, getPageSizeSelectorClasses, getQuickJumperInputClasses } from '@expcat/tigercat-core';
+import { useMemo, useState, useCallback } from 'react';
+import { getPaginationLabels, getTotalPages, validateCurrentPage, getPageRange, getPaginationContainerClasses, defaultTotalText, getTotalTextClasses, getPaginationButtonBaseClasses, classNames, getPageNumbers, getPaginationEllipsisClasses, formatPageAriaLabel, getPaginationButtonActiveClasses, getPageSizeSelectorClasses, getQuickJumperInputClasses } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/Pagination.tsx
@@ -24,9 +24,11 @@ var Pagination = ({
   style,
   onChange,
   onPageSizeChange,
+  locale,
   ...props
 }) => {
   const { "aria-label": ariaLabelProp, ...navProps } = props;
+  const labels = useMemo(() => getPaginationLabels(locale), [locale]);
   const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
   const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);
   const [quickJumperValue, setQuickJumperValue] = useState("");
@@ -114,7 +116,7 @@ var Pagination = ({
           className: getPaginationButtonBaseClasses(size),
           disabled: prevDisabled,
           onClick: () => handlePageChange(validatedCurrentPage - 1),
-          "aria-label": "\u4E0A\u4E00\u9875",
+          "aria-label": labels.prevPageAriaLabel,
           children: "\u2039"
         },
         "prev"
@@ -145,7 +147,7 @@ var Pagination = ({
           className: getPaginationButtonBaseClasses(size),
           disabled: nextDisabled,
           onClick: () => handlePageChange(validatedCurrentPage + 1),
-          "aria-label": "\u4E0B\u4E00\u9875",
+          "aria-label": labels.nextPageAriaLabel,
           children: "\u203A"
         },
         "next"
@@ -162,7 +164,7 @@ var Pagination = ({
           className: getPaginationButtonBaseClasses(size),
           disabled: prevDisabled,
           onClick: () => handlePageChange(validatedCurrentPage - 1),
-          "aria-label": "\u4E0A\u4E00\u9875",
+          "aria-label": labels.prevPageAriaLabel,
           children: "\u2039"
         },
         "prev"
@@ -195,7 +197,7 @@ var Pagination = ({
               ),
               disabled,
               onClick: () => handlePageChange(pageNum),
-              "aria-label": `\u7B2C ${pageNum} \u9875`,
+              "aria-label": formatPageAriaLabel(labels.pageAriaLabel, pageNum),
               "aria-current": isActive ? "page" : void 0,
               children: String(pageNum)
             },
@@ -212,7 +214,7 @@ var Pagination = ({
           className: getPaginationButtonBaseClasses(size),
           disabled: nextDisabled,
           onClick: () => handlePageChange(validatedCurrentPage + 1),
-          "aria-label": "\u4E0B\u4E00\u9875",
+          "aria-label": labels.nextPageAriaLabel,
           children: "\u203A"
         },
         "next"
@@ -228,10 +230,11 @@ var Pagination = ({
           disabled,
           value: currentPageSize,
           onChange: (e) => handlePageSizeChange(parseInt(e.target.value, 10)),
-          "aria-label": "\u6BCF\u9875\u6761\u6570",
+          "aria-label": labels.itemsPerPageText,
           children: pageSizeOptions.map((sizeOption) => /* @__PURE__ */ jsxs("option", { value: sizeOption, children: [
             sizeOption,
-            " \u6761/\u9875"
+            " ",
+            labels.itemsPerPageText
           ] }, sizeOption))
         },
         "size-changer"
@@ -247,7 +250,7 @@ var Pagination = ({
             "ml-2",
             size === "small" ? "text-sm" : size === "large" ? "text-lg" : "text-base"
           ),
-          children: "\u8DF3\u81F3"
+          children: labels.jumpToText
         },
         "jumper-label-start"
       )
@@ -264,7 +267,7 @@ var Pagination = ({
           onKeyDown: handleQuickJumperKeyPress,
           min: 1,
           max: totalPages,
-          "aria-label": "\u8DF3\u8F6C\u9875\u7801"
+          "aria-label": labels.jumpToText
         },
         "jumper-input"
       )
@@ -274,7 +277,7 @@ var Pagination = ({
         "span",
         {
           className: size === "small" ? "text-sm" : size === "large" ? "text-lg" : "text-base",
-          children: "\u9875"
+          children: labels.pageText
         },
         "jumper-label-end"
       )
@@ -286,7 +289,7 @@ var Pagination = ({
       className: containerClasses,
       ...navProps,
       role: "navigation",
-      "aria-label": ariaLabelProp ?? "\u5206\u9875\u5BFC\u822A",
+      "aria-label": ariaLabelProp ?? "Pagination",
       style,
       children: elements
     }

package/dist/{chunk-ADOPAXPG.mjs → chunk-JI7SFMUT.mjs}

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 import { createRoot } from 'react-dom/client';
-import { classNames, notificationContainerBaseClasses, notificationPositionClasses, getNotificationTypeClasses, defaultNotificationThemeColors, notificationBaseClasses, getNotificationIconPath, notificationIconClasses, notificationContentClasses, notificationTitleClasses, notificationDescriptionClasses, notificationCloseButtonClasses, notificationCloseIconClasses, notificationCloseIconPath, icon24StrokeWidth, icon24ViewBox, icon24PathStrokeLinejoin, icon24PathStrokeLinecap, isBrowser } from '@expcat/tigercat-core';
+import { classNames, notificationContainerBaseClasses, notificationPositionClasses, getNotificationTypeClasses, defaultNotificationThemeColors, notificationBaseClasses, getNotificationIconPath, notificationIconClasses, notificationContentClasses, notificationTitleClasses, notificationDescriptionClasses, notificationCloseButtonClasses, notificationCloseIconClasses, notificationCloseIconPath, icon24StrokeWidth, icon24ViewBox, icon24PathStrokeLinejoin, icon24PathStrokeLinecap, ANIMATION_DURATION_MS, isBrowser } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/Notification.tsx
@@ -67,7 +67,7 @@ var NotificationItem = ({ notification: notification2, onClose }) => {
   const iconClass = classNames(notificationIconClasses, colorScheme.icon);
   const handleClose = () => {
     setIsVisible(false);
-    setTimeout(() => onClose(notification2.id), 300);
+    setTimeout(() => onClose(notification2.id), ANIMATION_DURATION_MS);
   };
   const a11yRole = notification2.type === "error" ? "alert" : "status";
   const ariaLive = notification2.type === "error" ? "assertive" : "polite";