@expcat/tigercat-react 0.4.3 → 1.0.4

package/dist/chunk-GOUMB34F.mjs

@@ -0,0 +1,168 @@
+import { useControlledState } from './chunk-UQMPEMY7.mjs';
+import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { isContentEmpty, sanitizeHtml, mapToolbarAction, isValidUrl, findHotkeyMatch, defaultToolbar, classNames, getRichTextContainerClasses, getEditorAreaClasses, parseHeight, richTextToolbarClasses, getToolbarButtonClasses, isInlineFormat, richTextPlaceholderClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RichTextEditor = ({
+  value,
+  defaultValue = "",
+  placeholder,
+  mode: _mode = "html",
+  toolbar,
+  height = 300,
+  readOnly = false,
+  disabled = false,
+  onChange,
+  className,
+  ...restProps
+}) => {
+  const editorRef = useRef(null);
+  const [currentContent, setInternalValue, isControlled] = useControlledState(value, defaultValue);
+  const [activeFormats, setActiveFormats] = useState(/* @__PURE__ */ new Set());
+  const toolbarButtons = toolbar ?? defaultToolbar;
+  const empty = isContentEmpty(currentContent);
+  useEffect(() => {
+    if (isControlled && editorRef.current) {
+      const sanitized = sanitizeHtml(value);
+      if (editorRef.current.innerHTML !== sanitized) {
+        editorRef.current.innerHTML = sanitized;
+      }
+    }
+  }, [value, isControlled]);
+  useEffect(() => {
+    if (editorRef.current) {
+      const initial = sanitizeHtml(isControlled ? value : defaultValue);
+      if (initial) {
+        editorRef.current.innerHTML = initial;
+      }
+    }
+  }, []);
+  const updateActiveFormats = useCallback(() => {
+    if (typeof document === "undefined") return;
+    const next = /* @__PURE__ */ new Set();
+    if (document.queryCommandState("bold")) next.add("bold");
+    if (document.queryCommandState("italic")) next.add("italic");
+    if (document.queryCommandState("underline")) next.add("underline");
+    if (document.queryCommandState("strikeThrough")) next.add("strikethrough");
+    if (document.queryCommandState("insertUnorderedList")) next.add("bulletList");
+    if (document.queryCommandState("insertOrderedList")) next.add("orderedList");
+    setActiveFormats(next);
+  }, []);
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    document.addEventListener("selectionchange", updateActiveFormats);
+    return () => {
+      document.removeEventListener("selectionchange", updateActiveFormats);
+    };
+  }, [updateActiveFormats]);
+  const handleInput = useCallback(() => {
+    if (!editorRef.current) return;
+    const html = editorRef.current.innerHTML;
+    const sanitized = sanitizeHtml(html);
+    if (!isControlled) {
+      setInternalValue(sanitized);
+    }
+    onChange?.(sanitized);
+  }, [isControlled, onChange]);
+  const execAction = useCallback(
+    (actionName) => {
+      if (readOnly || disabled) return;
+      editorRef.current?.focus();
+      const mapping = mapToolbarAction(actionName);
+      if (mapping) {
+        document.execCommand(mapping.command, false, mapping.argument);
+        handleInput();
+        updateActiveFormats();
+        return;
+      }
+      if (actionName === "codeBlock") {
+        document.execCommand("formatBlock", false, "PRE");
+        handleInput();
+        return;
+      }
+      if (actionName === "link") {
+        const url = typeof window !== "undefined" ? window.prompt("Enter URL:") : null;
+        if (url && isValidUrl(url)) {
+          document.execCommand("createLink", false, url);
+          handleInput();
+        }
+        return;
+      }
+      if (actionName === "image") {
+        const url = typeof window !== "undefined" ? window.prompt("Enter image URL:") : null;
+        if (url && isValidUrl(url)) {
+          document.execCommand("insertImage", false, url);
+          handleInput();
+        }
+      }
+    },
+    [readOnly, disabled, handleInput, updateActiveFormats]
+  );
+  const handleKeydown = useCallback(
+    (e) => {
+      const match = findHotkeyMatch(toolbarButtons, e.nativeEvent);
+      if (match) {
+        e.preventDefault();
+        execAction(match);
+      }
+    },
+    [toolbarButtons, execAction]
+  );
+  const containerClasses = useMemo(
+    () => classNames(getRichTextContainerClasses(disabled, className)),
+    [disabled, className]
+  );
+  const editorAreaClasses = useMemo(() => getEditorAreaClasses(readOnly), [readOnly]);
+  const containerStyle = useMemo(() => {
+    const ht = parseHeight(height);
+    if (!ht) return void 0;
+    return { height: ht };
+  }, [height]);
+  return /* @__PURE__ */ jsxs("div", { className: containerClasses, style: containerStyle, ...restProps, children: [
+    /* @__PURE__ */ jsx("div", { className: richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarButtons.map((btn) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: getToolbarButtonClasses(activeFormats.has(btn.name)),
+        title: btn.tooltip ?? btn.label,
+        "aria-label": btn.label,
+        "aria-pressed": isInlineFormat(btn.name) ? activeFormats.has(btn.name) : void 0,
+        disabled: disabled || readOnly,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => execAction(btn.name),
+        children: btn.label
+      },
+      btn.name
+    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: editorRef,
+          className: editorAreaClasses,
+          contentEditable: !(readOnly || disabled),
+          role: "textbox",
+          "aria-multiline": true,
+          "aria-readonly": readOnly || void 0,
+          "aria-disabled": disabled || void 0,
+          "aria-placeholder": placeholder,
+          "data-placeholder": placeholder,
+          onInput: handleInput,
+          onKeyDown: handleKeydown,
+          suppressContentEditableWarning: true
+        }
+      ),
+      empty && placeholder && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
+          "aria-hidden": true,
+          children: placeholder
+        }
+      )
+    ] })
+  ] });
+};
+var RichTextEditor_default = RichTextEditor;
+
+export { RichTextEditor, RichTextEditor_default };

package/dist/chunk-H3NLKNR4.mjs

@@ -0,0 +1,192 @@
+import { useChartInteraction } from './chunk-3CDAG4HD.mjs';
+import { ChartLegend } from './chunk-Z6F67MJE.mjs';
+import { ChartTooltip } from './chunk-LVC43YX2.mjs';
+import { ChartCanvas } from './chunk-IS467WAO.mjs';
+import React, { useMemo } from 'react';
+import { getChartInnerRect, resolveChartPalette, computeTreeMapNodes, buildChartLegendItems, resolveChartTooltipContent, classNames, getChartElementOpacity } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TreeMapChart = ({
+  width = 400,
+  height = 300,
+  padding = 8,
+  data,
+  gap = 2,
+  showLabels = true,
+  minLabelSize = 10,
+  colors,
+  hoverable = false,
+  hoveredIndex: hoveredIndexProp,
+  activeOpacity = 1,
+  inactiveOpacity = 0.25,
+  selectable = false,
+  selectedIndex: selectedIndexProp,
+  showLegend = false,
+  legendPosition = "bottom",
+  legendMarkerSize = 10,
+  legendGap = 8,
+  showTooltip = true,
+  tooltipFormatter: _tooltipFormatter,
+  title,
+  desc,
+  className,
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onNodeClick,
+  onNodeHover
+}) => {
+  const innerRect = useMemo(
+    () => getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const palette = useMemo(() => resolveChartPalette(colors), [colors]);
+  const nodes = useMemo(
+    () => computeTreeMapNodes(data, {
+      width: innerRect.width,
+      height: innerRect.height,
+      gap,
+      colors: palette
+    }),
+    [data, innerRect.width, innerRect.height, gap, palette]
+  );
+  const {
+    tooltipPosition,
+    resolvedHoveredIndex,
+    activeIndex,
+    handleMouseEnter,
+    handleMouseMove,
+    handleMouseLeave,
+    handleClick,
+    handleLegendClick,
+    handleLegendHover,
+    handleLegendLeave,
+    wrapperClasses
+  } = useChartInteraction({
+    hoverable,
+    hoveredIndexProp,
+    selectable,
+    selectedIndexProp,
+    activeOpacity,
+    inactiveOpacity,
+    legendPosition,
+    getData: (index) => {
+      const node = nodes[index];
+      return node ? { label: node.label, value: node.value } : {};
+    },
+    onHoveredIndexChange: (index) => {
+      onHoveredIndexChange?.(index);
+      const node = index !== null ? nodes[index] : null;
+      onNodeHover?.(
+        index,
+        node ? { label: node.label, value: node.value } : null
+      );
+    },
+    onSelectedIndexChange,
+    callbacks: { onClick: onNodeClick }
+  });
+  const total = useMemo(() => nodes.reduce((s, n) => s + n.value, 0), [nodes]);
+  const legendItems = useMemo(
+    () => buildChartLegendItems({
+      data: nodes,
+      palette,
+      activeIndex,
+      getLabel: (d) => d.label,
+      getColor: (d) => d.color
+    }),
+    [nodes, palette, activeIndex]
+  );
+  const tooltipContent = useMemo(
+    () => resolveChartTooltipContent(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__ */ jsx(
+    ChartCanvas,
+    {
+      width,
+      height,
+      padding,
+      title,
+      desc,
+      className: classNames(className),
+      children: /* @__PURE__ */ jsx("g", { "data-series-type": "treemap", children: nodes.map((node) => {
+        const opacity = getChartElementOpacity(node.index, activeIndex, {
+          activeOpacity,
+          inactiveOpacity
+        });
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: node.x,
+              y: node.y,
+              width: node.w,
+              height: node.h,
+              rx: 2,
+              fill: node.color,
+              opacity,
+              className: classNames(interactive && "cursor-pointer"),
+              style: { transition: "opacity 0.2s ease-out" },
+              onMouseEnter: (e) => handleMouseEnter(node.index, e),
+              onMouseMove: handleMouseMove,
+              onMouseLeave: handleMouseLeave,
+              onClick: () => handleClick(node.index)
+            }
+          ),
+          showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ jsx(
+            "text",
+            {
+              x: node.x + node.w / 2,
+              y: node.y + node.h / 2,
+              className: "fill-white text-xs",
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              style: {
+                pointerEvents: "none",
+                fontSize: `${Math.min(12, node.h * 0.3)}px`
+              },
+              children: node.label
+            }
+          )
+        ] }, `node-${node.index}`);
+      }) })
+    }
+  );
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsx(
+    ChartTooltip,
+    {
+      content: tooltipContent,
+      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
+      x: tooltipPosition.x,
+      y: tooltipPosition.y
+    }
+  ) : null;
+  if (!showLegend) {
+    return /* @__PURE__ */ jsxs("div", { className: "inline-block relative", children: [
+      chart,
+      tooltip
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
+    chart,
+    /* @__PURE__ */ jsx(
+      ChartLegend,
+      {
+        items: legendItems,
+        position: legendPosition,
+        markerSize: legendMarkerSize,
+        gap: legendGap,
+        interactive,
+        onItemClick: handleLegendClick,
+        onItemHover: handleLegendHover,
+        onItemLeave: handleLegendLeave
+      }
+    ),
+    tooltip
+  ] });
+};
+
+export { TreeMapChart };

package/dist/{chunk-6W6CRBBG.mjs → chunk-HCZA4LV6.mjs}

@@ -1,5 +1,5 @@
-import { ImageGroupContext } from './chunk-QIJG42YQ.mjs';
-import { ImagePreview } from './chunk-5CLXOFRZ.mjs';
+import { ImageGroupContext } from './chunk-IPLK4AIE.mjs';
+import { ImagePreview } from './chunk-HLJQZUIY.mjs';
 import { useState, useRef, useContext, useEffect, useCallback, useMemo } from 'react';
 import { classNames, imageBaseClasses, imagePreviewCursorClass, getImageImgClasses, toCSSSize, imageErrorClasses, imageErrorIconPath, imageLoadingClasses } from '@expcat/tigercat-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -27,6 +27,7 @@ var Image = ({
   className,
   errorRender,
   placeholderRender,
+  onPreviewOpenChange,
   onPreviewVisibleChange,
   onClick,
   onKeyDown,
@@ -90,10 +91,11 @@ var Image = ({
         group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
       } else {
         setPreviewVisible(true);
+        onPreviewOpenChange?.(true);
         onPreviewVisibleChange?.(true);
       }
     },
-    [preview, group, onClick, onPreviewVisibleChange]
+    [preview, group, onClick, onPreviewOpenChange, onPreviewVisibleChange]
   );
   const handleKeyDown = useCallback(
     (e) => {
@@ -154,11 +156,12 @@ var Image = ({
     !group && previewVisible && src && /* @__PURE__ */ jsx(
       ImagePreview,
       {
-        visible: previewVisible,
+        open: previewVisible,
         images: [src],
         currentIndex: 0,
-        onVisibleChange: (val) => {
+        onOpenChange: (val) => {
           setPreviewVisible(val);
+          onPreviewOpenChange?.(val);
           onPreviewVisibleChange?.(val);
         }
       }

package/dist/{chunk-5CLXOFRZ.mjs → chunk-HLJQZUIY.mjs}

@@ -16,7 +16,7 @@ var SvgIcon = ({ d, cls = "w-5 h-5" }) => /* @__PURE__ */ jsx(
   }
 );
 var ImagePreview = ({
-  visible,
+  open,
   images,
   currentIndex = 0,
   zIndex = 1050,
@@ -24,10 +24,11 @@ var ImagePreview = ({
   scaleStep = 0.5,
   minScale = 0.25,
   maxScale = 5,
-  onVisibleChange,
+  onOpenChange,
   onCurrentIndexChange,
   onScaleChange
 }) => {
+  const isOpen = open;
   const [scale, setScale] = useState(1);
   const [offsetX, setOffsetX] = useState(0);
   const [offsetY, setOffsetY] = useState(0);
@@ -44,7 +45,7 @@ var ImagePreview = ({
     resetTransform();
   }, [currentIndex, resetTransform]);
   useEffect(() => {
-    if (visible) {
+    if (isOpen) {
       resetTransform();
       setIndex(currentIndex);
       document.body.style.overflow = "hidden";
@@ -54,11 +55,11 @@ var ImagePreview = ({
     return () => {
       document.body.style.overflow = "";
     };
-  }, [visible, currentIndex, resetTransform]);
+  }, [isOpen, currentIndex, resetTransform]);
   const handleClose = useCallback(() => {
-    onVisibleChange?.(false);
-  }, [onVisibleChange]);
-  useEscapeKey({ enabled: !!visible, onEscape: handleClose });
+    onOpenChange?.(false);
+  }, [onOpenChange]);
+  useEscapeKey({ enabled: !!isOpen, onEscape: handleClose });
   const navState = useMemo(() => getPreviewNavState(index, images.length), [index, images.length]);
   const handleZoomIn = useCallback(() => {
     setScale((s) => {
@@ -95,14 +96,14 @@ var ImagePreview = ({
     }
   }, [index, images.length, resetTransform, onCurrentIndexChange]);
   useEffect(() => {
-    if (!visible) return;
+    if (!isOpen) return;
     const handler = (e) => {
       if (e.key === "ArrowLeft") handlePrev();
       if (e.key === "ArrowRight") handleNext();
     };
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
-  }, [visible, handlePrev, handleNext]);
+  }, [isOpen, handlePrev, handleNext]);
   const handleWheel = useCallback(
     (e) => {
       e.preventDefault();
@@ -144,7 +145,7 @@ var ImagePreview = ({
     () => calculateTransform(scale, offsetX, offsetY),
     [scale, offsetX, offsetY]
   );
-  if (!visible || !images.length) return null;
+  if (!isOpen || !images.length) return null;
   const currentSrc = images[index] || images[0];
   return createPortal(
     /* @__PURE__ */ jsxs(

package/dist/chunk-HLS4CHWX.mjs

@@ -0,0 +1,29 @@
+import React from 'react';
+import { classNames, getTextClasses } from '@expcat/tigercat-core';
+
+// src/components/Text.tsx
+var Text = React.memo(
+  ({
+    tag = "p",
+    size,
+    weight,
+    align,
+    color,
+    truncate,
+    italic,
+    underline,
+    lineThrough,
+    children,
+    className,
+    ...props
+  }) => {
+    const textClasses = classNames(
+      getTextClasses({ size, weight, align, color, truncate, italic, underline, lineThrough }),
+      className
+    );
+    return React.createElement(tag, { ...props, className: textClasses }, children);
+  }
+);
+Text.displayName = "Text";
+
+export { Text };

package/dist/{chunk-MTL2QUM3.mjs → chunk-HSHVLIEL.mjs}

@@ -2,8 +2,8 @@ import { Timeline } from './chunk-JVTAKNRO.mjs';
 import { Link } from './chunk-XZVQ3PJS.mjs';
 import { Loading } from './chunk-AVUXDQYO.mjs';
 import { Tag } from './chunk-TGKNEMD4.mjs';
-import { Text } from './chunk-LIV33O73.mjs';
-import { Card } from './chunk-3M2IG6IN.mjs';
+import { Text } from './chunk-HLS4CHWX.mjs';
+import { Card } from './chunk-P6E3DILH.mjs';
 import { Avatar } from './chunk-FE7PEZTI.mjs';
 import { useMemo } from 'react';
 import { buildActivityGroups, classNames, toActivityTimelineItems, formatActivityTime } from '@expcat/tigercat-core';

package/dist/{chunk-XWNVBCJA.js → chunk-HU3VDVH6.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkYV6Y7C43_js = require('./chunk-YV6Y7C43.js');
-var chunkQ57BYUUW_js = require('./chunk-Q57BYUUW.js');
-var chunkF24IF2QL_js = require('./chunk-F24IF2QL.js');
+var chunkSDWJSALH_js = require('./chunk-SDWJSALH.js');
+var chunkHWWNBCFB_js = require('./chunk-HWWNBCFB.js');
+var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.js');
 var chunk2GKTVAAB_js = require('./chunk-2GKTVAAB.js');
-var chunkI5TCE5E7_js = require('./chunk-I5TCE5E7.js');
-var chunkSSQOCZ6O_js = require('./chunk-SSQOCZ6O.js');
+var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
+var chunkUIO6O4MI_js = require('./chunk-UIO6O4MI.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -100,7 +100,6 @@ var NotificationCenter = ({
       ...group,
       items: applyReadOverrides(group.items)
     })),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [resolvedGroups, readStateOverrides]
   );
   const effectiveCurrentGroup = react.useMemo(() => {
@@ -145,7 +144,7 @@ var NotificationCenter = ({
     }
     onMarkAllRead?.(currentGroupKey, effectiveCurrentGroupItems);
   };
-  const renderItem = (item, index) => {
+  const renderItem = (item, _index) => {
     const isRead = Boolean(item.read);
     const timeText = item.time ? tigercatCore.formatActivityTime(item.time) : "";
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -158,13 +157,13 @@ var NotificationCenter = ({
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
               timeText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0", children: timeText }) : null
             ] }),
             item.description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed", children: item.description }) : null
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkF24IF2QL_js.Button,
+            chunkBCNKTT5C_js.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -187,7 +186,7 @@ var NotificationCenter = ({
     );
   };
   const renderList = (listItems) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQ57BYUUW_js.List,
+    chunkHWWNBCFB_js.List,
     {
       dataSource: listItems,
       split: true,
@@ -203,7 +202,7 @@ var NotificationCenter = ({
     { key: "unread", label: unreadLabel },
     { key: "read", label: readLabel }
   ];
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYV6Y7C43_js.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: resolvedGroups.map((group, index) => {
+  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkSDWJSALH_js.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: resolvedGroups.map((group, index) => {
     const effectiveGroup = effectiveGroups.find(
       (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
     );
@@ -212,7 +211,7 @@ var NotificationCenter = ({
     const labelBase = group.title || String(group.key ?? index);
     const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYV6Y7C43_js.TabPane,
+      chunkSDWJSALH_js.TabPane,
       {
         tabKey: getGroupKey(group, index),
         label,
@@ -222,17 +221,17 @@ var NotificationCenter = ({
     );
   }) }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filterItems(effectiveItems, currentReadFilter)) });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-notification-center": true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkSSQOCZ6O_js.Card,
+    chunkUIO6O4MI_js.Card,
     {
       variant: "bordered",
       className: "w-full",
       header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkI5TCE5E7_js.Text, { tag: "div", size: "base", weight: "bold", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "base", weight: "bold", children: title }),
             totalUnread > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white", children: totalUnread }) : null
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex rounded-md border border-[var(--tiger-border,#e5e7eb)] overflow-hidden self-start", children: filterButtons.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",