@react-email/editor 0.0.0-experimental.38 → 0.0.0-experimental.39

package/dist/{root-BMxsq1NF.mjs → root-CkYaJZpj.mjs}

@@ -1,12 +1,12 @@
 import { a as MAX_COLUMNS_DEPTH, c as getColumnsDepth, t as editorEventBus } from "./event-bus-CHEzOS_O.mjs";
-import { t as setTextAlignment } from "./set-text-alignment-GMXOPMlJ.mjs";
+import { t as setTextAlignment } from "./set-text-alignment-OA8IMWmO.mjs";
 import { useCurrentEditor, useEditorState } from "@tiptap/react";
 import * as React from "react";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { PluginKey } from "@tiptap/pm/state";
-import * as Popover from "@radix-ui/react-popover";
 import { BubbleMenu } from "@tiptap/react/menus";
+import * as Popover from "@radix-ui/react-popover";
 import { autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/react-dom";
 import Suggestion from "@tiptap/suggestion";
 import { createPortal } from "react-dom";
@@ -744,137 +744,28 @@ function useBubbleMenuContext() {
 }
 
 //#endregion
-//#region src/ui/bubble-menu/item.tsx
-function BubbleMenuItem({ name, isActive, onCommand, className, children, ...rest }) {
+//#region src/ui/bubble-menu/button-edit-link.tsx
+function BubbleMenuButtonEditLink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { setIsEditing } = useBubbleMenuContext();
 	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": name,
-		"aria-pressed": isActive,
-		className,
-		"data-re-bubble-menu-item": "",
-		"data-item": name,
-		...isActive ? { "data-active": "" } : {},
-		onMouseDown: (e) => e.preventDefault(),
-		onClick: onCommand,
 		...rest,
-		children
-	});
-}
-
-//#endregion
-//#region src/ui/bubble-menu/align-center.tsx
-function BubbleMenuAlignCenter({ className, children }) {
-	const { editor } = useBubbleMenuContext();
-	return /* @__PURE__ */ jsx(BubbleMenuItem, {
-		name: "align-center",
-		isActive: useEditorState({
-			editor,
-			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "center" }) ?? false
-		}),
-		onCommand: () => setTextAlignment(editor, "center"),
-		className,
-		children: children ?? /* @__PURE__ */ jsx(AlignCenterIcon, {})
-	});
-}
-
-//#endregion
-//#region src/ui/bubble-menu/align-left.tsx
-function BubbleMenuAlignLeft({ className, children }) {
-	const { editor } = useBubbleMenuContext();
-	return /* @__PURE__ */ jsx(BubbleMenuItem, {
-		name: "align-left",
-		isActive: useEditorState({
-			editor,
-			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "left" }) ?? false
-		}),
-		onCommand: () => setTextAlignment(editor, "left"),
-		className,
-		children: children ?? /* @__PURE__ */ jsx(AlignLeftIcon, {})
-	});
-}
-
-//#endregion
-//#region src/ui/bubble-menu/align-right.tsx
-function BubbleMenuAlignRight({ className, children }) {
-	const { editor } = useBubbleMenuContext();
-	return /* @__PURE__ */ jsx(BubbleMenuItem, {
-		name: "align-right",
-		isActive: useEditorState({
-			editor,
-			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "right" }) ?? false
-		}),
-		onCommand: () => setTextAlignment(editor, "right"),
-		className,
-		children: children ?? /* @__PURE__ */ jsx(AlignRightIcon, {})
-	});
-}
-
-//#endregion
-//#region src/ui/bubble-menu/create-mark-bubble-item.tsx
-function createMarkBubbleItem(config) {
-	function MarkBubbleItem({ className, children }) {
-		const { editor } = useBubbleMenuContext();
-		const isActive = useEditorState({
-			editor,
-			selector: ({ editor: editor$1 }) => {
-				if (config.activeParams) return editor$1?.isActive(config.activeName, config.activeParams) ?? false;
-				return editor$1?.isActive(config.activeName) ?? false;
-			}
-		});
-		const handleCommand = () => {
-			const chain = editor.chain().focus();
-			const method = chain[config.command];
-			if (method) method.call(chain).run();
-		};
-		return /* @__PURE__ */ jsx(BubbleMenuItem, {
-			name: config.name,
-			isActive,
-			onCommand: handleCommand,
-			className,
-			children: children ?? config.icon
-		});
-	}
-	MarkBubbleItem.displayName = `BubbleMenu${config.name.charAt(0).toUpperCase() + config.name.slice(1)}`;
-	return MarkBubbleItem;
-}
-
-//#endregion
-//#region src/ui/bubble-menu/bold.tsx
-const BubbleMenuBold = createMarkBubbleItem({
-	name: "bold",
-	activeName: "bold",
-	command: "toggleBold",
-	icon: /* @__PURE__ */ jsx(BoldIcon, {})
-});
-
-//#endregion
-//#region src/ui/bubble-menu/code.tsx
-const BubbleMenuCode = createMarkBubbleItem({
-	name: "code",
-	activeName: "code",
-	command: "toggleCode",
-	icon: /* @__PURE__ */ jsx(CodeIcon, {})
-});
-
-//#endregion
-//#region src/ui/bubble-menu/group.tsx
-function BubbleMenuItemGroup({ className, children }) {
-	return /* @__PURE__ */ jsx("fieldset", {
+		type: "button",
+		"aria-label": "Edit link",
+		"data-re-btn-bm-item": "",
+		"data-item": "edit-link",
 		className,
-		"data-re-bubble-menu-group": "",
-		children
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
+		},
+		onClick: (e) => {
+			onClick?.(e);
+			setIsEditing(true);
+		},
+		children: children ?? /* @__PURE__ */ jsx(PencilIcon, {})
 	});
 }
 
-//#endregion
-//#region src/ui/bubble-menu/italic.tsx
-const BubbleMenuItalic = createMarkBubbleItem({
-	name: "italic",
-	activeName: "italic",
-	command: "toggleItalic",
-	icon: /* @__PURE__ */ jsx(ItalicIcon, {})
-});
-
 //#endregion
 //#region src/ui/bubble-menu/utils.ts
 const SAFE_PROTOCOLS = new Set([
@@ -922,81 +813,27 @@ function focusEditor(editor) {
 }
 
 //#endregion
-//#region src/ui/bubble-menu/link-selector.tsx
-function BubbleMenuLinkSelector({ className, showToggle = true, validateUrl, onLinkApply, onLinkRemove, children, open: controlledOpen, onOpenChange }) {
-	const { editor } = useBubbleMenuContext();
-	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
-	const isControlled = controlledOpen !== void 0;
-	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-	const setIsOpen = React.useCallback((value) => {
-		if (!isControlled) setUncontrolledOpen(value);
-		onOpenChange?.(value);
-	}, [isControlled, onOpenChange]);
-	const editorState = useEditorState({
-		editor,
-		selector: ({ editor: editor$1 }) => ({
-			isLinkActive: editor$1?.isActive("link") ?? false,
-			hasLink: Boolean(editor$1?.getAttributes("link").href),
-			currentHref: editor$1?.getAttributes("link").href || ""
-		})
-	});
-	const setIsOpenRef = React.useRef(setIsOpen);
-	setIsOpenRef.current = setIsOpen;
-	React.useEffect(() => {
-		const subscription = editorEventBus.on("bubble-menu:add-link", () => {
-			setIsOpenRef.current(true);
-		});
-		return () => {
-			setIsOpenRef.current(false);
-			subscription.unsubscribe();
-		};
-	}, []);
-	if (!editorState) return null;
-	const handleOpenLink = () => {
-		setIsOpen(!isOpen);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		"data-re-link-selector": "",
-		...isOpen ? { "data-open": "" } : {},
-		...editorState.hasLink ? { "data-has-link": "" } : {},
-		className,
-		children: [showToggle && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-expanded": isOpen,
-			"aria-haspopup": "true",
-			"aria-label": "Add link",
-			"aria-pressed": editorState.isLinkActive && editorState.hasLink,
-			"data-re-link-selector-trigger": "",
-			onClick: handleOpenLink,
-			children: /* @__PURE__ */ jsx(LinkIcon, {})
-		}), isOpen && /* @__PURE__ */ jsx(LinkForm, {
-			editor,
-			currentHref: editorState.currentHref,
-			validateUrl,
-			onLinkApply,
-			onLinkRemove,
-			setIsOpen,
-			children
-		})]
-	});
-}
-function LinkForm({ editor, currentHref, validateUrl, onLinkApply, onLinkRemove, setIsOpen, children }) {
+//#region src/ui/bubble-menu/button-form.tsx
+function BubbleMenuButtonForm({ className, validateUrl, onLinkApply, onLinkRemove }) {
+	const { editor, isEditing, setIsEditing } = useBubbleMenuContext();
 	const inputRef = React.useRef(null);
 	const formRef = React.useRef(null);
-	const displayHref = currentHref === "#" ? "" : currentHref;
+	const buttonHref = editor.getAttributes("button").href ?? "";
+	const displayHref = buttonHref === "#" ? "" : buttonHref;
 	const [inputValue, setInputValue] = React.useState(displayHref);
 	React.useEffect(() => {
+		if (!isEditing) return;
+		const currentHref = editor.getAttributes("button").href ?? "";
+		setInputValue(currentHref === "#" ? "" : currentHref);
 		const timeoutId = setTimeout(() => {
 			inputRef.current?.focus();
 		}, 0);
 		return () => clearTimeout(timeoutId);
-	}, []);
+	}, [isEditing, editor]);
 	React.useEffect(() => {
+		if (!isEditing) return;
 		const handleKeyDown = (event) => {
-			if (event.key === "Escape") {
-				if (editor.getAttributes("link").href === "#") editor.chain().unsetLink().run();
-				setIsOpen(false);
-			}
+			if (event.key === "Escape") setIsEditing(false);
 		};
 		const handleClickOutside = (event) => {
 			if (formRef.current && !formRef.current.contains(event.target)) {
@@ -1006,7 +843,7 @@ function LinkForm({ editor, currentHref, validateUrl, onLinkApply, onLinkRemove,
 					cancelable: true
 				});
 				form.dispatchEvent(submitEvent);
-				setIsOpen(false);
+				setIsEditing(false);
 			}
 		};
 		document.addEventListener("mousedown", handleClickOutside);
@@ -1015,391 +852,403 @@ function LinkForm({ editor, currentHref, validateUrl, onLinkApply, onLinkRemove,
 			window.removeEventListener("keydown", handleKeyDown);
 			document.removeEventListener("mousedown", handleClickOutside);
 		};
-	}, [editor, setIsOpen]);
+	}, [isEditing, setIsEditing]);
+	if (!isEditing) return null;
 	function handleSubmit(e) {
 		e.preventDefault();
 		const value = inputValue.trim();
 		if (value === "") {
-			setLinkHref(editor, "");
-			setIsOpen(false);
+			editor.commands.updateButton({ href: "#" });
+			setIsEditing(false);
 			focusEditor(editor);
 			onLinkRemove?.();
 			return;
 		}
 		const finalValue = (validateUrl ?? getUrlFromString)(value);
 		if (!finalValue) {
-			setLinkHref(editor, "");
-			setIsOpen(false);
+			editor.commands.updateButton({ href: "#" });
+			setIsEditing(false);
 			focusEditor(editor);
 			onLinkRemove?.();
 			return;
 		}
-		setLinkHref(editor, finalValue);
-		setIsOpen(false);
+		editor.commands.updateButton({ href: finalValue });
+		setIsEditing(false);
 		focusEditor(editor);
 		onLinkApply?.(finalValue);
 	}
 	function handleUnlink(e) {
 		e.stopPropagation();
-		setLinkHref(editor, "");
-		setIsOpen(false);
+		editor.commands.updateButton({ href: "#" });
+		setIsEditing(false);
 		focusEditor(editor);
 		onLinkRemove?.();
 	}
 	return /* @__PURE__ */ jsxs("form", {
 		ref: formRef,
-		"data-re-link-selector-form": "",
+		"data-re-btn-bm-form": "",
+		className,
 		onMouseDown: (e) => e.stopPropagation(),
 		onClick: (e) => e.stopPropagation(),
 		onKeyDown: (e) => e.stopPropagation(),
 		onSubmit: handleSubmit,
-		children: [
-			/* @__PURE__ */ jsx("input", {
-				ref: inputRef,
-				"data-re-link-selector-input": "",
-				value: inputValue,
-				onFocus: (e) => e.stopPropagation(),
-				onChange: (e) => setInputValue(e.target.value),
-				placeholder: "Paste a link",
-				type: "text"
-			}),
-			children,
-			displayHref ? /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"aria-label": "Remove link",
-				"data-re-link-selector-unlink": "",
-				onClick: handleUnlink,
-				children: /* @__PURE__ */ jsx(UnlinkIcon, {})
-			}) : /* @__PURE__ */ jsx("button", {
-				type: "submit",
-				"aria-label": "Apply link",
-				"data-re-link-selector-apply": "",
-				onMouseDown: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ jsx(Check, {})
-			})
-		]
+		children: [/* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			"data-re-btn-bm-input": "",
+			value: inputValue,
+			onFocus: (e) => e.stopPropagation(),
+			onChange: (e) => setInputValue(e.target.value),
+			placeholder: "Paste a link",
+			type: "text"
+		}), displayHref ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Remove link",
+			"data-re-btn-bm-unlink": "",
+			onClick: handleUnlink,
+			children: /* @__PURE__ */ jsx(UnlinkIcon, {})
+		}) : /* @__PURE__ */ jsx("button", {
+			type: "submit",
+			"aria-label": "Apply link",
+			"data-re-btn-bm-apply": "",
+			onMouseDown: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ jsx(Check, {})
+		})]
 	});
 }
 
 //#endregion
-//#region src/ui/bubble-menu/node-selector.tsx
-const NodeSelectorContext = React.createContext(null);
-function useNodeSelectorContext() {
-	const context = React.useContext(NodeSelectorContext);
-	if (!context) throw new Error("NodeSelector compound components must be used within <NodeSelector.Root>");
-	return context;
+//#region src/ui/bubble-menu/button-toolbar.tsx
+function BubbleMenuButtonToolbar({ children, ...rest }) {
+	const { isEditing } = useBubbleMenuContext();
+	if (isEditing) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-re-btn-bm-toolbar": "",
+		...rest,
+		children
+	});
 }
-function NodeSelectorRoot({ omit = [], open: controlledOpen, onOpenChange, className, children }) {
+
+//#endregion
+//#region src/ui/bubble-menu/button-unlink.tsx
+function BubbleMenuButtonUnlink({ className, children, onClick, onMouseDown, onLinkRemove, ...rest }) {
 	const { editor } = useBubbleMenuContext();
-	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
-	const isControlled = controlledOpen !== void 0;
-	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-	const setIsOpen = React.useCallback((value) => {
-		if (!isControlled) setUncontrolledOpen(value);
-		onOpenChange?.(value);
-	}, [isControlled, onOpenChange]);
-	const editorState = useEditorState({
-		editor,
-		selector: ({ editor: editor$1 }) => ({
-			isParagraphActive: (editor$1?.isActive("paragraph") ?? false) && !editor$1?.isActive("bulletList") && !editor$1?.isActive("orderedList"),
-			isHeading1Active: editor$1?.isActive("heading", { level: 1 }) ?? false,
-			isHeading2Active: editor$1?.isActive("heading", { level: 2 }) ?? false,
-			isHeading3Active: editor$1?.isActive("heading", { level: 3 }) ?? false,
-			isBulletListActive: editor$1?.isActive("bulletList") ?? false,
-			isOrderedListActive: editor$1?.isActive("orderedList") ?? false,
-			isBlockquoteActive: editor$1?.isActive("blockquote") ?? false,
-			isCodeBlockActive: editor$1?.isActive("codeBlock") ?? false
-		})
-	});
-	const allItems = React.useMemo(() => [
-		{
-			name: "Text",
-			icon: TextIcon,
-			command: () => editor.chain().focus().clearNodes().toggleNode("paragraph", "paragraph").run(),
-			isActive: editorState?.isParagraphActive ?? false
-		},
-		{
-			name: "Title",
-			icon: Heading1,
-			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 1 }).run(),
-			isActive: editorState?.isHeading1Active ?? false
-		},
-		{
-			name: "Subtitle",
-			icon: Heading2,
-			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 2 }).run(),
-			isActive: editorState?.isHeading2Active ?? false
-		},
-		{
-			name: "Heading",
-			icon: Heading3,
-			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 3 }).run(),
-			isActive: editorState?.isHeading3Active ?? false
-		},
-		{
-			name: "Bullet List",
-			icon: List,
-			command: () => editor.chain().focus().clearNodes().toggleBulletList().run(),
-			isActive: editorState?.isBulletListActive ?? false
-		},
-		{
-			name: "Numbered List",
-			icon: ListOrdered,
-			command: () => editor.chain().focus().clearNodes().toggleOrderedList().run(),
-			isActive: editorState?.isOrderedListActive ?? false
+	return /* @__PURE__ */ jsx("button", {
+		...rest,
+		type: "button",
+		"aria-label": "Remove link",
+		"data-re-btn-bm-item": "",
+		"data-item": "unlink",
+		className,
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
 		},
-		{
-			name: "Quote",
-			icon: TextQuote,
-			command: () => editor.chain().focus().clearNodes().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
-			isActive: editorState?.isBlockquoteActive ?? false
+		onClick: (e) => {
+			onClick?.(e);
+			editor.commands.updateButton({ href: "#" });
+			focusEditor(editor);
+			onLinkRemove?.();
 		},
-		{
-			name: "Code",
-			icon: Code,
-			command: () => editor.chain().focus().clearNodes().toggleCodeBlock().run(),
-			isActive: editorState?.isCodeBlockActive ?? false
-		}
-	], [editor, editorState]);
-	const items = React.useMemo(() => allItems.filter((item) => !omit.includes(item.name)), [allItems, omit]);
-	const activeItem = React.useMemo(() => items.find((item) => item.isActive) ?? { name: "Multiple" }, [items]);
-	const contextValue = React.useMemo(() => ({
-		items,
-		activeItem,
-		isOpen,
-		setIsOpen
-	}), [
-		items,
-		activeItem,
-		isOpen,
-		setIsOpen
-	]);
-	if (!editorState || items.length === 0) return null;
-	return /* @__PURE__ */ jsx(NodeSelectorContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsx(Popover.Root, {
-			open: isOpen,
-			onOpenChange: setIsOpen,
-			children: /* @__PURE__ */ jsx("div", {
-				"data-re-node-selector": "",
-				...isOpen ? { "data-open": "" } : {},
-				className,
-				children
-			})
-		})
-	});
-}
-function NodeSelectorTrigger({ className, children }) {
-	const { activeItem, isOpen, setIsOpen } = useNodeSelectorContext();
-	return /* @__PURE__ */ jsx(Popover.Trigger, {
-		"data-re-node-selector-trigger": "",
-		className,
-		onClick: () => setIsOpen(!isOpen),
-		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: activeItem.name }), /* @__PURE__ */ jsx(ChevronDown, {})] })
-	});
-}
-function NodeSelectorContent({ className, align = "start", children }) {
-	const { items, setIsOpen } = useNodeSelectorContext();
-	return /* @__PURE__ */ jsx(Popover.Content, {
-		align,
-		"data-re-node-selector-content": "",
-		className,
-		children: children ? children(items, () => setIsOpen(false)) : items.map((item) => {
-			const Icon = item.icon;
-			return /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				"data-re-node-selector-item": "",
-				...item.isActive ? { "data-active": "" } : {},
-				onClick: () => {
-					item.command();
-					setIsOpen(false);
-				},
-				children: [
-					/* @__PURE__ */ jsx(Icon, {}),
-					/* @__PURE__ */ jsx("span", { children: item.name }),
-					item.isActive && /* @__PURE__ */ jsx(Check, {})
-				]
-			}, item.name);
-		})
-	});
-}
-function BubbleMenuNodeSelector({ omit = [], className, triggerContent, open, onOpenChange }) {
-	return /* @__PURE__ */ jsxs(NodeSelectorRoot, {
-		omit,
-		open,
-		onOpenChange,
-		className,
-		children: [/* @__PURE__ */ jsx(NodeSelectorTrigger, { children: triggerContent }), /* @__PURE__ */ jsx(NodeSelectorContent, {})]
+		children: children ?? /* @__PURE__ */ jsx(UnlinkIcon, {})
 	});
 }
 
+//#endregion
+//#region src/ui/bubble-menu/triggers.ts
+const bubbleMenuTriggers = {
+	textSelection(hideWhenActiveNodes = [], hideWhenActiveMarks = []) {
+		return ({ editor, state }) => {
+			for (const node of hideWhenActiveNodes) {
+				if (editor.isActive(node)) return false;
+				const { $from } = state.selection;
+				for (let d = $from.depth; d > 0; d--) if ($from.node(d).type.name === node) return false;
+			}
+			for (const mark of hideWhenActiveMarks) if (editor.isActive(mark)) return false;
+			return editor.view.state.selection.content().size > 0;
+		};
+	},
+	node(name) {
+		return ({ editor }) => editor.isActive(name);
+	},
+	nodeWithoutSelection(name) {
+		return ({ editor }) => editor.isActive(name) && editor.view.state.selection.content().size === 0;
+	}
+};
+
 //#endregion
 //#region src/ui/bubble-menu/root.tsx
-function BubbleMenuRoot({ excludeNodes = [], excludeMarks = [], placement = "bottom", offset: offset$1 = 8, onHide, className, children, ...rest }) {
+const defaultPluginKey = new PluginKey("bubbleMenu");
+function BubbleMenuRoot({ shouldShow, pluginKey: pluginKey$1 = defaultPluginKey, hideWhenActiveNodes = [], hideWhenActiveMarks = [], placement = "bottom", offset: offset$1 = 8, onHide, className, children, ...rest }) {
 	const { editor } = useCurrentEditor();
+	const [isEditing, setIsEditing] = React.useState(false);
+	const resolvedShouldShow = shouldShow ?? bubbleMenuTriggers.textSelection(hideWhenActiveNodes, hideWhenActiveMarks);
 	if (!editor) return null;
 	return /* @__PURE__ */ jsx(BubbleMenu, {
 		editor,
-		pluginKey: "textBubbleMenu",
+		pluginKey: pluginKey$1,
 		"data-re-bubble-menu": "",
-		shouldShow: ({ editor: editor$1, view, state }) => {
-			for (const node of excludeNodes) {
-				if (editor$1.isActive(node)) return false;
-				const { $from } = state.selection;
-				for (let d = $from.depth; d > 0; d--) if ($from.node(d).type.name === node) return false;
-			}
-			for (const mark of excludeMarks) if (editor$1.isActive(mark)) return false;
-			if (view.dom.classList.contains("dragging")) return false;
-			return editor$1.view.state.selection.content().size > 0;
-		},
+		shouldShow: resolvedShouldShow,
 		options: {
 			placement,
 			offset: offset$1,
-			onHide
+			onHide: () => {
+				setIsEditing(false);
+				onHide?.();
+			}
 		},
 		className,
 		...rest,
 		children: /* @__PURE__ */ jsx(BubbleMenuContext.Provider, {
-			value: { editor },
+			value: {
+				editor,
+				isEditing,
+				setIsEditing
+			},
 			children
 		})
 	});
 }
 
 //#endregion
-//#region src/ui/bubble-menu/strike.tsx
-const BubbleMenuStrike = createMarkBubbleItem({
-	name: "strike",
-	activeName: "strike",
-	command: "toggleStrike",
-	icon: /* @__PURE__ */ jsx(StrikethroughIcon, {})
-});
+//#region src/ui/bubble-menu/button-default.tsx
+const buttonPluginKey = new PluginKey("buttonBubbleMenu");
+function BubbleMenuButtonDefaultInner({ validateUrl, onLinkApply, onLinkRemove }) {
+	const { editor } = useBubbleMenuContext();
+	const buttonHref = useEditorState({
+		editor,
+		selector: ({ editor: e }) => e?.getAttributes("button").href ?? ""
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(BubbleMenuButtonToolbar, { children: [/* @__PURE__ */ jsx(BubbleMenuButtonEditLink, {}), (buttonHref ?? "") !== "" && buttonHref !== "#" && /* @__PURE__ */ jsx(BubbleMenuButtonUnlink, { onLinkRemove })] }), /* @__PURE__ */ jsx(BubbleMenuButtonForm, {
+		validateUrl,
+		onLinkApply,
+		onLinkRemove
+	})] });
+}
+function BubbleMenuButtonDefault({ placement = "top", offset: offset$1, onHide, className, validateUrl, onLinkApply, onLinkRemove, ...rest }) {
+	return /* @__PURE__ */ jsx(BubbleMenuRoot, {
+		shouldShow: bubbleMenuTriggers.node("button"),
+		pluginKey: buttonPluginKey,
+		placement,
+		offset: offset$1,
+		onHide,
+		className,
+		...rest,
+		children: /* @__PURE__ */ jsx(BubbleMenuButtonDefaultInner, {
+			validateUrl,
+			onLinkApply,
+			onLinkRemove
+		})
+	});
+}
 
 //#endregion
-//#region src/ui/bubble-menu/underline.tsx
-const BubbleMenuUnderline = createMarkBubbleItem({
-	name: "underline",
-	activeName: "underline",
-	command: "toggleUnderline",
-	icon: /* @__PURE__ */ jsx(UnderlineIcon, {})
-});
+//#region src/ui/bubble-menu/item.tsx
+function BubbleMenuItem({ name, isActive, onCommand, className, children, ...rest }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": name,
+		"aria-pressed": isActive,
+		className,
+		"data-re-bubble-menu-item": "",
+		"data-item": name,
+		...isActive ? { "data-active": "" } : {},
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: onCommand,
+		...rest,
+		children
+	});
+}
 
 //#endregion
-//#region src/ui/bubble-menu/uppercase.tsx
-const BubbleMenuUppercase = createMarkBubbleItem({
-	name: "uppercase",
-	activeName: "uppercase",
-	command: "toggleUppercase",
-	icon: /* @__PURE__ */ jsx(CaseUpperIcon, {})
-});
+//#region src/ui/bubble-menu/align-center.tsx
+function BubbleMenuAlignCenter({ className, children }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx(BubbleMenuItem, {
+		name: "align-center",
+		isActive: useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "center" }) ?? false
+		}),
+		onCommand: () => setTextAlignment(editor, "center"),
+		className,
+		children: children ?? /* @__PURE__ */ jsx(AlignCenterIcon, {})
+	});
+}
 
 //#endregion
-//#region src/ui/bubble-menu/default.tsx
-function BubbleMenuDefault({ excludeItems = [], excludeNodes, excludeMarks, placement, offset: offset$1, onHide, className, ...rest }) {
-	const [isNodeSelectorOpen, setIsNodeSelectorOpen] = React.useState(false);
-	const [isLinkSelectorOpen, setIsLinkSelectorOpen] = React.useState(false);
-	const has = (item) => !excludeItems.includes(item);
-	const handleNodeSelectorOpenChange = React.useCallback((open) => {
-		setIsNodeSelectorOpen(open);
-		if (open) setIsLinkSelectorOpen(false);
-	}, []);
-	const handleLinkSelectorOpenChange = React.useCallback((open) => {
-		setIsLinkSelectorOpen(open);
-		if (open) setIsNodeSelectorOpen(false);
-	}, []);
-	const handleHide = React.useCallback(() => {
-		setIsNodeSelectorOpen(false);
-		setIsLinkSelectorOpen(false);
-		onHide?.();
-	}, [onHide]);
-	const hasFormattingItems = has("bold") || has("italic") || has("underline") || has("strike") || has("code") || has("uppercase");
-	const hasAlignmentItems = has("align-left") || has("align-center") || has("align-right");
-	return /* @__PURE__ */ jsxs(BubbleMenuRoot, {
-		excludeNodes,
-		excludeMarks,
-		placement,
-		offset: offset$1,
-		onHide: handleHide,
+//#region src/ui/bubble-menu/align-left.tsx
+function BubbleMenuAlignLeft({ className, children }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx(BubbleMenuItem, {
+		name: "align-left",
+		isActive: useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "left" }) ?? false
+		}),
+		onCommand: () => setTextAlignment(editor, "left"),
 		className,
-		...rest,
-		children: [
-			has("node-selector") && /* @__PURE__ */ jsx(BubbleMenuNodeSelector, {
-				open: isNodeSelectorOpen,
-				onOpenChange: handleNodeSelectorOpenChange
-			}),
-			has("link-selector") && /* @__PURE__ */ jsx(BubbleMenuLinkSelector, {
-				open: isLinkSelectorOpen,
-				onOpenChange: handleLinkSelectorOpenChange
-			}),
-			hasFormattingItems && /* @__PURE__ */ jsxs(BubbleMenuItemGroup, { children: [
-				has("bold") && /* @__PURE__ */ jsx(BubbleMenuBold, {}),
-				has("italic") && /* @__PURE__ */ jsx(BubbleMenuItalic, {}),
-				has("underline") && /* @__PURE__ */ jsx(BubbleMenuUnderline, {}),
-				has("strike") && /* @__PURE__ */ jsx(BubbleMenuStrike, {}),
-				has("code") && /* @__PURE__ */ jsx(BubbleMenuCode, {}),
-				has("uppercase") && /* @__PURE__ */ jsx(BubbleMenuUppercase, {})
-			] }),
-			hasAlignmentItems && /* @__PURE__ */ jsxs(BubbleMenuItemGroup, { children: [
-				has("align-left") && /* @__PURE__ */ jsx(BubbleMenuAlignLeft, {}),
-				has("align-center") && /* @__PURE__ */ jsx(BubbleMenuAlignCenter, {}),
-				has("align-right") && /* @__PURE__ */ jsx(BubbleMenuAlignRight, {})
-			] })
-		]
+		children: children ?? /* @__PURE__ */ jsx(AlignLeftIcon, {})
 	});
 }
 
 //#endregion
-//#region src/ui/button-bubble-menu/context.tsx
-const ButtonBubbleMenuContext = React.createContext(null);
-function useButtonBubbleMenuContext() {
-	const context = React.useContext(ButtonBubbleMenuContext);
-	if (!context) throw new Error("ButtonBubbleMenu compound components must be used within <ButtonBubbleMenu.Root>");
-	return context;
+//#region src/ui/bubble-menu/align-right.tsx
+function BubbleMenuAlignRight({ className, children }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx(BubbleMenuItem, {
+		name: "align-right",
+		isActive: useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "right" }) ?? false
+		}),
+		onCommand: () => setTextAlignment(editor, "right"),
+		className,
+		children: children ?? /* @__PURE__ */ jsx(AlignRightIcon, {})
+	});
 }
 
 //#endregion
-//#region src/ui/button-bubble-menu/edit-link.tsx
-function ButtonBubbleMenuEditLink({ className, children, onClick, onMouseDown, ...rest }) {
-	const { setIsEditing } = useButtonBubbleMenuContext();
-	return /* @__PURE__ */ jsx("button", {
-		...rest,
-		type: "button",
-		"aria-label": "Edit link",
-		"data-re-btn-bm-item": "",
-		"data-item": "edit-link",
+//#region src/ui/bubble-menu/create-mark-bubble-item.tsx
+function createMarkBubbleItem(config) {
+	function MarkBubbleItem({ className, children }) {
+		const { editor } = useBubbleMenuContext();
+		const isActive = useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => {
+				if (config.activeParams) return editor$1?.isActive(config.activeName, config.activeParams) ?? false;
+				return editor$1?.isActive(config.activeName) ?? false;
+			}
+		});
+		const handleCommand = () => {
+			const chain = editor.chain().focus();
+			const method = chain[config.command];
+			if (method) method.call(chain).run();
+		};
+		return /* @__PURE__ */ jsx(BubbleMenuItem, {
+			name: config.name,
+			isActive,
+			onCommand: handleCommand,
+			className,
+			children: children ?? config.icon
+		});
+	}
+	MarkBubbleItem.displayName = `BubbleMenu${config.name.charAt(0).toUpperCase() + config.name.slice(1)}`;
+	return MarkBubbleItem;
+}
+
+//#endregion
+//#region src/ui/bubble-menu/bold.tsx
+const BubbleMenuBold = createMarkBubbleItem({
+	name: "bold",
+	activeName: "bold",
+	command: "toggleBold",
+	icon: /* @__PURE__ */ jsx(BoldIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/code.tsx
+const BubbleMenuCode = createMarkBubbleItem({
+	name: "code",
+	activeName: "code",
+	command: "toggleCode",
+	icon: /* @__PURE__ */ jsx(CodeIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/group.tsx
+function BubbleMenuItemGroup({ className, children }) {
+	return /* @__PURE__ */ jsx("fieldset", {
 		className,
-		onMouseDown: (e) => {
-			e.preventDefault();
-			onMouseDown?.(e);
-		},
-		onClick: (e) => {
-			onClick?.(e);
-			setIsEditing(true);
-		},
-		children: children ?? /* @__PURE__ */ jsx(PencilIcon, {})
+		"data-re-bubble-menu-group": "",
+		children
 	});
 }
 
 //#endregion
-//#region src/ui/button-bubble-menu/form.tsx
-function ButtonBubbleMenuForm({ className, validateUrl, onLinkApply, onLinkRemove }) {
-	const { editor, buttonHref, isEditing, setIsEditing } = useButtonBubbleMenuContext();
+//#region src/ui/bubble-menu/italic.tsx
+const BubbleMenuItalic = createMarkBubbleItem({
+	name: "italic",
+	activeName: "italic",
+	command: "toggleItalic",
+	icon: /* @__PURE__ */ jsx(ItalicIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/link-selector.tsx
+function BubbleMenuLinkSelector({ className, showToggle = true, validateUrl, onLinkApply, onLinkRemove, children, open: controlledOpen, onOpenChange }) {
+	const { editor } = useBubbleMenuContext();
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+	const setIsOpen = React.useCallback((value) => {
+		if (!isControlled) setUncontrolledOpen(value);
+		onOpenChange?.(value);
+	}, [isControlled, onOpenChange]);
+	const editorState = useEditorState({
+		editor,
+		selector: ({ editor: editor$1 }) => ({
+			isLinkActive: editor$1?.isActive("link") ?? false,
+			hasLink: Boolean(editor$1?.getAttributes("link").href),
+			currentHref: editor$1?.getAttributes("link").href || ""
+		})
+	});
+	const setIsOpenRef = React.useRef(setIsOpen);
+	setIsOpenRef.current = setIsOpen;
+	React.useEffect(() => {
+		const subscription = editorEventBus.on("bubble-menu:add-link", () => {
+			setIsOpenRef.current(true);
+		});
+		return () => {
+			setIsOpenRef.current(false);
+			subscription.unsubscribe();
+		};
+	}, []);
+	if (!editorState) return null;
+	const handleOpenLink = () => {
+		setIsOpen(!isOpen);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-re-link-selector": "",
+		...isOpen ? { "data-open": "" } : {},
+		...editorState.hasLink ? { "data-has-link": "" } : {},
+		className,
+		children: [showToggle && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-expanded": isOpen,
+			"aria-haspopup": "true",
+			"aria-label": "Add link",
+			"aria-pressed": editorState.isLinkActive && editorState.hasLink,
+			"data-re-link-selector-trigger": "",
+			onClick: handleOpenLink,
+			children: /* @__PURE__ */ jsx(LinkIcon, {})
+		}), isOpen && /* @__PURE__ */ jsx(LinkForm, {
+			editor,
+			currentHref: editorState.currentHref,
+			validateUrl,
+			onLinkApply,
+			onLinkRemove,
+			setIsOpen,
+			children
+		})]
+	});
+}
+function LinkForm({ editor, currentHref, validateUrl, onLinkApply, onLinkRemove, setIsOpen, children }) {
 	const inputRef = React.useRef(null);
 	const formRef = React.useRef(null);
-	const displayHref = buttonHref === "#" ? "" : buttonHref;
+	const displayHref = currentHref === "#" ? "" : currentHref;
 	const [inputValue, setInputValue] = React.useState(displayHref);
 	React.useEffect(() => {
-		if (!isEditing) return;
-		setInputValue(displayHref);
 		const timeoutId = setTimeout(() => {
 			inputRef.current?.focus();
 		}, 0);
 		return () => clearTimeout(timeoutId);
-	}, [isEditing, displayHref]);
+	}, []);
 	React.useEffect(() => {
-		if (!isEditing) return;
 		const handleKeyDown = (event) => {
-			if (event.key === "Escape") setIsEditing(false);
+			if (event.key === "Escape") {
+				if (editor.getAttributes("link").href === "#") editor.chain().unsetLink().run();
+				setIsOpen(false);
+			}
 		};
 		const handleClickOutside = (event) => {
 			if (formRef.current && !formRef.current.contains(event.target)) {
@@ -1409,7 +1258,7 @@ function ButtonBubbleMenuForm({ className, validateUrl, onLinkApply, onLinkRemov
 					cancelable: true
 				});
 				form.dispatchEvent(submitEvent);
-				setIsEditing(false);
+				setIsOpen(false);
 			}
 		};
 		document.addEventListener("mousedown", handleClickOutside);
@@ -1418,182 +1267,312 @@ function ButtonBubbleMenuForm({ className, validateUrl, onLinkApply, onLinkRemov
 			window.removeEventListener("keydown", handleKeyDown);
 			document.removeEventListener("mousedown", handleClickOutside);
 		};
-	}, [isEditing, setIsEditing]);
-	if (!isEditing) return null;
+	}, [editor, setIsOpen]);
 	function handleSubmit(e) {
 		e.preventDefault();
 		const value = inputValue.trim();
 		if (value === "") {
-			editor.commands.updateButton({ href: "#" });
-			setIsEditing(false);
+			setLinkHref(editor, "");
+			setIsOpen(false);
 			focusEditor(editor);
 			onLinkRemove?.();
 			return;
 		}
 		const finalValue = (validateUrl ?? getUrlFromString)(value);
 		if (!finalValue) {
-			editor.commands.updateButton({ href: "#" });
-			setIsEditing(false);
+			setLinkHref(editor, "");
+			setIsOpen(false);
 			focusEditor(editor);
 			onLinkRemove?.();
 			return;
 		}
-		editor.commands.updateButton({ href: finalValue });
-		setIsEditing(false);
+		setLinkHref(editor, finalValue);
+		setIsOpen(false);
 		focusEditor(editor);
 		onLinkApply?.(finalValue);
 	}
 	function handleUnlink(e) {
 		e.stopPropagation();
-		editor.commands.updateButton({ href: "#" });
-		setIsEditing(false);
+		setLinkHref(editor, "");
+		setIsOpen(false);
 		focusEditor(editor);
 		onLinkRemove?.();
 	}
 	return /* @__PURE__ */ jsxs("form", {
 		ref: formRef,
-		"data-re-btn-bm-form": "",
-		className,
+		"data-re-link-selector-form": "",
 		onMouseDown: (e) => e.stopPropagation(),
 		onClick: (e) => e.stopPropagation(),
 		onKeyDown: (e) => e.stopPropagation(),
 		onSubmit: handleSubmit,
-		children: [/* @__PURE__ */ jsx("input", {
-			ref: inputRef,
-			"data-re-btn-bm-input": "",
-			value: inputValue,
-			onFocus: (e) => e.stopPropagation(),
-			onChange: (e) => setInputValue(e.target.value),
-			placeholder: "Paste a link",
-			type: "text"
-		}), displayHref ? /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": "Remove link",
-			"data-re-btn-bm-unlink": "",
-			onClick: handleUnlink,
-			children: /* @__PURE__ */ jsx(UnlinkIcon, {})
-		}) : /* @__PURE__ */ jsx("button", {
-			type: "submit",
-			"aria-label": "Apply link",
-			"data-re-btn-bm-apply": "",
-			onMouseDown: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ jsx(Check, {})
-		})]
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				"data-re-link-selector-input": "",
+				value: inputValue,
+				onFocus: (e) => e.stopPropagation(),
+				onChange: (e) => setInputValue(e.target.value),
+				placeholder: "Paste a link",
+				type: "text"
+			}),
+			children,
+			displayHref ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": "Remove link",
+				"data-re-link-selector-unlink": "",
+				onClick: handleUnlink,
+				children: /* @__PURE__ */ jsx(UnlinkIcon, {})
+			}) : /* @__PURE__ */ jsx("button", {
+				type: "submit",
+				"aria-label": "Apply link",
+				"data-re-link-selector-apply": "",
+				onMouseDown: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ jsx(Check, {})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/node-selector.tsx
+const NodeSelectorContext = React.createContext(null);
+function useNodeSelectorContext() {
+	const context = React.useContext(NodeSelectorContext);
+	if (!context) throw new Error("NodeSelector compound components must be used within <NodeSelector.Root>");
+	return context;
+}
+function NodeSelectorRoot({ omit = [], open: controlledOpen, onOpenChange, className, children }) {
+	const { editor } = useBubbleMenuContext();
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+	const setIsOpen = React.useCallback((value) => {
+		if (!isControlled) setUncontrolledOpen(value);
+		onOpenChange?.(value);
+	}, [isControlled, onOpenChange]);
+	const editorState = useEditorState({
+		editor,
+		selector: ({ editor: editor$1 }) => ({
+			isParagraphActive: (editor$1?.isActive("paragraph") ?? false) && !editor$1?.isActive("bulletList") && !editor$1?.isActive("orderedList"),
+			isHeading1Active: editor$1?.isActive("heading", { level: 1 }) ?? false,
+			isHeading2Active: editor$1?.isActive("heading", { level: 2 }) ?? false,
+			isHeading3Active: editor$1?.isActive("heading", { level: 3 }) ?? false,
+			isBulletListActive: editor$1?.isActive("bulletList") ?? false,
+			isOrderedListActive: editor$1?.isActive("orderedList") ?? false,
+			isBlockquoteActive: editor$1?.isActive("blockquote") ?? false,
+			isCodeBlockActive: editor$1?.isActive("codeBlock") ?? false
+		})
+	});
+	const allItems = React.useMemo(() => [
+		{
+			name: "Text",
+			icon: TextIcon,
+			command: () => editor.chain().focus().clearNodes().toggleNode("paragraph", "paragraph").run(),
+			isActive: editorState?.isParagraphActive ?? false
+		},
+		{
+			name: "Title",
+			icon: Heading1,
+			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 1 }).run(),
+			isActive: editorState?.isHeading1Active ?? false
+		},
+		{
+			name: "Subtitle",
+			icon: Heading2,
+			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 2 }).run(),
+			isActive: editorState?.isHeading2Active ?? false
+		},
+		{
+			name: "Heading",
+			icon: Heading3,
+			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 3 }).run(),
+			isActive: editorState?.isHeading3Active ?? false
+		},
+		{
+			name: "Bullet List",
+			icon: List,
+			command: () => editor.chain().focus().clearNodes().toggleBulletList().run(),
+			isActive: editorState?.isBulletListActive ?? false
+		},
+		{
+			name: "Numbered List",
+			icon: ListOrdered,
+			command: () => editor.chain().focus().clearNodes().toggleOrderedList().run(),
+			isActive: editorState?.isOrderedListActive ?? false
+		},
+		{
+			name: "Quote",
+			icon: TextQuote,
+			command: () => editor.chain().focus().clearNodes().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
+			isActive: editorState?.isBlockquoteActive ?? false
+		},
+		{
+			name: "Code",
+			icon: Code,
+			command: () => editor.chain().focus().clearNodes().toggleCodeBlock().run(),
+			isActive: editorState?.isCodeBlockActive ?? false
+		}
+	], [editor, editorState]);
+	const items = React.useMemo(() => allItems.filter((item) => !omit.includes(item.name)), [allItems, omit]);
+	const activeItem = React.useMemo(() => items.find((item) => item.isActive) ?? { name: "Multiple" }, [items]);
+	const contextValue = React.useMemo(() => ({
+		items,
+		activeItem,
+		isOpen,
+		setIsOpen
+	}), [
+		items,
+		activeItem,
+		isOpen,
+		setIsOpen
+	]);
+	if (!editorState || items.length === 0) return null;
+	return /* @__PURE__ */ jsx(NodeSelectorContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Popover.Root, {
+			open: isOpen,
+			onOpenChange: setIsOpen,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-re-node-selector": "",
+				...isOpen ? { "data-open": "" } : {},
+				className,
+				children
+			})
+		})
 	});
 }
-
-//#endregion
-//#region src/ui/button-bubble-menu/root.tsx
-function ButtonBubbleMenuRoot({ onHide, placement = "top", offset: offset$1 = 8, className, children, ...rest }) {
-	const { editor } = useCurrentEditor();
-	const [isEditing, setIsEditing] = React.useState(false);
-	const buttonHref = useEditorState({
-		editor,
-		selector: ({ editor: e }) => e?.getAttributes("button").href ?? ""
+function NodeSelectorTrigger({ className, children }) {
+	const { activeItem, isOpen, setIsOpen } = useNodeSelectorContext();
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-re-node-selector-trigger": "",
+		className,
+		onClick: () => setIsOpen(!isOpen),
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: activeItem.name }), /* @__PURE__ */ jsx(ChevronDown, {})] })
 	});
-	if (!editor) return null;
-	return /* @__PURE__ */ jsx(BubbleMenu, {
-		editor,
-		pluginKey: "buttonBubbleMenu",
-		"data-re-btn-bm": "",
-		shouldShow: ({ editor: e, view }) => e.isActive("button") && !view.dom.classList.contains("dragging"),
-		options: {
-			placement,
-			offset: offset$1,
-			onHide: () => {
-				setIsEditing(false);
-				onHide?.();
-			}
-		},
+}
+function NodeSelectorContent({ className, align = "start", children }) {
+	const { items, setIsOpen } = useNodeSelectorContext();
+	return /* @__PURE__ */ jsx(Popover.Content, {
+		align,
+		"data-re-node-selector-content": "",
 		className,
-		...rest,
-		children: /* @__PURE__ */ jsx(ButtonBubbleMenuContext.Provider, {
-			value: {
-				editor,
-				buttonHref: buttonHref ?? "",
-				isEditing,
-				setIsEditing
-			},
-			children
+		children: children ? children(items, () => setIsOpen(false)) : items.map((item) => {
+			const Icon = item.icon;
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"data-re-node-selector-item": "",
+				...item.isActive ? { "data-active": "" } : {},
+				onClick: () => {
+					item.command();
+					setIsOpen(false);
+				},
+				children: [
+					/* @__PURE__ */ jsx(Icon, {}),
+					/* @__PURE__ */ jsx("span", { children: item.name }),
+					item.isActive && /* @__PURE__ */ jsx(Check, {})
+				]
+			}, item.name);
 		})
 	});
 }
-
-//#endregion
-//#region src/ui/button-bubble-menu/toolbar.tsx
-function ButtonBubbleMenuToolbar({ children, ...rest }) {
-	const { isEditing } = useButtonBubbleMenuContext();
-	if (isEditing) return null;
-	return /* @__PURE__ */ jsx("div", {
-		"data-re-btn-bm-toolbar": "",
-		...rest,
-		children
+function BubbleMenuNodeSelector({ omit = [], className, triggerContent, open, onOpenChange }) {
+	return /* @__PURE__ */ jsxs(NodeSelectorRoot, {
+		omit,
+		open,
+		onOpenChange,
+		className,
+		children: [/* @__PURE__ */ jsx(NodeSelectorTrigger, { children: triggerContent }), /* @__PURE__ */ jsx(NodeSelectorContent, {})]
 	});
 }
 
 //#endregion
-//#region src/ui/button-bubble-menu/unlink.tsx
-function ButtonBubbleMenuUnlink({ className, children, onClick, onMouseDown, onLinkRemove, ...rest }) {
-	const { editor } = useButtonBubbleMenuContext();
-	return /* @__PURE__ */ jsx("button", {
-		...rest,
-		type: "button",
-		"aria-label": "Remove link",
-		"data-re-btn-bm-item": "",
-		"data-item": "unlink",
-		className,
-		onMouseDown: (e) => {
-			e.preventDefault();
-			onMouseDown?.(e);
-		},
-		onClick: (e) => {
-			onClick?.(e);
-			editor.commands.updateButton({ href: "#" });
-			focusEditor(editor);
-			onLinkRemove?.();
-		},
-		children: children ?? /* @__PURE__ */ jsx(UnlinkIcon, {})
-	});
-}
+//#region src/ui/bubble-menu/strike.tsx
+const BubbleMenuStrike = createMarkBubbleItem({
+	name: "strike",
+	activeName: "strike",
+	command: "toggleStrike",
+	icon: /* @__PURE__ */ jsx(StrikethroughIcon, {})
+});
 
 //#endregion
-//#region src/ui/button-bubble-menu/default.tsx
-function ButtonBubbleMenuDefaultInner({ validateUrl, onLinkApply, onLinkRemove }) {
-	const { buttonHref } = useButtonBubbleMenuContext();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ButtonBubbleMenuToolbar, { children: [/* @__PURE__ */ jsx(ButtonBubbleMenuEditLink, {}), buttonHref !== "" && buttonHref !== "#" && /* @__PURE__ */ jsx(ButtonBubbleMenuUnlink, { onLinkRemove })] }), /* @__PURE__ */ jsx(ButtonBubbleMenuForm, {
-		validateUrl,
-		onLinkApply,
-		onLinkRemove
-	})] });
-}
-function ButtonBubbleMenuDefault({ placement, offset: offset$1, onHide, className, validateUrl, onLinkApply, onLinkRemove, ...rest }) {
-	return /* @__PURE__ */ jsx(ButtonBubbleMenuRoot, {
+//#region src/ui/bubble-menu/underline.tsx
+const BubbleMenuUnderline = createMarkBubbleItem({
+	name: "underline",
+	activeName: "underline",
+	command: "toggleUnderline",
+	icon: /* @__PURE__ */ jsx(UnderlineIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/uppercase.tsx
+const BubbleMenuUppercase = createMarkBubbleItem({
+	name: "uppercase",
+	activeName: "uppercase",
+	command: "toggleUppercase",
+	icon: /* @__PURE__ */ jsx(CaseUpperIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/default.tsx
+const textPluginKey = new PluginKey("textBubbleMenu");
+function BubbleMenuDefault({ excludeItems = [], hideWhenActiveNodes, hideWhenActiveMarks, placement, offset: offset$1, onHide, className, ...rest }) {
+	const [isNodeSelectorOpen, setIsNodeSelectorOpen] = React.useState(false);
+	const [isLinkSelectorOpen, setIsLinkSelectorOpen] = React.useState(false);
+	const has = (item) => !excludeItems.includes(item);
+	const handleNodeSelectorOpenChange = React.useCallback((open) => {
+		setIsNodeSelectorOpen(open);
+		if (open) setIsLinkSelectorOpen(false);
+	}, []);
+	const handleLinkSelectorOpenChange = React.useCallback((open) => {
+		setIsLinkSelectorOpen(open);
+		if (open) setIsNodeSelectorOpen(false);
+	}, []);
+	const handleHide = React.useCallback(() => {
+		setIsNodeSelectorOpen(false);
+		setIsLinkSelectorOpen(false);
+		onHide?.();
+	}, [onHide]);
+	const hasFormattingItems = has("bold") || has("italic") || has("underline") || has("strike") || has("code") || has("uppercase");
+	const hasAlignmentItems = has("align-left") || has("align-center") || has("align-right");
+	return /* @__PURE__ */ jsxs(BubbleMenuRoot, {
+		pluginKey: textPluginKey,
+		hideWhenActiveNodes,
+		hideWhenActiveMarks,
 		placement,
 		offset: offset$1,
-		onHide,
+		onHide: handleHide,
 		className,
 		...rest,
-		children: /* @__PURE__ */ jsx(ButtonBubbleMenuDefaultInner, {
-			validateUrl,
-			onLinkApply,
-			onLinkRemove
-		})
+		children: [
+			has("node-selector") && /* @__PURE__ */ jsx(BubbleMenuNodeSelector, {
+				open: isNodeSelectorOpen,
+				onOpenChange: handleNodeSelectorOpenChange
+			}),
+			has("link-selector") && /* @__PURE__ */ jsx(BubbleMenuLinkSelector, {
+				open: isLinkSelectorOpen,
+				onOpenChange: handleLinkSelectorOpenChange
+			}),
+			hasFormattingItems && /* @__PURE__ */ jsxs(BubbleMenuItemGroup, { children: [
+				has("bold") && /* @__PURE__ */ jsx(BubbleMenuBold, {}),
+				has("italic") && /* @__PURE__ */ jsx(BubbleMenuItalic, {}),
+				has("underline") && /* @__PURE__ */ jsx(BubbleMenuUnderline, {}),
+				has("strike") && /* @__PURE__ */ jsx(BubbleMenuStrike, {}),
+				has("code") && /* @__PURE__ */ jsx(BubbleMenuCode, {}),
+				has("uppercase") && /* @__PURE__ */ jsx(BubbleMenuUppercase, {})
+			] }),
+			hasAlignmentItems && /* @__PURE__ */ jsxs(BubbleMenuItemGroup, { children: [
+				has("align-left") && /* @__PURE__ */ jsx(BubbleMenuAlignLeft, {}),
+				has("align-center") && /* @__PURE__ */ jsx(BubbleMenuAlignCenter, {}),
+				has("align-right") && /* @__PURE__ */ jsx(BubbleMenuAlignRight, {})
+			] })
+		]
 	});
 }
 
 //#endregion
-//#region src/ui/image-bubble-menu/context.tsx
-const ImageBubbleMenuContext = React.createContext(null);
-function useImageBubbleMenuContext() {
-	const context = React.useContext(ImageBubbleMenuContext);
-	if (!context) throw new Error("ImageBubbleMenu compound components must be used within <ImageBubbleMenu.Root>");
-	return context;
-}
-
-//#endregion
-//#region src/ui/image-bubble-menu/edit-link.tsx
-function ImageBubbleMenuEditLink({ className, children, onClick, onMouseDown, ...rest }) {
-	const { setIsEditing } = useImageBubbleMenuContext();
+//#region src/ui/bubble-menu/image-edit-link.tsx
+function BubbleMenuImageEditLink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { setIsEditing } = useBubbleMenuContext();
 	return /* @__PURE__ */ jsx("button", {
 		...rest,
 		type: "button",
@@ -1614,41 +1593,9 @@ function ImageBubbleMenuEditLink({ className, children, onClick, onMouseDown, ..
 }
 
 //#endregion
-//#region src/ui/image-bubble-menu/root.tsx
-function ImageBubbleMenuRoot({ onHide, placement = "top", offset: offset$1 = 8, className, children, ...rest }) {
-	const { editor } = useCurrentEditor();
-	const [isEditing, setIsEditing] = React.useState(false);
-	if (!editor) return null;
-	return /* @__PURE__ */ jsx(BubbleMenu, {
-		editor,
-		pluginKey: "imageBubbleMenu",
-		"data-re-img-bm": "",
-		shouldShow: ({ editor: e, view }) => e.isActive("image") && !view.dom.classList.contains("dragging"),
-		options: {
-			placement,
-			offset: offset$1,
-			onHide: () => {
-				setIsEditing(false);
-				onHide?.();
-			}
-		},
-		className,
-		...rest,
-		children: /* @__PURE__ */ jsx(ImageBubbleMenuContext.Provider, {
-			value: {
-				editor,
-				isEditing,
-				setIsEditing
-			},
-			children
-		})
-	});
-}
-
-//#endregion
-//#region src/ui/image-bubble-menu/toolbar.tsx
-function ImageBubbleMenuToolbar({ children, ...rest }) {
-	const { isEditing } = useImageBubbleMenuContext();
+//#region src/ui/bubble-menu/image-toolbar.tsx
+function BubbleMenuImageToolbar({ children, ...rest }) {
+	const { isEditing } = useBubbleMenuContext();
 	if (isEditing) return null;
 	return /* @__PURE__ */ jsx("div", {
 		"data-re-img-bm-toolbar": "",
@@ -1658,32 +1605,26 @@ function ImageBubbleMenuToolbar({ children, ...rest }) {
 }
 
 //#endregion
-//#region src/ui/image-bubble-menu/default.tsx
-function ImageBubbleMenuDefault({ excludeItems = [], placement, offset: offset$1, onHide, className, ...rest }) {
+//#region src/ui/bubble-menu/image-default.tsx
+const imagePluginKey = new PluginKey("imageBubbleMenu");
+function BubbleMenuImageDefault({ excludeItems = [], placement = "top", offset: offset$1, onHide, className, ...rest }) {
 	const hasEditLink = !excludeItems.includes("edit-link");
-	return /* @__PURE__ */ jsx(ImageBubbleMenuRoot, {
+	return /* @__PURE__ */ jsx(BubbleMenuRoot, {
+		shouldShow: bubbleMenuTriggers.node("image"),
+		pluginKey: imagePluginKey,
 		placement,
 		offset: offset$1,
 		onHide,
 		className,
 		...rest,
-		children: hasEditLink && /* @__PURE__ */ jsx(ImageBubbleMenuToolbar, { children: /* @__PURE__ */ jsx(ImageBubbleMenuEditLink, {}) })
+		children: hasEditLink && /* @__PURE__ */ jsx(BubbleMenuImageToolbar, { children: /* @__PURE__ */ jsx(BubbleMenuImageEditLink, {}) })
 	});
 }
 
 //#endregion
-//#region src/ui/link-bubble-menu/context.tsx
-const LinkBubbleMenuContext = React.createContext(null);
-function useLinkBubbleMenuContext() {
-	const context = React.useContext(LinkBubbleMenuContext);
-	if (!context) throw new Error("LinkBubbleMenu compound components must be used within <LinkBubbleMenu.Root>");
-	return context;
-}
-
-//#endregion
-//#region src/ui/link-bubble-menu/edit-link.tsx
-function LinkBubbleMenuEditLink({ className, children, onClick, onMouseDown, ...rest }) {
-	const { setIsEditing } = useLinkBubbleMenuContext();
+//#region src/ui/bubble-menu/link-edit-link.tsx
+function BubbleMenuLinkEditLink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { setIsEditing } = useBubbleMenuContext();
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-label": "Edit link",
@@ -1704,12 +1645,16 @@ function LinkBubbleMenuEditLink({ className, children, onClick, onMouseDown, ...
 }
 
 //#endregion
-//#region src/ui/link-bubble-menu/form.tsx
-function LinkBubbleMenuForm({ className, validateUrl, onLinkApply, onLinkRemove, children }) {
-	const { editor, linkHref, isEditing, setIsEditing } = useLinkBubbleMenuContext();
+//#region src/ui/bubble-menu/link-form.tsx
+function BubbleMenuLinkForm({ className, validateUrl, onLinkApply, onLinkRemove, children }) {
+	const { editor, isEditing, setIsEditing } = useBubbleMenuContext();
 	const inputRef = React.useRef(null);
 	const formRef = React.useRef(null);
-	const displayHref = linkHref === "#" ? "" : linkHref;
+	const linkHref = useEditorState({
+		editor,
+		selector: ({ editor: e }) => e?.getAttributes("link").href ?? ""
+	});
+	const displayHref = (linkHref ?? "") === "#" ? "" : linkHref ?? "";
 	const [inputValue, setInputValue] = React.useState(displayHref);
 	React.useEffect(() => {
 		if (!isEditing) return;
@@ -1810,12 +1755,16 @@ function LinkBubbleMenuForm({ className, validateUrl, onLinkApply, onLinkRemove,
 }
 
 //#endregion
-//#region src/ui/link-bubble-menu/open-link.tsx
-function LinkBubbleMenuOpenLink({ className, children, ...rest }) {
-	const { linkHref } = useLinkBubbleMenuContext();
+//#region src/ui/bubble-menu/link-open-link.tsx
+function BubbleMenuLinkOpenLink({ className, children, ...rest }) {
+	const { editor } = useBubbleMenuContext();
+	const linkHref = useEditorState({
+		editor,
+		selector: ({ editor: e }) => e?.getAttributes("link").href ?? ""
+	});
 	return /* @__PURE__ */ jsx("a", {
 		...rest,
-		href: linkHref,
+		href: linkHref ?? "",
 		target: "_blank",
 		rel: "noopener noreferrer",
 		"aria-label": "Open link",
@@ -1827,46 +1776,9 @@ function LinkBubbleMenuOpenLink({ className, children, ...rest }) {
 }
 
 //#endregion
-//#region src/ui/link-bubble-menu/root.tsx
-function LinkBubbleMenuRoot({ onHide, placement = "top", offset: offset$1 = 8, className, children, ...rest }) {
-	const { editor } = useCurrentEditor();
-	const [isEditing, setIsEditing] = React.useState(false);
-	const linkHref = useEditorState({
-		editor,
-		selector: ({ editor: e }) => e?.getAttributes("link").href ?? ""
-	});
-	if (!editor) return null;
-	return /* @__PURE__ */ jsx(BubbleMenu, {
-		editor,
-		pluginKey: "linkBubbleMenu",
-		"data-re-link-bm": "",
-		shouldShow: ({ editor: e }) => e.isActive("link") && e.view.state.selection.content().size === 0,
-		options: {
-			placement,
-			offset: offset$1,
-			onHide: () => {
-				setIsEditing(false);
-				onHide?.();
-			}
-		},
-		className,
-		...rest,
-		children: /* @__PURE__ */ jsx(LinkBubbleMenuContext.Provider, {
-			value: {
-				editor,
-				linkHref: linkHref ?? "",
-				isEditing,
-				setIsEditing
-			},
-			children
-		})
-	});
-}
-
-//#endregion
-//#region src/ui/link-bubble-menu/toolbar.tsx
-function LinkBubbleMenuToolbar({ children, ...rest }) {
-	const { isEditing } = useLinkBubbleMenuContext();
+//#region src/ui/bubble-menu/link-toolbar.tsx
+function BubbleMenuLinkToolbar({ children, ...rest }) {
+	const { isEditing } = useBubbleMenuContext();
 	if (isEditing) return null;
 	return /* @__PURE__ */ jsx("div", {
 		"data-re-link-bm-toolbar": "",
@@ -1876,9 +1788,9 @@ function LinkBubbleMenuToolbar({ children, ...rest }) {
 }
 
 //#endregion
-//#region src/ui/link-bubble-menu/unlink.tsx
-function LinkBubbleMenuUnlink({ className, children, onClick, onMouseDown, ...rest }) {
-	const { editor } = useLinkBubbleMenuContext();
+//#region src/ui/bubble-menu/link-unlink.tsx
+function BubbleMenuLinkUnlink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { editor } = useBubbleMenuContext();
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
 		"aria-label": "Remove link",
@@ -1899,21 +1811,24 @@ function LinkBubbleMenuUnlink({ className, children, onClick, onMouseDown, ...re
 }
 
 //#endregion
-//#region src/ui/link-bubble-menu/default.tsx
-function LinkBubbleMenuDefault({ excludeItems = [], placement, offset: offset$1, onHide, className, validateUrl, onLinkApply, onLinkRemove, ...rest }) {
+//#region src/ui/bubble-menu/link-default.tsx
+const linkPluginKey = new PluginKey("linkBubbleMenu");
+function BubbleMenuLinkDefault({ excludeItems = [], placement = "top", offset: offset$1, onHide, className, validateUrl, onLinkApply, onLinkRemove, ...rest }) {
 	const has = (item) => !excludeItems.includes(item);
 	const hasToolbarItems = has("edit-link") || has("open-link") || has("unlink");
-	return /* @__PURE__ */ jsxs(LinkBubbleMenuRoot, {
+	return /* @__PURE__ */ jsxs(BubbleMenuRoot, {
+		shouldShow: bubbleMenuTriggers.nodeWithoutSelection("link"),
+		pluginKey: linkPluginKey,
 		placement,
 		offset: offset$1,
 		onHide,
 		className,
 		...rest,
-		children: [hasToolbarItems && /* @__PURE__ */ jsxs(LinkBubbleMenuToolbar, { children: [
-			has("edit-link") && /* @__PURE__ */ jsx(LinkBubbleMenuEditLink, {}),
-			has("open-link") && /* @__PURE__ */ jsx(LinkBubbleMenuOpenLink, {}),
-			has("unlink") && /* @__PURE__ */ jsx(LinkBubbleMenuUnlink, {})
-		] }), /* @__PURE__ */ jsx(LinkBubbleMenuForm, {
+		children: [hasToolbarItems && /* @__PURE__ */ jsxs(BubbleMenuLinkToolbar, { children: [
+			has("edit-link") && /* @__PURE__ */ jsx(BubbleMenuLinkEditLink, {}),
+			has("open-link") && /* @__PURE__ */ jsx(BubbleMenuLinkOpenLink, {}),
+			has("unlink") && /* @__PURE__ */ jsx(BubbleMenuLinkUnlink, {})
+		] }), /* @__PURE__ */ jsx(BubbleMenuLinkForm, {
 			validateUrl,
 			onLinkApply,
 			onLinkRemove
@@ -2397,5 +2312,5 @@ function SlashCommandRoot({ items: itemsProp, filterItems: filterItemsProp, char
 }
 
 //#endregion
-export { BubbleMenuItemGroup as $, ImageBubbleMenuDefault as A, ChevronDown as At, ButtonBubbleMenuEditLink as B, LinkBubbleMenuUnlink as C, Heading1 as Ct, LinkBubbleMenuForm as D, Columns2 as Dt, LinkBubbleMenuOpenLink as E, Columns3 as Et, ButtonBubbleMenuDefault as F, AlignLeftIcon as Ft, BubbleMenuStrike as G, BubbleMenuDefault as H, ButtonBubbleMenuUnlink as I, AlignCenterIcon as It, NodeSelectorContent as J, BubbleMenuRoot as K, ButtonBubbleMenuToolbar as L, ImageBubbleMenuRoot as M, CaseUpperIcon as Mt, ImageBubbleMenuEditLink as N, BoldIcon as Nt, LinkBubbleMenuEditLink as O, Code as Ot, useImageBubbleMenuContext as P, AlignRightIcon as Pt, BubbleMenuItalic as Q, ButtonBubbleMenuRoot as R, LinkBubbleMenuDefault as S, Heading2 as St, LinkBubbleMenuRoot as T, Columns4 as Tt, BubbleMenuUppercase as U, useButtonBubbleMenuContext as V, BubbleMenuUnderline as W, NodeSelectorTrigger as X, NodeSelectorRoot as Y, BubbleMenuLinkSelector as Z, TWO_COLUMNS as _, ListOrdered as _t, BUTTON as a, BubbleMenuItem as at, isAtMaxColumnsDepth as b, ItalicIcon as bt, FOUR_COLUMNS as c, TextQuote as ct, H3 as d, StrikethroughIcon as dt, BubbleMenuCode as et, NUMBERED_LIST as f, SquareCode as ft, THREE_COLUMNS as g, MousePointer as gt, TEXT as h, PencilIcon as ht, BULLET_LIST as i, BubbleMenuAlignCenter as it, ImageBubbleMenuToolbar as j, Check as jt, useLinkBubbleMenuContext as k, CodeIcon as kt, H1 as l, Text as lt, SECTION as m, Rows2 as mt, filterAndRankItems as n, BubbleMenuAlignRight as nt, CODE as o, UnlinkIcon as ot, QUOTE as p, SplitSquareVertical as pt, BubbleMenuNodeSelector as q, scoreItem as r, BubbleMenuAlignLeft as rt, DIVIDER as s, UnderlineIcon as st, SlashCommandRoot as t, BubbleMenuBold as tt, H2 as u, TextIcon as ut, defaultSlashCommands as v, List as vt, LinkBubbleMenuToolbar as w, ExternalLinkIcon as wt, isInsideNode as x, Heading3 as xt, CommandList as y, LinkIcon as yt, ButtonBubbleMenuForm as z };
-//# sourceMappingURL=root-BMxsq1NF.mjs.map
+export { BubbleMenuButtonForm as $, BubbleMenuImageEditLink as A, AlignRightIcon as At, BubbleMenuItalic as B, BubbleMenuLinkUnlink as C, Columns2 as Ct, BubbleMenuLinkEditLink as D, Check as Dt, BubbleMenuLinkForm as E, ChevronDown as Et, BubbleMenuNodeSelector as F, BubbleMenuAlignLeft as G, BubbleMenuCode as H, NodeSelectorContent as I, BubbleMenuButtonDefault as J, BubbleMenuAlignCenter as K, NodeSelectorRoot as L, BubbleMenuUppercase as M, AlignCenterIcon as Mt, BubbleMenuUnderline as N, BubbleMenuImageDefault as O, CaseUpperIcon as Ot, BubbleMenuStrike as P, BubbleMenuButtonToolbar as Q, NodeSelectorTrigger as R, BubbleMenuLinkDefault as S, Columns3 as St, BubbleMenuLinkOpenLink as T, CodeIcon as Tt, BubbleMenuBold as U, BubbleMenuItemGroup as V, BubbleMenuAlignRight as W, bubbleMenuTriggers as X, BubbleMenuRoot as Y, BubbleMenuButtonUnlink as Z, TWO_COLUMNS as _, Heading3 as _t, BUTTON as a, Text as at, isAtMaxColumnsDepth as b, ExternalLinkIcon as bt, FOUR_COLUMNS as c, SquareCode as ct, H3 as d, PencilIcon as dt, BubbleMenuButtonEditLink as et, NUMBERED_LIST as f, MousePointer as ft, THREE_COLUMNS as g, ItalicIcon as gt, TEXT as h, LinkIcon as ht, BULLET_LIST as i, TextQuote as it, BubbleMenuDefault as j, AlignLeftIcon as jt, BubbleMenuImageToolbar as k, BoldIcon as kt, H1 as l, SplitSquareVertical as lt, SECTION as m, List as mt, filterAndRankItems as n, UnlinkIcon as nt, CODE as o, TextIcon as ot, QUOTE as p, ListOrdered as pt, BubbleMenuItem as q, scoreItem as r, UnderlineIcon as rt, DIVIDER as s, StrikethroughIcon as st, SlashCommandRoot as t, useBubbleMenuContext as tt, H2 as u, Rows2 as ut, defaultSlashCommands as v, Heading2 as vt, BubbleMenuLinkToolbar as w, Code as wt, isInsideNode as x, Columns4 as xt, CommandList as y, Heading1 as yt, BubbleMenuLinkSelector as z };
+//# sourceMappingURL=root-CkYaJZpj.mjs.map