@expcat/tigercat-react 0.2.10 → 0.3.0

package/dist/chunk-4IO2M3ZJ.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var chunkIQINYCU6_js = require('./chunk-IQINYCU6.js');
+var chunkMKWXJZ3T_js = require('./chunk-MKWXJZ3T.js');
+var chunk6MGEGOYJ_js = require('./chunk-6MGEGOYJ.js');
+var chunk2TS6X5RA_js = require('./chunk-2TS6X5RA.js');
+var chunkYYGTJKP5_js = require('./chunk-YYGTJKP5.js');
+var chunkVO4WDK4K_js = require('./chunk-VO4WDK4K.js');
+var chunkTZ26HQAW_js = require('./chunk-TZ26HQAW.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var renderAction = (item, action, index) => {
+  const key = action.key ?? `${item.id}-action-${index}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkMKWXJZ3T_js.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 = react.useMemo(
+    () => tigercatCore.buildActivityGroups(items, groups, groupBy, groupOrder),
+    [items, groups, groupBy, groupOrder]
+  );
+  const wrapperClasses = tigercatCore.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 ? tigercatCore.formatActivityTime(item.time) : "";
+    const actionNodes = item.actions?.map(
+      (action, actionIndex) => renderAction(item, action, actionIndex)
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiger-activity-item", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 items-start", children: [
+      showAvatar && item.user ? /* @__PURE__ */ jsxRuntime.jsx(chunkTZ26HQAW_js.Avatar, { size: "sm", src: item.user.avatar, text: item.user.name, className: "shrink-0" }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+            titleText ? /* @__PURE__ */ jsxRuntime.jsx(chunkYYGTJKP5_js.Text, { tag: "div", size: "sm", weight: "medium", className: "truncate", children: titleText }) : null,
+            item.status ? /* @__PURE__ */ jsxRuntime.jsx(chunk2TS6X5RA_js.Tag, { variant: item.status.variant ?? "default", size: "sm", className: "shrink-0", children: item.status.label }) : null
+          ] }),
+          timeText ? /* @__PURE__ */ jsxRuntime.jsx(chunkYYGTJKP5_js.Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap", children: timeText }) : null
+        ] }),
+        descriptionText ? /* @__PURE__ */ jsxRuntime.jsx(chunkYYGTJKP5_js.Text, { tag: "div", size: "sm", color: "muted", className: "mb-2 break-words", children: descriptionText }) : null,
+        actionNodes?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: actionNodes }) : null
+      ] })
+    ] }) });
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVO4WDK4K_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk6MGEGOYJ_js.Loading, { text: loadingText }) }) }) });
+  }
+  if (resolvedGroups.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVO4WDK4K_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYYGTJKP5_js.Text, { tag: "div", size: "sm", color: "muted", children: emptyText }) }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: resolvedGroups.map((group, groupIndex) => {
+    const headerNode = renderGroupHeader?.(group);
+    const groupTitle = group.title;
+    const timelineItems = tigercatCore.toActivityTimelineItems(group.items);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxRuntime.jsx(chunkYYGTJKP5_js.Text, { tag: "div", size: "sm", weight: "medium", color: "muted", children: groupTitle }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkIQINYCU6_js.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;
+
+exports.ActivityFeed = ActivityFeed;
+exports.ActivityFeed_default = ActivityFeed_default;

package/dist/chunk-4MMT4EJJ.mjs

@@ -0,0 +1,78 @@
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import { getScrollTop, scrollToTop, classNames, backTopButtonClasses, backTopContainerClasses, backTopVisibleClasses, backTopHiddenClasses, backTopIconPath } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/BackTop.tsx
+var DefaultIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    className: "h-5 w-5",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: backTopIconPath })
+  }
+);
+var BackTop = ({
+  visibilityHeight = 400,
+  target = () => window,
+  duration = 450,
+  onClick,
+  children,
+  className,
+  "aria-label": ariaLabel = "Back to top",
+  ...props
+}) => {
+  const [visible, setVisible] = useState(false);
+  const handleScroll = useCallback(() => {
+    const targetElement = target();
+    if (!targetElement) return;
+    const scrollTop = getScrollTop(targetElement);
+    setVisible(scrollTop >= visibilityHeight);
+  }, [target, visibilityHeight]);
+  const handleClick = useCallback(
+    (event) => {
+      const targetElement = target();
+      if (targetElement) {
+        scrollToTop(targetElement, duration);
+      }
+      onClick?.(event);
+    },
+    [target, duration, onClick]
+  );
+  useEffect(() => {
+    const targetElement = target();
+    if (!targetElement) return;
+    targetElement.addEventListener("scroll", handleScroll, { passive: true });
+    handleScroll();
+    return () => {
+      targetElement.removeEventListener("scroll", handleScroll);
+    };
+  }, [target, handleScroll]);
+  const buttonClasses = useMemo(() => {
+    const targetElement = target();
+    const positionClasses = !targetElement || targetElement === window ? backTopButtonClasses : backTopContainerClasses;
+    return classNames(
+      positionClasses,
+      visible ? backTopVisibleClasses : backTopHiddenClasses,
+      className
+    );
+  }, [target, visible, className]);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: buttonClasses,
+      "aria-label": ariaLabel,
+      onClick: handleClick,
+      ...props,
+      children: children || /* @__PURE__ */ jsx(DefaultIcon, {})
+    }
+  );
+};
+var BackTop_default = BackTop;
+
+export { BackTop, BackTop_default };

package/dist/chunk-67EK62HG.mjs

@@ -0,0 +1,65 @@
+import { useAnchorContext } from './chunk-YIF5VX7K.mjs';
+import React, { useEffect, useMemo } from 'react';
+import { classNames, getAnchorLinkClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var AnchorLink = ({
+  href,
+  title,
+  target,
+  className,
+  children,
+  ...props
+}) => {
+  const anchorContext = useAnchorContext();
+  useEffect(() => {
+    anchorContext?.registerLink(href);
+    return () => {
+      anchorContext?.unregisterLink(href);
+    };
+  }, [href, anchorContext]);
+  const handleClick = (event) => {
+    event.preventDefault();
+    anchorContext?.handleLinkClick(href, event);
+  };
+  const linkClasses = useMemo(() => {
+    const isActive = anchorContext?.activeLink === href;
+    return classNames(getAnchorLinkClasses(isActive, className));
+  }, [anchorContext?.activeLink, href, className]);
+  const hasNestedLinks = React.Children.toArray(children).some(
+    (child) => React.isValidElement(child) && child.type === AnchorLink
+  );
+  if (hasNestedLinks) {
+    return /* @__PURE__ */ jsxs("div", { className: "anchor-link-wrapper", children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target,
+          className: linkClasses,
+          "data-anchor-href": href,
+          onClick: handleClick,
+          ...props,
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "pl-3 mt-1 space-y-1", children })
+    ] });
+  }
+  const content = children ?? title;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      target,
+      className: linkClasses,
+      "data-anchor-href": href,
+      onClick: handleClick,
+      ...props,
+      children: content
+    }
+  );
+};
+var AnchorLink_default = AnchorLink;
+
+export { AnchorLink, AnchorLink_default };

package/dist/chunk-6YKZAWNX.js

@@ -0,0 +1,258 @@
+'use strict';
+
+var chunkHDDBBZQH_js = require('./chunk-HDDBBZQH.js');
+var chunkOZLGNWET_js = require('./chunk-OZLGNWET.js');
+var chunkA3DJSVTE_js = require('./chunk-A3DJSVTE.js');
+var chunk6MGEGOYJ_js = require('./chunk-6MGEGOYJ.js');
+var chunkYYGTJKP5_js = require('./chunk-YYGTJKP5.js');
+var chunkVO4WDK4K_js = require('./chunk-VO4WDK4K.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var getGroupKey = (group, index) => {
+  return group.key ?? group.title ?? index;
+};
+var filterItems = (items, filter) => {
+  return items.filter((item) => {
+    const isRead = Boolean(item.read);
+    if (filter === "read") return isRead;
+    if (filter === "unread") return !isRead;
+    return true;
+  });
+};
+var NotificationCenter = ({
+  items = [],
+  groups,
+  groupBy,
+  groupOrder,
+  activeGroupKey,
+  defaultActiveGroupKey,
+  readFilter,
+  defaultReadFilter = "all",
+  loading = false,
+  loadingText = "\u52A0\u8F7D\u4E2D...",
+  emptyText = "\u6682\u65E0\u901A\u77E5",
+  title = "\u901A\u77E5\u4E2D\u5FC3",
+  allLabel = "\u5168\u90E8",
+  unreadLabel = "\u672A\u8BFB",
+  readLabel = "\u5DF2\u8BFB",
+  markAllReadText = "\u5168\u90E8\u6807\u8BB0\u5DF2\u8BFB",
+  markReadText = "\u6807\u8BB0\u5DF2\u8BFB",
+  markUnreadText = "\u6807\u8BB0\u672A\u8BFB",
+  manageReadState = false,
+  onGroupChange,
+  onReadFilterChange,
+  onMarkAllRead,
+  onItemClick,
+  onItemReadChange,
+  className,
+  ...props
+}) => {
+  const resolvedGroups = react.useMemo(
+    () => tigercatCore.buildNotificationGroups(items, groups, groupBy, groupOrder),
+    [items, groups, groupBy, groupOrder]
+  );
+  const firstGroupKey = react.useMemo(() => {
+    return resolvedGroups.length > 0 ? getGroupKey(resolvedGroups[0], 0) : void 0;
+  }, [resolvedGroups]);
+  const [internalGroupKey, setInternalGroupKey] = react.useState(
+    defaultActiveGroupKey
+  );
+  const [internalReadFilter, setInternalReadFilter] = react.useState(defaultReadFilter);
+  const currentGroupKey = activeGroupKey ?? internalGroupKey ?? firstGroupKey;
+  const currentReadFilter = readFilter ?? internalReadFilter;
+  react.useEffect(() => {
+    if (activeGroupKey !== void 0) return;
+    if (resolvedGroups.length === 0) {
+      setInternalGroupKey(void 0);
+      return;
+    }
+    const keys = resolvedGroups.map((group, index) => getGroupKey(group, index));
+    if (!keys.some((key) => key === currentGroupKey)) {
+      setInternalGroupKey(keys[0]);
+    }
+  }, [activeGroupKey, currentGroupKey, resolvedGroups]);
+  const currentGroup = react.useMemo(() => {
+    if (resolvedGroups.length === 0) return void 0;
+    if (currentGroupKey === void 0) return resolvedGroups[0];
+    const index = resolvedGroups.findIndex(
+      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
+    );
+    return index >= 0 ? resolvedGroups[index] : resolvedGroups[0];
+  }, [currentGroupKey, resolvedGroups]);
+  currentGroup?.items ?? [];
+  const [readStateOverrides, setReadStateOverrides] = react.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  react.useEffect(() => {
+    if (manageReadState) setReadStateOverrides(/* @__PURE__ */ new Map());
+  }, [items, manageReadState]);
+  const applyReadOverrides = (list) => {
+    if (!manageReadState || readStateOverrides.size === 0) return list;
+    return list.map((item) => {
+      const override = readStateOverrides.get(item.id);
+      return override !== void 0 ? { ...item, read: override } : item;
+    });
+  };
+  const effectiveGroups = react.useMemo(
+    () => resolvedGroups.map((group) => ({
+      ...group,
+      items: applyReadOverrides(group.items)
+    })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [resolvedGroups, readStateOverrides]
+  );
+  const effectiveCurrentGroup = react.useMemo(() => {
+    if (effectiveGroups.length === 0) return void 0;
+    if (currentGroupKey === void 0) return effectiveGroups[0];
+    const index = effectiveGroups.findIndex(
+      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
+    );
+    return index >= 0 ? effectiveGroups[index] : effectiveGroups[0];
+  }, [currentGroupKey, effectiveGroups]);
+  const effectiveCurrentGroupItems = effectiveCurrentGroup?.items ?? [];
+  const effectiveItems = react.useMemo(() => applyReadOverrides(items), [items, readStateOverrides]);
+  const hasUnread = effectiveCurrentGroupItems.some((item) => !item.read);
+  const totalUnread = react.useMemo(() => {
+    const allItems = effectiveGroups.flatMap((group) => group.items);
+    if (allItems.length === 0) return effectiveItems.filter((item) => !item.read).length;
+    return allItems.filter((item) => !item.read).length;
+  }, [effectiveGroups, effectiveItems]);
+  const wrapperClasses = react.useMemo(
+    () => tigercatCore.classNames("tiger-notification-center", "w-full", "flex", "flex-col", className),
+    [className]
+  );
+  const handleGroupChange = (key) => {
+    if (activeGroupKey === void 0) {
+      setInternalGroupKey(key);
+    }
+    onGroupChange?.(key);
+  };
+  const handleReadFilterChange = (next) => {
+    if (readFilter === void 0) {
+      setInternalReadFilter(next);
+    }
+    onReadFilterChange?.(next);
+  };
+  const handleMarkAllRead = () => {
+    if (manageReadState) {
+      setReadStateOverrides((prev) => {
+        const next = new Map(prev);
+        effectiveCurrentGroupItems.forEach((item) => next.set(item.id, true));
+        return next;
+      });
+    }
+    onMarkAllRead?.(currentGroupKey, effectiveCurrentGroupItems);
+  };
+  const renderItem = (item, index) => {
+    const isRead = Boolean(item.read);
+    const timeText = item.time ? tigercatCore.formatActivityTime(item.time) : "";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: tigercatCore.classNames(
+          "flex items-start gap-3 w-full py-0.5 transition-colors",
+          !isRead && "border-l-2 border-l-[var(--tiger-primary,#2563eb)] -ml-[2px] pl-[calc(0.75rem-2px)]"
+        ),
+        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(chunkYYGTJKP5_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(
+            chunkA3DJSVTE_js.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: (event) => {
+                event.stopPropagation();
+                if (manageReadState) {
+                  setReadStateOverrides((prev) => {
+                    const next = new Map(prev);
+                    next.set(item.id, !isRead);
+                    return next;
+                  });
+                }
+                onItemReadChange?.(item, !isRead);
+              },
+              children: isRead ? markUnreadText : markReadText
+            }
+          )
+        ]
+      }
+    );
+  };
+  const renderList = (listItems) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkOZLGNWET_js.List,
+    {
+      dataSource: listItems,
+      split: true,
+      bordered: "divided",
+      hoverable: true,
+      emptyText,
+      onItemClick: (item, index) => onItemClick?.(item, index),
+      renderItem
+    }
+  );
+  const filterButtons = [
+    { key: "all", label: allLabel },
+    { 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(chunk6MGEGOYJ_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkHDDBBZQH_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)
+    );
+    const groupItems = effectiveGroup?.items ?? group.items;
+    const unreadCount = groupItems.filter((item) => !item.read).length;
+    const labelBase = group.title || String(group.key ?? index);
+    const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkHDDBBZQH_js.TabPane,
+      {
+        tabKey: getGroupKey(group, index),
+        label,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(filterItems(groupItems, currentReadFilter)) })
+      },
+      String(getGroupKey(group, index))
+    );
+  }) }) }) : /* @__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(
+    chunkVO4WDK4K_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(chunkYYGTJKP5_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(chunkA3DJSVTE_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",
+          {
+            className: tigercatCore.classNames(
+              "px-3 py-1 text-xs font-medium transition-colors",
+              "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
+              currentReadFilter === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+            ),
+            onClick: () => handleReadFilterChange(option.key),
+            children: option.label
+          },
+          option.key
+        )) })
+      ] }),
+      children: content
+    }
+  ) });
+};
+var NotificationCenter_default = NotificationCenter;
+
+exports.NotificationCenter = NotificationCenter;
+exports.NotificationCenter_default = NotificationCenter_default;