@expcat/tigercat-react 1.2.23 → 1.2.31

package/dist/{chunk-J5R4Q2QM.mjs → chunk-UQOMRXTD.mjs}

@@ -1,7 +1,7 @@
 import {
   Steps,
   StepsItem
-} from "./chunk-36WZNVQ5.mjs";
+} from "./chunk-5XE5VBDS.mjs";
 import {
   useTigerConfig
 } from "./chunk-QAIBQHIO.mjs";
@@ -21,6 +21,42 @@ import {
   runStepValidation
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
+var ArrowLeftIcon = () => /* @__PURE__ */ jsx(
+  "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__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })
+  }
+);
+var ArrowRightIcon = () => /* @__PURE__ */ jsx(
+  "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__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" })
+  }
+);
+var CheckIcon = () => /* @__PURE__ */ jsx(
+  "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__ */ jsx("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 = classNames(
-    "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 = useCallback(
@@ -142,7 +180,10 @@ var FormWizard = ({
     [steps]
   );
   return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, style, "data-tiger-form-wizard": true, ...props, children: [
-    showSteps && steps.length > 0 && /* @__PURE__ */ jsx("div", { className: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]", children: /* @__PURE__ */ jsx(
+    showSteps && steps.length > 0 && /* @__PURE__ */ jsx("div", { className: classNames(
+      "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__ */ jsx(
       Steps,
       {
         current: currentIndex,
@@ -154,10 +195,36 @@ var FormWizard = ({
         children: stepsNodes
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
-    showActions && /* @__PURE__ */ jsxs("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__ */ jsx(Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: resolveLocaleText(labels.prevText, prevText) }),
-      /* @__PURE__ */ jsx(Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? resolveLocaleText(labels.finishText, finishText) : resolveLocaleText(labels.nextText, nextText) })
+    /* @__PURE__ */ jsx("div", { className: "px-8 py-6 flex flex-col items-center w-full min-h-[120px] transition-all duration-300", children: contentNode }),
+    showActions && /* @__PURE__ */ jsxs("div", { className: classNames(
+      "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__ */ jsx(
+        Button,
+        {
+          htmlType: "button",
+          variant: "secondary",
+          className: "group",
+          onClick: handlePrev,
+          size: size === "small" ? "sm" : "md",
+          icon: /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
+          children: resolveLocaleText(labels.prevText, prevText)
+        }
+      ) : /* @__PURE__ */ jsx("div", {}),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          htmlType: "button",
+          variant: "primary",
+          className: "group",
+          onClick: handleNext,
+          size: size === "small" ? "sm" : "md",
+          icon: isLast ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(ArrowRightIcon, {}),
+          iconPosition: isLast ? "left" : "right",
+          children: isLast ? resolveLocaleText(labels.finishText, finishText) : resolveLocaleText(labels.nextText, nextText)
+        }
+      )
     ] })
   ] });
 };

package/dist/chunk-UVWLYRAC.js

@@ -0,0 +1,244 @@
+"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 _chunkPR3PQUKMjs = require('./chunk-PR3PQUKM.js');
+
+
+var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
+
+
+var _chunkQYYAXM5Fjs = require('./chunk-QYYAXM5F.js');
+
+
+var _chunkVCULFIZ5js = require('./chunk-VCULFIZ5.js');
+
+
+var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
+
+
+var _chunkUIO6O4MIjs = require('./chunk-UIO6O4MI.js');
+
+
+var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
+
+// src/components/ActivityFeed.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var renderAction = (item, action, index) => {
+  const key = _nullishCoalesce(action.key, () => ( `${item.id}-action-${index}`));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkQYYAXM5Fjs.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: () => _optionalChain([action, 'access', _ => _.onClick, 'optionalCall', _2 => _2(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 = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildActivityGroups.call(void 0, items, groups, groupBy, groupOrder),
+    [items, groups, groupBy, groupOrder]
+  );
+  const wrapperClasses = _tigercatcore.classNames.call(void 0, 
+    "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 = _nullishCoalesce(item.title, () => ( (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "")));
+    const descriptionText = item.description;
+    const timeText = showTime ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
+    const actionNodes = _optionalChain([item, 'access', _3 => _3.actions, 'optionalAccess', _4 => _4.map, 'call', _5 => _5(
+      (action, actionIndex) => renderAction(item, action, actionIndex)
+    )]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemLayoutClasses, children: [
+      showAvatar && item.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk4MQCUKICjs.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemBodyClasses, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemHeaderClasses, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemTitleGroupClasses, children: [
+            titleText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.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__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkVCULFIZ5js.Tag,
+              {
+                variant: _nullishCoalesce(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__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.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__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkUF3DXKCIjs.Text,
+          {
+            tag: "div",
+            size: "sm",
+            color: "muted",
+            className: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemDescriptionClasses, "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"),
+            children: descriptionText
+          }
+        ) : null,
+        _optionalChain([actionNodes, 'optionalAccess', _6 => _6.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemActionsClasses, "mt-2.5"), children: actionNodes }) : null
+      ] })
+    ] }) });
+  };
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: wrapperClasses,
+        role: "feed",
+        "aria-label": "\u52A8\u6001",
+        "aria-busy": true,
+        ...props,
+        "data-tiger-activity-feed": true,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkUIO6O4MIjs.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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRP3XYIjs.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) })
+          }
+        )
+      }
+    );
+  }
+  if (resolvedGroups.length === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: wrapperClasses,
+        role: "feed",
+        "aria-label": "\u52A8\u6001",
+        ...props,
+        "data-tiger-activity-feed": true,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkUIO6O4MIjs.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
+            ] })
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: wrapperClasses,
+      role: "feed",
+      "aria-label": "\u52A8\u6001",
+      ...props,
+      "data-tiger-activity-feed": true,
+      children: resolvedGroups.map((group, groupIndex) => {
+        const headerNode = _optionalChain([renderGroupHeader, 'optionalCall', _7 => _7(group)]);
+        const groupTitle = group.title;
+        const timelineItems = _tigercatcore.toActivityTimelineItems.call(void 0, group.items);
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+          showGroupTitle && groupTitle ? _nullishCoalesce(headerNode, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider", children: groupTitle })
+          ] }))) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkPR3PQUKMjs.Timeline,
+            {
+              items: timelineItems,
+              style: {
+                "--tiger-border": "rgba(156, 163, 175, 0.18)"
+              },
+              renderDot: (timelineItem) => {
+                const activity = timelineItem.activity;
+                const statusVariant = _nullishCoalesce(_optionalChain([activity, 'optionalAccess', _8 => _8.status, 'optionalAccess', _9 => _9.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex items-center justify-center w-4 h-4", children: [
+                  pulseClass ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}` }) : null,
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${baseDotClass} ${colorClass} relative z-10` })
+                ] });
+              },
+              renderItem: (timelineItem, index) => {
+                const activity = timelineItem.activity;
+                if (!activity) return null;
+                return renderDefaultItem(activity, index, group);
+              }
+            }
+          )
+        ] }, _nullishCoalesce(group.key, () => ( groupIndex)));
+      })
+    }
+  );
+};
+var ActivityFeed_default = ActivityFeed;
+
+
+
+
+exports.ActivityFeed = ActivityFeed; exports.ActivityFeed_default = ActivityFeed_default;

package/dist/{chunk-6CAKUMWV.mjs → chunk-VUODYCCC.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-T7ACOL7K.mjs";
+} from "./chunk-IWLUYAZV.mjs";
 import {
   Select
 } from "./chunk-T4OVGM4X.mjs";
@@ -81,12 +81,17 @@ var DataTableWithToolbar = ({
   );
   const hasFilters = Boolean(toolbar?.filters && toolbar.filters.length > 0);
   const hasBulkActions = Boolean(toolbar?.bulkActions && toolbar.bulkActions.length > 0);
+  const { bordered = false, ...remainingTableProps } = tableProps;
   const selectedKeys = toolbar?.selectedKeys ?? tableProps.rowSelection?.selectedRowKeys ?? [];
   const selectedCount = toolbar?.selectedCount ?? selectedKeys.length;
   const bulkLabel = toolbar?.bulkActionsLabel ?? "\u5DF2\u9009\u62E9";
   const wrapperClasses = useMemo(
-    () => classNames("tiger-data-table-with-toolbar flex flex-col gap-3", className),
-    [className]
+    () => classNames(
+      "tiger-data-table-with-toolbar flex flex-col",
+      bordered ? "border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] overflow-hidden bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "gap-3.5",
+      className
+    ),
+    [className, bordered]
   );
   const handleSearchChange = (value) => {
     if (toolbar?.searchValue === void 0) {
@@ -131,12 +136,15 @@ var DataTableWithToolbar = ({
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3",
+        className: classNames(
+          "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
+          bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
+        ),
         role: "toolbar",
         "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F",
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap flex-1 min-w-0", children: [
-            hasSearch ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap flex-1 min-w-0", children: [
+            hasSearch ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]", children: [
               /* @__PURE__ */ jsx(
                 Input,
                 {
@@ -144,6 +152,25 @@ var DataTableWithToolbar = ({
                   size: "sm",
                   value: searchValue,
                   placeholder: toolbar?.searchPlaceholder ?? "\u641C\u7D22",
+                  prefix: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      viewBox: "0 0 24 24",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                        }
+                      )
+                    }
+                  ),
                   onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
                   onKeyDown: (event) => {
                     if (event.key === "Enter") {
@@ -157,7 +184,7 @@ var DataTableWithToolbar = ({
                 {
                   size: "sm",
                   variant: "primary",
-                  className: "whitespace-nowrap shrink-0",
+                  className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
                   onClick: handleSearchSubmit,
                   disabled: !onSearch && !toolbar?.onSearch,
                   children: toolbar?.searchButtonText ?? "\u641C\u7D22"
@@ -192,12 +219,15 @@ var DataTableWithToolbar = ({
               );
             }) : null
           ] }),
-          hasBulkActions ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap ml-auto shrink-0", children: [
-            selectedCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--tiger-text-muted,#6b7280)]", children: [
-              bulkLabel,
-              " ",
-              selectedCount,
-              " \u9879"
+          hasBulkActions ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0", children: [
+            selectedCount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[var(--tiger-primary,#2563eb)]/10 text-[var(--tiger-primary,#2563eb)] text-xs font-medium border border-[var(--tiger-primary,#2563eb)]/15 shrink-0 transition-all duration-300", children: [
+              /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                bulkLabel,
+                " ",
+                selectedCount,
+                " \u9879"
+              ] })
             ] }) : null,
             toolbar?.bulkActions?.map((action) => /* @__PURE__ */ jsx(
               Button,
@@ -220,9 +250,10 @@ var DataTableWithToolbar = ({
     /* @__PURE__ */ jsx(
       Table,
       {
-        ...tableProps,
+        ...remainingTableProps,
+        bordered,
         pagination,
-        className: tableClassName,
+        className: classNames(tableClassName, bordered && "border-none rounded-none shadow-none"),
         onPageChange: handleTablePageChange
       }
     )

package/dist/{chunk-ZB55SAGI.mjs → chunk-WWDCH2XX.mjs}

@@ -37,7 +37,7 @@ var CardItem = React.memo(
     const cardClasses = classNames(
       taskBoardCardClasses,
       isDragging && taskBoardCardDraggingClasses,
-      isKbGrabbed && "ring-2 ring-[var(--tiger-primary,#2563eb)]"
+      isKbGrabbed && "ring-2 ring-[var(--tiger-primary,#2563eb)] ring-offset-2 shadow-[0_0_12px_rgba(37,99,235,0.25)]"
     );
     return /* @__PURE__ */ jsx(
       "div",
@@ -169,20 +169,30 @@ var ColumnItem = React.memo(
               children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsxs("span", { className: wipOver ? taskBoardWipExceededClasses : void 0, children: [
                   column.title,
-                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs font-normal opacity-70", title: wipTitle, children: [
-                    "(",
-                    column.cards.length,
-                    "/",
-                    column.wipLimit,
-                    ")"
-                  ] }) : /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-normal opacity-50", children: column.cards.length })
+                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: classNames(
+                        "ml-2 text-xs font-normal transition-all duration-200 px-1.5 py-0.5 rounded",
+                        wipOver ? "bg-red-50 dark:bg-red-950/30 text-[var(--tiger-error,#ef4444)] font-semibold border border-red-200/30 dark:border-red-900/30 shadow-xs" : "opacity-70 bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)]"
+                      ),
+                      title: wipTitle,
+                      children: [
+                        "(",
+                        column.cards.length,
+                        "/",
+                        column.wipLimit,
+                        ")"
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-normal px-1.5 py-0.5 rounded bg-[var(--tiger-border,#e5e7eb)]/20 text-[var(--tiger-text-secondary,#6b7280)] opacity-70", children: column.cards.length })
                 ] }),
                 showCardCount && cardCount && /* @__PURE__ */ jsx(
                   "span",
                   {
                     className: classNames(
                       kanbanCardCountClasses,
-                      wipOver && taskBoardWipExceededClasses
+                      wipOver && `${taskBoardWipExceededClasses} bg-red-50 dark:bg-red-950/30 border border-red-200/50 dark:border-red-900/30 font-semibold shadow-xs`
                     ),
                     children: cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
                   }

package/dist/components/ActivityFeed.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkDXMSDLVJjs = require('../chunk-DXMSDLVJ.js');
+var _chunkUVWLYRACjs = require('../chunk-UVWLYRAC.js');
 require('../chunk-PR3PQUKM.js');
 require('../chunk-3MRP3XYI.js');
 require('../chunk-QYYAXM5F.js');
@@ -14,4 +14,4 @@ require('../chunk-TQOWIDQT.js');
 
 
 
-exports.ActivityFeed = _chunkDXMSDLVJjs.ActivityFeed; exports.default = _chunkDXMSDLVJjs.ActivityFeed_default;
+exports.ActivityFeed = _chunkUVWLYRACjs.ActivityFeed; exports.default = _chunkUVWLYRACjs.ActivityFeed_default;

package/dist/components/ActivityFeed.mjs

@@ -1,7 +1,7 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-GBJILZTY.mjs";
+} from "../chunk-I5YYA7FB.mjs";
 import "../chunk-JVTAKNRO.mjs";
 import "../chunk-FNJDBFKM.mjs";
 import "../chunk-XZVQ3PJS.mjs";

package/dist/components/ChatWindow.js

@@ -1,8 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk2DH6MGC6js = require('../chunk-2DH6MGC6.js');
+var _chunk7KPALCG3js = require('../chunk-7KPALCG3.js');
 require('../chunk-P36GX65N.js');
+require('../chunk-ZRHDNGWO.js');
 require('../chunk-ZYJTHGQW.js');
 require('../chunk-WVVXZKNI.js');
 require('../chunk-UKGQ7256.js');
@@ -13,4 +14,4 @@ require('../chunk-TQOWIDQT.js');
 
 
 
-exports.ChatWindow = _chunk2DH6MGC6js.ChatWindow; exports.default = _chunk2DH6MGC6js.ChatWindow_default;
+exports.ChatWindow = _chunk7KPALCG3js.ChatWindow; exports.default = _chunk7KPALCG3js.ChatWindow_default;

package/dist/components/ChatWindow.mjs

@@ -1,8 +1,9 @@
 import {
   ChatWindow,
   ChatWindow_default
-} from "../chunk-X37Q7VME.mjs";
+} from "../chunk-GYFR2O27.mjs";
 import "../chunk-7DUHHRAU.mjs";
+import "../chunk-WIWTY74F.mjs";
 import "../chunk-WNLUUD5N.mjs";
 import "../chunk-7QZ4XT2P.mjs";
 import "../chunk-UQMPEMY7.mjs";

package/dist/components/CommentThread.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEX63M5IDjs = require('../chunk-EX63M5ID.js');
+var _chunkJCINYGGMjs = require('../chunk-JCINYGGM.js');
 require('../chunk-WVVXZKNI.js');
 require('../chunk-UKGQ7256.js');
 require('../chunk-56ZV3VVY.js');
@@ -13,4 +13,4 @@ require('../chunk-TQOWIDQT.js');
 
 
 
-exports.CommentThread = _chunkEX63M5IDjs.CommentThread; exports.default = _chunkEX63M5IDjs.CommentThread_default;
+exports.CommentThread = _chunkJCINYGGMjs.CommentThread; exports.default = _chunkJCINYGGMjs.CommentThread_default;

package/dist/components/CommentThread.mjs

@@ -1,7 +1,7 @@
 import {
   CommentThread,
   CommentThread_default
-} from "../chunk-MMGZEG7G.mjs";
+} from "../chunk-56DP32W7.mjs";
 import "../chunk-7QZ4XT2P.mjs";
 import "../chunk-UQMPEMY7.mjs";
 import "../chunk-USWK2S3Y.mjs";

package/dist/components/CropUpload.js

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUE52NMPOjs = require('../chunk-UE52NMPO.js');
+var _chunkKTV3ZDSQjs = require('../chunk-KTV3ZDSQ.js');
 require('../chunk-SXHP4Q7O.js');
 require('../chunk-FI53LYZ6.js');
 require('../chunk-56ZV3VVY.js');
@@ -8,4 +8,4 @@ require('../chunk-YMKA4L3Z.js');
 require('../chunk-STTQ5LXX.js');
 
 
-exports.CropUpload = _chunkUE52NMPOjs.CropUpload;
+exports.CropUpload = _chunkKTV3ZDSQjs.CropUpload;

package/dist/components/CropUpload.mjs

@@ -1,6 +1,6 @@
 import {
   CropUpload
-} from "../chunk-3FEFHD3E.mjs";
+} from "../chunk-IUOTJ73N.mjs";
 import "../chunk-AKDBQOKX.mjs";
 import "../chunk-SY23FAXK.mjs";
 import "../chunk-USWK2S3Y.mjs";

package/dist/components/DataTableWithToolbar.js

@@ -1,13 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk7YUD6VICjs = require('../chunk-7YUD6VIC.js');
-require('../chunk-5EZWYEGJ.js');
+var _chunkAPODZAVOjs = require('../chunk-APODZAVO.js');
+require('../chunk-IXHXSD2E.js');
 require('../chunk-6Z4LLPZA.js');
+require('../chunk-TDODFBBO.js');
 require('../chunk-ZYJTHGQW.js');
 require('../chunk-56ZV3VVY.js');
 require('../chunk-YMKA4L3Z.js');
 
 
 
-exports.DataTableWithToolbar = _chunk7YUD6VICjs.DataTableWithToolbar; exports.default = _chunk7YUD6VICjs.DataTableWithToolbar_default;
+exports.DataTableWithToolbar = _chunkAPODZAVOjs.DataTableWithToolbar; exports.default = _chunkAPODZAVOjs.DataTableWithToolbar_default;