@4399ywkf/editor 0.1.0

package/dist/doc.d.ts

@@ -0,0 +1,1108 @@
+import * as react from 'react';
+import { ReactNode, RefObject, useEffect, HTMLAttributes } from 'react';
+import { JSONContent, Editor, NodeWithPos, Extension as Extension$1, Node as Node$1 } from '@tiptap/react';
+import { Extensions, Extension } from '@tiptap/core';
+import { Doc } from 'yjs';
+import { UseFloatingOptions, UseDismissProps, AutoUpdateOptions } from '@floating-ui/react';
+import { Selection, Transaction } from '@tiptap/pm/state';
+import { Node } from '@tiptap/pm/model';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+/**
+ * 包消费者通过 `<EditorConfigProvider>` 注入业务侧能力。
+ *
+ * 设计原则：包内不感知业务 store / API / 路由，所有外部依赖都从这里取。
+ * 也不直接依赖私有付费包（如 @tiptap-pro/provider），所以 provider 用最小接口约束。
+ */
+/**
+ * 协同 provider 的最小接口约束。
+ * 任何 yjs awareness provider（TiptapCollabProvider / HocuspocusProvider / 自定义）
+ * 只要实现 `destroy()` 就可以传入。`CollaborationCaret` 会通过 `provider.awareness`
+ * 自取协同状态，不需要在这里 typed。
+ */
+interface CollabProviderLike {
+    destroy: () => void;
+    [key: string]: unknown;
+}
+interface CollabCreateParams {
+    /** 拼好的文档名：`${docPrefix}${room}` */
+    name: string;
+    /** yjs 共享文档 */
+    ydoc: Doc;
+    /** 业务方通过 `fetchToken` 获取的 JWT */
+    token: string;
+}
+interface EditorCollabConfig {
+    /** 协同服务的 App ID（透传给 createProvider，包不直接用） */
+    appId?: string;
+    /** room 名前缀，最终 docName = `${docPrefix}${room}` */
+    docPrefix?: string;
+    /**
+     * 选项 A：业务方自己 new 好 provider，自管理生命周期。
+     * 包不在内部创建/销毁，hasCollab 直接为 true。
+     */
+    provider?: CollabProviderLike;
+    /**
+     * 选项 B：业务方提供 token 获取函数 + provider 工厂，包内调用工厂创建实例，
+     * 并在组件卸载时调用 `provider.destroy()`。
+     */
+    fetchToken?: () => Promise<string | null>;
+    createProvider?: (params: CollabCreateParams) => CollabProviderLike;
+}
+interface EditorUserConfig {
+    id: string;
+    name: string;
+    color: string;
+    avatar?: string;
+}
+/** 包内识别的媒体大类，决定走哪个 tiptap 节点 + 哪个 size 上限。 */
+type MediaKind = "image" | "video" | "audio" | "file";
+interface EditorUploadConfig {
+    /**
+     * 上传文件，返回最终可访问的 URL。业务侧按 file.type 自己决定走哪个端点
+     * （图片走 /assets/image，其它走 /assets/attachment 等）。
+     * 包内 ImageUploadNode / PasteDropMedia / 工具栏 / slash 菜单都走它。
+     */
+    onUpload: (file: File, onProgress?: (event: {
+        progress: number;
+    }) => void, abortSignal?: AbortSignal) => Promise<string>;
+    /**
+     * @deprecated 用 `maxFileSizes.image` 替代。保留用于向后兼容。
+     */
+    maxFileSize?: number;
+    /**
+     * 按媒体大类分别设置单文件大小上限（字节，0 = 不限制）。
+     * 未设置的类型走包内默认值：image 5MB、video 100MB、audio/file 20MB。
+     */
+    maxFileSizes?: Partial<Record<MediaKind, number>>;
+    /**
+     * 上传相关错误的统一回调。业务侧通常接到 toast / message.error。
+     * 包内 ImageUploadNode 和 PasteDropMedia 都走这个 hook，没接的话退化为 console.error。
+     */
+    onError?: (error: Error) => void;
+    /**
+     * 外链图片转存到 CDN 的全程进度（下载 → 上传 → 完成），业务侧通常接到
+     * antd `message.loading`。同一 URL 的事件按相同 `url` 字段聚合，业务侧用
+     * `message.loading({ key: 'rehost:' + url, ... })` / `message.destroy(key)`
+     * 即可获得"进度更新 → 完成销毁"的体验。
+     */
+    onRehostProgress?: (event: RehostProgressEvent) => void;
+}
+type RehostProgressEvent = {
+    url: string;
+    phase: "downloading";
+    progress: number;
+} | {
+    url: string;
+    phase: "uploading";
+    progress: number;
+} | {
+    url: string;
+    phase: "done";
+    progress: 100;
+};
+/** 默认分类型大小上限（字节）。可被 EditorUploadConfig.maxFileSizes 覆盖。 */
+declare const DEFAULT_MAX_FILE_SIZES: Record<MediaKind, number>;
+/** 通过 file.type 判断走哪个媒体节点。 */
+declare const detectMediaKind: (file: {
+    type: string;
+}) => MediaKind;
+/** 合并业务配置 + 默认值，拿到指定类型的 size 上限。 */
+declare const resolveMaxSize: (kind: MediaKind, config: EditorUploadConfig | null | undefined) => number;
+interface EditorConfig {
+    collab?: EditorCollabConfig;
+    user?: EditorUserConfig;
+    upload?: EditorUploadConfig;
+}
+interface EditorConfigProviderProps {
+    config: EditorConfig;
+    children: ReactNode;
+}
+declare function EditorConfigProvider({ config, children, }: EditorConfigProviderProps): react.JSX.Element;
+/** 拿到当前注入的编辑器业务配置；未注入时返回 null。 */
+declare const useEditorConfig: () => EditorConfig | null;
+
+interface NotionEditorProps {
+    room: string;
+    placeholder?: string;
+    /**
+     * 初始内容（HTML 字符串或 tiptap JSONContent）。
+     * 仅在**非协同模式**（无 provider）下生效——业务方通过 HTTP 拿到文档内容后传入。
+     * 协同模式下 yjs Doc 接管内容，传入会被忽略以免跟 sync 冲突。
+     */
+    content?: string | JSONContent;
+    /**
+     * 只读模式：用于展示文章内容。设为 true 时编辑器不可编辑（editable:false），
+     * 且隐藏所有编辑态 UI（头部工具栏、浮动工具栏、拖拽手柄、slash/mention/emoji
+     * 菜单、移动端工具栏、表格手柄），仅保留内容与目录侧栏。
+     * 扩展集与编辑态完全一致，保证自定义节点（图片/视频/附件/分栏/表格等）渲染像素一致。
+     */
+    readOnly?: boolean;
+    /**
+     * 隐藏包内置顶部工具条（undo/redo、主题切换、协同用户，含底部分隔线）。
+     * 业务方页面自带头部（如 wiki 编辑页的面包屑 + 操作区）时开启，
+     * 避免出现第二条贴在标题下方的工具条。undo/redo 快捷键不受影响。
+     */
+    hideHeader?: boolean;
+    /**
+     * 编辑器实例就绪回调。包不感知业务 store —— 业务方拿到 editor 实例后自行接管
+     * （如写进 zustand store，发布时用 editor.getHTML()/getJSON() 取正文）。
+     * 每次 editor 重建（如 room 切换触发 remount）都会带新实例再次回调。
+     */
+    onEditorReady?: (editor: Editor) => void;
+    /**
+     * 追加的 tiptap 扩展，挂在包内置扩展集之后。
+     *
+     * 用于接入包不感知的能力（如 docx 导入、自定义节点），业务方按需注入。
+     * 注意：注入的扩展会改变 schema —— 协同场景下所有客户端必须注入同一组，
+     * 否则各端 schema 不一致，yjs 同步会出现内容被判为非法而丢弃。
+     */
+    extensions?: Extensions;
+}
+interface EditorProviderProps {
+    /**
+     * 协同 provider，可以为 null。null 时退化到本地编辑（不挂 CollaborationCaret，
+     * 但仍挂 Collaboration extension 以操作本地 yjs 文档）。
+     */
+    provider: CollabProviderLike | null;
+    ydoc: Doc;
+    placeholder?: string;
+    /** 本地编辑模式下的初始/同步内容，详见 NotionEditorProps.content */
+    content?: string | JSONContent;
+    /** 只读模式，详见 NotionEditorProps.readOnly */
+    readOnly?: boolean;
+    /** 隐藏包内置顶部工具条，详见 NotionEditorProps.hideHeader */
+    hideHeader?: boolean;
+    /**
+     * 内嵌模式：用于把正文嵌进业务页面（ArticleViewer 场景）。
+     * 开启后去掉编辑器整页 chrome —— 不渲染 TocSidebar，布局退化为单列铺满
+     * （去掉左右大边距列与 708px 内容上限），内边距交给外层容器控制。
+     * 与 readOnly 正交：`<NotionEditor readOnly>`（编辑器内预览）仍保留整页布局 + TOC。
+     */
+    embedded?: boolean;
+    /** editor 实例就绪回调，详见 NotionEditorProps.onEditorReady */
+    onEditorReady?: (editor: Editor) => void;
+    /**
+     * 追加的 tiptap 扩展，挂在包内置扩展集之后。
+     *
+     * 用于接入包不感知的能力（如 docx 导入、自定义节点），业务方按需注入。
+     * 注意：注入的扩展会改变 schema —— 协同场景下所有客户端必须注入同一组，
+     * 否则各端 schema 不一致，yjs 同步会出现内容被判为非法而丢弃。
+     */
+    extensions?: Extensions;
+}
+/**
+ * Loading spinner component shown while connecting to the notion server
+ */
+declare function LoadingSpinner({ text }: {
+    text?: string;
+}): react.JSX.Element;
+/**
+ * EditorContent component that renders the actual editor
+ */
+declare function EditorContentArea(): react.JSX.Element | null;
+/**
+ * Component that creates and provides the editor instance
+ */
+declare function EditorProvider(props: EditorProviderProps): react.JSX.Element;
+/**
+ * Full editor with all necessary providers, ready to use with just a room ID
+ */
+declare function NotionEditor({ room, placeholder, content, readOnly, hideHeader, onEditorReady, extensions, }: NotionEditorProps): react.JSX.Element;
+/**
+ * Internal component that handles the editor loading state
+ */
+declare function NotionEditorContent({ placeholder, content, readOnly, hideHeader, onEditorReady, extensions, }: {
+    placeholder?: string;
+    content?: string | JSONContent;
+    readOnly?: boolean;
+    hideHeader?: boolean;
+    onEditorReady?: (editor: Editor) => void;
+    /**
+     * 追加的 tiptap 扩展，挂在包内置扩展集之后。
+     *
+     * 用于接入包不感知的能力（如 docx 导入、自定义节点），业务方按需注入。
+     * 注意：注入的扩展会改变 schema —— 协同场景下所有客户端必须注入同一组，
+     * 否则各端 schema 不一致，yjs 同步会出现内容被判为非法而丢弃。
+     */
+    extensions?: Extensions;
+}): react.JSX.Element;
+interface ArticleViewerProps {
+    /** 文章内容（HTML 字符串或 tiptap JSONContent），通常由 HTTP 接口拉取后传入 */
+    content?: string | JSONContent;
+    /** 空内容时的占位文案，默认空（viewer 一般不显示占位） */
+    placeholder?: string;
+}
+/**
+ * 文章只读展示组件。
+ *
+ * 与 <NotionEditor readOnly> 的区别：
+ * - 不需要 room，也不接入任何协同——刻意绕过 CollabProvider、自建本地 yjs Doc，
+ *   保证 viewer 不会建立 websocket 连接（即使业务侧注入了 collab 配置）。
+ * - 复用 EditorProvider 的完整扩展集 + readOnly，渲染结果与编辑器像素一致。
+ *
+ * 用法：<ArticleViewer content={articleContent} />
+ */
+declare function ArticleViewer({ content, placeholder }: ArticleViewerProps): react.JSX.Element;
+
+type CollabContextValue = {
+    provider: CollabProviderLike | null;
+    ydoc: Doc;
+    hasCollab: boolean;
+    setupError: boolean;
+};
+declare const CollabContext: react.Context<CollabContextValue>;
+declare const useCollab: () => CollabContextValue;
+/**
+ * 协同钩子：从 EditorConfigProvider 注入的 config.collab 决定接入方式。
+ *
+ * 行为：
+ * 1. `config.collab.provider` 存在 → 直接使用业务方传入的 provider（包不创建、不销毁）
+ * 2. `config.collab.fetchToken` + `createProvider` → 包内调用工厂创建 provider，
+ *    组件卸载时自动 `destroy()`
+ * 3. URL `?noCollab=1` → 强制跳过协同（hasCollab=false，仅本地编辑）
+ * 4. 业务方完全未配置 collab → hasCollab=false（本地编辑模式，不报错）
+ * 5. 业务方部分配置但缺 fetchToken/createProvider → setupError
+ */
+declare const useCollaboration: (room: string) => {
+    provider: CollabProviderLike | null;
+    ydoc: Doc;
+    hasCollab: boolean;
+    setupError: boolean;
+};
+declare function CollabProvider({ children, room, }: Readonly<{
+    children: React.ReactNode;
+    room: string;
+}>): react.JSX.Element;
+
+type User = {
+    id: string;
+    name: string;
+    color: string;
+    avatar: string;
+};
+type UserContextValue = {
+    user: User;
+};
+declare const UserContext: react.Context<UserContextValue>;
+/**
+ * UserProvider：优先用 EditorConfigProvider 注入的 user，
+ * 未注入时退化到 localStorage（生成随机用户名/颜色，仅用于本地开发或预览场景）。
+ */
+declare function UserProvider({ children }: {
+    children: React.ReactNode;
+}): react.JSX.Element;
+declare const useUser: () => UserContextValue;
+
+declare function useTiptapEditor(providedEditor?: Editor | null): {
+    editor: Editor | null;
+    editorState?: Editor["state"];
+    canCommand?: Editor["can"];
+};
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        uiState: {
+            commentInputShow: () => ReturnType;
+            commentInputHide: () => ReturnType;
+            setLockDragHandle: (value: boolean) => ReturnType;
+            resetUiState: () => ReturnType;
+            setIsDragging: (value: boolean) => ReturnType;
+        };
+    }
+    interface Storage {
+        uiState: UiState;
+    }
+}
+declare const defaultUiState: UiState;
+interface UiState {
+    commentInputVisible: boolean;
+    lockDragHandle: boolean;
+    isDragging: boolean;
+}
+declare const UiState: Extension<UiState, any>;
+
+declare function useUiEditorState(editor: Editor | null): UiState;
+
+declare const HIDE_FLOATING_META = "hideFloatingToolbar";
+/**
+ * Centralizes all logic about when the floating toolbar should be hidden/shown.
+ *
+ * - Listens for transactions that carry HIDE_FLOATING_META
+ * - Clears the hide flag on common “user intent” events
+ * - Handles the “re-click on the same selected node” case
+ * - Exposes `shouldShow` so UI can just render based on it
+ * - Exposes helpers to set selections with the meta flag
+ */
+declare function useFloatingToolbarVisibility(params: {
+    editor: Editor | null;
+    isSelectionValid: (editor: Editor, selection: Editor["state"]["selection"]) => boolean;
+    extraHideWhen?: boolean;
+}): {
+    shouldShow: boolean;
+};
+/**
+ * Programmatically select a node and hide floating for that selection
+ * @param editor
+ * @param pos
+ */
+declare const selectNodeAndHideFloating: (editor: Editor, pos: number) => void;
+/**
+ * Mark “hide floating” on the next relevant transaction (no selection change needed)
+ * @param editor
+ */
+declare const markHideFloatingOnNext: (editor: Editor) => void;
+
+type RectState = Omit<DOMRect, "toJSON">;
+interface ElementRectOptions {
+    /**
+     * The element to track. Can be an Element, ref, or selector string.
+     * Defaults to document.body if not provided.
+     */
+    element?: Element | React.RefObject<Element> | string | null;
+    /**
+     * Whether to enable rect tracking
+     */
+    enabled?: boolean;
+    /**
+     * Throttle delay in milliseconds for rect updates
+     */
+    throttleMs?: number;
+    /**
+     * Whether to use ResizeObserver for more accurate tracking
+     */
+    useResizeObserver?: boolean;
+}
+/**
+ * Custom hook that tracks an element's bounding rectangle and updates on resize, scroll, etc.
+ *
+ * @param options Configuration options for element rect tracking
+ * @returns The current bounding rectangle of the element
+ */
+declare function useElementRect({ element, enabled, throttleMs, useResizeObserver, }?: ElementRectOptions): RectState;
+
+interface CursorVisibilityOptions {
+    /**
+     * The Tiptap editor instance
+     */
+    editor?: Editor | null;
+    /**
+     * Reference to the toolbar element that may obscure the cursor
+     */
+    overlayHeight?: number;
+}
+/**
+ * Custom hook that ensures the cursor remains visible when typing in a Tiptap editor.
+ * Automatically scrolls the window when the cursor would be hidden by the toolbar.
+ *
+ * @param options.editor The Tiptap editor instance
+ * @param options.overlayHeight Toolbar height to account for
+ * @returns The bounding rect of the body
+ */
+declare function useCursorVisibility({ editor, overlayHeight, }: CursorVisibilityOptions): RectState;
+
+interface FloatingElementReturn {
+    /**
+     * Whether the floating element is currently mounted in the DOM.
+     */
+    isMounted: boolean;
+    /**
+     * Ref function to attach to the floating element DOM node.
+     */
+    ref: (node: HTMLElement | null) => void;
+    /**
+     * Combined styles for positioning, transitions, and z-index.
+     */
+    style: React.CSSProperties;
+    /**
+     * Returns props that should be spread onto the floating element.
+     */
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    /**
+     * Returns props that should be spread onto the reference element.
+     */
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+}
+/**
+ * Custom hook for creating and managing floating elements relative to a reference position
+ *
+ * @param show - Boolean controlling visibility of the floating element
+ * @param referencePos - DOMRect, function returning DOMRect, or null representing the position to anchor the floating element to
+ * @param zIndex - Z-index value for the floating element
+ * @param options - Additional options to pass to the underlying useFloating hook
+ * @returns Object containing properties and methods to control the floating element
+ */
+declare function useFloatingElement(show: boolean, reference: HTMLElement | DOMRect | (() => DOMRect | null) | null, zIndex: number, options?: Partial<UseFloatingOptions & {
+    dismissOptions?: UseDismissProps;
+}>, autoUpdateOptions?: AutoUpdateOptions): FloatingElementReturn;
+
+type BreakpointMode = "min" | "max";
+/**
+ * Hook to detect whether the current viewport matches a given breakpoint rule.
+ * Example:
+ *   useIsBreakpoint("max", 768)   // true when width < 768
+ *   useIsBreakpoint("min", 1024)  // true when width >= 1024
+ */
+declare function useIsBreakpoint(mode?: BreakpointMode, breakpoint?: number): boolean;
+
+type Orientation$1 = "horizontal" | "vertical" | "both";
+interface MenuNavigationOptions<T> {
+    /**
+     * The Tiptap editor instance, if using with a Tiptap editor.
+     */
+    editor?: Editor | null;
+    /**
+     * Reference to the container element for handling keyboard events.
+     */
+    containerRef?: React.RefObject<HTMLElement | null>;
+    /**
+     * Search query that affects the selected item.
+     */
+    query?: string;
+    /**
+     * Array of items to navigate through.
+     */
+    items: T[];
+    /**
+     * Callback fired when an item is selected.
+     */
+    onSelect?: (item: T) => void;
+    /**
+     * Callback fired when the menu should close.
+     */
+    onClose?: () => void;
+    /**
+     * The navigation orientation of the menu.
+     * @default "vertical"
+     */
+    orientation?: Orientation$1;
+    /**
+     * Whether to automatically select the first item when the menu opens.
+     * @default true
+     */
+    autoSelectFirstItem?: boolean;
+}
+/**
+ * Hook that implements keyboard navigation for dropdown menus and command palettes.
+ *
+ * Handles arrow keys, tab, home/end, enter for selection, and escape to close.
+ * Works with both Tiptap editors and regular DOM elements.
+ *
+ * @param options - Configuration options for the menu navigation
+ * @returns Object containing the selected index and a setter function
+ */
+declare function useMenuNavigation<T>({ editor, containerRef, query, items, onSelect, onClose, orientation, autoSelectFirstItem, }: MenuNavigationOptions<T>): {
+    selectedIndex: number | undefined;
+    setSelectedIndex: react.Dispatch<react.SetStateAction<number>>;
+};
+
+/** Supported event types. */
+type EventType = "mousedown" | "mouseup" | "touchstart" | "touchend" | "focusin" | "focusout";
+/**
+ * Custom hook that handles clicks outside a specified element.
+ * @template T - The type of the element's reference.
+ * @param {RefObject<T> | RefObject<T>[]} ref - The React ref object(s) representing the element(s) to watch for outside clicks.
+ * @param {(event: MouseEvent | TouchEvent | FocusEvent) => void} handler - The callback function to be executed when a click outside the element occurs.
+ * @param {EventType} [eventType] - The mouse event type to listen for (optional, default is 'mousedown').
+ * @param {?AddEventListenerOptions} [eventListenerOptions] - The options object to be passed to the `addEventListener` method (optional).
+ * @returns {void}
+ */
+declare function useOnClickOutside<T extends HTMLElement | null = HTMLElement>(ref: RefObject<T> | RefObject<T>[], handler: (event: MouseEvent | TouchEvent | FocusEvent) => void, eventType?: EventType, eventListenerOptions?: AddEventListenerOptions): void;
+
+type ScrollTarget = RefObject<HTMLElement> | Window | null | undefined;
+interface UseScrollingOptions {
+    debounce?: number;
+    fallbackToDocument?: boolean;
+}
+declare function useScrolling(target?: ScrollTarget, options?: UseScrollingOptions): boolean;
+
+interface ThrottleSettings {
+    leading?: boolean | undefined;
+    trailing?: boolean | undefined;
+}
+/**
+ * A hook that returns a throttled callback function.
+ *
+ * @param fn The function to throttle
+ * @param wait The time in ms to wait before calling the function
+ * @param dependencies The dependencies to watch for changes
+ * @param options The throttle options
+ */
+declare function useThrottledCallback<T extends (...args: any[]) => any>(fn: T, wait?: number, dependencies?: React.DependencyList, options?: ThrottleSettings): {
+    (this: ThisParameterType<T>, ...args: Parameters<T>): ReturnType<T>;
+    cancel: () => void;
+    flush: () => void;
+};
+
+/**
+ * Hook that executes a callback when the component unmounts.
+ *
+ * @param callback Function to be called on component unmount
+ */
+declare const useUnmount: (callback: (...args: Array<any>) => any) => void;
+
+interface WindowSizeState {
+    /**
+     * The width of the window's visual viewport in pixels.
+     */
+    width: number;
+    /**
+     * The height of the window's visual viewport in pixels.
+     */
+    height: number;
+    /**
+     * The distance from the top of the visual viewport to the top of the layout viewport.
+     * Particularly useful for handling mobile keyboard appearance.
+     */
+    offsetTop: number;
+    /**
+     * The distance from the left of the visual viewport to the left of the layout viewport.
+     */
+    offsetLeft: number;
+    /**
+     * The scale factor of the visual viewport.
+     * This is useful for scaling elements based on the current zoom level.
+     */
+    scale: number;
+}
+/**
+ * Hook that tracks the window's visual viewport dimensions, position, and provides
+ * a CSS transform for positioning elements.
+ *
+ * Uses the Visual Viewport API to get accurate measurements, especially important
+ * for mobile devices where virtual keyboards can change the visible area.
+ * Only updates state when values actually change to optimize performance.
+ *
+ * @returns An object containing viewport properties and a CSS transform string
+ */
+declare function useWindowSize(): WindowSizeState;
+
+/**
+ * Custom hook that uses either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
+ * @param {Function} effect - The effect function to be executed.
+ * @param {Array<any>} [dependencies] - An array of dependencies for the effect (optional).
+ */
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+
+type UserRef<T> = ((instance: T | null) => void) | React.RefObject<T | null> | null | undefined;
+declare const useComposedRef: <T extends HTMLElement>(libRef: React.RefObject<T | null>, userRef: UserRef<T>) => (instance: T | null) => void;
+
+type OverflowPosition = "none" | "top" | "bottom" | "both";
+/**
+ * Utility function to get URL parameters
+ */
+declare const getUrlParam: (param: string) => string | null;
+/**
+ * Returns a display name for the current node in the editor
+ * @param editor The Tiptap editor instance
+ * @returns The display name of the current node
+ */
+declare const getNodeDisplayName: (editor: Editor | null) => string;
+/**
+ * Removes empty paragraph nodes from content
+ */
+declare const removeEmptyParagraphs: (content: JSONContent) => {
+    content: JSONContent[] | undefined;
+    type?: string;
+    attrs?: Record<string, any> | undefined;
+    marks?: {
+        type: string;
+        attrs?: Record<string, any>;
+        [key: string]: any;
+    }[];
+    text?: string;
+};
+/**
+ * Determines how a target element overflows relative to a container element
+ */
+declare function getElementOverflowPosition(targetElement: Element, containerElement: HTMLElement): OverflowPosition;
+/**
+ * Checks if the current selection is valid for a given editor
+ */
+declare const isSelectionValid: (editor: Editor | null, selection?: Selection, excludedNodeTypes?: string[]) => boolean;
+/**
+ * Checks if the current text selection is valid for editing
+ * - Not empty
+ * - Not a code block
+ * - Not a node selection
+ */
+declare const isTextSelectionValid: (editor: Editor | null) => boolean;
+/**
+ * Gets the bounding rect of the current selection in the editor.
+ */
+declare const getSelectionBoundingRect: (editor: Editor) => DOMRect | null;
+/**
+ * Generates a deterministic avatar URL from a user name
+ */
+declare const getAvatar: (name: string) => string;
+
+declare const MAX_FILE_SIZE: number;
+declare const MAC_SYMBOLS: Record<string, string>;
+declare const SR_ONLY: {
+    readonly position: "absolute";
+    readonly width: "1px";
+    readonly height: "1px";
+    readonly padding: 0;
+    readonly margin: "-1px";
+    readonly overflow: "hidden";
+    readonly clip: "rect(0, 0, 0, 0)";
+    readonly whiteSpace: "nowrap";
+    readonly borderWidth: 0;
+};
+declare function cn(...classes: (string | boolean | undefined | null)[]): string;
+/**
+ * Determines if the current platform is macOS
+ * @returns boolean indicating if the current platform is Mac
+ */
+declare function isMac(): boolean;
+/**
+ * Formats a shortcut key based on the platform (Mac or non-Mac)
+ * @param key - The key to format (e.g., "ctrl", "alt", "shift")
+ * @param isMac - Boolean indicating if the platform is Mac
+ * @param capitalize - Whether to capitalize the key (default: true)
+ * @returns Formatted shortcut key symbol
+ */
+declare const formatShortcutKey: (key: string, isMac: boolean, capitalize?: boolean) => string;
+/**
+ * Parses a shortcut key string into an array of formatted key symbols
+ * @param shortcutKeys - The string of shortcut keys (e.g., "ctrl-alt-shift")
+ * @param delimiter - The delimiter used to split the keys (default: "-")
+ * @param capitalize - Whether to capitalize the keys (default: true)
+ * @returns Array of formatted shortcut key symbols
+ */
+declare const parseShortcutKeys: (props: {
+    shortcutKeys: string | undefined;
+    delimiter?: string;
+    capitalize?: boolean;
+}) => string[];
+/**
+ * Checks if a mark exists in the editor schema
+ * @param markName - The name of the mark to check
+ * @param editor - The editor instance
+ * @returns boolean indicating if the mark exists in the schema
+ */
+declare const isMarkInSchema: (markName: string, editor: Editor | null) => boolean;
+/**
+ * Checks if a node exists in the editor schema
+ * @param nodeName - The name of the node to check
+ * @param editor - The editor instance
+ * @returns boolean indicating if the node exists in the schema
+ */
+declare const isNodeInSchema: (nodeName: string, editor: Editor | null) => boolean;
+/**
+ * Moves the focus to the next node in the editor
+ * @param editor - The editor instance
+ * @returns boolean indicating if the focus was moved
+ */
+declare function focusNextNode(editor: Editor): boolean;
+/**
+ * Checks if a value is a valid number (not null, undefined, or NaN)
+ * @param value - The value to check
+ * @returns boolean indicating if the value is a valid number
+ */
+declare function isValidPosition(pos: number | null | undefined): pos is number;
+/**
+ * Checks if one or more extensions are registered in the Tiptap editor.
+ * @param editor - The Tiptap editor instance
+ * @param extensionNames - A single extension name or an array of names to check
+ * @returns True if at least one of the extensions is available, false otherwise
+ */
+declare function isExtensionAvailable(editor: Editor | null, extensionNames: string | string[]): boolean;
+/**
+ * Finds a node at the specified position with error handling
+ * @param editor The Tiptap editor instance
+ * @param position The position in the document to find the node
+ * @returns The node at the specified position, or null if not found
+ */
+declare function findNodeAtPosition(editor: Editor, position: number): Node | null;
+/**
+ * Finds the position and instance of a node in the document
+ * @param props Object containing editor, node (optional), and nodePos (optional)
+ * @param props.editor The Tiptap editor instance
+ * @param props.node The node to find (optional if nodePos is provided)
+ * @param props.nodePos The position of the node to find (optional if node is provided)
+ * @returns An object with the position and node, or null if not found
+ */
+declare function findNodePosition(props: {
+    editor: Editor | null;
+    node?: Node | null;
+    nodePos?: number | null;
+}): {
+    pos: number;
+    node: Node;
+} | null;
+/**
+ * Determines whether the current selection contains a node whose type matches
+ * any of the provided node type names.
+ * @param editor Tiptap editor instance
+ * @param nodeTypeNames List of node type names to match against
+ * @param checkAncestorNodes Whether to check ancestor node types up the depth chain
+ */
+declare function isNodeTypeSelected(editor: Editor | null, nodeTypeNames?: string[], checkAncestorNodes?: boolean): boolean;
+/**
+ * Check whether the current selection is fully within nodes
+ * whose type names are in the provided `types` list.
+ *
+ * - NodeSelection → checks the selected node.
+ * - Text/AllSelection → ensures all textblocks within [from, to) are allowed.
+ */
+declare function selectionWithinConvertibleTypes(editor: Editor, types?: string[]): boolean;
+/**
+ * Handles image upload with progress tracking and abort capability
+ * @param file The file to upload
+ * @param onProgress Optional callback for tracking upload progress
+ * @param abortSignal Optional AbortSignal for cancelling the upload
+ * @returns Promise resolving to the URL of the uploaded image
+ */
+declare const handleImageUpload: (file: File, onProgress?: (event: {
+    progress: number;
+}) => void, abortSignal?: AbortSignal) => Promise<string>;
+type ProtocolOptions = {
+    /**
+     * The protocol scheme to be registered.
+     * @default '''
+     * @example 'ftp'
+     * @example 'git'
+     */
+    scheme: string;
+    /**
+     * If enabled, it allows optional slashes after the protocol.
+     * @default false
+     * @example true
+     */
+    optionalSlashes?: boolean;
+};
+type ProtocolConfig = Array<ProtocolOptions | string>;
+declare function isAllowedUri(uri: string | undefined, protocols?: ProtocolConfig): true | RegExpMatchArray | null;
+declare function sanitizeUrl(inputUrl: string, baseUrl: string, protocols?: ProtocolConfig): string;
+/**
+ * Update a single attribute on multiple nodes.
+ *
+ * @param tr - The transaction to mutate
+ * @param targets - Array of { node, pos }
+ * @param attrName - Attribute key to update
+ * @param next - New value OR updater function receiving previous value
+ *               Pass `undefined` to remove the attribute.
+ * @returns true if at least one node was updated, false otherwise
+ */
+declare function updateNodesAttr<A extends string = string, V = unknown>(tr: Transaction, targets: readonly NodeWithPos[], attrName: A, next: V | ((prev: V | undefined) => V | undefined)): boolean;
+/**
+ * Selects the entire content of the current block node if the selection is empty.
+ * If the selection is not empty, it does nothing.
+ * @param editor The Tiptap editor instance
+ */
+declare function selectCurrentBlockContent(editor: Editor): void;
+/**
+ * Retrieves all nodes of specified types from the current selection.
+ * @param selection The current editor selection
+ * @param allowedNodeTypes An array of node type names to look for (e.g., ["image", "table"])
+ * @returns An array of objects containing the node and its position
+ */
+declare function getSelectedNodesOfType(selection: Selection, allowedNodeTypes: string[]): NodeWithPos[];
+/**
+ * Clamps a value between min and max bounds
+ */
+declare function clamp(value: number, min: number, max: number): number;
+declare function getSelectedBlockNodes(editor: Editor): Node[];
+
+/**
+ * Helper function to check if there's content above the current position
+ */
+declare function hasContentAbove(editor: Editor | null): {
+    hasContent: boolean;
+    content: string;
+};
+/**
+ * Finds the position of a node in the editor selection
+ * @param params Object containing editor, node (optional), and nodePos (optional)
+ * @returns The position of the node in the selection or null if not found
+ */
+declare function findSelectionPosition(params: {
+    editor: Editor;
+    node?: Node | null;
+    nodePos?: number | null;
+}): number | null;
+
+type ButtonVariant = "ghost" | "primary";
+type ButtonSize = "small" | "default" | "large";
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    showTooltip?: boolean;
+    tooltip?: React.ReactNode;
+    shortcutKeys?: string;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type BaseProps = React.HTMLAttributes<HTMLDivElement>;
+interface ToolbarProps extends BaseProps {
+    variant?: "floating" | "fixed";
+}
+declare const Toolbar: react.ForwardRefExoticComponent<ToolbarProps & react.RefAttributes<HTMLDivElement>>;
+declare const ToolbarGroup: react.ForwardRefExoticComponent<BaseProps & react.RefAttributes<HTMLDivElement>>;
+declare const ToolbarSeparator: react.ForwardRefExoticComponent<BaseProps & react.RefAttributes<HTMLDivElement>>;
+
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): react.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): react.JSX.Element;
+
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react.JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react.JSX.Element;
+declare function DropdownMenuGroup({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react.JSX.Element;
+
+type Orientation = "horizontal" | "vertical";
+declare function Separator({ decorative, orientation, className, ...props }: React.ComponentProps<"div"> & {
+    orientation?: Orientation;
+    decorative?: boolean;
+}): react.JSX.Element;
+
+type SpacerOrientation = "horizontal" | "vertical";
+declare function Spacer({ orientation, size, style, ...props }: React.ComponentProps<"div"> & {
+    orientation?: SpacerOrientation;
+    size?: string | number;
+}): react.JSX.Element;
+
+interface FloatingElementProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The Tiptap editor instance to attach to.
+     */
+    editor?: Editor | null;
+    /**
+     * Controls whether the floating element should be visible.
+     * @default undefined
+     */
+    shouldShow?: boolean;
+    /**
+     * Additional options to pass to the floating UI.
+     */
+    floatingOptions?: Partial<UseFloatingOptions>;
+    /**
+     * Z-index for the floating element.
+     * @default 50
+     */
+    zIndex?: number;
+    /**
+     * Callback fired when the visibility state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Reference element to position the floating element relative to.
+     * If provided, this takes precedence over getBoundingClientRect.
+     */
+    referenceElement?: HTMLElement | null;
+    /**
+     * Custom function to determine the position of the floating element.
+     * Only used if referenceElement is not provided.
+     * @default getSelectionBoundingRect
+     */
+    getBoundingClientRect?: (editor: Editor) => DOMRect | null;
+    /**
+     * Whether to close the floating element when Escape key is pressed.
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Whether to reset the text selection when the floating element is closed or clicked outside the editor.
+     * @default true
+     */
+    resetTextSelectionOnClose?: boolean;
+}
+/**
+ * A floating UI element that positions itself relative to the current selection in a Tiptap editor.
+ * Used for floating toolbars, menus, and other UI elements that need to appear near the text cursor.
+ */
+declare const FloatingElement: react.ForwardRefExoticComponent<FloatingElementProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * 编辑器整面的粘贴/拖拽多媒体接入。覆盖：
+ * 1. 粘贴文件（截图、复制本地图片/视频/任意文件）— `clipboardData.files`
+ * 2. 拖拽本地文件到正文 — `dataTransfer.files`
+ * 3. 拖拽外链图片到正文 — `dataTransfer.text/uri-list` + 后缀名命中
+ *
+ * 按 `file.type` 分发到对应 tiptap 节点：
+ *   image/* → image，video/* → video，audio/* → audio，其它 → fileAttachment
+ *
+ * UX（统一占位流程，见 media-upload-placeholder-node）：
+ * - 所有类型先插入 `mediaUploadPlaceholder` 占位节点显示进度（image/video 带 blob 预览，
+ *   audio/file 显示卡片），上传完成后按 uploadId 替换为真实节点；失败移除占位 + onError；
+ *   点 ✕ 取消则 abort 上传并移除占位。
+ *
+ * 外链 rehost 仅对图片做（视频通常太大、防盗链多，转存价值低），仍走"乐观插入外链 +
+ * 按 src 回填 CDN"的旧路径（不经占位节点）。
+ */
+type PasteDropMediaUploadFn = (file: File, onProgress?: (event: {
+    progress: number;
+}) => void, abortSignal?: AbortSignal) => Promise<string>;
+type PasteDropRehostProgressEvent = {
+    url: string;
+    phase: "downloading";
+    progress: number;
+} | {
+    url: string;
+    phase: "uploading";
+    progress: number;
+} | {
+    url: string;
+    phase: "done";
+    progress: 100;
+};
+interface PasteDropMediaOptions {
+    upload?: PasteDropMediaUploadFn;
+    /** 按媒体大类分别设置单文件大小上限（字节，0 = 不限制）。未配置走包内默认。 */
+    maxFileSizes?: Partial<Record<MediaKind, number>>;
+    /**
+     * 拖入外链图片时是否走 XHR → blob → onUpload 转存到自家 CDN。
+     * 默认 true。CORS 失败 / 超大 / 上传失败时回退为外链直接显示并触发 onError。
+     * 仅对图片 URL 生效。
+     */
+    rehostExternalUrls?: boolean;
+    onError?: (error: Error) => void;
+    /** 外链转存的全程进度（下载 / 上传 / 完成），按 url 聚合。 */
+    onRehostProgress?: (event: PasteDropRehostProgressEvent) => void;
+}
+/**
+ * 统一入口：插入进度占位 → 上传（带进度/取消）→ 成功替换为真实节点 / 失败移除 / 取消 abort。
+ * 同时被 plugin（paste/drop）和 addCommands（slash 菜单 / 工具栏）调用。
+ */
+declare const runMediaUpload: (editor: Editor, file: File, insertPos: number, options: PasteDropMediaOptions) => void;
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        pasteDropMedia: {
+            /** slash 菜单 / 工具栏可调用：把 file 走跟 paste/drop 完全一样的流程插入到当前选区。 */
+            uploadMediaFile: (file: File) => ReturnType;
+        };
+    }
+}
+declare const PasteDropMedia: Extension$1<PasteDropMediaOptions, any>;
+
+interface VideoOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        video: {
+            setVideo: (options: {
+                src: string;
+                title?: string;
+            }) => ReturnType;
+        };
+    }
+}
+/**
+ * 块级 atom：原生 <video controls> 播放器。
+ * 不带自定义 NodeView，浏览器原生播放足够；将来要"自动播放/封面/字幕"再扩展。
+ */
+declare const Video: Node$1<VideoOptions, any>;
+
+interface AudioOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        audio: {
+            setAudio: (options: {
+                src: string;
+                title?: string;
+            }) => ReturnType;
+        };
+    }
+}
+/**
+ * 块级 atom：原生 <audio controls> 播放器。
+ */
+declare const Audio: Node$1<AudioOptions, any>;
+
+interface FileAttachmentOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+interface FileAttachmentAttrs {
+    src: string;
+    name: string;
+    size?: number;
+    mimeType?: string;
+}
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        fileAttachment: {
+            setFileAttachment: (options: FileAttachmentAttrs) => ReturnType;
+        };
+    }
+}
+/**
+ * 块级 atom：通用文件卡片（pdf / doc / zip 等）。
+ * 序列化为 <a data-type="file-attachment" data-size data-mime href download>name</a>，
+ * 没 NodeView 的环境（如纯阅读视图）也能显示成可点击链接。
+ */
+declare const FileAttachment: Node$1<FileAttachmentOptions, any>;
+
+/**
+ * 临时占位节点：拖拽/粘贴上传过程中显示进度，上传完成由 runMediaUpload 替换为
+ * 真实 image/video/audio/fileAttachment 节点。正常不会进入保存内容（保存前已替换）。
+ */
+declare const MediaUploadPlaceholder: Node$1<any, any>;
+
+type ColumnLayout = "column" | "sidebar-left" | "sidebar-right" | "three-column";
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        columns: {
+            /** 插入分栏：layout 决定列数（three-column→3，其余→2）与比例 */
+            setColumns: (layout?: ColumnLayout) => ReturnType;
+            /** 切换当前所在分栏的 layout（仅同列数档位间，带列数守卫） */
+            setColumnsLayout: (layout: ColumnLayout) => ReturnType;
+            /**
+             * 解包分栏，列内容提升为普通块。
+             * pos 给定时按该位置的 columns 节点解包（NodeView 用 getPos() 传入，
+             * 不依赖选区）；不给则回退到选区所在 columns。
+             */
+            unsetColumns: (pos?: number) => ReturnType;
+        };
+    }
+}
+declare const Column: Node$1<any, any>;
+declare const Columns: Node$1<any, any>;
+
+type MediaKindForButton = "video" | "audio" | "file";
+interface MediaUploadButtonProps extends Omit<ButtonProps, "type"> {
+    /** 决定 accept / icon / 目标节点 / aria-label */
+    kind: MediaKindForButton;
+    /** 编辑器实例；不传则走 useTiptapEditor 默认（EditorContext） */
+    editor?: Editor | null;
+    /** 按钮文本，不传只显示图标 */
+    text?: string;
+    /** 节点不在 schema 时是否隐藏（默认 false：始终显示但 disabled） */
+    hideWhenUnavailable?: boolean;
+}
+/**
+ * 工具栏 / 自定义 UI 用的"上传媒体"按钮。点击后打开原生文件选择器，
+ * 选中的 File 通过 `editor.commands.uploadMediaFile(file)` 走 PasteDropMedia 的
+ * 完整流程（size 校验 / 乐观插入 / message.error）。
+ *
+ * 注意：依赖 PasteDropMedia 扩展和对应目标节点（video / audio / fileAttachment）。
+ */
+declare const MediaUploadButton: react.ForwardRefExoticComponent<MediaUploadButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * 程序触发原生文件选择器，返回选中的 File 数组。
+ * 工具栏 / slash 菜单的"插入媒体"按钮共用，避免每个组件自己拼 input。
+ *
+ * 用户取消（按 ESC / 点关闭）：现代浏览器派发 cancel 事件，老浏览器不发——
+ * 没有 cancel 事件的浏览器会留一个隐藏 input 在 body，由 GC 兜底回收。
+ */
+declare function pickFile(accept: string, multiple?: boolean): Promise<File[]>;
+
+export { ArticleViewer, type ArticleViewerProps, Audio, Button, type ButtonProps, CollabContext, type CollabContextValue, CollabProvider, Column, type ColumnLayout, Columns, DEFAULT_MAX_FILE_SIZES, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type EditorCollabConfig, type EditorConfig, EditorConfigProvider, type EditorConfigProviderProps, EditorContentArea, type EditorProviderProps, type EditorUploadConfig, type EditorUserConfig, FileAttachment, type FileAttachmentAttrs, FloatingElement, HIDE_FLOATING_META, LoadingSpinner, MAC_SYMBOLS, MAX_FILE_SIZE, type MediaKind, type MediaKindForButton, MediaUploadButton, type MediaUploadButtonProps, MediaUploadPlaceholder, NotionEditor, NotionEditorContent, EditorProvider as NotionEditorInner, type NotionEditorProps, type OverflowPosition, PasteDropMedia, type PasteDropMediaOptions, type PasteDropMediaUploadFn, type PasteDropRehostProgressEvent, Popover, PopoverContent, PopoverTrigger, type RehostProgressEvent, SR_ONLY, Separator, Spacer, Toolbar, ToolbarGroup, ToolbarSeparator, UiState, UiState as UiStateType, type User, UserContext, type UserContextValue, UserProvider, Video, clamp, cn, defaultUiState, detectMediaKind, findNodeAtPosition, findNodePosition, findSelectionPosition, focusNextNode, formatShortcutKey, getAvatar, getElementOverflowPosition, getNodeDisplayName, getSelectedBlockNodes, getSelectedNodesOfType, getSelectionBoundingRect, getUrlParam, handleImageUpload, hasContentAbove, isAllowedUri, isExtensionAvailable, isMac, isMarkInSchema, isNodeInSchema, isNodeTypeSelected, isSelectionValid, isTextSelectionValid, isValidPosition, markHideFloatingOnNext, parseShortcutKeys, pickFile, removeEmptyParagraphs, resolveMaxSize, runMediaUpload, sanitizeUrl, selectCurrentBlockContent, selectNodeAndHideFloating, selectionWithinConvertibleTypes, updateNodesAttr, useCollab, useCollaboration, useComposedRef, useCursorVisibility, useEditorConfig, useElementRect, useFloatingElement, useFloatingToolbarVisibility, useIsBreakpoint, useIsomorphicLayoutEffect, useMenuNavigation, useOnClickOutside, useScrolling, useThrottledCallback, useTiptapEditor, useUiEditorState, useUiEditorState as useUiEditorStateDefault, useUnmount, useUser, useWindowSize };