@expcat/tigercat-react 1.2.23 → 1.2.31

package/dist/{chunk-EX63M5ID.js → chunk-JCINYGGM.js}

@@ -95,23 +95,9 @@ var CommentThread = ({
       updateExpandedKeys(next);
     }
   };
-  const BTN_BASE = "px-1.5 py-0.5 h-auto min-h-0 text-xs rounded";
-  const ACTION_BTN = `${BTN_BASE} text-gray-400 hover:text-gray-600 font-normal hover:bg-gray-50`;
-  const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] font-medium hover:bg-[var(--tiger-primary,#2563eb)]/5`;
-  const renderActionButton = (label, key, onClick, active) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk56ZV3VVYjs.Button,
-    {
-      size: "sm",
-      variant: "ghost",
-      className: _tigercatcore.classNames.call(void 0, 
-        ACTION_BTN,
-        active && "text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary,#2563eb)] font-medium"
-      ),
-      onClick,
-      children: label
-    },
-    key
-  );
+  const BTN_BASE = "px-2 py-0.5 h-auto min-h-0 text-xs rounded-md transition-all duration-200 ease-out";
+  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 isExpanded = expandedSet.has(node.id);
@@ -125,24 +111,70 @@ var CommentThread = ({
       const likeLabel = node.liked ? likedText : likeText;
       const likeCount = node.likes ? ` ${node.likes}` : "";
       actions.push(
-        renderActionButton(
-          `${likeLabel}${likeCount}`,
-          "like",
-          () => _optionalChain([onLike, 'optionalCall', _4 => _4(node, !node.liked)]),
-          node.liked
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunk56ZV3VVYjs.Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: _tigercatcore.classNames.call(void 0, 
+              ACTION_BTN,
+              "hover:text-blue-600 hover:bg-blue-50/50 dark:hover:text-blue-400 dark:hover:bg-blue-950/20",
+              node.liked && "text-blue-600 dark:text-blue-400 bg-blue-50/30 dark:bg-blue-950/10 font-semibold border-blue-200/40 dark:border-blue-800/30"
+            ),
+            onClick: () => _optionalChain([onLike, 'optionalCall', _4 => _4(node, !node.liked)]),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: _tigercatcore.classNames.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { children: `${likeLabel}${likeCount}` })
+            ]
+          },
+          "like"
         )
       );
     }
     if (showReply) {
       actions.push(
-        renderActionButton(replyText, "reply", () => {
-          setReplyingTo((prev) => prev === node.id ? null : node.id);
-          setReplyValue("");
-        })
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunk56ZV3VVYjs.Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: _tigercatcore.classNames.call(void 0, 
+              ACTION_BTN,
+              "hover:text-emerald-600 hover:bg-emerald-50/50 dark:hover:text-emerald-400 dark:hover:bg-emerald-950/20"
+            ),
+            onClick: () => {
+              setReplyingTo((prev) => prev === node.id ? null : node.id);
+              setReplyValue("");
+            },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { children: replyText })
+            ]
+          },
+          "reply"
+        )
       );
     }
     if (showMore) {
-      actions.push(renderActionButton(moreText, "more", () => _optionalChain([onMore, 'optionalCall', _5 => _5(node)])));
+      actions.push(
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunk56ZV3VVYjs.Button,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: _tigercatcore.classNames.call(void 0, 
+              ACTION_BTN,
+              "hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800"
+            ),
+            onClick: () => _optionalChain([onMore, 'optionalCall', _5 => _5(node)]),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { children: moreText })
+            ]
+          },
+          "more"
+        )
+      );
     }
     if (node.actions && node.actions.length > 0) {
       node.actions.forEach((action, index) => {
@@ -153,7 +185,10 @@ var CommentThread = ({
             {
               size: "sm",
               variant: _nullishCoalesce(action.variant, () => ( "ghost")),
-              className: ACTION_BTN,
+              className: _tigercatcore.classNames.call(void 0, 
+                ACTION_BTN,
+                "hover:bg-gray-100 dark:hover:bg-gray-800"
+              ),
               disabled: action.disabled,
               onClick: () => {
                 _optionalChain([action, 'access', _6 => _6.onClick, 'optionalCall', _7 => _7(node, action)]);
@@ -171,8 +206,8 @@ var CommentThread = ({
       {
         className: _tigercatcore.classNames.call(void 0, 
           "tiger-comment-thread-item",
-          depth === 1 && "py-4",
-          depth === 1 && !isLast && showDivider && "border-b border-[var(--tiger-border,#e5e7eb)]"
+          depth === 1 && "py-5",
+          depth === 1 && !isLast && showDivider && "border-b border-gray-100 dark:border-gray-800/80"
         ),
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3", children: [
           showAvatar && node.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -181,27 +216,27 @@ var CommentThread = ({
               size: depth === 1 ? "md" : "sm",
               src: node.user.avatar,
               text: node.user.name,
-              className: "shrink-0 mt-0.5"
+              className: "shrink-0 mt-0.5 ring-1 ring-black/5 dark:ring-white/10 shadow-sm transition-transform hover:scale-105 duration-200"
             }
           ) : null,
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap", children: [
-              _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.name]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: "bold", children: node.user.name }) : null,
-              _optionalChain([node, 'access', _11 => _11.user, 'optionalAccess', _12 => _12.title]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "xs", color: "muted", children: node.user.title }) : null,
-              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")), children: node.tag.label }) : null,
-              _optionalChain([node, 'access', _13 => _13.tags, 'optionalAccess', _14 => _14.map, 'call', _15 => _15((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(tag.variant, () => ( "default")), children: tag.label }, `${node.id}-tag-${index}`))]),
-              node.time ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto", children: _tigercatcore.formatCommentTime.call(void 0, node.time) }) : null
+              _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.name]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.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,
+              _optionalChain([node, 'access', _11 => _11.user, 'optionalAccess', _12 => _12.title]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.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__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(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,
+              _optionalChain([node, 'access', _13 => _13.tags, 'optionalAccess', _14 => _14.map, 'call', _15 => _15((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(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__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto text-gray-400 dark:text-gray-500 font-normal", children: _tigercatcore.formatCommentTime.call(void 0, node.time) }) : null
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed break-words mt-1.5 mb-2", children: node.content }),
-            actions.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-1", children: actions }) : null,
-            replyingTo === node.id ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 space-y-2 bg-[var(--tiger-surface-muted,#f9fafb)] p-3 rounded-[var(--tiger-radius-md,0.5rem)]", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null,
+            replyingTo === node.id ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 space-y-3 bg-gray-50/50 dark:bg-gray-900/30 border border-gray-100 dark:border-gray-800/80 p-4 rounded-xl shadow-sm backdrop-blur-sm transition-all duration-300", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkWVVXZKNIjs.Textarea,
                 {
-                  rows: 2,
+                  rows: 3,
                   value: replyValue,
                   placeholder: replyPlaceholder,
-                  className: "bg-[var(--tiger-surface,#ffffff)]",
+                  className: "bg-white dark:bg-gray-950 border-gray-200 dark:border-gray-800 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:focus:border-blue-400 rounded-lg shadow-inner transition-all duration-200",
                   onChange: (event) => setReplyValue(event.target.value)
                 }
               ),
@@ -211,6 +246,7 @@ var CommentThread = ({
                   {
                     size: "sm",
                     variant: "ghost",
+                    className: "px-3 py-1.5 text-xs text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 rounded-lg transition-colors",
                     onClick: () => {
                       setReplyingTo(null);
                       setReplyValue("");
@@ -218,7 +254,16 @@ var CommentThread = ({
                     children: cancelReplyText
                   }
                 ),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { size: "sm", variant: "primary", onClick: () => handleReplySubmit(node), children: replyButtonText })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunk56ZV3VVYjs.Button,
+                  {
+                    size: "sm",
+                    variant: "primary",
+                    className: "px-3 py-1.5 text-xs font-semibold shadow-sm hover:shadow transition-all duration-200 rounded-lg",
+                    onClick: () => handleReplySubmit(node),
+                    children: replyButtonText
+                  }
+                )
               ] })
             ] }) : null,
             hasChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -226,7 +271,7 @@ var CommentThread = ({
               {
                 size: "sm",
                 variant: "ghost",
-                className: _tigercatcore.classNames.call(void 0, "mt-2", PRIMARY_BTN),
+                className: _tigercatcore.classNames.call(void 0, "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),
@@ -237,7 +282,7 @@ var CommentThread = ({
               "div",
               {
                 id: repliesId,
-                className: "mt-3 ml-1 pl-4 border-l-2 border-[var(--tiger-border,#e5e7eb)] space-y-3",
+                className: "mt-4 ml-1 pl-4 border-l-2 border-gray-100 dark:border-gray-800 hover:border-blue-500/40 dark:hover:border-blue-400/40 space-y-4 transition-colors duration-300",
                 children: [
                   visibleChildren.map(
                     (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
@@ -269,7 +314,10 @@ var CommentThread = ({
       "data-tiger-comment-thread": true,
       "aria-label": _nullishCoalesce(divProps["aria-label"], () => ( (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"))),
       ...divProps,
-      children: resolvedNodes.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "text-center py-8", children: emptyText }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
+      children: resolvedNodes.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.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-CSH2QOOH.js → chunk-K5B4XXAI.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXHT2VIDRjs = require('./chunk-XHT2VIDR.js');
+var _chunkFXVKJWUPjs = require('./chunk-FXVKJWUP.js');
 
 // src/components/Kanban.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -11,7 +11,7 @@ var Kanban = ({
   ...props
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXHT2VIDRjs.TaskBoard,
+    _chunkFXVKJWUPjs.TaskBoard,
     {
       showCardCount,
       allowAddCard,

package/dist/{chunk-UE52NMPO.js → chunk-KTV3ZDSQ.js}

@@ -145,6 +145,7 @@ var CropUpload = ({
         open: modalVisible,
         size: "lg",
         title: modalTitle,
+        className: "tiger-crop-upload-modal",
         closable: true,
         maskClosable: false,
         onClose: handleCancel,

package/dist/{chunk-XPA2YCQO.js → chunk-M7HBWFQO.js}

@@ -10,7 +10,6 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
-
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var StepsContext = _react.createContext.call(void 0, null);
@@ -65,7 +64,7 @@ var StepsItem = ({
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: icon });
     }
     if (stepStatus === "finish") {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: _tigercatcore.stepFinishChar });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }) });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: stepIndex + 1 });
   };

package/dist/{chunk-DTYDPMNR.js → chunk-P4INKEQ3.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkXPA2YCQOjs = require('./chunk-XPA2YCQO.js');
+var _chunkM7HBWFQOjs = require('./chunk-M7HBWFQO.js');
 
 
 var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
@@ -21,6 +21,42 @@ var _react = require('react');
 
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
+var ArrowLeftIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className: "w-3.5 h-3.5 transition-transform duration-300 group-hover:-translate-x-0.5",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })
+  }
+);
+var ArrowRightIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className: "w-3.5 h-3.5 transition-transform duration-300 group-hover:translate-x-0.5",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" })
+  }
+);
+var CheckIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className: "w-3.5 h-3.5 transition-transform duration-300 group-hover:scale-110",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" })
+  }
+);
 var FormWizard = ({
   steps = [],
   current,
@@ -29,6 +65,7 @@ var FormWizard = ({
   direction = "horizontal",
   size = "default",
   simple = false,
+  bordered = true,
   showSteps = true,
   showActions = true,
   prevText,
@@ -60,7 +97,8 @@ var FormWizard = ({
   const isFirst = currentIndex <= 0;
   const isLast = currentIndex >= totalCount - 1;
   const wrapperClasses = _tigercatcore.classNames.call(void 0, 
-    "tiger-form-wizard w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
+    "tiger-form-wizard w-full overflow-hidden transition-all duration-300",
+    bordered ? "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "bg-transparent",
     className
   );
   const setCurrent = _react.useCallback.call(void 0, 
@@ -129,7 +167,7 @@ var FormWizard = ({
   }, [currentIndex, currentStep, renderStep]);
   const stepsNodes = _react.useMemo.call(void 0, 
     () => steps.map((step, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXPA2YCQOjs.StepsItem,
+      _chunkM7HBWFQOjs.StepsItem,
       {
         title: step.title,
         description: step.description,
@@ -142,8 +180,11 @@ var FormWizard = ({
     [steps]
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, style, "data-tiger-form-wizard": true, ...props, children: [
-    showSteps && steps.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXPA2YCQOjs.Steps,
+    showSteps && steps.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, 
+      "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]/95 backdrop-blur-sm transition-all duration-300",
+      bordered ? "border-b border-[var(--tiger-border,#e5e7eb)]" : ""
+    ), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkM7HBWFQOjs.Steps,
       {
         current: currentIndex,
         direction,
@@ -154,10 +195,36 @@ var FormWizard = ({
         children: stepsNodes
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
-    showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: _tigercatcore.resolveLocaleText.call(void 0, labels.prevText, prevText) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? _tigercatcore.resolveLocaleText.call(void 0, labels.finishText, finishText) : _tigercatcore.resolveLocaleText.call(void 0, labels.nextText, nextText) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-8 py-6 flex flex-col items-center w-full min-h-[120px] transition-all duration-300", children: contentNode }),
+    showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, 
+      "flex items-center justify-between gap-3 px-8 py-4 bg-[var(--tiger-surface-muted,#f9fafb)]/95 backdrop-blur-sm transition-all duration-300",
+      bordered ? "border-t border-[var(--tiger-border,#e5e7eb)]" : ""
+    ), children: [
+      !isFirst ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk56ZV3VVYjs.Button,
+        {
+          htmlType: "button",
+          variant: "secondary",
+          className: "group",
+          onClick: handlePrev,
+          size: size === "small" ? "sm" : "md",
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArrowLeftIcon, {}),
+          children: _tigercatcore.resolveLocaleText.call(void 0, labels.prevText, prevText)
+        }
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk56ZV3VVYjs.Button,
+        {
+          htmlType: "button",
+          variant: "primary",
+          className: "group",
+          onClick: handleNext,
+          size: size === "small" ? "sm" : "md",
+          icon: isLast ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckIcon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArrowRightIcon, {}),
+          iconPosition: isLast ? "left" : "right",
+          children: isLast ? _tigercatcore.resolveLocaleText.call(void 0, labels.finishText, finishText) : _tigercatcore.resolveLocaleText.call(void 0, labels.nextText, nextText)
+        }
+      )
     ] })
   ] });
 };

package/dist/{chunk-5XS6PXBX.mjs → chunk-PKWHSCFK.mjs}

@@ -201,22 +201,29 @@ var NotificationCenter = ({
       "div",
       {
         className: classNames(
-          "flex items-start gap-3 w-full py-0.5 transition-colors",
-          !isRead && "border-l-2 border-l-[var(--tiger-primary,#2563eb)] -ml-[2px] pl-[calc(0.75rem-2px)]"
+          "group relative flex items-start gap-3.5 w-full p-3.5 rounded-xl transition-all duration-300 hover:bg-gray-50/60 dark:hover:bg-gray-800/30",
+          !isRead ? "bg-blue-50/20 dark:bg-blue-950/5 hover:bg-blue-50/40 dark:hover:bg-blue-950/10 border-l-[3px] border-l-blue-500/80 -ml-[3px] pl-[calc(0.875rem-3px)]" : "border-l-[3px] border-l-transparent -ml-[3px] pl-[calc(0.875rem-3px)]"
         ),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-              /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
-              timeText ? /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0", children: timeText }) : null
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(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__ */ jsx("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__ */ jsx("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__ */ jsx("div", { className: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed", children: item.description }) : null
+            item.description ? /* @__PURE__ */ jsx("div", { className: classNames(
+              "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__ */ jsx(
             Button,
             {
               size: "sm",
               variant: "ghost",
+              className: "opacity-0 group-hover:opacity-100 focus:opacity-100 rounded-full px-2.5 py-1 text-[11px] font-semibold transition-all duration-200 bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-0 flex-shrink-0 self-center",
               onClick: (event) => {
                 event.stopPropagation();
                 if (manageReadState) {
@@ -235,19 +242,27 @@ var NotificationCenter = ({
       }
     );
   };
-  const renderList = (listItems) => /* @__PURE__ */ jsx(
-    List,
-    {
-      dataSource: listItems,
-      split: true,
-      bordered: "divided",
-      hoverable: true,
-      emptyText,
-      onItemClick: (item, index) => onItemClick?.(item, index),
-      renderItem
+  const renderList = (listItems) => {
+    if (listItems.length === 0) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-14 px-4 text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ jsx("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__ */ jsx("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__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-semibold text-gray-400 dark:text-gray-500", children: emptyText })
+      ] });
     }
-  );
-  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsx(TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
+    return /* @__PURE__ */ jsx(
+      List,
+      {
+        dataSource: listItems,
+        split: true,
+        bordered: "divided",
+        hoverable: true,
+        emptyText,
+        onItemClick: (item, index) => onItemClick?.(item, index),
+        renderItem
+      }
+    );
+  };
+  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsx(TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -260,22 +275,34 @@ var NotificationCenter = ({
         Card,
         {
           variant: "bordered",
-          className: "w-full",
+          className: "w-full rounded-2xl border border-gray-100/80 dark:border-gray-800/80 bg-white/95 dark:bg-gray-950/90 backdrop-blur-md shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.2)] transition-all duration-300 overflow-hidden",
           header: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ jsx(Text, { tag: "div", size: "base", weight: "bold", children: title }),
-                totalUnread > 0 ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white", children: totalUnread }) : null
+                /* @__PURE__ */ jsx(Text, { tag: "div", size: "base", weight: "bold", className: "text-gray-900 dark:text-gray-100", children: title }),
+                totalUnread > 0 ? /* @__PURE__ */ jsx("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__ */ jsx(Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  disabled: !hasUnread,
+                  onClick: handleMarkAllRead,
+                  className: classNames(
+                    "text-xs font-semibold transition-colors duration-200",
+                    hasUnread ? "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300" : "text-gray-400 dark:text-gray-600"
+                  ),
+                  children: markAllReadText
+                }
+              )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "inline-flex rounded-[var(--tiger-radius-sm,0.375rem)] border border-[var(--tiger-border,#e5e7eb)] overflow-hidden self-start", children: filterButtons.map((option) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-0.5 p-0.5 rounded-lg bg-gray-100/80 dark:bg-gray-800/60 self-start", children: filterButtons.map((option) => /* @__PURE__ */ jsx(
               "button",
               {
                 className: classNames(
-                  "px-3 py-1 text-xs font-medium transition-colors",
-                  "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
-                  currentReadFilter === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+                  "px-3.5 py-1 text-xs font-semibold rounded-md transition-all duration-200",
+                  currentReadFilter === option.key ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm scale-102" : "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"
                 ),
                 onClick: () => handleReadFilterChange(option.key),
                 children: option.label