one-design-next 0.0.61 → 0.0.62

package/dist/_genui-types.d.ts

@@ -220,6 +220,8 @@ export interface Conversation {
     /** 对话类型。`'human'` 为人工客服会话；默认视为 AI。 */
     type?: 'ai' | 'human';
     status?: 'generating' | 'waiting' | 'unread' | 'error';
+    /** 是否置顶。排序由列表容器负责。 */
+    pinned?: boolean;
 }
 export interface MessageSnapshot {
     content: string;

package/dist/chat-item/index.d.ts

@@ -9,8 +9,23 @@ export interface ChatItemProps {
     /** 对话类型。`'human'` 时标题后展示客服 icon；默认 `'ai'`。 */
     type?: ConversationType;
     status?: StatusIndicator;
+    /**
+     * 是否置顶。仅影响菜单文案（置顶 / 取消置顶）与 `data-odn-chat-item-pinned`。
+     * 不渲染行内置顶图标；分区/排序由 ChatList 负责。
+     */
+    pinned?: boolean;
+    /**
+     * 对话时间。展示为相对时间（刚刚 / N分钟前 / …），在行右侧；
+     * 与「…」同槽：hover / 选中常显 / 菜单打开时瞬时让位（无过渡）。
+     */
+    time?: number | string | Date;
     onClick?: (id: string) => void;
     onRename?: (id: string, newTitle: string) => void;
+    /**
+     * 置顶回调。传入时菜单展示「置顶 / 取消置顶」。
+     * 第二个参数为切换后的目标状态。
+     */
+    onPin?: (id: string, pinned: boolean) => void;
     onDelete?: (id: string) => void;
     actionMenuZIndex?: number | string;
     renaming?: boolean;
@@ -23,8 +38,9 @@ export interface ChatItemProps {
     defaultDeleteOpen?: boolean;
     onDeleteOpenChange?: (open: boolean) => void;
 }
-export declare function ChatItem({ id, title, active, type, status, onClick, onRename, onDelete, actionMenuZIndex, renaming: renamingProp, defaultRenaming, onRenamingChange, menuOpen: menuOpenProp, defaultMenuOpen, onMenuOpenChange, deleteOpen: deleteOpenProp, defaultDeleteOpen, onDeleteOpenChange, }: ChatItemProps): import("react").JSX.Element;
+export declare function ChatItem({ id, title, active, type, status, pinned, time, onClick, onRename, onPin, onDelete, actionMenuZIndex, renaming: renamingProp, defaultRenaming, onRenamingChange, menuOpen: menuOpenProp, defaultMenuOpen, onMenuOpenChange, deleteOpen: deleteOpenProp, defaultDeleteOpen, onDeleteOpenChange, }: ChatItemProps): import("react").JSX.Element;
 export declare namespace ChatItem {
     var displayName: string;
 }
 export default ChatItem;
+export { formatRelativeTime } from './relative-time';

package/dist/chat-item/index.js

@@ -1,10 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import { useState, useRef, useEffect, useLayoutEffect, useMemo } from 'react';
 import HoverFill from "../hover-fill";
 import Icon from "../icon";
 import Dialog from "../dialog";
 import Dropdown from "../dropdown";
+import { formatRelativeTime } from "./relative-time";
 import "./style";
 var STATUS_ARIA_LABEL = {
   generating: '生成中',
@@ -15,11 +16,12 @@ var STATUS_ARIA_LABEL = {
 var ELLIPSIS = '…';
 
 /**
- * 有 trailing（客服 icon / status）时，用 DOM 实测把标题裁到可用宽度。
- * 解决 CSS text-overflow 按字符边界截断后，省略号右侧留白把 status 顶开的问题。
- * 量准时：截断标题宽 ≈ label − trailing − gap，整组仍铺满行，trailing 贴右缘。
+ * 有 trailing（客服 icon / status / 时间）时，用 DOM 实测把标题裁到可用宽度。
+ * 解决 CSS text-overflow 按字符边界截断后，省略号右侧留白把 trailing 顶开的问题。
  */
-function useFittedTitle(title, enabled, labelRef, titleRef, trailingRef) {
+function useFittedTitle(title, enabled, labelRef, titleRef, /** 右对齐区（状态 / 时间），量宽预留 */
+trailingRef, /** 紧跟标题的类型 icon，量宽预留 */
+typeIconRef) {
   var _useState = useState(title),
     _useState2 = _slicedToArray(_useState, 2),
     fitted = _useState2[0],
@@ -52,15 +54,19 @@ function useFittedTitle(title, enabled, labelRef, titleRef, trailingRef) {
       return probe.getBoundingClientRect().width;
     };
     var fit = function fit() {
-      var _trailing$getBounding;
+      var _trailing$getBounding, _typeIcon$getBounding;
       if (cancelled) return;
       syncProbeFont();
       if (!probe.isConnected) document.body.appendChild(probe);
+      var cs = getComputedStyle(label);
+      var gap = Number.parseFloat(cs.columnGap || cs.gap) || 0;
       var trailing = trailingRef.current;
-      var gap = trailing ? Number.parseFloat(getComputedStyle(label).columnGap || getComputedStyle(label).gap) || 0 : 0;
+      var typeIcon = typeIconRef.current;
       var trailingWidth = (_trailing$getBounding = trailing === null || trailing === void 0 ? void 0 : trailing.getBoundingClientRect().width) !== null && _trailing$getBounding !== void 0 ? _trailing$getBounding : 0;
-      // 用浮点宽度，避免 offsetWidth 取整导致少算 1px、过早截断
-      var maxWidth = Math.max(0, label.getBoundingClientRect().width - trailingWidth - gap);
+      var typeWidth = (_typeIcon$getBounding = typeIcon === null || typeIcon === void 0 ? void 0 : typeIcon.getBoundingClientRect().width) !== null && _typeIcon$getBounding !== void 0 ? _typeIcon$getBounding : 0;
+      // 标题两侧可能各有一段 gap：title↔type、type/title↔trailing
+      var gapCount = (typeWidth > 0 ? 1 : 0) + (trailingWidth > 0 ? 1 : 0);
+      var maxWidth = Math.max(0, label.getBoundingClientRect().width - trailingWidth - typeWidth - gap * gapCount);
       if (measure(title) <= maxWidth + 0.5) {
         setFitted(title);
         return;
@@ -88,7 +94,8 @@ function useFittedTitle(title, enabled, labelRef, titleRef, trailingRef) {
     ro.observe(label);
     var trailing = trailingRef.current;
     if (trailing) ro.observe(trailing);
-    // hover 时 btn padding-right 变化会改变 label 宽度
+    var typeIcon = typeIconRef.current;
+    if (typeIcon) ro.observe(typeIcon);
     var btn = label.closest('[data-odn-chat-item-btn]');
     if (btn) ro.observe(btn);
     return function () {
@@ -96,7 +103,7 @@ function useFittedTitle(title, enabled, labelRef, titleRef, trailingRef) {
       ro.disconnect();
       probe.remove();
     };
-  }, [title, enabled, labelRef, titleRef, trailingRef]);
+  }, [title, enabled, labelRef, titleRef, trailingRef, typeIconRef]);
   return enabled ? fitted : title;
 }
 function ChatItemStatus(_ref) {
@@ -161,8 +168,12 @@ export function ChatItem(_ref2) {
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'ai' : _ref2$type,
     status = _ref2.status,
+    _ref2$pinned = _ref2.pinned,
+    pinned = _ref2$pinned === void 0 ? false : _ref2$pinned,
+    time = _ref2.time,
     _onClick = _ref2.onClick,
     onRename = _ref2.onRename,
+    onPin = _ref2.onPin,
     onDelete = _ref2.onDelete,
     actionMenuZIndex = _ref2.actionMenuZIndex,
     renamingProp = _ref2.renaming,
@@ -193,15 +204,27 @@ export function ChatItem(_ref2) {
     _useControllableState6 = _slicedToArray(_useControllableState5, 2),
     menuOpen = _useControllableState6[0],
     setMenuOpen = _useControllableState6[1];
+  var _useState7 = useState(function () {
+      return Date.now();
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    now = _useState8[0],
+    setNow = _useState8[1];
   var inputRef = useRef(null);
   var labelRef = useRef(null);
   var titleRef = useRef(null);
+  var typeIconRef = useRef(null);
   var trailingRef = useRef(null);
-  // active 时隐藏 waiting/unread/error；generating 仍展示（当前会话仍在生成）
-  var showStatus = Boolean(status && (!active || status === 'generating'));
+  // active 时隐藏 unread/error；generating / waiting 仍展示（当前会话仍在进行）
+  var showStatus = Boolean(status && (!active || status === 'generating' || status === 'waiting'));
   var showTypeIcon = type === 'human';
-  var fitTitle = showTypeIcon || showStatus;
-  var displayTitle = useFittedTitle(title, fitTitle, labelRef, titleRef, trailingRef);
+  var timeLabel = useMemo(function () {
+    return time == null ? '' : formatRelativeTime(time, now);
+  }, [time, now]);
+  var showTime = Boolean(timeLabel);
+  var showTrailing = showStatus || showTime;
+  var fitTitle = showTypeIcon || showTrailing;
+  var displayTitle = useFittedTitle(title, fitTitle, labelRef, titleRef, trailingRef, typeIconRef);
   useEffect(function () {
     if (!renaming) setDraft(title);
   }, [title, renaming]);
@@ -214,6 +237,17 @@ export function ChatItem(_ref2) {
       el.scrollLeft = 0;
     }
   }, [renaming]);
+
+  // 相对时间每分钟刷新一次（有 time 时）
+  useEffect(function () {
+    if (time == null) return;
+    var id = window.setInterval(function () {
+      return setNow(Date.now());
+    }, 60000);
+    return function () {
+      return window.clearInterval(id);
+    };
+  }, [time]);
   var commitRename = function commitRename() {
     var _inputRef$current;
     var trimmed = draft.trim();
@@ -227,8 +261,22 @@ export function ChatItem(_ref2) {
     setDraft(title);
     setRenaming(false);
   };
+  var actionMenu = [].concat(_toConsumableArray(onRename ? [{
+    value: 'rename',
+    label: '修改名称',
+    icon: 'pencil-line'
+  }] : []), _toConsumableArray(onPin ? [{
+    value: 'pin',
+    label: pinned ? '取消置顶' : '置顶',
+    icon: 'arrow-up-to-line'
+  }] : []), _toConsumableArray(onDelete ? [{
+    value: 'delete',
+    label: '删除',
+    icon: 'trash-2'
+  }] : []));
   return /*#__PURE__*/React.createElement(HoverFill, {
     "data-odn-chat-item": true,
+    "data-odn-chat-item-pinned": pinned || undefined,
     bgClassName: "odn-chat-item-btn-bg",
     disabled: active || renaming
   }, /*#__PURE__*/React.createElement("div", {
@@ -251,11 +299,13 @@ export function ChatItem(_ref2) {
     },
     onBlur: commitRename,
     onKeyDown: function onKeyDown(e) {
+      if (e.nativeEvent.isComposing || e.keyCode === 229) return;
       if (e.key === 'Enter') commitRename();
       if (e.key === 'Escape') cancelRename();
     },
     "data-odn-chat-item-rename-input": true
   }))) : /*#__PURE__*/React.createElement("button", {
+    type: "button",
     onClick: function onClick() {
       return _onClick === null || _onClick === void 0 ? void 0 : _onClick(id);
     },
@@ -270,39 +320,41 @@ export function ChatItem(_ref2) {
     "data-odn-chat-item-title-bold": active ? '' : undefined,
     "data-odn-chat-item-title-fitted": fitTitle ? '' : undefined,
     title: title
-  }, displayTitle), (showTypeIcon || showStatus) && /*#__PURE__*/React.createElement("span", {
-    "data-odn-chat-item-trailing": true,
-    ref: trailingRef
-  }, showTypeIcon && /*#__PURE__*/React.createElement("span", {
+  }, displayTitle), showTypeIcon ? /*#__PURE__*/React.createElement("span", {
+    ref: typeIconRef,
     "data-odn-chat-item-type-icon": true,
     "aria-label": "\u4EBA\u5DE5\u5BA2\u670D\u4F1A\u8BDD",
     role: "img"
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "support-bold",
     size: 12
-  })), showStatus && status && /*#__PURE__*/React.createElement(ChatItemStatus, {
+  })) : null, showTrailing ? /*#__PURE__*/React.createElement("span", {
+    "data-odn-chat-item-trailing": true,
+    ref: trailingRef
+  }, showStatus && status ? /*#__PURE__*/React.createElement(ChatItemStatus, {
     status: status
-  })))), /*#__PURE__*/React.createElement(Dropdown, {
+  }) : null, showTime ? /*#__PURE__*/React.createElement("time", {
+    "data-odn-chat-item-time": true,
+    dateTime: typeof time === 'number' ? new Date(time).toISOString() : time instanceof Date ? time.toISOString() : String(time)
+  }, timeLabel) : null) : null)), /*#__PURE__*/React.createElement(Dropdown, {
     trigger: "click",
     placement: "bottomRight",
     zIndex: actionMenuZIndex,
     popupClassName: "odn-chat-item-action-menu",
     visible: menuOpen,
     onVisibleChange: setMenuOpen,
-    menu: [].concat(_toConsumableArray(onRename ? [{
-      value: 'rename',
-      label: '修改名称',
-      icon: 'edit'
-    }] : []), _toConsumableArray(onDelete ? [{
-      value: 'delete',
-      label: '删除',
-      icon: 'delete'
-    }] : [])),
+    menu: actionMenu,
     onSelect: function onSelect(value) {
       if (value === 'rename') {
         setDraft(title);
         setRenaming(true);
         setMenuOpen(false);
+        return;
+      }
+      if (value === 'pin') {
+        onPin === null || onPin === void 0 || onPin(id, !pinned);
+        setMenuOpen(false);
+        return;
       }
       if (value === 'delete') {
         setDeleteOpen(true);
@@ -339,4 +391,5 @@ export function ChatItem(_ref2) {
   })));
 }
 ChatItem.displayName = 'ChatItem';
-export default ChatItem;
+export default ChatItem;
+export { formatRelativeTime } from "./relative-time";

package/dist/chat-item/relative-time.d.ts

@@ -0,0 +1,2 @@
+/** 将时间点格式化为中文相对时间（刚刚 / N分钟前 / …）。 */
+export declare function formatRelativeTime(input: number | string | Date, now?: number): string;

package/dist/chat-item/relative-time.js

@@ -0,0 +1,22 @@
+/** 将时间点格式化为中文相对时间（刚刚 / N分钟前 / …）。 */
+export function formatRelativeTime(input) {
+  var now = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Date.now();
+  var t = typeof input === 'number' ? input : input instanceof Date ? input.getTime() : Date.parse(input);
+  if (!Number.isFinite(t)) return '';
+  var diff = Math.max(0, now - t);
+  var sec = Math.floor(diff / 1000);
+  if (sec < 60) return '刚刚';
+  var min = Math.floor(sec / 60);
+  if (min < 60) return "".concat(min, "\u5206\u949F\u524D");
+  var hr = Math.floor(min / 60);
+  if (hr < 24) return "".concat(hr, "\u5C0F\u65F6\u524D");
+  var day = Math.floor(hr / 24);
+  if (day === 1) return '昨天';
+  if (day < 7) return "".concat(day, "\u5929\u524D");
+  var d = new Date(t);
+  var n = new Date(now);
+  if (d.getFullYear() === n.getFullYear()) {
+    return "".concat(d.getMonth() + 1, "\u6708").concat(d.getDate(), "\u65E5");
+  }
+  return "".concat(d.getFullYear(), "/").concat(d.getMonth() + 1, "/").concat(d.getDate());
+}

package/dist/chat-item/style/index.css

@@ -1,16 +1,34 @@
 @charset "UTF-8";
+/*
+ * … 相对行边缘：上/下/右 inset 一致（约 6px）。
+ * 行高 ≈ 8+8+内容；24px 按钮垂直居中后上下各 ~6px → right 同为 6。
+ * 左侧 12px 是正文 padding，不是 … 的 inset。
+ * hover 腾位：6 + 24 + 6 = 36。
+ */
 [data-odn-chat-item]:hover [data-odn-chat-item-menu-trigger], [data-odn-chat-item]:has(:focus-visible) [data-odn-chat-item-menu-trigger] {
   opacity: 1;
   pointer-events: auto;
 }
-[data-odn-chat-item]:hover [data-odn-chat-item-btn], [data-odn-chat-item]:has(:focus-visible) [data-odn-chat-item-btn] {
+[data-odn-chat-item]:hover [data-odn-chat-item-btn], [data-odn-chat-item]:has(:focus-visible) [data-odn-chat-item-btn], [data-odn-chat-item]:has([data-odn-chat-item-menu-trigger-open]) [data-odn-chat-item-btn] {
   padding-right: 36px;
 }
 [data-odn-chat-item] {
-  /* 菜单打开时：保留让位空间，按钮保持激活视觉 */
+  /*
+   * 同槽让位：时间瞬时退出布局（无过渡，避免与 … 叠影）。
+   * 无 status 时收掉 trailing 左间距，避免标题与 … 之间空档。
+   */
 }
-[data-odn-chat-item]:has([data-odn-chat-item-menu-trigger-open]) [data-odn-chat-item-btn] {
-  padding-right: 36px;
+[data-odn-chat-item]:hover [data-odn-chat-item-time], [data-odn-chat-item]:has(:focus-visible) [data-odn-chat-item-time], [data-odn-chat-item]:has([data-odn-chat-item-menu-trigger-active]) [data-odn-chat-item-time], [data-odn-chat-item]:has([data-odn-chat-item-menu-trigger-open]) [data-odn-chat-item-time] {
+  opacity: 0;
+  width: 0;
+  min-width: 0;
+  max-width: 0;
+  margin: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+[data-odn-chat-item]:hover [data-odn-chat-item-trailing]:not(:has([data-odn-chat-item-status])), [data-odn-chat-item]:has(:focus-visible) [data-odn-chat-item-trailing]:not(:has([data-odn-chat-item-status])), [data-odn-chat-item]:has([data-odn-chat-item-menu-trigger-active]) [data-odn-chat-item-trailing]:not(:has([data-odn-chat-item-status])), [data-odn-chat-item]:has([data-odn-chat-item-menu-trigger-open]) [data-odn-chat-item-trailing]:not(:has([data-odn-chat-item-status])) {
+  padding-left: 0;
 }
 
 .odn-chat-item-btn-bg {
@@ -22,7 +40,7 @@
   display: block;
 }
 
-/* 重命名态：保持按钮尺寸不变（沿用 active/hover 的 padding-right），隐藏菜单按钮但不影响布局 */
+/* 重命名态：保持按钮尺寸不变，隐藏菜单按钮 */
 [data-odn-chat-item-renaming] [data-odn-chat-item-btn] {
   padding-right: 36px;
   cursor: text;
@@ -105,7 +123,7 @@
 }
 
 [data-odn-chat-item-title] {
-  /* 0 1 auto：短标题不撑开（icon 贴字）；长标题可收缩省略，trailing 被顶到右缘 */
+  /* 0 1 auto：短标题不撑开，类型 icon 紧跟；长标题可收缩省略 */
   flex: 0 1 auto;
   min-width: 0;
   font-size: 14px;
@@ -114,6 +132,13 @@
   white-space: nowrap;
 }
 
+[data-odn-chat-item-title-mark] {
+  padding: 0;
+  color: var(--odn-color-brand-6);
+  background: transparent;
+  font: inherit;
+}
+
 /* JS 已裁到可用宽度：按内容收缩，省略号后无字符边界留白；量准时整组仍铺满行 */
 [data-odn-chat-item-title-fitted] {
   flex: 0 0 auto;
@@ -125,11 +150,33 @@
   font-weight: 500;
 }
 
+/* 状态 / 时间：右对齐；类型 icon 在标题旁，不在此区 */
 [data-odn-chat-item-trailing] {
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
-  gap: 6px;
+  /* 不用 gap：时间让位时用 margin 一并收掉，避免空档残留 */
+  gap: 0;
+  margin-left: auto;
+  padding-left: 12px;
+}
+
+[data-odn-chat-item-time] {
+  flex-shrink: 0;
+  max-width: 4.5em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--odn-color-black-9);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  /* 让位无过渡：瞬时切换 */
+}
+
+/* status ↔ 时间 = 6px；让位时 margin 归零 */
+[data-odn-chat-item-status] + [data-odn-chat-item-time] {
+  margin-left: 6px;
 }
 
 [data-odn-chat-item-type-icon] {
@@ -165,7 +212,7 @@
 [data-odn-chat-item-status-waiting] {
   width: auto;
   height: 16px;
-  color: #fff;
+  color: var(--odn-color-white);
   font-size: 11px;
   font-weight: 600;
   line-height: 16px;
@@ -197,6 +244,7 @@
   padding: 0;
   opacity: 0;
   pointer-events: none;
+  /* opacity 瞬时切换（与时间同步）；仅保留背景色过渡 */
   transition: background 0.15s, color 0.15s;
 }
 [data-odn-chat-item-menu-trigger]:hover {

package/dist/chat-list/index.d.ts

@@ -0,0 +1,61 @@
+import { type ReactNode } from 'react';
+import { type ChatItemProps } from '../chat-item';
+import './style';
+/** 按会话时间筛选：全部 / 今天 / 近 7 天 / 近 30 天。 */
+export type ChatListFilterTime = 'all' | 'today' | '7d' | '30d';
+/** 按会话类型筛选：全部 / AI / 人工客服。 */
+export type ChatListFilterType = 'all' | 'ai' | 'human';
+export type ChatListItem = Pick<ChatItemProps, 'id' | 'title' | 'active' | 'type' | 'status' | 'pinned' | 'time'>;
+export interface ChatListProps {
+    items: ChatListItem[];
+    /** 列表标题。默认「对话」。 */
+    title?: ReactNode;
+    /**
+     * 置顶分区标题。视觉同组头，无交互。传 `null` 隐藏。默认「置顶」。
+     */
+    pinnedSectionTitle?: ReactNode | null;
+    /**
+     * 非置顶分区标题。仅当存在置顶会话时展示；无置顶时不渲染组名。
+     * 传 `null` 始终隐藏。默认「最近」。
+     */
+    recentSectionTitle?: ReactNode | null;
+    /**
+     * 受控：时间筛选。`'all'` | `'today'` | `'7d'` | `'30d'`。
+     */
+    filterTime?: ChatListFilterTime;
+    /** 非受控：初始时间筛选。默认 `'all'`。 */
+    defaultFilterTime?: ChatListFilterTime;
+    onFilterTimeChange?: (value: ChatListFilterTime) => void;
+    /**
+     * 受控：类型筛选。`'all'` | `'ai'` | `'human'`。
+     */
+    filterType?: ChatListFilterType;
+    /** 非受控：初始类型筛选。默认 `'all'`。 */
+    defaultFilterType?: ChatListFilterType;
+    onFilterTypeChange?: (value: ChatListFilterType) => void;
+    /** 受控：筛选选择器是否展开 */
+    filterOpen?: boolean;
+    defaultFilterOpen?: boolean;
+    onFilterOpenChange?: (open: boolean) => void;
+    /** 空列表时的占位 */
+    empty?: ReactNode;
+    actionMenuZIndex?: number | string;
+    /** 筛选下拉的 z-index */
+    filterMenuZIndex?: number | string;
+    className?: string;
+    onItemClick?: ChatItemProps['onClick'];
+    onRename?: ChatItemProps['onRename'];
+    onPin?: ChatItemProps['onPin'];
+    onDelete?: ChatItemProps['onDelete'];
+    /** 自定义行渲染。默认渲染 ChatItem。 */
+    renderItem?: (item: ChatListItem, node: ReactNode) => ReactNode;
+}
+/** 按时间筛选项判断会话是否命中。无有效 `time` 时仅在「全部」下保留。 */
+export declare function matchChatListFilterTime(time: ChatListItem['time'], filter: ChatListFilterTime, now?: number): boolean;
+/** 按类型筛选项判断会话是否命中。缺省 `type` 视为 `'ai'`。 */
+export declare function matchChatListFilterType(type: ChatListItem['type'], filter: ChatListFilterType): boolean;
+export declare function ChatList({ items, title, pinnedSectionTitle, recentSectionTitle, filterTime: filterTimeProp, defaultFilterTime, onFilterTimeChange, filterType: filterTypeProp, defaultFilterType, onFilterTypeChange, filterOpen: filterOpenProp, defaultFilterOpen, onFilterOpenChange, empty, actionMenuZIndex, filterMenuZIndex, className, onItemClick, onRename, onPin, onDelete, renderItem, }: ChatListProps): import("react").JSX.Element;
+export declare namespace ChatList {
+    var displayName: string;
+}
+export default ChatList;