@meowdown/react 0.80.2 → 0.81.0

package/dist/index.d.ts

@@ -2,6 +2,14 @@ import { ComponentProps, ReactElement, ReactNode, Ref } from "react";
 import { AcceptPendingReplacementOptions, EditorConfig, ExitBoundaryHandler, FileClickHandler, FileInfoResolver, FileLinkResolver, FilePasteOptions, FileViewOptions, ImageClickHandler, ImageOptions, ImageUrlResolver, LinkClickHandler, LinkCopyHandler, LinkPreview, LinkPreviewResolver, LinkPreviewResolver as LinkPreviewResolver$1, ListMarker, MarkMode, PendingReplacement, PendingReplacementOutcome, PlaceholderOptions, ReferenceDefinitions, SearchStatusHandler, StartPendingReplacementOptions, TagClickHandler, TypedEditor, WikiEmbedResolver, WikilinkClickHandler, WikilinkHoverHit, WikilinkResolver, XPostMediaClickHandler, XPostResolver, XPostResolver as XPostResolver$1, YouTubeVideoClickHandler, YouTubeVideoResolver, YouTubeVideoResolver as YouTubeVideoResolver$1 } from "@meowdown/core";
 import { SelectionJSON, SelectionJSON as SelectionJSON$1 } from "@prosekit/core";
 import { ReactNodeViewComponent, ReactNodeViewComponent as ReactNodeViewComponent$1, useEditor, useExtension, useKeymap } from "@prosekit/react";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/collision-boundary.d.ts
+/**
+ * The area the editor's floating menus and popovers stay inside. Same as the
+ * `collisionBoundary` prop of Base UI positioners.
+ */
+type CollisionBoundary = NonNullable<Popover.Positioner.Props['collisionBoundary']>;
+//#endregion
 //#region src/utils/date-format.d.ts
 type TimeFormat = '12' | '24';
 //#endregion
@@ -330,6 +338,12 @@ interface EditorProps {
    * is set. Ignored when `readOnly` is set.
    */
   selectionMenuAffordance?: boolean | undefined;
+  /**
+   * The element the editor's menus and popovers stay inside, for example one
+   * that leaves out the area under a phone's status bar. Defaults to the
+   * viewport.
+   */
+  collisionBoundary?: CollisionBoundary | undefined;
   /**
    * Extra controls rendered in the pending-replacement preview footer, next to
    * the built-in accept ("Replace selection" / "Insert below", per the staged
@@ -583,7 +597,7 @@ interface EditorProps {
  *
  * Callbacks and resolvers should be stable; pass them via `useCallback`.
  */
-export declare function MarkdownEditor({ mode, initialMarkdown, singleParagraph, referenceDefinitions, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, onXPostMediaClick, onYouTubeVideoClick, embedPaste, linkPaste, bulletAfterHeading, backspaceDeletesEmptyFirstBlock, substitution, frontmatter, blockHandle, caretGlide, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }: EditorProps): ReactElement;
+export declare function MarkdownEditor({ mode, initialMarkdown, singleParagraph, referenceDefinitions, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance, collisionBoundary, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, onXPostMediaClick, onYouTubeVideoClick, embedPaste, linkPaste, bulletAfterHeading, backspaceDeletesEmptyFirstBlock, substitution, frontmatter, blockHandle, caretGlide, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }: EditorProps): ReactElement;
 //#endregion
 //#region src/components/markdown-view.d.ts
 /**
@@ -930,4 +944,4 @@ interface WikilinkHoverCardProps {
  */
 export declare function WikilinkHoverCard({ children, className }: WikilinkHoverCardProps): ReactNode;
 //#endregion
-export { type EditorHandle, type EditorMode, type EditorProps, type EditorStateSnapshot, type LightboxCloseOptions, type LightboxController, type LightboxFrameItem, type LightboxFrameProps, type LightboxImageItem, type LightboxImageProps, type LightboxItem, type LightboxRootProps, type LightboxVideoItem, type LightboxVideoProps, type LinkPreview, type LinkPreviewResolver, type MarkdownViewProps, type PendingReplacementResolveHandler, type ReactNodeViewComponent, type SelectionHint, type SelectionJSON, type SelectionMenuContext, type SelectionMenuItem, type SelectionMenuSearchHandler, type SlashMenuItem, type SlashMenuSearchHandler, type TagItem, type TagSearchHandler, type TaskClickHandler, type TaskClickPayload, type TimeFormat, type WikilinkHoverCardProps, type WikilinkItem, type WikilinkSearchHandler, type XPostResolver, type YouTubeVideoResolver, useEditor, useExtension, useKeymap };
+export { type CollisionBoundary, type EditorHandle, type EditorMode, type EditorProps, type EditorStateSnapshot, type LightboxCloseOptions, type LightboxController, type LightboxFrameItem, type LightboxFrameProps, type LightboxImageItem, type LightboxImageProps, type LightboxItem, type LightboxRootProps, type LightboxVideoItem, type LightboxVideoProps, type LinkPreview, type LinkPreviewResolver, type MarkdownViewProps, type PendingReplacementResolveHandler, type ReactNodeViewComponent, type SelectionHint, type SelectionJSON, type SelectionMenuContext, type SelectionMenuItem, type SelectionMenuSearchHandler, type SlashMenuItem, type SlashMenuSearchHandler, type TagItem, type TagSearchHandler, type TaskClickHandler, type TaskClickPayload, type TimeFormat, type WikilinkHoverCardProps, type WikilinkItem, type WikilinkSearchHandler, type XPostResolver, type YouTubeVideoResolver, useEditor, useExtension, useKeymap };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { clsx } from "clsx/lite";
-import { Fragment, ViewTransition, cloneElement, createElement, memo, startTransition, useCallback, useDeferredValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
+import { Fragment, ViewTransition, cloneElement, createContext, createElement, memo, startTransition, use, useCallback, useDeferredValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { buildFileMarkdown, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, defineCodeBlockPreviewPlugin, defineEditorExtension, defineLinkEditKeymap, defineLinkHoverHandler, definePendingReplacementHandler, defineSearchStatusHandler, defineVirtualCaret, defineWikilinkHoverHandler, dismissLinkHover, docToMarkdown, docToParagraphMarkdown, formatFileSize, getCodeTokens, getFileKind, getLinkText, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunksWithContext, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, normalizeHref, paragraphMarkdownToDoc, parsePostEmbedSnapshot, renderMathInto, updateEditorConfig } from "@meowdown/core";
 import { clamp } from "@ocavue/utils";
 import { canUseRegexLookbehind, createEditor, defineDocChangeHandler, defineUpdateHandler, isTextSelection, union } from "@prosekit/core";
@@ -98,6 +98,20 @@ var code_block_view_module_default = {
 	"TriggerIcon": "meow_TriggerIcon_D3j_9q"
 };
 
+//#endregion
+//#region src/components/collision-boundary.ts
+/**
+* See `EditorProps.collisionBoundary`.
+*/
+const CollisionBoundaryContext = createContext(void 0);
+/**
+* Converts a {@link CollisionBoundary} to the `boundary` prop of ProseKit
+* positioners, which spell the keyword the floating-ui way.
+*/
+function toFloatingBoundary(boundary) {
+	return boundary === "clipping-ancestors" ? "clippingAncestors" : boundary;
+}
+
 //#endregion
 //#region src/components/copy-button.tsx
 const COPIED_RESET_MS = 1500;
@@ -240,6 +254,8 @@ function CodeBlockView(props) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: code_block_view_module_default.Root,
 		"data-preview": previewOnly || void 0,
+		"data-selected": selected || void 0,
+		"data-testid": "code-block",
 		children: [
 			/* @__PURE__ */ jsx("pre", {
 				ref: contentRef,
@@ -270,6 +286,7 @@ function CodeBlockView(props) {
 	});
 }
 function CodeBlockToolbar({ code, language, setLanguage }) {
+	const collisionBoundary = use(CollisionBoundaryContext);
 	const selected = useMemo(() => {
 		return codeBlockLanguages.find((item) => item.value === language) ?? {
 			value: language,
@@ -314,6 +331,7 @@ function CodeBlockToolbar({ code, language, setLanguage }) {
 			}), /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
 				className: code_block_view_module_default.Positioner,
 				sideOffset: 4,
+				collisionBoundary,
 				children: /* @__PURE__ */ jsxs(Combobox.Popup, {
 					className: code_block_view_module_default.Popup,
 					children: [
@@ -532,6 +550,7 @@ function selectLinkUnit(editor, link) {
 	editor.focus();
 }
 function LinkPopover({ anchor, open, onClose, onCloseComplete, onPopupHover, children }) {
+	const collisionBoundary = use(CollisionBoundaryContext);
 	return /* @__PURE__ */ jsx(Popover.Root, {
 		open,
 		onOpenChange: (open) => {
@@ -544,6 +563,7 @@ function LinkPopover({ anchor, open, onClose, onCloseComplete, onPopupHover, chi
 			anchor,
 			side: "bottom",
 			sideOffset: 8,
+			collisionBoundary,
 			className: link_menu_module_default.Positioner,
 			children: /* @__PURE__ */ jsx(Popover.Popup, {
 				className: link_menu_module_default.Popup,
@@ -1097,6 +1117,7 @@ var selection_menu_module_default = {
 */
 function SelectionMenu({ onSelectionMenuSearch, context, onOpen, onClose, affordance = true }) {
 	const editor = useEditor$1();
+	const collisionBoundary = use(CollisionBoundaryContext);
 	const [selection, setSelection] = useState();
 	useExtension$1(useMemo(() => {
 		return defineUpdateHandler((view) => {
@@ -1118,10 +1139,7 @@ function SelectionMenu({ onSelectionMenuSearch, context, onOpen, onClose, afford
 	}, [onClose, editor]);
 	const menuAnchor = useMemo(() => {
 		if (!context) return;
-		return getVirtualElementFromRange(editor.view, {
-			from: context.from,
-			to: context.to
-		});
+		return getMenuAnchor(editor.view, context.from, context.to);
 	}, [context, editor]);
 	const showAffordance = affordance && !!!context && !!selection?.anchorable;
 	const affordanceVisible = useDelayedFlag(showAffordance, 250, 0);
@@ -1145,6 +1163,7 @@ function SelectionMenu({ onSelectionMenuSearch, context, onOpen, onClose, afford
 			anchor: menuAnchor,
 			side: "bottom",
 			sideOffset: 8,
+			collisionBoundary,
 			className: selection_menu_module_default.Positioner,
 			children: /* @__PURE__ */ jsx(Popover.Popup, {
 				className: selection_menu_module_default.Popup,
@@ -1165,6 +1184,7 @@ function SelectionMenu({ onSelectionMenuSearch, context, onOpen, onClose, afford
 			anchor: affordanceAnchor,
 			side: "bottom",
 			sideOffset: 4,
+			collisionBoundary,
 			className: selection_menu_module_default.AffordancePositioner,
 			children: /* @__PURE__ */ jsx(Popover.Popup, {
 				className: selection_menu_module_default.AffordancePopup,
@@ -1186,6 +1206,30 @@ function SelectionMenu({ onSelectionMenuSearch, context, onOpen, onClose, afford
 	return null;
 }
 /**
+* Anchors the menu to the selected range, or to the range's end when the range
+* is taller than a third of the visible height: such a range leaves no room
+* for the menu above or below it.
+*/
+function getMenuAnchor(view, from, to) {
+	const range = getVirtualElementFromRange(view, {
+		from,
+		to
+	});
+	if (from === to) return range;
+	const end = getVirtualElementFromRange(view, {
+		from: to,
+		to
+	});
+	const pickAnchor = () => {
+		const visibleHeight = view.dom.ownerDocument.defaultView?.visualViewport?.height ?? Infinity;
+		return range.getBoundingClientRect().height > visibleHeight / 3 ? end : range;
+	};
+	return {
+		getBoundingClientRect: () => pickAnchor().getBoundingClientRect(),
+		contextElement: view.dom
+	};
+}
+/**
 * The menu content. Mounted only while the menu is open, so its filter state
 *  resets naturally on close.
 */
@@ -1322,6 +1366,7 @@ function selectionInTableCell(editor) {
 }
 function SlashMenu({ timeFormat = "12", onSlashMenuSearch, onFilePaste, onFileSaveError }) {
 	const editor = useEditor$1();
+	const collisionBoundary = use(CollisionBoundaryContext);
 	const fileInputRef = useRef(null);
 	const inTableCell = useEditorDerivedValue(selectionInTableCell);
 	const [open, setOpen] = useState(false);
@@ -1384,6 +1429,7 @@ function SlashMenu({ timeFormat = "12", onSlashMenuSearch, onFilePaste, onFileSa
 			onChange: handleFileInputChange
 		}) : null, /* @__PURE__ */ jsx(AutocompletePositioner, {
 			className: autocomplete_menu_module_default.Positioner,
+			boundary: toFloatingBoundary(collisionBoundary),
 			children: /* @__PURE__ */ jsxs(AutocompletePopup, {
 				className: autocomplete_menu_module_default.Popup,
 				"data-testid": "slash-menu",
@@ -1703,6 +1749,7 @@ function returnsTrue() {
 const regex$1 = new RegExp((canUseRegexLookbehind() ? String.raw`(?<!\S)` : "") + String.raw`#[\da-z]+$`, "iu");
 function TagMenu({ onTagSearch }) {
 	const editor = useEditor$1();
+	const collisionBoundary = use(CollisionBoundaryContext);
 	const [open, setOpen] = useState(false);
 	const [query, setQuery] = useState("");
 	const [items, setItems] = useState([]);
@@ -1736,6 +1783,7 @@ function TagMenu({ onTagSearch }) {
 		onQueryChange: (event) => setQuery(event.detail),
 		children: /* @__PURE__ */ jsx(AutocompletePositioner, {
 			className: autocomplete_menu_module_default.Positioner,
+			boundary: toFloatingBoundary(collisionBoundary),
 			children: /* @__PURE__ */ jsxs(AutocompletePopup, {
 				className: autocomplete_menu_module_default.Popup,
 				"data-testid": "tag-menu",
@@ -1778,6 +1826,7 @@ function queryFromRegexMatch(match) {
 }
 function WikilinkMenu({ onWikilinkSearch }) {
 	const editor = useEditor$1();
+	const collisionBoundary = use(CollisionBoundaryContext);
 	const [open, setOpen] = useState(false);
 	const [query, setQuery] = useState("");
 	const [items, setItems] = useState([]);
@@ -1813,6 +1862,7 @@ function WikilinkMenu({ onWikilinkSearch }) {
 		onQueryChange: (event) => setQuery(event.detail),
 		children: /* @__PURE__ */ jsx(AutocompletePositioner, {
 			className: autocomplete_menu_module_default.Positioner,
+			boundary: toFloatingBoundary(collisionBoundary),
 			children: /* @__PURE__ */ jsxs(AutocompletePopup, {
 				className: autocomplete_menu_module_default.Popup,
 				"data-testid": "wikilink-menu",
@@ -1885,7 +1935,7 @@ function findHeadingPosition(doc, fragment) {
 	});
 	return match;
 }
-function ProseKitEditor({ markMode = "focus", initialMarkdown, singleParagraph = false, referenceDefinitions, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, onXPostMediaClick, onYouTubeVideoClick, embedPaste, linkPaste, bulletAfterHeading, backspaceDeletesEmptyFirstBlock, substitution = true, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, searchQuery = "", onSearchChange, timeFormat, editorClassName, CodeBlockView, ref, children }) {
+function ProseKitEditor({ markMode = "focus", initialMarkdown, singleParagraph = false, referenceDefinitions, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, collisionBoundary, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, onXPostMediaClick, onYouTubeVideoClick, embedPaste, linkPaste, bulletAfterHeading, backspaceDeletesEmptyFirstBlock, substitution = true, frontmatter = false, blockHandle = true, placeholder, readOnly, spellCheck, searchQuery = "", onSearchChange, timeFormat, editorClassName, CodeBlockView, ref, children }) {
 	const suppressDocChangeRef = useRef(false);
 	const handleDocChange = useMemo(() => {
 		if (!onDocChange) return;
@@ -2109,47 +2159,50 @@ function ProseKitEditor({ markMode = "focus", initialMarkdown, singleParagraph =
 	const mount = useCallback((element) => {
 		return editor.mount(element);
 	}, [editor]);
-	return /* @__PURE__ */ jsxs(ProseKit, {
-		editor,
-		children: [
-			/* @__PURE__ */ jsx(VirtualCaret, {}),
-			/* @__PURE__ */ jsx("div", { ref: mount }),
-			/* @__PURE__ */ jsx(EditorExtensions, {
-				config,
-				searchQuery,
-				onDocChange: handleDocChange,
-				onSearchChange
-			}),
-			blockHandle && !readOnly && /* @__PURE__ */ jsx(BlockHandle, {}),
-			!readOnly && /* @__PURE__ */ jsx(TableHandle, {}),
-			blockHandle && !readOnly && /* @__PURE__ */ jsx(DropIndicator$1, {}),
-			/* @__PURE__ */ jsx(SlashMenu, {
-				timeFormat,
-				onSlashMenuSearch,
-				onFilePaste,
-				onFileSaveError
-			}),
-			/* @__PURE__ */ jsx(LinkMenu, {
-				onLinkClick,
-				onLinkCopy,
-				resolveLinkPreview,
-				readOnly
-			}, String(readOnly)),
-			onTagSearch && /* @__PURE__ */ jsx(TagMenu, { onTagSearch }),
-			onWikilinkSearch && /* @__PURE__ */ jsx(WikilinkMenu, { onWikilinkSearch }),
-			onSelectionMenuSearch && !readOnly && /* @__PURE__ */ jsx(SelectionMenu, {
-				onSelectionMenuSearch,
-				context: selectionMenuContext,
-				onOpen: openSelectionMenu,
-				onClose: closeSelectionMenu,
-				affordance: selectionMenuAffordance
-			}),
-			!readOnly && /* @__PURE__ */ jsx(PendingReplacementPreview, {
-				actions: pendingReplacementActions,
-				onResolve: onPendingReplacementResolve
-			}),
-			children
-		]
+	return /* @__PURE__ */ jsx(CollisionBoundaryContext, {
+		value: collisionBoundary,
+		children: /* @__PURE__ */ jsxs(ProseKit, {
+			editor,
+			children: [
+				/* @__PURE__ */ jsx(VirtualCaret, {}),
+				/* @__PURE__ */ jsx("div", { ref: mount }),
+				/* @__PURE__ */ jsx(EditorExtensions, {
+					config,
+					searchQuery,
+					onDocChange: handleDocChange,
+					onSearchChange
+				}),
+				blockHandle && !readOnly && /* @__PURE__ */ jsx(BlockHandle, {}),
+				!readOnly && /* @__PURE__ */ jsx(TableHandle, {}),
+				blockHandle && !readOnly && /* @__PURE__ */ jsx(DropIndicator$1, {}),
+				/* @__PURE__ */ jsx(SlashMenu, {
+					timeFormat,
+					onSlashMenuSearch,
+					onFilePaste,
+					onFileSaveError
+				}),
+				/* @__PURE__ */ jsx(LinkMenu, {
+					onLinkClick,
+					onLinkCopy,
+					resolveLinkPreview,
+					readOnly
+				}, String(readOnly)),
+				onTagSearch && /* @__PURE__ */ jsx(TagMenu, { onTagSearch }),
+				onWikilinkSearch && /* @__PURE__ */ jsx(WikilinkMenu, { onWikilinkSearch }),
+				onSelectionMenuSearch && !readOnly && /* @__PURE__ */ jsx(SelectionMenu, {
+					onSelectionMenuSearch,
+					context: selectionMenuContext,
+					onOpen: openSelectionMenu,
+					onClose: closeSelectionMenu,
+					affordance: selectionMenuAffordance
+				}),
+				!readOnly && /* @__PURE__ */ jsx(PendingReplacementPreview, {
+					actions: pendingReplacementActions,
+					onResolve: onPendingReplacementResolve
+				}),
+				children
+			]
+		})
 	});
 }
 
@@ -2162,7 +2215,7 @@ const CARET_GLIDE_OFF = { "--meowdown-caret-glide": "0ms" };
 *
 * Callbacks and resolvers should be stable; pass them via `useCallback`.
 */
-function MarkdownEditor({ mode = "focus", initialMarkdown, singleParagraph, referenceDefinitions, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, onXPostMediaClick, onYouTubeVideoClick, embedPaste = true, linkPaste = true, bulletAfterHeading = false, backspaceDeletesEmptyFirstBlock = false, substitution = true, frontmatter = false, blockHandle = true, caretGlide = true, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }) {
+function MarkdownEditor({ mode = "focus", initialMarkdown, singleParagraph, referenceDefinitions, onDocChange, onSlashMenuSearch, onTagSearch, onWikilinkSearch, onSelectionMenuSearch, selectionMenuAffordance = true, collisionBoundary, pendingReplacementActions, onPendingReplacementResolve, onWikilinkClick, onLinkClick, onLinkCopy, resolveLinkPreview, onTagClick, onExitBoundary, resolveImageUrl, resolveFileLink, resolveWikiEmbed, resolveWikilink, resolveFileInfo, resolveXPost, mediaUrlProtocols, resolveYouTubeVideo, onFileClick, onFilePaste, onFileSaveError, onImageClick, onXPostMediaClick, onYouTubeVideoClick, embedPaste = true, linkPaste = true, bulletAfterHeading = false, backspaceDeletesEmptyFirstBlock = false, substitution = true, frontmatter = false, blockHandle = true, caretGlide = true, placeholder, readOnly, spellCheck, searchQuery, onSearchChange, timeFormat, editorClassName, wrapperClassName, CodeBlockView, handleRef, children }) {
 	const childRef = useRef(null);
 	useImperativeHandle(handleRef, () => {
 		function getMarkdown() {
@@ -2275,6 +2328,7 @@ function MarkdownEditor({ mode = "focus", initialMarkdown, singleParagraph, refe
 			onWikilinkSearch,
 			onSelectionMenuSearch,
 			selectionMenuAffordance,
+			collisionBoundary,
 			pendingReplacementActions,
 			onPendingReplacementResolve,
 			onWikilinkClick,

package/dist/style.css

@@ -2,6 +2,16 @@
   position: relative;
 }
 
+.meow_Root_D3j_9q[data-selected] {
+  outline: 1px solid var(--meowdown-node-outline);
+  background: var(--meowdown-node-selection);
+  border-radius: .6rem;
+}
+
+.prosekit-dragging .meow_Root_D3j_9q[data-selected] {
+  background: none;
+}
+
 .meow_Root_D3j_9q[data-preview] pre, .meow_Root_D3j_9q[data-preview] .meow_Toolbar_D3j_9q {
   display: none;
 }
@@ -736,11 +746,12 @@
 
 .meow_Popup_2_4Zjq {
   box-sizing: border-box;
+  width: 100%;
+  max-height: var(--available-height);
   border: 1px solid var(--meowdown-border);
   background: var(--meowdown-popover-bg);
   border-radius: .75rem;
   flex-direction: column;
-  width: 100%;
   padding: .25rem;
   font-size: .875rem;
   display: flex;
@@ -755,6 +766,7 @@
   border: 1px solid var(--meowdown-border);
   background: none;
   border-radius: .5rem;
+  flex: none;
   margin-bottom: .25rem;
   padding: .375rem .5rem;
 
@@ -766,6 +778,8 @@
 
 .meow_List_2_4Zjq {
   flex-direction: column;
+  flex: auto;
+  min-height: 6rem;
   max-height: 16rem;
   display: flex;
   overflow-y: auto;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/react",
   "type": "module",
-  "version": "0.80.2",
+  "version": "0.81.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
   ],
   "dependencies": {
     "@base-ui/react": "^1.9.0",
-    "@meowdown/core": "0.81.1",
+    "@meowdown/core": "0.81.2",
     "@meowdown/embed": "0.3.1",
     "@meowdown/markdown": "0.77.0",
     "@ocavue/utils": "^1.9.0",