@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-WV5XHYW6.js

@@ -1,10 +1,7 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/ChartLegend.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }// src/components/ChartLegend.tsx
+var _react = require('react');
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var ChartLegend = ({
   items,
   position = "bottom",
@@ -16,33 +13,33 @@ var ChartLegend = ({
   onItemHover,
   onItemLeave
 }) => {
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
       "flex flex-wrap",
       position === "right" || position === "left" ? "flex-col gap-2" : "flex-row gap-3",
       className
     ),
     [position, className]
   );
-  const handleClick = react.useCallback(
+  const handleClick = _react.useCallback.call(void 0, 
     (item) => {
       if (!interactive) return;
-      onItemClick?.(item.index, item);
+      _optionalChain([onItemClick, 'optionalCall', _ => _(item.index, item)]);
     },
     [interactive, onItemClick]
   );
-  const handleHover = react.useCallback(
+  const handleHover = _react.useCallback.call(void 0, 
     (item) => {
       if (!interactive) return;
-      onItemHover?.(item.index, item);
+      _optionalChain([onItemHover, 'optionalCall', _2 => _2(item.index, item)]);
     },
     [interactive, onItemHover]
   );
-  const handleLeave = react.useCallback(() => {
+  const handleLeave = _react.useCallback.call(void 0, () => {
     if (!interactive) return;
-    onItemLeave?.();
+    _optionalChain([onItemLeave, 'optionalCall', _3 => _3()]);
   }, [interactive, onItemLeave]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: containerClasses,
@@ -51,11 +48,11 @@ var ChartLegend = ({
       "data-chart-legend": "true",
       children: items.map((item) => {
         const ItemComponent = interactive ? "button" : "div";
-        return /* @__PURE__ */ jsxRuntime.jsxs(
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           ItemComponent,
           {
             type: interactive ? "button" : void 0,
-            className: tigercatCore.classNames(
+            className: _tigercatcore.classNames.call(void 0, 
               "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
               "text-[color:var(--tiger-text-secondary,#6b7280)]",
               interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
@@ -67,7 +64,7 @@ var ChartLegend = ({
             onMouseEnter: interactive ? () => handleHover(item) : void 0,
             onMouseLeave: interactive ? handleLeave : void 0,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "span",
                 {
                   className: "inline-block rounded-full shrink-0",
@@ -81,7 +78,7 @@ var ChartLegend = ({
                   "data-legend-marker": "true"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginRight: `${gap}px` }, children: item.label })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { marginRight: `${gap}px` }, children: item.label })
             ]
           },
           `legend-${item.index}`
@@ -92,5 +89,7 @@ var ChartLegend = ({
 };
 var ChartLegend_default = ChartLegend;
 
-exports.ChartLegend = ChartLegend;
-exports.ChartLegend_default = ChartLegend_default;
+
+
+
+exports.ChartLegend = ChartLegend; exports.ChartLegend_default = ChartLegend_default;

package/dist/{chunk-C745DPLU.mjs → chunk-WVTUGFWO.mjs}

@@ -1,8 +1,35 @@
-import { useClickOutside, useEscapeKey, useFloating } from './chunk-XTSG362L.mjs';
-import React, { createContext, useState, useRef, useId, useMemo, useEffect, useCallback } from 'react';
-import { classNames, getDropdownMenuClasses, injectDropdownStyles, captureActiveElement, focusFirstMenuItem, restoreFocus, handleMenuNavigation, getDropdownContainerClasses, getDropdownTriggerClasses, DROPDOWN_ENTER_CLASS, getTransformOrigin, getDropdownChevronClasses, DROPDOWN_CHEVRON_PATH } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  useClickOutside,
+  useEscapeKey,
+  useFloating
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/Dropdown.tsx
+import React, {
+  createContext,
+  useState,
+  useEffect,
+  useRef,
+  useCallback,
+  useMemo,
+  useId
+} from "react";
+import {
+  classNames,
+  getDropdownContainerClasses,
+  getDropdownTriggerClasses,
+  getDropdownChevronClasses,
+  getDropdownMenuClasses,
+  getTransformOrigin,
+  injectDropdownStyles,
+  DROPDOWN_CHEVRON_PATH,
+  DROPDOWN_ENTER_CLASS,
+  handleMenuNavigation,
+  focusFirstMenuItem,
+  captureActiveElement,
+  restoreFocus
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var DropdownContext = createContext(null);
 var DropdownMenu = ({
   className,
@@ -196,10 +223,16 @@ var Dropdown = ({
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         onKeyDown: handleMenuKeyDown,
-        children: menuElement && React.isValidElement(menuElement) ? React.cloneElement(menuElement, { id: menuId }) : menuElement
+        children: menuElement && React.isValidElement(menuElement) ? React.cloneElement(menuElement, {
+          id: menuId
+        }) : menuElement
       }
     )
   ] }) });
 };
 
-export { Dropdown, DropdownContext, DropdownMenu };
+export {
+  DropdownContext,
+  DropdownMenu,
+  Dropdown
+};

package/dist/chunk-WVVXZKNI.js

@@ -1,11 +1,16 @@
-'use strict';
+"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 chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
 
-var Textarea = react.forwardRef(
+// src/components/Textarea.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Textarea = _react.forwardRef.call(void 0, 
   ({
     size = "md",
     disabled = false,
@@ -28,8 +33,8 @@ var Textarea = react.forwardRef(
     className,
     ...props
   }, ref) => {
-    const textareaRef = react.useRef(null);
-    const [currentValue, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(
+    const textareaRef = _react.useRef.call(void 0, null);
+    const [currentValue, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, 
       value,
       defaultValue || ""
     );
@@ -38,14 +43,14 @@ var Textarea = react.forwardRef(
       if (typeof ref === "function") ref(node);
       else if (ref) ref.current = node;
     };
-    react.useLayoutEffect(() => {
+    _react.useLayoutEffect.call(void 0, () => {
       if (!autoResize || !textareaRef.current) return;
-      tigercatCore.autoResizeTextarea(textareaRef.current, { minRows, maxRows });
+      _tigercatcore.autoResizeTextarea.call(void 0, textareaRef.current, { minRows, maxRows });
     }, [autoResize, currentValue, minRows, maxRows]);
-    const textareaClasses = react.useMemo(
-      () => tigercatCore.classNames(
+    const textareaClasses = _react.useMemo.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "block",
-        tigercatCore.getInputClasses({ size }),
+        _tigercatcore.getInputClasses.call(void 0, { size }),
         autoResize ? "resize-none" : "resize-y",
         className
       ),
@@ -55,14 +60,14 @@ var Textarea = react.forwardRef(
       if (!isControlled) {
         setInternalValue(event.currentTarget.value);
       }
-      onInput?.(event);
+      _optionalChain([onInput, 'optionalCall', _ => _(event)]);
     };
     const handleChange = (event) => {
-      onChange?.(event);
+      _optionalChain([onChange, 'optionalCall', _2 => _2(event)]);
     };
-    const currentLength = currentValue?.length ?? 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+    const currentLength = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _3 => _3.length]), () => ( 0));
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "textarea",
         {
           ref: setRefs,
@@ -82,10 +87,12 @@ var Textarea = react.forwardRef(
           ...props
         }
       ),
-      showCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-gray-500 text-right", children: maxLength ? `${currentLength}/${maxLength}` : currentLength })
+      showCount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 text-sm text-gray-500 text-right", children: maxLength ? `${currentLength}/${maxLength}` : currentLength })
     ] });
   }
 );
 Textarea.displayName = "Textarea";
 
+
+
 exports.Textarea = Textarea;

package/dist/{chunk-VTOMFVSF.js → chunk-X7JAYXPY.js}

@@ -1,17 +1,29 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
-var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
-var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
 
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/TreeMapChart.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var TreeMapChart = ({
   width = 400,
   height = 300,
@@ -42,14 +54,18 @@ var TreeMapChart = ({
   onNodeClick,
   onNodeHover
 }) => {
-  const innerRect = React.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const palette = React.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
-  const gradientPrefix = React.useMemo(() => tigercatCore.getTreeMapGradientPrefix(), []);
-  const nodes = React.useMemo(
-    () => tigercatCore.computeTreeMapNodes(data, {
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "treemap", gradientId),
+    [gradientId]
+  );
+  const nodes = _react.useMemo.call(void 0, 
+    () => _tigercatcore.computeTreeMapNodes.call(void 0, data, {
       width: innerRect.width,
       height: innerRect.height,
       gap,
@@ -69,7 +85,7 @@ var TreeMapChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -82,19 +98,19 @@ var TreeMapChart = ({
       return node ? { label: node.label, value: node.value } : {};
     },
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
       const node = index !== null ? nodes[index] : null;
-      onNodeHover?.(
+      _optionalChain([onNodeHover, 'optionalCall', _2 => _2(
         index,
         node ? { label: node.label, value: node.value } : null
-      );
+      )]);
     },
     onSelectedIndexChange,
     callbacks: { onClick: onNodeClick }
   });
-  const total = React.useMemo(() => nodes.reduce((s, n) => s + n.value, 0), [nodes]);
-  const legendItems = React.useMemo(
-    () => tigercatCore.buildChartLegendItems({
+  const total = _react.useMemo.call(void 0, () => nodes.reduce((s, n) => s + n.value, 0), [nodes]);
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
       data: nodes,
       palette,
       activeIndex,
@@ -103,25 +119,25 @@ var TreeMapChart = ({
     }),
     [nodes, palette, activeIndex]
   );
-  const tooltipContent = React.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, nodes, void 0, (node) => {
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, nodes, void 0, (node) => {
       const pct = total > 0 ? (node.value / total * 100).toFixed(1) : "0";
       return `${node.label}: ${node.value} (${pct}%)`;
     }),
     [resolvedHoveredIndex, nodes, total]
   );
   const interactive = hoverable || selectable;
-  const chart = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUKLVOR4E_js.ChartCanvas,
+  const chart = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
     {
       width,
       height,
       padding,
       title,
       desc,
-      className: tigercatCore.classNames(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-series-type": "treemap", children: [
-        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsxs(
+      className: _tigercatcore.classNames.call(void 0, className),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "data-series-type": "treemap", children: [
+        gradient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "linearGradient",
           {
             id: `${gradientPrefix}-${node.index}`,
@@ -130,19 +146,19 @@ var TreeMapChart = ({
             x2: "0",
             y2: "1",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: node.color, stopOpacity: 1 }),
-              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: node.color, stopOpacity: 0.7 })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: node.color, stopOpacity: 1 }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: node.color, stopOpacity: 0.7 })
             ]
           },
           `grad-${node.index}`
         )) }),
         nodes.map((node) => {
-          const opacity = tigercatCore.getChartElementOpacity(node.index, activeIndex, {
+          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, node.index, activeIndex, {
             activeOpacity,
             inactiveOpacity
           });
-          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "rect",
               {
                 x: node.x,
@@ -152,9 +168,9 @@ var TreeMapChart = ({
                 rx: 2,
                 fill: gradient ? `url(#${gradientPrefix}-${node.index})` : node.color,
                 opacity,
-                className: tigercatCore.classNames(interactive && "cursor-pointer"),
+                className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                 style: {
-                  transition: "opacity 0.2s ease-out, filter 0.2s ease-out",
+                  transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                   rx: "var(--tiger-chart-block-radius, 2px)",
                   filter: activeIndex === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
                 },
@@ -164,7 +180,7 @@ var TreeMapChart = ({
                 onClick: () => handleClick(node.index)
               }
             ),
-            showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ jsxRuntime.jsx(
+            showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "text",
               {
                 x: node.x + node.w / 2,
@@ -184,8 +200,8 @@ var TreeMapChart = ({
       ] })
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -194,15 +210,15 @@ var TreeMapChart = ({
     }
   ) : null;
   if (!showLegend) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
       chart,
       tooltip
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWV5XHYW6_js.ChartLegend,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,
@@ -218,4 +234,6 @@ var TreeMapChart = ({
   ] });
 };
 
+
+
 exports.TreeMapChart = TreeMapChart;

package/dist/chunk-X7XFQCDD.mjs

@@ -0,0 +1,168 @@
+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-FE7PEZTI.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",
+      href: action.href,
+      target: action.target,
+      disabled: action.disabled,
+      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: activityItemClasses, 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" }) : 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: "medium", className: "truncate", children: titleText }) : null,
+            item.status ? /* @__PURE__ */ jsx(Tag, { variant: item.status.variant ?? "default", size: "sm", className: "shrink-0", children: item.status.label }) : null
+          ] }),
+          timeText ? /* @__PURE__ */ jsx(Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap", children: timeText }) : null
+        ] }),
+        descriptionText ? /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: activityItemDescriptionClasses, children: descriptionText }) : null,
+        actionNodes?.length ? /* @__PURE__ */ jsx("div", { className: activityItemActionsClasses, 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", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx(Loading, { text: loadingText }) }) })
+      }
+    );
+  }
+  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", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", 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__ */ jsx(Text, { tag: "div", size: "sm", weight: "medium", color: "muted", children: groupTitle }) : null,
+          /* @__PURE__ */ jsx(
+            Timeline,
+            {
+              items: timelineItems,
+              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-XATXFVKR.mjs

@@ -1,8 +1,14 @@
-import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { extractMentionQuery, positionMentionsDropdown, classNames, getMentionsInputClasses, mentionsDropdownClasses, getMentionsOptionClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Mentions.tsx
+import { useState, useMemo, useCallback, useRef, useEffect } from "react";
+import { classNames } from "@expcat/tigercat-core";
+import {
+  getMentionsInputClasses,
+  mentionsDropdownClasses,
+  getMentionsOptionClasses,
+  extractMentionQuery,
+  positionMentionsDropdown
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Mentions = ({
   value = "",
   prefix: triggerPrefix = "@",
@@ -121,4 +127,7 @@ var Mentions = ({
 };
 var Mentions_default = Mentions;
 
-export { Mentions, Mentions_default };
+export {
+  Mentions,
+  Mentions_default
+};