@meowdown/core 0.71.1 → 0.72.0

package/dist/index.d.ts

@@ -6,7 +6,6 @@ import { SearchStatus, SearchStatusHandler, defineSearchStatusHandler, getSearch
 import { EditorView } from "@prosekit/pm/view";
 import { EditorNode, Mark, ProseMirrorNode } from "@prosekit/pm/model";
 import { ListAttrs } from "@prosekit/extensions/list";
-import { parseXPostId } from "@post-embed/schema";
 import { HorizontalRuleExtension } from "@prosekit/extensions/horizontal-rule";
 import { Resolver } from "@post-embed/elements/x";
 import { render } from "katex";
@@ -781,11 +780,6 @@ export declare function defineFollowLinkHandler(getHandlers?: (state: EditorStat
 //#region src/extensions/post-embed.d.ts
 type XPostResolver = Resolver<XPost>;
 type YouTubeVideoResolver = Resolver<YouTubeVideo>;
-type PostEmbedKind = 'x-post' | 'youtube-video';
-/**
- * The post-embed card an image `src` renders as, or `undefined` for a plain image.
- */
-export declare function matchPostEmbed(src: string): PostEmbedKind | undefined;
 export declare const defaultResolveXPost: XPostResolver;
 export declare const defaultResolveYouTubeVideo: YouTubeVideoResolver;
 /**
@@ -1447,7 +1441,7 @@ interface LinkHoverOptions {
 }
 /**
  * Track the link under the user's attention: a mouse hover after a short
- * dwell, or a touch tap immediately, since touch has no hover. Without the
+ * delay, or a touch tap immediately, since touch has no hover. Without the
  * tap entry, the popup's preview and actions would stay unreachable on
  * phones, where a tap on a link only places the caret and raises the
  * software keyboard.
@@ -1564,13 +1558,16 @@ interface WikilinkHoverHit extends WikilinkHit {
  */
 type WikilinkHoverHandler = (hit: WikilinkHoverHit | undefined) => void;
 /**
- * Track the wikilink under the pointer without attaching per-link listeners.
+ * Track the wikilink the pointer rests on without attaching per-link
+ * listeners.
  *
- * The handler is revalidated after document transactions and receives leave
- * when the hovered link is deleted, replaced, or changes target. Moving among
- * descendants of one label is de-duplicated.
+ * A cold pointer must rest on a link for `openDelay` ms before enter fires.
+ * Moving to an adjacent link restarts the delay, or switches at once when a
+ * link is already entered. Leave fires `closeDelay` ms after the pointer
+ * leaves, and immediately when the hovered link is deleted, replaced, or
+ * changes target. Moving among descendants of one label is de-duplicated.
  */
-export declare function defineWikilinkHoverHandler(onHoverChange: WikilinkHoverHandler): PlainExtension;
+export declare function defineWikilinkHoverHandler(onHoverChange: WikilinkHoverHandler, openDelay?: number, closeDelay?: number): PlainExtension;
 //#endregion
 //#region src/extensions/wikilink-trigger.d.ts
 /**
@@ -1642,4 +1639,4 @@ export declare function getSelectedText(state: EditorState): string;
  */
 export declare function getVirtualElementFromRange(view: EditorView, range: PositionRange): VirtualElement;
 //#endregion
-export { type AcceptPendingReplacementOptions, type CheckRoundTripOptions, type CodeBlockAttrs, type CodeBlockFenceStyle, type CodeToken, type DocToMarkdownOptions, type EditorConfig, type EditorExtension, type EditorExtensionOptions, type ExitBoundaryHandler, type ExitBoundaryOptions, type FileClickHandler, type FileClickPayload, type FileInfo, type FileInfoResolver, type FileLinkOptions, type FileLinkPayload, type FileLinkResolver, type FilePasteHandler, type FilePasteOptions, type FileSaveErrorHandler, type FileViewOptions, type FollowLinkHandlers, type ImageClickHandler, type ImageClickPayload, type ImageOptions, type InlineMarkContext, type InlineMarkOptions, type KaTeXRender, type LanguageItem, type LinkAttrs, type LinkClickHandler, type LinkClickPayload, type LinkCopyHandler, type LinkCopyPayload, type LinkEditHandler, type LinkEditOptions, type LinkHoverHandler, type LinkHoverOptions, type LinkPreview, type LinkPreviewResolver, type LinkUnit, type ListMarker, type MarkChunk, type MarkMode, type MarkName, type MarkdownToDocOptions, type MdFileAttrs, type MdImageAttrs, type MdLinkTextAttrs, type MdMathAttrs, type MdWikilinkAttrs, type MeowdownCodeBlockAttrs, type MeowdownHTMLCommentAttrs, type MeowdownListAttrs, type MeowdownTableCellAttrs, type NodeName, type ParsedWikiEmbed, type PendingReplacement, type PendingReplacementEvent, type PendingReplacementHandler, type PendingReplacementMode, type PendingReplacementOutcome, type PlaceholderOptions, type PositionRange, type PostEmbedKind, type PostEmbedSnapshot, Priority, type ReferenceDefinition, type ReferenceDefinitionIndex, type ReferenceDefinitions, type RoundTripFidelity, type SearchStatus, type SearchStatusHandler, type StartPendingReplacementOptions, type TableColumnAlign, type TagClickHandler, type TagClickPayload, type TypedEditor, type TypedMarkBuilders, type VirtualElement, type WikiEmbedOptions, type WikiEmbedResolution, type WikiEmbedResolver, type WikilinkClickHandler, type WikilinkClickPayload, type WikilinkHoverHandler, type WikilinkHoverHit, type WikilinkOptions, type WikilinkPayload, type WikilinkResolution, type WikilinkResolver, type XPostResolver, type YouTubeVideoResolver, defineCodeBlockPreviewPlugin, definePlaceholder, defineSearchStatusHandler, getSearchStatus, isCodeBlockPreviewHiddenDecoration, parseXPostId, withPriority };
+export { type AcceptPendingReplacementOptions, type CheckRoundTripOptions, type CodeBlockAttrs, type CodeBlockFenceStyle, type CodeToken, type DocToMarkdownOptions, type EditorConfig, type EditorExtension, type EditorExtensionOptions, type ExitBoundaryHandler, type ExitBoundaryOptions, type FileClickHandler, type FileClickPayload, type FileInfo, type FileInfoResolver, type FileLinkOptions, type FileLinkPayload, type FileLinkResolver, type FilePasteHandler, type FilePasteOptions, type FileSaveErrorHandler, type FileViewOptions, type FollowLinkHandlers, type ImageClickHandler, type ImageClickPayload, type ImageOptions, type InlineMarkContext, type InlineMarkOptions, type KaTeXRender, type LanguageItem, type LinkAttrs, type LinkClickHandler, type LinkClickPayload, type LinkCopyHandler, type LinkCopyPayload, type LinkEditHandler, type LinkEditOptions, type LinkHoverHandler, type LinkHoverOptions, type LinkPreview, type LinkPreviewResolver, type LinkUnit, type ListMarker, type MarkChunk, type MarkMode, type MarkName, type MarkdownToDocOptions, type MdFileAttrs, type MdImageAttrs, type MdLinkTextAttrs, type MdMathAttrs, type MdWikilinkAttrs, type MeowdownCodeBlockAttrs, type MeowdownHTMLCommentAttrs, type MeowdownListAttrs, type MeowdownTableCellAttrs, type NodeName, type ParsedWikiEmbed, type PendingReplacement, type PendingReplacementEvent, type PendingReplacementHandler, type PendingReplacementMode, type PendingReplacementOutcome, type PlaceholderOptions, type PositionRange, type PostEmbedSnapshot, Priority, type ReferenceDefinition, type ReferenceDefinitionIndex, type ReferenceDefinitions, type RoundTripFidelity, type SearchStatus, type SearchStatusHandler, type StartPendingReplacementOptions, type TableColumnAlign, type TagClickHandler, type TagClickPayload, type TypedEditor, type TypedMarkBuilders, type VirtualElement, type WikiEmbedOptions, type WikiEmbedResolution, type WikiEmbedResolver, type WikilinkClickHandler, type WikilinkClickPayload, type WikilinkHoverHandler, type WikilinkHoverHit, type WikilinkOptions, type WikilinkPayload, type WikilinkResolution, type WikilinkResolver, type XPostResolver, type YouTubeVideoResolver, defineCodeBlockPreviewPlugin, definePlaceholder, defineSearchStatusHandler, getSearchStatus, isCodeBlockPreviewHiddenDecoration, withPriority };

package/dist/index.js

@@ -3,7 +3,7 @@ import { defineCodeBlock, defineCodeBlockHighlight, defineCodeBlockPreviewPlugin
 import { definePlaceholder, definePlaceholder as definePlaceholder$1 } from "@prosekit/extensions/placeholder";
 import { NodeSelection, Plugin, PluginKey, Selection, TextSelection } from "@prosekit/pm/state";
 import { defineSearchCommands, defineSearchQuery, defineSearchStatusHandler, getSearchStatus, getSearchStatus as getSearchStatus$1 } from "@prosekit/extensions/search";
-import { LEZER_NODE_IDS, collectInlineElements, getAutolinkHref, gfmBlockOnlyParser, gfmParser, isSpaceChar, parseInline } from "@meowdown/markdown";
+import { LEZER_NODE_IDS, collectInlineElements, getAutolinkHref, gfmBlockOnlyParser, gfmParser, isSpaceChar, matchEmbed, parseInline, parseXPostId } from "@meowdown/markdown";
 import { isElementLike, isHTMLElement, isObject, once } from "@ocavue/utils";
 import { defineBlockquote } from "@prosekit/extensions/blockquote";
 import { defineDoc } from "@prosekit/extensions/doc";
@@ -33,14 +33,14 @@ import { triggerAutocomplete } from "@prosekit/extensions/autocomplete";
 import { defineListCommands, defineListDropIndicator, defineListKeymap, defineListSpec, moveList, toggleList, unwrapList, wrapInList } from "@prosekit/extensions/list";
 import { chainCommands, lift, newlineInCode, splitBlock } from "@prosekit/pm/commands";
 import { closeHistory } from "@prosekit/pm/history";
-import { fromSyndication } from "@post-embed/exporter/x/syndication";
-import { XPostSchema, YouTubeVideoSchema, parseXPostId } from "@post-embed/schema";
-import { createLRU } from "lru.min";
-import * as v from "valibot";
 import { defineHorizontalRule } from "@prosekit/extensions/horizontal-rule";
 import { registerXPost } from "@post-embed/elements/x";
 import { registerYouTubeVideo } from "@post-embed/elements/youtube";
 import { registerResizableHandleElement, registerResizableRootElement } from "@prosekit/web/resizable";
+import { fromSyndication } from "@post-embed/exporter/x/syndication";
+import { XPostSchema, YouTubeVideoSchema } from "@post-embed/schema";
+import { createLRU } from "lru.min";
+import * as v from "valibot";
 import { AttrStep, ReplaceStep, Step, StepResult, Transform } from "@prosekit/pm/transform";
 import { decodeString } from "micromark-util-decode-string";
 import { normalizeIdentifier } from "micromark-util-normalize-identifier";
@@ -2478,99 +2478,13 @@ function getPastedText(event, slice) {
 	return slice.content.textBetween(0, slice.content.size, "\n");
 }
 
-//#endregion
-//#region src/extensions/post-embed.ts
-const YOUTUBE_HOSTS = /^(?:www\.|m\.)?(?:youtube\.com|youtube-nocookie\.com)$/i;
-const YOUTU_BE_HOST = /^(?:www\.)?youtu\.be$/i;
-const VIDEO_ID = /^[\w-]{11}$/;
-function parseURL(src) {
-	try {
-		return new URL(src);
-	} catch {
-		return;
-	}
-}
-function isYouTubeVideo(src) {
-	const url = parseURL(src);
-	if (!url) return false;
-	let videoId = null;
-	if (YOUTU_BE_HOST.test(url.hostname)) videoId = url.pathname.slice(1);
-	else if (YOUTUBE_HOSTS.test(url.hostname)) {
-		const [, firstSegment, secondSegment] = url.pathname.split("/");
-		if (url.pathname === "/watch") videoId = url.searchParams.get("v");
-		else if (firstSegment === "shorts" || firstSegment === "embed" || firstSegment === "live") videoId = secondSegment ?? null;
-	}
-	return videoId !== null && VIDEO_ID.test(videoId);
-}
-/**
-* The post-embed card an image `src` renders as, or `undefined` for a plain image.
-*/
-function matchPostEmbed(src) {
-	if (parseXPostId(src) !== void 0) return "x-post";
-	if (isYouTubeVideo(src)) return "youtube-video";
-}
-/**
-* Wrap a loader in a 64-entry LRU keyed by URL. A settled URL answers
-* synchronously, so a revisited document renders its cards in the first
-* frame; the first visit returns the in-flight load.
-*/
-function cached(load) {
-	const cache = createLRU({ max: 64 });
-	return (url) => {
-		if (cache.has(url)) return cache.get(url);
-		const pending = load(url).then((value) => {
-			cache.set(url, value);
-			return value;
-		}, (error) => {
-			cache.delete(url);
-			throw error;
-		});
-		cache.set(url, pending);
-		return pending;
-	};
-}
-const X_POST_API = "https://react-tweet.vercel.app/api/tweet/";
-const defaultResolveXPost = cached(async (url) => {
-	const id = parseXPostId(url);
-	if (id === void 0) return;
-	const response = await fetch(X_POST_API + id);
-	if (!response.ok) return;
-	const json = await response.json();
-	return fromSyndication(json.data);
-});
-const YOUTUBE_OEMBED_API = "https://www.youtube.com/oembed?format=json&url=";
-const defaultResolveYouTubeVideo = cached(async (url) => {
-	const response = await fetch(YOUTUBE_OEMBED_API + encodeURIComponent(url));
-	if (!response.ok) return;
-	return {
-		url,
-		...await response.json()
-	};
-});
-const PostEmbedSnapshotSchema = v.variant("kind", [v.object({
-	kind: v.literal("x-post"),
-	data: XPostSchema
-}), v.object({
-	kind: v.literal("youtube-video"),
-	data: YouTubeVideoSchema
-})]);
-/**
-* The snapshot a card renders from a saved JSON object, or `undefined` when
-* the object does not validate. Unknown fields are dropped, so a persisted
-* snapshot is exactly what the card needs.
-*/
-function parsePostEmbedSnapshot(value) {
-	const result = v.safeParse(PostEmbedSnapshotSchema, value);
-	return result.success ? result.output : void 0;
-}
-
 //#endregion
 //#region src/extensions/embed-paste.ts
 const embedPasteKey = new PluginKey("meowdown-embed-paste");
 function detectEmbedUrl(text) {
 	const trimmed = text.trim();
 	if (!trimmed || /\s/.test(trimmed)) return void 0;
-	return matchPostEmbed(trimmed) ? trimmed : void 0;
+	return matchEmbed(trimmed) ? trimmed : void 0;
 }
 function insertEmbedFromPaste(view, url) {
 	const { from, to } = view.state.selection;
@@ -3663,6 +3577,63 @@ function stripMagicComment(source) {
 	return source.replace(TRAILING_MAGIC_COMMENT_RE, "");
 }
 
+//#endregion
+//#region src/extensions/post-embed.ts
+/**
+* Wrap a loader in a 64-entry LRU keyed by URL. A settled URL answers
+* synchronously, so a revisited document renders its cards in the first
+* frame; the first visit returns the in-flight load.
+*/
+function cached(load) {
+	const cache = createLRU({ max: 64 });
+	return (url) => {
+		if (cache.has(url)) return cache.get(url);
+		const pending = load(url).then((value) => {
+			cache.set(url, value);
+			return value;
+		}, (error) => {
+			cache.delete(url);
+			throw error;
+		});
+		cache.set(url, pending);
+		return pending;
+	};
+}
+const X_POST_API = "https://react-tweet.vercel.app/api/tweet/";
+const defaultResolveXPost = cached(async (url) => {
+	const id = parseXPostId(url);
+	if (id === void 0) return;
+	const response = await fetch(X_POST_API + id);
+	if (!response.ok) return;
+	const json = await response.json();
+	return fromSyndication(json.data);
+});
+const YOUTUBE_OEMBED_API = "https://www.youtube.com/oembed?format=json&url=";
+const defaultResolveYouTubeVideo = cached(async (url) => {
+	const response = await fetch(YOUTUBE_OEMBED_API + encodeURIComponent(url));
+	if (!response.ok) return;
+	return {
+		url,
+		...await response.json()
+	};
+});
+const PostEmbedSnapshotSchema = v.variant("kind", [v.object({
+	kind: v.literal("x-post"),
+	data: XPostSchema
+}), v.object({
+	kind: v.literal("youtube-video"),
+	data: YouTubeVideoSchema
+})]);
+/**
+* The snapshot a card renders from a saved JSON object, or `undefined` when
+* the object does not validate. Unknown fields are dropped, so a persisted
+* snapshot is exactly what the card needs.
+*/
+function parsePostEmbedSnapshot(value) {
+	const result = v.safeParse(PostEmbedSnapshotSchema, value);
+	return result.success ? result.output : void 0;
+}
+
 //#endregion
 //#region src/extensions/wiki-embed.ts
 const WIKI_EMBED_SIZE = /^(\d+)(?:x(\d+))?$/i;
@@ -3906,7 +3877,7 @@ var ImageMarkView = class {
 		const { src } = this.#attrs;
 		const wrapper = document.createElement("span");
 		wrapper.className = "md-image-view-preview md-atom-view-preview";
-		const kind = matchPostEmbed(src);
+		const kind = matchEmbed(src);
 		if (kind) {
 			wrapper.dataset.testid = `${kind}-embed`;
 			wrapper.dataset.postEmbed = kind;
@@ -8550,17 +8521,17 @@ function defineMarkHoverHandler(config) {
 //#region src/extensions/link-hover.ts
 const linkHoverKey = new PluginKey("meowdown-link-hover");
 /**
-* Dwell before a cold hover enters, in ms.
+* Delay before a cold hover enters, in ms.
 */
-const OPEN_DELAY = 300;
+const OPEN_DELAY$1 = 300;
 /**
 * Grace before a leave fires, in ms. The window lets a pointer travel from
 * the hovered link onto the popup it anchors.
 */
-const CLOSE_DELAY = 100;
+const CLOSE_DELAY$1 = 100;
 /**
 * Track the link under the user's attention: a mouse hover after a short
-* dwell, or a touch tap immediately, since touch has no hover. Without the
+* delay, or a touch tap immediately, since touch has no hover. Without the
 * tap entry, the popup's preview and actions would stay unreachable on
 * phones, where a tap on a link only places the caret and raises the
 * software keyboard.
@@ -8569,8 +8540,8 @@ function defineLinkHoverHandler(onHoverChange, { canLeave } = {}) {
 	return defineMarkHoverHandler({
 		key: linkHoverKey,
 		selector: ".md-link",
-		openDelay: OPEN_DELAY,
-		closeDelay: CLOSE_DELAY,
+		openDelay: OPEN_DELAY$1,
+		closeDelay: CLOSE_DELAY$1,
 		tap: true,
 		canLeave,
 		findPayloadAt: (state, pos) => {
@@ -8821,18 +8792,30 @@ function defineVirtualCaret(layer) {
 //#region src/extensions/wikilink-hover.ts
 const wikilinkHoverKey = new PluginKey("meowdown-wikilink-hover");
 /**
-* Track the wikilink under the pointer without attaching per-link listeners.
+* Delay before a cold hover enters, in ms.
+*/
+const OPEN_DELAY = 300;
+/**
+* Grace before a leave fires, in ms. Returning within it re-enters without
+* a new delay.
+*/
+const CLOSE_DELAY = 100;
+/**
+* Track the wikilink the pointer rests on without attaching per-link
+* listeners.
 *
-* The handler is revalidated after document transactions and receives leave
-* when the hovered link is deleted, replaced, or changes target. Moving among
-* descendants of one label is de-duplicated.
+* A cold pointer must rest on a link for `openDelay` ms before enter fires.
+* Moving to an adjacent link restarts the delay, or switches at once when a
+* link is already entered. Leave fires `closeDelay` ms after the pointer
+* leaves, and immediately when the hovered link is deleted, replaced, or
+* changes target. Moving among descendants of one label is de-duplicated.
 */
-function defineWikilinkHoverHandler(onHoverChange) {
+function defineWikilinkHoverHandler(onHoverChange, openDelay = OPEN_DELAY, closeDelay = CLOSE_DELAY) {
 	return defineMarkHoverHandler({
 		key: wikilinkHoverKey,
 		selector: ".md-wikilink-view-preview",
-		openDelay: 0,
-		closeDelay: 0,
+		openDelay,
+		closeDelay,
 		tap: false,
 		findPayloadAt: findWikilinkAt,
 		findPayloadForElement: findWikilinkForElement,
@@ -8937,4 +8920,4 @@ function getVirtualElementFromRange(view, range) {
 }
 
 //#endregion
-export { EDITOR_KEY_BINDINGS, Priority, buildFileMarkdown, checkRoundTrip, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineCodeBlockSyntaxHighlight, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLComment, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkCommands, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, defineMath, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSearchStatusHandler, defineSubstitution, defineTagClickHandler, defineViewAttributes, defineVirtualCaret, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, formatSizedWikiEmbed, getCodeTokens, getEditorConfig, getFileKind, getIsComposing, getLinkText, getLinkUnitAt, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunks, inlineTextToMarkChunksWithContext, insertLink, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isMarkOfType, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, matchPostEmbed, normalizeHref, parsePostEmbedSnapshot, parseWikiEmbed, parseXPostId, removeLink, renderMathInto, updateEditorConfig, updateLink, wikiEmbedBasename, withPriority };
+export { EDITOR_KEY_BINDINGS, Priority, buildFileMarkdown, checkRoundTrip, codeBlockLanguages, collectReferenceDefinitions, defaultResolveImageUrl, defaultResolveXPost, defaultResolveYouTubeVideo, defineBulletAfterHeading, defineCodeBlockPreviewPlugin, defineCodeBlockSyntaxHighlight, defineEditorExtension, defineEmbedPaste, defineExitBoundaryHandler, defineFileClickHandler, defineFilePaste, defineFileView, defineFollowLinkHandler, defineHTMLComment, defineImage, defineImageClickHandler, defineLinkClickHandler, defineLinkCommands, defineLinkEditKeymap, defineLinkHoverHandler, defineLinkPaste, defineMath, definePendingReplacementHandler, definePlaceholder, defineReadonly, defineSearchStatusHandler, defineSubstitution, defineTagClickHandler, defineViewAttributes, defineVirtualCaret, defineWikilinkClickHandler, defineWikilinkHoverHandler, defineWikilinkTrigger, docToMarkdown, formatFileSize, formatSizedWikiEmbed, getCodeTokens, getEditorConfig, getFileKind, getIsComposing, getLinkText, getLinkUnitAt, getMarkBuilders, getPendingReplacement, getSearchStatus, getSelectedText, getTableColumnAlign, getTextblockDisplayText, getVirtualElementFromRange, inlineTextToMarkChunks, inlineTextToMarkChunksWithContext, insertLink, isCodeBlockPreviewHiddenDecoration, isLinkTextForHref, isMarkOfType, isModEvent, isNodeOfType, isReferenceDefinitionNode, isSelectionInTableCell, loadKaTeX, markdownToDoc, normalizeHref, parsePostEmbedSnapshot, parseWikiEmbed, removeLink, renderMathInto, updateEditorConfig, updateLink, wikiEmbedBasename, withPriority };

package/dist/style.css

@@ -183,224 +183,261 @@
     inherits: true
   }
 
-  @layer post-embed {
-    :where([data-post-embed="x-post"]) {
-      --_hairline: var(--post-embed-border-color, color-mix(in srgb, currentColor 15%, transparent));
-      --_muted: var(--post-embed-muted-color, color-mix(in srgb, currentColor 58%, transparent));
-      --_link: var(--post-embed-link-color, #1d9bf0);
-      font: inherit;
-      color: var(--post-embed-color, inherit);
-      text-decoration-skip-ink: none;
-      display: block;
+  [data-post-embed="x-post"] [data-root], [data-post-embed="x-post"] [data-root] *, [data-post-embed="x-post"] [data-root] :before, [data-post-embed="x-post"] [data-root] :after {
+    all: revert;
+    box-sizing: border-box;
+  }
 
-      & :where([data-root]) {
-        background: var(--post-embed-background, transparent);
-        border: 1px solid var(--_hairline);
-        border-radius: var(--post-embed-radius, 1rem);
-        padding: var(--post-embed-padding, 1rem);
-        overflow-wrap: anywhere;
-        line-height: 1.4;
-        position: relative;
-      }
+  [data-post-embed="x-post"] {
+    --_hairline: var(--post-embed-border-color, color-mix(in srgb, currentColor 14%, transparent));
+    --_muted: var(--post-embed-muted-color, color-mix(in srgb, currentColor 55%, transparent));
+    --_link: var(--post-embed-link-color, #1d9bf0);
+    --_tint: color-mix(in srgb, currentColor 5%, transparent);
+    font: inherit;
+    color: var(--post-embed-color, inherit);
+    text-decoration-skip-ink: none;
+    display: block;
+  }
 
-      & :where([hidden]) {
-        display: none !important;
-      }
+  [data-post-embed="x-post"] [data-root] {
+    color: var(--post-embed-color, inherit);
+    background: var(--post-embed-background, transparent);
+    border: 1px solid var(--_hairline);
+    border-radius: var(--post-embed-radius, .75rem);
+    padding: var(--post-embed-padding, 1rem);
+    letter-spacing: normal;
+    text-align: start;
+    text-transform: none;
+    text-indent: 0;
+    text-shadow: none;
+    word-spacing: normal;
+    font-variant: normal;
+    hyphens: manual;
+    white-space: normal;
+    overflow-wrap: anywhere;
+    cursor: auto;
+    font-size: 1em;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.45;
+    display: block;
+    position: relative;
 
-      & :where(a) {
-        color: var(--_link);
-        text-decoration: none;
-      }
+    & [hidden] {
+      display: none !important;
+    }
 
-      & :where(a:hover) {
-        text-underline-offset: .15em;
-        text-decoration: underline;
-      }
+    & p {
+      margin: 0;
+    }
 
-      & :where(a:focus-visible, button:focus-visible) {
-        outline: 2px solid var(--_link);
-        outline-offset: 2px;
-        border-radius: 4px;
-      }
+    & a {
+      color: var(--_link);
+      cursor: pointer;
+      text-decoration: none;
+    }
 
-      & :where([data-author]) {
-        align-items: center;
-        gap: .75rem;
-        display: flex;
-      }
+    & a:hover {
+      text-underline-offset: .15em;
+      text-decoration: underline;
+    }
 
-      & :where([data-avatar]) {
-        object-fit: cover;
-        border-radius: 50%;
-        flex: none;
-        width: 3rem;
-        height: 3rem;
-      }
+    & a:focus-visible {
+      outline: 2px solid var(--_link);
+      outline-offset: 2px;
+      border-radius: 4px;
+    }
 
-      & :where([data-avatar][data-shape="square"]) {
-        border-radius: .5rem;
-      }
+    & [data-author] {
+      align-items: center;
+      gap: .625rem;
+      min-width: 0;
+      display: flex;
+    }
 
-      & :where([data-avatar][data-shape="hexagon"]) {
-        clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
-      }
+    & [data-avatar] {
+      object-fit: cover;
+      background: var(--_tint);
+      border-radius: 50%;
+      flex: none;
+      width: 2.5rem;
+      height: 2.5rem;
+      display: block;
+    }
 
-      & :where([data-author-details]) {
-        min-width: 0;
-        color: var(--_muted);
-        flex: 1;
-        line-height: 1.3;
-      }
+    & [data-avatar][data-shape="square"] {
+      border-radius: .5rem;
+    }
 
-      & :where([data-author-name]) {
-        color: var(--post-embed-color, inherit);
-        flex-wrap: wrap;
-        align-items: center;
-        gap: .25rem;
-        font-weight: 700;
-        display: flex;
-      }
+    & [data-avatar][data-shape="hexagon"] {
+      clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
+    }
 
-      & :where([data-author-details] > bdi > a) {
-        color: inherit;
-      }
+    & [data-author-details] {
+      flex: 1;
+      min-width: 0;
+      line-height: 1.3;
+      display: block;
+    }
 
-      & :where([data-reply-to]) {
-        color: var(--_muted);
-        margin-block-start: .75rem;
-        font-size: .9375em;
-      }
+    & [data-author-name] {
+      flex-wrap: wrap;
+      align-items: center;
+      gap: .25rem;
+      font-weight: 600;
+      display: flex;
+    }
 
-      & :where([data-body]) {
-        margin-block: .75rem 0;
-        font-size: 1.0625em;
-        line-height: 1.45;
-      }
+    & [data-author-details] > bdi {
+      color: var(--_muted);
+    }
 
-      & :where([data-text]) {
-        white-space: pre-wrap;
-      }
+    & [data-author-details] > bdi > a {
+      color: inherit;
+    }
 
-      & :where([data-media]) {
-        border: 1px solid var(--_hairline);
-        border-radius: 1rem;
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-        gap: 2px;
-        margin-block-start: .75rem;
-        display: grid;
-        overflow: hidden;
-      }
+    & [data-reply-to] {
+      color: var(--_muted);
+      margin-block-start: .625rem;
+      font-size: .9375em;
+      display: block;
+    }
 
-      & :where([data-media][data-count="1"]) {
-        grid-template-columns: minmax(0, 1fr);
-      }
+    & [data-body] {
+      margin-block: .625rem 0;
+      font-size: 1em;
+      line-height: 1.5;
+      display: block;
+    }
 
-      & :where([data-media-item]) {
-        min-width: 0;
-        overflow: hidden;
-      }
+    & [data-text] {
+      white-space: pre-wrap;
+    }
 
-      & :where([data-media-item] > a) {
-        height: 100%;
-        display: block;
-      }
+    & [data-media] {
+      background: var(--_hairline);
+      border-radius: .5rem;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 2px;
+      margin-block-start: .75rem;
+      display: grid;
+      overflow: hidden;
+    }
 
-      & :where([data-media-item] img, [data-media-item] video) {
-        object-fit: contain;
-        background: color-mix(in srgb, currentColor 6%, transparent);
-        width: 100%;
-        height: auto;
-        max-height: 36rem;
-        display: block;
-      }
+    & [data-media][data-count="1"] {
+      grid-template-columns: minmax(0, 1fr);
+    }
 
-      & :where([data-media]:not([data-count="1"]) [data-media-item] img) {
-        aspect-ratio: 1;
-        object-fit: cover;
-        height: 100%;
-      }
+    & [data-media-item] {
+      min-width: 0;
+      display: block;
+      overflow: hidden;
+    }
 
-      & :where([data-media][data-count="3"] [data-media-item]:first-child) {
-        grid-row: span 2;
-      }
+    & [data-media-item] > a {
+      height: 100%;
+      display: block;
+    }
 
-      & :where([data-media-unavailable], [data-media-error]) {
-        color: var(--_muted);
-        background: color-mix(in srgb, currentColor 4%, transparent);
-        padding: .75rem 1rem;
-      }
+    & [data-media-item] img, & [data-media-item] video {
+      object-fit: contain;
+      background: var(--_tint);
+      width: 100%;
+      height: auto;
+      max-height: 32rem;
+      display: block;
+    }
 
-      & :where([data-quoted]) {
-        border: 1px solid var(--_hairline);
-        border-radius: 1rem;
-        margin-block-start: .75rem;
-        padding: .75rem;
-      }
+    & [data-media]:not([data-count="1"]) [data-media-item] img {
+      aspect-ratio: 1;
+      object-fit: cover;
+      height: 100%;
+    }
 
-      & :where([data-quoted] [data-author]) {
-        gap: .5rem;
-      }
+    & [data-media][data-count="3"] [data-media-item]:first-child {
+      grid-row: span 2;
+    }
 
-      & :where([data-quoted] [data-avatar]) {
-        width: 1.5rem;
-        height: 1.5rem;
-      }
+    & [data-media-unavailable], & [data-media-error] {
+      color: var(--_muted);
+      background: var(--_tint);
+      padding: .75rem 1rem;
+      display: block;
+    }
 
-      & :where([data-quoted] [data-author-details]) {
-        flex-wrap: wrap;
-        align-items: baseline;
-        gap: 0 .35rem;
-        display: flex;
-      }
+    & [data-quoted] {
+      border: 1px solid var(--_hairline);
+      border-radius: .5rem;
+      margin-block-start: .75rem;
+      padding: .75rem;
+      display: block;
+    }
 
-      & :where([data-quoted] [data-body]) {
-        margin-block-start: .375rem;
-        font-size: 1em;
-      }
+    & [data-quoted] [data-author] {
+      gap: .5rem;
+    }
 
-      & :where([data-quoted] [data-media]) {
-        border-radius: .75rem;
-      }
+    & [data-quoted] [data-avatar] {
+      width: 1.375rem;
+      height: 1.375rem;
+    }
 
-      & :where([data-quoted] [data-footer]) {
-        margin-block-start: .5rem;
-        font-size: .875em;
-      }
+    & [data-quoted] [data-author-details] {
+      flex-wrap: wrap;
+      align-items: baseline;
+      gap: 0 .35rem;
+      display: flex;
+    }
 
-      & :where([data-footer]) {
-        color: var(--_muted);
-        flex-wrap: wrap;
-        align-items: center;
-        gap: .25rem 0;
-        margin-block-start: .75rem;
-        font-size: .9375em;
-        display: flex;
-      }
+    & [data-quoted] [data-body] {
+      margin-block-start: .375rem;
+      font-size: .9375em;
+    }
 
-      & :where([data-footer] > a) {
-        color: inherit;
-      }
+    & [data-quoted] [data-media] {
+      border-radius: .375rem;
+    }
 
-      & :where([data-footer] > [data-edited]):before {
-        content: "";
-        vertical-align: middle;
-        background: currentColor;
-        border-radius: 50%;
-        width: 3px;
-        height: 3px;
-        margin-inline: .45rem;
-        display: inline-block;
-      }
+    & [data-quoted] [data-footer] {
+      margin-block-start: .5rem;
+      font-size: .8125em;
+    }
 
-      & :where([data-edited]) {
-        font-style: normal;
-      }
+    & [data-footer] {
+      color: var(--_muted);
+      flex-wrap: wrap;
+      align-items: center;
+      gap: .25rem 0;
+      margin-block-start: .625rem;
+      font-size: .875em;
+      display: flex;
+    }
 
-      & :where([data-fallback] [data-body]) {
-        color: var(--_muted);
-      }
+    & [data-footer] > a {
+      color: inherit;
+    }
+
+    & [data-footer] > [data-edited]:before {
+      content: "";
+      vertical-align: middle;
+      background: currentColor;
+      border-radius: 50%;
+      width: 3px;
+      height: 3px;
+      margin-inline: .45rem;
+      display: inline-block;
+    }
+
+    & [data-edited] {
+      font-style: normal;
     }
 
+    & [data-fallback] [data-body] {
+      color: var(--_muted);
+    }
+  }
+
+  @layer post-embed {
     :where([data-post-embed="youtube-video"]) {
       --_hairline: var(--post-embed-border-color, color-mix(in srgb, currentColor 15%, transparent));
       --_muted: var(--post-embed-muted-color, color-mix(in srgb, currentColor 58%, transparent));
@@ -1209,7 +1246,8 @@
     }
 
     & .md-image-view-preview[data-post-embed] {
-      border-radius: var(--post-embed-radius, 1rem);
+      border-radius: var(--post-embed-radius, .75rem);
+      overflow: visible;
     }
 
     & .md-image-resizable {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/core",
   "type": "module",
-  "version": "0.71.1",
+  "version": "0.72.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "@floating-ui/dom": "^1.8.0",
     "@lezer/highlight": "^1.2.3",
     "@ocavue/utils": "^1.8.0",
-    "@post-embed/elements": "^0.4.1",
+    "@post-embed/elements": "^0.5.0",
     "@post-embed/exporter": "^0.4.1",
     "@post-embed/schema": "^0.5.0",
     "@post-embed/types": "^0.4.0",
@@ -35,7 +35,7 @@
     "@prosekit/pm": "^0.1.19",
     "@prosekit/web": "^0.9.2",
     "hast-util-to-mdast": "^10.1.2",
-    "katex": "^0.18.5",
+    "katex": "^0.18.7",
     "lru.min": "^1.1.5",
     "mdast-util-to-markdown": "^2.1.2",
     "micromark-util-decode-string": "^2.0.1",
@@ -49,19 +49,19 @@
     "unicode-by-name": "^0.2.0",
     "unified": "^11.0.5",
     "valibot": "^1.5.0",
-    "@meowdown/markdown": "^0.71.1"
+    "@meowdown/markdown": "^0.72.0"
   },
   "devDependencies": {
     "@ocavue/tsconfig": "^0.7.1",
-    "@tsdown/css": "^0.23.0-rc.1",
+    "@tsdown/css": "^0.23.0",
     "@types/hast": "^3.0.5",
     "@types/mdast": "^4.0.4",
-    "@vitest/browser-playwright": "^5.0.0",
+    "@vitest/browser-playwright": "^5.0.1",
     "commonmark.json": "^0.31.0",
     "dedent": "^1.7.2",
     "diffable-html-snapshot": "^0.3.0",
-    "tsdown": "^0.23.0-rc.1",
-    "vitest": "^5.0.0",
+    "tsdown": "^0.23.0",
+    "vitest": "^5.0.1",
     "vitest-browser-commands": "^0.4.1",
     "@meowdown/vitest": "0.0.0"
   },