@expcat/tigercat-react 1.3.3 → 1.4.0

package/dist/{chunk-NVEIVIAW.mjs → chunk-OFRKYQOZ.mjs}

@@ -1,6 +1,6 @@
 import {
   Textarea
-} from "./chunk-7QZ4XT2P.mjs";
+} from "./chunk-DVEK5SO6.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
@@ -99,13 +99,14 @@ var CommentThread = ({
   const ACTION_BTN = `${BTN_BASE} text-gray-500 dark:text-gray-400 font-medium flex items-center gap-1.5`;
   const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] dark:text-blue-400 dark:hover:text-blue-300 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10`;
   const renderNode = (node, depth, isLast) => {
-    const hasChildren = !!node.children && node.children.length > 0;
+    const children = node.children ?? [];
+    const hasChildren = children.length > 0;
     const isExpanded = expandedSet.has(node.id);
     const showReplies = hasChildren && isExpanded;
     const showAllReplies = expandedAllKeys.has(node.id);
     const repliesId = `tiger-comment-replies-${node.id}`;
-    const visibleChildren = showReplies ? maxReplies > 0 && !showAllReplies ? node.children.slice(0, maxReplies) : node.children : [];
-    const showLoadMoreBtn = showReplies && maxReplies > 0 && node.children.length > maxReplies && !showAllReplies;
+    const visibleChildren = showReplies ? maxReplies > 0 && !showAllReplies ? children.slice(0, maxReplies) : children : [];
+    const showLoadMoreBtn = showReplies && maxReplies > 0 && children.length > maxReplies && !showAllReplies;
     const actions = [];
     if (showLike) {
       const likeLabel = node.liked ? likedText : likeText;
@@ -123,7 +124,25 @@ var CommentThread = ({
             ),
             onClick: () => onLike?.(node, !node.liked),
             children: [
-              /* @__PURE__ */ jsx("svg", { className: classNames("w-3.5 h-3.5 transition-transform duration-200 active:scale-125", node.liked ? "fill-current" : "stroke-current fill-none"), viewBox: "0 0 24 24", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602" }) }),
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: classNames(
+                    "w-3.5 h-3.5 transition-transform duration-200 active:scale-125",
+                    node.liked ? "fill-current" : "stroke-current fill-none"
+                  ),
+                  viewBox: "0 0 24 24",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ jsx("span", { children: `${likeLabel}${likeCount}` })
             ]
           },
@@ -147,7 +166,24 @@ var CommentThread = ({
               setReplyValue("");
             },
             children: [
-              /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ jsx("span", { children: replyText })
             ]
           },
@@ -168,7 +204,24 @@ var CommentThread = ({
             ),
             onClick: () => onMore?.(node),
             children: [
-              /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" }) }),
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ jsx("span", { children: moreText })
             ]
           },
@@ -185,10 +238,7 @@ var CommentThread = ({
             {
               size: "sm",
               variant: action.variant ?? "ghost",
-              className: classNames(
-                ACTION_BTN,
-                "hover:bg-gray-100 dark:hover:bg-gray-800"
-              ),
+              className: classNames(ACTION_BTN, "hover:bg-gray-100 dark:hover:bg-gray-800"),
               disabled: action.disabled,
               onClick: () => {
                 action.onClick?.(node, action);
@@ -221,11 +271,55 @@ var CommentThread = ({
           ) : null,
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-              node.user?.name ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer", children: node.user.name }) : null,
-              node.user?.title ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "xs", color: "muted", className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium", children: node.user.title }) : null,
-              node.tag ? /* @__PURE__ */ jsx(Tag, { size: "sm", variant: node.tag.variant ?? "default", className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: node.tag.label }) : null,
-              node.tags?.map((tag, index) => /* @__PURE__ */ jsx(Tag, { size: "sm", variant: tag.variant ?? "default", className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: tag.label }, `${node.id}-tag-${index}`)),
-              node.time ? /* @__PURE__ */ jsx(Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto text-gray-400 dark:text-gray-500 font-normal", children: formatCommentTime(node.time) }) : null
+              node.user?.name ? /* @__PURE__ */ jsx(
+                Text,
+                {
+                  tag: "span",
+                  size: "sm",
+                  weight: "bold",
+                  className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer",
+                  children: node.user.name
+                }
+              ) : null,
+              node.user?.title ? /* @__PURE__ */ jsx(
+                Text,
+                {
+                  tag: "span",
+                  size: "xs",
+                  color: "muted",
+                  className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium",
+                  children: node.user.title
+                }
+              ) : null,
+              node.tag ? /* @__PURE__ */ jsx(
+                Tag,
+                {
+                  size: "sm",
+                  variant: node.tag.variant ?? "default",
+                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10",
+                  children: node.tag.label
+                }
+              ) : null,
+              node.tags?.map((tag, index) => /* @__PURE__ */ jsx(
+                Tag,
+                {
+                  size: "sm",
+                  variant: tag.variant ?? "default",
+                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10",
+                  children: tag.label
+                },
+                `${node.id}-tag-${index}`
+              )),
+              node.time ? /* @__PURE__ */ jsx(
+                Text,
+                {
+                  tag: "span",
+                  size: "xs",
+                  color: "muted",
+                  className: "ml-auto text-gray-400 dark:text-gray-500 font-normal",
+                  children: formatCommentTime(node.time)
+                }
+              ) : null
             ] }),
             /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed break-words mt-2 mb-3 pr-2", children: node.content }),
             actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null,
@@ -271,11 +365,14 @@ var CommentThread = ({
               {
                 size: "sm",
                 variant: "ghost",
-                className: classNames("mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors", PRIMARY_BTN),
+                className: classNames(
+                  "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors",
+                  PRIMARY_BTN
+                ),
                 "aria-expanded": isExpanded,
                 "aria-controls": repliesId,
                 onClick: () => toggleExpanded(node.id),
-                children: isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${node.children.length} \u6761\u56DE\u590D`
+                children: isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
               }
             ) : null,
             showReplies ? /* @__PURE__ */ jsxs(
@@ -315,7 +412,24 @@ var CommentThread = ({
       "aria-label": divProps["aria-label"] ?? (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"),
       ...divProps,
       children: resolvedNodes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors", children: [
-        /* @__PURE__ */ jsx("svg", { className: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+              }
+            )
+          }
+        ),
         /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
       ] }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
     }

package/dist/{chunk-AW5M3EL4.js → chunk-OS6M3IZF.js}

@@ -4,13 +4,13 @@
 var _chunkRFHPG4KNjs = require('./chunk-RFHPG4KN.js');
 
 
-var _chunkWG3YS2QVjs = require('./chunk-WG3YS2QV.js');
+var _chunkPT5T5F4Hjs = require('./chunk-PT5T5F4H.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 
-var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
+var _chunkYRVAF2IDjs = require('./chunk-YRVAF2ID.js');
 
 
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
@@ -208,15 +208,30 @@ var NotificationCenter = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline justify-between gap-2", children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100", children: item.title }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkUF3DXKCIjs.Text,
+                  {
+                    tag: "span",
+                    size: "sm",
+                    weight: isRead ? "normal" : "semibold",
+                    className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100",
+                    children: item.title
+                  }
+                ),
                 !isRead && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 shrink-0 shadow-sm shadow-blue-500/40 animate-pulse" })
               ] }),
               timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap flex-shrink-0 self-center", children: timeText }) : null
             ] }),
-            item.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, 
-              "mt-1 text-xs leading-relaxed line-clamp-2",
-              isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
-            ), children: item.description }) : null
+            item.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: _tigercatcore.classNames.call(void 0, 
+                  "mt-1 text-xs leading-relaxed line-clamp-2",
+                  isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
+                ),
+                children: item.description
+              }
+            ) : null
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkZLNBE4ISjs.Button,
@@ -245,12 +260,38 @@ var NotificationCenter = ({
   const renderList = (listItems) => {
     if (listItems.length === 0) {
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-14 px-4 text-center", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0" }) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "font-semibold text-gray-400 dark:text-gray-500", children: emptyText })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkUF3DXKCIjs.Text,
+          {
+            tag: "div",
+            size: "sm",
+            color: "muted",
+            className: "font-semibold text-gray-400 dark:text-gray-500",
+            children: emptyText
+          }
+        )
       ] });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWG3YS2QVjs.List,
+      _chunkPT5T5F4Hjs.List,
       {
         dataSource: listItems,
         split: true,
@@ -262,7 +303,7 @@ var NotificationCenter = ({
       }
     );
   };
-  const content = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRP3XYIjs.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
+  const content = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYRVAF2IDjs.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
@@ -279,7 +320,16 @@ var NotificationCenter = ({
           header: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "base", weight: "bold", className: "text-gray-900 dark:text-gray-100", children: title }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkUF3DXKCIjs.Text,
+                  {
+                    tag: "div",
+                    size: "base",
+                    weight: "bold",
+                    className: "text-gray-900 dark:text-gray-100",
+                    children: title
+                  }
+                ),
                 totalUnread > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white shadow-sm shadow-blue-500/20 animate-pulse", children: totalUnread }) : null
               ] }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-3ZNZLGQO.mjs → chunk-OXQOKKTP.mjs}

@@ -1,3 +1,6 @@
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
 import {
   useTigerConfig
 } from "./chunk-QAIBQHIO.mjs";
@@ -76,16 +79,12 @@ var Upload = ({
   );
   const inputRef = useRef(null);
   const [isDragging, setIsDragging] = useState(false);
-  const [internalFileList, setInternalFileList] = useState([]);
-  const isControlled = controlledFileList !== void 0;
-  const fileList = isControlled ? controlledFileList : internalFileList;
+  const [fileList, setFileList] = useControlledState(controlledFileList, []);
   const updateFileList = useCallback(
     (newFileList) => {
-      if (!isControlled) {
-        setInternalFileList(newFileList);
-      }
+      setFileList(newFileList);
     },
-    [isControlled]
+    [setFileList]
   );
   const handleClick = () => {
     if (disabled) return;

package/dist/{chunk-NMEVQPOD.js → chunk-PHAJXRGE.js}

@@ -23,6 +23,7 @@ var _client = require('react-dom/client');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
@@ -32,7 +33,6 @@ var notificationInstancesByPosition = {
   "bottom-left": [],
   "bottom-right": []
 };
-var instanceIdCounter = 0;
 var containerRoots = {
   "top-left": null,
   "top-right": null,
@@ -51,9 +51,7 @@ function scheduleNotificationStackUpdate(position) {
   if (!callback) return;
   stackUpdateScheduler.schedule(position, callback);
 }
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
 var NotificationItem = ({ notification: notification2, onClose }) => {
   const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {

package/dist/{chunk-WG3YS2QV.js → chunk-PT5T5F4H.js}

@@ -2,6 +2,9 @@
 
 var _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/List.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
@@ -29,6 +32,8 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
 
 
 
@@ -54,7 +59,8 @@ var List = ({
   size = "md",
   bordered = "divided",
   loading = false,
-  emptyText = "No data",
+  emptyText,
+  locale,
   split = true,
   itemLayout = "horizontal",
   header,
@@ -75,6 +81,11 @@ var List = ({
   onReorder,
   ...divProps
 }) => {
+  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 [currentPage, setCurrentPage] = _react.useState.call(void 0, 
     pagination && typeof pagination === "object" ? pagination.current || 1 : 1
   );
@@ -232,7 +243,7 @@ var List = ({
       return null;
     }
     if (paginatedData.length === 0) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listEmptyStateClasses, role: "status", "aria-live": "polite", children: emptyText });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.listEmptyStateClasses, role: "status", "aria-live": "polite", children: _tigercatcore.resolveLocaleText.call(void 0, "No data", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.emptyText])) });
     }
     const items = paginatedData.map((item, index) => renderListItem(item, index));
     if (grid) {

package/dist/{chunk-WNLUUD5N.mjs → chunk-QIL24WZD.mjs}

@@ -1,3 +1,7 @@
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
+
 // src/components/Input.tsx
 import { useState, useEffect, useRef, useCallback, useId } from "react";
 import {
@@ -51,7 +55,7 @@ var Input = ({
   const inputRef = useRef(null);
   const reactId = useId();
   const errorMsgId = `tiger-input-error-${reactId}`;
-  const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+  const [inputValue, setInputValue] = useControlledState(value, defaultValue ?? "");
   const [passwordVisible, setPasswordVisible] = useState(false);
   useEffect(() => {
     if (status === "error" && wrapperRef.current) {
@@ -64,25 +68,17 @@ var Input = ({
   const handleAnimationEnd = useCallback(() => {
     wrapperRef.current?.classList.remove(SHAKE_CLASS);
   }, []);
-  const isControlled = value !== void 0;
-  const inputValue = isControlled ? value : internalValue;
   const currentValStr = String(inputValue);
   const handleInput = (event) => {
-    if (!isControlled) {
-      setInternalValue(parseInputValue(event.currentTarget, type));
-    }
+    setInputValue(parseInputValue(event.currentTarget, type));
     onInput?.(event);
   };
   const handleChange = (event) => {
-    if (!isControlled) {
-      setInternalValue(parseInputValue(event.currentTarget, type));
-    }
+    setInputValue(parseInputValue(event.currentTarget, type));
     onChange?.(event);
   };
   const handleClear = () => {
-    if (!isControlled) {
-      setInternalValue("");
-    }
+    setInputValue("");
     onClear?.();
     inputRef.current?.focus();
   };

package/dist/{chunk-ZFMMAYSX.js → chunk-QLATA4UB.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/RadioGroup.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -18,7 +18,7 @@ var RadioGroup = ({
   className,
   ...props
 }) => {
-  const [currentValue, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, value, defaultValue);
+  const [currentValue, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue);
   const generatedNameRef = _react.useRef.call(void 0, 
     `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
   );
@@ -26,12 +26,10 @@ var RadioGroup = ({
   const handleChange = _react.useCallback.call(void 0, 
     (newValue) => {
       if (disabled) return;
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
+      setValue(newValue);
       _optionalChain([onChange, 'optionalCall', _ => _(newValue)]);
     },
-    [disabled, isControlled, setInternalValue, onChange]
+    [disabled, setValue, onChange]
   );
   const handleKeyDown = (event) => {
     if (disabled) return;