@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-H5MZ54PM.js

@@ -1,161 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/StepsItem.tsx
-var StepsContext = React.createContext(null);
-function useStepsContext() {
-  return React.useContext(StepsContext);
-}
-var Steps = ({
-  current = 0,
-  status = "process",
-  direction = "horizontal",
-  size = "default",
-  simple = false,
-  clickable = false,
-  className,
-  style,
-  onChange,
-  children,
-  ...props
-}) => {
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getStepsContainerClasses(direction), className),
-    [direction, className]
-  );
-  const handleStepClick = React.useCallback((index) => {
-    if (!clickable) return;
-    onChange?.(index);
-  }, [clickable, onChange]);
-  const contextValue = React.useMemo(() => ({
-    current,
-    status,
-    direction,
-    size,
-    simple,
-    clickable,
-    handleStepClick: clickable ? handleStepClick : void 0
-  }), [current, status, direction, size, simple, clickable, handleStepClick]);
-  const totalCount = React__default.default.Children.count(children);
-  const stepsWithProps = React__default.default.Children.map(children, (child, index) => {
-    if (React__default.default.isValidElement(child) && child.type === StepsItem) {
-      return React__default.default.cloneElement(child, {
-        stepIndex: index,
-        isLast: index === totalCount - 1
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: containerClasses, style, children: stepsWithProps }) });
-};
-var StepsItem = ({
-  title,
-  description,
-  icon,
-  status: customStatus,
-  disabled = false,
-  stepIndex = 0,
-  isLast = false,
-  className,
-  style,
-  ...props
-}) => {
-  const stepsContext = useStepsContext() || {
-    current: 0,
-    status: "process",
-    direction: "horizontal",
-    size: "default",
-    simple: false,
-    clickable: false
-  };
-  const stepStatus = tigercatCore.calculateStepStatus(
-    stepIndex,
-    stepsContext.current,
-    stepsContext.status,
-    customStatus
-  );
-  const isClickable = !!stepsContext.handleStepClick && !disabled;
-  const itemClasses = tigercatCore.classNames(
-    tigercatCore.getStepItemClasses(stepsContext.direction, isLast),
-    className
-  );
-  const iconClasses = tigercatCore.getStepIconClasses(stepStatus, stepsContext.size, stepsContext.simple, !!icon);
-  const tailClasses = tigercatCore.getStepTailClasses(stepsContext.direction, stepStatus, isLast, stepsContext.size, stepsContext.simple);
-  const contentClasses = tigercatCore.getStepContentClasses(stepsContext.direction);
-  const titleClasses = tigercatCore.getStepTitleClasses(stepStatus, stepsContext.size, isClickable);
-  const descriptionClasses = tigercatCore.getStepDescriptionClasses(stepStatus, stepsContext.size);
-  const handleClick = () => {
-    if (!isClickable) return;
-    stepsContext.handleStepClick?.(stepIndex);
-  };
-  const renderIcon = () => {
-    if (icon) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, children: icon });
-    }
-    if (stepStatus === "finish") {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, "aria-hidden": "true", children: tigercatCore.stepFinishChar });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, children: stepIndex + 1 });
-  };
-  const renderContent = () => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClasses, children: [
-      stepsContext.clickable ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: titleClasses,
-          onClick: handleClick,
-          disabled: !isClickable,
-          "aria-disabled": disabled || void 0,
-          children: title
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children: title }),
-      !stepsContext.simple && description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClasses, children: description })
-    ] });
-  };
-  if (stepsContext.direction === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "li",
-      {
-        ...props,
-        className: itemClasses,
-        style,
-        "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-        "aria-disabled": disabled || void 0,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            renderIcon(),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailClasses })
-          ] }),
-          renderContent()
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "li",
-    {
-      ...props,
-      className: itemClasses,
-      style,
-      "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-      "aria-disabled": disabled || void 0,
-      children: [
-        renderIcon(),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailClasses }),
-        renderContent()
-      ]
-    }
-  );
-};
-
-exports.Steps = Steps;
-exports.StepsItem = StepsItem;
-exports.useStepsContext = useStepsContext;

package/dist/chunk-HSHVLIEL.mjs

@@ -1,107 +0,0 @@
-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-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';
-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: "tiger-activity-item", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-start", 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: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", 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: "mb-2 break-words", children: descriptionText }) : null,
-        actionNodes?.length ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: actionNodes }) : null
-      ] })
-    ] }) });
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: wrapperClasses, ...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, ...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, ...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-HU3VDVH6.js

@@ -1,257 +0,0 @@
-'use strict';
-
-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 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');
-
-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)
-    })),
-    [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(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(
-            chunkBCNKTT5C_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(
-    chunkHWWNBCFB_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(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)
-    );
-    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(
-      chunkSDWJSALH_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(
-    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(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(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",
-          {
-            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;