import type { Editor } from "@tiptap/react"; import { type CSSProperties } from "react"; /** A bubble-toolbar button or a divider. */ export type BubbleToolbarItem = { /** Short label/glyph shown on the button. */ label: string; /** Accessible/title text. */ title: string; action: () => void; isActive: () => boolean; style?: CSSProperties; } | { type: "divider"; }; /** * Builds the default selection-toolbar items (Plan's current set): bold, * italic, strike, code, headings 1-3, and a link toggle. `toggleLink` is * supplied by the toolbar so the link-editor input can be opened. */ export declare function buildDefaultBubbleItems(editor: Editor, toggleLink: () => void): BubbleToolbarItem[]; export interface BubbleToolbarProps { editor: Editor; /** * Custom item builder. Receives the editor and the `toggleLink` helper (so a * custom set can still open the built-in link editor). Defaults to * {@link buildDefaultBubbleItems}. */ buildItems?: (editor: Editor, toggleLink: () => void) => BubbleToolbarItem[]; } /** * The shared floating selection toolbar. Tracks the current text selection and * positions a fixed toolbar above it, with an inline link editor. Extracted * from the inline plan toolbar so embedders share one implementation; apps swap * the item set via `buildItems`. */ export declare function BubbleToolbar({ editor, buildItems, }: BubbleToolbarProps): import("react").JSX.Element | null; //# sourceMappingURL=BubbleToolbar.d.ts.map