@haklex/rich-compose 0.5.0 → 0.6.0

package/README.md

@@ -2,11 +2,9 @@
 
 Compose primitives for haklex rich content renderers — Gundam-style assembly of Lexical nodes, sync/lazy renderers, and Provider stacks.
 
-Status: experimental (`0.1.0`). The renderer side is being migrated from `@haklex/rich-kit-shiro/renderer`. The editor side is out of scope.
-
 ## Why
 
-`@haklex/rich-kit-shiro/renderer` ships every default renderer eagerly: even when a consumer overrides `CodeBlock` or `LinkCard`, the upstream `shiki` and `LinkCardRenderer` chains stay in the production bundle. `rich-compose` solves three problems at once:
+The legacy `@haklex/rich-kit-shiro/renderer` (now removed) shipped every default renderer eagerly: even when a consumer overrode `CodeBlock` or `LinkCard`, the upstream `shiki` and `LinkCardRenderer` chains stayed in the production bundle. `rich-compose` solves three problems at once:
 
 1. **Subtractable** — drop a module by not importing it.
 2. **Replaceable** — swap a default renderer with no leftover bytes from the original.
@@ -22,12 +20,11 @@ pnpm add @haklex/rich-compose
 
 ## Peer Dependencies
 
-| Package                        | Version   |
-| ------------------------------ | --------- |
-| `react` / `react-dom`          | `>=19`    |
-| `lexical` / `@lexical/react`   | `^0.44.0` |
-| `@haklex/rich-editor`          | workspace |
-| `@haklex/rich-static-renderer` | workspace |
+| Package                      | Version   |
+| ---------------------------- | --------- |
+| `react` / `react-dom`        | `>=19`    |
+| `lexical` / `@lexical/react` | `^0.44.0` |
+| `@haklex/rich-editor`        | workspace |
 
 Per-module upstream packages (`@haklex/rich-ext-*`, `@haklex/rich-renderer-*`) are optional peers — install only those you compose into your renderer.
 

package/dist/core/compose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../src/core/compose.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,aAAa,EAA+C,MAAM,OAAO,CAAC;AAIxF,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,EAAsB,MAAM,SAAS,CAAC;AAkCjG,wBAAgB,eAAe,CAC7B,IAAI,EAAE,sBAAsB,GAC3B,aAAa,CAAC,qBAAqB,CAAC,CA4CtC"}
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../src/core/compose.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,aAAa,EAA+C,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,EAAsB,MAAM,SAAS,CAAC;AAkCjG,wBAAgB,eAAe,CAC7B,IAAI,EAAE,sBAAsB,GAC3B,aAAa,CAAC,qBAAqB,CAAC,CA4CtC"}

package/dist/core/types.d.ts

@@ -1,7 +1,7 @@
 import { RendererConfig, RichEditorVariant } from '@haklex/rich-editor';
-import { BuiltinNodeRenderer } from '@haklex/rich-static-renderer';
 import { Klass, LexicalNode, SerializedEditorState } from 'lexical';
 import { ComponentType, CSSProperties, ReactNode } from 'react';
+import { BuiltinNodeRenderer } from '../static-renderer/types';
 export type RendererKey = keyof RendererConfig;
 export interface RichRendererModule {
     /**

package/dist/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;SACrB,CAAC,IAAI,WAAW,GAAG,MAAM,OAAO,CAAC;YAAE,OAAO,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;SAAE,CAAC;KAC/E,CAAC,CAAC;IAEH,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;IAE7B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAElD,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,sBAAsB;IACrC,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC3D,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACpC,oEAAoE;IACpE,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;SACrB,CAAC,IAAI,WAAW,GAAG,MAAM,OAAO,CAAC;YAAE,OAAO,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;SAAE,CAAC;KAC/E,CAAC,CAAC;IAEH,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;IAE7B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAElD,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,sBAAsB;IACrC,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC3D,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACpC,oEAAoE;IACpE,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export type { ComposeRendererOptions, RendererKey, RichRendererBaseProps, RichRendererModule, } from './core';
 export { composeRenderer, dedupNodes, mergeModules, wrapLazy } from './core';
+export type { BuiltinNodeRenderer, RichRendererProps } from './static-renderer';
+export { RichRenderer } from './static-renderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7E,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.mjs

@@ -1,7 +1,432 @@
 import { NestedContentRendererProvider } from "@haklex/rich-editor";
-import { RichRenderer } from "@haklex/rich-static-renderer";
-import { Fragment, Suspense, lazy, memo, useCallback } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { Fragment, Suspense, cloneElement, createElement, isValidElement, lazy, memo, useCallback, useEffect, useMemo, useRef } from "react";
+import { ColorSchemeProvider, FootnoteDefinitionsProvider, LinkFavicon, NestedContentRendererProvider as NestedContentRendererProvider$1, RendererConfigProvider, RendererWrapper, RubyRenderer, allNodes, detailsClassNames, detailsStyles, editorTheme, getTagBgColor, getVariantClass, gridClassNames, gridStyles, normalizeSerializedEditorState, semanticClassNames, sharedStyles, useOptionalNestedContentRenderer } from "@haklex/rich-editor/static";
+import { PortalThemeProvider } from "@haklex/rich-style-token";
+import { createHeadlessEditor } from "@lexical/headless";
+import { $getRoot } from "lexical";
+import { Link } from "lucide-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/static-renderer/components/HtmlComment.tsx
+function HtmlComment({ text }) {
+	const anchorRef = useRef(null);
+	const commentRef = useRef(null);
+	useEffect(() => {
+		const anchor = anchorRef.current;
+		if (!anchor) return;
+		const parent = anchor.parentNode;
+		if (!parent) return;
+		let comment = commentRef.current;
+		if (!comment || comment.parentNode !== parent) {
+			comment = document.createComment(text);
+			parent.insertBefore(comment, anchor);
+			commentRef.current = comment;
+		} else if (comment.data !== text) comment.data = text;
+		return () => {
+			if (commentRef.current?.parentNode) commentRef.current.parentNode.removeChild(commentRef.current);
+			commentRef.current = null;
+		};
+	}, [text]);
+	return /* @__PURE__ */ jsx("template", {
+		suppressHydrationWarning: true,
+		"data-rich-comment-anchor": "",
+		ref: anchorRef
+	});
+}
+//#endregion
+//#region src/static-renderer/table.css.ts
+var tableWrapper = "icqzyn0";
+var table = "icqzyn1";
+var tableHead = "icqzyn2";
+var tableCell = "icqzyn3";
+//#endregion
+//#region src/static-renderer/engine/renderBuiltinNode.tsx
+var shared$1 = (key) => `${semanticClassNames[key]} ${sharedStyles[key]}`;
+var headingClassNames = {
+	h1: shared$1("headingH1"),
+	h2: shared$1("headingH2"),
+	h3: shared$1("headingH3"),
+	h4: shared$1("headingH4"),
+	h5: shared$1("headingH5"),
+	h6: shared$1("headingH6")
+};
+function textToSlug(text) {
+	return text.toLowerCase().trim().replaceAll(/[^\s\w\u3000-\u9FFF\uAC00-\uD7AF\uFF00-\uFFEF-]/g, "").replaceAll(/[\s_]+/g, "-").replaceAll(/^-+|-+$/g, "");
+}
+function extractText(node) {
+	if (node.type === "comment") return "";
+	if (node.text) return node.text;
+	if (node.children) return node.children.map(extractText).join("");
+	return "";
+}
+function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
+	switch (node.type) {
+		case "root": return /* @__PURE__ */ jsx(Fragment$1, { children });
+		case "paragraph": {
+			const align = node.format ? { textAlign: node.format } : void 0;
+			return /* @__PURE__ */ jsx("p", {
+				className: shared$1("paragraph"),
+				style: align,
+				children
+			}, key);
+		}
+		case "heading": {
+			const Tag = node.tag;
+			const baseSlug = textToSlug(textContent || extractText(node));
+			let slug = baseSlug;
+			if (baseSlug) {
+				const count = headingSlugs.get(baseSlug);
+				if (count !== void 0) {
+					slug = `${baseSlug}-${count}`;
+					headingSlugs.set(baseSlug, count + 1);
+				} else headingSlugs.set(baseSlug, 1);
+			}
+			return /* @__PURE__ */ jsxs(Tag, {
+				className: headingClassNames[Tag],
+				id: slug || void 0,
+				children: [slug && /* @__PURE__ */ jsx("a", {
+					className: shared$1("headingAnchor"),
+					href: `#${slug}`,
+					tabIndex: 0,
+					children: /* @__PURE__ */ jsx(Link, {
+						"aria-hidden": true,
+						size: 14,
+						strokeWidth: 2
+					})
+				}), children]
+			}, key);
+		}
+		case "quote": return /* @__PURE__ */ jsx("blockquote", {
+			className: shared$1("quote"),
+			children
+		}, key);
+		case "list": return /* @__PURE__ */ jsx(node.listType === "number" ? "ol" : "ul", {
+			className: node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl"),
+			start: node.start !== 1 ? node.start : void 0,
+			children
+		}, key);
+		case "listitem": {
+			const isChecklist = node.checked !== void 0;
+			const hasNestedList = node.children?.some((c) => c.type === "list");
+			const value = typeof node.value === "number" && node.value > 1 ? node.value : void 0;
+			let cls;
+			if (hasNestedList) cls = shared$1("listNestedItem");
+			else if (isChecklist) cls = node.checked ? `${shared$1("listItem")} ${shared$1("listItemChecked")}` : `${shared$1("listItem")} ${shared$1("listItemUnchecked")}`;
+			else cls = shared$1("listItem");
+			return /* @__PURE__ */ jsx("li", {
+				className: cls,
+				value,
+				children
+			}, key);
+		}
+		case "link": return /* @__PURE__ */ jsxs("a", {
+			className: shared$1("link"),
+			href: node.url,
+			rel: node.rel || "noopener",
+			target: node.target || "_blank",
+			children: [/* @__PURE__ */ jsx(LinkFavicon, { href: node.url }), children]
+		}, key);
+		case "autolink": return /* @__PURE__ */ jsxs("a", {
+			className: shared$1("link"),
+			href: node.url,
+			rel: "noopener",
+			target: "_blank",
+			children: [/* @__PURE__ */ jsx(LinkFavicon, { href: node.url }), children]
+		}, key);
+		case "horizontalrule": return /* @__PURE__ */ jsx("hr", { className: shared$1("hr") }, key);
+		case "table": return /* @__PURE__ */ jsx("div", {
+			className: tableWrapper,
+			children: /* @__PURE__ */ jsx("table", {
+				className: table,
+				children
+			})
+		}, key);
+		case "tablerow": return /* @__PURE__ */ jsx("tr", { children }, key);
+		case "tablecell": return /* @__PURE__ */ jsx(node.headerState ? "th" : "td", {
+			className: node.headerState ? tableHead : tableCell,
+			colSpan: node.colSpan > 1 ? node.colSpan : void 0,
+			children
+		}, key);
+		case "details": {
+			const summary = node.summary || "";
+			return /* @__PURE__ */ jsxs("details", {
+				className: `${detailsClassNames.details} ${detailsStyles.details}`,
+				open: node.open || void 0,
+				children: [/* @__PURE__ */ jsxs("summary", {
+					className: `${detailsClassNames.summary} ${detailsStyles.summary}`,
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: `${detailsClassNames.chevron} ${detailsStyles.chevron}`,
+						children: /* @__PURE__ */ jsx("svg", {
+							fill: "none",
+							height: "20",
+							stroke: "currentColor",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: "1.5",
+							viewBox: "0 0 20 20",
+							width: "20",
+							children: /* @__PURE__ */ jsx("path", { d: "M8 6L12 10L8 14" })
+						})
+					}), /* @__PURE__ */ jsx("span", {
+						className: `${detailsClassNames.summaryText} ${detailsStyles.summaryText}`,
+						children: summary
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: `${detailsClassNames.content} ${detailsStyles.content}`,
+					children
+				})]
+			}, key);
+		}
+		case "spoiler": return /* @__PURE__ */ jsx("span", {
+			className: shared$1("spoiler"),
+			role: "button",
+			tabIndex: 0,
+			children
+		}, key);
+		case "tag": return /* @__PURE__ */ jsx("span", {
+			className: shared$1("tag"),
+			style: { backgroundColor: getTagBgColor(node.text) },
+			children: node.text
+		}, key);
+		case "comment": return /* @__PURE__ */ jsx(HtmlComment, { text: node.text ?? "" }, key);
+		case "ruby": return createElement(RendererWrapper, {
+			key,
+			rendererKey: "Ruby",
+			defaultRenderer: RubyRenderer,
+			props: {
+				reading: node.reading ?? "",
+				children
+			}
+		});
+		case "code": return /* @__PURE__ */ jsx("pre", {
+			className: "rich-code-block",
+			children: /* @__PURE__ */ jsx("code", { children })
+		}, key);
+		case "code-highlight": return /* @__PURE__ */ jsx("span", { children: node.text }, key);
+		case "linebreak": return /* @__PURE__ */ jsx("br", {}, key);
+		case "tab": return /* @__PURE__ */ jsx("span", { children: "  " }, key);
+		default: return null;
+	}
+}
+//#endregion
+//#region src/static-renderer/engine/renderTextNode.tsx
+var shared = (key) => `${semanticClassNames[key]} ${sharedStyles[key]}`;
+var FORMAT_FLAGS = [
+	[1, "textBold"],
+	[2, "textItalic"],
+	[4, "textStrikethrough"],
+	[8, "textUnderline"],
+	[16, "textCode"],
+	[32, "textSubscript"],
+	[64, "textSuperscript"],
+	[128, "textHighlight"]
+];
+function parseCSSText(cssText) {
+	const style = {};
+	for (const part of cssText.split(";")) {
+		const colonIndex = part.indexOf(":");
+		if (colonIndex === -1) continue;
+		const prop = part.slice(0, colonIndex).trim();
+		const value = part.slice(colonIndex + 1).trim();
+		if (!prop || !value) continue;
+		const camelProp = prop.replaceAll(/-([a-z])/g, (_, c) => c.toUpperCase());
+		style[camelProp] = value;
+	}
+	return style;
+}
+function renderTextNode(node, key) {
+	let element = node.text;
+	const format = node.format || 0;
+	for (const [flag, styleKey] of FORMAT_FLAGS) if (format & flag) element = /* @__PURE__ */ jsx("span", {
+		className: shared(styleKey),
+		children: element
+	}, `${key}-${flag}`);
+	if (node.style) element = /* @__PURE__ */ jsx("span", {
+		style: parseCSSText(node.style),
+		children: element
+	}, key);
+	return element;
+}
+//#endregion
+//#region src/static-renderer/preprocess/footnote.ts
+function preprocessFootnotes(state) {
+	const definitions = {};
+	const seen = /* @__PURE__ */ new Set();
+	const displayNumberMap = {};
+	let counter = 1;
+	function walk(node) {
+		if (node.type === "footnote" && node.identifier) {
+			const id = node.identifier;
+			if (!seen.has(id)) {
+				seen.add(id);
+				displayNumberMap[id] = counter++;
+			}
+		}
+		if (node.type === "footnote-section" && node.definitions) Object.assign(definitions, node.definitions);
+		if (node.children) for (const child of node.children) walk(child);
+		if (node.root) walk(node.root);
+		if (node.content && typeof node.content === "object" && node.content.root) walk(node.content);
+		if (node.cells && Array.isArray(node.cells)) {
+			for (const cell of node.cells) if (cell && cell.root) walk(cell);
+		}
+	}
+	walk(state);
+	for (const id of seen) if (!(id in definitions)) definitions[id] = "";
+	return {
+		definitions,
+		displayNumberMap
+	};
+}
+//#endregion
+//#region src/static-renderer/RichRenderer.tsx
+var alertClassName = (type) => `${semanticClassNames.alert} ${sharedStyles.alert} rich-alert-${type}`;
+function wrapDecoration(serialized, key, decoration) {
+	switch (serialized.type) {
+		case "alert-quote": return createElement("div", {
+			key,
+			className: alertClassName(serialized.alertType)
+		}, decoration);
+		case "banner": return createElement("div", {
+			key,
+			className: `rich-banner rich-banner-${serialized.bannerType}`
+		}, decoration);
+		case "grid-container": return createElement("div", {
+			key,
+			className: `${gridClassNames.container} ${gridStyles.container}`
+		}, decoration);
+		default:
+			if (isValidElement(decoration)) return cloneElement(decoration, { key });
+			return decoration;
+	}
+}
+function applyBlockId(element, blockId, nodeKey) {
+	if (!blockId) return element;
+	if (isValidElement(element) && typeof element.type === "string") return cloneElement(element, { "data-block-id": blockId });
+	return /* @__PURE__ */ jsx("div", {
+		className: "rich-block-anchor",
+		"data-block-id": blockId,
+		children: element
+	}, `${nodeKey}-block-anchor`);
+}
+function renderTree(node, editor, editorConfig, headingSlugs, key, blockId, builtinNodeOverrides) {
+	const nodeKey = node.getKey ? node.getKey() : key;
+	if (typeof node.decorate === "function") try {
+		const decoration = node.decorate(editor, editorConfig);
+		if (decoration != null) return applyBlockId(wrapDecoration(node.exportJSON ? node.exportJSON() : {}, nodeKey, decoration), blockId, nodeKey);
+	} catch {}
+	const serialized = node.exportJSON ? node.exportJSON() : {};
+	if (serialized.type === "text") return renderTextNode(serialized, nodeKey);
+	const childNodes = typeof node.getChildren === "function" ? node.getChildren() : [];
+	if (Array.isArray(serialized.children) && serialized.children.length === 0 && childNodes.length > 0) serialized.children = childNodes.map((c) => ({ type: typeof c.getType === "function" ? c.getType() : c.__type }));
+	let children = null;
+	if (childNodes.length > 0) children = childNodes.map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `${nodeKey}-${i}`, void 0, builtinNodeOverrides));
+	const textContent = node.getTextContent ? node.getTextContent() : void 0;
+	const override = builtinNodeOverrides?.[serialized.type];
+	if (override) {
+		const defaultRenderer = () => renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent);
+		return applyBlockId(override(serialized, nodeKey, children, defaultRenderer), blockId, nodeKey);
+	}
+	return applyBlockId(renderBuiltinNode(serialized, nodeKey, children, headingSlugs, textContent), blockId, nodeKey);
+}
+function renderEditorToReact(value, nodes, builtinNodeOverrides) {
+	const editor = createHeadlessEditor({
+		nodes,
+		theme: editorTheme,
+		editable: false,
+		onError: (error) => {
+			console.error("[RichRenderer]", error);
+		}
+	});
+	const editorConfig = {
+		namespace: "ssr",
+		theme: editorTheme
+	};
+	const normalizedValue = normalizeSerializedEditorState(value);
+	const editorState = editor.parseEditorState(normalizedValue);
+	editor.setEditorState(editorState);
+	const footnoteData = preprocessFootnotes(normalizedValue);
+	const rawRootChildren = normalizedValue.root?.children;
+	let content = null;
+	editorState.read(() => {
+		const root = $getRoot();
+		const headingSlugs = /* @__PURE__ */ new Map();
+		content = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, editor, editorConfig, headingSlugs, `ssr-${i}`, rawRootChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+	});
+	const renderNestedContent = (state) => {
+		const nestedEditor = createHeadlessEditor({
+			nodes,
+			theme: editorTheme,
+			editable: false,
+			onError: (error) => {
+				console.error("[RichRenderer:nested]", error);
+			}
+		});
+		const nestedEditorConfig = {
+			namespace: "ssr-nested",
+			theme: editorTheme
+		};
+		const normalizedState = normalizeSerializedEditorState(state);
+		const nestedState = nestedEditor.parseEditorState(normalizedState);
+		nestedEditor.setEditorState(nestedState);
+		let nested = null;
+		const nestedRawChildren = normalizedState.root?.children;
+		nestedState.read(() => {
+			const root = $getRoot();
+			const headingSlugs = /* @__PURE__ */ new Map();
+			nested = /* @__PURE__ */ jsx(Fragment$1, { children: root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
+		});
+		return nested;
+	};
+	return {
+		content,
+		footnoteData,
+		renderNestedContent
+	};
+}
+function RichRenderer({ value, variant = "article", theme = "light", className, style, as: Component = "div", nested = false, rendererConfig, extraNodes, builtinNodeOverrides }) {
+	const variantClass = getVariantClass(variant);
+	const outerRenderNestedContent = useOptionalNestedContentRenderer();
+	const { content, footnoteData, renderNestedContent } = useMemo(() => {
+		return renderEditorToReact(value, extraNodes ? [...allNodes, ...extraNodes] : allNodes, builtinNodeOverrides);
+	}, [
+		builtinNodeOverrides,
+		extraNodes,
+		value
+	]);
+	const classes = [
+		"rich-content",
+		variantClass,
+		className
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(PortalThemeProvider, {
+		className: variantClass,
+		theme,
+		children: /* @__PURE__ */ jsx(ColorSchemeProvider, {
+			colorScheme: theme,
+			children: /* @__PURE__ */ jsx(RendererConfigProvider, {
+				config: rendererConfig,
+				mode: "renderer",
+				variant,
+				children: /* @__PURE__ */ jsx(FootnoteDefinitionsProvider, {
+					definitions: footnoteData.definitions,
+					displayNumberMap: footnoteData.displayNumberMap,
+					children: /* @__PURE__ */ jsx(NestedContentRendererProvider$1, {
+						value: outerRenderNestedContent ?? renderNestedContent,
+						children: /* @__PURE__ */ jsx(Component, {
+							suppressHydrationWarning: true,
+							className: classes,
+							"data-rich-nested": nested ? "true" : void 0,
+							"data-theme": theme,
+							style,
+							children: content
+						})
+					})
+				})
+			})
+		})
+	});
+}
+//#endregion
 //#region src/core/dedup.ts
 /**
 * Merge preset and modules, deduplicating by:
@@ -143,4 +568,4 @@ function composeRenderer(opts) {
 	return memo(ComposedRenderer);
 }
 //#endregion
-export { composeRenderer, dedupNodes, mergeModules, wrapLazy };
+export { RichRenderer, composeRenderer, dedupNodes, mergeModules, wrapLazy };

package/dist/modules/poll/index.d.ts

@@ -1,5 +1,5 @@
 export { pollModule } from './module';
 export type { SerializedPollNode } from './node';
-export { $createPollNode, $isPollNode, PollNode, pollNodes, } from './node';
+export { $createPollNode, $isPollNode, PollNode, pollNodes } from './node';
 export { PollRenderer } from './renderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/poll/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/poll/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EACL,eAAe,EACf,WAAW,EACX,QAAQ,EACR,SAAS,GACV,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/poll/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,YAAY,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/modules/poll/node.d.ts

@@ -1,3 +1,3 @@
 export type { SerializedPollNode } from '@haklex/rich-ext-poll/node';
-export { $createPollNode, $isPollNode, PollNode, pollNodes, } from '@haklex/rich-ext-poll/node';
+export { $createPollNode, $isPollNode, PollNode, pollNodes } from '@haklex/rich-ext-poll/node';
 //# sourceMappingURL=node.d.ts.map

package/dist/modules/poll/node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../src/modules/poll/node.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EACL,eAAe,EACf,WAAW,EACX,QAAQ,EACR,SAAS,GACV,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../../../src/modules/poll/node.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/rich-compose.css

@@ -0,0 +1,2 @@
+:root{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}:root.dark,[data-theme=dark]{--rc-text:#fafafa;--rc-text-secondary:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}._1tdqahx0{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}._1tdqahx1{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.8;--rc-line-height-tight:1.4;--rc-font-family:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}._1tdqahx2{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#a3a3a3;--rc-quote-bg:#fafafa;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:2px;--rc-space-sm:4px;--rc-space-md:10px;--rc-space-lg:16px;--rc-space-xl:20px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:14px;--rc-font-size-small:12px;--rc-line-height:1.5;--rc-line-height-tight:1.3;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:3px;--rc-radius-md:6px;--rc-radius-lg:12px}.dark ._1tdqahx0,[data-theme=dark] ._1tdqahx0,.dark._1tdqahx0,[data-theme=dark]._1tdqahx0,.dark ._1tdqahx1,[data-theme=dark] ._1tdqahx1,.dark._1tdqahx1,[data-theme=dark]._1tdqahx1,.dark ._1tdqahx2,[data-theme=dark] ._1tdqahx2,.dark._1tdqahx2,[data-theme=dark]._1tdqahx2{--rc-text:#fafafa;--rc-text-secondary:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}.icqzyn0{overflow-x:auto}.icqzyn1{caption-side:bottom;border-collapse:collapse;width:100%;font-size:var(--rc-font-size-small)}.icqzyn2{height:2.5rem;padding:0 var(--rc-space-lg);vertical-align:middle;white-space:nowrap;color:var(--rc-text-secondary);font-weight:500;line-height:1.5}.icqzyn3{padding:var(--rc-space-lg);vertical-align:middle;line-height:1.5}.icqzyn1 tr:has(.icqzyn2){border-bottom:1px solid var(--rc-border)}.icqzyn1 tr:has(.icqzyn3):nth-child(2n){background-color:var(--rc-bg-secondary)}.icqzyn1:has(tr:hover) tr:has(.icqzyn3):nth-child(2n):not(:hover){background-color:#0000}.icqzyn1 tr:has(.icqzyn3){transition:background-color .15s}.icqzyn1 tr:has(.icqzyn3):hover{background-color:var(--rc-fill-tertiary)}.icqzyn1 .rich-paragraph{line-height:inherit;margin:0;padding:0}
+/*$vite$:1*/

package/dist/static-renderer/RichRenderer.d.ts

@@ -0,0 +1,3 @@
+import { RichRendererProps } from './types';
+export declare function RichRenderer({ value, variant, theme, className, style, as: Component, nested, rendererConfig, extraNodes, builtinNodeOverrides, }: RichRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RichRenderer.d.ts.map

package/dist/static-renderer/RichRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichRenderer.d.ts","sourceRoot":"","sources":["../../src/static-renderer/RichRenderer.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAuB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAiOtE,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAmB,EACnB,KAAe,EACf,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAiB,EACrB,MAAc,EACd,cAAc,EACd,UAAU,EACV,oBAAoB,GACrB,EAAE,iBAAiB,2CAoCnB"}

package/dist/static-renderer/components/HtmlComment.d.ts

@@ -0,0 +1,6 @@
+interface HtmlCommentProps {
+    text: string;
+}
+export declare function HtmlComment({ text }: HtmlCommentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HtmlComment.d.ts.map

package/dist/static-renderer/components/HtmlComment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlComment.d.ts","sourceRoot":"","sources":["../../../src/static-renderer/components/HtmlComment.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CA6BrD"}

package/dist/static-renderer/engine/renderBuiltinNode.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+export declare function renderBuiltinNode(node: any, key: string, children: ReactNode[] | null, headingSlugs: Map<string, number>, textContent?: string): ReactNode;
+//# sourceMappingURL=renderBuiltinNode.d.ts.map

package/dist/static-renderer/engine/renderBuiltinNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../../src/static-renderer/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkCtD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC5B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EACjC,WAAW,CAAC,EAAE,MAAM,GACnB,SAAS,CAiNX"}

package/dist/static-renderer/engine/renderTextNode.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+export declare function renderTextNode(node: any, key: string): ReactNode;
+//# sourceMappingURL=renderTextNode.d.ts.map

package/dist/static-renderer/engine/renderTextNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTextNode.d.ts","sourceRoot":"","sources":["../../../src/static-renderer/engine/renderTextNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BtD,wBAAgB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAuBhE"}

package/dist/static-renderer/index.d.ts

@@ -0,0 +1,3 @@
+export { RichRenderer } from './RichRenderer';
+export type { BuiltinNodeRenderer, RichRendererProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/static-renderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/static-renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/static-renderer/preprocess/footnote.d.ts

@@ -0,0 +1,7 @@
+import { SerializedEditorState } from 'lexical';
+export interface FootnoteData {
+    definitions: Record<string, string>;
+    displayNumberMap: Record<string, number>;
+}
+export declare function preprocessFootnotes(state: SerializedEditorState): FootnoteData;
+//# sourceMappingURL=footnote.d.ts.map

package/dist/static-renderer/preprocess/footnote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnote.d.ts","sourceRoot":"","sources":["../../../src/static-renderer/preprocess/footnote.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAwC9E"}

package/dist/static-renderer/table.css.d.ts

@@ -0,0 +1,5 @@
+export declare const tableWrapper: string;
+export declare const table: string;
+export declare const tableHead: string;
+export declare const tableCell: string;
+//# sourceMappingURL=table.css.d.ts.map

package/dist/static-renderer/table.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.css.d.ts","sourceRoot":"","sources":["../../src/static-renderer/table.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,QAEvB,CAAC;AAEH,eAAO,MAAM,KAAK,QAKhB,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC"}

package/dist/static-renderer/types.d.ts

@@ -0,0 +1,17 @@
+import { ColorScheme, RendererConfig, RichEditorVariant } from '@haklex/rich-editor/static';
+import { Klass, LexicalNode, SerializedEditorState } from 'lexical';
+import { CSSProperties, ReactNode } from 'react';
+export type BuiltinNodeRenderer = (node: any, key: string, children: ReactNode[] | null, defaultRenderer: () => ReactNode) => ReactNode;
+export interface RichRendererProps {
+    as?: keyof React.JSX.IntrinsicElements;
+    builtinNodeOverrides?: Record<string, BuiltinNodeRenderer>;
+    className?: string;
+    extraNodes?: Array<Klass<LexicalNode>>;
+    nested?: boolean;
+    rendererConfig?: RendererConfig;
+    style?: CSSProperties;
+    theme?: ColorScheme;
+    value: SerializedEditorState;
+    variant?: RichEditorVariant;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/static-renderer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/static-renderer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,CAChC,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,SAAS,KAC7B,SAAS,CAAC;AAEf,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-compose",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Compose primitives for haklex rich content renderers — Gundam-style assembly of Lexical nodes, sync/lazy renderers, and Provider stacks.",
   "repository": {
     "type": "git",
@@ -167,59 +167,66 @@
   "files": [
     "dist"
   ],
+  "dependencies": {
+    "@lexical/headless": "^0.44.0"
+  },
   "devDependencies": {
     "@lexical/react": "^0.44.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@vanilla-extract/css": "^1.20.1",
+    "@vanilla-extract/vite-plugin": "^5.2.2",
     "lexical": "^0.44.0",
+    "lucide-react": "^1.0.0",
     "react": "19.2.5",
     "react-dom": "19.2.5",
     "typescript": "^5.9.3",
     "vite": "^8.0.10",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.5",
-    "@haklex/rich-editor": "0.5.0",
-    "@haklex/rich-ext-chat": "0.5.0",
-    "@haklex/rich-ext-code-snippet": "0.5.0",
-    "@haklex/rich-ext-embed": "0.5.0",
-    "@haklex/rich-ext-nested-doc": "0.5.0",
-    "@haklex/rich-ext-poll": "0.5.0",
-    "@haklex/rich-renderer-banner": "0.5.0",
-    "@haklex/rich-renderer-codeblock": "0.5.0",
-    "@haklex/rich-ext-excalidraw": "0.5.0",
-    "@haklex/rich-renderer-alert": "0.5.0",
-    "@haklex/rich-ext-gallery": "0.5.0",
-    "@haklex/rich-renderer-linkcard": "0.5.0",
-    "@haklex/rich-renderer-image": "0.5.0",
-    "@haklex/rich-renderer-mention": "0.5.0",
-    "@haklex/rich-renderer-mermaid": "0.5.0",
-    "@haklex/rich-renderer-video": "0.5.0",
-    "@haklex/rich-renderer-ruby": "0.5.0",
-    "@haklex/rich-static-renderer": "0.5.0"
+    "@haklex/rich-editor": "0.6.0",
+    "@haklex/rich-ext-code-snippet": "0.6.0",
+    "@haklex/rich-ext-chat": "0.6.0",
+    "@haklex/rich-ext-embed": "0.6.0",
+    "@haklex/rich-ext-poll": "0.6.0",
+    "@haklex/rich-ext-nested-doc": "0.6.0",
+    "@haklex/rich-ext-gallery": "0.6.0",
+    "@haklex/rich-renderer-alert": "0.6.0",
+    "@haklex/rich-renderer-image": "0.6.0",
+    "@haklex/rich-ext-excalidraw": "0.6.0",
+    "@haklex/rich-renderer-codeblock": "0.6.0",
+    "@haklex/rich-renderer-banner": "0.6.0",
+    "@haklex/rich-renderer-mention": "0.6.0",
+    "@haklex/rich-renderer-linkcard": "0.6.0",
+    "@haklex/rich-renderer-mermaid": "0.6.0",
+    "@haklex/rich-renderer-ruby": "0.6.0",
+    "@haklex/rich-style-token": "0.6.0",
+    "@haklex/rich-renderer-video": "0.6.0"
   },
   "peerDependencies": {
     "@lexical/react": "^0.44.0",
     "lexical": "^0.44.0",
+    "lucide-react": "^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "@haklex/rich-editor": "0.5.0",
-    "@haklex/rich-ext-code-snippet": "0.5.0",
-    "@haklex/rich-ext-embed": "0.5.0",
-    "@haklex/rich-ext-excalidraw": "0.5.0",
-    "@haklex/rich-ext-chat": "0.5.0",
-    "@haklex/rich-ext-gallery": "0.5.0",
-    "@haklex/rich-ext-poll": "0.5.0",
-    "@haklex/rich-ext-nested-doc": "0.5.0",
-    "@haklex/rich-renderer-banner": "0.5.0",
-    "@haklex/rich-renderer-mermaid": "0.5.0",
-    "@haklex/rich-renderer-image": "0.5.0",
-    "@haklex/rich-renderer-mention": "0.5.0",
-    "@haklex/rich-renderer-linkcard": "0.5.0",
-    "@haklex/rich-renderer-alert": "0.5.0",
-    "@haklex/rich-renderer-codeblock": "0.5.0",
-    "@haklex/rich-renderer-ruby": "0.5.0",
-    "@haklex/rich-renderer-video": "0.5.0",
-    "@haklex/rich-static-renderer": "0.5.0"
+    "@haklex/rich-ext-chat": "0.6.0",
+    "@haklex/rich-ext-code-snippet": "0.6.0",
+    "@haklex/rich-ext-embed": "0.6.0",
+    "@haklex/rich-editor": "0.6.0",
+    "@haklex/rich-ext-excalidraw": "0.6.0",
+    "@haklex/rich-ext-nested-doc": "0.6.0",
+    "@haklex/rich-ext-poll": "0.6.0",
+    "@haklex/rich-ext-gallery": "0.6.0",
+    "@haklex/rich-renderer-alert": "0.6.0",
+    "@haklex/rich-renderer-banner": "0.6.0",
+    "@haklex/rich-renderer-codeblock": "0.6.0",
+    "@haklex/rich-renderer-image": "0.6.0",
+    "@haklex/rich-renderer-linkcard": "0.6.0",
+    "@haklex/rich-renderer-mermaid": "0.6.0",
+    "@haklex/rich-renderer-mention": "0.6.0",
+    "@haklex/rich-style-token": "0.6.0",
+    "@haklex/rich-renderer-video": "0.6.0",
+    "@haklex/rich-renderer-ruby": "0.6.0"
   },
   "peerDependenciesMeta": {
     "@haklex/rich-ext-chat": {