@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-6N6CWBPP.js

@@ -1,213 +0,0 @@
-'use strict';
-
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var DropdownContext = React.createContext(null);
-var DropdownMenu = ({
-  className,
-  style,
-  children,
-  role,
-  ...divProps
-}) => {
-  const menuClasses = tigercatCore.classNames(tigercatCore.getDropdownMenuClasses(), className);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses, style, role: role ?? "menu", ...divProps, children });
-};
-var Dropdown = ({
-  trigger = "hover",
-  placement: initialPlacement = "bottom-start",
-  offset = 4,
-  disabled = false,
-  open: controlledOpen,
-  defaultOpen = false,
-  closeOnClick = true,
-  showArrow = true,
-  className,
-  style,
-  onOpenChange,
-  children,
-  ...divProps
-}) => {
-  const [internalVisible, setInternalVisible] = React.useState(defaultOpen);
-  const visible = controlledOpen !== void 0 ? controlledOpen : internalVisible;
-  const containerRef = React.useRef(null);
-  const triggerRef = React.useRef(null);
-  const floatingRef = React.useRef(null);
-  const hoverTimerRef = React.useRef(null);
-  const previousActiveElementRef = React.useRef(null);
-  const reactId = React.useId();
-  const menuId = React.useMemo(() => `tiger-dropdown-menu-${reactId}`, [reactId]);
-  React.useEffect(() => {
-    tigercatCore.injectDropdownStyles();
-  }, []);
-  const setVisible = React.useCallback(
-    (newVisible) => {
-      if (disabled && newVisible) return;
-      if (newVisible && !visible) {
-        previousActiveElementRef.current = tigercatCore.captureActiveElement();
-      }
-      if (controlledOpen === void 0) {
-        setInternalVisible(newVisible);
-      }
-      onOpenChange?.(newVisible);
-      if (newVisible) {
-        requestAnimationFrame(() => {
-          if (floatingRef.current) {
-            tigercatCore.focusFirstMenuItem(floatingRef.current);
-          }
-        });
-      } else {
-        tigercatCore.restoreFocus(previousActiveElementRef.current);
-        previousActiveElementRef.current = null;
-      }
-    },
-    [disabled, visible, controlledOpen, onOpenChange]
-  );
-  const handleItemClick = React.useCallback(() => {
-    if (closeOnClick) {
-      setVisible(false);
-    }
-  }, [closeOnClick, setVisible]);
-  const handleMouseEnter = React.useCallback(() => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(true);
-    }, 100);
-  }, [trigger, setVisible]);
-  const handleMouseLeave = React.useCallback(() => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(false);
-    }, 150);
-  }, [trigger, setVisible]);
-  const handleClick = React.useCallback(() => {
-    if (trigger !== "click") return;
-    setVisible(!visible);
-  }, [trigger, visible, setVisible]);
-  const handleMenuKeyDown = React.useCallback((event) => {
-    if (floatingRef.current) {
-      tigercatCore.handleMenuNavigation(floatingRef.current, event.nativeEvent);
-    }
-  }, []);
-  chunkPGBKMW4Q_js.useClickOutside({
-    enabled: trigger === "click" && visible,
-    refs: [containerRef],
-    onOutsideClick: () => setVisible(false)
-  });
-  chunkPGBKMW4Q_js.useEscapeKey({
-    enabled: visible,
-    onEscape: () => setVisible(false)
-  });
-  const { x, y, placement } = chunkPGBKMW4Q_js.useFloating({
-    referenceRef: triggerRef,
-    floatingRef,
-    enabled: visible,
-    placement: initialPlacement,
-    offset
-  });
-  React.useEffect(() => {
-    return () => {
-      if (hoverTimerRef.current) {
-        clearTimeout(hoverTimerRef.current);
-      }
-    };
-  }, []);
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getDropdownContainerClasses(), "tiger-dropdown-container", className),
-    [className]
-  );
-  const triggerClasses = React.useMemo(() => tigercatCore.getDropdownTriggerClasses(disabled), [disabled]);
-  const menuWrapperClasses = tigercatCore.classNames("absolute z-50", tigercatCore.DROPDOWN_ENTER_CLASS);
-  const menuWrapperStyles = React.useMemo(
-    () => ({
-      position: "absolute",
-      left: x,
-      top: y,
-      transformOrigin: tigercatCore.getTransformOrigin(placement)
-    }),
-    [x, y, placement]
-  );
-  const contextValue = React.useMemo(
-    () => ({ closeOnClick, handleItemClick }),
-    [closeOnClick, handleItemClick]
-  );
-  const childrenArray = React__default.default.Children.toArray(children);
-  let triggerElement = null;
-  let menuElement = null;
-  childrenArray.forEach((child) => {
-    if (!React__default.default.isValidElement(child)) {
-      if (triggerElement == null) triggerElement = child;
-      return;
-    }
-    if (child.type === DropdownMenu) {
-      menuElement = child;
-      return;
-    }
-    if (triggerElement == null) {
-      triggerElement = child;
-    }
-  });
-  const chevronNode = showArrow ? /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: tigercatCore.getDropdownChevronClasses(visible),
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.DROPDOWN_CHEVRON_PATH })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        onClick: handleClick,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        "aria-haspopup": "menu",
-        "aria-expanded": visible,
-        "aria-controls": visible ? menuId : void 0,
-        children: [
-          triggerElement,
-          chevronNode
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: floatingRef,
-        className: menuWrapperClasses,
-        style: menuWrapperStyles,
-        hidden: !visible,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onKeyDown: handleMenuKeyDown,
-        children: menuElement && React__default.default.isValidElement(menuElement) ? React__default.default.cloneElement(menuElement, { id: menuId }) : menuElement
-      }
-    )
-  ] }) });
-};
-
-exports.Dropdown = Dropdown;
-exports.DropdownContext = DropdownContext;
-exports.DropdownMenu = DropdownMenu;

package/dist/chunk-6YBLWFP5.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/ConfigProvider.tsx
-var TigerConfigContext = React__default.default.createContext({});
-var ConfigProvider = ({
-  locale,
-  theme,
-  colorScheme,
-  children
-}) => {
-  const parent = React.useContext(TigerConfigContext);
-  const isLazy = tigercatCore.isLazyTigerLocale(locale);
-  const immediateLocale = isLazy ? void 0 : tigercatCore.getImmediateTigerLocale(locale);
-  const [resolvedLocale, setResolvedLocale] = React.useState(
-    immediateLocale
-  );
-  const [localeLoading, setLocaleLoading] = React.useState(isLazy);
-  React.useEffect(() => {
-    if (!tigercatCore.isLazyTigerLocale(locale)) {
-      setResolvedLocale(tigercatCore.getImmediateTigerLocale(locale));
-      setLocaleLoading(false);
-      return;
-    }
-    let cancelled = false;
-    setLocaleLoading(true);
-    tigercatCore.resolveTigerLocale(locale).then(
-      (result) => {
-        if (!cancelled) {
-          setResolvedLocale(result);
-          setLocaleLoading(false);
-        }
-      },
-      () => {
-        if (!cancelled) {
-          setLocaleLoading(false);
-        }
-      }
-    );
-    return () => {
-      cancelled = true;
-    };
-  }, [locale]);
-  const value = React.useMemo(() => {
-    return {
-      locale: tigercatCore.mergeTigerLocale(parent.locale, resolvedLocale),
-      localeLoading: localeLoading || parent.localeLoading,
-      theme: theme ?? parent.theme,
-      colorScheme: colorScheme ?? parent.colorScheme
-    };
-  }, [parent.locale, resolvedLocale, localeLoading, parent.localeLoading, theme, parent.theme, colorScheme, parent.colorScheme]);
-  React.useEffect(() => {
-    if (value.theme) tigercatCore.ThemeManager.setTheme(value.theme);
-  }, [value.theme]);
-  React.useEffect(() => {
-    if (value.colorScheme) tigercatCore.ThemeManager.setColorScheme(value.colorScheme);
-  }, [value.colorScheme]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TigerConfigContext.Provider, { value, children });
-};
-function useTigerConfig() {
-  return React.useContext(TigerConfigContext);
-}
-
-exports.ConfigProvider = ConfigProvider;
-exports.useTigerConfig = useTigerConfig;

package/dist/chunk-72ZRDBXN.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Container.tsx
-var Container = ({
-  maxWidth = false,
-  center = true,
-  padding = true,
-  children,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const containerClasses = tigercatCore.getContainerClasses({
-    maxWidth,
-    center,
-    padding,
-    className
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, className: containerClasses, children });
-};
-
-exports.Container = Container;

package/dist/chunk-A4PPPGJ5.js

@@ -1,284 +0,0 @@
-'use strict';
-
-var chunk5OLE7XM3_js = require('./chunk-5OLE7XM3.js');
-var chunkGAT4ZATZ_js = require('./chunk-GAT4ZATZ.js');
-var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.js');
-var chunkMPO7Y76D_js = require('./chunk-MPO7Y76D.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]);
-  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]);
-  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 = react.useMemo(
-    () => effectiveCurrentGroup?.items ?? [],
-    [effectiveCurrentGroup]
-  );
-  const effectiveItems = react.useMemo(() => applyReadOverrides(items), [items, readStateOverrides]);
-  const hasUnread = react.useMemo(
-    () => effectiveCurrentGroupItems.some((item) => !item.read),
-    [effectiveCurrentGroupItems]
-  );
-  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 filterButtons = react.useMemo(
-    () => [
-      { key: "all", label: allLabel },
-      { key: "unread", label: unreadLabel },
-      { key: "read", label: readLabel }
-    ],
-    [allLabel, unreadLabel, readLabel]
-  );
-  const groupTabData = react.useMemo(
-    () => 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;
-      const filteredItems = filterItems(groupItems, currentReadFilter);
-      return { key: getGroupKey(group, index), label, filteredItems };
-    }),
-    [resolvedGroups, effectiveGroups, currentReadFilter]
-  );
-  const filteredFlatItems = react.useMemo(
-    () => filterItems(effectiveItems, currentReadFilter),
-    [effectiveItems, currentReadFilter]
-  );
-  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(
-            chunkGRXBGL6Q_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(
-    chunkGAT4ZATZ_js.List,
-    {
-      dataSource: listItems,
-      split: true,
-      bordered: "divided",
-      hoverable: true,
-      emptyText,
-      onItemClick: (item, index) => onItemClick?.(item, index),
-      renderItem
-    }
-  );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMPO7Y76D_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5OLE7XM3_js.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5OLE7XM3_js.TabPane,
-    {
-      tabKey: tab.key,
-      label: tab.label,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) })
-    },
-    String(tab.key)
-  )) }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: wrapperClasses,
-      role: props.role ?? "region",
-      "aria-label": props["aria-label"] ?? (props["aria-labelledby"] ? void 0 : title),
-      ...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(chunkGRXBGL6Q_js.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex rounded-[var(--tiger-radius-sm,0.375rem)] 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;