@meowdown/react 0.83.2 → 0.85.0

package/dist/index.js

@@ -1,19 +1,19 @@
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx/lite";
 import { Fragment, ViewTransition, cloneElement, createContext, createElement, memo, startTransition, use, useDeferredValue, useEffect, useId, useImperativeHandle, useLayoutEffect, useReducer, useRef, useState } from "react";
-import { buildFileMarkdown, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, defineCodeBlockPreviewPlugin, defineEditorExtension, defineLinkEditKeymap, defineLinkHoverHandler, definePendingReplacementHandler, defineSearchStatusHandler, defineVirtualCaret, defineWikilinkHoverHandler, dismissLinkHover, docToMarkdown, docToParagraphMarkdown, formatFileSize, getCodeTokens, getFileKind, getLinkText, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, normalizeHref, paragraphMarkdownToDoc, parsePostEmbedSnapshot, renderMathInto, updateEditorConfig } from "@meowdown/core";
+import { buildFileMarkdown, codeBlockLanguages, collectReferenceDefinitions, convertEmbedToLink, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, defineCodeBlockPreviewPlugin, defineEditorExtension, defineEmbedMenuHandler, defineLinkEditKeymap, defineLinkHoverHandler, definePendingReplacementHandler, defineSearchStatusHandler, defineVirtualCaret, defineWikilinkHoverHandler, deleteBlock, deleteEmbed, dismissLinkHover, docToMarkdown, docToParagraphMarkdown, formatFileSize, getCodeTokens, getFileKind, getLinkText, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, normalizeHref, paragraphMarkdownToDoc, parsePostEmbedSnapshot, renderMathInto, updateEditorConfig } from "@meowdown/core";
 import { clamp } from "@ocavue/utils";
-import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, defineUpdateHandler, isTextSelection, union } from "@prosekit/core";
+import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, defineKeymap, defineUpdateHandler, isApple, isTextSelection, union } from "@prosekit/core";
 import { Selection, TextSelection } from "@prosekit/pm/state";
 import { ProseKit, defineReactNodeView, useEditor, useEditor as useEditor$1, useEditorDerivedValue, useExtension, useExtension as useExtension$1, useKeymap } from "@prosekit/react";
 import GithubSlugger from "github-slugger";
 import { Combobox } from "@base-ui/react/combobox";
-import { CheckIcon, ChevronsUpDownIcon, CopyIcon, Globe2Icon, GripHorizontalIcon, GripVerticalIcon, PencilIcon, SparklesIcon, UnlinkIcon } from "lucide-react";
+import { Menu } from "@base-ui/react/menu";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot } from "@prosekit/react/block-handle";
 import { DropIndicator } from "@prosekit/react/drop-indicator";
-import { Popover } from "@base-ui/react/popover";
 import { queueExtension } from "@prosekit/web";
+import { Popover } from "@base-ui/react/popover";
 import { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot } from "@prosekit/react/autocomplete";
 import { MenuItem, MenuPopup, MenuPositioner } from "@prosekit/react/menu";
 import { TableHandleColumnMenuRoot, TableHandleColumnMenuTrigger, TableHandleColumnPopup, TableHandleColumnPositioner, TableHandleDragPreview, TableHandleDropIndicator, TableHandleRoot, TableHandleRowMenuRoot, TableHandleRowMenuTrigger, TableHandleRowPopup, TableHandleRowPositioner } from "@prosekit/react/table-handle";
@@ -24,6 +24,83 @@ import { Mark } from "@prosekit/pm/model";
 import { BOOLEAN, OVERLOADED_BOOLEAN, getPropertyInfo, possibleStandardNames } from "react-property";
 import { PreviewCard } from "@base-ui/react/preview-card";
 
+// \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
+// src/class-names.ts
+var class_names_exports = /* @__PURE__ */ __exportAll({
+	LIGHTBOX_DIALOG_TRANSITION_CLASS: () => LIGHTBOX_DIALOG_TRANSITION_CLASS,
+	ROOT_CLASS: () => ROOT_CLASS
+});
+import * as import__meowdown_core_internal_class_names from "@meowdown/core/internal/class-names";
+__reExport(class_names_exports, import__meowdown_core_internal_class_names);
+/**
+* The outer wrapper of the editor.
+*/
+const ROOT_CLASS = "meowdown";
+/**
+* The view transition class of the lightbox dialog.
+*/
+const LIGHTBOX_DIALOG_TRANSITION_CLASS = "meowdown-lightbox-dialog";
+
+// src/extensions/block-menu.ts
+const caretMenuOpeners = /* @__PURE__ */ new WeakMap();
+/**
+* Sets the function that opens the menu of the code block that holds the
+* caret, so that `Mod-/` can open it. Returns a function that clears it.
+*/
+function setCaretCodeBlockMenu(view, open) {
+	caretMenuOpeners.set(view, open);
+	return () => {
+		if (caretMenuOpeners.get(view) === open) caretMenuOpeners.delete(view);
+	};
+}
+const openCodeBlockMenu = (state, dispatch, view) => {
+	const { $from, $to } = state.selection;
+	if (!isNodeOfType($from.parent, "codeBlock") || !$from.sameParent($to) || view == null) return false;
+	const open = caretMenuOpeners.get(view);
+	if (open == null) return false;
+	if (dispatch) open();
+	return true;
+};
+/**
+* Opens the menu of the code block that holds the selection with `Mod-/`.
+*/
+function defineCodeBlockMenuKeymap() {
+	return defineKeymap({ "Mod-/": openCodeBlockMenu });
+}
+
 // src/hooks/use-katex.ts
 /**
 * The lazily loaded KaTeX render function, or `undefined` while it loads (or when
@@ -104,9 +181,179 @@ const NON_PROSE_PROPS = {
 	writingsuggestions: "false"
 };
 
+// src/utils/write-clipboard-text.ts
+/**
+* Writes `text` to the clipboard. Returns whether the write succeeded.
+*/
+async function writeClipboardText(text) {
+	try {
+		await navigator.clipboard.writeText(text);
+		return true;
+	} catch (error) {
+		console.warn("[meowdown] Failed to copy:", error);
+		return false;
+	}
+}
+
+// src/components/collision-boundary.ts
+/**
+* See `EditorProps.collisionBoundary`.
+*/
+const CollisionBoundaryContext = createContext(void 0);
+/**
+* Converts a {@link CollisionBoundary} to the `boundary` prop of ProseKit
+* positioners, which spell the keyword the floating-ui way.
+*/
+function toFloatingBoundary(boundary) {
+	return boundary === "clipping-ancestors" ? "clippingAncestors" : boundary;
+}
+
+// src/components/icon.tsx
+/**
+* A decorative Lucide icon, drawn in `currentColor` by the core stylesheet.
+*/
+function Icon(t0) {
+	const $ = c(4);
+	const { name } = t0;
+	let t1;
+	if ($[0] !== name) {
+		t1 = (0, class_names_exports.getIconClass)(name);
+		$[0] = name;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = `${class_names_exports.ICON_CLASS} ${t1}`;
+	let t3;
+	if ($[2] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: t2,
+			"aria-hidden": "true"
+		});
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+}
+
+// src/components/action-menu.tsx
+/**
+* The popup of an action menu, such as the code block menu or the embed
+* menu, placed below its trigger or `anchor`.
+*/
+function ActionMenuPopup(t0) {
+	const $ = c(8);
+	const { anchor, finalFocus, testId, children } = t0;
+	const collisionBoundary = use(CollisionBoundaryContext);
+	let t1;
+	if ($[0] !== children || $[1] !== finalFocus || $[2] !== testId) {
+		t1 = /* @__PURE__ */ jsx(Menu.Popup, {
+			className: class_names_exports.MENU_POPUP_CLASS,
+			finalFocus,
+			"data-testid": testId,
+			children
+		});
+		$[0] = children;
+		$[1] = finalFocus;
+		$[2] = testId;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== anchor || $[5] !== collisionBoundary || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			anchor,
+			className: class_names_exports.MENU_POSITIONER_CLASS,
+			sideOffset: 4,
+			align: "start",
+			collisionBoundary,
+			children: t1
+		}) });
+		$[4] = anchor;
+		$[5] = collisionBoundary;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+/**
+* A row of an action menu: an icon and a label.
+*/
+function ActionMenuItem(t0) {
+	const $ = c(9);
+	const { icon, label, onClick, testId } = t0;
+	let t1;
+	if ($[0] !== icon) {
+		t1 = /* @__PURE__ */ jsx(Icon, { name: icon });
+		$[0] = icon;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== label) {
+		t2 = /* @__PURE__ */ jsx("span", { children: label });
+		$[2] = label;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== onClick || $[5] !== t1 || $[6] !== t2 || $[7] !== testId) {
+		t3 = /* @__PURE__ */ jsxs(Menu.Item, {
+			className: class_names_exports.MENU_ITEM_CLASS,
+			onClick,
+			"data-testid": testId,
+			children: [t1, t2]
+		});
+		$[4] = onClick;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = testId;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+
+// src/components/code-block-toolbar-state.ts
+const CODE_BLOCK_TOOLBAR_IDLE = {
+	open: void 0,
+	closing: [],
+	focusReturn: "trigger"
+};
+function switchPopup(state, popup, focusReturn) {
+	const closing = state.closing.filter((item) => item !== popup);
+	if (state.open != null && state.open !== popup) closing.push(state.open);
+	return {
+		open: popup,
+		closing,
+		focusReturn
+	};
+}
+function reduceCodeBlockToolbar(state, event) {
+	switch (event.type) {
+		case "open": return switchPopup(state, event.popup, event.focusReturn);
+		case "handOver": return state.open === "menu" ? switchPopup(state, "language", state.focusReturn) : state;
+		case "close": return state.open === event.popup ? {
+			...state,
+			open: void 0,
+			closing: [...state.closing, event.popup]
+		} : state;
+		case "closed": return state.closing.includes(event.popup) ? {
+			...state,
+			closing: state.closing.filter((item) => item !== event.popup)
+		} : state;
+	}
+}
+/**
+* Whether the toolbar stays shown: a popup is open or plays its exit animation.
+*/
+function isCodeBlockToolbarActive(state) {
+	return state.open != null || state.closing.length > 0;
+}
+/**
+* Where a closing popup sends the focus. `undefined` when another popup is
+* open and owns the focus.
+*/
+function getCodeBlockToolbarFinalFocus(state) {
+	return state.open == null ? state.focusReturn : void 0;
+}
+
 // src/components/code-block-view.module.css
 var code_block_view_module_default = {
-	"CopyButton": "meow_CopyButton_D3j_9q",
 	"Empty": "meow_Empty_D3j_9q",
 	"Item": "meow_Item_D3j_9q",
 	"ItemIndicator": "meow_ItemIndicator_D3j_9q",
@@ -114,7 +361,6 @@ var code_block_view_module_default = {
 	"List": "meow_List_D3j_9q",
 	"MermaidPreview": "meow_MermaidPreview_D3j_9q",
 	"Popup": "meow_Popup_D3j_9q",
-	"Positioner": "meow_Positioner_D3j_9q",
 	"Preview": "meow_Preview_D3j_9q",
 	"Root": "meow_Root_D3j_9q",
 	"Search": "meow_Search_D3j_9q",
@@ -124,19 +370,6 @@ var code_block_view_module_default = {
 	"TriggerIcon": "meow_TriggerIcon_D3j_9q"
 };
 
-// src/components/collision-boundary.ts
-/**
-* See `EditorProps.collisionBoundary`.
-*/
-const CollisionBoundaryContext = createContext(void 0);
-/**
-* Converts a {@link CollisionBoundary} to the `boundary` prop of ProseKit
-* positioners, which spell the keyword the floating-ui way.
-*/
-function toFloatingBoundary(boundary) {
-	return boundary === "clipping-ancestors" ? "clippingAncestors" : boundary;
-}
-
 // src/components/copy-button.tsx
 const COPIED_RESET_MS = 1500;
 /**
@@ -170,12 +403,7 @@ function CopyButton(t0) {
 	let t1;
 	if ($[6] !== getText || $[7] !== onCopy) {
 		t1 = async () => {
-			try {
-				await navigator.clipboard.writeText(getText());
-			} catch (t2) {
-				console.warn("[meowdown] Failed to copy:", t2);
-				return;
-			}
+			if (!await writeClipboardText(getText())) return;
 			setCopied(true);
 			clearTimeout(resetTimerRef.current);
 			resetTimerRef.current = setTimeout(() => setCopied(false), COPIED_RESET_MS);
@@ -191,7 +419,7 @@ function CopyButton(t0) {
 	const t4 = copied ? "Copied" : label;
 	let t5;
 	if ($[9] !== copied) {
-		t5 = copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {});
+		t5 = copied ? /* @__PURE__ */ jsx(Icon, { name: "check" }) : /* @__PURE__ */ jsx(Icon, { name: "copy" });
 		$[9] = copied;
 		$[10] = t5;
 	} else t5 = $[10];
@@ -383,7 +611,7 @@ function MermaidRender(props) {
 
 // src/components/code-block-view.tsx
 function CodeBlockView(props) {
-	const $ = c(36);
+	const $ = c(39);
 	const { node, view, getPos, decorations, selected, setAttrs, contentRef } = props;
 	const language = node.attrs.language || "";
 	const isMath = language === "math";
@@ -450,20 +678,26 @@ function CodeBlockView(props) {
 		$[13] = t6;
 	} else t6 = $[13];
 	let t7;
-	if ($[14] !== code || $[15] !== language || $[16] !== selected || $[17] !== setLanguage) {
+	if ($[14] !== caretInside || $[15] !== code || $[16] !== getPos || $[17] !== language || $[18] !== selected || $[19] !== setLanguage || $[20] !== view) {
 		t7 = selected ? null : /* @__PURE__ */ jsx(CodeBlockToolbar, {
 			code,
 			language,
-			setLanguage
+			setLanguage,
+			view,
+			getPos,
+			caretInside
 		});
-		$[14] = code;
-		$[15] = language;
-		$[16] = selected;
-		$[17] = setLanguage;
-		$[18] = t7;
-	} else t7 = $[18];
+		$[14] = caretInside;
+		$[15] = code;
+		$[16] = getPos;
+		$[17] = language;
+		$[18] = selected;
+		$[19] = setLanguage;
+		$[20] = view;
+		$[21] = t7;
+	} else t7 = $[21];
 	let t8;
-	if ($[19] !== focusSource || $[20] !== katex || $[21] !== previewCode || $[22] !== showMathPreview) {
+	if ($[22] !== focusSource || $[23] !== katex || $[24] !== previewCode || $[25] !== showMathPreview) {
 		t8 = showMathPreview && /* @__PURE__ */ jsx(MathRender, {
 			katex,
 			formula: previewCode,
@@ -473,30 +707,30 @@ function CodeBlockView(props) {
 			"data-scroll-x": true,
 			onMouseDown: focusSource
 		});
-		$[19] = focusSource;
-		$[20] = katex;
-		$[21] = previewCode;
-		$[22] = showMathPreview;
-		$[23] = t8;
-	} else t8 = $[23];
+		$[22] = focusSource;
+		$[23] = katex;
+		$[24] = previewCode;
+		$[25] = showMathPreview;
+		$[26] = t8;
+	} else t8 = $[26];
 	let t9;
-	if ($[24] !== focusSource || $[25] !== mermaid || $[26] !== previewCode || $[27] !== showMermaidPreview) {
+	if ($[27] !== focusSource || $[28] !== mermaid || $[29] !== previewCode || $[30] !== showMermaidPreview) {
 		t9 = showMermaidPreview && /* @__PURE__ */ jsx(MermaidRender, {
 			renderer: mermaid,
 			source: previewCode,
-			className: `${code_block_view_module_default.Preview} ${code_block_view_module_default.MermaidPreview}`,
+			className: clsx(code_block_view_module_default.Preview, code_block_view_module_default.MermaidPreview),
 			"data-testid": "code-block-mermaid-preview",
 			"data-scroll-x": true,
 			onMouseDown: focusSource
 		});
-		$[24] = focusSource;
-		$[25] = mermaid;
-		$[26] = previewCode;
-		$[27] = showMermaidPreview;
-		$[28] = t9;
-	} else t9 = $[28];
+		$[27] = focusSource;
+		$[28] = mermaid;
+		$[29] = previewCode;
+		$[30] = showMermaidPreview;
+		$[31] = t9;
+	} else t9 = $[31];
 	let t10;
-	if ($[29] !== t4 || $[30] !== t5 || $[31] !== t6 || $[32] !== t7 || $[33] !== t8 || $[34] !== t9) {
+	if ($[32] !== t4 || $[33] !== t5 || $[34] !== t6 || $[35] !== t7 || $[36] !== t8 || $[37] !== t9) {
 		t10 = /* @__PURE__ */ jsxs("div", {
 			className: code_block_view_module_default.Root,
 			"data-preview": t4,
@@ -509,61 +743,329 @@ function CodeBlockView(props) {
 				t9
 			]
 		});
-		$[29] = t4;
-		$[30] = t5;
-		$[31] = t6;
-		$[32] = t7;
-		$[33] = t8;
-		$[34] = t9;
-		$[35] = t10;
-	} else t10 = $[35];
+		$[32] = t4;
+		$[33] = t5;
+		$[34] = t6;
+		$[35] = t7;
+		$[36] = t8;
+		$[37] = t9;
+		$[38] = t10;
+	} else t10 = $[38];
 	return t10;
 }
 function CodeBlockToolbar(t0) {
-	const $ = c(9);
-	const { code, language, setLanguage } = t0;
-	const [comboboxOpen, setComboboxOpen] = useState(false);
-	const t1 = comboboxOpen || void 0;
+	const $ = c(41);
+	const { code, language, setLanguage, view, getPos, caretInside } = t0;
+	const [state, dispatch] = useReducer(reduceCodeBlockToolbar, CODE_BLOCK_TOOLBAR_IDLE);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (open) => {
+			dispatch(open ? {
+				type: "open",
+				popup: "menu",
+				focusReturn: "trigger"
+			} : {
+				type: "close",
+				popup: "menu"
+			});
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const changeMenuOpen = t1;
 	let t2;
-	if ($[0] !== language || $[1] !== setLanguage) {
-		t2 = /* @__PURE__ */ jsx(CodeBlockLanguagePickerMemo, {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (open_0) => {
+			if (!open_0) dispatch({
+				type: "closed",
+				popup: "menu"
+			});
+		};
+		$[1] = t2;
+	} else t2 = $[1];
+	const completeMenuOpenChange = t2;
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (open_1) => {
+			dispatch(open_1 ? {
+				type: "open",
+				popup: "language",
+				focusReturn: "trigger"
+			} : {
+				type: "close",
+				popup: "language"
+			});
+		};
+		$[2] = t3;
+	} else t3 = $[2];
+	const changeLanguageOpen = t3;
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (open_2) => {
+			if (!open_2) dispatch({
+				type: "closed",
+				popup: "language"
+			});
+		};
+		$[3] = t4;
+	} else t4 = $[3];
+	const completeLanguageOpenChange = t4;
+	let t5;
+	let t6;
+	if ($[4] !== caretInside || $[5] !== view) {
+		t5 = () => {
+			if (!caretInside) return;
+			return setCaretCodeBlockMenu(view, () => {
+				dispatch({
+					type: "open",
+					popup: "menu",
+					focusReturn: "editor"
+				});
+			});
+		};
+		t6 = [caretInside, view];
+		$[4] = caretInside;
+		$[5] = view;
+		$[6] = t5;
+		$[7] = t6;
+	} else {
+		t5 = $[6];
+		t6 = $[7];
+	}
+	useEffect(t5, t6);
+	let t7;
+	if ($[8] !== state) {
+		t7 = getCodeBlockToolbarFinalFocus(state);
+		$[8] = state;
+		$[9] = t7;
+	} else t7 = $[9];
+	const finalFocus = t7;
+	let t8;
+	if ($[10] !== finalFocus || $[11] !== view) {
+		t8 = () => {
+			if (finalFocus !== "editor") return finalFocus === "trigger";
+			view.focus();
+			return false;
+		};
+		$[10] = finalFocus;
+		$[11] = view;
+		$[12] = t8;
+	} else t8 = $[12];
+	const getFinalFocus = t8;
+	let t9;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = () => {
+			dispatch({ type: "handOver" });
+		};
+		$[13] = t9;
+	} else t9 = $[13];
+	const handOverToLanguagePicker = t9;
+	let t10;
+	if ($[14] !== code) {
+		t10 = () => {
+			writeClipboardText(code);
+		};
+		$[14] = code;
+		$[15] = t10;
+	} else t10 = $[15];
+	const copyCode = t10;
+	let t11;
+	if ($[16] !== getPos || $[17] !== view) {
+		t11 = () => {
+			const pos = getPos();
+			if (pos == null) return;
+			deleteBlock(pos)(view.state, view.dispatch);
+			view.focus();
+		};
+		$[16] = getPos;
+		$[17] = view;
+		$[18] = t11;
+	} else t11 = $[18];
+	const deleteCodeBlock = t11;
+	let t12;
+	if ($[19] !== view.editable) {
+		t12 = () => view.editable;
+		$[19] = view.editable;
+		$[20] = t12;
+	} else t12 = $[20];
+	const canDeleteCodeBlock = t12;
+	let t13;
+	if ($[21] !== state) {
+		t13 = isCodeBlockToolbarActive(state) || void 0;
+		$[21] = state;
+		$[22] = t13;
+	} else t13 = $[22];
+	const t14 = state.open === "language";
+	let t15;
+	if ($[23] !== getFinalFocus || $[24] !== language || $[25] !== setLanguage || $[26] !== t14) {
+		t15 = /* @__PURE__ */ jsx(CodeBlockLanguagePickerMemo, {
 			language,
 			setLanguage,
-			onShownChange: setComboboxOpen
+			open: t14,
+			onOpenChange: changeLanguageOpen,
+			onOpenChangeComplete: completeLanguageOpenChange,
+			getFinalFocus
 		});
-		$[0] = language;
-		$[1] = setLanguage;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== code) {
-		t3 = /* @__PURE__ */ jsx(CopyButton, {
+		$[23] = getFinalFocus;
+		$[24] = language;
+		$[25] = setLanguage;
+		$[26] = t14;
+		$[27] = t15;
+	} else t15 = $[27];
+	let t16;
+	if ($[28] !== code) {
+		t16 = /* @__PURE__ */ jsx(CopyButton, {
 			getText: () => code,
 			label: "Copy code",
-			className: code_block_view_module_default.CopyButton,
+			className: class_names_exports.ICON_BUTTON_CLASS,
 			"data-testid": "code-block-copy"
 		});
-		$[3] = code;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== t1 || $[6] !== t2 || $[7] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+		$[28] = code;
+		$[29] = t16;
+	} else t16 = $[29];
+	const t17 = state.open === "menu";
+	let t18;
+	if ($[30] !== canDeleteCodeBlock || $[31] !== copyCode || $[32] !== deleteCodeBlock || $[33] !== getFinalFocus || $[34] !== t17) {
+		t18 = /* @__PURE__ */ jsx(CodeBlockMenu, {
+			open: t17,
+			onOpenChange: changeMenuOpen,
+			onOpenChangeComplete: completeMenuOpenChange,
+			getFinalFocus,
+			onChangeLanguage: handOverToLanguagePicker,
+			onCopyCode: copyCode,
+			onDelete: deleteCodeBlock,
+			canDelete: canDeleteCodeBlock
+		});
+		$[30] = canDeleteCodeBlock;
+		$[31] = copyCode;
+		$[32] = deleteCodeBlock;
+		$[33] = getFinalFocus;
+		$[34] = t17;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== t13 || $[37] !== t15 || $[38] !== t16 || $[39] !== t18) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			className: code_block_view_module_default.Toolbar,
 			contentEditable: false,
-			"data-open": t1,
-			children: [t2, t3]
+			"data-open": t13,
+			children: [
+				t15,
+				t16,
+				t18
+			]
 		});
-		$[5] = t1;
+		$[36] = t13;
+		$[37] = t15;
+		$[38] = t16;
+		$[39] = t18;
+		$[40] = t19;
+	} else t19 = $[40];
+	return t19;
+}
+function CodeBlockMenu(t0) {
+	const $ = c(12);
+	const { open, onOpenChange, onOpenChangeComplete, getFinalFocus, onChangeLanguage, onCopyCode, onDelete, canDelete } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Menu.Trigger, {
+			className: class_names_exports.ICON_BUTTON_CLASS,
+			"aria-label": "More",
+			title: `More (${isApple ? "⌘/" : "Ctrl+/"})`,
+			"data-testid": "code-block-menu",
+			children: /* @__PURE__ */ jsx(Icon, { name: "ellipsis" })
+		});
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== canDelete || $[2] !== getFinalFocus || $[3] !== onChangeLanguage || $[4] !== onCopyCode || $[5] !== onDelete) {
+		t2 = /* @__PURE__ */ jsx(CodeBlockMenuPopup, {
+			getFinalFocus,
+			onChangeLanguage,
+			onCopyCode,
+			onDelete,
+			canDelete
+		});
+		$[1] = canDelete;
+		$[2] = getFinalFocus;
+		$[3] = onChangeLanguage;
+		$[4] = onCopyCode;
+		$[5] = onDelete;
 		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== onOpenChange || $[8] !== onOpenChangeComplete || $[9] !== open || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Menu.Root, {
+			open,
+			onOpenChange,
+			onOpenChangeComplete,
+			children: [t1, t2]
+		});
+		$[7] = onOpenChange;
+		$[8] = onOpenChangeComplete;
+		$[9] = open;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+}
+function CodeBlockMenuPopup(t0) {
+	const $ = c(12);
+	const { getFinalFocus, onChangeLanguage, onCopyCode, onDelete, canDelete } = t0;
+	let t1;
+	if ($[0] !== onChangeLanguage) {
+		t1 = /* @__PURE__ */ jsx(ActionMenuItem, {
+			icon: "braces",
+			label: "Change language",
+			onClick: onChangeLanguage,
+			testId: "code-block-menu-language"
+		});
+		$[0] = onChangeLanguage;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== onCopyCode) {
+		t2 = /* @__PURE__ */ jsx(ActionMenuItem, {
+			icon: "copy",
+			label: "Copy code",
+			onClick: onCopyCode,
+			testId: "code-block-menu-copy"
+		});
+		$[2] = onCopyCode;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== canDelete || $[5] !== onDelete) {
+		t3 = canDelete() && /* @__PURE__ */ jsx(ActionMenuItem, {
+			icon: "trash-2",
+			label: "Delete",
+			onClick: onDelete,
+			testId: "code-block-menu-delete"
+		});
+		$[4] = canDelete;
+		$[5] = onDelete;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== getFinalFocus || $[8] !== t1 || $[9] !== t2 || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(ActionMenuPopup, {
+			finalFocus: getFinalFocus,
+			children: [
+				t1,
+				t2,
+				t3
+			]
+		});
+		$[7] = getFinalFocus;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
 	return t4;
 }
 function CodeBlockLanguagePicker(t0) {
-	const $ = c(22);
-	const { language, setLanguage, onShownChange } = t0;
+	const $ = c(28);
+	const { language, setLanguage, open, onOpenChange, onOpenChangeComplete, getFinalFocus } = t0;
 	const collisionBoundary = use(CollisionBoundaryContext);
 	let t1;
 	if ($[0] !== language) {
@@ -601,105 +1103,123 @@ function CodeBlockLanguagePicker(t0) {
 		$[5] = t3;
 	} else t3 = $[5];
 	let t4;
-	let t5;
-	if ($[6] !== onShownChange) {
-		t4 = (open) => {
-			if (open) onShownChange(true);
-			else setQuery("");
+	if ($[6] !== onOpenChangeComplete) {
+		t4 = (open_0) => {
+			onOpenChangeComplete(open_0);
+			if (!open_0) setQuery("");
 		};
-		t5 = (open_0) => {
-			if (!open_0) onShownChange(false);
-		};
-		$[6] = onShownChange;
+		$[6] = onOpenChangeComplete;
 		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Combobox.Value, { placeholder: "Plain Text" });
 		$[8] = t5;
-	} else {
-		t4 = $[7];
-		t5 = $[8];
-	}
+	} else t5 = $[8];
 	let t6;
 	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(Combobox.Value, { placeholder: "Plain Text" });
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsxs(Combobox.Trigger, {
+		t6 = /* @__PURE__ */ jsxs(Combobox.Trigger, {
 			className: code_block_view_module_default.Trigger,
 			"data-testid": "code-block-language",
-			children: [t6, /* @__PURE__ */ jsx(Combobox.Icon, {
+			children: [t5, /* @__PURE__ */ jsx(Combobox.Icon, {
 				className: code_block_view_module_default.TriggerIcon,
-				children: /* @__PURE__ */ jsx(ChevronsUpDownIcon, {})
+				children: /* @__PURE__ */ jsx(Icon, { name: "chevrons-up-down" })
 			})]
 		});
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = clsx(class_names_exports.MENU_POPUP_CLASS, code_block_view_module_default.Popup);
 		$[10] = t7;
 	} else t7 = $[10];
+	let t10;
 	let t8;
+	let t9;
 	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsxs(Combobox.Popup, {
-			className: code_block_view_module_default.Popup,
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: code_block_view_module_default.SearchRow,
+			children: /* @__PURE__ */ jsx(Combobox.Input, {
+				className: code_block_view_module_default.Search,
+				placeholder: "Search or type a language",
+				"data-testid": "code-block-language-search"
+			})
+		});
+		t9 = /* @__PURE__ */ jsx(Combobox.Empty, {
+			className: code_block_view_module_default.Empty,
+			children: "No languages found."
+		});
+		t10 = /* @__PURE__ */ jsx(Combobox.List, {
+			className: code_block_view_module_default.List,
+			children: _temp$3
+		});
+		$[11] = t10;
+		$[12] = t8;
+		$[13] = t9;
+	} else {
+		t10 = $[11];
+		t8 = $[12];
+		t9 = $[13];
+	}
+	let t11;
+	if ($[14] !== getFinalFocus) {
+		t11 = /* @__PURE__ */ jsxs(Combobox.Popup, {
+			className: t7,
+			finalFocus: getFinalFocus,
 			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: code_block_view_module_default.SearchRow,
-					children: /* @__PURE__ */ jsx(Combobox.Input, {
-						className: code_block_view_module_default.Search,
-						placeholder: "Search or type a language",
-						"data-testid": "code-block-language-search"
-					})
-				}),
-				/* @__PURE__ */ jsx(Combobox.Empty, {
-					className: code_block_view_module_default.Empty,
-					children: "No languages found."
-				}),
-				/* @__PURE__ */ jsx(Combobox.List, {
-					className: code_block_view_module_default.List,
-					children: _temp$3
-				})
+				t8,
+				t9,
+				t10
 			]
 		});
-		$[11] = t8;
-	} else t8 = $[11];
-	let t9;
-	if ($[12] !== collisionBoundary) {
-		t9 = /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
-			className: code_block_view_module_default.Positioner,
+		$[14] = getFinalFocus;
+		$[15] = t11;
+	} else t11 = $[15];
+	let t12;
+	if ($[16] !== collisionBoundary || $[17] !== t11) {
+		t12 = /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+			className: class_names_exports.MENU_POSITIONER_CLASS,
 			sideOffset: 4,
 			collisionBoundary,
-			children: t8
+			children: t11
 		}) });
-		$[12] = collisionBoundary;
-		$[13] = t9;
-	} else t9 = $[13];
-	let t10;
-	if ($[14] !== itemsForView || $[15] !== query || $[16] !== selected || $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(Combobox.Root, {
+		$[16] = collisionBoundary;
+		$[17] = t11;
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== itemsForView || $[20] !== onOpenChange || $[21] !== open || $[22] !== query || $[23] !== selected || $[24] !== t12 || $[25] !== t3 || $[26] !== t4) {
+		t13 = /* @__PURE__ */ jsxs(Combobox.Root, {
 			items: itemsForView,
+			autoHighlight: true,
 			value: selected,
 			onValueChange: t3,
 			inputValue: query,
 			onInputValueChange: setQuery,
-			onOpenChange: t4,
-			onOpenChangeComplete: t5,
-			children: [t7, t9]
+			open,
+			onOpenChange,
+			onOpenChangeComplete: t4,
+			children: [t6, t12]
 		});
-		$[14] = itemsForView;
-		$[15] = query;
-		$[16] = selected;
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-		$[20] = t9;
-		$[21] = t10;
-	} else t10 = $[21];
-	return t10;
+		$[19] = itemsForView;
+		$[20] = onOpenChange;
+		$[21] = open;
+		$[22] = query;
+		$[23] = selected;
+		$[24] = t12;
+		$[25] = t3;
+		$[26] = t4;
+		$[27] = t13;
+	} else t13 = $[27];
+	return t13;
 }
 function _temp$3(item_2) {
 	return /* @__PURE__ */ jsxs(Combobox.Item, {
 		value: item_2,
-		className: code_block_view_module_default.Item,
+		className: clsx(class_names_exports.MENU_ITEM_CLASS, code_block_view_module_default.Item),
 		children: [/* @__PURE__ */ jsx(Combobox.ItemIndicator, {
-			className: code_block_view_module_default.ItemIndicator,
-			children: /* @__PURE__ */ jsx(CheckIcon, {})
+			className: clsx(class_names_exports.MENU_ITEM_INDICATOR_CLASS, code_block_view_module_default.ItemIndicator),
+			children: /* @__PURE__ */ jsx(Icon, { name: "check" })
 		}), /* @__PURE__ */ jsx("span", {
 			className: code_block_view_module_default.ItemText,
 			children: item_2.label
@@ -715,7 +1235,7 @@ function defineCodeBlockView(component = CodeBlockView) {
 		as: createCodeBlockRoot,
 		contentAs: "code",
 		component
-	}), defineCodeBlockPreviewPlugin());
+	}), defineCodeBlockPreviewPlugin(), defineCodeBlockMenuKeymap());
 }
 function createCodeBlockRoot() {
 	const element = document.createElement("div");
@@ -743,7 +1263,7 @@ function BlockHandle() {
 				children: /* @__PURE__ */ jsx(BlockHandleDraggable, {
 					className: block_handle_module_default.Draggable,
 					"data-testid": "block-handle-drag",
-					children: /* @__PURE__ */ jsx(GripVerticalIcon, {})
+					children: /* @__PURE__ */ jsx(Icon, { name: "grip-vertical" })
 				})
 			})
 		}) });
@@ -844,6 +1364,225 @@ function EditorExtensions(t0) {
 	return null;
 }
 
+// src/components/embed-menu-state.ts
+const EMBED_MENU_IDLE = { phase: "idle" };
+function reduceEmbedMenu(state, event) {
+	switch (event.type) {
+		case "toggle":
+			if (state.phase === "open" && state.button === event.button) return {
+				...state,
+				phase: "closing"
+			};
+			return {
+				phase: "open",
+				embed: event.embed,
+				button: event.button
+			};
+		case "close": return state.phase === "open" ? {
+			...state,
+			phase: "closing"
+		} : state;
+		case "closed": return state.phase === "closing" ? EMBED_MENU_IDLE : state;
+	}
+}
+
+// src/components/embed-menu.tsx
+/**
+* The menu of images, X post cards, and YouTube cards, opened from their menu
+* button or with `Mod-/` while one is selected. One instance serves them all.
+*/
+function EmbedMenu(t0) {
+	const $ = c(43);
+	const { readOnly: t1 } = t0;
+	const readOnly = t1 === void 0 ? false : t1;
+	const editor = useEditor$1();
+	const [state, dispatch] = useReducer(reduceEmbedMenu, EMBED_MENU_IDLE);
+	let t2;
+	let t3;
+	if ($[0] !== editor) {
+		t2 = () => {
+			const extension = defineEmbedMenuHandler((embed, button) => {
+				dispatch({
+					type: "toggle",
+					embed,
+					button
+				});
+			});
+			return queueExtension(editor, extension);
+		};
+		t3 = [editor];
+		$[0] = editor;
+		$[1] = t2;
+		$[2] = t3;
+	} else {
+		t2 = $[1];
+		t3 = $[2];
+	}
+	useEffect(t2, t3);
+	const open = state.phase === "open";
+	const button_0 = state.phase === "idle" ? void 0 : state.button;
+	const embed_0 = state.phase === "idle" ? void 0 : state.embed;
+	let t4;
+	let t5;
+	if ($[3] !== button_0 || $[4] !== open) {
+		t4 = () => {
+			if (!button_0) return;
+			button_0.setAttribute("aria-expanded", String(open));
+			return () => button_0.removeAttribute("aria-expanded");
+		};
+		t5 = [button_0, open];
+		$[3] = button_0;
+		$[4] = open;
+		$[5] = t4;
+		$[6] = t5;
+	} else {
+		t4 = $[5];
+		t5 = $[6];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[7] !== button_0) {
+		t6 = (next, details) => {
+			if (next) return;
+			const target = details.event.target;
+			if (details.reason === "outside-press" && target instanceof Node && button_0?.contains(target)) {
+				details.cancel();
+				return;
+			}
+			dispatch({ type: "close" });
+		};
+		$[7] = button_0;
+		$[8] = t6;
+	} else t6 = $[8];
+	const changeOpen = t6;
+	let t7;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (next_0) => {
+			if (!next_0) dispatch({ type: "closed" });
+		};
+		$[9] = t7;
+	} else t7 = $[9];
+	const completeOpenChange = t7;
+	let t8;
+	if ($[10] !== editor) {
+		t8 = () => {
+			editor.focus();
+			return false;
+		};
+		$[10] = editor;
+		$[11] = t8;
+	} else t8 = $[11];
+	const getFinalFocus = t8;
+	let t9;
+	if ($[12] !== editor || $[13] !== embed_0) {
+		t9 = () => {
+			if (embed_0) editor.exec(convertEmbedToLink(embed_0.from));
+		};
+		$[12] = editor;
+		$[13] = embed_0;
+		$[14] = t9;
+	} else t9 = $[14];
+	const convertToLink = t9;
+	let t10;
+	if ($[15] !== embed_0) {
+		t10 = () => {
+			if (embed_0) writeClipboardText(embed_0.src);
+		};
+		$[15] = embed_0;
+		$[16] = t10;
+	} else t10 = $[16];
+	const copyLink = t10;
+	let t11;
+	if ($[17] !== editor || $[18] !== embed_0) {
+		t11 = () => {
+			if (embed_0) editor.exec(deleteEmbed(embed_0.from));
+		};
+		$[17] = editor;
+		$[18] = embed_0;
+		$[19] = t11;
+	} else t11 = $[19];
+	const remove = t11;
+	let t12;
+	if ($[20] !== editor.state || $[21] !== embed_0 || $[22] !== readOnly) {
+		t12 = !readOnly && embed_0 != null && convertEmbedToLink(embed_0.from)(editor.state);
+		$[20] = editor.state;
+		$[21] = embed_0;
+		$[22] = readOnly;
+		$[23] = t12;
+	} else t12 = $[23];
+	const canConvert = t12;
+	let t13;
+	if ($[24] !== canConvert || $[25] !== convertToLink) {
+		t13 = canConvert && /* @__PURE__ */ jsx(ActionMenuItem, {
+			icon: "link-2",
+			label: "Convert to link",
+			onClick: convertToLink,
+			testId: "embed-menu-convert"
+		});
+		$[24] = canConvert;
+		$[25] = convertToLink;
+		$[26] = t13;
+	} else t13 = $[26];
+	const t14 = embed_0?.kind === "image" ? "Copy image link" : "Copy link";
+	let t15;
+	if ($[27] !== copyLink || $[28] !== t14) {
+		t15 = /* @__PURE__ */ jsx(ActionMenuItem, {
+			icon: "copy",
+			label: t14,
+			onClick: copyLink,
+			testId: "embed-menu-copy"
+		});
+		$[27] = copyLink;
+		$[28] = t14;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== readOnly || $[31] !== remove) {
+		t16 = !readOnly && /* @__PURE__ */ jsx(ActionMenuItem, {
+			icon: "trash-2",
+			label: "Delete",
+			onClick: remove,
+			testId: "embed-menu-delete"
+		});
+		$[30] = readOnly;
+		$[31] = remove;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== button_0 || $[34] !== getFinalFocus || $[35] !== t13 || $[36] !== t15 || $[37] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(ActionMenuPopup, {
+			anchor: button_0,
+			finalFocus: getFinalFocus,
+			testId: "embed-menu-popup",
+			children: [
+				t13,
+				t15,
+				t16
+			]
+		});
+		$[33] = button_0;
+		$[34] = getFinalFocus;
+		$[35] = t13;
+		$[36] = t15;
+		$[37] = t16;
+		$[38] = t17;
+	} else t17 = $[38];
+	let t18;
+	if ($[39] !== changeOpen || $[40] !== open || $[41] !== t17) {
+		t18 = /* @__PURE__ */ jsx(Menu.Root, {
+			open,
+			onOpenChange: changeOpen,
+			onOpenChangeComplete: completeOpenChange,
+			children: t17
+		});
+		$[39] = changeOpen;
+		$[40] = open;
+		$[41] = t17;
+		$[42] = t18;
+	} else t18 = $[42];
+	return t18;
+}
+
 // src/components/link-menu-state.ts
 const LINK_MENU_IDLE = { kind: "idle" };
 /**
@@ -1129,7 +1868,7 @@ function LinkActions(t0) {
 			title: "Edit link",
 			"aria-label": "Edit link",
 			onClick: onEdit,
-			children: /* @__PURE__ */ jsx(PencilIcon, {})
+			children: /* @__PURE__ */ jsx(Icon, { name: "pencil" })
 		});
 		$[8] = onEdit;
 		$[9] = t4;
@@ -1142,7 +1881,7 @@ function LinkActions(t0) {
 			title: "Remove link",
 			"aria-label": "Remove link",
 			onClick: onRemove,
-			children: /* @__PURE__ */ jsx(UnlinkIcon, {})
+			children: /* @__PURE__ */ jsx(Icon, { name: "unlink" })
 		});
 		$[10] = onRemove;
 		$[11] = t5;
@@ -1171,7 +1910,7 @@ function PreviewIcon(t0) {
 	if (!preview.iconSrc || failed) {
 		let t1;
 		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-			t1 = /* @__PURE__ */ jsx(Globe2Icon, { "aria-hidden": "true" });
+			t1 = /* @__PURE__ */ jsx(Icon, { name: "earth" });
 			$[0] = t1;
 		} else t1 = $[0];
 		return t1;
@@ -1295,7 +2034,7 @@ function LinkInfoContent(t0) {
 			t9 = onUseTitle && /* @__PURE__ */ jsxs("div", {
 				className: link_menu_module_default.ReplaceRow,
 				children: [
-					/* @__PURE__ */ jsx(SparklesIcon, { "aria-hidden": "true" }),
+					/* @__PURE__ */ jsx(Icon, { name: "sparkles" }),
 					/* @__PURE__ */ jsx("span", { children: "Replace URL with its title?" }),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
@@ -2298,7 +3037,7 @@ function SelectionMenu(t0) {
 	if (affordanceVisible && showAffordance) {
 		let t6;
 		if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-			t6 = /* @__PURE__ */ jsx(SparklesIcon, {});
+			t6 = /* @__PURE__ */ jsx(Icon, { name: "sparkles" });
 			$[24] = t6;
 		} else t6 = $[24];
 		let t7;
@@ -3091,7 +3830,7 @@ function TableMenuAlignItem(t0) {
 	} else t3 = $[5];
 	let t4;
 	if ($[6] !== active) {
-		t4 = active && /* @__PURE__ */ jsx(CheckIcon, {});
+		t4 = active && /* @__PURE__ */ jsx(Icon, { name: "check" });
 		$[6] = active;
 		$[7] = t4;
 	} else t4 = $[7];
@@ -3452,7 +4191,7 @@ function TableHandle() {
 		t2 = /* @__PURE__ */ jsx(TableHandleColumnMenuTrigger, {
 			className: table_handle_module_default.Trigger,
 			"data-testid": "table-handle-column",
-			children: /* @__PURE__ */ jsx(GripHorizontalIcon, {})
+			children: /* @__PURE__ */ jsx(Icon, { name: "grip-horizontal" })
 		});
 		$[2] = t2;
 	} else t2 = $[2];
@@ -3501,7 +4240,7 @@ function TableHandle() {
 		t6 = /* @__PURE__ */ jsx(TableHandleRowMenuTrigger, {
 			className: table_handle_module_default.Trigger,
 			"data-testid": "table-handle-row",
-			children: /* @__PURE__ */ jsx(GripVerticalIcon, {})
+			children: /* @__PURE__ */ jsx(Icon, { name: "grip-vertical" })
 		});
 		$[13] = t6;
 	} else t6 = $[13];
@@ -3921,7 +4660,7 @@ function findHeadingPosition(doc, fragment) {
 	return match;
 }
 function ProseKitEditor(t0) {
-	const $ = c(117);
+	const $ = c(120);
 	const { markMode: t1, initialMarkdown, singleParagraph: t2, referenceDefinitions, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance: t3, collisionBoundary, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, onXPostMediaClick, onYouTubeVideoClick, embedPaste, linkPaste, bulletAfterHeading, backspaceDeletesEmptyFirstBlock, substitution: t4, frontmatter: t5, blockHandle: t6, placeholder, readOnly, spellCheck, writingSuggestions, autoCorrect, autoCapitalize, enterKeyHint, dir, lang, ariaLabel, searchQuery: t7, onSearchChange, timeFormat, editorClassName, CodeBlockView, ref, children } = t0;
 	const markMode = t1 === void 0 ? "focus" : t1;
 	const singleParagraph = t2 === void 0 ? false : t2;
@@ -4285,7 +5024,7 @@ function ProseKitEditor(t0) {
 		$[78] = timeFormat;
 		$[79] = t22;
 	} else t22 = $[79];
-	const t23 = String(readOnly);
+	const t23 = readOnly ? 1 : 0;
 	let t24;
 	if ($[80] !== onLinkClick || $[81] !== onLinkCopy || $[82] !== readOnly || $[83] !== resolveLinkPreview || $[84] !== t23) {
 		t24 = /* @__PURE__ */ jsx(LinkMenu, {
@@ -4302,47 +5041,53 @@ function ProseKitEditor(t0) {
 		$[85] = t24;
 	} else t24 = $[85];
 	let t25;
-	if ($[86] !== onTagSearch) {
-		t25 = onTagSearch && /* @__PURE__ */ jsx(TagMenu, { onTagSearch });
-		$[86] = onTagSearch;
+	if ($[86] !== readOnly) {
+		t25 = /* @__PURE__ */ jsx(EmbedMenu, { readOnly });
+		$[86] = readOnly;
 		$[87] = t25;
 	} else t25 = $[87];
 	let t26;
-	if ($[88] !== onWikilinkSearch) {
-		t26 = onWikilinkSearch && /* @__PURE__ */ jsx(WikilinkMenu, { onWikilinkSearch });
-		$[88] = onWikilinkSearch;
+	if ($[88] !== onTagSearch) {
+		t26 = onTagSearch && /* @__PURE__ */ jsx(TagMenu, { onTagSearch });
+		$[88] = onTagSearch;
 		$[89] = t26;
 	} else t26 = $[89];
 	let t27;
-	if ($[90] !== onSelectionMenuSearch || $[91] !== openSelectionMenu || $[92] !== readOnly || $[93] !== selectionMenuAffordance || $[94] !== selectionMenuContext) {
-		t27 = onSelectionMenuSearch && !readOnly && /* @__PURE__ */ jsx(SelectionMenu, {
+	if ($[90] !== onWikilinkSearch) {
+		t27 = onWikilinkSearch && /* @__PURE__ */ jsx(WikilinkMenu, { onWikilinkSearch });
+		$[90] = onWikilinkSearch;
+		$[91] = t27;
+	} else t27 = $[91];
+	let t28;
+	if ($[92] !== onSelectionMenuSearch || $[93] !== openSelectionMenu || $[94] !== readOnly || $[95] !== selectionMenuAffordance || $[96] !== selectionMenuContext) {
+		t28 = onSelectionMenuSearch && !readOnly && /* @__PURE__ */ jsx(SelectionMenu, {
 			onSelectionMenuSearch,
 			context: selectionMenuContext,
 			onOpen: openSelectionMenu,
 			onClose: closeSelectionMenu,
 			affordance: selectionMenuAffordance
 		});
-		$[90] = onSelectionMenuSearch;
-		$[91] = openSelectionMenu;
-		$[92] = readOnly;
-		$[93] = selectionMenuAffordance;
-		$[94] = selectionMenuContext;
-		$[95] = t27;
-	} else t27 = $[95];
-	let t28;
-	if ($[96] !== onPendingReplacementResolve || $[97] !== pendingReplacementActions || $[98] !== readOnly) {
-		t28 = !readOnly && /* @__PURE__ */ jsx(PendingReplacementPreview, {
+		$[92] = onSelectionMenuSearch;
+		$[93] = openSelectionMenu;
+		$[94] = readOnly;
+		$[95] = selectionMenuAffordance;
+		$[96] = selectionMenuContext;
+		$[97] = t28;
+	} else t28 = $[97];
+	let t29;
+	if ($[98] !== onPendingReplacementResolve || $[99] !== pendingReplacementActions || $[100] !== readOnly) {
+		t29 = !readOnly && /* @__PURE__ */ jsx(PendingReplacementPreview, {
 			actions: pendingReplacementActions,
 			onResolve: onPendingReplacementResolve
 		});
-		$[96] = onPendingReplacementResolve;
-		$[97] = pendingReplacementActions;
-		$[98] = readOnly;
-		$[99] = t28;
-	} else t28 = $[99];
-	let t29;
-	if ($[100] !== children || $[101] !== editor_0 || $[102] !== t17 || $[103] !== t18 || $[104] !== t19 || $[105] !== t20 || $[106] !== t21 || $[107] !== t22 || $[108] !== t24 || $[109] !== t25 || $[110] !== t26 || $[111] !== t27 || $[112] !== t28) {
-		t29 = /* @__PURE__ */ jsxs(ProseKit, {
+		$[98] = onPendingReplacementResolve;
+		$[99] = pendingReplacementActions;
+		$[100] = readOnly;
+		$[101] = t29;
+	} else t29 = $[101];
+	let t30;
+	if ($[102] !== children || $[103] !== editor_0 || $[104] !== t17 || $[105] !== t18 || $[106] !== t19 || $[107] !== t20 || $[108] !== t21 || $[109] !== t22 || $[110] !== t24 || $[111] !== t25 || $[112] !== t26 || $[113] !== t27 || $[114] !== t28 || $[115] !== t29) {
+		t30 = /* @__PURE__ */ jsxs(ProseKit, {
 			editor: editor_0,
 			children: [
 				t16,
@@ -4357,35 +5102,37 @@ function ProseKitEditor(t0) {
 				t26,
 				t27,
 				t28,
+				t29,
 				children
 			]
 		});
-		$[100] = children;
-		$[101] = editor_0;
-		$[102] = t17;
-		$[103] = t18;
-		$[104] = t19;
-		$[105] = t20;
-		$[106] = t21;
-		$[107] = t22;
-		$[108] = t24;
-		$[109] = t25;
-		$[110] = t26;
-		$[111] = t27;
-		$[112] = t28;
-		$[113] = t29;
-	} else t29 = $[113];
-	let t30;
-	if ($[114] !== collisionBoundary || $[115] !== t29) {
-		t30 = /* @__PURE__ */ jsx(CollisionBoundaryContext, {
-			value: collisionBoundary,
-			children: t29
-		});
-		$[114] = collisionBoundary;
+		$[102] = children;
+		$[103] = editor_0;
+		$[104] = t17;
+		$[105] = t18;
+		$[106] = t19;
+		$[107] = t20;
+		$[108] = t21;
+		$[109] = t22;
+		$[110] = t24;
+		$[111] = t25;
+		$[112] = t26;
+		$[113] = t27;
+		$[114] = t28;
 		$[115] = t29;
 		$[116] = t30;
 	} else t30 = $[116];
-	return t30;
+	let t31;
+	if ($[117] !== collisionBoundary || $[118] !== t30) {
+		t31 = /* @__PURE__ */ jsx(CollisionBoundaryContext, {
+			value: collisionBoundary,
+			children: t30
+		});
+		$[117] = collisionBoundary;
+		$[118] = t30;
+		$[119] = t31;
+	} else t31 = $[119];
+	return t31;
 }
 
 // src/components/editor.tsx
@@ -4498,7 +5245,7 @@ function MarkdownEditor(t0) {
 	useImperativeHandle(handleRef, t11, t12);
 	let t13;
 	if ($[2] !== wrapperClassName) {
-		t13 = clsx("meowdown", wrapperClassName);
+		t13 = clsx(ROOT_CLASS, wrapperClassName);
 		$[2] = wrapperClassName;
 		$[3] = t13;
 	} else t13 = $[3];
@@ -4798,7 +5545,7 @@ function WikilinkChip(props) {
 	let t2;
 	if ($[3] !== t1) {
 		t2 = /* @__PURE__ */ jsx("span", {
-			className: "md-wikilink-view-label",
+			className: class_names_exports.WIKILINK_VIEW_LABEL_CLASS,
 			contentEditable: false,
 			children: t1
 		});
@@ -4808,7 +5555,7 @@ function WikilinkChip(props) {
 	let t3;
 	if ($[5] !== handleClick || $[6] !== t2) {
 		t3 = /* @__PURE__ */ jsx("span", {
-			className: "md-wikilink-view-preview md-atom-view-preview",
+			className: `${class_names_exports.WIKILINK_VIEW_PREVIEW_CLASS} ${class_names_exports.ATOM_VIEW_PREVIEW_CLASS}`,
 			"data-testid": "wikilink",
 			contentEditable: false,
 			onClick: handleClick,
@@ -4821,7 +5568,7 @@ function WikilinkChip(props) {
 	let t4;
 	if ($[8] !== children) {
 		t4 = /* @__PURE__ */ jsx("span", {
-			className: "md-wikilink-view-content md-atom-view-content",
+			className: `${class_names_exports.WIKILINK_VIEW_CONTENT_CLASS} ${class_names_exports.ATOM_VIEW_CONTENT_CLASS}`,
 			children
 		});
 		$[8] = children;
@@ -4830,7 +5577,7 @@ function WikilinkChip(props) {
 	let t5;
 	if ($[10] !== t3 || $[11] !== t4) {
 		t5 = /* @__PURE__ */ jsxs("span", {
-			className: "md-wikilink-view md-atom-view",
+			className: `${class_names_exports.WIKILINK_VIEW_CLASS} ${class_names_exports.ATOM_VIEW_CLASS}`,
 			children: [t3, t4]
 		});
 		$[10] = t3;
@@ -4851,7 +5598,7 @@ function PostEmbed(props) {
 	let t4;
 	if ($[0] !== kind || $[1] !== mediaUrlProtocols || $[2] !== resolveXPost || $[3] !== resolveYouTubeVideo || $[4] !== snapshot || $[5] !== src || $[6] !== width) {
 		const saved = snapshot == null ? void 0 : parsePostEmbedSnapshot(snapshot);
-		t0 = "md-image-view-preview md-atom-view-preview";
+		t0 = `${class_names_exports.IMAGE_VIEW_PREVIEW_CLASS} ${class_names_exports.ATOM_VIEW_PREVIEW_CLASS}`;
 		t1 = false;
 		t2 = `${kind}-embed`;
 		t3 = kind;
@@ -4959,11 +5706,11 @@ function ImagePreview(props) {
 			let t4;
 			if ($[14] !== t2 || $[15] !== t3) {
 				t4 = /* @__PURE__ */ jsx("span", {
-					className: "md-image-view-preview md-atom-view-preview",
+					className: `${class_names_exports.IMAGE_VIEW_PREVIEW_CLASS} ${class_names_exports.ATOM_VIEW_PREVIEW_CLASS}`,
 					"data-testid": "image-preview",
 					contentEditable: false,
 					children: /* @__PURE__ */ jsx("span", {
-						className: "md-image-resizable",
+						className: class_names_exports.IMAGE_RESIZABLE_CLASS,
 						"data-testid": "image-resizable",
 						"data-loading": "",
 						style: {
@@ -5004,7 +5751,7 @@ function ImagePreview(props) {
 	let t4;
 	if ($[23] !== alt || $[24] !== handleClick || $[25] !== t3 || $[26] !== url) {
 		t4 = /* @__PURE__ */ jsx("span", {
-			className: "md-image-view-preview md-atom-view-preview",
+			className: `${class_names_exports.IMAGE_VIEW_PREVIEW_CLASS} ${class_names_exports.ATOM_VIEW_PREVIEW_CLASS}`,
 			"data-testid": "image-preview",
 			contentEditable: false,
 			children: /* @__PURE__ */ jsx("img", {
@@ -5057,7 +5804,7 @@ function ImageView(props) {
 	let t1;
 	if ($[12] !== children) {
 		t1 = /* @__PURE__ */ jsx("span", {
-			className: "md-image-view-content md-atom-view-content",
+			className: `${class_names_exports.IMAGE_VIEW_CONTENT_CLASS} ${class_names_exports.ATOM_VIEW_CONTENT_CLASS}`,
 			children
 		});
 		$[12] = children;
@@ -5066,7 +5813,7 @@ function ImageView(props) {
 	let t2;
 	if ($[14] !== t0 || $[15] !== t1) {
 		t2 = /* @__PURE__ */ jsxs("span", {
-			className: "md-image-view md-atom-view",
+			className: `${class_names_exports.IMAGE_VIEW_CLASS} ${class_names_exports.ATOM_VIEW_CLASS}`,
 			children: [t0, t1]
 		});
 		$[14] = t0;
@@ -5142,7 +5889,7 @@ function FileView(props) {
 	let t4;
 	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = /* @__PURE__ */ jsxs("svg", {
-			className: "md-file-view-icon",
+			className: class_names_exports.FILE_VIEW_ICON_CLASS,
 			viewBox: "0 0 24 24",
 			"aria-hidden": "true",
 			fill: "none",
@@ -5157,7 +5904,7 @@ function FileView(props) {
 	let t5;
 	if ($[11] !== name) {
 		t5 = /* @__PURE__ */ jsx("span", {
-			className: "md-file-view-name",
+			className: class_names_exports.FILE_VIEW_NAME_CLASS,
 			children: name
 		});
 		$[11] = name;
@@ -5166,7 +5913,7 @@ function FileView(props) {
 	let t6;
 	if ($[13] !== size) {
 		t6 = /* @__PURE__ */ jsx("span", {
-			className: "md-file-view-size",
+			className: class_names_exports.FILE_VIEW_SIZE_CLASS,
 			"data-testid": "file-pill-size",
 			children: size
 		});
@@ -5176,7 +5923,7 @@ function FileView(props) {
 	let t7;
 	if ($[15] !== handleClick || $[16] !== name || $[17] !== t3 || $[18] !== t5 || $[19] !== t6) {
 		t7 = /* @__PURE__ */ jsxs("span", {
-			className: "md-file-view-preview md-atom-view-preview",
+			className: `${class_names_exports.FILE_VIEW_PREVIEW_CLASS} ${class_names_exports.ATOM_VIEW_PREVIEW_CLASS}`,
 			"data-testid": "file-pill",
 			"data-file-kind": t3,
 			contentEditable: false,
@@ -5198,7 +5945,7 @@ function FileView(props) {
 	let t8;
 	if ($[21] !== children) {
 		t8 = /* @__PURE__ */ jsx("span", {
-			className: "md-file-view-content md-atom-view-content",
+			className: `${class_names_exports.FILE_VIEW_CONTENT_CLASS} ${class_names_exports.ATOM_VIEW_CONTENT_CLASS}`,
 			children
 		});
 		$[21] = children;
@@ -5207,7 +5954,7 @@ function FileView(props) {
 	let t9;
 	if ($[23] !== t7 || $[24] !== t8) {
 		t9 = /* @__PURE__ */ jsxs("span", {
-			className: "md-file-view md-atom-view",
+			className: `${class_names_exports.FILE_VIEW_CLASS} ${class_names_exports.ATOM_VIEW_CLASS}`,
 			children: [t7, t8]
 		});
 		$[23] = t7;
@@ -5295,7 +6042,7 @@ function MathView(props) {
 			katex,
 			formula,
 			displayMode: false,
-			className: "md-math-view-preview",
+			className: class_names_exports.MATH_VIEW_PREVIEW_CLASS,
 			"data-testid": "math-preview"
 		});
 		$[2] = formula;
@@ -5305,7 +6052,7 @@ function MathView(props) {
 	let t1;
 	if ($[5] !== children) {
 		t1 = /* @__PURE__ */ jsx("span", {
-			className: "md-math-view-content",
+			className: class_names_exports.MATH_VIEW_CONTENT_CLASS,
 			children
 		});
 		$[5] = children;
@@ -5314,7 +6061,7 @@ function MathView(props) {
 	let t2;
 	if ($[7] !== t0 || $[8] !== t1) {
 		t2 = /* @__PURE__ */ jsxs("span", {
-			className: "md-math-view",
+			className: class_names_exports.MATH_VIEW_CLASS,
 			children: [t0, t1]
 		});
 		$[7] = t0;
@@ -5359,7 +6106,7 @@ function MathCodeBlock(t0) {
 	return t1;
 }
 function MermaidCodeBlock(t0) {
-	const $ = c(5);
+	const $ = c(6);
 	const { code } = t0;
 	const renderer = usePele(true);
 	if (!renderer || code.trim() === "") {
@@ -5375,19 +6122,24 @@ function MermaidCodeBlock(t0) {
 		return t1;
 	}
 	let t1;
-	if ($[2] !== code || $[3] !== renderer) {
-		t1 = /* @__PURE__ */ jsx(MermaidRender, {
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = clsx(code_block_view_module_default.Preview, code_block_view_module_default.MermaidPreview);
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== code || $[4] !== renderer) {
+		t2 = /* @__PURE__ */ jsx(MermaidRender, {
 			renderer,
 			source: code,
-			className: `${code_block_view_module_default.Preview} ${code_block_view_module_default.MermaidPreview}`,
+			className: t1,
 			"data-testid": "code-block-mermaid-preview",
 			"data-scroll-x": true
 		});
-		$[2] = code;
-		$[3] = renderer;
-		$[4] = t1;
-	} else t1 = $[4];
-	return t1;
+		$[3] = code;
+		$[4] = renderer;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 }
 /**
 * Wrap inline `children` in one mark, special-casing the view/link marks.
@@ -5434,7 +6186,7 @@ function wrapMark(mark, children, context) {
 		case "mdLinkText": {
 			const attrs = mark.attrs;
 			if (!context.interactive) return /* @__PURE__ */ jsx("span", {
-				className: "md-link",
+				className: class_names_exports.LINK_TEXT_MARK_CLASS,
 				children
 			});
 			const handleClick = context.onLinkClick ? (event) => {
@@ -5446,7 +6198,7 @@ function wrapMark(mark, children, context) {
 				});
 			} : void 0;
 			return /* @__PURE__ */ jsx("a", {
-				className: "md-link",
+				className: class_names_exports.LINK_TEXT_MARK_CLASS,
 				href: attrs.href,
 				onClick: handleClick,
 				children
@@ -5727,7 +6479,7 @@ function MarkdownView(t0) {
 	const rootRef = t16;
 	let t17;
 	if ($[31] !== className) {
-		t17 = clsx("ProseMirror", "meowdown-content", className);
+		t17 = clsx("ProseMirror", class_names_exports.CONTENT_CLASS, className);
 		$[31] = className;
 		$[32] = t17;
 	} else t17 = $[32];
@@ -6008,7 +6760,6 @@ function LightboxImage(t0) {
 }
 
 // src/components/lightbox-root.tsx
-const DIALOG_TRANSITION_CLASS = "meowdown-lightbox-dialog";
 function showModal(dialog) {
 	const active = document.activeElement;
 	if (active instanceof HTMLElement && active.isContentEditable) active.blur();
@@ -6099,7 +6850,7 @@ function LightboxRoot(t0) {
 	let t8;
 	if ($[22] !== t1 || $[23] !== t7) {
 		t8 = /* @__PURE__ */ jsx(ViewTransition, {
-			default: DIALOG_TRANSITION_CLASS,
+			default: LIGHTBOX_DIALOG_TRANSITION_CLASS,
 			onExit: t1,
 			children: t7
 		});