@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-IHH2O7YK.js

@@ -1,14 +1,19 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Icon.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-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/Icon.tsx
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Icon = ({
   size = "md",
   color = "currentColor",
@@ -17,36 +22,38 @@ var Icon = ({
   children,
   ...props
 }) => {
-  const iconClasses = tigercatCore.classNames(tigercatCore.iconWrapperClasses, className);
+  const iconClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.iconWrapperClasses, className);
   const iconStyle = { ...style, color };
   const isDecorative = props["aria-label"] == null && props["aria-labelledby"] == null && props.role == null;
-  const processedChildren = React__default.default.Children.map(children, (child) => {
-    if (!React__default.default.isValidElement(child) || child.type !== "svg") {
+  const processedChildren = _react2.default.Children.map(children, (child) => {
+    if (!_react2.default.isValidElement(child) || child.type !== "svg") {
       return child;
     }
     const svgProps = child.props;
-    return React__default.default.cloneElement(child, {
+    return _react2.default.cloneElement(child, {
       ...svgProps,
-      className: tigercatCore.classNames(tigercatCore.iconSvgBaseClasses, tigercatCore.iconSizeClasses[size], svgProps.className),
-      xmlns: svgProps.xmlns ?? tigercatCore.SVG_DEFAULT_XMLNS,
-      viewBox: svgProps.viewBox ?? tigercatCore.SVG_DEFAULT_VIEWBOX_24,
-      fill: svgProps.fill ?? tigercatCore.SVG_DEFAULT_FILL,
-      stroke: svgProps.stroke ?? tigercatCore.SVG_DEFAULT_STROKE,
-      strokeWidth: svgProps.strokeWidth ?? tigercatCore.iconSvgDefaultStrokeWidth,
-      strokeLinecap: svgProps.strokeLinecap ?? tigercatCore.iconSvgDefaultStrokeLinecap,
-      strokeLinejoin: svgProps.strokeLinejoin ?? tigercatCore.iconSvgDefaultStrokeLinejoin
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[size], svgProps.className),
+      xmlns: _nullishCoalesce(svgProps.xmlns, () => ( _tigercatcore.SVG_DEFAULT_XMLNS)),
+      viewBox: _nullishCoalesce(svgProps.viewBox, () => ( _tigercatcore.SVG_DEFAULT_VIEWBOX_24)),
+      fill: _nullishCoalesce(svgProps.fill, () => ( _tigercatcore.SVG_DEFAULT_FILL)),
+      stroke: _nullishCoalesce(svgProps.stroke, () => ( _tigercatcore.SVG_DEFAULT_STROKE)),
+      strokeWidth: _nullishCoalesce(svgProps.strokeWidth, () => ( _tigercatcore.iconSvgDefaultStrokeWidth)),
+      strokeLinecap: _nullishCoalesce(svgProps.strokeLinecap, () => ( _tigercatcore.iconSvgDefaultStrokeLinecap)),
+      strokeLinejoin: _nullishCoalesce(svgProps.strokeLinejoin, () => ( _tigercatcore.iconSvgDefaultStrokeLinejoin))
     });
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "span",
     {
       ...props,
       className: iconClasses,
       style: iconStyle,
-      ...isDecorative ? { "aria-hidden": true } : { role: props.role ?? "img" },
+      ...isDecorative ? { "aria-hidden": true } : { role: _nullishCoalesce(props.role, () => ( "img")) },
       children: processedChildren
     }
   );
 };
 
+
+
 exports.Icon = Icon;

package/dist/chunk-ILYL3KSJ.js

@@ -0,0 +1,242 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
+
+
+var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
+
+
+var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
+
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+
+var _chunkCI2WHAT2js = require('./chunk-CI2WHAT2.js');
+
+// src/components/ChatWindow.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var ChatWindow = ({
+  messages = [],
+  value,
+  defaultValue = "",
+  placeholder = "\u8BF7\u8F93\u5165\u6D88\u606F",
+  disabled = false,
+  maxLength,
+  emptyText = "\u6682\u65E0\u6D88\u606F",
+  sendText = "\u53D1\u9001",
+  messageListAriaLabel,
+  inputAriaLabel,
+  sendAriaLabel,
+  statusText,
+  statusVariant: _statusVariant = "info",
+  showAvatar = true,
+  showName = true,
+  showTime = false,
+  inputType = "textarea",
+  inputRows = 3,
+  sendOnEnter = true,
+  allowShiftEnter = true,
+  allowEmpty = false,
+  clearOnSend = true,
+  statusVariant: _sv,
+  virtual = false,
+  virtualItemHeight = 88,
+  virtualHeight = 400,
+  autoScrollToBottom = true,
+  onChange,
+  onSend,
+  renderMessage,
+  className,
+  ...props
+}) => {
+  const [innerValue, setInnerValue] = _react.useState.call(void 0, _nullishCoalesce(value, () => ( defaultValue)));
+  _react.useEffect.call(void 0, () => {
+    if (value !== void 0) {
+      setInnerValue(value);
+    }
+  }, [value]);
+  const inputValue = value !== void 0 ? value : innerValue;
+  const wrapperClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)]",
+      className
+    ),
+    [className]
+  );
+  const canSend = _react.useMemo.call(void 0, () => {
+    if (disabled) return false;
+    if (allowEmpty) return true;
+    const raw = String(_nullishCoalesce(inputValue, () => ( "")));
+    return raw.trim().length > 0;
+  }, [allowEmpty, disabled, inputValue]);
+  const handleValueChange = _react.useCallback.call(void 0, 
+    (nextValue) => {
+      if (value === void 0) {
+        setInnerValue(nextValue);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(nextValue)]);
+    },
+    [onChange, value]
+  );
+  const handleSend = _react.useCallback.call(void 0, () => {
+    if (!canSend) return;
+    const payload = String(_nullishCoalesce(inputValue, () => ( "")));
+    _optionalChain([onSend, 'optionalCall', _2 => _2(payload)]);
+    if (clearOnSend) {
+      if (value === void 0) {
+        setInnerValue("");
+      }
+      _optionalChain([onChange, 'optionalCall', _3 => _3("")]);
+    }
+  }, [canSend, clearOnSend, inputValue, onSend, onChange, value]);
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (event) => {
+      if (!sendOnEnter) return;
+      if (event.key !== "Enter") return;
+      if (inputType === "textarea" && allowShiftEnter && event.shiftKey) return;
+      event.preventDefault();
+      handleSend();
+    },
+    [allowShiftEnter, handleSend, inputType, sendOnEnter]
+  );
+  const renderMessageItem = _react.useCallback.call(void 0, 
+    (message, index) => {
+      const isSelf = message.direction === "self";
+      const statusInfo = message.status ? _tigercatcore.getChatMessageStatusInfo.call(void 0, message.status) : void 0;
+      const timeText = showTime ? _tigercatcore.formatChatTime.call(void 0, message.time) : "";
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _tigercatcore.classNames.call(void 0, 
+            "flex gap-3 items-start",
+            isSelf ? "flex-row-reverse" : "justify-start"
+          ),
+          "data-tiger-chat-message": true,
+          role: "listitem",
+          children: [
+            showAvatar && message.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkCI2WHAT2js.Avatar,
+              {
+                size: "sm",
+                src: message.user.avatar,
+                text: message.user.name,
+                className: "flex-shrink-0"
+              }
+            ) : null,
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "flex flex-col max-w-[75%]", isSelf && "items-end"), children: [
+              showName && _optionalChain([message, 'access', _4 => _4.user, 'optionalAccess', _5 => _5.name]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
+                    isSelf && "text-right"
+                  ),
+                  children: message.user.name
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "rounded-[var(--tiger-radius-md,0.5rem)] px-3 py-2 text-sm break-words",
+                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-none" : "bg-[var(--tiger-surface-muted,#f3f4f6)] text-[var(--tiger-text,#111827)] rounded-tl-none"
+                  ),
+                  "data-tiger-chat-bubble": true,
+                  children: _nullishCoalesce(_optionalChain([renderMessage, 'optionalCall', _6 => _6(message, index)]), () => ( message.content))
+                }
+              ),
+              statusInfo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "text-xs mt-1", statusInfo.className), children: message.statusText || statusInfo.text }),
+              timeText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]", children: timeText })
+            ] })
+          ]
+        },
+        _nullishCoalesce(message.id, () => ( index))
+      );
+    },
+    [renderMessage, showAvatar, showName, showTime]
+  );
+  const messageListRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!autoScrollToBottom) return;
+    const raf = requestAnimationFrame(() => {
+      const el = messageListRef.current;
+      if (!el) return;
+      const target = _nullishCoalesce((virtual ? el.firstElementChild : el), () => ( el));
+      target.scrollTop = target.scrollHeight;
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [messages.length, autoScrollToBottom, virtual]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
+    virtual && messages.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: messageListRef,
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkP36GX65Njs.VirtualList,
+          {
+            itemCount: messages.length,
+            itemHeight: virtualItemHeight,
+            height: virtualHeight,
+            renderItem: ({ index }) => renderMessageItem(messages[index], index)
+          }
+        )
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: messageListRef,
+        className: "flex-1 overflow-auto p-4 space-y-3",
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
+        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)]", children: emptyText }) : messages.map(renderMessageItem)
+      }
+    ),
+    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 py-1.5 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)]", children: statusText }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-3 px-4 py-3 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkZYJTHGQWjs.Input,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkWVVXZKNIjs.Textarea,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          rows: inputRows,
+          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
+    ] })
+  ] });
+};
+var ChatWindow_default = ChatWindow;
+
+
+
+
+exports.ChatWindow = ChatWindow; exports.ChatWindow_default = ChatWindow_default;

package/dist/chunk-ITVLIR7T.mjs

@@ -1,8 +1,27 @@
-import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { createRafRepeatActionController, isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD, stepValue, clampValue, formatPrecision } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/InputNumber.tsx
+import { useState, useCallback, useMemo, useRef, useEffect } from "react";
+import {
+  classNames,
+  getInputNumberWrapperClasses,
+  getInputNumberStatusClasses,
+  getInputNumberFocusRingColor,
+  getInputNumberSizeClasses,
+  getInputNumberInputClasses,
+  getInputNumberStepButtonClasses,
+  getInputNumberSideButtonClasses,
+  inputNumberControlsRightClasses,
+  inputNumberUpIconPathD,
+  inputNumberDownIconPathD,
+  inputNumberMinusIconPathD,
+  inputNumberPlusIconPathD,
+  clampValue,
+  stepValue,
+  formatPrecision,
+  isAtMin,
+  isAtMax,
+  createRafRepeatActionController
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var InputNumber = ({
   value: controlledValue,
   defaultValue,
@@ -295,4 +314,6 @@ var InputNumber = ({
   ] });
 };
 
-export { InputNumber };
+export {
+  InputNumber
+};

package/dist/chunk-IUT6A4FC.js

@@ -0,0 +1,297 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkRFHPG4KNjs = require('./chunk-RFHPG4KN.js');
+
+
+var _chunkWG3YS2QVjs = require('./chunk-WG3YS2QV.js');
+
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+
+var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
+
+
+var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
+
+
+var _chunkUIO6O4MIjs = require('./chunk-UIO6O4MI.js');
+
+// src/components/NotificationCenter.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var getGroupKey = (group, index) => {
+  return _nullishCoalesce(_nullishCoalesce(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.call(void 0, 
+    () => _tigercatcore.buildNotificationGroups.call(void 0, items, groups, groupBy, groupOrder),
+    [items, groups, groupBy, groupOrder]
+  );
+  const firstGroupKey = _react.useMemo.call(void 0, () => {
+    return resolvedGroups.length > 0 ? getGroupKey(resolvedGroups[0], 0) : void 0;
+  }, [resolvedGroups]);
+  const [internalGroupKey, setInternalGroupKey] = _react.useState.call(void 0, 
+    defaultActiveGroupKey
+  );
+  const [internalReadFilter, setInternalReadFilter] = _react.useState.call(void 0, defaultReadFilter);
+  const currentGroupKey = _nullishCoalesce(_nullishCoalesce(activeGroupKey, () => ( internalGroupKey)), () => ( firstGroupKey));
+  const currentReadFilter = _nullishCoalesce(readFilter, () => ( internalReadFilter));
+  _react.useEffect.call(void 0, () => {
+    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.call(void 0, () => {
+    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.call(void 0, 
+    () => /* @__PURE__ */ new Map()
+  );
+  _react.useEffect.call(void 0, () => {
+    if (manageReadState) setReadStateOverrides(/* @__PURE__ */ new Map());
+  }, [items, manageReadState]);
+  const applyReadOverrides = _react.useCallback.call(void 0, 
+    (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;
+      });
+    },
+    [manageReadState, readStateOverrides]
+  );
+  const effectiveGroups = _react.useMemo.call(void 0, 
+    () => resolvedGroups.map((group) => ({
+      ...group,
+      items: applyReadOverrides(group.items)
+    })),
+    [resolvedGroups, applyReadOverrides]
+  );
+  const effectiveCurrentGroup = _react.useMemo.call(void 0, () => {
+    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.call(void 0, 
+    () => _nullishCoalesce(_optionalChain([effectiveCurrentGroup, 'optionalAccess', _ => _.items]), () => ( [])),
+    [effectiveCurrentGroup]
+  );
+  const effectiveItems = _react.useMemo.call(void 0, () => applyReadOverrides(items), [items, applyReadOverrides]);
+  const hasUnread = _react.useMemo.call(void 0, 
+    () => effectiveCurrentGroupItems.some((item) => !item.read),
+    [effectiveCurrentGroupItems]
+  );
+  const totalUnread = _react.useMemo.call(void 0, () => {
+    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.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, "tiger-notification-center", "w-full", "flex", "flex-col", className),
+    [className]
+  );
+  const filterButtons = _react.useMemo.call(void 0, 
+    () => [
+      { key: "all", label: allLabel },
+      { key: "unread", label: unreadLabel },
+      { key: "read", label: readLabel }
+    ],
+    [allLabel, unreadLabel, readLabel]
+  );
+  const groupTabData = _react.useMemo.call(void 0, 
+    () => resolvedGroups.map((group, index) => {
+      const effectiveGroup = effectiveGroups.find(
+        (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
+      );
+      const groupItems = _nullishCoalesce(_optionalChain([effectiveGroup, 'optionalAccess', _2 => _2.items]), () => ( group.items));
+      const unreadCount = groupItems.filter((item) => !item.read).length;
+      const labelBase = group.title || String(_nullishCoalesce(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.call(void 0, 
+    () => filterItems(effectiveItems, currentReadFilter),
+    [effectiveItems, currentReadFilter]
+  );
+  const handleGroupChange = (key) => {
+    if (activeGroupKey === void 0) {
+      setInternalGroupKey(key);
+    }
+    _optionalChain([onGroupChange, 'optionalCall', _3 => _3(key)]);
+  };
+  const handleReadFilterChange = (next) => {
+    if (readFilter === void 0) {
+      setInternalReadFilter(next);
+    }
+    _optionalChain([onReadFilterChange, 'optionalCall', _4 => _4(next)]);
+  };
+  const handleMarkAllRead = () => {
+    if (manageReadState) {
+      setReadStateOverrides((prev) => {
+        const next = new Map(prev);
+        effectiveCurrentGroupItems.forEach((item) => next.set(item.id, true));
+        return next;
+      });
+    }
+    _optionalChain([onMarkAllRead, 'optionalCall', _5 => _5(currentGroupKey, effectiveCurrentGroupItems)]);
+  };
+  const renderItem = (item, _index) => {
+    const isRead = Boolean(item.read);
+    const timeText = item.time ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: _tigercatcore.classNames.call(void 0, 
+          "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.call(void 0, "div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline justify-between gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
+              timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0", children: timeText }) : null
+            ] }),
+            item.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, 
+            _chunkGRXBGL6Qjs.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;
+                  });
+                }
+                _optionalChain([onItemReadChange, 'optionalCall', _6 => _6(item, !isRead)]);
+              },
+              children: isRead ? markUnreadText : markReadText
+            }
+          )
+        ]
+      }
+    );
+  };
+  const renderList = (listItems) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkWG3YS2QVjs.List,
+    {
+      dataSource: listItems,
+      split: true,
+      bordered: "divided",
+      hoverable: true,
+      emptyText,
+      onItemClick: (item, index) => _optionalChain([onItemClick, 'optionalCall', _7 => _7(item, index)]),
+      renderItem
+    }
+  );
+  const content = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRP3XYIjs.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: wrapperClasses,
+      role: _nullishCoalesce(props.role, () => ( "region")),
+      "aria-label": _nullishCoalesce(props["aria-label"], () => ( (props["aria-labelledby"] ? void 0 : title))),
+      ...props,
+      "data-tiger-notification-center": true,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkUIO6O4MIjs.Card,
+        {
+          variant: "bordered",
+          className: "w-full",
+          header: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "base", weight: "bold", children: title }),
+                totalUnread > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, _chunkGRXBGL6Qjs.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.classNames.call(void 0, 
+                  "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;