@haklex/rich-editor 0.0.30 → 0.0.32

package/dist/{utils-BuZqZkYK.js → theme-C_ic3l9g.js}

@@ -7,17 +7,24 @@ import { LinkNode, AutoLinkNode } from "@lexical/link";
 import { ListNode, ListItemNode } from "@lexical/list";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { TableNode, TableCellNode, TableRowNode } from "@lexical/table";
-import { DecoratorNode, ElementNode, $insertNodes, $getRoot, createEditor, $getNodeByKey, $nodesOfType } from "lexical";
-import { OctagonAlert, TriangleAlert, MessageSquareWarning, Lightbulb, Info, Flag, Code, ChevronRight, LayoutGrid, ImageIcon, Sigma, Link, Workflow, Video } from "lucide-react";
-import { createContext, use, useMemo, createElement, useCallback, useState, useEffect, useRef } from "react";
+import { DecoratorNode, $insertNodes, ElementNode, $getNodeByKey } from "lexical";
+import { createContext, use, useMemo, createElement, useState, useRef, useEffect, useCallback } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
-import { LexicalNestedComposer } from "@lexical/react/LexicalNestedComposer";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { OctagonAlert, TriangleAlert, MessageSquareWarning, Lightbulb, Info, Code, ChevronRight, ImageIcon, Sigma, Link, Workflow, Video } from "lucide-react";
 import { thumbHashToDataURL, rgbaToThumbHash } from "thumbhash";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { TooltipRoot, TooltipTrigger, TooltipContent } from "@haklex/rich-editor-ui";
+const NestedContentRendererContext = createContext(
+  null
+);
+const NestedContentRendererProvider = NestedContentRendererContext.Provider;
+function useNestedContentRenderer() {
+  const fn = use(NestedContentRendererContext);
+  if (!fn) {
+    throw new Error(
+      "useNestedContentRenderer must be used within a NestedContentRendererProvider"
+    );
+  }
+  return fn;
+}
 const RendererConfigContext = createContext({
   config: void 0,
   mode: "renderer",
@@ -79,10 +86,11 @@ const AlertRenderer = ({ type }) => {
     /* @__PURE__ */ jsx("span", { className: "rich-alert-label", children: ALERT_LABELS[type] })
   ] });
 };
-function AlertReadOnlyDecorator({
+function AlertStaticDecorator({
   alertType,
-  contentEditor
+  contentState
 }) {
+  const renderContent = useNestedContentRenderer();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       RendererWrapper,
@@ -92,435 +100,18 @@ function AlertReadOnlyDecorator({
         props: { type: alertType }
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "rich-alert-content", children: /* @__PURE__ */ jsx(LexicalNestedComposer, { initialEditor: contentEditor, children: /* @__PURE__ */ jsx(
-      RichTextPlugin,
-      {
-        contentEditable: /* @__PURE__ */ jsx(
-          ContentEditable,
-          {
-            className: "rich-alert-content-editable",
-            style: { outline: "none" },
-            "aria-placeholder": "",
-            placeholder: /* @__PURE__ */ jsx("span", { style: { display: "none" } })
-          }
-        ),
-        ErrorBoundary: LexicalErrorBoundary
-      }
-    ) }) })
+    /* @__PURE__ */ jsx("div", { className: "rich-alert-content", children: renderContent(contentState) })
   ] });
 }
-const editorTheme = {
-  text: {
-    bold: "rich-text-bold",
-    italic: "rich-text-italic",
-    underline: "rich-text-underline",
-    strikethrough: "rich-text-strikethrough",
-    code: "rich-text-code",
-    highlight: "rich-text-highlight"
-  },
-  heading: {
-    h1: "rich-heading-h1",
-    h2: "rich-heading-h2",
-    h3: "rich-heading-h3",
-    h4: "rich-heading-h4",
-    h5: "rich-heading-h5",
-    h6: "rich-heading-h6"
-  },
-  list: {
-    ol: "rich-list-ol",
-    ul: "rich-list-ul",
-    listitem: "rich-list-item",
-    listitemChecked: "rich-list-item-checked",
-    listitemUnchecked: "rich-list-item-unchecked",
-    checklist: "rich-checklist",
-    nested: {
-      listitem: "rich-list-nested-item"
-    }
-  },
-  quote: "rich-quote",
-  link: "rich-link",
-  paragraph: "rich-paragraph",
-  code: "rich-code-block",
-  table: "rich-table",
-  tableCell: "rich-table-cell",
-  tableCellHeader: "rich-table-cell-header",
-  tableScrollableWrapper: "rich-table-scrollable-wrapper",
-  /** Used by @lexical/extension HorizontalRuleNode */
-  hr: "rich-hr"
-};
-const FootnoteDefinitionsContext = createContext({
-  definitions: {},
-  displayNumberMap: {}
-});
-function FootnoteDefinitionsProvider({
-  definitions,
-  displayNumberMap,
-  children
-}) {
-  const value = useMemo(
-    () => ({ definitions, displayNumberMap }),
-    [definitions, displayNumberMap]
-  );
-  return /* @__PURE__ */ jsx(FootnoteDefinitionsContext, { value, children });
-}
-function useFootnoteDefinitions() {
-  return use(FootnoteDefinitionsContext);
-}
-function useFootnoteContent(identifier) {
-  const { definitions } = use(FootnoteDefinitionsContext);
-  return definitions[identifier];
-}
-function useFootnoteDisplayNumber(identifier) {
-  const { displayNumberMap } = use(FootnoteDefinitionsContext);
-  return displayNumberMap[identifier];
-}
-function FootnoteRenderer({ identifier }) {
-  const content = useFootnoteContent(identifier);
-  const displayNumber = useFootnoteDisplayNumber(identifier);
-  const referenceId = `footnote-ref-${identifier}`;
-  const targetId = `footnote-${identifier}`;
-  const handleClick = useCallback(
-    (e) => {
-      const target = document.getElementById(targetId) || document.getElementById(`fn-${identifier}`);
-      if (!target) return;
-      e.preventDefault();
-      target.scrollIntoView({ behavior: "smooth", block: "center" });
-      target.classList.add("rich-footnote-highlight");
-      window.setTimeout(() => {
-        target.classList.remove("rich-footnote-highlight");
-      }, 1200);
-    },
-    [identifier, targetId]
-  );
-  const label = displayNumber ?? identifier;
-  return /* @__PURE__ */ jsx("span", { className: "rich-footnote-ref-wrapper", children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
-    /* @__PURE__ */ jsx(
-      TooltipTrigger,
-      {
-        render: (props) => /* @__PURE__ */ jsx(
-          "a",
-          {
-            ...props,
-            className: "rich-footnote-ref",
-            href: `#${targetId}`,
-            id: referenceId,
-            role: "doc-noteref",
-            "aria-label": content ? `Footnote ${label}: ${content}` : `Footnote ${label}`,
-            onClick: handleClick,
-            "data-footnote-ref": identifier,
-            children: label
-          }
-        )
-      }
-    ),
-    content ? /* @__PURE__ */ jsx(TooltipContent, { children: content }) : null
-  ] }) });
-}
-class FootnoteNode extends DecoratorNode {
-  constructor(identifier, key) {
-    super(key);
-    __publicField(this, "__identifier");
-    this.__identifier = identifier;
-  }
-  static getType() {
-    return "footnote";
-  }
-  static clone(node) {
-    return new FootnoteNode(node.__identifier, node.__key);
-  }
-  createDOM(_config) {
-    const sup = document.createElement("sup");
-    sup.className = "rich-footnote";
-    return sup;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return true;
-  }
-  static importJSON(serializedNode) {
-    return $createFootnoteNode(serializedNode.identifier);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "footnote",
-      identifier: this.__identifier,
-      version: 1
-    };
-  }
-  getIdentifier() {
-    return this.getLatest().__identifier;
-  }
-  setIdentifier(identifier) {
-    const writable = this.getWritable();
-    writable.__identifier = identifier;
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration("Footnote", FootnoteRenderer, {
-      identifier: this.__identifier
-    });
-  }
-}
-function $createFootnoteNode(identifier) {
-  return new FootnoteNode(identifier);
-}
-let katexModule = null;
-let katexLoadPromise = null;
-function loadKaTeX() {
-  if (katexModule) return Promise.resolve(katexModule);
-  if (!katexLoadPromise) {
-    katexLoadPromise = import("katex").then((mod) => {
-      katexModule = mod;
-      return katexModule;
-    });
-  }
-  return katexLoadPromise;
-}
-function KaTeXRenderer({ equation, displayMode }) {
-  const [html, setHtml] = useState(null);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    loadKaTeX().then((katex) => {
-      if (cancelled) return;
-      const rendered = katex.default.renderToString(equation, {
-        displayMode,
-        throwOnError: false
-      });
-      setHtml(rendered);
-      setError(null);
-    }).catch(() => {
-      if (cancelled) return;
-      setHtml(null);
-      setError("KaTeX is not available");
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [equation, displayMode]);
-  if (error) {
-    return /* @__PURE__ */ jsx("code", { className: "rich-katex-fallback", children: equation });
-  }
-  if (html) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: displayMode ? "rich-katex-block" : "rich-katex-inline",
-        dangerouslySetInnerHTML: { __html: html }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("code", { className: "rich-katex-fallback", children: equation });
-}
-class KaTeXInlineNode extends DecoratorNode {
-  constructor(equation, key) {
-    super(key);
-    __publicField(this, "__equation");
-    this.__equation = equation;
-  }
-  static getType() {
-    return "katex-inline";
-  }
-  static clone(node) {
-    return new KaTeXInlineNode(node.__equation, node.__key);
-  }
-  createDOM(_config) {
-    return document.createElement("span");
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return true;
-  }
-  static importJSON(serializedNode) {
-    return $createKaTeXInlineNode(serializedNode.equation);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "katex-inline",
-      equation: this.__equation,
-      version: 1
-    };
-  }
-  getEquation() {
-    return this.__equation;
-  }
-  setEquation(equation) {
-    const writable = this.getWritable();
-    writable.__equation = equation;
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration("KaTeX", KaTeXRenderer, {
-      equation: this.__equation,
-      displayMode: false
-    });
-  }
-}
-function $createKaTeXInlineNode(equation) {
-  return new KaTeXInlineNode(equation);
-}
-function $isKaTeXInlineNode(node) {
-  return node instanceof KaTeXInlineNode;
-}
-function MentionRenderer({ handle, displayName }) {
-  const normalizedHandle = handle.replace(/^@+/, "");
-  const label = displayName || normalizedHandle;
-  return /* @__PURE__ */ jsx("span", { className: "rich-mention rich-mention-plain", children: /* @__PURE__ */ jsxs("span", { className: "rich-mention-handle", children: [
-    "@",
-    label
-  ] }) });
-}
-class MentionNode extends DecoratorNode {
-  constructor(platform, handle, displayName, key) {
-    super(key);
-    __publicField(this, "__platform");
-    __publicField(this, "__handle");
-    __publicField(this, "__displayName");
-    this.__platform = platform;
-    this.__handle = handle;
-    this.__displayName = displayName;
-  }
-  static getType() {
-    return "mention";
-  }
-  static clone(node) {
-    return new MentionNode(
-      node.__platform,
-      node.__handle,
-      node.__displayName,
-      node.__key
-    );
-  }
-  createDOM(_config) {
-    const el = document.createElement("span");
-    el.style.display = "inline-flex";
-    el.style.alignItems = "center";
-    el.style.height = "1lh";
-    return el;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return true;
-  }
-  getPlatform() {
-    return this.getLatest().__platform;
-  }
-  getHandle() {
-    return this.getLatest().__handle;
-  }
-  getDisplayName() {
-    return this.getLatest().__displayName;
-  }
-  static importJSON(serializedNode) {
-    return $createMentionNode(
-      serializedNode.platform,
-      serializedNode.handle,
-      serializedNode.displayName
-    );
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "mention",
-      platform: this.__platform,
-      handle: this.__handle,
-      ...this.__displayName ? { displayName: this.__displayName } : {},
-      version: 1
-    };
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration("Mention", MentionRenderer, {
-      platform: this.__platform,
-      handle: this.__handle,
-      displayName: this.__displayName
-    });
-  }
-}
-function $createMentionNode(platform, handle, displayName) {
-  return new MentionNode(platform, handle, displayName);
-}
-class SpoilerNode extends ElementNode {
-  static getType() {
-    return "spoiler";
-  }
-  static clone(node) {
-    return new SpoilerNode(node.__key);
-  }
-  constructor(key) {
-    super(key);
-  }
-  createDOM(_config) {
-    const span = document.createElement("span");
-    span.className = "rich-spoiler";
-    span.setAttribute("role", "button");
-    span.setAttribute("tabindex", "0");
-    span.setAttribute("aria-label", "Spoiler (click to reveal)");
-    const toggle = () => {
-      if (span.isContentEditable) return;
-      const revealed = span.classList.toggle("rich-spoiler-revealed");
-      span.setAttribute(
-        "aria-label",
-        revealed ? "Spoiler (revealed)" : "Spoiler (click to reveal)"
-      );
-    };
-    span.addEventListener("click", toggle);
-    span.addEventListener("keydown", (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        toggle();
-      }
-    });
-    return span;
-  }
-  updateDOM() {
-    return false;
-  }
-  static importJSON(_serializedNode) {
-    return $createSpoilerNode();
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "spoiler",
-      version: 1
-    };
-  }
-  canInsertTextBefore() {
-    return true;
-  }
-  canInsertTextAfter() {
-    return true;
-  }
-  isInline() {
-    return true;
+function extractTextContent(state) {
+  function walk(node) {
+    if (node.text) return node.text;
+    if (node.children) return node.children.map(walk).join("");
+    if (node.root) return walk(node.root);
+    return "";
   }
+  return walk(state);
 }
-function $createSpoilerNode() {
-  return new SpoilerNode();
-}
-const NESTED_EDITOR_NODES = [
-  HeadingNode,
-  QuoteNode,
-  ListNode,
-  ListItemNode,
-  LinkNode,
-  AutoLinkNode,
-  HorizontalRuleNode,
-  CodeNode,
-  TableNode,
-  TableCellNode,
-  TableRowNode,
-  SpoilerNode,
-  MentionNode,
-  FootnoteNode,
-  KaTeXInlineNode
-];
 const ALERT_TYPES = [
   "note",
   "tip",
@@ -535,33 +126,39 @@ const ALERT_LABELS = {
   warning: "Warning",
   caution: "Caution"
 };
-function createContentEditor$1() {
-  return createEditor({
-    namespace: "AlertContent",
-    nodes: NESTED_EDITOR_NODES,
-    theme: editorTheme,
-    onError: (error) => {
-      console.error("[AlertContent]", error);
-    }
-  });
-}
-const _AlertQuoteNode = class _AlertQuoteNode extends DecoratorNode {
-  constructor(alertType, contentEditor, key) {
+class AlertQuoteNode extends DecoratorNode {
+  constructor(alertType, contentState, key) {
     super(key);
     __publicField(this, "__alertType");
-    __publicField(this, "__contentEditor");
+    __publicField(this, "__contentState");
     this.__alertType = alertType;
-    this.__contentEditor = contentEditor || createContentEditor$1();
+    this.__contentState = contentState || {
+      root: {
+        children: [
+          {
+            type: "paragraph",
+            children: [],
+            direction: null,
+            format: "",
+            indent: 0,
+            textFormat: 0,
+            textStyle: "",
+            version: 1
+          }
+        ],
+        direction: null,
+        format: "",
+        indent: 0,
+        type: "root",
+        version: 1
+      }
+    };
   }
   static getType() {
     return "alert-quote";
   }
   static clone(node) {
-    return new _AlertQuoteNode(
-      node.__alertType,
-      node.__contentEditor,
-      node.__key
-    );
+    return new AlertQuoteNode(node.__alertType, node.__contentState, node.__key);
   }
   createDOM(_config) {
     const div = document.createElement("div");
@@ -584,81 +181,34 @@ const _AlertQuoteNode = class _AlertQuoteNode extends DecoratorNode {
     const writable = this.getWritable();
     writable.__alertType = alertType;
   }
-  getContentEditor() {
-    return this.__contentEditor;
+  getContentState() {
+    return this.getLatest().__contentState;
+  }
+  setContentState(state) {
+    const writable = this.getWritable();
+    writable.__contentState = state;
   }
   getTextContent() {
-    return this.__contentEditor.getEditorState().read(() => {
-      return $getRoot().getTextContent();
-    });
+    return extractTextContent(this.__contentState);
   }
   static importJSON(serializedNode) {
-    const node = new _AlertQuoteNode(serializedNode.alertType);
-    if (serializedNode.content) {
-      const editorState = node.__contentEditor.parseEditorState(
-        serializedNode.content
-      );
-      node.__contentEditor.setEditorState(editorState);
-    }
-    return node;
+    return new AlertQuoteNode(serializedNode.alertType, serializedNode.content);
   }
   exportJSON() {
     return {
       ...super.exportJSON(),
       type: "alert-quote",
       alertType: this.__alertType,
-      content: this.__contentEditor.getEditorState().toJSON(),
+      content: this.__contentState,
       version: 1
     };
   }
   decorate(_editor, _config) {
-    return createElement(AlertReadOnlyDecorator, {
+    return createElement(AlertStaticDecorator, {
       alertType: this.__alertType,
-      contentEditor: this.__contentEditor
+      contentState: this.__contentState
     });
   }
-};
-__publicField(_AlertQuoteNode, "slashMenuItems", [
-  {
-    title: "Callout",
-    icon: createElement(Info, { size: 20 }),
-    description: "Info callout block",
-    keywords: ["alert", "note", "info", "callout"],
-    section: "ADVANCED",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createAlertQuoteNode("note")]);
-      });
-    }
-  },
-  {
-    title: "Tip",
-    icon: createElement(Lightbulb, { size: 20 }),
-    description: "Highlight a useful tip",
-    keywords: ["alert", "tip", "hint"],
-    section: "ADVANCED",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createAlertQuoteNode("tip")]);
-      });
-    }
-  },
-  {
-    title: "Warning",
-    icon: createElement(TriangleAlert, { size: 20 }),
-    description: "Warn about something",
-    keywords: ["alert", "warning", "caution"],
-    section: "ADVANCED",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createAlertQuoteNode("warning")]);
-      });
-    }
-  }
-]);
-let AlertQuoteNode = _AlertQuoteNode;
-function $createAlertQuoteNode(alertType) {
-  return new AlertQuoteNode(alertType);
 }
 function $isAlertQuoteNode(node) {
   return node instanceof AlertQuoteNode;
@@ -666,10 +216,11 @@ function $isAlertQuoteNode(node) {
 const BannerRenderer = ({ type }) => {
   return /* @__PURE__ */ jsx("span", { className: `rich-banner-icon rich-banner-icon-${type}` });
 };
-function BannerReadOnlyDecorator({
+function BannerStaticDecorator({
   bannerType,
-  contentEditor
+  contentState
 }) {
+  const renderContent = useNestedContentRenderer();
   return /* @__PURE__ */ jsxs("div", { className: "rich-banner-inner", children: [
     /* @__PURE__ */ jsx(
       RendererWrapper,
@@ -679,21 +230,7 @@ function BannerReadOnlyDecorator({
         props: { type: bannerType }
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "rich-banner-content", children: /* @__PURE__ */ jsx(LexicalNestedComposer, { initialEditor: contentEditor, children: /* @__PURE__ */ jsx(
-      RichTextPlugin,
-      {
-        contentEditable: /* @__PURE__ */ jsx(
-          ContentEditable,
-          {
-            className: "rich-banner-content-editable",
-            style: { outline: "none" },
-            "aria-placeholder": "",
-            placeholder: /* @__PURE__ */ jsx("span", { style: { display: "none" } })
-          }
-        ),
-        ErrorBoundary: LexicalErrorBoundary
-      }
-    ) }) })
+    /* @__PURE__ */ jsx("div", { className: "rich-banner-content", children: renderContent(contentState) })
   ] });
 }
 const LEGACY_TYPE_MAP = {
@@ -719,29 +256,39 @@ const BANNER_LABELS = {
   warning: "Warning",
   caution: "Caution"
 };
-function createContentEditor() {
-  return createEditor({
-    namespace: "BannerContent",
-    nodes: NESTED_EDITOR_NODES,
-    theme: editorTheme,
-    onError: (error) => {
-      console.error("[BannerContent]", error);
-    }
-  });
-}
-const _BannerNode = class _BannerNode extends DecoratorNode {
-  constructor(bannerType, contentEditor, key) {
+class BannerNode extends DecoratorNode {
+  constructor(bannerType, contentState, key) {
     super(key);
     __publicField(this, "__bannerType");
-    __publicField(this, "__contentEditor");
+    __publicField(this, "__contentState");
     this.__bannerType = bannerType;
-    this.__contentEditor = contentEditor || createContentEditor();
+    this.__contentState = contentState || {
+      root: {
+        children: [
+          {
+            type: "paragraph",
+            children: [],
+            direction: null,
+            format: "",
+            indent: 0,
+            textFormat: 0,
+            textStyle: "",
+            version: 1
+          }
+        ],
+        direction: null,
+        format: "",
+        indent: 0,
+        type: "root",
+        version: 1
+      }
+    };
   }
   static getType() {
     return "banner";
   }
   static clone(node) {
-    return new _BannerNode(node.__bannerType, node.__contentEditor, node.__key);
+    return new BannerNode(node.__bannerType, node.__contentState, node.__key);
   }
   createDOM(_config) {
     const div = document.createElement("div");
@@ -764,24 +311,23 @@ const _BannerNode = class _BannerNode extends DecoratorNode {
     const writable = this.getWritable();
     writable.__bannerType = bannerType;
   }
-  getContentEditor() {
-    return this.__contentEditor;
+  getContentState() {
+    return this.getLatest().__contentState;
+  }
+  setContentState(state) {
+    const writable = this.getWritable();
+    writable.__contentState = state;
   }
   getTextContent() {
-    return this.__contentEditor.getEditorState().read(() => {
-      return $getRoot().getTextContent();
-    });
+    return extractTextContent(this.__contentState);
   }
   static importJSON(serializedNode) {
     const legacy = serializedNode;
     const bannerType = normalizeBannerType(serializedNode.bannerType);
-    const node = new _BannerNode(bannerType);
     if (serializedNode.content) {
-      const editorState = node.__contentEditor.parseEditorState(
-        serializedNode.content
-      );
-      node.__contentEditor.setEditorState(editorState);
-    } else if (legacy.children) {
+      return new BannerNode(bannerType, serializedNode.content);
+    }
+    if (legacy.children) {
       const content = {
         root: {
           children: legacy.children,
@@ -792,44 +338,25 @@ const _BannerNode = class _BannerNode extends DecoratorNode {
           version: 1
         }
       };
-      const editorState = node.__contentEditor.parseEditorState(content);
-      node.__contentEditor.setEditorState(editorState);
+      return new BannerNode(bannerType, content);
     }
-    return node;
+    return new BannerNode(bannerType);
   }
   exportJSON() {
     return {
       ...super.exportJSON(),
       type: "banner",
       bannerType: this.__bannerType,
-      content: this.__contentEditor.getEditorState().toJSON(),
+      content: this.__contentState,
       version: 1
     };
   }
   decorate(_editor, _config) {
-    return createElement(BannerReadOnlyDecorator, {
+    return createElement(BannerStaticDecorator, {
       bannerType: this.__bannerType,
-      contentEditor: this.__contentEditor
+      contentState: this.__contentState
     });
   }
-};
-__publicField(_BannerNode, "slashMenuItems", [
-  {
-    title: "Banner",
-    icon: createElement(Flag, { size: 20 }),
-    description: "Highlighted banner block",
-    keywords: ["banner", "notice", "announcement"],
-    section: "ADVANCED",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createBannerNode("note")]);
-      });
-    }
-  }
-]);
-let BannerNode = _BannerNode;
-function $createBannerNode(bannerType) {
-  return new BannerNode(bannerType);
 }
 function $isBannerNode(node) {
   return node instanceof BannerNode;
@@ -1152,6 +679,117 @@ let DetailsNode = _DetailsNode;
 function $createDetailsNode(summary, open = false) {
   return new DetailsNode(summary, open);
 }
+const FootnoteDefinitionsContext = createContext({
+  definitions: {},
+  displayNumberMap: {}
+});
+function FootnoteDefinitionsProvider({
+  definitions,
+  displayNumberMap,
+  children
+}) {
+  const value = useMemo(
+    () => ({ definitions, displayNumberMap }),
+    [definitions, displayNumberMap]
+  );
+  return /* @__PURE__ */ jsx(FootnoteDefinitionsContext, { value, children });
+}
+function useFootnoteDefinitions() {
+  return use(FootnoteDefinitionsContext);
+}
+function useFootnoteContent(identifier) {
+  const { definitions } = use(FootnoteDefinitionsContext);
+  return definitions[identifier];
+}
+function useFootnoteDisplayNumber(identifier) {
+  const { displayNumberMap } = use(FootnoteDefinitionsContext);
+  return displayNumberMap[identifier];
+}
+function FootnoteStaticRenderer({
+  identifier
+}) {
+  const content = useFootnoteContent(identifier);
+  const displayNumber = useFootnoteDisplayNumber(identifier);
+  const referenceId = `footnote-ref-${identifier}`;
+  const targetId = `footnote-${identifier}`;
+  const handleClick = useCallback(
+    (e) => {
+      const target = document.getElementById(targetId) || document.getElementById(`fn-${identifier}`);
+      if (!target) return;
+      e.preventDefault();
+      target.scrollIntoView({ behavior: "smooth", block: "center" });
+      target.classList.add("rich-footnote-highlight");
+      window.setTimeout(() => {
+        target.classList.remove("rich-footnote-highlight");
+      }, 1200);
+    },
+    [identifier, targetId]
+  );
+  const label = displayNumber ?? identifier;
+  return /* @__PURE__ */ jsx("span", { className: "rich-footnote-ref-wrapper", children: /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "rich-footnote-ref",
+      href: `#${targetId}`,
+      id: referenceId,
+      role: "doc-noteref",
+      "aria-label": content ? `Footnote ${label}: ${content}` : `Footnote ${label}`,
+      onClick: handleClick,
+      "data-footnote-ref": identifier,
+      children: label
+    }
+  ) });
+}
+class FootnoteNode extends DecoratorNode {
+  constructor(identifier, key) {
+    super(key);
+    __publicField(this, "__identifier");
+    this.__identifier = identifier;
+  }
+  static getType() {
+    return "footnote";
+  }
+  static clone(node) {
+    return new FootnoteNode(node.__identifier, node.__key);
+  }
+  createDOM(_config) {
+    const sup = document.createElement("sup");
+    sup.className = "rich-footnote";
+    return sup;
+  }
+  updateDOM() {
+    return false;
+  }
+  isInline() {
+    return true;
+  }
+  static importJSON(serializedNode) {
+    return $createFootnoteNode(serializedNode.identifier);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "footnote",
+      identifier: this.__identifier,
+      version: 1
+    };
+  }
+  getIdentifier() {
+    return this.getLatest().__identifier;
+  }
+  setIdentifier(identifier) {
+    const writable = this.getWritable();
+    writable.__identifier = identifier;
+  }
+  decorate(_editor, _config) {
+    return createRendererDecoration("Footnote", FootnoteStaticRenderer, {
+      identifier: this.__identifier
+    });
+  }
+}
+function $createFootnoteNode(identifier) {
+  return new FootnoteNode(identifier);
+}
 function FootnoteSectionRenderer({
   definitions
 }) {
@@ -1292,11 +930,12 @@ function $createFootnoteSectionNode(definitions = {}) {
 function $isFootnoteSectionNode(node) {
   return node instanceof FootnoteSectionNode;
 }
-function GridReadOnlyDecorator({
+function GridStaticDecorator({
   cols,
   gap,
-  cellEditors
+  cellStates
 }) {
+  const renderContent = useNestedContentRenderer();
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -1306,59 +945,53 @@ function GridReadOnlyDecorator({
         gridTemplateColumns: `repeat(${cols}, 1fr)`,
         gap
       },
-      children: cellEditors.map((editor, i) => /* @__PURE__ */ jsx("div", { className: "rich-grid-cell", children: /* @__PURE__ */ jsx(LexicalNestedComposer, { initialEditor: editor, children: /* @__PURE__ */ jsx(
-        RichTextPlugin,
-        {
-          contentEditable: /* @__PURE__ */ jsx(
-            ContentEditable,
-            {
-              className: "rich-grid-cell-editable",
-              style: { outline: "none" },
-              "aria-placeholder": "",
-              placeholder: /* @__PURE__ */ jsx("span", { style: { display: "none" } })
-            }
-          ),
-          ErrorBoundary: LexicalErrorBoundary
-        }
-      ) }) }, i))
+      children: cellStates.map((state, i) => /* @__PURE__ */ jsx("div", { className: "rich-grid-cell", children: renderContent(state) }, i))
     }
   );
 }
-function createCellEditor() {
-  return createEditor({
-    namespace: "GridCell",
-    nodes: NESTED_EDITOR_NODES,
-    theme: editorTheme,
-    onError: (error) => {
-      console.error("[GridCell]", error);
-    }
-  });
-}
-const _GridContainerNode = class _GridContainerNode extends DecoratorNode {
-  constructor(cols = 2, gap, cellEditors, key) {
+class GridContainerNode extends DecoratorNode {
+  constructor(cols = 2, gap, cellStates, key) {
     super(key);
     __publicField(this, "__cols");
     __publicField(this, "__gap");
-    __publicField(this, "__cellEditors");
+    __publicField(this, "__cellStates");
     this.__cols = cols;
     this.__gap = gap || "16px";
-    if (cellEditors) {
-      this.__cellEditors = cellEditors;
+    if (cellStates) {
+      this.__cellStates = cellStates;
     } else {
-      this.__cellEditors = Array.from(
-        { length: cols },
-        () => createCellEditor()
-      );
+      const emptyState = {
+        root: {
+          children: [
+            {
+              type: "paragraph",
+              children: [],
+              direction: null,
+              format: "",
+              indent: 0,
+              textFormat: 0,
+              textStyle: "",
+              version: 1
+            }
+          ],
+          direction: null,
+          format: "",
+          indent: 0,
+          type: "root",
+          version: 1
+        }
+      };
+      this.__cellStates = Array.from({ length: cols }, () => emptyState);
     }
   }
   static getType() {
     return "grid-container";
   }
   static clone(node) {
-    return new _GridContainerNode(
+    return new GridContainerNode(
       node.__cols,
       node.__gap,
-      [...node.__cellEditors],
+      [...node.__cellStates],
       node.__key
     );
   }
@@ -1378,11 +1011,32 @@ const _GridContainerNode = class _GridContainerNode extends DecoratorNode {
   }
   setCols(cols) {
     const writable = this.getWritable();
-    const prev = writable.__cellEditors.length;
+    const prev = writable.__cellStates.length;
     writable.__cols = cols;
     if (cols > prev) {
+      const emptyState = {
+        root: {
+          children: [
+            {
+              type: "paragraph",
+              children: [],
+              direction: null,
+              format: "",
+              indent: 0,
+              textFormat: 0,
+              textStyle: "",
+              version: 1
+            }
+          ],
+          direction: null,
+          format: "",
+          indent: 0,
+          type: "root",
+          version: 1
+        }
+      };
       for (let i = prev; i < cols; i++) {
-        writable.__cellEditors.push(createCellEditor());
+        writable.__cellStates.push(emptyState);
       }
     }
   }
@@ -1393,69 +1047,77 @@ const _GridContainerNode = class _GridContainerNode extends DecoratorNode {
     const writable = this.getWritable();
     writable.__gap = gap;
   }
-  getCellEditors() {
-    return this.getLatest().__cellEditors;
+  getCellStates() {
+    return this.getLatest().__cellStates;
   }
   addCells(count) {
     const writable = this.getWritable();
+    const emptyState = {
+      root: {
+        children: [
+          {
+            type: "paragraph",
+            children: [],
+            direction: null,
+            format: "",
+            indent: 0,
+            textFormat: 0,
+            textStyle: "",
+            version: 1
+          }
+        ],
+        direction: null,
+        format: "",
+        indent: 0,
+        type: "root",
+        version: 1
+      }
+    };
     for (let i = 0; i < count; i++) {
-      writable.__cellEditors.push(createCellEditor());
+      writable.__cellStates.push(emptyState);
     }
   }
   removeCells(count) {
     const writable = this.getWritable();
-    const editors = writable.__cellEditors;
-    const toRemove = Math.min(count, editors.length);
+    const states = writable.__cellStates;
+    const toRemove = Math.min(count, states.length);
     for (let i = 0; i < toRemove; i++) {
-      const editor = editors.at(-1);
-      if (!editor) break;
-      const isEmpty = editor.getEditorState().read(() => {
-        return $getRoot().getTextContentSize() === 0;
-      });
+      const state = states.at(-1);
+      if (!state) break;
+      const isEmpty = extractTextContent(state).trim() === "";
       if (!isEmpty) break;
-      editors.pop();
+      states.pop();
     }
   }
   getTextContent() {
-    return this.__cellEditors.map(
-      (editor) => editor.getEditorState().read(() => $getRoot().getTextContent())
-    ).join("\n");
+    return this.__cellStates.map((s) => extractTextContent(s)).join("\n");
   }
   static importJSON(serializedNode) {
     const legacy = serializedNode;
     const cols = legacy.cols || 2;
     const rawGap = legacy.gap;
     const gap = typeof rawGap === "number" ? `${rawGap}px` : rawGap;
-    const node = new _GridContainerNode(cols, gap);
     if (legacy.cells && legacy.cells.length > 0) {
-      const editors = legacy.cells.map((cellState) => {
-        const editor = createCellEditor();
-        const editorState = editor.parseEditorState(cellState);
-        editor.setEditorState(editorState);
-        return editor;
-      });
-      node.__cellEditors = editors;
-    } else if (legacy.children) {
-      const { children } = legacy;
-      const editors = children.map((child) => {
-        const editor = createCellEditor();
-        const content = {
-          root: {
-            children: [child],
-            direction: null,
-            format: "",
-            indent: 0,
-            type: "root",
-            version: 1
-          }
-        };
-        const editorState = editor.parseEditorState(content);
-        editor.setEditorState(editorState);
-        return editor;
-      });
-      node.__cellEditors = editors;
+      return new GridContainerNode(cols, gap, legacy.cells);
+    }
+    if (legacy.children) {
+      const cellStates = legacy.children.map(
+        (child) => {
+          return {
+            root: {
+              children: [child],
+              direction: null,
+              format: "",
+              indent: 0,
+              type: "root",
+              version: 1
+            }
+          };
+        }
+      );
+      return new GridContainerNode(cols, gap, cellStates);
     }
-    return node;
+    return new GridContainerNode(cols, gap);
   }
   exportJSON() {
     return {
@@ -1463,35 +1125,18 @@ const _GridContainerNode = class _GridContainerNode extends DecoratorNode {
       type: "grid-container",
       cols: this.__cols,
       gap: this.__gap,
-      cells: this.__cellEditors.map(
-        (editor) => editor.getEditorState().toJSON()
-      ),
+      cells: this.__cellStates,
       version: 1
     };
   }
   decorate(_editor, _config) {
-    return createElement(GridReadOnlyDecorator, {
+    return createElement(GridStaticDecorator, {
       cols: this.__cols,
       gap: this.__gap,
-      cellEditors: this.__cellEditors
+      cellStates: this.__cellStates
     });
   }
-};
-__publicField(_GridContainerNode, "slashMenuItems", [
-  {
-    title: "Grid",
-    icon: createElement(LayoutGrid, { size: 20 }),
-    description: "Grid layout container",
-    keywords: ["grid", "columns", "layout"],
-    section: "LAYOUT",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createGridContainerNode(2)]);
-      });
-    }
-  }
-]);
-let GridContainerNode = _GridContainerNode;
+}
 function $createGridContainerNode(cols = 2, gap) {
   return new GridContainerNode(cols, gap);
 }
@@ -1752,10 +1397,58 @@ __publicField(_ImageNode, "slashMenuItems", [
       });
     }
   }
-]);
-let ImageNode = _ImageNode;
-function $createImageNode(payload) {
-  return new ImageNode(payload);
+]);
+let ImageNode = _ImageNode;
+function $createImageNode(payload) {
+  return new ImageNode(payload);
+}
+let katexModule = null;
+let katexLoadPromise = null;
+function loadKaTeX() {
+  if (katexModule) return Promise.resolve(katexModule);
+  if (!katexLoadPromise) {
+    katexLoadPromise = import("katex").then((mod) => {
+      katexModule = mod;
+      return katexModule;
+    });
+  }
+  return katexLoadPromise;
+}
+function KaTeXRenderer({ equation, displayMode }) {
+  const [html, setHtml] = useState(null);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    loadKaTeX().then((katex) => {
+      if (cancelled) return;
+      const rendered = katex.default.renderToString(equation, {
+        displayMode,
+        throwOnError: false
+      });
+      setHtml(rendered);
+      setError(null);
+    }).catch(() => {
+      if (cancelled) return;
+      setHtml(null);
+      setError("KaTeX is not available");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [equation, displayMode]);
+  if (error) {
+    return /* @__PURE__ */ jsx("code", { className: "rich-katex-fallback", children: equation });
+  }
+  if (html) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: displayMode ? "rich-katex-block" : "rich-katex-inline",
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("code", { className: "rich-katex-fallback", children: equation });
 }
 const _KaTeXBlockNode = class _KaTeXBlockNode extends DecoratorNode {
   constructor(equation, key) {
@@ -1826,6 +1519,58 @@ function $createKaTeXBlockNode(equation) {
 function $isKaTeXBlockNode(node) {
   return node instanceof KaTeXBlockNode;
 }
+class KaTeXInlineNode extends DecoratorNode {
+  constructor(equation, key) {
+    super(key);
+    __publicField(this, "__equation");
+    this.__equation = equation;
+  }
+  static getType() {
+    return "katex-inline";
+  }
+  static clone(node) {
+    return new KaTeXInlineNode(node.__equation, node.__key);
+  }
+  createDOM(_config) {
+    return document.createElement("span");
+  }
+  updateDOM() {
+    return false;
+  }
+  isInline() {
+    return true;
+  }
+  static importJSON(serializedNode) {
+    return $createKaTeXInlineNode(serializedNode.equation);
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "katex-inline",
+      equation: this.__equation,
+      version: 1
+    };
+  }
+  getEquation() {
+    return this.__equation;
+  }
+  setEquation(equation) {
+    const writable = this.getWritable();
+    writable.__equation = equation;
+  }
+  decorate(_editor, _config) {
+    return createRendererDecoration("KaTeX", KaTeXRenderer, {
+      equation: this.__equation,
+      displayMode: false
+    });
+  }
+}
+function $createKaTeXInlineNode(equation) {
+  return new KaTeXInlineNode(equation);
+}
+function $isKaTeXInlineNode(node) {
+  return node instanceof KaTeXInlineNode;
+}
 function LinkCardRenderer({
   url,
   title,
@@ -1992,6 +1737,85 @@ function $createLinkCardNode(payload) {
 function $isLinkCardNode(node) {
   return node instanceof LinkCardNode;
 }
+function MentionRenderer({ handle, displayName }) {
+  const normalizedHandle = handle.replace(/^@+/, "");
+  const label = displayName || normalizedHandle;
+  return /* @__PURE__ */ jsx("span", { className: "rich-mention rich-mention-plain", children: /* @__PURE__ */ jsxs("span", { className: "rich-mention-handle", children: [
+    "@",
+    label
+  ] }) });
+}
+class MentionNode extends DecoratorNode {
+  constructor(platform, handle, displayName, key) {
+    super(key);
+    __publicField(this, "__platform");
+    __publicField(this, "__handle");
+    __publicField(this, "__displayName");
+    this.__platform = platform;
+    this.__handle = handle;
+    this.__displayName = displayName;
+  }
+  static getType() {
+    return "mention";
+  }
+  static clone(node) {
+    return new MentionNode(
+      node.__platform,
+      node.__handle,
+      node.__displayName,
+      node.__key
+    );
+  }
+  createDOM(_config) {
+    const el = document.createElement("span");
+    el.style.display = "inline-flex";
+    el.style.alignItems = "center";
+    el.style.height = "1lh";
+    return el;
+  }
+  updateDOM() {
+    return false;
+  }
+  isInline() {
+    return true;
+  }
+  getPlatform() {
+    return this.getLatest().__platform;
+  }
+  getHandle() {
+    return this.getLatest().__handle;
+  }
+  getDisplayName() {
+    return this.getLatest().__displayName;
+  }
+  static importJSON(serializedNode) {
+    return $createMentionNode(
+      serializedNode.platform,
+      serializedNode.handle,
+      serializedNode.displayName
+    );
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "mention",
+      platform: this.__platform,
+      handle: this.__handle,
+      ...this.__displayName ? { displayName: this.__displayName } : {},
+      version: 1
+    };
+  }
+  decorate(_editor, _config) {
+    return createRendererDecoration("Mention", MentionRenderer, {
+      platform: this.__platform,
+      handle: this.__handle,
+      displayName: this.__displayName
+    });
+  }
+}
+function $createMentionNode(platform, handle, displayName) {
+  return new MentionNode(platform, handle, displayName);
+}
 function MermaidRenderer({ content }) {
   return /* @__PURE__ */ jsx("div", { className: "rich-mermaid-block", children: /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: content }) }) });
 }
@@ -2074,6 +1898,65 @@ function $createMermaidNode(diagram) {
 function $isMermaidNode(node) {
   return node instanceof MermaidNode;
 }
+class SpoilerNode extends ElementNode {
+  static getType() {
+    return "spoiler";
+  }
+  static clone(node) {
+    return new SpoilerNode(node.__key);
+  }
+  constructor(key) {
+    super(key);
+  }
+  createDOM(_config) {
+    const span = document.createElement("span");
+    span.className = "rich-spoiler";
+    span.setAttribute("role", "button");
+    span.setAttribute("tabindex", "0");
+    span.setAttribute("aria-label", "Spoiler (click to reveal)");
+    const toggle = () => {
+      if (span.isContentEditable) return;
+      const revealed = span.classList.toggle("rich-spoiler-revealed");
+      span.setAttribute(
+        "aria-label",
+        revealed ? "Spoiler (revealed)" : "Spoiler (click to reveal)"
+      );
+    };
+    span.addEventListener("click", toggle);
+    span.addEventListener("keydown", (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        toggle();
+      }
+    });
+    return span;
+  }
+  updateDOM() {
+    return false;
+  }
+  static importJSON(_serializedNode) {
+    return $createSpoilerNode();
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      type: "spoiler",
+      version: 1
+    };
+  }
+  canInsertTextBefore() {
+    return true;
+  }
+  canInsertTextAfter() {
+    return true;
+  }
+  isInline() {
+    return true;
+  }
+}
+function $createSpoilerNode() {
+  return new SpoilerNode();
+}
 function VideoRenderer({
   src,
   poster,
@@ -2217,135 +2100,113 @@ const allNodes = [
   ...builtinNodes,
   ...customNodes
 ];
-function FootnotePlugin({ children }) {
-  const [editor] = useLexicalComposerContext();
-  const [definitions, setDefinitions] = useState({});
-  const [displayNumberMap, setDisplayNumberMap] = useState({});
-  useEffect(() => {
-    return editor.registerUpdateListener(({ editorState }) => {
-      editorState.read(() => {
-        const footnoteNodes = $nodesOfType(FootnoteNode);
-        const seen = /* @__PURE__ */ new Set();
-        const numberMap = {};
-        let counter = 1;
-        for (const node of footnoteNodes) {
-          const id = node.getIdentifier();
-          if (!seen.has(id)) {
-            seen.add(id);
-            numberMap[id] = counter++;
-          }
-        }
-        setDisplayNumberMap(numberMap);
-        const sectionNodes = $nodesOfType(FootnoteSectionNode);
-        if (sectionNodes.length > 0) {
-          setDefinitions(sectionNodes[0].getDefinitions());
-        } else {
-          setDefinitions({});
-        }
-      });
-    });
-  }, [editor]);
-  return /* @__PURE__ */ jsx(
-    FootnoteDefinitionsProvider,
-    {
-      definitions,
-      displayNumberMap,
-      children
+const editorTheme = {
+  text: {
+    bold: "rich-text-bold",
+    italic: "rich-text-italic",
+    underline: "rich-text-underline",
+    strikethrough: "rich-text-strikethrough",
+    superscript: "rich-text-superscript",
+    subscript: "rich-text-subscript",
+    code: "rich-text-code",
+    highlight: "rich-text-highlight"
+  },
+  heading: {
+    h1: "rich-heading-h1",
+    h2: "rich-heading-h2",
+    h3: "rich-heading-h3",
+    h4: "rich-heading-h4",
+    h5: "rich-heading-h5",
+    h6: "rich-heading-h6"
+  },
+  list: {
+    ol: "rich-list-ol",
+    ul: "rich-list-ul",
+    listitem: "rich-list-item",
+    listitemChecked: "rich-list-item-checked",
+    listitemUnchecked: "rich-list-item-unchecked",
+    checklist: "rich-checklist",
+    nested: {
+      listitem: "rich-list-nested-item"
     }
-  );
-}
-var articleVariant = "v10dui1 r8uj4t0 _17pm0gw0 v10dui0";
-var darkArticleVariant = "v10dui2 r8uj4t0 _17pm0gw2 v10dui0";
-var commentVariant = "_14ko36c1 r8uj4t0 _17pm0gw1 _14ko36c0";
-var darkCommentVariant = "_14ko36c2 r8uj4t0 _17pm0gw3 _14ko36c0";
-var noteVariant = "ys4fw91 r8uj4t0 _17pm0gw4 ys4fw90";
-var darkNoteVariant = "ys4fw92 r8uj4t0 _17pm0gw5 ys4fw90";
-function clsx(...args) {
-  return args.filter(Boolean).join(" ");
-}
-function getVariantClass(variant, colorScheme) {
-  if (variant === "comment") {
-    return colorScheme === "dark" ? darkCommentVariant : commentVariant;
-  }
-  if (variant === "note") {
-    return colorScheme === "dark" ? darkNoteVariant : noteVariant;
-  }
-  return colorScheme === "dark" ? darkArticleVariant : articleVariant;
-}
+  },
+  quote: "rich-quote",
+  link: "rich-link",
+  paragraph: "rich-paragraph",
+  code: "rich-code-block",
+  table: "rich-table",
+  tableCell: "rich-table-cell",
+  tableCellHeader: "rich-table-cell-header",
+  tableScrollableWrapper: "rich-table-scrollable-wrapper",
+  /** Used by @lexical/extension HorizontalRuleNode */
+  hr: "rich-hr"
+};
 export {
   $createFootnoteSectionNode as $,
   ALERT_LABELS as A,
   BANNER_LABELS as B,
   ColorSchemeProvider as C,
-  darkArticleVariant as D,
-  darkCommentVariant as E,
-  FootnotePlugin as F,
+  FootnoteSectionNode as D,
+  FootnoteStaticRenderer as E,
+  FootnoteDefinitionsProvider as F,
   GridContainerNode as G,
-  darkNoteVariant as H,
-  decodeThumbHash as I,
-  noteVariant as J,
+  KaTeXInlineNode as H,
+  KaTeXRenderer as I,
+  LinkCardRenderer as J,
   KaTeXBlockNode as K,
   LinkCardNode as L,
   MermaidNode as M,
-  NESTED_EDITOR_NODES as N,
-  useColorScheme as O,
-  useFootnoteContent as P,
-  useFootnoteDefinitions as Q,
+  NestedContentRendererProvider as N,
+  computeImageMeta as O,
+  decodeThumbHash as P,
+  $isAlertQuoteNode as Q,
   RendererConfigProvider as R,
-  useFootnoteDisplayNumber as S,
-  useRendererConfig as T,
-  useRendererMode as U,
-  useVariant as V,
-  $isAlertQuoteNode as W,
-  RendererWrapper as X,
-  AlertRenderer as Y,
-  AlertQuoteNode as Z,
-  $isBannerNode as _,
+  AlertRenderer as S,
+  SpoilerNode as T,
+  MentionNode as U,
+  FootnoteNode as V,
+  AlertQuoteNode as W,
+  $isBannerNode as X,
+  BannerRenderer as Y,
+  BannerNode as Z,
+  normalizeBannerType as _,
   allNodes as a,
-  BannerRenderer as a0,
-  BannerNode as a1,
-  normalizeBannerType as a2,
-  $isCodeBlockNode as a3,
-  CodeBlockRenderer as a4,
-  CodeBlockNode as a5,
-  SpoilerNode as a6,
-  MentionNode as a7,
-  ImageNode as a8,
-  FootnoteNode as a9,
-  VideoNode as aa,
-  DetailsNode as ab,
-  $createAlertQuoteNode as ac,
-  $createImageNode as ad,
-  $createKaTeXInlineNode as ae,
-  $createKaTeXBlockNode as af,
-  $createBannerNode as ag,
-  $createDetailsNode as ah,
-  $createFootnoteNode as ai,
-  $createMentionNode as aj,
-  $createSpoilerNode as ak,
+  $isCodeBlockNode as a0,
+  CodeBlockRenderer as a1,
+  CodeBlockNode as a2,
+  ImageNode as a3,
+  VideoNode as a4,
+  DetailsNode as a5,
+  $createImageNode as a6,
+  $createKaTeXInlineNode as a7,
+  $createKaTeXBlockNode as a8,
+  $createDetailsNode as a9,
+  $createFootnoteNode as aa,
+  $createMentionNode as ab,
+  $createSpoilerNode as ac,
   builtinNodes as b,
   customNodes as c,
-  clsx as d,
-  editorTheme as e,
-  $createGridContainerNode as f,
-  getVariantClass as g,
-  $createLinkCardNode as h,
-  $createMermaidNode as i,
-  $isFootnoteSectionNode as j,
-  $isGridContainerNode as k,
-  $isKaTeXBlockNode as l,
-  $isKaTeXInlineNode as m,
-  $isLinkCardNode as n,
-  $isMermaidNode as o,
-  ALERT_TYPES as p,
-  BANNER_TYPES as q,
-  FootnoteDefinitionsProvider as r,
-  FootnoteSectionNode as s,
-  KaTeXInlineNode as t,
-  KaTeXRenderer as u,
-  LinkCardRenderer as v,
-  articleVariant as w,
-  commentVariant as x,
-  computeImageMeta as y,
-  createRendererDecoration as z
+  RendererWrapper as d,
+  createRendererDecoration as e,
+  editorTheme as f,
+  extractTextContent as g,
+  useFootnoteContent as h,
+  useFootnoteDefinitions as i,
+  useFootnoteDisplayNumber as j,
+  useNestedContentRenderer as k,
+  useRendererConfig as l,
+  useRendererMode as m,
+  useVariant as n,
+  $createGridContainerNode as o,
+  $createLinkCardNode as p,
+  $createMermaidNode as q,
+  $isFootnoteSectionNode as r,
+  $isGridContainerNode as s,
+  $isKaTeXBlockNode as t,
+  useColorScheme as u,
+  $isKaTeXInlineNode as v,
+  $isLinkCardNode as w,
+  $isMermaidNode as x,
+  ALERT_TYPES as y,
+  BANNER_TYPES as z
 };