@haklex/rich-static-renderer 0.0.81 → 0.0.83

package/dist/RichRenderer.d.ts.map

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

package/dist/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/components/HtmlComment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlComment.d.ts","sourceRoot":"","sources":["../../src/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/engine/renderBuiltinNode.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBtD,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,CAgMX"}
+{"version":3,"file":"renderBuiltinNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderBuiltinNode.tsx"],"names":[],"mappings":"AAUA,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,YAAY,CAAC,EAAE,MAAM,GACpB,SAAS,CAuMX"}

package/dist/engine/renderTextNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderTextNode.d.ts","sourceRoot":"","sources":["../../src/engine/renderTextNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AA2BtD,wBAAgB,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAuBhE"}
+{"version":3,"file":"renderTextNode.d.ts","sourceRoot":"","sources":["../../src/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/index.mjs

@@ -1,382 +1,468 @@
-import { ColorSchemeProvider, FootnoteDefinitionsProvider, LinkFavicon, NestedContentRendererProvider, RendererConfigProvider, RendererWrapper, RubyRenderer, allNodes, editorTheme, getTagBgColor, getVariantClass } from "@haklex/rich-editor/static";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { semanticClassNames, sharedStyles, RendererWrapper, RubyRenderer, getTagBgColor, LinkFavicon, getVariantClass, useOptionalNestedContentRenderer, allNodes, ColorSchemeProvider, RendererConfigProvider, FootnoteDefinitionsProvider, NestedContentRendererProvider, editorTheme } from "@haklex/rich-editor/static";
 import { PortalThemeProvider } from "@haklex/rich-style-token";
 import { createHeadlessEditor } from "@lexical/headless";
 import { $getRoot } from "lexical";
-import { cloneElement, createElement, isValidElement, useMemo } from "react";
+import { useRef, useEffect, createElement, useMemo, isValidElement, cloneElement } from "react";
 import { Link } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/table.css.ts
+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 });
+}
 var tableWrapper = "_1v9yxw30";
 var table = "_1v9yxw31";
 var tableHead = "_1v9yxw32";
 var tableCell = "_1v9yxw33";
-//#endregion
-//#region src/engine/renderBuiltinNode.tsx
+const shared$1 = (key) => `${semanticClassNames[key]} ${sharedStyles[key]}`;
+const 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, "");
+  return text.toLowerCase().trim().replaceAll(/[^\s\w\u3000-\u9FFF\uAC00-\uD7AF\uFF00-\uFFEF-]/g, "").replaceAll(/[\s_]+/g, "-").replaceAll(/^-+|-+$/g, "");
 }
 function extractText(node) {
-	if (node.text) return node.text;
-	if (node.children) return node.children.map(extractText).join("");
-	return "";
+  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, { children });
-		case "paragraph": return /* @__PURE__ */ jsx("p", {
-			className: "rich-paragraph",
-			style: node.format ? { textAlign: node.format } : void 0,
-			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: `rich-heading-${Tag}`,
-				id: slug || void 0,
-				children: [slug && /* @__PURE__ */ jsx("a", {
-					className: "rich-heading-anchor",
-					href: `#${slug}`,
-					tabIndex: 0,
-					children: /* @__PURE__ */ jsx(Link, {
-						"aria-hidden": true,
-						size: 14,
-						strokeWidth: 2
-					})
-				}), children]
-			}, key);
-		}
-		case "quote": return /* @__PURE__ */ jsx("blockquote", {
-			className: "rich-quote",
-			children
-		}, key);
-		case "list": return /* @__PURE__ */ jsx(node.listType === "number" ? "ol" : "ul", {
-			className: node.listType === "number" ? "rich-list-ol" : node.listType === "check" ? "rich-checklist rich-list-ul" : "rich-list-ul",
-			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");
-			let cls;
-			if (hasNestedList) cls = "rich-list-nested-item";
-			else if (isChecklist) cls = node.checked ? "rich-list-item rich-list-item-checked" : "rich-list-item rich-list-item-unchecked";
-			else cls = "rich-list-item";
-			return /* @__PURE__ */ jsx("li", {
-				className: cls,
-				value: node.value,
-				children
-			}, key);
-		}
-		case "link": return /* @__PURE__ */ jsxs("a", {
-			className: "rich-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: "rich-link",
-			href: node.url,
-			rel: "noopener",
-			target: "_blank",
-			children: [/* @__PURE__ */ jsx(LinkFavicon, { href: node.url }), children]
-		}, key);
-		case "horizontalrule": return /* @__PURE__ */ jsx("hr", { className: "rich-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: "rich-details",
-				open: node.open || void 0,
-				children: [/* @__PURE__ */ jsxs("summary", {
-					className: "rich-details-summary",
-					children: [/* @__PURE__ */ jsx("span", {
-						"aria-hidden": "true",
-						className: "rich-details-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: "rich-details-summary-text",
-						children: summary
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "rich-details-content",
-					children
-				})]
-			}, key);
-		}
-		case "spoiler": return /* @__PURE__ */ jsx("span", {
-			className: "rich-spoiler",
-			role: "button",
-			tabIndex: 0,
-			children
-		}, key);
-		case "tag": return /* @__PURE__ */ jsx("span", {
-			className: "rich-tag",
-			style: { backgroundColor: getTagBgColor(node.text) },
-			children: 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;
-	}
+function renderBuiltinNode(node, key, children, headingSlugs, _textContent) {
+  switch (node.type) {
+    case "root": {
+      return /* @__PURE__ */ jsx(Fragment, { 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 text = extractText(node);
+      const baseSlug = textToSlug(text);
+      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": {
+      const Tag = node.listType === "number" ? "ol" : "ul";
+      const cls = node.listType === "number" ? shared$1("listOl") : node.listType === "check" ? `${shared$1("checklist")} ${shared$1("listUl")}` : shared$1("listUl");
+      return /* @__PURE__ */ jsx(Tag, { className: cls, 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");
+      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: node.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": {
+      const CellTag = node.headerState ? "th" : "td";
+      const cls = node.headerState ? tableHead : tableCell;
+      return /* @__PURE__ */ jsx(CellTag, { className: cls, colSpan: node.colSpan > 1 ? node.colSpan : void 0, children }, key);
+    }
+    case "details": {
+      const summary = node.summary || "";
+      return /* @__PURE__ */ jsxs("details", { className: "rich-details", open: node.open || void 0, children: [
+        /* @__PURE__ */ jsxs("summary", { className: "rich-details-summary", children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "rich-details-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: "rich-details-summary-text", children: summary })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "rich-details-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/engine/renderTextNode.tsx
-var FORMAT_FLAGS = [
-	[1, "rich-text-bold"],
-	[2, "rich-text-italic"],
-	[4, "rich-text-strikethrough"],
-	[8, "rich-text-underline"],
-	[16, "rich-text-code"],
-	[32, "rich-text-subscript"],
-	[64, "rich-text-superscript"],
-	[128, "rich-text-highlight"]
+const shared = (key) => `${semanticClassNames[key]} ${sharedStyles[key]}`;
+const 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;
+  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, className] of FORMAT_FLAGS) if (format & flag) element = /* @__PURE__ */ jsx("span", {
-		className,
-		children: element
-	}, `${key}-${flag}`);
-	if (node.style) element = /* @__PURE__ */ jsx("span", {
-		style: parseCSSText(node.style),
-		children: element
-	}, key);
-	return element;
+  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/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
-	};
+  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/RichRenderer.tsx
+const 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: `rich-alert rich-alert-${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: "rich-grid-container"
-		}, decoration);
-		default:
-			if (isValidElement(decoration)) return cloneElement(decoration, { key });
-			return 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: "rich-grid-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`);
+  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);
-	let children = null;
-	if (node.getChildren) {
-		const childNodes = node.getChildren();
-		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);
+  const nodeKey = node.getKey ? node.getKey() : key;
+  if (typeof node.decorate === "function") {
+    try {
+      const decoration = node.decorate(editor, editorConfig);
+      if (decoration != null) {
+        const serialized2 = node.exportJSON ? node.exportJSON() : {};
+        return applyBlockId(wrapDecoration(serialized2, nodeKey, decoration), blockId, nodeKey);
+      }
+    } catch {
+    }
+  }
+  const serialized = node.exportJSON ? node.exportJSON() : {};
+  if (serialized.type === "text") {
+    return renderTextNode(serialized, nodeKey);
+  }
+  let children = null;
+  if (node.getChildren) {
+    const childNodes = node.getChildren();
+    if (childNodes.length > 0) {
+      children = childNodes.map(
+        (child, i) => renderTree(
+          child,
+          editor,
+          editorConfig,
+          headingSlugs,
+          `${nodeKey}-${i}`,
+          void 0,
+          builtinNodeOverrides
+        )
+      );
+    }
+  }
+  node.getTextContent ? node.getTextContent() : void 0;
+  const override = builtinNodeOverrides?.[serialized.type];
+  if (override) {
+    const defaultRenderer = () => renderBuiltinNode(serialized, nodeKey, children, headingSlugs);
+    return applyBlockId(override(serialized, nodeKey, children, defaultRenderer), blockId, nodeKey);
+  }
+  return applyBlockId(
+    renderBuiltinNode(serialized, nodeKey, children, headingSlugs),
+    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 editorState = editor.parseEditorState(value);
-	editor.setEditorState(editorState);
-	const footnoteData = preprocessFootnotes(value);
-	const rawRootChildren = value.root?.children;
-	let content = null;
-	editorState.read(() => {
-		const root = $getRoot();
-		const headingSlugs = /* @__PURE__ */ new Map();
-		content = /* @__PURE__ */ jsx(Fragment, { 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 nestedState = nestedEditor.parseEditorState(state);
-		nestedEditor.setEditorState(nestedState);
-		let nested = null;
-		const nestedRawChildren = state.root?.children;
-		nestedState.read(() => {
-			const root = $getRoot();
-			const headingSlugs = /* @__PURE__ */ new Map();
-			nested = /* @__PURE__ */ jsx(Fragment, { children: root.getChildren().map((child, i) => renderTree(child, nestedEditor, nestedEditorConfig, headingSlugs, `nested-${i}`, nestedRawChildren?.[i]?.$?.blockId, builtinNodeOverrides)) });
-		});
-		return nested;
-	};
-	return {
-		content,
-		footnoteData,
-		renderNestedContent
-	};
+  const editor = createHeadlessEditor({
+    nodes,
+    theme: editorTheme,
+    editable: false,
+    onError: (error) => {
+      console.error("[RichRenderer]", error);
+    }
+  });
+  const editorConfig = { namespace: "ssr", theme: editorTheme };
+  const editorState = editor.parseEditorState(value);
+  editor.setEditorState(editorState);
+  const footnoteData = preprocessFootnotes(value);
+  const rawRootChildren = value.root?.children;
+  let content = null;
+  editorState.read(() => {
+    const root = $getRoot();
+    const headingSlugs = /* @__PURE__ */ new Map();
+    const children = root.getChildren().map(
+      (child, i) => renderTree(
+        child,
+        editor,
+        editorConfig,
+        headingSlugs,
+        `ssr-${i}`,
+        rawRootChildren?.[i]?.$?.blockId,
+        builtinNodeOverrides
+      )
+    );
+    content = /* @__PURE__ */ jsx(Fragment, { children });
+  });
+  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 nestedState = nestedEditor.parseEditorState(state);
+    nestedEditor.setEditorState(nestedState);
+    let nested = null;
+    const nestedRawChildren = state.root?.children;
+    nestedState.read(() => {
+      const root = $getRoot();
+      const headingSlugs = /* @__PURE__ */ new Map();
+      const ch = root.getChildren().map(
+        (child, i) => renderTree(
+          child,
+          nestedEditor,
+          nestedEditorConfig,
+          headingSlugs,
+          `nested-${i}`,
+          nestedRawChildren?.[i]?.$?.blockId,
+          builtinNodeOverrides
+        )
+      );
+      nested = /* @__PURE__ */ jsx(Fragment, { children: ch });
+    });
+    return nested;
+  };
+  return { content, footnoteData, renderNestedContent };
 }
-function RichRenderer({ value, variant = "article", theme = "light", className, style, as: Component = "div", rendererConfig, extraNodes, builtinNodeOverrides }) {
-	const variantClass = getVariantClass(variant);
-	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, {
-						value: renderNestedContent,
-						children: /* @__PURE__ */ jsx(Component, {
-							suppressHydrationWarning: true,
-							className: classes,
-							"data-theme": theme,
-							style,
-							children: content
-						})
-					})
-				})
-			})
-		})
-	});
+function RichRenderer({
+  value,
+  variant = "article",
+  theme = "light",
+  className,
+  style,
+  as: Component = "div",
+  rendererConfig,
+  extraNodes,
+  builtinNodeOverrides
+}) {
+  const variantClass = getVariantClass(variant);
+  const outerRenderNestedContent = useOptionalNestedContentRenderer();
+  const { content, footnoteData, renderNestedContent } = useMemo(() => {
+    const nodes = extraNodes ? [...allNodes, ...extraNodes] : allNodes;
+    return renderEditorToReact(value, nodes, 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, { value: outerRenderNestedContent ?? renderNestedContent, children: /* @__PURE__ */ jsx(
+        Component,
+        {
+          suppressHydrationWarning: true,
+          className: classes,
+          "data-theme": theme,
+          style,
+          children: content
+        }
+      ) })
+    }
+  ) }) }) });
 }
-//#endregion
-export { RichRenderer };
+export {
+  RichRenderer
+};

package/dist/rich-static-renderer.css

@@ -1,2 +1 @@
-:root{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--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-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{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--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-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}.km6fx0{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--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-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}.km6fx1{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--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-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}.km6fx2{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#a1a1aa;--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-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 .km6fx0,[data-theme=dark] .km6fx0,.dark.km6fx0,[data-theme=dark].km6fx0,.dark .km6fx1,[data-theme=dark] .km6fx1,.dark.km6fx1,[data-theme=dark].km6fx1,.dark .km6fx2,[data-theme=dark] .km6fx2,.dark.km6fx2,[data-theme=dark].km6fx2{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--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}._1v9yxw30{overflow-x:auto}._1v9yxw31{caption-side:bottom;border-collapse:collapse;width:100%;font-size:var(--rc-font-size-small)}._1v9yxw32{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}._1v9yxw33{padding:var(--rc-space-lg);vertical-align:middle;line-height:1.5}._1v9yxw31 tr:has(._1v9yxw32){border-bottom:1px solid var(--rc-border)}._1v9yxw31 tr:has(._1v9yxw33):nth-child(2n){background-color:var(--rc-bg-secondary)}._1v9yxw31:has(tr:hover) tr:has(._1v9yxw33):nth-child(2n):not(:hover){background-color:#0000}._1v9yxw31 tr:has(._1v9yxw33){transition:background-color .15s}._1v9yxw31 tr:has(._1v9yxw33):hover{background-color:var(--rc-fill-tertiary)}._1v9yxw31 .rich-paragraph{line-height:inherit;margin:0;padding:0}
-/*$vite$:1*/
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--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 rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--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-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}.km6fx0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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}.km6fx1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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}.km6fx2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-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 .km6fx0,[data-theme=dark] .km6fx0,.dark.km6fx0,[data-theme=dark].km6fx0,.dark .km6fx1,[data-theme=dark] .km6fx1,.dark.km6fx1,[data-theme=dark].km6fx1,.dark .km6fx2,[data-theme=dark] .km6fx2,.dark.km6fx2,[data-theme=dark].km6fx2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--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 rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}._1v9yxw30{overflow-x:auto}._1v9yxw31{width:100%;caption-side:bottom;border-collapse:collapse;font-size:var(--rc-font-size-small)}._1v9yxw32{height:2.5rem;padding:0 var(--rc-space-lg);vertical-align:middle;font-weight:500;white-space:nowrap;color:var(--rc-text-secondary);line-height:1.5}._1v9yxw33{padding:var(--rc-space-lg);vertical-align:middle;line-height:1.5}._1v9yxw31 tr:has(._1v9yxw32){border-bottom:1px solid var(--rc-border)}._1v9yxw31 tr:has(._1v9yxw33):nth-child(2n){background-color:var(--rc-bg-secondary)}._1v9yxw31:has(tr:hover) tr:has(._1v9yxw33):nth-child(2n):not(:hover){background-color:transparent}._1v9yxw31 tr:has(._1v9yxw33){transition:background-color .15s}._1v9yxw31 tr:has(._1v9yxw33):hover{background-color:var(--rc-fill-tertiary)}._1v9yxw31 .rich-paragraph{margin:0;padding:0;line-height:inherit}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-static-renderer",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "description": "Headless SSR engine for Lexical rich content",
   "repository": {
     "type": "git",
@@ -23,8 +23,8 @@
     "@lexical/code": "npm:lexical-code-no-prism@0.41.0",
     "@lexical/headless": "^0.41.0",
     "lucide-react": "^0.577.0",
-    "@haklex/rich-editor": "0.0.81",
-    "@haklex/rich-style-token": "0.0.81"
+    "@haklex/rich-editor": "0.0.83",
+    "@haklex/rich-style-token": "0.0.83"
   },
   "devDependencies": {
     "@lexical/extension": "^0.41.0",