@expcat/tigercat-react 2.1.1 → 2.1.3

package/dist/chunk-S3B5QPUA.mjs

@@ -0,0 +1,76 @@
+import {
+  LayoutContext,
+  SidebarContext
+} from "./chunk-5J7EDMS7.mjs";
+import {
+  useTigerConfig
+} from "./chunk-RUIFGSVN.mjs";
+
+// src/components/Sidebar.tsx
+import { forwardRef, useContext, useEffect, useMemo } from "react";
+import {
+  classNames,
+  getLayoutSidebarClasses,
+  getSidebarAriaLabel,
+  getSidebarStyle,
+  injectLayoutGridStyles,
+  isSidebarFullyHidden,
+  resolveSidebarAriaProps
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
+var Sidebar = forwardRef(function Sidebar2({
+  className,
+  width,
+  collapsedWidth = "64px",
+  collapsed = false,
+  side = "start",
+  style,
+  children,
+  ...props
+}, ref) {
+  injectLayoutGridStyles();
+  const layout = useContext(LayoutContext);
+  const config = useTigerConfig();
+  const fallbackName = useMemo(() => getSidebarAriaLabel(config.locale), [config.locale]);
+  useEffect(() => {
+    layout?.setSiderCollapsed(collapsed);
+    return () => layout?.setSiderCollapsed(false);
+  }, [collapsed, layout]);
+  const fullyHidden = isSidebarFullyHidden(collapsed, collapsedWidth);
+  const sidebarClasses = classNames(
+    getLayoutSidebarClasses({
+      collapsed,
+      side,
+      widthProvided: width !== void 0
+    }),
+    className
+  );
+  const sidebarStyle = {
+    ...style,
+    ...getSidebarStyle(collapsed, width, collapsedWidth)
+  };
+  const aria = resolveSidebarAriaProps({
+    ariaLabel: props["aria-label"],
+    ariaLabelledby: props["aria-labelledby"],
+    fallback: fallbackName
+  });
+  const { ["aria-label"]: _ignoredLabel, ["aria-labelledby"]: _ignoredBy, ...rest } = props;
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsx(
+    "aside",
+    {
+      ref,
+      className: sidebarClasses,
+      style: sidebarStyle,
+      inert: fullyHidden || void 0,
+      "aria-hidden": fullyHidden || void 0,
+      ...aria,
+      ...rest,
+      children
+    }
+  ) });
+});
+Sidebar.displayName = "TigerSidebar";
+
+export {
+  Sidebar
+};

package/dist/{chunk-SDLMB34Y.mjs → chunk-ST4NN6XV.mjs}

@@ -1,6 +1,7 @@
 // src/components/ChartSeries.tsx
 import {
-  classNames
+  classNames,
+  getChartSeriesPaint
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var ChartSeries = ({
@@ -14,6 +15,7 @@ var ChartSeries = ({
   ...props
 }) => {
   const content = typeof children === "function" ? children({ data, name, color, opacity, type }) : children;
+  const paint = getChartSeriesPaint(type, color);
   return /* @__PURE__ */ jsx(
     "g",
     {
@@ -21,8 +23,8 @@ var ChartSeries = ({
       className: classNames(className),
       "data-series-name": name,
       "data-series-type": type,
-      fill: color,
-      stroke: color,
+      fill: paint.fill,
+      stroke: paint.stroke,
       opacity,
       children: content
     }

package/dist/{chunk-ZATZRXMW.mjs → chunk-T5VXIYWF.mjs}

@@ -1,32 +1,36 @@
 import {
   Timeline
-} from "./chunk-QB5472NM.mjs";
+} from "./chunk-4DFN6RZ4.mjs";
 import {
   Link
-} from "./chunk-XZVQ3PJS.mjs";
+} from "./chunk-WQMOFDAY.mjs";
 import {
   Loading
-} from "./chunk-I2BENK5X.mjs";
+} from "./chunk-BNCUJLRV.mjs";
 import {
   Tag
-} from "./chunk-7EXOY7GD.mjs";
+} from "./chunk-FVA5VKN2.mjs";
 import {
   Text
-} from "./chunk-HLS4CHWX.mjs";
+} from "./chunk-VDBLI5Y3.mjs";
 import {
   Card
-} from "./chunk-IXV5YBCZ.mjs";
+} from "./chunk-WCIUNNIN.mjs";
 import {
   Avatar
-} from "./chunk-OO562MFD.mjs";
+} from "./chunk-3KBFOO2E.mjs";
+import {
+  Button
+} from "./chunk-WFLXJOFU.mjs";
 import {
   useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
+} from "./chunk-RUIFGSVN.mjs";
 
 // src/components/ActivityFeed.tsx
 import { useMemo } from "react";
 import {
   classNames,
+  EMPTY_ACTIVITY_ITEMS,
   buildActivityGroups,
   formatActivityTime,
   getActivityFeedLabels,
@@ -39,66 +43,63 @@ import {
   activityItemHeaderClasses,
   activityItemTitleGroupClasses,
   activityItemDescriptionClasses,
-  activityItemActionsClasses
+  activityItemActionsClasses,
+  activityFeedActionClasses,
+  activityFeedItemSurfaceClasses,
+  activityFeedAvatarClasses,
+  activityFeedTitleClasses,
+  activityFeedTimeClasses,
+  activityFeedDescriptionClasses,
+  activityFeedStateCardClasses,
+  activityFeedLoadingClasses,
+  activityFeedEmptyIconClasses,
+  activityFeedGroupMarkerClasses,
+  activityFeedGroupTitleClasses,
+  activityFeedDotBaseClasses,
+  activityFeedDotPulseBaseClasses,
+  getActivityFeedDotClasses
 } from "@expcat/tigercat-core";
-
-// ../core/src/internal/activity-feed-styles.ts
-var activityFeedActionClasses = "tiger-motion-aware inline-flex items-center px-2.5 py-1 rounded-[var(--tiger-radius-md,0.5rem)] text-xs font-semibold text-[var(--tiger-primary,#2563eb)] hover:bg-[var(--tiger-outline-bg-hover,#eff6ff)] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))]";
-var activityFeedItemSurfaceClasses = "tiger-motion-aware p-4 rounded-[var(--tiger-radius-xl,1rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-[var(--tiger-shadow-sm,0_1px_2px_rgb(0_0_0_/_0.05))] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))] hover:shadow-[var(--tiger-shadow-glass-strong,0_4px_6px_-1px_rgb(0_0_0_/_0.1))] hover:-translate-y-0.5 w-full";
-var activityFeedAvatarClasses = "tiger-motion-aware shrink-0 ring-2 ring-[var(--tiger-surface,#ffffff)] shadow-[var(--tiger-shadow-sm,0_1px_2px_rgb(0_0_0_/_0.05))] [transition:var(--tiger-transition-base,all_200ms_cubic-bezier(0.4,0,0.2,1))] hover:scale-105";
-var activityFeedTitleClasses = "tiger-motion-aware text-[var(--tiger-text,#111827)] hover:text-[var(--tiger-primary,#2563eb)] transition-colors cursor-pointer truncate";
-var activityFeedTimeClasses = "shrink-0 whitespace-nowrap font-medium text-[var(--tiger-text-muted,#6b7280)]";
-var activityFeedDescriptionClasses = "text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed pl-0.5 mt-1";
-var activityFeedStateCardClasses = "bg-[var(--tiger-surface,#ffffff)] border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-xl,1rem)] shadow-[var(--tiger-shadow-sm,0_1px_2px_rgb(0_0_0_/_0.05))] overflow-hidden";
-var activityFeedLoadingClasses = "text-[var(--tiger-primary,#2563eb)] font-medium";
-var activityFeedEmptyIconClasses = "tiger-motion-aware w-12 h-12 text-[var(--tiger-text-muted,#9ca3af)] mb-3 animate-pulse";
-var activityFeedGroupMarkerClasses = "w-1.5 h-3.5 bg-[var(--tiger-primary,#2563eb)] rounded-full shadow-sm";
-var activityFeedGroupTitleClasses = "text-[var(--tiger-text,#111827)] uppercase tracking-wider";
-var activityFeedDotBaseClasses = "w-3 h-3 rounded-full border-2 border-[var(--tiger-surface,#ffffff)] shadow-sm relative z-10";
-var activityFeedDotPulseBaseClasses = "tiger-motion-aware absolute inline-flex h-full w-full rounded-full animate-ping opacity-75";
-var dotVariantClasses = {
-  success: "bg-[var(--tiger-success,#16a34a)]",
-  warning: "bg-[var(--tiger-warning,#d97706)]",
-  error: "bg-[var(--tiger-error,#dc2626)]",
-  danger: "bg-[var(--tiger-error,#dc2626)]",
-  primary: "bg-[var(--tiger-primary,#2563eb)]",
-  info: "bg-[var(--tiger-primary,#2563eb)]"
-};
-var dotPulseVariantClasses = {
-  success: "bg-[var(--tiger-success,#16a34a)]/30",
-  warning: "bg-[var(--tiger-warning,#d97706)]/30",
-  error: "bg-[var(--tiger-error,#dc2626)]/30",
-  danger: "bg-[var(--tiger-error,#dc2626)]/30",
-  primary: "bg-[var(--tiger-primary,#2563eb)]/30",
-  info: "bg-[var(--tiger-primary,#2563eb)]/30"
-};
-var getActivityFeedDotClasses = (variant) => ({
-  dot: dotVariantClasses[variant ?? ""] ?? "bg-[var(--tiger-border,#d1d5db)]",
-  pulse: dotPulseVariantClasses[variant ?? ""] ?? ""
-});
-
-// src/components/ActivityFeed.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var renderAction = (item, action, index) => {
   const key = action.key ?? `${item.id}-action-${index}`;
+  const onClick = (event) => {
+    if (action.href === "#" || action.onClick) event?.preventDefault();
+    if (action.disabled) return;
+    action.onClick?.(item, action);
+  };
+  if (!action.href) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        disabled: action.disabled,
+        className: activityFeedActionClasses,
+        onClick,
+        children: action.label
+      },
+      key
+    );
+  }
   return /* @__PURE__ */ jsx(
     Link,
     {
       size: "sm",
       variant: "primary",
       underline: false,
-      href: action.href,
+      href: action.disabled ? void 0 : action.href,
       target: action.target,
       disabled: action.disabled,
       className: activityFeedActionClasses,
-      onClick: () => action.onClick?.(item, action),
+      tabIndex: action.disabled ? -1 : void 0,
+      onClick,
       children: action.label
     },
     key
   );
 };
 var ActivityFeed = ({
-  items = [],
+  items = EMPTY_ACTIVITY_ITEMS,
   groups,
   groupBy,
   groupOrder,
@@ -112,6 +113,8 @@ var ActivityFeed = ({
   showGroupTitle = true,
   renderItem,
   renderGroupHeader,
+  renderLoading,
+  renderEmpty,
   className,
   ...props
 }) => {
@@ -127,8 +130,8 @@ var ActivityFeed = ({
   const resolvedLoadingText = resolveLocaleText(labels.loadingText, loadingText);
   const resolvedEmptyText = resolveLocaleText(labels.emptyText, emptyText);
   const resolvedGroups = useMemo(
-    () => buildActivityGroups(items, groups, groupBy, groupOrder),
-    [items, groups, groupBy, groupOrder]
+    () => buildActivityGroups(items, groups, groupBy, groupOrder, labels.otherGroupTitle),
+    [items, groups, groupBy, groupOrder, labels.otherGroupTitle]
   );
   const wrapperClasses = classNames(
     "tiger-activity-feed",
@@ -141,8 +144,8 @@ var ActivityFeed = ({
   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 descriptionText = item.description ?? (item.title && (typeof item.content === "string" || typeof item.content === "number") ? String(item.content) : void 0);
+    const timeText = showTime ? formatActivityTime(item.time, mergedLocale) : "";
     const actionNodes = item.actions?.map(
       (action, actionIndex) => renderAction(item, action, actionIndex)
     );
@@ -189,13 +192,14 @@ var ActivityFeed = ({
       ] })
     ] }) });
   };
-  if (loading) {
+  const feedLabel = props["aria-labelledby"] ? void 0 : props["aria-label"] ?? labels.listAriaLabel;
+  if (loading && resolvedGroups.length === 0) {
     return /* @__PURE__ */ jsx(
       "div",
       {
         className: wrapperClasses,
         role: "feed",
-        "aria-label": "Activity",
+        "aria-label": feedLabel,
         "aria-busy": true,
         ...props,
         "data-tiger-activity-feed": true,
@@ -205,7 +209,7 @@ var ActivityFeed = ({
             variant: "bordered",
             size: "sm",
             className: classNames("tiger-activity-feed-loading", activityFeedStateCardClasses),
-            children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loading, { text: resolvedLoadingText, className: activityFeedLoadingClasses }) })
+            children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: renderLoading?.() ?? /* @__PURE__ */ jsx(Loading, { text: resolvedLoadingText, className: activityFeedLoadingClasses }) })
           }
         )
       }
@@ -217,7 +221,7 @@ var ActivityFeed = ({
       {
         className: wrapperClasses,
         role: "feed",
-        "aria-label": "Activity",
+        "aria-label": feedLabel,
         ...props,
         "data-tiger-activity-feed": true,
         children: /* @__PURE__ */ jsx(
@@ -226,10 +230,11 @@ var ActivityFeed = ({
             variant: "bordered",
             size: "sm",
             className: classNames("tiger-activity-feed-empty", activityFeedStateCardClasses),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
+            children: renderEmpty?.() ?? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
               /* @__PURE__ */ jsx(
                 "svg",
                 {
+                  "aria-hidden": "true",
                   className: activityFeedEmptyIconClasses,
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -257,7 +262,8 @@ var ActivityFeed = ({
     {
       className: wrapperClasses,
       role: "feed",
-      "aria-label": "Activity",
+      "aria-label": feedLabel,
+      "aria-busy": loading || void 0,
       ...props,
       "data-tiger-activity-feed": true,
       children: resolvedGroups.map((group, groupIndex) => {
@@ -265,7 +271,7 @@ var ActivityFeed = ({
         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: [
+          showGroupTitle ? headerNode ?? (groupTitle ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
             /* @__PURE__ */ jsx("span", { className: activityFeedGroupMarkerClasses }),
             /* @__PURE__ */ jsx(
               Text,
@@ -277,7 +283,7 @@ var ActivityFeed = ({
                 children: groupTitle
               }
             )
-          ] }) : null,
+          ] }) : null) : null,
           /* @__PURE__ */ jsx(
             Timeline,
             {
@@ -286,7 +292,7 @@ var ActivityFeed = ({
                 const activity = timelineItem.activity;
                 const statusVariant = activity?.status?.variant ?? "default";
                 const dotClasses = getActivityFeedDotClasses(statusVariant);
-                return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center w-4 h-4", children: [
+                return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center w-2.5 h-2.5", children: [
                   dotClasses.pulse ? /* @__PURE__ */ jsx("span", { className: `${activityFeedDotPulseBaseClasses} ${dotClasses.pulse}` }) : null,
                   /* @__PURE__ */ jsx("span", { className: `${activityFeedDotBaseClasses} ${dotClasses.dot}` })
                 ] });