one-design-next 0.0.96 → 0.0.98

package/dist/_genui-types.d.ts

@@ -133,7 +133,7 @@ export interface ChipData {
      * 'invocation' = `/` 或 Skill 按钮；'mention' = `@`（预留）。
      * 其他值归 invocation。
      */
-    kind?: 'invocation' | 'mention' | (string & {});
+    kind?: 'invocation' | 'mention' | (string & NonNullable<unknown>);
     state?: InlineRefState;
     payload?: Record<string, unknown>;
 }
@@ -222,6 +222,8 @@ export interface Conversation {
     status?: 'generating' | 'waiting' | 'unread' | 'error';
     /** 是否置顶。排序由列表容器负责。 */
     pinned?: boolean;
+    /** 所属分组 id。分组编排由 ChatList 负责。 */
+    groupId?: string;
 }
 export interface MessageSnapshot {
     content: string;

package/dist/_genui-types.js

@@ -45,5 +45,7 @@ export var ComposerSegmentType = {
   Invocation: 'invocation',
   Mention: 'mention'
 };
+// 同名 type 供 `seg.type === ComposerSegmentType.Invocation` 收窄，与 const 对象并存。
+// eslint-disable-next-line @typescript-eslint/no-redeclare -- 有意的 const + type 同名
 
 /** `onSend(segments, meta?)` 第二参数：非正文的附加数据。 */

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

@@ -0,0 +1,48 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import './style';
+/** 组内预览条数。仅收起后再打开时生效；默认展开态展示全部。 */
+export declare const CHAT_GROUP_PREVIEW_LIMIT = 5;
+export interface ChatGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** 分组标题 */
+    title: ReactNode;
+    /** 是否可折叠。默认 `true`。 */
+    collapsible?: boolean;
+    /** 受控：是否折叠 */
+    collapsed?: boolean;
+    /** 非受控：初始是否折叠 */
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** 受控：是否处于重命名 */
+    renaming?: boolean;
+    defaultRenaming?: boolean;
+    onRenamingChange?: (renaming: boolean) => void;
+    /**
+     * 重命名提交。配合 `renaming` / 菜单进入编辑（`title` 需为 string）。
+     */
+    onRename?: (title: string) => void;
+    /**
+     * 左侧文件夹 icon（用户分组缩进标识）。默认 `false`。
+     */
+    folderIcon?: boolean;
+    /**
+     * 分区头样式（如「未分组」）。与 ChatList「分组」同为 12px / black-9，
+     * 不是用户文件夹组。
+     */
+    section?: boolean;
+    /** 标题右侧扩展区（组级 … / + 等）；默认仅 hover / 菜单打开时显示 */
+    extra?: ReactNode;
+    /** 强制显示 extra（如菜单打开时） */
+    extraVisible?: boolean;
+    /**
+     * 组内预览条数。默认 5；`false` 关闭截断（未分组 / 搜索命中）。
+     * 仅在收起后再展开时截成前 N 条 +「展开其余 N 条」；默认展开态展示全部，
+     * 其间新增超过 N 条也不出现展开按钮。
+     */
+    previewLimit?: number | false;
+    children?: ReactNode;
+}
+export declare function ChatGroup({ title, collapsible, collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, renaming: renamingProp, defaultRenaming, onRenamingChange, onRename, folderIcon, section, extra, extraVisible, previewLimit, children, className, ...rest }: ChatGroupProps): import("react").JSX.Element;
+export declare namespace ChatGroup {
+    var displayName: string;
+}
+export default ChatGroup;

package/dist/chat-group/index.js

@@ -0,0 +1,250 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["title", "collapsible", "collapsed", "defaultCollapsed", "onCollapsedChange", "renaming", "defaultRenaming", "onRenamingChange", "onRename", "folderIcon", "section", "extra", "extraVisible", "previewLimit", "children", "className"];
+import clsx from 'clsx';
+import { Children, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import HoverFill from "../hover-fill";
+import Icon from "../icon";
+import { PRESENCE_TOTAL_MS, PresenceSlots } from "./presence-list";
+import "./style";
+
+/** 组内预览条数。仅收起后再打开时生效；默认展开态展示全部。 */
+export var CHAT_GROUP_PREVIEW_LIMIT = 5;
+function useControllableBool(controlled, defaultValue, onChange) {
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    internal = _useState2[0],
+    setInternal = _useState2[1];
+  var value = controlled !== null && controlled !== void 0 ? controlled : internal;
+  var setValue = function setValue(next) {
+    onChange === null || onChange === void 0 || onChange(next);
+    if (controlled === undefined) setInternal(next);
+  };
+  return [value, setValue];
+}
+function ChatGroupHintRow(_ref) {
+  var kind = _ref.kind,
+    onExpand = _ref.onExpand,
+    _ref$remaining = _ref.remaining,
+    remaining = _ref$remaining === void 0 ? 0 : _ref$remaining,
+    _ref$expanded = _ref.expanded,
+    expanded = _ref$expanded === void 0 ? false : _ref$expanded;
+  var label = kind === 'empty' ? '暂无对话' : "\u5C55\u5F00\u5176\u4F59 ".concat(remaining, " \u6761");
+  if (kind === 'expand') {
+    return /*#__PURE__*/React.createElement(HoverFill, {
+      "data-odn-chat-group-hint": true,
+      "data-odn-chat-group-hint-kind": "expand",
+      bgClassName: "odn-chat-group-hint-bg"
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      "data-odn-chat-group-hint-inner": true,
+      "aria-expanded": expanded,
+      onMouseDown: function onMouseDown(e) {
+        return e.preventDefault();
+      },
+      onClick: onExpand
+    }, label));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-hint": true,
+    "data-odn-chat-group-hint-kind": "empty"
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-hint-inner": true
+  }, label));
+}
+export function ChatGroup(_ref2) {
+  var title = _ref2.title,
+    _ref2$collapsible = _ref2.collapsible,
+    collapsible = _ref2$collapsible === void 0 ? true : _ref2$collapsible,
+    collapsedProp = _ref2.collapsed,
+    _ref2$defaultCollapse = _ref2.defaultCollapsed,
+    defaultCollapsed = _ref2$defaultCollapse === void 0 ? false : _ref2$defaultCollapse,
+    onCollapsedChange = _ref2.onCollapsedChange,
+    renamingProp = _ref2.renaming,
+    _ref2$defaultRenaming = _ref2.defaultRenaming,
+    defaultRenaming = _ref2$defaultRenaming === void 0 ? false : _ref2$defaultRenaming,
+    onRenamingChange = _ref2.onRenamingChange,
+    onRename = _ref2.onRename,
+    _ref2$folderIcon = _ref2.folderIcon,
+    folderIcon = _ref2$folderIcon === void 0 ? false : _ref2$folderIcon,
+    _ref2$section = _ref2.section,
+    section = _ref2$section === void 0 ? false : _ref2$section,
+    extra = _ref2.extra,
+    extraVisible = _ref2.extraVisible,
+    previewLimit = _ref2.previewLimit,
+    children = _ref2.children,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useControllableBool = useControllableBool(collapsedProp, defaultCollapsed, onCollapsedChange),
+    _useControllableBool2 = _slicedToArray(_useControllableBool, 2),
+    collapsed = _useControllableBool2[0],
+    setCollapsed = _useControllableBool2[1];
+  var _useControllableBool3 = useControllableBool(renamingProp, defaultRenaming, onRenamingChange),
+    _useControllableBool4 = _slicedToArray(_useControllableBool3, 2),
+    renaming = _useControllableBool4[0],
+    setRenaming = _useControllableBool4[1];
+  var titleText = typeof title === 'string' ? title : '';
+  var _useState3 = useState(titleText),
+    _useState4 = _slicedToArray(_useState3, 2),
+    draft = _useState4[0],
+    setDraft = _useState4[1];
+  var inputRef = useRef(null);
+  var canRename = Boolean(onRename) && typeof title === 'string';
+  useEffect(function () {
+    if (!renaming) setDraft(titleText);
+  }, [titleText, renaming]);
+  useEffect(function () {
+    if (!renaming) return;
+    var el = inputRef.current;
+    if (!el) return;
+    el.focus();
+    el.select();
+  }, [renaming]);
+  var toggle = function toggle() {
+    if (!collapsible || renaming) return;
+    setCollapsed(!collapsed);
+  };
+  var commitRename = function commitRename() {
+    var trimmed = draft.trim();
+    if (trimmed && trimmed !== titleText) onRename === null || onRename === void 0 || onRename(trimmed);
+    setRenaming(false);
+  };
+  var cancelRename = function cancelRename() {
+    setDraft(titleText);
+    setRenaming(false);
+  };
+  var startsExpanded = !(collapsedProp !== null && collapsedProp !== void 0 ? collapsedProp : defaultCollapsed);
+  var _useState5 = useState(startsExpanded),
+    _useState6 = _slicedToArray(_useState5, 2),
+    overflowOpen = _useState6[0],
+    setOverflowOpen = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    hintLeaving = _useState8[0],
+    setHintLeaving = _useState8[1];
+  useLayoutEffect(function () {
+    if (collapsed) {
+      setOverflowOpen(false);
+      setHintLeaving(false);
+    }
+  }, [collapsed]);
+  useEffect(function () {
+    if (!hintLeaving) return;
+    var t = window.setTimeout(function () {
+      return setHintLeaving(false);
+    }, PRESENCE_TOTAL_MS);
+    return function () {
+      return window.clearTimeout(t);
+    };
+  }, [hintLeaving]);
+  var expandOverflow = function expandOverflow() {
+    var _window$matchMedia, _window;
+    setOverflowOpen(true);
+    if (typeof window !== 'undefined' && (_window$matchMedia = (_window = window).matchMedia) !== null && _window$matchMedia !== void 0 && _window$matchMedia.call(_window, '(prefers-reduced-motion: reduce)').matches) {
+      return;
+    }
+    setHintLeaving(true);
+  };
+  var childList = Children.toArray(children).filter(Boolean);
+  var resolvedLimit = previewLimit === false ? Number.POSITIVE_INFINITY : previewLimit !== null && previewLimit !== void 0 ? previewLimit : CHAT_GROUP_PREVIEW_LIMIT;
+  // 折叠过程中不要截成预览：否则 scrollHeight 先跳一截，滚动锚定会把列表拽走。
+  var truncated = !collapsed && !overflowOpen && Number.isFinite(resolvedLimit) && childList.length > resolvedLimit;
+  var remaining = Math.max(0, childList.length - resolvedLimit);
+  var expandHint = /*#__PURE__*/React.createElement(ChatGroupHintRow, {
+    kind: "expand",
+    remaining: remaining,
+    expanded: hintLeaving,
+    onExpand: expandOverflow
+  });
+  var body = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PresenceSlots, {
+    enabled: !collapsed,
+    displayLimit: truncated ? resolvedLimit : undefined,
+    empty: /*#__PURE__*/React.createElement(ChatGroupHintRow, {
+      kind: "empty"
+    })
+  }, children), truncated || hintLeaving ? hintLeaving ? /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-slot": true,
+    "data-odn-chat-group-leave": "swap",
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-slot-inner": true
+  }, expandHint)) : expandHint : null);
+  var header = /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-header": true
+  }, renaming && canRename ? /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-rename": true
+  }, folderIcon ? /*#__PURE__*/React.createElement(Icon, {
+    name: "folder",
+    size: 14,
+    "data-odn-chat-group-folder-icon": true
+  }) : null, /*#__PURE__*/React.createElement("input", {
+    ref: inputRef,
+    value: draft,
+    "aria-label": "\u91CD\u547D\u540D\u5206\u7EC4",
+    "data-odn-chat-group-rename-input": true,
+    onChange: function onChange(e) {
+      return setDraft(e.target.value);
+    },
+    onBlur: commitRename,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.nativeEvent.isComposing || e.keyCode === 229) return;
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        commitRename();
+      }
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        cancelRename();
+      }
+    }
+  })) : collapsible ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "data-odn-chat-group-trigger": true,
+    onClick: toggle,
+    "aria-expanded": !collapsed
+  }, folderIcon ? /*#__PURE__*/React.createElement(Icon, {
+    name: "folder",
+    size: 14,
+    "data-odn-chat-group-folder-icon": true
+  }) : null, /*#__PURE__*/React.createElement("span", {
+    "data-odn-chat-group-title": true
+  }, title), /*#__PURE__*/React.createElement(Icon, {
+    name: "right",
+    size: 12,
+    "data-odn-chat-group-chevron": true
+  })) : /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-title-row": true
+  }, folderIcon ? /*#__PURE__*/React.createElement(Icon, {
+    name: "folder",
+    size: 14,
+    "data-odn-chat-group-folder-icon": true
+  }) : null, /*#__PURE__*/React.createElement("span", {
+    "data-odn-chat-group-title": true
+  }, title)), extra ? /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-extra": true
+  }, extra) : null);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-odn-chat-group": true,
+    "data-odn-chat-group-collapsed": collapsed || undefined,
+    "data-odn-chat-group-renaming": renaming || undefined,
+    "data-odn-chat-group-folder": folderIcon || undefined,
+    "data-odn-chat-group-section": section || undefined,
+    "data-odn-chat-group-extra-visible": extraVisible || undefined,
+    className: clsx(className)
+  }, rest), section ? header : /*#__PURE__*/React.createElement(HoverFill, {
+    "data-odn-chat-group-header-fill": true,
+    bgClassName: "odn-chat-group-header-bg",
+    disabled: renaming
+  }, header), /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-collapse": true,
+    "aria-hidden": collapsed || undefined
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-body": true
+  }, body)));
+}
+ChatGroup.displayName = 'ChatGroup';
+export default ChatGroup;

package/dist/chat-group/presence-list.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+export declare const PRESENCE_SHIFT_MS = 180;
+export declare const PRESENCE_FADE_MS = 160;
+export declare const PRESENCE_TOTAL_MS: number;
+export type PresenceKind = 'shift' | 'fade';
+type Entering = {
+    key: string;
+    kind: PresenceKind;
+};
+type Leaving = {
+    key: string;
+    kind: PresenceKind;
+    node: ReactNode;
+    index: number;
+};
+export declare function childSlotKey(child: ReactNode, index: number): string;
+export declare function usePresence(childList: ReactNode[], enabled: boolean): {
+    entering: Entering | null;
+    leaving: Leaving | null;
+};
+export declare function buildPresenceSlots(childList: ReactNode[], entering: Entering | null, leaving: Leaving | null, displayLimit?: number, revealingKeys?: string[] | null): import("react").JSX.Element[];
+export declare function PresenceSlots({ children, enabled, displayLimit, empty, host, }: {
+    children?: ReactNode;
+    enabled?: boolean;
+    displayLimit?: number;
+    empty?: ReactNode;
+    host?: (content: ReactNode, occupied: boolean) => ReactNode;
+}): import("react").JSX.Element;
+export {};

package/dist/chat-group/presence-list.js

@@ -0,0 +1,194 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Children, cloneElement, Fragment, isValidElement, useEffect, useLayoutEffect, useRef, useState } from 'react';
+export var PRESENCE_SHIFT_MS = 180;
+export var PRESENCE_FADE_MS = 160;
+export var PRESENCE_TOTAL_MS = PRESENCE_SHIFT_MS + PRESENCE_FADE_MS + 40;
+export function childSlotKey(child, index) {
+  if ( /*#__PURE__*/isValidElement(child) && child.key !== null && child.key !== undefined) {
+    return String(child.key);
+  }
+  return "idx-".concat(index);
+}
+function prefersReducedMotion() {
+  var _window$matchMedia, _window;
+  return Boolean(typeof window !== 'undefined' && ((_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(prefers-reduced-motion: reduce)').matches));
+}
+export function usePresence(childList, enabled) {
+  var _prevRef$current;
+  var keys = childList.map(function (child, i) {
+    return childSlotKey(child, i);
+  });
+  var keysSig = keys.join('\0');
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    entering = _useState2[0],
+    setEntering = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    leaving = _useState4[0],
+    setLeaving = _useState4[1];
+  var prevRef = useRef(null);
+  if (((_prevRef$current = prevRef.current) === null || _prevRef$current === void 0 ? void 0 : _prevRef$current.keys.join('\0')) === keysSig) {
+    prevRef.current.nodes = childList;
+  }
+  useLayoutEffect(function () {
+    var nextKeys = keysSig.length === 0 ? [] : keysSig.split('\0');
+    var prev = prevRef.current;
+    prevRef.current = {
+      keys: nextKeys,
+      nodes: childList
+    };
+    if (prev === null || !enabled || prefersReducedMotion()) return;
+    var added = nextKeys.filter(function (k) {
+      return !prev.keys.includes(k);
+    });
+    var removed = prev.keys.filter(function (k) {
+      return !nextKeys.includes(k);
+    });
+    if (added.length === 1 && removed.length === 0 && nextKeys[0] === added[0]) {
+      setLeaving(null);
+      setEntering({
+        key: added[0],
+        kind: prev.keys.length === 0 ? 'fade' : 'shift'
+      });
+      return;
+    }
+    if (removed.length === 1 && added.length === 0) {
+      var key = removed[0];
+      var index = prev.keys.indexOf(key);
+      setEntering(null);
+      setLeaving({
+        key: key,
+        node: prev.nodes[index],
+        index: index,
+        kind: nextKeys.length === 0 ? 'fade' : 'shift'
+      });
+    }
+    // childList 与 keysSig 同步；只跟签名，避免引用抖动。
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [keysSig, enabled]);
+  useEffect(function () {
+    if (!entering) return;
+    var t = window.setTimeout(function () {
+      return setEntering(null);
+    }, PRESENCE_TOTAL_MS);
+    return function () {
+      return window.clearTimeout(t);
+    };
+  }, [entering]);
+  useEffect(function () {
+    if (!leaving) return;
+    var t = window.setTimeout(function () {
+      return setLeaving(null);
+    }, PRESENCE_TOTAL_MS);
+    return function () {
+      return window.clearTimeout(t);
+    };
+  }, [leaving]);
+  return {
+    entering: entering,
+    leaving: leaving
+  };
+}
+function renderSlot(key, node, enter, leave) {
+  // 空闲项不包一层：HoverFill 共享底要求同一 parentNode。
+  // 入场/离场才用 slot 做 0fr↔1fr 高度动画。
+  if (!enter && !leave) {
+    if ( /*#__PURE__*/isValidElement(node)) return /*#__PURE__*/cloneElement(node, {
+      key: key
+    });
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: key
+    }, node);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    key: key,
+    "data-odn-chat-group-slot": true,
+    "data-odn-chat-group-enter": enter,
+    "data-odn-chat-group-leave": leave,
+    "aria-hidden": leave ? true : undefined
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-odn-chat-group-slot-inner": true
+  }, node));
+}
+export function buildPresenceSlots(childList, entering, leaving, displayLimit, revealingKeys) {
+  var display = displayLimit !== undefined && Number.isFinite(displayLimit) ? childList.slice(0, displayLimit) : childList;
+  var revealing = revealingKeys !== null && revealingKeys !== void 0 && revealingKeys.length ? new Set(revealingKeys) : null;
+  var slots = display.map(function (node, i) {
+    var key = childSlotKey(node, i);
+    return {
+      key: key,
+      node: node,
+      enter: (entering === null || entering === void 0 ? void 0 : entering.key) === key ? entering.kind : revealing !== null && revealing !== void 0 && revealing.has(key) ? 'shift' : undefined,
+      leave: undefined
+    };
+  });
+  if (leaving) {
+    var inDisplay = slots.some(function (s) {
+      return s.key === leaving.key;
+    });
+    var windowSize = displayLimit !== null && displayLimit !== void 0 ? displayLimit : Number.POSITIVE_INFINITY;
+    if (!inDisplay && leaving.index < windowSize) {
+      slots.splice(Math.min(leaving.index, slots.length), 0, {
+        key: leaving.key,
+        node: leaving.node,
+        enter: undefined,
+        leave: leaving.kind
+      });
+    }
+  }
+  return slots.map(function (s) {
+    return renderSlot(s.key, s.node, s.enter, s.leave);
+  });
+}
+export function PresenceSlots(_ref) {
+  var children = _ref.children,
+    _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+    displayLimit = _ref.displayLimit,
+    _ref$empty = _ref.empty,
+    empty = _ref$empty === void 0 ? null : _ref$empty,
+    host = _ref.host;
+  var childList = Children.toArray(children).filter(Boolean);
+  var _usePresence = usePresence(childList, enabled),
+    entering = _usePresence.entering,
+    leaving = _usePresence.leaving;
+  var keysSig = childList.map(function (child, i) {
+    return childSlotKey(child, i);
+  }).join('\0');
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    revealingKeys = _useState6[0],
+    setRevealingKeys = _useState6[1];
+  var prevLimitRef = useRef(undefined);
+  var limitReadyRef = useRef(false);
+  useLayoutEffect(function () {
+    var prevLimit = prevLimitRef.current;
+    prevLimitRef.current = displayLimit;
+    if (!limitReadyRef.current) {
+      limitReadyRef.current = true;
+      return;
+    }
+    if (!enabled || prefersReducedMotion()) return;
+    if (prevLimit !== undefined && Number.isFinite(prevLimit) && displayLimit === undefined && childList.length > prevLimit) {
+      setRevealingKeys(childList.slice(prevLimit).map(function (child, i) {
+        return childSlotKey(child, prevLimit + i);
+      }));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [displayLimit, keysSig, enabled]);
+  useEffect(function () {
+    if (!revealingKeys) return;
+    var t = window.setTimeout(function () {
+      return setRevealingKeys(null);
+    }, PRESENCE_TOTAL_MS);
+    return function () {
+      return window.clearTimeout(t);
+    };
+  }, [revealingKeys]);
+  var occupied = childList.length > 0 || leaving !== null;
+  var content = occupied ? buildPresenceSlots(childList, entering, leaving, displayLimit, revealingKeys) : empty;
+  if (host) return /*#__PURE__*/React.createElement(React.Fragment, null, host(content, occupied));
+  if (!occupied) return /*#__PURE__*/React.createElement(React.Fragment, null, empty);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, content);
+}