@expcat/tigercat-react 1.2.23 → 1.2.30

package/dist/{chunk-RUZQN7X3.js → chunk-FZIF5LZW.js}

@@ -201,22 +201,29 @@ var NotificationCenter = ({
       "div",
       {
         className: _tigercatcore.classNames.call(void 0, 
-          "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__ */ _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.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
-              timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0", children: timeText }) : null
+              /* @__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 }),
+                !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: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed", 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, 
             _chunk56ZV3VVYjs.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__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkWG3YS2QVjs.List,
-    {
-      dataSource: listItems,
-      split: true,
-      bordered: "divided",
-      hoverable: true,
-      emptyText,
-      onItemClick: (item, index) => _optionalChain([onItemClick, 'optionalCall', _7 => _7(item, index)]),
-      renderItem
+  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 })
+      ] });
     }
-  );
-  const content = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRP3XYIjs.Loading, { text: loadingText }) }) : 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, 
+      _chunkWG3YS2QVjs.List,
+      {
+        dataSource: listItems,
+        split: true,
+        bordered: "divided",
+        hoverable: true,
+        emptyText,
+        onItemClick: (item, index) => _optionalChain([onItemClick, 'optionalCall', _7 => _7(item, index)]),
+        renderItem
+      }
+    );
+  };
+  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) });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
@@ -260,22 +275,34 @@ var NotificationCenter = ({
         _chunkUIO6O4MIjs.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__ */ _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", 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-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white", children: totalUnread }) : null
+                /* @__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, _chunk56ZV3VVYjs.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunk56ZV3VVYjs.Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  disabled: !hasUnread,
+                  onClick: handleMarkAllRead,
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 className: _tigercatcore.classNames.call(void 0, 
-                  "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

package/dist/{chunk-X37Q7VME.mjs → chunk-GYFR2O27.mjs}

@@ -1,6 +1,9 @@
 import {
   VirtualList
 } from "./chunk-7DUHHRAU.mjs";
+import {
+  Empty
+} from "./chunk-WIWTY74F.mjs";
 import {
   Input
 } from "./chunk-WNLUUD5N.mjs";
@@ -64,7 +67,7 @@ var ChatWindow = ({
   const inputValue = value !== void 0 ? value : innerValue;
   const wrapperClasses = useMemo(
     () => classNames(
-      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)]",
+      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden transition-all duration-300",
       className
     ),
     [className]
@@ -144,8 +147,8 @@ var ChatWindow = ({
                 "div",
                 {
                   className: classNames(
-                    "rounded-[var(--tiger-radius-md,0.5rem)] px-3 py-2 text-sm break-words",
-                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-none" : "bg-[var(--tiger-surface-muted,#f3f4f6)] text-[var(--tiger-text,#111827)] rounded-tl-none"
+                    "rounded-[var(--tiger-radius-lg,0.75rem)] px-4 py-2.5 text-sm break-words shadow-sm transition-all",
+                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-[var(--tiger-radius-sm,0.375rem)]" : "bg-[var(--tiger-surface,#ffffff)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] rounded-tl-[var(--tiger-radius-sm,0.375rem)]"
                   ),
                   "data-tiger-chat-bubble": true,
                   children: renderMessage?.(message, index) ?? message.content
@@ -177,6 +180,7 @@ var ChatWindow = ({
       "div",
       {
         ref: messageListRef,
+        className: "flex-1 overflow-auto bg-[var(--tiger-surface-muted,#f9fafb)]",
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
@@ -195,16 +199,16 @@ var ChatWindow = ({
       "div",
       {
         ref: messageListRef,
-        className: "flex-1 overflow-auto p-4 space-y-3",
+        className: "flex-1 overflow-auto p-5 space-y-4 bg-[var(--tiger-surface-muted,#f9fafb)]",
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
         "aria-label": messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868",
-        children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)]", children: emptyText }) : messages.map(renderMessageItem)
+        children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
       }
     ),
-    statusText && /* @__PURE__ */ jsx("div", { className: "px-4 py-1.5 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)]", children: statusText }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3 px-4 py-3 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
+    statusText && /* @__PURE__ */ jsx("div", { className: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: statusText }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
       /* @__PURE__ */ jsx("div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ jsx(
         Input,
         {

package/dist/chunk-I5YYA7FB.mjs

@@ -0,0 +1,244 @@
+import {
+  Timeline
+} from "./chunk-JVTAKNRO.mjs";
+import {
+  Loading
+} from "./chunk-FNJDBFKM.mjs";
+import {
+  Link
+} from "./chunk-XZVQ3PJS.mjs";
+import {
+  Tag
+} from "./chunk-TGKNEMD4.mjs";
+import {
+  Text
+} from "./chunk-HLS4CHWX.mjs";
+import {
+  Card
+} from "./chunk-P6E3DILH.mjs";
+import {
+  Avatar
+} from "./chunk-4ZZ7YRTB.mjs";
+
+// src/components/ActivityFeed.tsx
+import { useMemo } from "react";
+import {
+  classNames,
+  buildActivityGroups,
+  formatActivityTime,
+  toActivityTimelineItems,
+  activityItemClasses,
+  activityItemLayoutClasses,
+  activityItemBodyClasses,
+  activityItemHeaderClasses,
+  activityItemTitleGroupClasses,
+  activityItemDescriptionClasses,
+  activityItemActionsClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var renderAction = (item, action, index) => {
+  const key = action.key ?? `${item.id}-action-${index}`;
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      size: "sm",
+      variant: "primary",
+      underline: false,
+      href: action.href,
+      target: action.target,
+      disabled: action.disabled,
+      className: "inline-flex items-center px-2.5 py-1 rounded-lg hover:bg-blue-50/50 dark:hover:bg-blue-950/20 text-xs font-semibold transition-all duration-200",
+      onClick: () => action.onClick?.(item, action),
+      children: action.label
+    },
+    key
+  );
+};
+var ActivityFeed = ({
+  items = [],
+  groups,
+  groupBy,
+  groupOrder,
+  loading = false,
+  loadingText = "\u52A0\u8F7D\u4E2D...",
+  emptyText = "\u6682\u65E0\u52A8\u6001",
+  showAvatar = true,
+  showTime = true,
+  showGroupTitle = true,
+  renderItem,
+  renderGroupHeader,
+  className,
+  ...props
+}) => {
+  const resolvedGroups = useMemo(
+    () => buildActivityGroups(items, groups, groupBy, groupOrder),
+    [items, groups, groupBy, groupOrder]
+  );
+  const wrapperClasses = classNames(
+    "tiger-activity-feed",
+    "flex",
+    "flex-col",
+    "gap-6",
+    "w-full",
+    className
+  );
+  const renderDefaultItem = (item, index, group) => {
+    if (renderItem) return renderItem(item, index, group);
+    const titleText = item.title ?? (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "");
+    const descriptionText = item.description;
+    const timeText = showTime ? formatActivityTime(item.time) : "";
+    const actionNodes = item.actions?.map(
+      (action, actionIndex) => renderAction(item, action, actionIndex)
+    );
+    return /* @__PURE__ */ jsx("div", { className: classNames(activityItemClasses, "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"), children: /* @__PURE__ */ jsxs("div", { className: activityItemLayoutClasses, children: [
+      showAvatar && item.user ? /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          size: "sm",
+          src: item.user.avatar,
+          text: item.user.name,
+          className: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs("div", { className: activityItemBodyClasses, children: [
+        /* @__PURE__ */ jsxs("div", { className: activityItemHeaderClasses, children: [
+          /* @__PURE__ */ jsxs("div", { className: activityItemTitleGroupClasses, children: [
+            titleText ? /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", weight: "semibold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate", children: titleText }) : null,
+            item.status ? /* @__PURE__ */ jsx(
+              Tag,
+              {
+                variant: item.status.variant ?? "default",
+                size: "sm",
+                className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10 shadow-sm",
+                children: item.status.label
+              }
+            ) : null
+          ] }),
+          timeText ? /* @__PURE__ */ jsx(Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500", children: timeText }) : null
+        ] }),
+        descriptionText ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            tag: "div",
+            size: "sm",
+            color: "muted",
+            className: classNames(activityItemDescriptionClasses, "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"),
+            children: descriptionText
+          }
+        ) : null,
+        actionNodes?.length ? /* @__PURE__ */ jsx("div", { className: classNames(activityItemActionsClasses, "mt-2.5"), children: actionNodes }) : null
+      ] })
+    ] }) });
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: wrapperClasses,
+        role: "feed",
+        "aria-label": "\u52A8\u6001",
+        "aria-busy": true,
+        ...props,
+        "data-tiger-activity-feed": true,
+        children: /* @__PURE__ */ jsx(
+          Card,
+          {
+            variant: "bordered",
+            size: "sm",
+            className: "tiger-activity-feed-loading bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden",
+            children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) })
+          }
+        )
+      }
+    );
+  }
+  if (resolvedGroups.length === 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: wrapperClasses,
+        role: "feed",
+        "aria-label": "\u52A8\u6001",
+        ...props,
+        "data-tiger-activity-feed": true,
+        children: /* @__PURE__ */ jsx(
+          Card,
+          {
+            variant: "bordered",
+            size: "sm",
+            className: "tiger-activity-feed-empty bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden",
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
+              /* @__PURE__ */ jsx("svg", { className: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18" }) }),
+              /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
+            ] })
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: wrapperClasses,
+      role: "feed",
+      "aria-label": "\u52A8\u6001",
+      ...props,
+      "data-tiger-activity-feed": true,
+      children: resolvedGroups.map((group, groupIndex) => {
+        const headerNode = renderGroupHeader?.(group);
+        const groupTitle = group.title;
+        const timelineItems = toActivityTimelineItems(group.items);
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
+            /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider", children: groupTitle })
+          ] }) : null,
+          /* @__PURE__ */ jsx(
+            Timeline,
+            {
+              items: timelineItems,
+              style: {
+                "--tiger-border": "rgba(156, 163, 175, 0.18)"
+              },
+              renderDot: (timelineItem) => {
+                const activity = timelineItem.activity;
+                const statusVariant = activity?.status?.variant ?? "default";
+                const baseDotClass = "w-3 h-3 rounded-full border-2 border-white dark:border-gray-950 shadow-sm";
+                let colorClass = "bg-gray-300 dark:bg-gray-700";
+                let pulseClass = "";
+                if (statusVariant === "success") {
+                  colorClass = "bg-emerald-500";
+                  pulseClass = "bg-emerald-500/30";
+                } else if (statusVariant === "warning") {
+                  colorClass = "bg-amber-500";
+                  pulseClass = "bg-amber-500/30";
+                } else if (statusVariant === "error" || statusVariant === "danger") {
+                  colorClass = "bg-rose-500";
+                  pulseClass = "bg-rose-500/30";
+                } else if (statusVariant === "primary" || statusVariant === "info") {
+                  colorClass = "bg-blue-500";
+                  pulseClass = "bg-blue-500/30";
+                }
+                return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center w-4 h-4", children: [
+                  pulseClass ? /* @__PURE__ */ jsx("span", { className: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}` }) : null,
+                  /* @__PURE__ */ jsx("span", { className: `${baseDotClass} ${colorClass} relative z-10` })
+                ] });
+              },
+              renderItem: (timelineItem, index) => {
+                const activity = timelineItem.activity;
+                if (!activity) return null;
+                return renderDefaultItem(activity, index, group);
+              }
+            }
+          )
+        ] }, group.key ?? groupIndex);
+      })
+    }
+  );
+};
+var ActivityFeed_default = ActivityFeed;
+
+export {
+  ActivityFeed,
+  ActivityFeed_default
+};

package/dist/{chunk-3FEFHD3E.mjs → chunk-IUOTJ73N.mjs}

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