@markweave/react 0.1.0

package/dist/index.js

@@ -0,0 +1,2982 @@
+import { createMarkweaveEditorExtensions as e } from "markweave/internal/editor-core/create-editor-extensions";
+import { EditorContent as t, NodeViewWrapper as n, ReactNodeViewRenderer as r, useEditor as i } from "@tiptap/react";
+import { AlertTriangle as a, AlignCenter as o, AlignJustify as s, AlignLeft as c, AlignRight as l, Bold as u, Braces as d, Captions as f, Check as p, CheckCircle2 as m, ChevronDown as h, ChevronUp as g, CircleX as _, Code2 as v, CornerDownLeft as y, Download as b, ExternalLink as x, Heading1 as S, Heading2 as C, Heading3 as w, Image as T, ImageUp as E, IndentDecrease as D, IndentIncrease as O, Info as k, Italic as A, Lightbulb as j, Link2 as ee, List as M, ListChecks as N, ListOrdered as P, Minus as te, MoreVertical as ne, Paperclip as F, Quote as I, Replace as re, Sigma as L, SmilePlus as R, Sparkles as ie, Strikethrough as ae, Subscript as oe, Superscript as se, Table2 as ce, Text as z, Trash2 as le, Type as ue, Underline as de, Upload as B, Video as fe } from "lucide-react";
+import { useCallback as V, useEffect as H, useLayoutEffect as U, useMemo as W, useRef as G, useState as K, useSyncExternalStore as pe } from "react";
+import { detectUploadSource as me, getDirectUploadResult as he, resolveMarkweaveUploadResult as q } from "markweave/internal/plugins/slash-command/upload";
+import { MarkweaveCoreImage as ge, MarkweaveCoreVideo as _e, attrsFromMarkweaveImageUploadResult as ve, attrsFromMarkweaveVideoUploadResult as ye, attrsFromMarkweaveVideoUrl as be, clampMarkweaveImageWidth as xe, createMarkweaveImageUploadRequest as J, createMarkweaveVideoUploadRequest as Se, downloadMarkweaveImage as Ce, markweaveVideoIframeAllow as we, normalizeMarkweaveCoreImageAlign as Te, normalizeMarkweaveVideoEmbedUrl as Ee, numberAttribute as De, stringAttribute as Y } from "markweave/internal/plugins/media/core-media-nodes";
+import { getLocalizedSlashCommandSpecs as Oe, getMarkweaveMessages as ke, normalizeMarkweaveLang as Ae } from "markweave/internal/i18n";
+import { getMarkweaveEditorModeState as je, isMarkweaveEditorLiveEditable as Me, normalizeMarkweaveEditorMode as Ne, setMarkweaveEditorModeState as Pe, subscribeToMarkweaveEditorMode as Fe } from "markweave/internal/core/editor-mode-state";
+import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { createMarkweaveAdapterMediaExtensions as Ie } from "markweave/internal/plugins/media/media-extension-factory";
+import { isEditorComposing as Le } from "markweave/internal/editor-core/composition-guard";
+import { createMarkweaveEditorUpdatePayload as Re, getMarkweaveContentType as ze, isEditorContentCurrent as Be, normalizeMarkweaveContentFormat as Ve } from "markweave/internal/editor-core/editor-content";
+import { openMarkweaveReadonlyLinkFromEvent as He } from "markweave/internal/editor-core/readonly-link";
+import { createMarkweaveEditorRuntimeSnapshot as Ue } from "markweave/internal/editor-core/runtime-snapshot";
+import { advanceFloatingToolbarMotionState as We, calculateFloatingToolbarFrameShift as Ge, calculateFloatingToolbarTopBoundary as Ke, createSelectionSnapshot as qe, getFloatingToolbarFloatingOptions as Je, getFloatingToolbarState as Ye, shouldShowFloatingToolbar as Xe, transitionFloatingToolbarState as Ze } from "markweave/internal/editor-core/selection-state";
+import { codeBlockCollapsePluginKey as Qe, copyActiveCodeBlock as $e, getActiveCodeBlockState as et, getCodeBlockCopyFeedbackSnapshot as tt, markweaveCodeBlockBehavior as nt, setCodeBlockCollapsedAtPosition as rt, setCodeBlockLanguageAtPosition as it, setCodeBlockMermaidPreviewModeAtPosition as at } from "markweave/internal/plugins/codeblock/codeblock-behavior";
+import { isMermaidInlinePreviewTransaction as ot, setMermaidInlinePreviewEditorMode as st, setReadonlyMermaidPreviewMode as ct } from "markweave/internal/plugins/mermaid/mermaid-inline-preview";
+import { getMermaidPreviewState as lt } from "markweave/internal/plugins/mermaid/mermaid-renderer";
+import { applyMarkweaveMathLatex as ut, calculateMarkweaveMathPopoverPosition as dt, getMarkweaveMathAnchorRect as ft, getMarkweaveMathBlockIndex as pt, getMarkweaveMathRenderedHtml as mt, getMarkweaveMathTargetAtPos as ht, getMarkweaveMathTargetFromDomEvent as gt, getMarkweaveMathTargetFromSelection as _t, renderMarkweaveMathPreview as vt, setMarkweaveMathEditingDomState as yt, setMarkweaveMathEditingDomStateInView as bt, setMarkweaveMathSelectionInView as xt } from "markweave/internal/plugins/math/math-ui-model";
+import { filterSlashCommands as St, isExecutableSlashCommand as Ct } from "markweave/internal/plugins/slash-command/command-spec";
+import { getSlashCommandKeyboardAction as wt, isSlashCommandMenuState as Tt } from "markweave/internal/plugins/slash-command/slash-keyboard";
+import { executeSlashCommand as Et, getNextSlashCommandState as Dt, getSlashCommandAnchoredMenuPosition as Ot, getSlashCommandContext as kt } from "markweave/internal/plugins/slash-command/slash-runtime";
+import { initialSlashCommandState as At, reduceSlashCommandState as jt } from "markweave/internal/plugins/slash-command/slash-state";
+import { getFirstTableDebugSnapshot as Mt } from "markweave/internal/plugins/table/table-debug-snapshot";
+import { focusFirstTableBodyCell as Nt } from "markweave/internal/plugins/table/table-focus-position";
+import { getTableFocusState as Pt } from "markweave/internal/plugins/table/table-focus-state";
+import { getTableSelectionOverlayState as Ft, initialTableInteractionState as It, tableInteractionPluginKey as Lt } from "markweave/internal/plugins/table/table-interaction-layer";
+import { calculateCodeBlockLanguageMenuPosition as Rt, clampFullscreenScale as zt, codeBlockCopyFeedbackTimeoutMs as Bt, copyCodeBlockText as Vt, createCodeBlockOverlayPosition as Ht, createMermaidFullscreenViewerState as Ut, createMermaidTabPosition as Wt, focusCodeBlockTarget as Gt, formatCodeBlockLanguageLabel as Kt, formatFullscreenZoom as qt, getActiveCodeBlockElement as Jt, getAnchoredRect as Yt, getCodeBlockLanguageItems as Xt, getCodeBlockPositionFromEventTarget as Zt, getCodeBlockStateAtPosition as Qt, getFrameElement as $t, getMermaidCodeBlockTargets as en, getMermaidSvgMarkup as tn, isCodeBlockTargetCollapsed as nn, mergeStableMermaidTabPositions as rn, mermaidFullscreenZoomStep as an, moveMermaidFullscreenViewer as on } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
+import { BubbleMenu as sn } from "@tiptap/react/menus";
+import { applyFloatingToolbarLink as cn, createFloatingToolbarAssistantRequest as ln, getFloatingToolbarButtonModels as un, getFloatingToolbarHighlightColorOptions as dn, getFloatingToolbarLinkHref as fn, getFloatingToolbarMessageSet as pn, getFloatingToolbarMoreActions as mn, getFloatingToolbarTextColorOptions as hn, getFloatingToolbarTooltipModel as gn, getFloatingToolbarTurnIntoOptions as _n, isFloatingToolbarMoreActionActive as vn, isFloatingToolbarTurnIntoActive as yn, openFloatingToolbarLinkHref as bn, preventFloatingToolbarPointerFocusLoss as xn, removeFloatingToolbarLink as Sn, runFloatingToolbarMoreAction as Cn, setFloatingToolbarHighlightColor as wn, setFloatingToolbarTextColor as Tn, setFloatingToolbarTurnInto as En } from "markweave/internal/editor-core/floating-toolbar-model";
+import { normalizeMarkdownLinkHref as Dn } from "markweave/internal/plugins/markdown/markdown-input";
+import { setMarkweaveTableMenuAxisTarget as On } from "markweave/internal/plugins/table/table-clipboard";
+import { calculateAnchoredTableMenuPosition as kn, calculateTableEdgeHandlePosition as An, canRunTableCommand as jn, executeTableMenuCommand as Mn, formatTableCopyFeedback as Nn, getActiveTableElement as Pn, getAvailableCellMenuCommandSpecs as Fn, getTableAxisTargetRect as In, getTableControlAxisSelectionModel as Ln, getTableEditWithAiRequest as Rn, getTableMenuItemGroup as zn, getTableMenuItemLabel as Bn, getTableMenuItems as Vn, getTableSelectionTargetRect as Hn, measureTableSelectionOverlay as Un, selectTableAxisFromCell as Wn, tableCopyFeedbackTimeoutMs as Gn, tableMenuLabel as Kn } from "markweave/internal/plugins/table/table-ui-model";
+import { createMarkweaveTocState as qn, emptyMarkweaveTocState as Jn, getActiveMarkweaveTocId as Yn, getMarkweaveTocItems as Xn, getValidMarkweaveTocActiveId as Zn, scrollToMarkweaveTocItem as Qn } from "markweave/internal/core/toc-state";
+//#region src/editor-mode-state.ts
+var $n = {
+	mode: "live",
+	editable: !0
+};
+function er(e) {
+	return pe((t) => Fe(e, t), () => je(e), () => $n);
+}
+//#endregion
+//#region src/media/image-node.tsx
+var tr = Te;
+function nr(e) {
+	return e instanceof Element && !!e.closest("[data-markweave-image-ui=\"true\"]");
+}
+function rr(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? ke("zh"), u = l.image, d = Me(er(r)), f = Y(a.attrs.src), p = tr(a.attrs.align), m = De(a.attrs.width), h = Y(a.attrs.caption), g = G(null), _ = G(null), [v, y] = K(!1), [b, x] = K(!1), [S, C] = K(!1), [w, T] = K(""), [E, D] = K(null), [O, k] = K(!1), [A, j] = K(!!h), [ee, M] = K(h ?? ""), N = d && (!f || b);
+	H(() => {
+		A || M(h ?? "");
+	}, [h, A]);
+	let P = () => {
+		if (!d) return;
+		let e = i();
+		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
+	}, te = () => {
+		if (d) {
+			if (T(""), D(null), C(!1), f) {
+				x(!1);
+				return;
+			}
+			t();
+		}
+	}, ne = async (e) => {
+		if (d) {
+			D(null), k(!0);
+			try {
+				let t = await q(J(e, f && b ? "image-replace" : "image-insert"), c.onUpload);
+				s(ve(a.attrs, t)), x(!1), T("");
+			} catch (e) {
+				D(e instanceof Error ? e.message : u.uploadFailedError);
+			} finally {
+				k(!1), C(!1);
+			}
+		}
+	}, F = () => {
+		if (d) {
+			if (!w.trim()) {
+				D(u.uploadRequiredError);
+				return;
+			}
+			ne(me(w));
+		}
+	}, I = (e) => {
+		!d || !e || ne({
+			type: "file",
+			file: e,
+			mimeType: e.type
+		});
+	}, re = (e) => {
+		I(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
+	}, L = (e) => {
+		e.preventDefault(), e.stopPropagation(), d && I(e.dataTransfer.files?.[0] ?? null);
+	}, R = () => {
+		d && (j((e) => !e), A || M(h ?? ""));
+	}, ie = (e) => {
+		d && (M(e), s({ caption: e.trim() ? e : null }));
+	}, ae = (e, t) => {
+		if (t.preventDefault(), t.stopPropagation(), !d) return;
+		P();
+		let n = g.current;
+		if (!n) return;
+		let r = t.clientX, i = n.getBoundingClientRect().width || m || 320, a = n.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? n.parentElement?.getBoundingClientRect().width ?? i, o = (t) => {
+			let n = e === "right" ? t.clientX - r : r - t.clientX;
+			s({ width: xe(i + n, a) });
+		}, c = () => {
+			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", c);
+		};
+		window.addEventListener("pointermove", o), window.addEventListener("pointerup", c, { once: !0 });
+	};
+	return /* @__PURE__ */ Z(n, {
+		as: "figure",
+		className: "markweave-image-node",
+		"data-testid": "markweave-image-node",
+		"data-align": p,
+		"data-selected": d && o ? "true" : "false",
+		"data-hovered": d && v ? "true" : "false",
+		"data-empty": N ? "true" : "false",
+		onPointerEnter: () => y(!0),
+		onPointerLeave: () => y(!1),
+		onMouseDown: (e) => {
+			d && !nr(e.target) && P();
+		},
+		children: N ? /* @__PURE__ */ Z(ir, {
+			dragActive: S,
+			error: E,
+			inputValue: w,
+			isSubmitting: O,
+			fileInputRef: _,
+			messages: l,
+			onCancel: te,
+			onDrop: L,
+			onDragActiveChange: C,
+			onFileChange: re,
+			onInputChange: T,
+			onSubmit: F
+		}) : /* @__PURE__ */ Q(X, { children: [
+			d ? /* @__PURE__ */ Z(ar, {
+				align: p,
+				captionActive: A || !!h,
+				messages: l,
+				onAlign: (e) => s({ align: e }),
+				onCaption: R,
+				onDelete: t,
+				onDownload: () => {
+					f && Ce(f);
+				},
+				onReplace: () => {
+					T(""), D(null), x(!0);
+				}
+			}) : null,
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-image-box",
+				ref: g,
+				style: m ? { width: `${m}px` } : void 0,
+				children: [
+					f ? /* @__PURE__ */ Z("img", {
+						className: "markweave-image",
+						src: f,
+						alt: Y(a.attrs.alt) ?? "",
+						title: Y(a.attrs.title) ?? void 0,
+						draggable: !1
+					}) : /* @__PURE__ */ Z("div", {
+						className: "markweave-image-readonly-empty",
+						"data-testid": "markweave-image-readonly-empty",
+						"aria-hidden": "true"
+					}),
+					d ? /* @__PURE__ */ Z(sr, {
+						side: "left",
+						messages: l,
+						onPointerDown: ae
+					}) : null,
+					d ? /* @__PURE__ */ Z(sr, {
+						side: "right",
+						messages: l,
+						onPointerDown: ae
+					}) : null
+				]
+			}),
+			d && (A || h) ? /* @__PURE__ */ Z("input", {
+				className: "markweave-image-caption-input",
+				"data-markweave-image-ui": "true",
+				"data-testid": "markweave-image-caption-input",
+				value: ee,
+				placeholder: u.captionPlaceholder,
+				"aria-label": u.captionAriaLabel,
+				onChange: (e) => ie(e.currentTarget.value),
+				onKeyDown: (e) => {
+					e.key === "Escape" && (e.preventDefault(), j(!1));
+				}
+			}) : h ? /* @__PURE__ */ Z("figcaption", {
+				className: "markweave-image-caption",
+				"data-testid": "markweave-image-caption",
+				children: h
+			}) : null
+		] })
+	});
+}
+function ir({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+	let f = a.image;
+	return /* @__PURE__ */ Q("section", {
+		className: "markweave-image-upload-placeholder",
+		"data-testid": "markweave-image-upload-placeholder",
+		"data-drag-active": e ? "true" : "false",
+		"data-markweave-image-ui": "true",
+		onDragEnter: (e) => {
+			e.preventDefault(), s(!0);
+		},
+		onDragOver: (e) => {
+			e.preventDefault(), s(!0);
+		},
+		onDragLeave: () => s(!1),
+		onDrop: c,
+		children: [
+			/* @__PURE__ */ Z("input", {
+				ref: n,
+				"data-testid": "markweave-image-file-input",
+				type: "file",
+				accept: "image/*",
+				hidden: !0,
+				onChange: l
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "markweave-image-upload-icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ Z(E, {
+					size: 46,
+					strokeWidth: 1.6
+				})
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-image-upload-copy",
+				children: [/* @__PURE__ */ Z("button", {
+					type: "button",
+					onClick: () => n.current?.click(),
+					children: f.clickToUpload
+				}), /* @__PURE__ */ Z("span", { children: f.dragAndDrop })]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "markweave-image-upload-note",
+				children: f.uploadNote
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-image-upload-row",
+				children: [
+					/* @__PURE__ */ Z("input", {
+						"data-testid": "markweave-image-url-input",
+						value: r,
+						placeholder: f.uploadInputPlaceholder,
+						"aria-label": f.uploadInputAriaLabel,
+						onChange: (e) => u(e.currentTarget.value),
+						onKeyDown: (e) => {
+							e.key === "Enter" && (e.preventDefault(), d());
+						}
+					}),
+					/* @__PURE__ */ Q("button", {
+						type: "button",
+						"data-testid": "markweave-image-upload-submit",
+						disabled: i || !r.trim(),
+						onClick: d,
+						children: [/* @__PURE__ */ Z(E, {
+							size: 16,
+							strokeWidth: 1.8
+						}), a.common.insert]
+					}),
+					/* @__PURE__ */ Z("button", {
+						type: "button",
+						"data-testid": "markweave-image-upload-cancel",
+						onClick: o,
+						children: a.common.cancel
+					})
+				]
+			}),
+			t ? /* @__PURE__ */ Z("div", {
+				className: "markweave-image-upload-error",
+				children: t
+			}) : null
+		]
+	});
+}
+function ar({ align: e, captionActive: t, messages: n, onAlign: r, onCaption: i, onDelete: a, onDownload: s, onReplace: u }) {
+	let d = n.image;
+	return /* @__PURE__ */ Q("div", {
+		className: "markweave-image-toolbar",
+		"data-testid": "markweave-image-toolbar",
+		"data-markweave-image-ui": "true",
+		"aria-label": d.toolsAriaLabel,
+		children: [
+			/* @__PURE__ */ Z(or, {
+				testId: "markweave-image-align-left",
+				label: d.alignLeft,
+				icon: c,
+				active: e === "left",
+				onClick: () => r("left")
+			}),
+			/* @__PURE__ */ Z(or, {
+				testId: "markweave-image-align-center",
+				label: d.alignCenter,
+				icon: o,
+				active: e === "center",
+				onClick: () => r("center")
+			}),
+			/* @__PURE__ */ Z(or, {
+				testId: "markweave-image-align-right",
+				label: d.alignRight,
+				icon: l,
+				active: e === "right",
+				onClick: () => r("right")
+			}),
+			/* @__PURE__ */ Z("span", {
+				className: "markweave-image-toolbar-divider",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ Z(or, {
+				testId: "markweave-image-caption",
+				label: d.caption,
+				icon: f,
+				active: t,
+				onClick: i
+			}),
+			/* @__PURE__ */ Z(or, {
+				testId: "markweave-image-download",
+				label: d.download,
+				icon: b,
+				onClick: s
+			}),
+			/* @__PURE__ */ Z(or, {
+				testId: "markweave-image-replace",
+				label: d.replace,
+				icon: re,
+				onClick: u
+			}),
+			/* @__PURE__ */ Z("span", {
+				className: "markweave-image-toolbar-divider",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ Z(or, {
+				testId: "markweave-image-delete",
+				label: d.delete,
+				icon: le,
+				onClick: a
+			})
+		]
+	});
+}
+function or({ active: e = !1, icon: t, label: n, onClick: r, testId: i }) {
+	return /* @__PURE__ */ Q("button", {
+		type: "button",
+		"aria-label": n,
+		title: n,
+		"data-testid": i,
+		"data-active": e ? "true" : "false",
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: r,
+		children: [/* @__PURE__ */ Z(t, {
+			size: 20,
+			strokeWidth: 1.8
+		}), /* @__PURE__ */ Z("span", {
+			className: "markweave-image-tooltip",
+			role: "tooltip",
+			children: n
+		})]
+	});
+}
+function sr({ messages: e, onPointerDown: t, side: n }) {
+	return /* @__PURE__ */ Z("button", {
+		type: "button",
+		className: "markweave-image-resize-handle",
+		"data-testid": `markweave-image-resize-${n}`,
+		"data-side": n,
+		"data-markweave-image-ui": "true",
+		"aria-label": n === "left" ? e.image.resizeLeft : e.image.resizeRight,
+		onPointerDown: (e) => t(n, e)
+	});
+}
+var cr = ge.extend({
+	addOptions() {
+		return {
+			...this.parent?.(),
+			messages: ke("zh"),
+			onUpload: void 0
+		};
+	},
+	addNodeView() {
+		return typeof document > "u" ? null : r(rr, { stopEvent: ({ event: e }) => nr(e.target) });
+	}
+});
+//#endregion
+//#region src/media/video-node.tsx
+function lr(e) {
+	return e instanceof Element && !!e.closest("[data-markweave-video-ui=\"true\"], iframe[data-markweave-video-embed], video[data-markweave-video]");
+}
+function ur(e) {
+	let { deleteNode: t, editor: r, getPos: i, node: a, selected: o, updateAttributes: s } = e, c = e.extension.options, l = c.messages ?? ke("zh"), u = l.video, d = Me(er(r)), f = Y(a.attrs.src), p = Y(a.attrs.embedUrl), m = Y(a.attrs.provider), h = p ? Ee(p, m) : null, g = Y(a.attrs.mimeType), _ = Y(a.attrs.title), v = G(null), [y, b] = K(!1), [x, S] = K(""), [C, w] = K(null), [T, E] = K(!1), D = d && !f, O = () => {
+		if (!d) return;
+		let e = i();
+		typeof e == "number" && r.chain().focus().setNodeSelection(e).run();
+	}, k = (e) => {
+		d && (lr(e.target) || (e.preventDefault(), O()));
+	}, A = (e) => {
+		d && (e.key === "Delete" || e.key === "Backspace") && o && (e.preventDefault(), t());
+	}, j = async (e) => {
+		if (!(!d || !e)) {
+			w(null), E(!0);
+			try {
+				let t = await q(Se({
+					type: "file",
+					file: e,
+					mimeType: e.type
+				}), c.onUpload);
+				s(ye(t)), S("");
+			} catch (e) {
+				w(e instanceof Error ? e.message : u.uploadFailedError);
+			} finally {
+				E(!1), b(!1);
+			}
+		}
+	};
+	return D ? /* @__PURE__ */ Z(n, {
+		as: "figure",
+		className: "markweave-video-node",
+		"data-testid": "markweave-video-node",
+		"data-empty": "true",
+		"data-selected": "false",
+		children: /* @__PURE__ */ Z(dr, {
+			dragActive: y,
+			error: C,
+			fileInputRef: v,
+			inputValue: x,
+			isSubmitting: T,
+			messages: l,
+			onCancel: t,
+			onDragActiveChange: b,
+			onDrop: (e) => {
+				e.preventDefault(), e.stopPropagation(), d && j(e.dataTransfer.files?.[0] ?? null);
+			},
+			onFileChange: (e) => {
+				j(e.currentTarget.files?.[0] ?? null), e.currentTarget.value = "";
+			},
+			onInputChange: S,
+			onSubmit: () => {
+				if (!d) return;
+				let e = be(x);
+				if (!e) {
+					w(u.unsupportedUrlError);
+					return;
+				}
+				w(null), s(e), S("");
+			}
+		})
+	}) : /* @__PURE__ */ Z(n, {
+		as: "figure",
+		className: "markweave-video-node",
+		"data-testid": "markweave-video-node",
+		"data-provider": m ?? "file",
+		"data-empty": f ? "false" : "true",
+		"data-selected": d && o ? "true" : "false",
+		tabIndex: d ? 0 : void 0,
+		"aria-label": u.nodeAriaLabel,
+		onFocus: O,
+		onKeyDown: A,
+		onMouseDown: k,
+		children: h ? /* @__PURE__ */ Q("div", {
+			className: "markweave-video-embed",
+			children: [/* @__PURE__ */ Z("iframe", {
+				className: "markweave-video-iframe",
+				src: h,
+				title: _ ?? `${m ?? "Video"} embed`,
+				"data-markweave-video-embed": "true",
+				"data-markweave-video-provider": m ?? void 0,
+				"data-markweave-video-src": f ?? void 0,
+				allow: we,
+				allowFullScreen: !0
+			}), d ? /* @__PURE__ */ Z("button", {
+				type: "button",
+				className: "markweave-video-selection-layer",
+				"data-testid": "markweave-video-selection-layer",
+				tabIndex: -1,
+				"aria-label": u.selectAriaLabel
+			}) : null]
+		}) : f ? /* @__PURE__ */ Q("div", {
+			className: "markweave-video-box",
+			children: [/* @__PURE__ */ Z("video", {
+				className: "markweave-video",
+				src: f,
+				title: _ ?? void 0,
+				"data-markweave-video": "true",
+				"data-markweave-mime-type": g ?? void 0,
+				controls: !0
+			}), d ? /* @__PURE__ */ Z("button", {
+				type: "button",
+				className: "markweave-video-selection-layer",
+				"data-testid": "markweave-video-selection-layer",
+				tabIndex: -1,
+				"aria-label": u.selectAriaLabel
+			}) : null]
+		}) : /* @__PURE__ */ Z("div", {
+			className: "markweave-video-readonly-empty",
+			"data-testid": "markweave-video-readonly-empty",
+			"aria-hidden": "true"
+		})
+	});
+}
+function dr({ dragActive: e, error: t, fileInputRef: n, inputValue: r, isSubmitting: i, messages: a, onCancel: o, onDragActiveChange: s, onDrop: c, onFileChange: l, onInputChange: u, onSubmit: d }) {
+	let f = a.video;
+	return /* @__PURE__ */ Q("section", {
+		className: "markweave-video-upload-placeholder",
+		"data-testid": "markweave-video-upload-placeholder",
+		"data-drag-active": e ? "true" : "false",
+		"data-markweave-video-ui": "true",
+		onDragEnter: (e) => {
+			e.preventDefault(), s(!0);
+		},
+		onDragOver: (e) => {
+			e.preventDefault(), s(!0);
+		},
+		onDragLeave: () => s(!1),
+		onDrop: c,
+		children: [
+			/* @__PURE__ */ Z("input", {
+				ref: n,
+				"data-testid": "markweave-video-file-input",
+				type: "file",
+				accept: "video/*",
+				hidden: !0,
+				onChange: l
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "markweave-video-upload-icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ Z(fe, {
+					size: 46,
+					strokeWidth: 1.6
+				})
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-video-upload-copy",
+				children: [/* @__PURE__ */ Z("button", {
+					type: "button",
+					onClick: () => n.current?.click(),
+					children: f.clickToUpload
+				}), /* @__PURE__ */ Z("span", { children: f.dragAndDrop })]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "markweave-video-upload-note",
+				children: f.uploadNote
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-video-upload-row",
+				children: [
+					/* @__PURE__ */ Z("input", {
+						"data-testid": "markweave-video-url-input",
+						value: r,
+						placeholder: f.uploadInputPlaceholder,
+						"aria-label": f.uploadInputAriaLabel,
+						onChange: (e) => u(e.currentTarget.value),
+						onKeyDown: (e) => {
+							e.key === "Enter" && (e.preventDefault(), d());
+						}
+					}),
+					/* @__PURE__ */ Q("button", {
+						type: "button",
+						"data-testid": "markweave-video-upload-submit",
+						disabled: i || !r.trim(),
+						onClick: d,
+						children: [/* @__PURE__ */ Z(B, {
+							size: 16,
+							strokeWidth: 1.8
+						}), a.common.insert]
+					}),
+					/* @__PURE__ */ Z("button", {
+						type: "button",
+						"data-testid": "markweave-video-upload-cancel",
+						onClick: o,
+						children: a.common.cancel
+					})
+				]
+			}),
+			t ? /* @__PURE__ */ Z("div", {
+				className: "markweave-video-upload-error",
+				children: t
+			}) : null
+		]
+	});
+}
+var fr = _e.extend({
+	addOptions() {
+		return {
+			...this.parent?.(),
+			messages: ke("zh"),
+			onUpload: void 0
+		};
+	},
+	addNodeView() {
+		return typeof document > "u" ? null : r(ur, { stopEvent: ({ event: e }) => lr(e.target) });
+	}
+});
+//#endregion
+//#region src/create-editor-extensions.ts
+function pr(t = {}) {
+	return e({
+		lang: t.lang,
+		mediaExtensions: Ie({
+			image: cr,
+			video: fr,
+			lang: t.lang,
+			onImageUpload: t.onImageUpload,
+			onVideoUpload: t.onVideoUpload
+		})
+	});
+}
+//#endregion
+//#region src/ui/codeblock/CodeBlockControls.tsx
+function mr(e) {
+	return e === "clipboard" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), /* @__PURE__ */ Z("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] }) : e === "search" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("circle", {
+		cx: "10",
+		cy: "10",
+		r: "5.5"
+	}), /* @__PURE__ */ Z("path", { d: "m14 14 4 4" })] }) : e === "check" ? /* @__PURE__ */ Z("path", { d: "m5 11 4 4 8-9" }) : e === "expand" ? /* @__PURE__ */ Q(X, { children: [
+		/* @__PURE__ */ Z("path", { d: "M8 4H4v4" }),
+		/* @__PURE__ */ Z("path", { d: "M4 4l5 5" }),
+		/* @__PURE__ */ Z("path", { d: "M16 4h4v4" }),
+		/* @__PURE__ */ Z("path", { d: "m20 4-5 5" }),
+		/* @__PURE__ */ Z("path", { d: "M8 20H4v-4" }),
+		/* @__PURE__ */ Z("path", { d: "m4 20 5-5" }),
+		/* @__PURE__ */ Z("path", { d: "M16 20h4v-4" }),
+		/* @__PURE__ */ Z("path", { d: "m20 20-5-5" })
+	] }) : e === "download" ? /* @__PURE__ */ Q(X, { children: [
+		/* @__PURE__ */ Z("path", { d: "M12 4v10" }),
+		/* @__PURE__ */ Z("path", { d: "m8 10 4 4 4-4" }),
+		/* @__PURE__ */ Z("path", { d: "M5 19h14" })
+	] }) : e === "close" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M6 6l12 12" }), /* @__PURE__ */ Z("path", { d: "M18 6 6 18" })] }) : e === "zoomOut" ? /* @__PURE__ */ Q(X, { children: [
+		/* @__PURE__ */ Z("circle", {
+			cx: "10",
+			cy: "10",
+			r: "5.25"
+		}),
+		/* @__PURE__ */ Z("path", { d: "M7.5 10h5" }),
+		/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
+	] }) : e === "zoomIn" ? /* @__PURE__ */ Q(X, { children: [
+		/* @__PURE__ */ Z("circle", {
+			cx: "10",
+			cy: "10",
+			r: "5.25"
+		}),
+		/* @__PURE__ */ Z("path", { d: "M7.5 10h5" }),
+		/* @__PURE__ */ Z("path", { d: "M10 7.5v5" }),
+		/* @__PURE__ */ Z("path", { d: "m14 14 4 4" })
+	] }) : e === "reset" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), /* @__PURE__ */ Z("path", { d: "M6.5 8.5H3.5v-3" })] }) : /* @__PURE__ */ Z("path", { d: "m6 9 6 6 6-6" });
+}
+function hr({ icon: e }) {
+	return /* @__PURE__ */ Z("svg", {
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: /* @__PURE__ */ Z("g", {
+			fill: "none",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "1.8",
+			children: mr(e)
+		})
+	});
+}
+function gr({ active: e, editor: t, mermaidMode: n, onMermaidModeChange: r, readOnly: i = !1 }) {
+	let a = G(null), o = G(null), s = G(null), c = G({
+		active: !1,
+		lastX: 0,
+		lastY: 0
+	}), [l, u] = K(null), [d, f] = K(null), [p, m] = K([]), [h, g] = K(null), [_, v] = K(!1), [y, b] = K(""), [x, S] = K(null), [C, w] = K(!1), [T, E] = K(null), [D, O] = K(null), [k, A] = K(!1), [j, ee] = K(0), [M, N] = K(0), P = et(t), te = Qt(t, l), ne = !i && e && P.active && P.pos !== null ? {
+		...P,
+		pos: P.pos,
+		active: !0
+	} : null, F = te ?? ne, I = F !== null, re = F?.language === "mermaid", L = nn(t, F), R = I && F !== null && !L, ie = !i, ae = Kt(F ? F.language : "text"), oe = x?.status ?? "idle", se = F?.mermaidPreviewMode ?? n, ce = re && se === "preview", z = en(t), le = `${M}|${z.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`, ue = W(() => Xt(y.trim().toLowerCase()), [y]);
+	if (H(() => {
+		i && (v(!1), b(""));
+	}, [i]), H(() => {
+		if (!x) return;
+		let e = window.setTimeout(() => {
+			S(null);
+		}, Bt);
+		return () => {
+			window.clearTimeout(e);
+		};
+	}, [x]), H(() => {
+		S(null), v(!1), b(""), E(null), O(null), A(!1);
+	}, [
+		e,
+		F?.language,
+		F?.pos,
+		F?.text
+	]), H(() => {
+		let e = ({ transaction: e }) => {
+			e.getMeta(Qe) && ee((e) => e + 1);
+		};
+		return t.on("transaction", e), () => {
+			t.off("transaction", e);
+		};
+	}, [t]), H(() => {
+		let e = t.view.dom.closest(".markweave-editor-frame");
+		if (!e) return;
+		let n = (e) => {
+			if (e.target instanceof Node && a.current?.contains(e.target) || _) return;
+			let n = Qt(t, Zt(t, e.target)), r = n && !nn(t, n) ? n.pos : null;
+			u((e) => e === r ? e : r);
+		}, r = () => {
+			_ || u(null);
+		};
+		return e.addEventListener("mousemove", n), e.addEventListener("mouseleave", r), () => {
+			e.removeEventListener("mousemove", n), e.removeEventListener("mouseleave", r);
+		};
+	}, [t, _]), H(() => {
+		_ && s.current?.focus({ preventScroll: !0 });
+	}, [_]), H(() => {
+		if (!T) return;
+		let e = (e) => {
+			e.key === "Escape" && (E(null), O(null), A(!1), c.current = {
+				active: !1,
+				lastX: 0,
+				lastY: 0
+			}, t.view.focus());
+		};
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [t, T]), H(() => {
+		if (!I || !_) return;
+		let e = (e) => {
+			e.key === "Escape" && (v(!1), t.view.focus());
+		}, n = (e) => {
+			e.target instanceof Node && a.current?.contains(e.target) || v(!1);
+		};
+		return document.addEventListener("keydown", e), document.addEventListener("mousedown", n), () => {
+			document.removeEventListener("keydown", e), document.removeEventListener("mousedown", n);
+		};
+	}, [
+		I,
+		t,
+		_
+	]), U(() => {
+		let e = () => {
+			let e = a.current;
+			if (!e) return;
+			if (!$t(e) || z.length === 0) {
+				m([]);
+				return;
+			}
+			let n = e.getBoundingClientRect(), r = z.flatMap((e) => {
+				let r = Yt(Jt(t, e.pos, e.mermaidPreviewMode), n);
+				return r ? [Wt(e, r, n)] : [];
+			});
+			m((e) => rn(e, r, z.map((e) => e.pos)));
+		};
+		e();
+		let n = window.requestAnimationFrame(e);
+		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.cancelAnimationFrame(n), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [
+		j,
+		t,
+		le
+	]), U(() => {
+		if (!R || !F) {
+			f(null), g(null);
+			return;
+		}
+		let e = () => {
+			let e = a.current;
+			if (!e) return;
+			let n = Jt(t, F.pos, se), r = e.getBoundingClientRect(), i = Yt(n, r);
+			if (!i) {
+				f((e) => e?.pos === F.pos ? e : null), g((e) => _ ? e : null);
+				return;
+			}
+			let s = Ht(F.pos, i, r);
+			if (f(s), _ && o.current) {
+				let e = o.current.getBoundingClientRect();
+				g(Rt({
+					overlayRect: r,
+					buttonRect: e,
+					windowWidth: window.innerWidth,
+					windowHeight: window.innerHeight
+				}));
+			}
+		};
+		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [
+		R,
+		j,
+		F?.pos,
+		t,
+		_,
+		se
+	]), !R && z.length === 0 && !T) return null;
+	let de = d ? {
+		top: d.top,
+		right: d.right
+	} : void 0, B = async () => {
+		if (i) {
+			if (!F) return;
+			let e = await Vt(F.text);
+			S(tt(F, e ? "copied" : "failed"));
+			return;
+		}
+		if (!Gt(t, F)) return;
+		let e = await $e(t);
+		S(tt(et(t), e ? "copied" : "failed")), t.view.focus();
+	}, fe = (e, n) => {
+		if (i) {
+			ct(t, e.pos, n) && N((e) => e + 1);
+			return;
+		}
+		let a = P.active && P.pos === e.pos;
+		at(t, e.pos, n) && (r(n), N((e) => e + 1), a && t.view.focus());
+	}, V = (e) => {
+		if (i || !F) return;
+		let n = P.active && P.pos === F.pos;
+		it(t, F.pos, e) && (e === "mermaid" && at(t, F.pos, "preview") && r("preview"), v(!1), b(""), N((e) => e + 1), n && t.view.focus());
+	}, pe = () => {
+		i || !F || rt(t, F.pos, !L) && (ee((e) => e + 1), u(null));
+	}, me = () => {
+		if (!F) return;
+		let e = tn(t, F.pos);
+		if (!e) return;
+		let n = new Blob([e], { type: "image/svg+xml" }), r = URL.createObjectURL(n), i = document.createElement("a");
+		i.href = r, i.download = "markweave-mermaid.svg", i.click(), URL.revokeObjectURL(r), t.view.focus();
+	}, he = () => {
+		if (!F) return;
+		let e = tn(t, F.pos);
+		e && (E(Ut(e)), O(null), A(!1), c.current = {
+			active: !1,
+			lastX: 0,
+			lastY: 0
+		});
+	}, q = () => {
+		E(null), O(null), A(!1), c.current = {
+			active: !1,
+			lastX: 0,
+			lastY: 0
+		}, t.view.focus();
+	}, ge = (e) => {
+		E((t) => t && {
+			...t,
+			scale: zt(t.scale + e)
+		});
+	}, _e = () => {
+		E((e) => e && Ut(e.svg)), c.current = {
+			active: !1,
+			lastX: 0,
+			lastY: 0
+		}, A(!1);
+	}, ve = (e) => {
+		e.preventDefault(), ge(e.deltaY < 0 ? an : -an);
+	}, ye = (e) => {
+		e.button === 0 && (e.preventDefault(), c.current = {
+			active: !0,
+			lastX: e.clientX,
+			lastY: e.clientY
+		}, A(!0));
+	}, be = (e) => {
+		let t = c.current;
+		if (!t.active) return;
+		let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
+		c.current = {
+			active: !0,
+			lastX: e.clientX,
+			lastY: e.clientY
+		}, E((e) => on(e, n, r));
+	}, xe = () => {
+		c.current = {
+			active: !1,
+			lastX: 0,
+			lastY: 0
+		}, A(!1);
+	};
+	return /* @__PURE__ */ Q("div", {
+		ref: a,
+		className: "markweave-codeblock-overlay",
+		"data-testid": "markweave-codeblock-overlay",
+		"data-read-only": i ? "true" : "false",
+		children: [
+			z.map((e) => {
+				let t = p.find((t) => t.pos === e.pos);
+				return /* @__PURE__ */ Z("div", {
+					className: "markweave-mermaid-tabs",
+					"data-testid": "markweave-mermaid-tabs",
+					"data-code-block-pos": e.pos,
+					"data-positioned": t ? "true" : "false",
+					style: t ? {
+						top: t.top,
+						left: t.left
+					} : void 0,
+					children: ["code", "preview"].map((t) => /* @__PURE__ */ Z("button", {
+						type: "button",
+						"data-testid": `markweave-mermaid-mode-${t}`,
+						"data-active": e.mermaidPreviewMode === t,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => fe(e, t),
+						children: t === "code" ? "Code" : "Preview"
+					}, t))
+				}, e.pos);
+			}),
+			R ? /* @__PURE__ */ Q("div", {
+				className: "markweave-codeblock-controls",
+				"data-testid": "markweave-codeblock-controls",
+				"data-positioned": d ? "true" : "false",
+				"data-collapsed": L ? "true" : "false",
+				"data-read-only": i ? "true" : "false",
+				"aria-label": "Code block controls",
+				style: de,
+				children: [
+					i ? /* @__PURE__ */ Z("span", {
+						className: "markweave-codeblock-language-button markweave-codeblock-language-label",
+						"aria-label": "Code block language",
+						"data-testid": "markweave-codeblock-language",
+						children: /* @__PURE__ */ Z("span", { children: ae })
+					}) : /* @__PURE__ */ Q("button", {
+						ref: o,
+						type: "button",
+						className: "markweave-codeblock-language-button",
+						"aria-label": "Code block language",
+						"aria-expanded": _,
+						"aria-haspopup": "listbox",
+						"data-testid": "markweave-codeblock-language",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => v((e) => !e),
+						children: [/* @__PURE__ */ Z("span", { children: ae }), /* @__PURE__ */ Z(hr, { icon: "chevron" })]
+					}),
+					ie ? /* @__PURE__ */ Z("button", {
+						type: "button",
+						className: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
+						"aria-label": L ? "Expand code block" : "Collapse code block",
+						title: L ? "Expand code block" : "Collapse code block",
+						"data-testid": "markweave-codeblock-collapse",
+						"data-collapsed": L ? "true" : "false",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: pe,
+						children: /* @__PURE__ */ Z(hr, { icon: "chevron" })
+					}) : null,
+					/* @__PURE__ */ Q("span", {
+						className: "markweave-codeblock-copy-wrap",
+						children: [/* @__PURE__ */ Z("button", {
+							type: "button",
+							className: "markweave-codeblock-icon-button",
+							"aria-label": "Copy to clipboard",
+							"data-testid": "markweave-codeblock-copy",
+							"data-copy-state": oe,
+							onMouseDown: (e) => e.preventDefault(),
+							onMouseEnter: () => w(!0),
+							onMouseLeave: () => w(!1),
+							onFocus: () => w(!0),
+							onBlur: () => w(!1),
+							onClick: B,
+							children: /* @__PURE__ */ Z(hr, { icon: oe === "copied" ? "check" : "clipboard" })
+						}), C ? /* @__PURE__ */ Z("span", {
+							className: "markweave-codeblock-tooltip",
+							role: "tooltip",
+							"data-testid": "markweave-codeblock-copy-tooltip",
+							children: "Copy to clipboard"
+						}) : null]
+					}),
+					re && se === "preview" ? /* @__PURE__ */ Q("div", {
+						className: "markweave-mermaid-preview-actions",
+						"data-testid": "markweave-mermaid-preview-actions",
+						children: [/* @__PURE__ */ Z("button", {
+							type: "button",
+							className: "markweave-codeblock-icon-button",
+							"aria-label": "Fullscreen Mermaid preview",
+							"data-testid": "markweave-mermaid-fullscreen",
+							disabled: !ce,
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: he,
+							children: /* @__PURE__ */ Z(hr, { icon: "expand" })
+						}), /* @__PURE__ */ Z("button", {
+							type: "button",
+							className: "markweave-codeblock-icon-button",
+							"aria-label": "Download Mermaid SVG",
+							"data-testid": "markweave-mermaid-download",
+							disabled: !ce,
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: me,
+							children: /* @__PURE__ */ Z(hr, { icon: "download" })
+						})]
+					}) : null
+				]
+			}) : null,
+			ie && R && _ ? /* @__PURE__ */ Q("div", {
+				className: "markweave-codeblock-language-menu",
+				role: "listbox",
+				"aria-label": "Code block languages",
+				"data-testid": "markweave-codeblock-language-menu",
+				"data-positioned": h ? "true" : "false",
+				style: h ? {
+					left: h.left,
+					top: h.top
+				} : void 0,
+				children: [/* @__PURE__ */ Q("label", {
+					className: "markweave-codeblock-language-search",
+					children: [/* @__PURE__ */ Z("input", {
+						ref: s,
+						value: y,
+						placeholder: "Search...",
+						"data-testid": "markweave-codeblock-language-search",
+						onChange: (e) => b(e.target.value),
+						onKeyDown: (e) => {
+							e.key === "Escape" && (e.preventDefault(), v(!1), t.view.focus());
+						}
+					}), /* @__PURE__ */ Z(hr, { icon: "search" })]
+				}), /* @__PURE__ */ Z("div", {
+					className: "markweave-codeblock-language-list",
+					children: ue.map((e) => {
+						let t = e.language === F.language;
+						return /* @__PURE__ */ Q("button", {
+							type: "button",
+							role: "option",
+							"aria-selected": t,
+							"data-testid": `markweave-codeblock-language-option-${e.language}`,
+							"data-active": t ? "true" : "false",
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: () => V(e.language),
+							children: [/* @__PURE__ */ Z("span", { children: e.label }), t ? /* @__PURE__ */ Z(hr, { icon: "check" }) : null]
+						}, e.language);
+					})
+				})]
+			}) : null,
+			T ? /* @__PURE__ */ Q("div", {
+				className: "markweave-mermaid-fullscreen-layer",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": "Mermaid preview",
+				"data-testid": "markweave-mermaid-fullscreen-layer",
+				children: [
+					/* @__PURE__ */ Q("div", {
+						className: "markweave-mermaid-fullscreen-toolbar",
+						"data-testid": "markweave-mermaid-fullscreen-toolbar",
+						children: [
+							/* @__PURE__ */ Z("button", {
+								type: "button",
+								className: "markweave-mermaid-fullscreen-control",
+								"aria-label": "Zoom out",
+								"data-testid": "markweave-mermaid-fullscreen-zoom-out",
+								onMouseEnter: () => O("zoom-out"),
+								onMouseLeave: () => O(null),
+								onFocus: () => O("zoom-out"),
+								onBlur: () => O(null),
+								onClick: () => ge(-an),
+								children: /* @__PURE__ */ Z(hr, { icon: "zoomOut" })
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "markweave-mermaid-fullscreen-zoom-label",
+								"data-testid": "markweave-mermaid-fullscreen-zoom-label",
+								children: qt(T.scale)
+							}),
+							/* @__PURE__ */ Z("button", {
+								type: "button",
+								className: "markweave-mermaid-fullscreen-control",
+								"aria-label": "Zoom in",
+								"data-testid": "markweave-mermaid-fullscreen-zoom-in",
+								onMouseEnter: () => O("zoom-in"),
+								onMouseLeave: () => O(null),
+								onFocus: () => O("zoom-in"),
+								onBlur: () => O(null),
+								onClick: () => ge(an),
+								children: /* @__PURE__ */ Z(hr, { icon: "zoomIn" })
+							}),
+							/* @__PURE__ */ Z("button", {
+								type: "button",
+								className: "markweave-mermaid-fullscreen-control",
+								"aria-label": "Reset zoom",
+								"data-testid": "markweave-mermaid-fullscreen-reset",
+								onMouseEnter: () => O("reset"),
+								onMouseLeave: () => O(null),
+								onFocus: () => O("reset"),
+								onBlur: () => O(null),
+								onClick: _e,
+								children: /* @__PURE__ */ Z(hr, { icon: "reset" })
+							}),
+							D ? /* @__PURE__ */ Z("span", {
+								className: "markweave-mermaid-fullscreen-tooltip",
+								role: "tooltip",
+								"data-testid": "markweave-mermaid-fullscreen-tooltip",
+								children: D === "zoom-out" ? "Zoom out" : D === "zoom-in" ? "Zoom in" : "Reset"
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ Z("button", {
+						type: "button",
+						className: "markweave-mermaid-fullscreen-close",
+						"aria-label": "Close fullscreen Mermaid preview",
+						"data-testid": "markweave-mermaid-fullscreen-close",
+						onClick: q,
+						children: /* @__PURE__ */ Z(hr, { icon: "close" })
+					}),
+					/* @__PURE__ */ Z("div", {
+						className: "markweave-mermaid-fullscreen-viewport",
+						"data-testid": "markweave-mermaid-fullscreen-viewport",
+						"data-dragging": k ? "true" : "false",
+						onWheel: ve,
+						onMouseDown: ye,
+						onMouseMove: be,
+						onMouseUp: xe,
+						onMouseLeave: xe,
+						children: /* @__PURE__ */ Z("div", {
+							className: "markweave-mermaid-fullscreen-content",
+							"data-testid": "markweave-mermaid-fullscreen-content",
+							"data-scale-percent": Math.round(T.scale * 100),
+							"data-translate": `${Math.round(T.translateX)},${Math.round(T.translateY)}`,
+							style: {
+								width: `${T.width}px`,
+								height: `${T.height}px`,
+								transform: `translate(${T.translateX}px, ${T.translateY}px) scale(${T.scale})`
+							},
+							dangerouslySetInnerHTML: { __html: T.svg }
+						})
+					})
+				]
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/ui/floating-toolbar/FloatingToolbar.tsx
+var _r = ke("zh");
+function vr() {
+	return typeof performance > "u" ? Date.now() : performance.now();
+}
+function yr(e, t) {
+	return {
+		"--markweave-toolbar-motion-duration": `${e.motionDurationMs}ms`,
+		"--markweave-toolbar-motion-easing": e.motionEasing,
+		marginLeft: t === 0 ? void 0 : `${t}px`
+	};
+}
+function br(e, t) {
+	let n = e?.getBoundingClientRect().height ?? 0, r = t?.getBoundingClientRect().height ?? 0;
+	return Math.max(n, r, 44);
+}
+function xr(e) {
+	if (e !== null) return { "--markweave-floating-toolbar-tooltip-left": `${e}px` };
+}
+function Sr(e, t, n, r) {
+	let i = {
+		bottom: t + r,
+		height: r,
+		left: e,
+		right: e + n,
+		top: t,
+		width: n,
+		x: e,
+		y: t
+	};
+	return typeof DOMRect < "u" ? new DOMRect(i.x, i.y, i.width, i.height) : {
+		...i,
+		toJSON: () => i
+	};
+}
+function Cr(e) {
+	return e.width > 0 && e.height > 0;
+}
+function wr(e) {
+	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.right)), i = Math.max(...e.map((e) => e.bottom));
+	return Sr(t, n, r - t, i - n);
+}
+function Tr(e, t) {
+	let n = e.view.dom.ownerDocument.defaultView?.Node.ELEMENT_NODE ?? 1, r = (t) => t ? e.view.dom.contains(t.nodeType === n ? t : t.parentNode) : !1;
+	return r(t.anchorNode) && r(t.focusNode);
+}
+function Er(e) {
+	if (typeof e.getClientRects != "function") return null;
+	let t = Array.from(e.getClientRects()).filter(Cr).map((e) => Sr(e.left, e.top, e.width, e.height));
+	if (t.length > 0) return t;
+	if (typeof e.getBoundingClientRect != "function") return null;
+	let n = e.getBoundingClientRect();
+	return Cr(n) ? [Sr(n.left, n.top, n.width, n.height)] : null;
+}
+function Dr(e, t) {
+	if (t.rangeCount === 0) return null;
+	let n = t.getRangeAt(0);
+	try {
+		let t = e.view.posAtDOM(n.startContainer, n.startOffset), r = e.view.posAtDOM(n.endContainer, n.endOffset);
+		return {
+			from: Math.min(t, r),
+			to: Math.max(t, r)
+		};
+	} catch {
+		return null;
+	}
+}
+function Or(e, t) {
+	let n = Dr(e, t);
+	if (!n) return !1;
+	let { selection: r } = e.state, i = {
+		from: Math.min(r.from, r.to),
+		to: Math.max(r.from, r.to)
+	};
+	return n.from === i.from && n.to === i.to;
+}
+function kr(e) {
+	let t = e.view.dom.ownerDocument.getSelection();
+	return !t || t.rangeCount === 0 || t.isCollapsed || !Tr(e, t) || !Or(e, t) ? null : Er(t.getRangeAt(0));
+}
+function Ar(e) {
+	let { selection: t } = e.state;
+	if (t.empty) return null;
+	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to);
+	try {
+		let t = e.view.domAtPos(n), i = e.view.domAtPos(r), a = e.view.dom.ownerDocument.createRange();
+		return a.setStart(t.node, t.offset), a.setEnd(i.node, i.offset), Er(a);
+	} catch {
+		return null;
+	}
+}
+function jr(e) {
+	let { selection: t } = e.state;
+	if (t.empty) return null;
+	let n = Math.min(t.from, t.to), r = Math.max(t.from, t.to), i = e.view.coordsAtPos(n), a = e.view.coordsAtPos(r, -1), o = Math.min(i.top, a.top), s = Math.max(i.bottom, a.bottom), c = Math.min(i.left, a.left), l = Sr(c, o, Math.max(i.right, a.right) - c, s - o);
+	return Cr(l) ? [l] : null;
+}
+function Mr(e) {
+	return kr(e) ?? Ar(e) ?? jr(e);
+}
+function Nr(e) {
+	let t = Mr(e);
+	return t && t.length > 0 ? wr(t) : null;
+}
+function Pr(e) {
+	return {
+		getBoundingClientRect: () => Nr(e) ?? Sr(0, 0, 0, 0),
+		getClientRects: () => Mr(e) ?? []
+	};
+}
+function Fr(e) {
+	return e === "block-type" || e === "link" || e === "color" || e === "more";
+}
+function Ir(e, t, n) {
+	n?.(ln(e, t)), e.commands.focus();
+}
+function Lr({ editor: e, messages: t = _r, selectionSnapshot: n, onRewriteSelection: r }) {
+	let i = W(() => mn(t), [t]), a = Ye(n, { editable: e.isEditable }), [o, s] = K(a), [c, l] = K(null), [u, d] = K(null), [f, p] = K(null), [m, h] = K(""), [g, _] = K(""), [v, y] = K(null), [b, x] = K(0), [S, C] = K(a.boundaryPadding), w = G(0), T = G(null), E = G(null), D = G(null), O = un(e, o.variant, t), k = gn(O.find((e) => e.id === c) ?? null), A = Dn(m), j = V(() => {
+		let t = T.current, n = e.view.dom.closest(".markweave-editor-frame");
+		if (!t || !(n instanceof HTMLElement)) return;
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = br(t, E.current), s = w.current, c = Ge({
+			toolbarRect: {
+				left: r.left - s,
+				top: r.top,
+				width: r.width,
+				height: r.height
+			},
+			frameRect: {
+				left: i.left,
+				top: i.top,
+				width: i.width,
+				height: i.height
+			},
+			boundaryPadding: o.boundaryPadding
+		}), l = Ke({
+			frameRect: {
+				left: i.left,
+				top: i.top,
+				width: i.width,
+				height: i.height
+			},
+			toolbarSize: {
+				width: r.width,
+				height: a
+			},
+			offset: o.offset,
+			boundaryPadding: o.boundaryPadding
+		});
+		t.style.marginLeft = c === 0 ? "" : `${c}px`, t.style.visibility = "visible", t.style.opacity = "1", w.current = c, x((e) => e === c ? e : c), C((e) => e === l ? e : l);
+	}, [
+		e.view.dom,
+		o.boundaryPadding,
+		o.offset
+	]), ee = V(() => {
+		T.current && (T.current.style.visibility = "hidden", T.current.style.opacity = "0");
+	}, []), M = V(() => {
+		j();
+	}, [j]), N = V(() => Pr(e), [e]), P = W(() => ({
+		...Je(o, { topBoundaryPadding: S }),
+		onShow: ee,
+		onUpdate: M
+	}), [
+		ee,
+		M,
+		o,
+		S
+	]);
+	H(() => {
+		let e = vr();
+		s((t) => Ze(t, a, e));
+	}, [
+		a.hiddenReason,
+		a.motionDurationMs,
+		a.motionEasing,
+		a.motionPhase,
+		a.offset,
+		a.boundaryPadding,
+		a.placement,
+		a.updateDelayMs,
+		a.variant,
+		a.visibility
+	]), H(() => {
+		if (o.motionStartedAtMs === null || o.motionDurationMs <= 0) return;
+		let e = Math.max(0, o.motionStartedAtMs + o.motionDurationMs - vr()), t = window.setTimeout(() => {
+			s((e) => We(e, vr()));
+		}, e);
+		return () => {
+			window.clearTimeout(t);
+		};
+	}, [
+		o.motionDurationMs,
+		o.motionPhase,
+		o.motionStartedAtMs
+	]), U(() => {
+		if (o.visibility !== "visible") {
+			w.current = 0, T.current && (T.current.style.marginLeft = "", T.current.style.visibility = "hidden", T.current.style.opacity = "0"), x(0), C(o.boundaryPadding);
+			return;
+		}
+		let e = 0;
+		return e = window.requestAnimationFrame(j), window.addEventListener("resize", j), window.addEventListener("scroll", j, !0), () => {
+			window.cancelAnimationFrame(e), window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
+		};
+	}, [
+		j,
+		e.view.dom,
+		f,
+		n?.from,
+		n?.to,
+		o.variant,
+		o.visibility,
+		O.length
+	]), H(() => {
+		f === "more" && i.some((e) => e.id === c) || O.some((e) => e.id === c) || (l(null), d(null));
+	}, [
+		i,
+		f,
+		c,
+		O
+	]), H(() => {
+		if (!f) return;
+		let t = (e) => {
+			E.current?.contains(e.target) || p(null);
+		}, n = (t) => {
+			t.key === "Escape" && (t.preventDefault(), p(null), e.commands.focus());
+		};
+		return document.addEventListener("pointerdown", t, !0), document.addEventListener("keydown", n, !0), () => {
+			document.removeEventListener("pointerdown", t, !0), document.removeEventListener("keydown", n, !0);
+		};
+	}, [e, f]), H(() => {
+		if (f !== "link") return;
+		let e = window.requestAnimationFrame(() => {
+			D.current?.focus(), D.current?.select();
+		});
+		return () => window.cancelAnimationFrame(e);
+	}, [f]);
+	let te = (t) => {
+		if (Fr(t.id)) {
+			let n = t.id;
+			if (n === "link") {
+				let t = fn(e);
+				h(t), _(t), y({
+					from: Math.min(e.state.selection.from, e.state.selection.to),
+					to: Math.max(e.state.selection.from, e.state.selection.to)
+				});
+			}
+			p((e) => e === n ? null : n);
+			return;
+		}
+		if (p(null), t.id === "improve") {
+			Ir(e, "rewrite-selection", r);
+			return;
+		}
+		t.run(), e.commands.focus();
+	}, ne = () => {
+		p(null), e.commands.focus();
+	}, F = () => {
+		v && e.commands.setTextSelection(v);
+	}, I = () => {
+		F(), cn(e, m) && ne();
+	}, re = () => {
+		if (F(), Sn(e)) {
+			h(""), _(""), ne();
+			return;
+		}
+		m.trim() && h("");
+	}, L = (e, t) => {
+		if (l(e), !e || !t || !E.current) {
+			d(null);
+			return;
+		}
+		let n = t.getBoundingClientRect(), r = E.current.getBoundingClientRect();
+		d(n.left + n.width / 2 - r.left);
+	};
+	return /* @__PURE__ */ Z(sn, {
+		ref: T,
+		editor: e,
+		className: `markweave-floating-toolbar markweave-floating-toolbar--${o.variant} markweave-floating-toolbar--motion-${o.motionPhase}`,
+		"data-motion": o.motionPhase,
+		"data-position-strategy": P.strategy,
+		"data-boundary-padding": o.boundaryPadding,
+		"data-testid": "markweave-floating-toolbar",
+		style: yr(o, b),
+		updateDelay: 0,
+		getReferencedVirtualElement: N,
+		options: P,
+		shouldShow: ({ editor: e }) => e.isEditable && Xe(qe(e)),
+		children: /* @__PURE__ */ Q("div", {
+			ref: E,
+			className: "markweave-floating-toolbar-content",
+			"data-menu": f ?? "none",
+			children: [
+				O.map((e, t) => /* @__PURE__ */ Z(zr, {
+					button: e,
+					expanded: f === e.id,
+					showDivider: t > 0 && O[t - 1].group !== e.group,
+					tooltipActive: c === e.id,
+					onPointerDown: xn,
+					onTooltipChange: L,
+					onRun: te
+				}, e.id)),
+				f === "block-type" ? /* @__PURE__ */ Z(Vr, {
+					editor: e,
+					messages: t,
+					onClose: () => p(null)
+				}) : null,
+				f === "link" ? /* @__PURE__ */ Z(Rr, {
+					inputRef: D,
+					messages: t,
+					value: m,
+					canApply: !!A,
+					canOpen: !!A,
+					canRemove: !!(g || m.trim()),
+					onValueChange: h,
+					onApply: I,
+					onOpen: () => bn(m),
+					onRemove: re
+				}) : null,
+				f === "color" ? /* @__PURE__ */ Z(Ur, {
+					editor: e,
+					messages: t,
+					onClose: () => p(null)
+				}) : null,
+				f === "more" ? /* @__PURE__ */ Z(Gr, {
+					editor: e,
+					messages: t,
+					activeTooltipId: c,
+					onTooltipChange: l,
+					onClose: () => p(null)
+				}) : null,
+				k && f === null ? /* @__PURE__ */ Z("div", {
+					className: "markweave-floating-toolbar-tooltip",
+					role: "tooltip",
+					"data-testid": "markweave-floating-toolbar-tooltip",
+					"data-button-id": k.buttonId,
+					"data-active": k.active,
+					style: xr(u),
+					children: k.label
+				}) : null
+			]
+		})
+	});
+}
+function Rr({ inputRef: e, messages: t, value: n, canApply: r, canOpen: i, canRemove: a, onValueChange: o, onApply: s, onOpen: c, onRemove: l }) {
+	let u = pn(t);
+	return /* @__PURE__ */ Q("form", {
+		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
+		"data-testid": "markweave-floating-toolbar-link-popover",
+		onSubmit: (e) => {
+			e.preventDefault(), s();
+		},
+		children: [/* @__PURE__ */ Z("input", {
+			ref: e,
+			"aria-label": u.linkUrlLabel,
+			"data-testid": "markweave-floating-toolbar-link-input",
+			placeholder: u.linkPlaceholder,
+			value: n,
+			onChange: (e) => o(e.currentTarget.value)
+		}), /* @__PURE__ */ Q("span", {
+			className: "markweave-floating-toolbar-link-actions",
+			children: [
+				/* @__PURE__ */ Z("button", {
+					type: "submit",
+					"aria-label": u.applyLink,
+					"data-testid": "markweave-floating-toolbar-link-apply",
+					disabled: !r,
+					onMouseDown: xn,
+					children: /* @__PURE__ */ Z($, { name: "corner-down-left" })
+				}),
+				/* @__PURE__ */ Z("span", {
+					className: "markweave-floating-toolbar-link-divider",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ Z("button", {
+					type: "button",
+					"aria-label": u.openLink,
+					"data-testid": "markweave-floating-toolbar-link-open",
+					disabled: !i,
+					onMouseDown: xn,
+					onClick: c,
+					children: /* @__PURE__ */ Z($, { name: "external-link" })
+				}),
+				/* @__PURE__ */ Z("button", {
+					type: "button",
+					"aria-label": u.removeLink,
+					"data-testid": "markweave-floating-toolbar-link-remove",
+					disabled: !a,
+					onMouseDown: xn,
+					onClick: l,
+					children: /* @__PURE__ */ Z($, { name: "trash" })
+				})
+			]
+		})]
+	});
+}
+function zr({ button: e, expanded: t, showDivider: n, tooltipActive: r, onPointerDown: i, onTooltipChange: a, onRun: o }) {
+	return /* @__PURE__ */ Q(X, { children: [n ? /* @__PURE__ */ Z("span", {
+		className: "markweave-floating-toolbar-divider",
+		"aria-hidden": "true"
+	}) : null, /* @__PURE__ */ Z("button", {
+		type: "button",
+		className: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${e.id}`,
+		"aria-label": e.label,
+		"aria-expanded": Fr(e.id) ? t : void 0,
+		"data-active": e.active || t,
+		"data-tooltip-active": r ? "true" : "false",
+		"data-testid": `markweave-floating-toolbar-button-${e.id}`,
+		onBlur: () => a(null),
+		onFocus: (t) => a(e.id, t.currentTarget),
+		onMouseDown: i,
+		onMouseEnter: (t) => a(e.id, t.currentTarget),
+		onMouseLeave: () => a(null),
+		onClick: () => o(e),
+		children: /* @__PURE__ */ Z(Br, {
+			button: e,
+			expanded: t
+		})
+	})] });
+}
+function Br({ button: e, expanded: t }) {
+	return e.id === "improve" ? /* @__PURE__ */ Q("span", {
+		className: "markweave-floating-toolbar-button-inner",
+		children: [/* @__PURE__ */ Z($, { name: "sparkles" }), /* @__PURE__ */ Z("span", { children: e.glyph })]
+	}) : e.id === "block-type" ? /* @__PURE__ */ Q("span", {
+		className: "markweave-floating-toolbar-button-inner",
+		children: [/* @__PURE__ */ Z("span", {
+			className: "markweave-floating-toolbar-block-label",
+			children: e.glyph
+		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
+	}) : e.id === "bold" ? /* @__PURE__ */ Z($, { name: "bold" }) : e.id === "italic" ? /* @__PURE__ */ Z($, { name: "italic" }) : e.id === "underline" ? /* @__PURE__ */ Z($, { name: "underline" }) : e.id === "strike" ? /* @__PURE__ */ Z($, { name: "strike" }) : e.id === "inline-code" ? /* @__PURE__ */ Z($, { name: "inline-code" }) : e.id === "link" ? /* @__PURE__ */ Z($, { name: "link" }) : e.id === "color" ? /* @__PURE__ */ Q("span", {
+		className: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color",
+		children: [/* @__PURE__ */ Z("span", {
+			className: "markweave-floating-toolbar-color-trigger",
+			children: "A"
+		}), /* @__PURE__ */ Z($, { name: t ? "chevron-up" : "chevron-down" })]
+	}) : /* @__PURE__ */ Z($, { name: "more" });
+}
+function Vr({ editor: e, messages: t, onClose: n }) {
+	let r = pn(t), i = _n(t);
+	return /* @__PURE__ */ Q("div", {
+		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
+		"data-testid": "markweave-floating-toolbar-turn-menu",
+		children: [/* @__PURE__ */ Z("div", {
+			className: "markweave-floating-toolbar-menu-title",
+			children: r.turnIntoTitle
+		}), i.map((t) => /* @__PURE__ */ Q("button", {
+			type: "button",
+			"data-active": yn(e, t.id),
+			"data-testid": `markweave-floating-toolbar-turn-${t.id}`,
+			onMouseDown: xn,
+			onClick: () => {
+				En(e, t.id), n();
+			},
+			children: [/* @__PURE__ */ Z("span", {
+				className: "markweave-floating-toolbar-menu-icon",
+				children: /* @__PURE__ */ Z(Hr, { option: t })
+			}), /* @__PURE__ */ Z("span", { children: t.label })]
+		}, t.id))]
+	});
+}
+function Hr({ option: e }) {
+	return e.id === "paragraph" ? /* @__PURE__ */ Z($, { name: "text" }) : e.glyph === "bullet-list" || e.glyph === "numbered-list" || e.glyph === "todo-list" || e.glyph === "quote" || e.glyph === "code-block" ? /* @__PURE__ */ Z($, { name: e.glyph }) : /* @__PURE__ */ Z("span", { children: e.glyph });
+}
+function Ur({ editor: e, messages: t, onClose: n }) {
+	let r = pn(t), i = e.getAttributes("textStyle").color, a = e.getAttributes("highlight").color;
+	return /* @__PURE__ */ Q("div", {
+		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
+		"data-testid": "markweave-floating-toolbar-color-menu",
+		children: [/* @__PURE__ */ Z(Wr, {
+			title: r.textColorTitle,
+			mode: "text",
+			activeColor: i ?? null,
+			options: hn(t),
+			onSelect: (t) => {
+				Tn(e, t), n();
+			}
+		}), /* @__PURE__ */ Z(Wr, {
+			title: r.highlightColorTitle,
+			mode: "highlight",
+			activeColor: a ?? null,
+			options: dn(t),
+			onSelect: (t) => {
+				wn(e, t), n();
+			}
+		})]
+	});
+}
+function Wr({ title: e, mode: t, activeColor: n, options: r, onSelect: i }) {
+	return /* @__PURE__ */ Q("section", {
+		className: "markweave-floating-toolbar-color-section",
+		"aria-label": e,
+		children: [/* @__PURE__ */ Z("div", {
+			className: "markweave-floating-toolbar-menu-title",
+			children: e
+		}), /* @__PURE__ */ Z("div", {
+			className: "markweave-floating-toolbar-swatch-grid",
+			children: r.map((e) => /* @__PURE__ */ Z("button", {
+				type: "button",
+				"aria-label": e.label,
+				"data-active": e.value === n || e.value === null && !n,
+				"data-testid": `markweave-floating-toolbar-${t}-${e.id}`,
+				onMouseDown: xn,
+				onClick: () => i(e.value),
+				children: t === "text" ? /* @__PURE__ */ Z("span", {
+					className: "markweave-floating-toolbar-text-swatch",
+					style: { color: e.value ?? "#646970" },
+					children: "A"
+				}) : /* @__PURE__ */ Z("span", {
+					className: "markweave-floating-toolbar-highlight-swatch",
+					style: { backgroundColor: e.value ?? "#ffffff" },
+					"aria-hidden": "true"
+				})
+			}, e.id))
+		})]
+	});
+}
+function Gr({ editor: e, messages: t, activeTooltipId: n, onTooltipChange: r, onClose: i }) {
+	let a = mn(t);
+	return /* @__PURE__ */ Z("div", {
+		className: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
+		"data-testid": "markweave-floating-toolbar-more-menu",
+		children: a.map((t, o) => /* @__PURE__ */ Z(Kr, {
+			action: t,
+			active: vn(e, t.id),
+			tooltipActive: n === t.id,
+			showDivider: o > 0 && a[o - 1].group !== t.group,
+			onTooltipChange: r,
+			onRun: () => {
+				Cn(e, t.id), i();
+			}
+		}, t.id))
+	});
+}
+function Kr({ action: e, active: t, tooltipActive: n, showDivider: r, onTooltipChange: i, onRun: a }) {
+	return /* @__PURE__ */ Q(X, { children: [r ? /* @__PURE__ */ Z("span", {
+		className: "markweave-floating-toolbar-divider",
+		"aria-hidden": "true"
+	}) : null, /* @__PURE__ */ Q("span", {
+		className: "markweave-floating-toolbar-more-item",
+		children: [/* @__PURE__ */ Z("button", {
+			type: "button",
+			"aria-label": e.label,
+			"data-active": t,
+			"data-tooltip-active": n ? "true" : "false",
+			"data-testid": `markweave-floating-toolbar-more-${e.id}`,
+			onMouseDown: xn,
+			onMouseEnter: () => i(e.id),
+			onMouseLeave: () => i(null),
+			onClick: a,
+			children: /* @__PURE__ */ Z(qr, { id: e.id })
+		}), n ? /* @__PURE__ */ Z("div", {
+			className: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
+			role: "tooltip",
+			children: e.label
+		}) : null]
+	})] });
+}
+function qr({ id: e }) {
+	return e === "superscript" ? /* @__PURE__ */ Z($, { name: "superscript" }) : e === "subscript" ? /* @__PURE__ */ Z($, { name: "subscript" }) : e === "inline-math" ? /* @__PURE__ */ Z($, { name: "math" }) : Z($, { name: e });
+}
+var Jr = {
+	sparkles: ie,
+	"chevron-down": h,
+	"chevron-up": g,
+	"corner-down-left": y,
+	"external-link": x,
+	bold: u,
+	italic: A,
+	underline: de,
+	strike: ae,
+	"inline-code": v,
+	link: ee,
+	more: ne,
+	text: ue,
+	"bullet-list": M,
+	"numbered-list": P,
+	"todo-list": N,
+	quote: I,
+	"code-block": d,
+	superscript: se,
+	subscript: oe,
+	math: L,
+	"align-left": c,
+	"align-center": o,
+	"align-right": l,
+	"align-justify": s,
+	"decrease-indent": D,
+	"increase-indent": O,
+	trash: le
+};
+function $({ name: e }) {
+	let t = Jr[e];
+	return /* @__PURE__ */ Z(t, {
+		"aria-hidden": "true",
+		absoluteStrokeWidth: !0,
+		size: 18,
+		strokeWidth: 1.6
+	});
+}
+//#endregion
+//#region src/ui/math/MathEditorPopover.tsx
+function Yr({ editor: e, messages: t, onClose: n, target: r }) {
+	let i = G(null), a = G(null), [o, s] = K(r.latex), [c, l] = K(null), u = t.math, d = W(() => pt(e, r) ?? 1, [e, r]), f = W(() => mt(e, r), [e, r]), m = W(() => o === r.latex && f ? {
+		html: f,
+		error: !1
+	} : vt(o, r.kind, e), [
+		e,
+		f,
+		r.kind,
+		r.latex,
+		o
+	]), h = o.trim().length > 0, g = V(() => {
+		if (typeof window > "u") return;
+		let t = ft(e, r), i = e.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+		if (!t || !i) {
+			n();
+			return;
+		}
+		l(dt({
+			anchorRect: t,
+			frameRect: i,
+			kind: r.kind,
+			latex: o,
+			viewportHeight: window.innerHeight,
+			viewportWidth: window.innerWidth
+		}));
+	}, [
+		e,
+		n,
+		r,
+		o
+	]);
+	H(() => {
+		s(r.latex);
+	}, [r.latex, r.pos]), H(() => {
+		yt(e, r, !0), g();
+		let t = window.requestAnimationFrame(() => {
+			a.current?.focus({ preventScroll: !0 }), a.current?.select(), g();
+		});
+		return window.addEventListener("resize", g), window.addEventListener("scroll", g, !0), () => {
+			window.cancelAnimationFrame(t), window.removeEventListener("resize", g), window.removeEventListener("scroll", g, !0), yt(e, r, !1);
+		};
+	}, [
+		e,
+		n,
+		r,
+		g
+	]), H(() => {
+		let e = (e) => {
+			let t = e.target;
+			t instanceof Node && (i.current?.contains(t) || t instanceof Element && t.closest(".tiptap-mathematics-render") || n());
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [n]);
+	let _ = V(() => {
+		h && ut(e, r, o) && n();
+	}, [
+		h,
+		e,
+		n,
+		r,
+		o
+	]), y = (t) => {
+		if (t.key === "Escape") {
+			t.preventDefault(), n(), e.commands.focus();
+			return;
+		}
+		t.key === "Enter" && (r.kind === "inline" || t.metaKey || t.ctrlKey) && (t.preventDefault(), _());
+	}, b = c ? {
+		left: c.left,
+		top: c.top,
+		width: c.width
+	} : void 0, x = r.kind === "block" ? u.blockTitle : u.inlineTitle;
+	return r.kind === "inline" ? /* @__PURE__ */ Q("form", {
+		ref: i,
+		"aria-label": x,
+		className: "markweave-math-editor-popover markweave-math-editor-popover--inline",
+		"data-kind": "inline",
+		"data-placement": c?.placement ?? "bottom",
+		"data-testid": "markweave-math-editor-popover",
+		onSubmit: (e) => {
+			e.preventDefault(), _();
+		},
+		style: b,
+		children: [/* @__PURE__ */ Q("label", {
+			className: "markweave-math-inline-source",
+			"data-testid": "markweave-math-inline-source",
+			children: [
+				/* @__PURE__ */ Z("span", {
+					"aria-hidden": "true",
+					children: "$"
+				}),
+				/* @__PURE__ */ Z("input", {
+					ref: a,
+					"aria-label": u.latexLabel,
+					"data-testid": "markweave-math-editor-input",
+					onChange: (e) => s(e.currentTarget.value),
+					onKeyDown: y,
+					placeholder: u.latexPlaceholder,
+					size: Math.max(o.length, 1),
+					spellCheck: !1,
+					value: o
+				}),
+				/* @__PURE__ */ Z("span", {
+					"aria-hidden": "true",
+					children: "$"
+				})
+			]
+		}), /* @__PURE__ */ Q("div", {
+			className: "markweave-math-inline-preview",
+			"data-error": m.error ? "true" : "false",
+			"data-testid": "markweave-math-editor-preview",
+			children: [/* @__PURE__ */ Z("div", { dangerouslySetInnerHTML: { __html: m.html || "&nbsp;" } }), m.error ? /* @__PURE__ */ Z("small", { children: u.invalidPreview }) : null]
+		})]
+	}) : /* @__PURE__ */ Q("form", {
+		ref: i,
+		"aria-label": x,
+		className: "markweave-math-editor-popover markweave-math-editor-popover--block",
+		"data-kind": r.kind,
+		"data-placement": c?.placement ?? "bottom",
+		"data-testid": "markweave-math-editor-popover",
+		onSubmit: (e) => {
+			e.preventDefault(), _();
+		},
+		style: b,
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-math-block-toolbar",
+				children: [
+					/* @__PURE__ */ Z("span", { children: u.label }),
+					/* @__PURE__ */ Z(v, {
+						"aria-hidden": "true",
+						size: 15,
+						strokeWidth: 1.75
+					}),
+					/* @__PURE__ */ Z("button", {
+						"aria-label": u.apply,
+						"data-testid": "markweave-math-editor-apply",
+						disabled: !h,
+						title: u.apply,
+						type: "submit",
+						children: /* @__PURE__ */ Z(p, {
+							"aria-hidden": "true",
+							size: 16,
+							strokeWidth: 2
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ Q("label", {
+				className: "markweave-math-block-source",
+				"data-testid": "markweave-math-block-source",
+				children: [
+					/* @__PURE__ */ Z("span", {
+						"aria-hidden": "true",
+						children: "$$"
+					}),
+					/* @__PURE__ */ Z("textarea", {
+						ref: a,
+						"aria-label": u.latexLabel,
+						"data-testid": "markweave-math-editor-input",
+						onChange: (e) => s(e.currentTarget.value),
+						onKeyDown: y,
+						placeholder: u.latexPlaceholder,
+						rows: 3,
+						spellCheck: !1,
+						value: o
+					}),
+					/* @__PURE__ */ Z("span", {
+						"aria-hidden": "true",
+						children: "$$"
+					})
+				]
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-math-block-preview",
+				"data-error": m.error ? "true" : "false",
+				"data-math-number": String(d),
+				"data-testid": "markweave-math-editor-preview",
+				children: [/* @__PURE__ */ Z("div", { dangerouslySetInnerHTML: { __html: m.html || "&nbsp;" } }), m.error ? /* @__PURE__ */ Z("small", { children: u.invalidPreview }) : null]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/ui/slash-command/SlashCommandMenu.tsx
+var Xr = ke("zh"), Zr = {
+	type: z,
+	"heading-1": S,
+	"heading-2": C,
+	"heading-3": w,
+	"bullet-list": M,
+	"ordered-list": P,
+	"task-list": N,
+	blockquote: I,
+	"code-block": d,
+	info: k,
+	tip: j,
+	warning: a,
+	error: _,
+	success: m,
+	emoji: R,
+	math: L,
+	table: ce,
+	separator: te,
+	image: T,
+	video: fe,
+	attachment: F
+};
+function Qr({ name: e }) {
+	let t = Zr[e];
+	return /* @__PURE__ */ Z(t, {
+		"aria-hidden": "true",
+		absoluteStrokeWidth: !0,
+		size: 18,
+		strokeWidth: 1.6
+	});
+}
+function $r(e, t, n) {
+	return !Tt(e) || !n ? {
+		visible: !1,
+		empty: !1,
+		activeIndex: -1
+	} : t.length === 0 ? {
+		visible: !0,
+		empty: !0,
+		activeIndex: -1
+	} : {
+		visible: !0,
+		empty: !1,
+		activeIndex: Math.min(t.length - 1, Math.max(0, e.activeIndex))
+	};
+}
+function ei(e, t) {
+	return Object.values(t.slash.groups).map((t) => ({
+		group: t,
+		commands: e.filter((e) => e.group === t)
+	})).filter((e) => e.commands.length > 0);
+}
+function ti(e, t) {
+	return t.slash.uploadKindLabels[e] ?? t.slash.uploadKindLabels.upload;
+}
+function ni({ command: e, messages: t, onBack: n, onSelect: r }) {
+	let [i, a] = K(""), [o, s] = K(0), c = W(() => {
+		let e = i.trim().toLowerCase();
+		return (e ? t.slash.emojiItems.filter((t) => [
+			t.emoji,
+			t.label,
+			...t.terms
+		].join(" ").toLowerCase().includes(e)) : t.slash.emojiItems).slice(0, 12);
+	}, [t.slash.emojiItems, i]), l = (t) => {
+		let n = c[Math.min(c.length - 1, Math.max(0, t))];
+		n && r(e, { emoji: n.emoji });
+	};
+	return /* @__PURE__ */ Q("div", {
+		className: "markweave-slash-subpanel",
+		"data-testid": "markweave-slash-emoji-picker",
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-slash-subpanel-header",
+				children: [/* @__PURE__ */ Z("button", {
+					type: "button",
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: n,
+					children: t.common.back
+				}), /* @__PURE__ */ Z("span", { children: t.slash.emojiTitle })]
+			}),
+			/* @__PURE__ */ Q("label", {
+				className: "markweave-slash-input",
+				children: [/* @__PURE__ */ Z("span", { children: "/" }), /* @__PURE__ */ Z("input", {
+					autoFocus: !0,
+					value: i,
+					placeholder: t.slash.emojiSearchPlaceholder,
+					onChange: (e) => a(e.currentTarget.value),
+					onKeyDown: (e) => {
+						if (e.key === "Escape") {
+							e.preventDefault(), n();
+							return;
+						}
+						if (e.key === "ArrowDown") {
+							e.preventDefault(), s((e) => c.length ? (e + 1) % c.length : 0);
+							return;
+						}
+						if (e.key === "ArrowUp") {
+							e.preventDefault(), s((e) => c.length ? (e - 1 + c.length) % c.length : 0);
+							return;
+						}
+						(e.key === "Enter" || e.key === "Tab") && (e.preventDefault(), l(o));
+					}
+				})]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "markweave-slash-emoji-grid",
+				role: "listbox",
+				"aria-label": t.slash.emojiTitle,
+				children: c.map((e, t) => /* @__PURE__ */ Q("button", {
+					type: "button",
+					role: "option",
+					"aria-selected": t === o,
+					"data-active": t === o,
+					onMouseEnter: () => s(t),
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => l(t),
+					children: [/* @__PURE__ */ Z("span", { children: e.emoji }), /* @__PURE__ */ Z("small", { children: e.label })]
+				}, `${e.emoji}-${e.label}`))
+			})
+		]
+	});
+}
+function ri({ command: e, messages: t, onBack: n, onSelect: r, onUpload: i }) {
+	let a = e.uploadKind ?? "attachment", [o, s] = K(""), [c, l] = K(null), [u, d] = K(null), [f, p] = K(!1), m = async (t) => {
+		r(e, { uploadResult: await q({
+			kind: a,
+			source: t,
+			trigger: "slash-command"
+		}, i) });
+	}, h = async () => {
+		d(null), p(!0);
+		try {
+			if (c) {
+				await m({
+					type: "file",
+					file: c,
+					mimeType: c.type
+				});
+				return;
+			}
+			if (!o.trim()) {
+				d(t.slash.uploadRequiredError);
+				return;
+			}
+			await m(me(o));
+		} catch (e) {
+			d(e instanceof Error ? e.message : t.slash.uploadFailedError);
+		} finally {
+			p(!1);
+		}
+	};
+	return /* @__PURE__ */ Q("div", {
+		className: "markweave-slash-subpanel",
+		"data-testid": "markweave-slash-upload-panel",
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-slash-subpanel-header",
+				children: [/* @__PURE__ */ Z("button", {
+					type: "button",
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: n,
+					children: t.common.back
+				}), /* @__PURE__ */ Z("span", { children: ti(a, t) })]
+			}),
+			/* @__PURE__ */ Q("label", {
+				className: "markweave-slash-upload-field",
+				children: [/* @__PURE__ */ Z("span", { children: t.slash.uploadValueLabel }), /* @__PURE__ */ Z("input", {
+					autoFocus: !0,
+					value: o,
+					placeholder: t.slash.uploadValuePlaceholder,
+					onChange: (e) => s(e.currentTarget.value),
+					onKeyDown: (e) => {
+						if (e.key === "Escape") {
+							e.preventDefault(), n();
+							return;
+						}
+						e.key === "Enter" && (e.preventDefault(), h());
+					}
+				})]
+			}),
+			/* @__PURE__ */ Q("label", {
+				className: "markweave-slash-upload-field",
+				children: [/* @__PURE__ */ Z("span", { children: t.common.file }), /* @__PURE__ */ Z("input", {
+					type: "file",
+					onChange: (e) => l(e.currentTarget.files?.[0] ?? null)
+				})]
+			}),
+			u ? /* @__PURE__ */ Z("div", {
+				className: "markweave-slash-upload-error",
+				children: u
+			}) : null,
+			/* @__PURE__ */ Q("div", {
+				className: "markweave-slash-upload-actions",
+				children: [/* @__PURE__ */ Z("button", {
+					type: "button",
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: n,
+					children: t.common.cancel
+				}), /* @__PURE__ */ Z("button", {
+					type: "button",
+					"data-primary": "true",
+					disabled: f,
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => void h(),
+					children: t.common.insert
+				})]
+			})
+		]
+	});
+}
+function ii({ commands: e, messages: t = Xr, state: n, position: r, inputCommand: i, onActiveIndexChange: a, onInputCommandChange: o, onSelect: s, onUpload: c }) {
+	let l = $r(n, e, r);
+	if (!l.visible || !r) return null;
+	let u = ei(e, t), d = {
+		left: r.left,
+		top: r.top,
+		maxHeight: r.maxHeight,
+		"--markweave-slash-menu-max-height": `${r.maxHeight}px`
+	}, f = {
+		left: r.triggerLeft,
+		top: r.triggerTop
+	}, p = (e) => o?.(e), m = () => o?.(null);
+	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Q("div", {
+		className: "markweave-slash-trigger",
+		style: f,
+		"aria-hidden": "true",
+		"data-testid": "markweave-slash-trigger",
+		children: [/* @__PURE__ */ Z("span", { children: "/" }), /* @__PURE__ */ Z("em", { children: n.query ? n.query : t.slash.filterPlaceholder })]
+	}), /* @__PURE__ */ Z("div", {
+		className: "markweave-slash-menu",
+		style: d,
+		role: "listbox",
+		"aria-label": t.slash.ariaLabel,
+		"data-placement": r.placement,
+		"data-testid": "markweave-slash-menu",
+		children: i?.inputKind === "emoji" ? /* @__PURE__ */ Z(ni, {
+			command: i,
+			messages: t,
+			onBack: m,
+			onSelect: s
+		}) : i?.inputKind === "upload" ? /* @__PURE__ */ Z(ri, {
+			command: i,
+			messages: t,
+			onBack: m,
+			onSelect: s,
+			onUpload: c
+		}) : l.empty ? /* @__PURE__ */ Z("div", {
+			className: "markweave-slash-menu__empty",
+			role: "option",
+			"aria-disabled": "true",
+			children: t.slash.noResults
+		}) : /* @__PURE__ */ Z("div", {
+			className: "markweave-slash-command-list",
+			children: u.map((t) => /* @__PURE__ */ Q("section", {
+				className: "markweave-slash-group",
+				"aria-label": t.group,
+				children: [/* @__PURE__ */ Z("div", {
+					className: "markweave-slash-group-title",
+					children: t.group
+				}), t.commands.map((t) => {
+					let n = e.indexOf(t), r = n === l.activeIndex, i = Ct(t), o = !!t.disabled;
+					return /* @__PURE__ */ Q("button", {
+						type: "button",
+						role: "option",
+						"aria-selected": r,
+						"aria-disabled": !i || o,
+						"data-active": r,
+						"data-disabled": o ? "true" : "false",
+						"data-execution-kind": t.executionKind,
+						"data-testid": `markweave-slash-command-${t.id}`,
+						title: o ? t.disabledReason : void 0,
+						onFocus: () => a?.(n),
+						onMouseEnter: () => a?.(n),
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => {
+							if (!(!i || o)) {
+								if (t.inputKind) {
+									p(t);
+									return;
+								}
+								s(t);
+							}
+						},
+						children: [
+							/* @__PURE__ */ Z(Qr, { name: t.icon }),
+							/* @__PURE__ */ Z("span", { children: t.label }),
+							o && t.disabledReason ? /* @__PURE__ */ Z("small", { children: t.disabledReason }) : null
+						]
+					}, t.id);
+				})]
+			}, t.group))
+		})
+	})] });
+}
+//#endregion
+//#region src/ui/table/TableControls.tsx
+var ai = ke("zh");
+function oi({ active: e, editor: t, interactionState: n = It, messages: r = ai, onCopyPayload: i, onCommandResult: a, onEditWithAi: o }) {
+	let [s, c] = K(null), [l, u] = K("row-edge"), [d, f] = K(null), [p, m] = K(null), [h, g] = K(null), [_, v] = K(null), [y, b] = K(null), x = G(null), S = G(null), C = G(null), w = G(null), T = G(null), E = e ? Pt(t.state) : null;
+	if (H(() => {
+		if (!y) return;
+		let e = window.setTimeout(() => {
+			b(null);
+		}, Gn);
+		return () => {
+			window.clearTimeout(e);
+		};
+	}, [y]), U(() => {
+		if (!e) {
+			m(null), g(null), v(null), b(null);
+			return;
+		}
+		let r = () => {
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, r = Ln(t, n, "row", E?.activeCellPos ?? null), i = Ln(t, n, "column", E?.activeCellPos ?? null), a = r ? In(t, r) : null, o = i ? In(t, i) : null, c = Fn(t).length > 0 ? Hn(t) : null;
+			if (!e) {
+				m(null), g(null), v(null);
+				return;
+			}
+			let u = e.getBoundingClientRect();
+			a ? m(An({
+				targetRect: a,
+				frameRect: u,
+				kind: "row"
+			})) : s === "row" && l === "row-edge" || m(null), o ? g(An({
+				targetRect: o,
+				frameRect: u,
+				kind: "column"
+			})) : s === "column" && l === "column-edge" || g(null), c ? v(An({
+				targetRect: c,
+				frameRect: u,
+				kind: "selection"
+			})) : s === "selection" && l === "selection-edge" || v(null);
+		};
+		return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
+			window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+		};
+	}, [
+		e,
+		t,
+		E?.activeCellPos,
+		E?.selectionFrom,
+		E?.selectionTo,
+		n.hoverCellPos,
+		n.hoverVisualColumnIndex,
+		n.hoverVisualRowIndex,
+		l,
+		s
+	]), U(() => {
+		if (!e || !s) {
+			f(null);
+			return;
+		}
+		let n = () => {
+			let e = t.view.dom.closest(".markweave-editor-frame") ?? t.view.dom.parentElement, n = l === "row-edge" ? C.current : l === "column-edge" ? w.current : T.current, r = S.current;
+			if (!e || !n || !r) {
+				f(null);
+				return;
+			}
+			let i = n.getBoundingClientRect(), a = s === "row" ? Pn(t)?.getBoundingClientRect() : null, o = a ? {
+				left: i.left,
+				top: a.top,
+				width: i.width,
+				height: i.height
+			} : i, c = e.getBoundingClientRect(), u = r.getBoundingClientRect(), d = kn({
+				anchorRect: o,
+				frameRect: c,
+				menuSize: {
+					width: u.width || 204,
+					height: u.height || 220
+				},
+				kind: s
+			});
+			f(d);
+		};
+		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+		};
+	}, [
+		e,
+		t,
+		l,
+		s,
+		p,
+		h,
+		_
+	]), H(() => {
+		if (!e || !s) return;
+		let n = (e) => {
+			e.key === "Escape" && (c(null), t.view.focus());
+		}, r = (e) => {
+			e.target instanceof Node && x.current?.contains(e.target) || c(null);
+		};
+		return document.addEventListener("keydown", n), document.addEventListener("mousedown", r), () => {
+			document.removeEventListener("keydown", n), document.removeEventListener("mousedown", r);
+		};
+	}, [
+		e,
+		t,
+		s
+	]), !e) return null;
+	let D = (e, t) => {
+		let n = s === e && l === t;
+		u(t), c(n ? null : e);
+	}, O = () => {
+		t.view.dispatch(On(t.state.tr, null));
+	}, k = (e, r) => {
+		let i = n.hoverCellPos ?? E?.activeCellPos ?? null, a = n.hoverCellPos === null ? null : e === "row" ? n.hoverVisualRowIndex : n.hoverVisualColumnIndex;
+		i !== null && Wn(t, i, e, { visualIndex: a }), D(e, r);
+	}, A = () => {
+		O(), D("selection", "selection-edge");
+	}, j = Ln(t, n, "row", E?.activeCellPos ?? null), ee = Ln(t, n, "column", E?.activeCellPos ?? null), M = Fn(t).length > 0, N = s ? Vn(t, s) : [], P = async (e, n) => {
+		let o = await Mn({
+			editor: t,
+			commandId: e,
+			menu: n ?? s ?? "selection",
+			messages: r
+		});
+		return o.copyFeedback ? (b(o.copyFeedback), o.copyPayload && i?.(o.copyPayload)) : b(null), a?.(o.commandResult), o.success;
+	}, te = (e) => {
+		let n = Rn(t, e);
+		n && o?.(n), c(null), t.view.focus();
+	};
+	return /* @__PURE__ */ Q("div", {
+		ref: x,
+		className: "markweave-table-controls",
+		"data-testid": "markweave-table-controls",
+		"aria-label": r.table.controlsAriaLabel,
+		"data-open-menu": s ?? "none",
+		"data-positioned": p || h || _ ? "true" : "false",
+		children: [
+			y ? /* @__PURE__ */ Z("div", {
+				className: "markweave-table-copy-feedback",
+				role: "status",
+				"aria-live": "polite",
+				"data-testid": "markweave-table-copy-feedback",
+				"data-copy-kind": y.kind,
+				"data-text-length": y.textLength,
+				"data-html-length": y.htmlLength,
+				children: Nn(y)
+			}) : null,
+			p ? /* @__PURE__ */ Z("button", {
+				type: "button",
+				ref: C,
+				className: "markweave-table-edge-handle markweave-table-edge-handle--row",
+				"aria-label": r.table.activeRowActions,
+				"aria-expanded": s === "row" && l === "row-edge",
+				"aria-haspopup": "menu",
+				title: r.table.rowActions,
+				"data-testid": "markweave-table-hover-row-handle",
+				"data-axis-index": j?.index ?? "",
+				"data-axis-selected-cells": j?.selectedCellCount ?? "",
+				"data-axis-visual-cells": j?.visualCellCount ?? "",
+				"data-axis-visual-size": j?.visualHeight ?? "",
+				style: {
+					left: p.left,
+					top: p.top
+				},
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => {
+					k("row", "row-edge");
+				},
+				children: /* @__PURE__ */ Z("span", {
+					"aria-hidden": "true",
+					children: "..."
+				})
+			}) : null,
+			h ? /* @__PURE__ */ Z("button", {
+				type: "button",
+				ref: w,
+				className: "markweave-table-edge-handle markweave-table-edge-handle--column",
+				"aria-label": r.table.activeColumnActions,
+				"aria-expanded": s === "column" && l === "column-edge",
+				"aria-haspopup": "menu",
+				title: r.table.columnActions,
+				"data-testid": "markweave-table-hover-column-handle",
+				"data-axis-index": ee?.index ?? "",
+				"data-axis-selected-cells": ee?.selectedCellCount ?? "",
+				"data-axis-visual-cells": ee?.visualCellCount ?? "",
+				"data-axis-visual-size": ee?.visualWidth ?? "",
+				style: {
+					left: h.left,
+					top: h.top
+				},
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => {
+					k("column", "column-edge");
+				},
+				children: /* @__PURE__ */ Z("span", {
+					"aria-hidden": "true",
+					children: "..."
+				})
+			}) : null,
+			M && _ ? /* @__PURE__ */ Z("button", {
+				type: "button",
+				ref: T,
+				className: "markweave-table-edge-handle markweave-table-edge-handle--selection",
+				"aria-label": r.table.selectionActions,
+				"aria-expanded": s === "selection" && l === "selection-edge",
+				"aria-haspopup": "menu",
+				title: r.table.selectionActions,
+				"data-testid": "markweave-table-cell-handle",
+				style: {
+					left: _.left,
+					top: _.top
+				},
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: A,
+				children: /* @__PURE__ */ Z("span", {
+					"aria-hidden": "true",
+					children: "..."
+				})
+			}) : null,
+			s ? /* @__PURE__ */ Z("div", {
+				ref: S,
+				className: "markweave-table-menu",
+				role: "menu",
+				"aria-label": Kn(s, r),
+				"data-testid": "markweave-table-menu",
+				"data-positioned": d ? "true" : "false",
+				style: d ? {
+					left: d.left,
+					top: d.top
+				} : void 0,
+				children: N.map((e, n) => {
+					let i = zn(e), a = n === 0 ? i : zn(N[n - 1]), l = n > 0 && a !== i, u = e.commandId === null ? !!o : jn(t, e.commandId), d = Bn(e, r);
+					return /* @__PURE__ */ Z("button", {
+						type: "button",
+						role: "menuitem",
+						"aria-label": d,
+						"aria-disabled": !u,
+						disabled: !u,
+						"data-menu-group": i,
+						"data-starts-group": l ? "true" : "false",
+						"data-command-enabled": u ? "true" : "false",
+						"data-testid": e.commandId ? `markweave-table-menu-command-${e.commandId}` : "markweave-table-menu-command-edit-with-ai",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => {
+							if (u) {
+								if (e.commandId === null) {
+									te(s === "row" || s === "column" ? s : "selection");
+									return;
+								}
+								P(e.commandId).finally(() => c(null));
+							}
+						},
+						children: d
+					}, `${e.id}-${n}`);
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/ui/table/TableSelectionOverlay.tsx
+function si({ editor: e, focusState: t }) {
+	let [n, r] = K(null);
+	return U(() => {
+		if (t.mode !== "cell-selection") {
+			r(null);
+			return;
+		}
+		let n = () => {
+			r(Un(e, Ft(e.state)));
+		};
+		return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+			window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+		};
+	}, [
+		e,
+		t.activeCellPos,
+		t.anchorCellPos,
+		t.mode,
+		t.selectedCellCount,
+		t.selectionFrom,
+		t.selectionTo
+	]), n ? /* @__PURE__ */ Z("div", {
+		"aria-hidden": "true",
+		className: "markweave-table-selection-overlay",
+		"data-anchor-cell-pos": n.anchorCellPos ?? "",
+		"data-head-cell-pos": n.headCellPos ?? "",
+		"data-selected-cells": n.selectedCellCount,
+		"data-visual-columns": n.visualColumnCount,
+		"data-visual-rows": n.visualRowCount,
+		"data-visual-slots": n.visualSlotCount,
+		"data-testid": "markweave-table-selection-overlay",
+		style: {
+			"--markweave-table-selection-columns": n.visualColumnCount,
+			"--markweave-table-selection-rows": n.visualRowCount,
+			left: n.left,
+			top: n.top,
+			width: n.width,
+			height: n.height
+		}
+	}) : null;
+}
+//#endregion
+//#region src/ui/toc/MarkweaveInnerToc.tsx
+function ci(e, t) {
+	return `${e.toc.itemAriaLabel}: ${t.text}`;
+}
+function li({ editor: e, state: t, messages: n, editable: r }) {
+	if (!t.items.length) return null;
+	let i = (t) => {
+		Qn(e, t, {
+			behavior: "smooth",
+			focus: r
+		});
+	};
+	return /* @__PURE__ */ Q("nav", {
+		className: "markweave-inner-toc",
+		"data-testid": "markweave-inner-toc",
+		"aria-label": n.toc.ariaLabel,
+		children: [/* @__PURE__ */ Z("div", {
+			className: "markweave-inner-toc-rail",
+			"aria-hidden": "true",
+			children: t.items.map((e) => /* @__PURE__ */ Z("span", {
+				"data-level": e.level,
+				"data-active": e.active ? "true" : "false"
+			}, e.id))
+		}), /* @__PURE__ */ Z("div", {
+			className: "markweave-inner-toc-panel",
+			children: /* @__PURE__ */ Z("div", {
+				className: "markweave-inner-toc-list",
+				children: t.items.map((e) => /* @__PURE__ */ Z("button", {
+					type: "button",
+					className: "markweave-inner-toc-item",
+					"data-level": e.level,
+					"data-active": e.active ? "true" : "false",
+					"aria-current": e.active ? "location" : void 0,
+					"aria-label": ci(n, e),
+					title: e.text,
+					onClick: () => i(e),
+					children: e.text
+				}, e.id))
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/MarkweaveEditor.tsx
+var ui = {
+	active: !1,
+	mode: "outside",
+	activeCellPos: null,
+	anchorCellPos: null,
+	selectedCellCount: 0,
+	selectionFrom: 0,
+	selectionTo: 0
+}, di = {
+	active: !1,
+	language: nt.defaultLanguage,
+	mermaidPreviewMode: "code",
+	pos: null,
+	text: ""
+}, fi = lt({
+	active: !1,
+	mode: "code",
+	source: ""
+});
+function pi(e) {
+	return Lt.getState(e.state) ?? It;
+}
+function mi(e) {
+	if (!e || typeof window > "u") return null;
+	let t = e.parentElement;
+	for (; t;) {
+		let e = window.getComputedStyle(t), n = `${e.overflow} ${e.overflowY}`;
+		if (/(auto|scroll|overlay)/.test(n) && t.scrollHeight > t.clientHeight) return t;
+		t = t.parentElement;
+	}
+	return null;
+}
+function hi(e) {
+	return typeof window > "u" || typeof window.requestAnimationFrame != "function" ? globalThis.setTimeout(() => e(0), 0) : window.requestAnimationFrame(e);
+}
+function gi(e) {
+	if (typeof window < "u" && typeof window.cancelAnimationFrame == "function") {
+		window.cancelAnimationFrame(e);
+		return;
+	}
+	globalThis.clearTimeout(e);
+}
+function _i({ ariaLabel: e, autoFocusFirstTableBodyCell: t = !1, autofocus: n = !1, content: r, contentFormat: a, defaultContent: o = "", defaultContentFormat: s, editable: c = !0, innerToc: l = !0, lang: u, mode: d = "live", onEditWithAi: f, onExtractToNote: p, onRewriteSelection: m, onRuntimeStateChange: h, onSlashCommandUpload: g, onTableCommandResult: _, onTableCopyPayload: v, onTocChange: y, onUpdate: b } = {}) {
+	let x = Ne(d), S = x === "live" && c !== !1, C = Ve(r === void 0 ? s : a), w = G({
+		editorMode: x,
+		effectiveEditable: S
+	});
+	w.current = {
+		editorMode: x,
+		effectiveEditable: S
+	};
+	let T = G(null);
+	T.current === null && (T.current = Ae(u));
+	let E = T.current, D = W(() => ke(E), [E]), O = W(() => Oe(E), [E]), k = G(g);
+	k.current = g;
+	let A = W(() => pr({
+		lang: E,
+		onImageUpload: (e) => {
+			if (k.current) return k.current(e);
+			let t = he(e);
+			if (!t) throw Error("File upload requires an upload handler.");
+			return t;
+		},
+		onVideoUpload: (e) => {
+			if (k.current) return k.current(e);
+			let t = he(e);
+			if (!t) throw Error("File upload requires an upload handler.");
+			return t;
+		}
+	}), [E]), [j, ee] = K(null), [M, N] = K(At), [P, te] = K(null), [ne, F] = K(null), [I, re] = K("code"), [L, R] = K(null), [ie, ae] = K(It), [oe, se] = K(null), [ce, z] = K(0), le = G(!1), ue = G({ onUpdate: b }), de = W(() => St(M.query, O), [O, M.query]);
+	ue.current = { onUpdate: b };
+	let B = V(() => {
+		te(null), F(null), N(At);
+	}, []), fe = V((e) => {
+		let t = kt(e.state);
+		if (!t) {
+			N((e) => e.name === "idle" ? e : At), te(null), F(null);
+			return;
+		}
+		let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
+		te(Ot(n, {
+			frameRect: i,
+			triggerRect: r
+		})), N((e) => Dt(e, t));
+	}, []), U = V((e) => fe(e.view), [fe]), pe = V((e) => {
+		ee(qe(e));
+		let t = _t(e);
+		t && (yt(e, t, !0), R(t));
+		let n = et(e);
+		n.active && n.language === "mermaid" && re(n.mermaidPreviewMode);
+	}, []), me = V((e) => {
+		ae(pi(e));
+	}, []), q = i({
+		extensions: A,
+		content: r ?? o,
+		contentType: ze(C),
+		editable: S,
+		autofocus: n,
+		editorProps: {
+			attributes: {
+				class: "markweave-editor-surface",
+				"data-testid": "markweave-editor-surface",
+				autocapitalize: "off",
+				autocorrect: "off",
+				spellcheck: "false",
+				translate: "no"
+			},
+			handleClick: (e, t, n) => w.current.effectiveEditable ? !1 : He(n),
+			handleDOMEvents: {
+				compositionstart: () => w.current.effectiveEditable ? (N((e) => jt(e, { type: "composition-start" })), te(null), !1) : !1,
+				compositionend: (e) => (w.current.effectiveEditable && window.setTimeout(() => fe(e), 0), !1),
+				click: (e, t) => {
+					if (w.current.effectiveEditable) {
+						let n = gt(e, t);
+						return n ? (t.preventDefault(), t.stopPropagation(), B(), bt(e, n, !0), xt(e, n), R(n), !0) : (R(null), !1);
+					}
+					return He(t);
+				}
+			}
+		},
+		onSelectionUpdate: ({ editor: e }) => {
+			pe(e);
+		},
+		onCreate: ({ editor: e }) => {
+			t && w.current.effectiveEditable && Nt(e), me(e), pe(e), z((e) => e + 1);
+		},
+		onTransaction: ({ editor: e, transaction: t }) => {
+			me(e), (t.docChanged || ot(t)) && z((e) => e + 1), t.docChanged && R((t) => {
+				if (!t) return null;
+				let n = ht(e, t.pos);
+				return n?.kind === t.kind ? n : null;
+			});
+		},
+		onUpdate: ({ editor: e }) => {
+			pe(e), w.current.effectiveEditable && U(e), le.current || ue.current.onUpdate?.(Re(e));
+		}
+	});
+	H(() => {
+		q && (q.setEditable(S), Pe(q, {
+			mode: x,
+			editable: S
+		}), st(q, S ? "live" : "view"), S || B());
+	}, [
+		B,
+		q,
+		x,
+		S
+	]), H(() => {
+		!q || r === void 0 || Be(q, r, Ve(a)) || (le.current = !0, q.commands.setContent(r, {
+			contentType: ze(Ve(a)),
+			emitUpdate: !1
+		}), le.current = !1, pe(q), S && U(q), me(q), z((e) => e + 1));
+	}, [
+		r,
+		a,
+		S,
+		q,
+		pe,
+		U,
+		me
+	]), H(() => {
+		if (!P) return;
+		let e = (e) => {
+			let t = e.target;
+			t instanceof Element && (t.closest(".markweave-slash-menu") || t.closest(".markweave-slash-trigger") || B());
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, [B, P]);
+	let ge = W(() => q ? et(q) : di, [
+		q,
+		ce,
+		j
+	]), _e = W(() => q ? Pt(q.state) : ui, [
+		q,
+		ce,
+		j,
+		ie
+	]), ve = j?.currentNode === "codeBlock", ye = ve && ge.language === "mermaid", be = W(() => q ? lt({
+		active: ye,
+		mode: I,
+		source: ge.text
+	}) : fi, [
+		ge.text,
+		q,
+		ye,
+		I
+	]), xe = W(() => q ? Mt(q.state) : null, [q, ce]), J = W(() => q ? Xn(q.state.doc) : Jn.items, [q, ce]), Se = W(() => Zn(J, oe), [oe, J]), Ce = W(() => qn(J, Se), [Se, J]), we = V(() => {
+		if (!q || !J.length) {
+			se(null);
+			return;
+		}
+		let e = Yn(q, J);
+		se((t) => t === e ? t : e);
+	}, [q, J]);
+	H(() => {
+		se((e) => {
+			let t = Zn(J, e);
+			return e === t ? e : t;
+		});
+	}, [J]), H(() => {
+		if (!q || !J.length || typeof window > "u") return;
+		let e = null, t = () => {
+			e !== null && gi(e), e = hi(() => {
+				e = null, we();
+			});
+		}, n = mi(q.view.dom);
+		return window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), () => {
+			window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t), e !== null && gi(e);
+		};
+	}, [
+		q,
+		J.length,
+		we
+	]);
+	let Te = W(() => Ue({
+		revision: ce,
+		mode: x,
+		editable: S,
+		toc: Ce,
+		selection: j,
+		slash: M,
+		table: _e,
+		tableInteraction: ie,
+		codeBlock: ge,
+		mermaid: be,
+		tableDebugSnapshot: xe
+	}), [
+		ge,
+		x,
+		S,
+		be,
+		ce,
+		j,
+		M,
+		xe,
+		_e,
+		ie,
+		Ce
+	]);
+	H(() => {
+		h?.(Te);
+	}, [h, Te]), H(() => {
+		y?.(Ce);
+	}, [y, Ce]);
+	let Ee = V((e, t) => {
+		if (!(!q || !S) && Ct(e)) {
+			if (e.inputKind && !t?.emoji && !t?.uploadResult) {
+				F(e);
+				return;
+			}
+			Et(q, M, e, t), N((e) => jt(e, { type: "execute" })), B();
+		}
+	}, [
+		B,
+		S,
+		q,
+		M
+	]), De = V((e) => {
+		N((t) => jt(t, {
+			type: "set-active",
+			index: e,
+			optionCount: de.length
+		}));
+	}, [de.length]), Y = V((e) => {
+		if (!q || ne || !S) return;
+		let t = wt(M, de, e.key, { isComposing: e.nativeEvent.isComposing || Le(q.state) });
+		if (t.type !== "ignore") {
+			if (t.type === "close") {
+				e.preventDefault(), N((e) => jt(e, { type: "escape" })), B();
+				return;
+			}
+			if (t.type === "move-active") {
+				e.preventDefault(), N((e) => jt(e, {
+					type: "move-active",
+					delta: t.delta,
+					optionCount: t.optionCount
+				}));
+				return;
+			}
+			t.type === "execute-active" && (e.preventDefault(), Ee(t.command));
+		}
+	}, [
+		B,
+		S,
+		q,
+		de,
+		Ee,
+		ne,
+		M
+	]), je = W(() => ({
+		closeSlashMenu: B,
+		focusFirstTableBodyCell: () => q ? Nt(q) : !1,
+		setContent: (e, t = {}) => {
+			if (!q) return !1;
+			let n = Ve(t.format);
+			return q.commands.setContent(e, {
+				contentType: ze(n),
+				emitUpdate: t.emitUpdate ?? !1
+			}), t.focusFirstTableBodyCell && Nt(q), pe(q), S && U(q), me(q), z((e) => e + 1), !0;
+		}
+	}), [
+		B,
+		S,
+		q,
+		pe,
+		U,
+		me
+	]);
+	return {
+		editor: q,
+		frameProps: W(() => ({
+			className: "markweave-editor-frame",
+			"aria-label": e ?? D.common.editorAriaLabel,
+			"data-testid": "markweave-editor-frame",
+			"data-markweave-mode": x,
+			"data-markweave-inner-toc": l ? "true" : "false",
+			"data-mermaid-mode": be.mode,
+			"data-table-focus-mode": _e.mode,
+			onKeyDownCapture: Y
+		}), [
+			e,
+			x,
+			Y,
+			l,
+			be.mode,
+			D.common.editorAriaLabel,
+			_e.mode
+		]),
+		overlayProps: W(() => ({
+			floatingToolbar: q && S ? {
+				editor: q,
+				messages: D,
+				selectionSnapshot: j,
+				onRewriteSelection: m,
+				onExtractToNote: p
+			} : null,
+			slashCommandMenu: q && S ? {
+				commands: de,
+				state: M,
+				position: P,
+				inputCommand: ne,
+				messages: D,
+				onActiveIndexChange: De,
+				onInputCommandChange: F,
+				onSelect: Ee,
+				onUpload: g
+			} : null,
+			tableControls: q && S ? {
+				editor: q,
+				active: _e.active,
+				interactionState: ie,
+				messages: D,
+				onCopyPayload: v,
+				onCommandResult: _,
+				onEditWithAi: f
+			} : null,
+			tableSelectionOverlay: q && S ? {
+				editor: q,
+				focusState: _e
+			} : null,
+			codeBlockControls: q ? {
+				editor: q,
+				active: S && ve,
+				mermaidMode: I,
+				onMermaidModeChange: re,
+				readOnly: !S
+			} : null,
+			innerToc: q && l && Ce.items.length ? {
+				editor: q,
+				editable: S,
+				messages: D,
+				state: Ce
+			} : null,
+			mathEditorPopover: q && S && L ? {
+				editor: q,
+				messages: D,
+				target: L,
+				onClose: () => R(null)
+			} : null
+		}), [
+			S,
+			q,
+			de,
+			l,
+			ve,
+			I,
+			D,
+			L,
+			f,
+			p,
+			m,
+			g,
+			_,
+			v,
+			Ee,
+			j,
+			De,
+			ne,
+			P,
+			M,
+			_e,
+			ie,
+			Ce
+		]),
+		runtimeSnapshot: Te,
+		actions: je
+	};
+}
+function vi({ className: e, ...n }) {
+	let r = _i(n);
+	if (!r.editor) return null;
+	let i = [r.frameProps.className, e].filter(Boolean).join(" ");
+	return /* @__PURE__ */ Q("section", {
+		...r.frameProps,
+		className: i,
+		children: [
+			r.overlayProps.floatingToolbar ? /* @__PURE__ */ Z(Lr, { ...r.overlayProps.floatingToolbar }) : null,
+			r.overlayProps.slashCommandMenu ? /* @__PURE__ */ Z(ii, { ...r.overlayProps.slashCommandMenu }) : null,
+			r.overlayProps.tableControls ? /* @__PURE__ */ Z(oi, { ...r.overlayProps.tableControls }) : null,
+			r.overlayProps.tableSelectionOverlay ? /* @__PURE__ */ Z(si, { ...r.overlayProps.tableSelectionOverlay }) : null,
+			r.overlayProps.codeBlockControls ? /* @__PURE__ */ Z(gr, { ...r.overlayProps.codeBlockControls }) : null,
+			r.overlayProps.innerToc ? /* @__PURE__ */ Z(li, { ...r.overlayProps.innerToc }) : null,
+			r.overlayProps.mathEditorPopover ? /* @__PURE__ */ Z(Yr, { ...r.overlayProps.mathEditorPopover }) : null,
+			/* @__PURE__ */ Z(t, { editor: r.editor })
+		]
+	});
+}
+//#endregion
+export { vi as MarkweaveEditor, pr as createMarkweaveEditorExtensions, pr as createMarkweaveReactEditorExtensions, _i as useMarkweaveEditorController };