@haklex/rich-editor 0.0.65 → 0.0.66

package/dist/favicon-C6Esc0tp.js

@@ -1,2470 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { CodeNode } from "@lexical/code";
-import { HorizontalRuleNode } from "@lexical/extension";
-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, $insertNodes, ElementNode, createCommand, $getSelection, $isRangeSelection, $getNodeByKey, $createTextNode } from "lexical";
-import { createContext, use, useMemo, createElement, useState, useRef, useEffect, useCallback } from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { OctagonAlert, TriangleAlert, MessageSquareWarning, Lightbulb, Info, Code, ChevronRight, ImageIcon, Sigma, Link, Workflow, Video } from "lucide-react";
-import { thumbHashToDataURL, rgbaToThumbHash } from "thumbhash";
-const NestedContentRendererContext = createContext(
-  null
-);
-const NestedContentRendererProvider = NestedContentRendererContext.Provider;
-function useOptionalNestedContentRenderer() {
-  return use(NestedContentRendererContext);
-}
-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",
-  variant: "article"
-});
-function RendererConfigProvider({
-  config,
-  mode,
-  variant,
-  children
-}) {
-  const value = useMemo(
-    () => ({ config, mode, variant }),
-    [config, mode, variant]
-  );
-  return /* @__PURE__ */ jsx(RendererConfigContext.Provider, { value, children });
-}
-function useRendererConfig() {
-  return use(RendererConfigContext).config;
-}
-function useRendererMode() {
-  return use(RendererConfigContext).mode;
-}
-function useVariant() {
-  return use(RendererConfigContext).variant;
-}
-function RendererWrapper({
-  rendererKey,
-  defaultRenderer: DefaultRenderer,
-  props
-}) {
-  const config = useRendererConfig();
-  const Renderer = config?.[rendererKey] ?? DefaultRenderer;
-  return /* @__PURE__ */ jsx(Renderer, { ...props });
-}
-function createRendererDecoration(rendererKey, defaultRenderer, props) {
-  return createElement(RendererWrapper, {
-    rendererKey,
-    defaultRenderer,
-    props
-  });
-}
-const InfoIcon = () => /* @__PURE__ */ jsx(Info, { size: 16 });
-const LightbulbIcon = () => /* @__PURE__ */ jsx(Lightbulb, { size: 16 });
-const MessageWarningIcon = () => /* @__PURE__ */ jsx(MessageSquareWarning, { size: 16 });
-const TriangleAlertIcon = () => /* @__PURE__ */ jsx(TriangleAlert, { size: 16 });
-const OctagonAlertIcon = () => /* @__PURE__ */ jsx(OctagonAlert, { size: 16 });
-const ALERT_ICONS = {
-  note: InfoIcon,
-  tip: LightbulbIcon,
-  important: MessageWarningIcon,
-  warning: TriangleAlertIcon,
-  caution: OctagonAlertIcon
-};
-const AlertRenderer = ({ type }) => {
-  const Icon = ALERT_ICONS[type];
-  return /* @__PURE__ */ jsxs("div", { className: `rich-alert-header rich-alert-header-${type}`, children: [
-    /* @__PURE__ */ jsx("span", { className: "rich-alert-icon", children: /* @__PURE__ */ jsx(Icon, {}) }),
-    /* @__PURE__ */ jsx("span", { className: "rich-alert-label", children: ALERT_LABELS[type] })
-  ] });
-};
-function AlertStaticDecorator({
-  alertType,
-  contentState
-}) {
-  const renderContent = useNestedContentRenderer();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      RendererWrapper,
-      {
-        rendererKey: "Alert",
-        defaultRenderer: AlertRenderer,
-        props: { type: alertType }
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "rich-alert-content", children: renderContent(contentState) })
-  ] });
-}
-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);
-}
-const ALERT_TYPES = [
-  "note",
-  "tip",
-  "important",
-  "warning",
-  "caution"
-];
-const ALERT_LABELS = {
-  note: "Note",
-  tip: "Tip",
-  important: "Important",
-  warning: "Warning",
-  caution: "Caution"
-};
-class AlertQuoteNode extends DecoratorNode {
-  constructor(alertType, contentState, key) {
-    super(key);
-    __publicField(this, "__alertType");
-    __publicField(this, "__contentState");
-    this.__alertType = alertType;
-    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.__contentState, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = `rich-alert rich-alert-${this.__alertType}`;
-    return div;
-  }
-  updateDOM(prevNode, dom) {
-    if (prevNode.__alertType !== this.__alertType) {
-      dom.className = `rich-alert rich-alert-${this.__alertType}`;
-    }
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  getAlertType() {
-    return this.__alertType;
-  }
-  setAlertType(alertType) {
-    const writable = this.getWritable();
-    writable.__alertType = alertType;
-  }
-  getContentState() {
-    return this.getLatest().__contentState;
-  }
-  setContentState(state) {
-    const writable = this.getWritable();
-    writable.__contentState = state;
-  }
-  getTextContent() {
-    return extractTextContent(this.__contentState);
-  }
-  static importJSON(serializedNode) {
-    return new AlertQuoteNode(serializedNode.alertType, serializedNode.content);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "alert-quote",
-      alertType: this.__alertType,
-      content: this.__contentState,
-      version: 1
-    };
-  }
-  decorate(_editor, _config) {
-    return createElement(AlertStaticDecorator, {
-      alertType: this.__alertType,
-      contentState: this.__contentState
-    });
-  }
-}
-function $isAlertQuoteNode(node) {
-  return node instanceof AlertQuoteNode;
-}
-const BannerRenderer = ({ type }) => {
-  return /* @__PURE__ */ jsx("span", { className: `rich-banner-icon rich-banner-icon-${type}` });
-};
-function BannerStaticDecorator({
-  bannerType,
-  contentState
-}) {
-  const renderContent = useNestedContentRenderer();
-  return /* @__PURE__ */ jsxs("div", { className: "rich-banner-inner", children: [
-    /* @__PURE__ */ jsx(
-      RendererWrapper,
-      {
-        rendererKey: "Banner",
-        defaultRenderer: BannerRenderer,
-        props: { type: bannerType }
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "rich-banner-content", children: renderContent(contentState) })
-  ] });
-}
-const LEGACY_TYPE_MAP = {
-  info: "note",
-  success: "tip",
-  error: "caution"
-};
-function normalizeBannerType(type) {
-  if (type in LEGACY_TYPE_MAP) return LEGACY_TYPE_MAP[type];
-  return type || "note";
-}
-const BANNER_TYPES = [
-  "note",
-  "tip",
-  "important",
-  "warning",
-  "caution"
-];
-const BANNER_LABELS = {
-  note: "Note",
-  tip: "Tip",
-  important: "Important",
-  warning: "Warning",
-  caution: "Caution"
-};
-class BannerNode extends DecoratorNode {
-  constructor(bannerType, contentState, key) {
-    super(key);
-    __publicField(this, "__bannerType");
-    __publicField(this, "__contentState");
-    this.__bannerType = bannerType;
-    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.__contentState, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = `rich-banner rich-banner-${this.__bannerType}`;
-    return div;
-  }
-  updateDOM(prevNode, dom) {
-    if (prevNode.__bannerType !== this.__bannerType) {
-      dom.className = `rich-banner rich-banner-${this.__bannerType}`;
-    }
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  getBannerType() {
-    return this.__bannerType;
-  }
-  setBannerType(bannerType) {
-    const writable = this.getWritable();
-    writable.__bannerType = bannerType;
-  }
-  getContentState() {
-    return this.getLatest().__contentState;
-  }
-  setContentState(state) {
-    const writable = this.getWritable();
-    writable.__contentState = state;
-  }
-  getTextContent() {
-    return extractTextContent(this.__contentState);
-  }
-  static importJSON(serializedNode) {
-    const legacy = serializedNode;
-    const bannerType = normalizeBannerType(serializedNode.bannerType);
-    if (serializedNode.content) {
-      return new BannerNode(bannerType, serializedNode.content);
-    }
-    if (legacy.children) {
-      const content = {
-        root: {
-          children: legacy.children,
-          direction: null,
-          format: "",
-          indent: 0,
-          type: "root",
-          version: 1
-        }
-      };
-      return new BannerNode(bannerType, content);
-    }
-    return new BannerNode(bannerType);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "banner",
-      bannerType: this.__bannerType,
-      content: this.__contentState,
-      version: 1
-    };
-  }
-  decorate(_editor, _config) {
-    return createElement(BannerStaticDecorator, {
-      bannerType: this.__bannerType,
-      contentState: this.__contentState
-    });
-  }
-}
-function $isBannerNode(node) {
-  return node instanceof BannerNode;
-}
-const ColorSchemeContext = createContext("light");
-function ColorSchemeProvider({
-  colorScheme,
-  children
-}) {
-  return /* @__PURE__ */ jsx(ColorSchemeContext.Provider, { value: colorScheme, children });
-}
-function useColorScheme() {
-  return use(ColorSchemeContext);
-}
-let codeToHtmlFn = null;
-let shikiLoadPromise = null;
-function loadCodeToHtml() {
-  if (codeToHtmlFn) return Promise.resolve(codeToHtmlFn);
-  if (!shikiLoadPromise) {
-    shikiLoadPromise = import("shiki/bundle/web").then((mod) => {
-      codeToHtmlFn = mod.codeToHtml;
-      return mod.codeToHtml;
-    }).catch((err) => {
-      shikiLoadPromise = null;
-      throw err;
-    });
-  }
-  return shikiLoadPromise;
-}
-function CodeBlockRenderer({
-  code,
-  language,
-  showLineNumbers: showLineNumbersProp
-}) {
-  const variant = useVariant();
-  const showLineNumbers = showLineNumbersProp ?? variant !== "comment";
-  const colorScheme = useColorScheme();
-  const shikiTheme = colorScheme === "dark" ? "github-dark" : "github-light";
-  const [highlightedHtml, setHighlightedHtml] = useState(null);
-  const [copied, setCopied] = useState(false);
-  const copyTimerRef = useRef(void 0);
-  useEffect(() => {
-    let cancelled = false;
-    setHighlightedHtml(null);
-    loadCodeToHtml().then(
-      (toHtml) => toHtml(code, {
-        lang: language,
-        theme: shikiTheme
-      })
-    ).then((html) => {
-      if (!cancelled) {
-        setHighlightedHtml(html);
-      }
-    }).catch(() => {
-      if (!cancelled) {
-        setHighlightedHtml(null);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [code, language, shikiTheme]);
-  useEffect(() => {
-    return () => clearTimeout(copyTimerRef.current);
-  }, []);
-  const handleCopy = useCallback(() => {
-    navigator.clipboard.writeText(code).then(() => {
-      setCopied(true);
-      clearTimeout(copyTimerRef.current);
-      copyTimerRef.current = setTimeout(() => setCopied(false), 2e3);
-    }).catch(() => {
-    });
-  }, [code]);
-  const header = language ? /* @__PURE__ */ jsxs("div", { className: "rich-code-block-header", children: [
-    /* @__PURE__ */ jsx("span", { className: "rich-code-block-lang", children: language }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "rich-code-block-copy",
-        onClick: handleCopy,
-        "aria-label": copied ? "Copied to clipboard" : "Copy code",
-        children: copied ? "Copied" : "Copy"
-      }
-    )
-  ] }) : null;
-  const wrapperClass = showLineNumbers ? "rich-code-block rich-code-block-numbered" : "rich-code-block";
-  if (highlightedHtml) {
-    return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
-      header,
-      /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: highlightedHtml } })
-    ] });
-  }
-  const lines = code.split("\n");
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
-    header,
-    /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: lines.map((line, i) => /* @__PURE__ */ jsxs("span", { className: "line", children: [
-      line,
-      i < lines.length - 1 ? "\n" : ""
-    ] }, i)) }) })
-  ] });
-}
-const _CodeBlockNode = class _CodeBlockNode extends DecoratorNode {
-  constructor(code, language, key) {
-    super(key);
-    __publicField(this, "__code");
-    __publicField(this, "__language");
-    this.__code = code;
-    this.__language = language;
-  }
-  static getType() {
-    return "code-block";
-  }
-  static clone(node) {
-    return new _CodeBlockNode(node.__code, node.__language, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-code-block-wrapper";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  isKeyboardSelectable() {
-    return true;
-  }
-  static importJSON(serializedNode) {
-    return $createCodeBlockNode(serializedNode.code, serializedNode.language);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "code-block",
-      code: this.__code,
-      language: this.__language,
-      version: 1
-    };
-  }
-  getCode() {
-    return this.__code;
-  }
-  setCode(code) {
-    const writable = this.getWritable();
-    writable.__code = code;
-  }
-  getLanguage() {
-    return this.__language;
-  }
-  setLanguage(language) {
-    const writable = this.getWritable();
-    writable.__language = language;
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration("CodeBlock", CodeBlockRenderer, {
-      code: this.__code,
-      language: this.__language
-    });
-  }
-};
-__publicField(_CodeBlockNode, "commandItems", [
-  {
-    title: "Code Block",
-    icon: createElement(Code, { size: 20 }),
-    description: "Syntax-highlighted code",
-    keywords: ["code", "snippet", "codeblock"],
-    section: "MEDIA",
-    placement: ["slash", "toolbar"],
-    group: "insert",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createCodeBlockNode("", "text")]);
-      });
-    }
-  }
-]);
-let CodeBlockNode = _CodeBlockNode;
-function $createCodeBlockNode(code, language) {
-  return new CodeBlockNode(code, language);
-}
-function $isCodeBlockNode(node) {
-  return node instanceof CodeBlockNode;
-}
-const SVG_NS = "http://www.w3.org/2000/svg";
-const DEFAULT_ATTRS = {
-  xmlns: SVG_NS,
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-function createLucideSvg(iconNode, attrs = {}) {
-  const svg = document.createElementNS(SVG_NS, "svg");
-  const merged = { ...DEFAULT_ATTRS, ...attrs };
-  for (const [k, v] of Object.entries(merged)) {
-    svg.setAttribute(k, v);
-  }
-  for (const [tag, elAttrs] of iconNode) {
-    const el = document.createElementNS(SVG_NS, tag);
-    for (const [k, v] of Object.entries(elAttrs)) {
-      if (k === "key") continue;
-      el.setAttribute(k, v);
-    }
-    svg.append(el);
-  }
-  return svg;
-}
-const ChevronDownIconNode = [["path", { d: "M6 8L10 12L14 8" }]];
-const _DetailsNode = class _DetailsNode extends ElementNode {
-  constructor(summary, open = false, key) {
-    super(key);
-    __publicField(this, "__summary");
-    __publicField(this, "__open");
-    this.__summary = summary;
-    this.__open = open;
-  }
-  static getType() {
-    return "details";
-  }
-  static clone(node) {
-    return new _DetailsNode(node.__summary, node.__open, node.__key);
-  }
-  createDOM(_config) {
-    const details = document.createElement("details");
-    details.className = "rich-details";
-    if (this.__open) {
-      details.open = true;
-    }
-    const summary = document.createElement("summary");
-    summary.className = "rich-details-summary";
-    const label = document.createElement("span");
-    label.className = "rich-details-summary-text";
-    label.textContent = this.__summary;
-    summary.append(label);
-    const chevron = document.createElement("span");
-    chevron.className = "rich-details-chevron";
-    chevron.append(
-      createLucideSvg(ChevronDownIconNode, {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20",
-        "stroke-width": "1.5"
-      })
-    );
-    summary.append(chevron);
-    const content = document.createElement("div");
-    content.className = "rich-details-content";
-    details.append(summary, content);
-    return details;
-  }
-  updateDOM(prevNode, dom) {
-    const details = dom;
-    if (prevNode.__open !== this.__open) {
-      details.open = this.__open;
-    }
-    if (prevNode.__summary !== this.__summary) {
-      const label = dom.querySelector(".rich-details-summary-text");
-      if (label) {
-        label.textContent = this.__summary;
-      }
-    }
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createDetailsNode(serializedNode.summary, serializedNode.open);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "details",
-      summary: this.__summary,
-      open: this.__open,
-      version: 1
-    };
-  }
-  getSummary() {
-    return this.getLatest().__summary;
-  }
-  setSummary(summary) {
-    const writable = this.getWritable();
-    writable.__summary = summary;
-  }
-  getOpen() {
-    return this.getLatest().__open;
-  }
-  setOpen(open) {
-    const writable = this.getWritable();
-    writable.__open = open;
-  }
-  toggleOpen() {
-    this.setOpen(!this.getOpen());
-  }
-  getDOMSlot(element) {
-    const content = element.querySelector(
-      ".rich-details-content"
-    );
-    return super.getDOMSlot(element).withElement(content);
-  }
-  isInline() {
-    return false;
-  }
-};
-__publicField(_DetailsNode, "slashMenuItems", [
-  {
-    title: "Details",
-    icon: createElement(ChevronRight, { size: 20 }),
-    description: "Collapsible content block",
-    keywords: ["details", "toggle", "collapse", "accordion"],
-    section: "ADVANCED",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createDetailsNode("Details")]);
-      });
-    }
-  }
-]);
-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
-}) {
-  const { displayNumberMap } = useFootnoteDefinitions();
-  const sortedEntries = Object.entries(definitions).sort(
-    ([a], [b]) => (displayNumberMap[a] ?? 0) - (displayNumberMap[b] ?? 0)
-  );
-  if (sortedEntries.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "rich-footnote-section-content", role: "doc-endnotes", children: [
-    /* @__PURE__ */ jsx("hr", { className: "rich-footnote-section-divider" }),
-    /* @__PURE__ */ jsx("ol", { className: "rich-footnote-section-list", children: sortedEntries.map(([identifier, content]) => {
-      const displayNum = displayNumberMap[identifier] ?? identifier;
-      return /* @__PURE__ */ jsx(
-        FootnoteSectionItem,
-        {
-          identifier,
-          content,
-          displayNum
-        },
-        identifier
-      );
-    }) })
-  ] });
-}
-function FootnoteSectionItem({
-  identifier,
-  content,
-  displayNum
-}) {
-  const targetId = `footnote-${identifier}`;
-  const refId = `footnote-ref-${identifier}`;
-  const handleBackClick = useCallback(
-    (e) => {
-      e.preventDefault();
-      const refElement = document.getElementById(refId);
-      if (!refElement) return;
-      refElement.scrollIntoView({ behavior: "smooth", block: "center" });
-      refElement.classList.add("rich-footnote-highlight");
-      window.setTimeout(() => {
-        refElement.classList.remove("rich-footnote-highlight");
-      }, 1200);
-    },
-    [refId]
-  );
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      id: targetId,
-      className: "rich-footnote-section-item",
-      value: typeof displayNum === "number" ? displayNum : void 0,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "rich-footnote-section-item-content", children: content }),
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: `#${refId}`,
-            onClick: handleBackClick,
-            className: "rich-footnote-back-ref",
-            role: "doc-backlink",
-            "aria-label": `Back to reference ${displayNum}`,
-            children: "↩"
-          }
-        )
-      ]
-    }
-  );
-}
-class FootnoteSectionNode extends DecoratorNode {
-  constructor(definitions, key) {
-    super(key);
-    __publicField(this, "__definitions");
-    this.__definitions = definitions;
-  }
-  static getType() {
-    return "footnote-section";
-  }
-  static clone(node) {
-    return new FootnoteSectionNode({ ...node.__definitions }, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-footnote-section";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createFootnoteSectionNode(serializedNode.definitions);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "footnote-section",
-      definitions: this.__definitions,
-      version: 1
-    };
-  }
-  getDefinitions() {
-    return this.getLatest().__definitions;
-  }
-  setDefinitions(definitions) {
-    const writable = this.getWritable();
-    writable.__definitions = definitions;
-  }
-  getDefinition(identifier) {
-    return this.getLatest().__definitions[identifier];
-  }
-  setDefinition(identifier, content) {
-    const writable = this.getWritable();
-    writable.__definitions = {
-      ...writable.__definitions,
-      [identifier]: content
-    };
-  }
-  removeDefinition(identifier) {
-    const writable = this.getWritable();
-    const { [identifier]: _, ...rest } = writable.__definitions;
-    writable.__definitions = rest;
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration(
-      "FootnoteSection",
-      FootnoteSectionRenderer,
-      {
-        definitions: this.__definitions,
-        nodeKey: this.__key
-      }
-    );
-  }
-}
-function $createFootnoteSectionNode(definitions = {}) {
-  return new FootnoteSectionNode(definitions);
-}
-function $isFootnoteSectionNode(node) {
-  return node instanceof FootnoteSectionNode;
-}
-function GridStaticDecorator({
-  cols,
-  gap,
-  cellStates
-}) {
-  const renderContent = useNestedContentRenderer();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "rich-grid-inner",
-      style: {
-        display: "grid",
-        gridTemplateColumns: `repeat(${cols}, 1fr)`,
-        gap
-      },
-      children: cellStates.map((state, i) => /* @__PURE__ */ jsx("div", { className: "rich-grid-cell", children: renderContent(state) }, i))
-    }
-  );
-}
-class GridContainerNode extends DecoratorNode {
-  constructor(cols = 2, gap, cellStates, key) {
-    super(key);
-    __publicField(this, "__cols");
-    __publicField(this, "__gap");
-    __publicField(this, "__cellStates");
-    this.__cols = cols;
-    this.__gap = gap || "16px";
-    if (cellStates) {
-      this.__cellStates = cellStates;
-    } else {
-      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(
-      node.__cols,
-      node.__gap,
-      [...node.__cellStates],
-      node.__key
-    );
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-grid-container";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  getCols() {
-    return this.getLatest().__cols;
-  }
-  setCols(cols) {
-    const writable = this.getWritable();
-    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.__cellStates.push(emptyState);
-      }
-    }
-  }
-  getGap() {
-    return this.getLatest().__gap;
-  }
-  setGap(gap) {
-    const writable = this.getWritable();
-    writable.__gap = gap;
-  }
-  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.__cellStates.push(emptyState);
-    }
-  }
-  removeCells(count) {
-    const writable = this.getWritable();
-    const states = writable.__cellStates;
-    const toRemove = Math.min(count, states.length);
-    for (let i = 0; i < toRemove; i++) {
-      const state = states.at(-1);
-      if (!state) break;
-      const isEmpty = extractTextContent(state).trim() === "";
-      if (!isEmpty) break;
-      states.pop();
-    }
-  }
-  getTextContent() {
-    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;
-    if (legacy.cells && legacy.cells.length > 0) {
-      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 new GridContainerNode(cols, gap);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "grid-container",
-      cols: this.__cols,
-      gap: this.__gap,
-      cells: this.__cellStates,
-      version: 1
-    };
-  }
-  decorate(_editor, _config) {
-    return createElement(GridStaticDecorator, {
-      cols: this.__cols,
-      gap: this.__gap,
-      cellStates: this.__cellStates
-    });
-  }
-}
-function $createGridContainerNode(cols = 2, gap) {
-  return new GridContainerNode(cols, gap);
-}
-function $isGridContainerNode(node) {
-  return node instanceof GridContainerNode;
-}
-const MAX_DIM = 100;
-async function computeImageMeta(file) {
-  const url = URL.createObjectURL(file);
-  try {
-    const img = await loadImage(url);
-    const { naturalWidth: w, naturalHeight: h } = img;
-    const scale = Math.min(MAX_DIM / w, MAX_DIM / h, 1);
-    const sw = Math.round(w * scale);
-    const sh = Math.round(h * scale);
-    const canvas = document.createElement("canvas");
-    canvas.width = sw;
-    canvas.height = sh;
-    const ctx = canvas.getContext("2d");
-    ctx.drawImage(img, 0, 0, sw, sh);
-    const { data } = ctx.getImageData(0, 0, sw, sh);
-    const hash = rgbaToThumbHash(sw, sh, data);
-    const thumbhash = uint8ToBase64(hash);
-    return { width: w, height: h, thumbhash };
-  } finally {
-    URL.revokeObjectURL(url);
-  }
-}
-function decodeThumbHash(hash) {
-  try {
-    const bytes = base64ToUint8(hash);
-    return thumbHashToDataURL(bytes);
-  } catch {
-    return void 0;
-  }
-}
-function loadImage(src) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    img.onload = () => resolve(img);
-    img.onerror = reject;
-    img.src = src;
-  });
-}
-function uint8ToBase64(bytes) {
-  let bin = "";
-  for (const b of bytes) bin += String.fromCodePoint(b);
-  return btoa(bin);
-}
-function base64ToUint8(str) {
-  const bin = atob(str);
-  const bytes = new Uint8Array(bin.length);
-  for (let i = 0; i < bin.length; i++) bytes[i] = bin.codePointAt(i);
-  return bytes;
-}
-function ImageRenderer({
-  src,
-  altText,
-  width,
-  height,
-  caption,
-  thumbhash,
-  accent
-}) {
-  const [loaded, setLoaded] = useState(false);
-  const [zoomed, setZoomed] = useState(false);
-  const handleLoad = useCallback(() => setLoaded(true), []);
-  const handleZoomOpen = useCallback(() => {
-    if (!loaded) return;
-    setZoomed(true);
-  }, [loaded]);
-  const handleZoomClose = useCallback(() => setZoomed(false), []);
-  useEffect(() => {
-    if (!zoomed) return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") setZoomed(false);
-    };
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [zoomed]);
-  useEffect(() => {
-    if (!zoomed) return;
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, [zoomed]);
-  const handleContainerKeyDown = useCallback(
-    (e) => {
-      if ((e.key === "Enter" || e.key === " ") && loaded) {
-        e.preventDefault();
-        setZoomed(true);
-      }
-    },
-    [loaded]
-  );
-  const placeholderUrl = useMemo(
-    () => thumbhash ? decodeThumbHash(thumbhash) : void 0,
-    [thumbhash]
-  );
-  const aspectStyle = width && height ? { aspectRatio: `${width} / ${height}`, maxWidth: "100%", width } : { maxWidth: "100%" };
-  return /* @__PURE__ */ jsxs("figure", { className: "rich-image", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `rich-image-container${loaded ? " rich-image-loaded" : ""}`,
-        style: {
-          ...aspectStyle,
-          backgroundColor: !loaded && !placeholderUrl ? accent : void 0,
-          backgroundImage: !loaded && placeholderUrl ? `url(${placeholderUrl})` : void 0,
-          backgroundSize: "cover",
-          cursor: loaded ? "zoom-in" : void 0
-        },
-        onClick: handleZoomOpen,
-        onKeyDown: handleContainerKeyDown,
-        role: "button",
-        tabIndex: loaded ? 0 : -1,
-        "aria-label": loaded ? `Zoom image: ${altText}` : void 0,
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src,
-            alt: altText,
-            width,
-            height,
-            loading: "lazy",
-            onLoad: handleLoad,
-            style: { maxWidth: "100%", height: "auto" },
-            className: loaded ? "rich-image-visible" : "rich-image-hidden"
-          }
-        )
-      }
-    ),
-    caption && /* @__PURE__ */ jsx("figcaption", { children: caption }),
-    zoomed && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "rich-image-zoom-overlay",
-        onClick: handleZoomClose,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": `Zoomed image: ${altText}`,
-        tabIndex: 0,
-        children: /* @__PURE__ */ jsx("img", { src, alt: altText, className: "rich-image-zoom-img" })
-      }
-    )
-  ] });
-}
-const OPEN_IMAGE_UPLOAD_DIALOG_COMMAND = createCommand(
-  "OPEN_IMAGE_UPLOAD_DIALOG_COMMAND"
-);
-function sanitizeImageSrc(src) {
-  const trimmed = src.trim();
-  if (/^(javascript\s*:|vbscript\s*:|data\s*:(?!image\/))/i.test(trimmed)) {
-    return "";
-  }
-  return trimmed;
-}
-function sanitizeColor(value) {
-  if (!value) return void 0;
-  const trimmed = value.trim();
-  if (/^#[\da-f]{3,8}$/i.test(trimmed)) return trimmed;
-  if (/^(rgb|hsl)a?\([^)]+\)$/i.test(trimmed)) return trimmed;
-  if (/^[a-z]{3,20}$/i.test(trimmed)) return trimmed;
-  return void 0;
-}
-const _ImageNode = class _ImageNode extends DecoratorNode {
-  constructor(payload, key) {
-    super(key);
-    __publicField(this, "__src");
-    __publicField(this, "__altText");
-    __publicField(this, "__width");
-    __publicField(this, "__height");
-    __publicField(this, "__caption");
-    __publicField(this, "__thumbhash");
-    __publicField(this, "__accent");
-    this.__src = sanitizeImageSrc(payload.src);
-    this.__altText = payload.altText;
-    this.__width = payload.width;
-    this.__height = payload.height;
-    this.__caption = payload.caption;
-    this.__thumbhash = payload.thumbhash;
-    this.__accent = sanitizeColor(payload.accent);
-  }
-  static getType() {
-    return "image";
-  }
-  static clone(node) {
-    return new _ImageNode(
-      {
-        src: node.__src,
-        altText: node.__altText,
-        width: node.__width,
-        height: node.__height,
-        caption: node.__caption,
-        thumbhash: node.__thumbhash,
-        accent: node.__accent
-      },
-      node.__key
-    );
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-image-wrapper";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createImageNode({
-      src: serializedNode.src,
-      altText: serializedNode.altText,
-      width: serializedNode.width,
-      height: serializedNode.height,
-      caption: serializedNode.caption,
-      thumbhash: serializedNode.thumbhash,
-      accent: serializedNode.accent
-    });
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "image",
-      src: this.__src,
-      altText: this.__altText,
-      width: this.__width,
-      height: this.__height,
-      caption: this.__caption,
-      thumbhash: this.__thumbhash,
-      accent: this.__accent,
-      version: 1
-    };
-  }
-  setSrc(src) {
-    const writable = this.getWritable();
-    writable.__src = sanitizeImageSrc(src);
-  }
-  setAltText(altText) {
-    const writable = this.getWritable();
-    writable.__altText = altText;
-  }
-  setCaption(caption) {
-    const writable = this.getWritable();
-    writable.__caption = caption;
-  }
-  setDimensions(width, height) {
-    const writable = this.getWritable();
-    writable.__width = width;
-    writable.__height = height;
-  }
-  setThumbhash(thumbhash) {
-    const writable = this.getWritable();
-    writable.__thumbhash = thumbhash;
-  }
-  setAccent(accent) {
-    const writable = this.getWritable();
-    writable.__accent = sanitizeColor(accent);
-  }
-  getSrc() {
-    return this.__src;
-  }
-  getAltText() {
-    return this.__altText;
-  }
-  getCaption() {
-    return this.__caption;
-  }
-  getWidth() {
-    return this.__width;
-  }
-  getHeight() {
-    return this.__height;
-  }
-  getThumbhash() {
-    return this.__thumbhash;
-  }
-  getAccent() {
-    return this.__accent;
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration("Image", ImageRenderer, {
-      src: this.__src,
-      altText: this.__altText,
-      width: this.__width,
-      height: this.__height,
-      caption: this.__caption,
-      thumbhash: this.__thumbhash,
-      accent: this.__accent
-    });
-  }
-};
-__publicField(_ImageNode, "commandItems", [
-  {
-    title: "Image",
-    icon: createElement(ImageIcon, { size: 20 }),
-    description: "Upload or embed an image",
-    keywords: ["image", "picture", "photo"],
-    section: "MEDIA",
-    placement: ["slash", "toolbar"],
-    group: "insert",
-    onSelect: (editor) => {
-      const opened = editor.dispatchCommand(
-        OPEN_IMAGE_UPLOAD_DIALOG_COMMAND,
-        void 0
-      );
-      if (opened) return;
-      editor.update(() => {
-        $insertNodes([$createImageNode({ src: "", altText: "" })]);
-      });
-    }
-  }
-]);
-let ImageNode = _ImageNode;
-function $createImageNode(payload) {
-  return new ImageNode(payload);
-}
-function $isImageNode(node) {
-  return node instanceof ImageNode;
-}
-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) {
-    super(key);
-    __publicField(this, "__equation");
-    this.__equation = equation;
-  }
-  static getType() {
-    return "katex-block";
-  }
-  static clone(node) {
-    return new _KaTeXBlockNode(node.__equation, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-katex-block-wrapper";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createKaTeXBlockNode(serializedNode.equation);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "katex-block",
-      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: true
-    });
-  }
-};
-__publicField(_KaTeXBlockNode, "slashMenuItems", [
-  {
-    title: "Math Equation",
-    icon: createElement(Sigma, { size: 20 }),
-    description: "KaTeX block formula",
-    keywords: ["math", "equation", "latex", "katex"],
-    section: "ADVANCED",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createKaTeXBlockNode("")]);
-      });
-    }
-  }
-]);
-let KaTeXBlockNode = _KaTeXBlockNode;
-function $createKaTeXBlockNode(equation) {
-  return new KaTeXBlockNode(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,
-  description,
-  favicon,
-  image
-}) {
-  const displayTitle = title || url;
-  return /* @__PURE__ */ jsxs(
-    "a",
-    {
-      className: "rich-link-card",
-      href: url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: [
-        image && /* @__PURE__ */ jsx("span", { className: "rich-link-card-image", children: /* @__PURE__ */ jsx("img", { src: image, alt: "", loading: "lazy" }) }),
-        /* @__PURE__ */ jsxs("span", { className: "rich-link-card-content", children: [
-          /* @__PURE__ */ jsxs("span", { className: "rich-link-card-title", children: [
-            favicon && /* @__PURE__ */ jsx(
-              "img",
-              {
-                className: "rich-link-card-favicon",
-                src: favicon,
-                alt: "",
-                width: 16,
-                height: 16,
-                onError: (e) => {
-                  e.target.style.display = "none";
-                }
-              }
-            ),
-            displayTitle
-          ] }),
-          description && /* @__PURE__ */ jsx("span", { className: "rich-link-card-description", children: description }),
-          /* @__PURE__ */ jsx("span", { className: "rich-link-card-url", children: url })
-        ] })
-      ]
-    }
-  );
-}
-const _LinkCardNode = class _LinkCardNode extends DecoratorNode {
-  constructor(payload, key) {
-    super(key);
-    __publicField(this, "__url");
-    __publicField(this, "__source");
-    __publicField(this, "__id");
-    __publicField(this, "__title");
-    __publicField(this, "__description");
-    __publicField(this, "__favicon");
-    __publicField(this, "__image");
-    this.__url = payload.url;
-    this.__source = payload.source;
-    this.__id = payload.id;
-    this.__title = payload.title;
-    this.__description = payload.description;
-    this.__favicon = payload.favicon;
-    this.__image = payload.image;
-  }
-  static getType() {
-    return "link-card";
-  }
-  static clone(node) {
-    return new _LinkCardNode(
-      {
-        url: node.__url,
-        source: node.__source,
-        id: node.__id,
-        title: node.__title,
-        description: node.__description,
-        favicon: node.__favicon,
-        image: node.__image
-      },
-      node.__key
-    );
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-link-card-wrapper";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createLinkCardNode({
-      url: serializedNode.url,
-      source: serializedNode.source,
-      id: serializedNode.id,
-      title: serializedNode.title,
-      description: serializedNode.description,
-      favicon: serializedNode.favicon,
-      image: serializedNode.image
-    });
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "link-card",
-      url: this.__url,
-      source: this.__source,
-      id: this.__id,
-      title: this.__title,
-      description: this.__description,
-      favicon: this.__favicon,
-      image: this.__image,
-      version: 1
-    };
-  }
-  getUrl() {
-    return this.getLatest().__url;
-  }
-  setUrl(url) {
-    const writable = this.getWritable();
-    writable.__url = url;
-  }
-  getSource() {
-    return this.getLatest().__source;
-  }
-  setSource(source) {
-    const writable = this.getWritable();
-    writable.__source = source;
-  }
-  getId() {
-    return this.getLatest().__id;
-  }
-  setId(id) {
-    const writable = this.getWritable();
-    writable.__id = id;
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration("LinkCard", LinkCardRenderer, {
-      url: this.__url,
-      source: this.__source,
-      id: this.__id,
-      title: this.__title,
-      description: this.__description,
-      favicon: this.__favicon,
-      image: this.__image
-    });
-  }
-};
-__publicField(_LinkCardNode, "commandItems", [
-  {
-    title: "Link Card",
-    icon: createElement(Link, { size: 20 }),
-    description: "Link preview card",
-    keywords: ["link", "card", "bookmark", "embed"],
-    section: "MEDIA",
-    placement: ["slash", "toolbar"],
-    group: "insert",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createLinkCardNode({ url: "" })]);
-      });
-    }
-  }
-]);
-let LinkCardNode = _LinkCardNode;
-function $createLinkCardNode(payload) {
-  return new LinkCardNode(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
-  ] }) });
-}
-const _MentionNode = 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
-    });
-  }
-};
-__publicField(_MentionNode, "slashMenuItems", [
-  {
-    title: "Mention",
-    icon: createElement(
-      "span",
-      { style: { fontSize: 16, fontWeight: 700 } },
-      "@"
-    ),
-    description: "Mention a social account",
-    keywords: ["mention", "at", "@", "github", "twitter"],
-    section: "INLINE",
-    onSelect: (editor) => {
-      editor.update(() => {
-        const selection = $getSelection();
-        if ($isRangeSelection(selection)) {
-          selection.insertText("@");
-        }
-      });
-    }
-  }
-]);
-let MentionNode = _MentionNode;
-function $createMentionNode(platform, handle, displayName) {
-  return new MentionNode(platform, handle, displayName);
-}
-function $isMentionNode(node) {
-  return node instanceof MentionNode;
-}
-function MermaidRenderer({ content }) {
-  return /* @__PURE__ */ jsx("div", { className: "rich-mermaid-block", children: /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: content }) }) });
-}
-const _MermaidNode = class _MermaidNode extends DecoratorNode {
-  constructor(diagram, key) {
-    super(key);
-    __publicField(this, "__diagram");
-    this.__diagram = diagram;
-  }
-  static getType() {
-    return "mermaid";
-  }
-  static clone(node) {
-    return new _MermaidNode(node.__diagram, node.__key);
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-mermaid-wrapper";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createMermaidNode(serializedNode.diagram);
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "mermaid",
-      diagram: this.__diagram,
-      version: 1
-    };
-  }
-  getDiagram() {
-    return this.__diagram;
-  }
-  setDiagram(diagram) {
-    const writable = this.getWritable();
-    writable.__diagram = diagram;
-  }
-  decorate(editor, _config) {
-    const nodeKey = this.__key;
-    return createRendererDecoration("Mermaid", MermaidRenderer, {
-      content: this.__diagram,
-      onContentChange: (newDiagram) => {
-        editor.update(() => {
-          const node = $getNodeByKey(nodeKey);
-          if (node) {
-            node.setDiagram(newDiagram);
-          }
-        });
-      }
-    });
-  }
-};
-__publicField(_MermaidNode, "commandItems", [
-  {
-    title: "Mermaid Diagram",
-    icon: createElement(Workflow, { size: 20 }),
-    description: "Flowchart, sequence diagram",
-    keywords: ["mermaid", "diagram", "chart", "flowchart"],
-    section: "MEDIA",
-    placement: ["slash", "toolbar"],
-    group: "insert",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([
-          $createMermaidNode("graph TD\n    A[Start] --> B[End]")
-        ]);
-      });
-    }
-  }
-]);
-let MermaidNode = _MermaidNode;
-function $createMermaidNode(diagram) {
-  return new MermaidNode(diagram);
-}
-function $isMermaidNode(node) {
-  return node instanceof MermaidNode;
-}
-function readBaseTextFromRuby(element) {
-  let base = "";
-  for (const child of Array.from(element.childNodes)) {
-    if (child.nodeType === Node.TEXT_NODE) {
-      base += child.textContent ?? "";
-      continue;
-    }
-    if (child.nodeType !== Node.ELEMENT_NODE) continue;
-    const childElement = child;
-    const tag = childElement.tagName.toLowerCase();
-    if (tag === "rt" || tag === "rp") continue;
-    base += childElement.textContent ?? "";
-  }
-  return base;
-}
-class RubyNode extends ElementNode {
-  constructor(reading, key) {
-    super(key);
-    __publicField(this, "__reading");
-    this.__reading = reading;
-  }
-  static getType() {
-    return "ruby";
-  }
-  static clone(node) {
-    return new RubyNode(node.__reading, node.__key);
-  }
-  static importJSON(serializedNode) {
-    return $createRubyNode(serializedNode.reading ?? "");
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "ruby",
-      reading: this.__reading,
-      version: 1
-    };
-  }
-  static importDOM() {
-    return {
-      ruby: () => ({
-        conversion: (domNode) => {
-          if (!(domNode instanceof HTMLElement)) return null;
-          const reading = domNode.querySelector("rt")?.textContent ?? "";
-          const baseText = readBaseTextFromRuby(domNode);
-          const node = $createRubyNode(reading);
-          if (baseText) {
-            node.append($createTextNode(baseText));
-          }
-          return { node };
-        },
-        priority: 2
-      })
-    };
-  }
-  exportDOM() {
-    const ruby = document.createElement("ruby");
-    ruby.className = "rich-ruby";
-    const baseText = this.getTextContent();
-    if (baseText) {
-      ruby.append(baseText);
-    }
-    if (this.__reading) {
-      const rt = document.createElement("rt");
-      rt.className = "rich-ruby-rt";
-      rt.textContent = this.__reading;
-      ruby.append(rt);
-    }
-    return { element: ruby };
-  }
-  createDOM(_config) {
-    const span = document.createElement("span");
-    span.className = "rich-ruby";
-    if (this.__reading) {
-      span.dataset.ruby = this.__reading;
-    }
-    return span;
-  }
-  updateDOM(prevNode, dom) {
-    if (prevNode.__reading !== this.__reading) {
-      if (this.__reading) {
-        dom.dataset.ruby = this.__reading;
-      } else {
-        delete dom.dataset.ruby;
-      }
-    }
-    return false;
-  }
-  canInsertTextBefore() {
-    return true;
-  }
-  canInsertTextAfter() {
-    return true;
-  }
-  isInline() {
-    return true;
-  }
-  getReading() {
-    return this.getLatest().__reading;
-  }
-  setReading(reading) {
-    const writable = this.getWritable();
-    writable.__reading = reading;
-  }
-}
-function $createRubyNode(reading) {
-  return new RubyNode(reading);
-}
-function $isRubyNode(node) {
-  return node instanceof RubyNode;
-}
-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,
-  width,
-  height
-}) {
-  return /* @__PURE__ */ jsx("figure", { className: "rich-video", children: /* @__PURE__ */ jsx(
-    "video",
-    {
-      src,
-      poster,
-      width,
-      height,
-      controls: true,
-      preload: "metadata",
-      style: { maxWidth: "100%", height: "auto" }
-    }
-  ) });
-}
-const _VideoNode = class _VideoNode extends DecoratorNode {
-  constructor(payload, key) {
-    super(key);
-    __publicField(this, "__src");
-    __publicField(this, "__poster");
-    __publicField(this, "__width");
-    __publicField(this, "__height");
-    this.__src = payload.src;
-    this.__poster = payload.poster;
-    this.__width = payload.width;
-    this.__height = payload.height;
-  }
-  static getType() {
-    return "video";
-  }
-  static clone(node) {
-    return new _VideoNode(
-      {
-        src: node.__src,
-        poster: node.__poster,
-        width: node.__width,
-        height: node.__height
-      },
-      node.__key
-    );
-  }
-  createDOM(_config) {
-    const div = document.createElement("div");
-    div.className = "rich-video-wrapper";
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createVideoNode({
-      src: serializedNode.src,
-      poster: serializedNode.poster,
-      width: serializedNode.width,
-      height: serializedNode.height
-    });
-  }
-  exportJSON() {
-    return {
-      ...super.exportJSON(),
-      type: "video",
-      src: this.__src,
-      poster: this.__poster,
-      width: this.__width,
-      height: this.__height,
-      version: 1
-    };
-  }
-  getSrc() {
-    return this.getLatest().__src;
-  }
-  setSrc(src) {
-    const writable = this.getWritable();
-    writable.__src = src;
-  }
-  decorate(_editor, _config) {
-    return createRendererDecoration("Video", VideoRenderer, {
-      src: this.__src,
-      poster: this.__poster,
-      width: this.__width,
-      height: this.__height
-    });
-  }
-};
-__publicField(_VideoNode, "commandItems", [
-  {
-    title: "Video",
-    icon: createElement(Video, { size: 20 }),
-    description: "Embed a video",
-    keywords: ["video", "media", "mp4"],
-    section: "MEDIA",
-    placement: ["slash", "toolbar"],
-    group: "insert",
-    onSelect: (editor) => {
-      editor.update(() => {
-        $insertNodes([$createVideoNode({ src: "" })]);
-      });
-    }
-  }
-]);
-let VideoNode = _VideoNode;
-function $createVideoNode(payload) {
-  return new VideoNode(payload);
-}
-const builtinNodes = [
-  HeadingNode,
-  QuoteNode,
-  ListNode,
-  ListItemNode,
-  LinkNode,
-  AutoLinkNode,
-  HorizontalRuleNode,
-  TableNode,
-  TableCellNode,
-  TableRowNode,
-  CodeNode
-];
-const customNodes = [
-  SpoilerNode,
-  MentionNode,
-  KaTeXInlineNode,
-  KaTeXBlockNode,
-  ImageNode,
-  AlertQuoteNode,
-  CodeBlockNode,
-  FootnoteNode,
-  FootnoteSectionNode,
-  VideoNode,
-  LinkCardNode,
-  DetailsNode,
-  GridContainerNode,
-  BannerNode,
-  MermaidNode,
-  RubyNode
-];
-const allNodes = [
-  ...builtinNodes,
-  ...customNodes
-];
-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"
-    }
-  },
-  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 FAVICON_VARIANTS = [
-  "/favicon.ico",
-  "/favicon.png",
-  "/favicon.svg",
-  "/apple-touch-icon.png",
-  "/apple-touch-icon-precomposed.png"
-];
-const faviconCache = /* @__PURE__ */ new Map();
-function getHostname(href) {
-  try {
-    const url = new URL(href);
-    if (url.protocol !== "http:" && url.protocol !== "https:") return null;
-    return url.hostname;
-  } catch {
-    return null;
-  }
-}
-function probeImage(url) {
-  return new Promise((resolve) => {
-    const img = new Image();
-    img.onload = () => resolve(url);
-    img.onerror = () => resolve(null);
-    img.src = url;
-  });
-}
-async function probeFavicon(hostname) {
-  const cached = faviconCache.get(hostname);
-  if (cached !== void 0) return cached;
-  for (const variant of FAVICON_VARIANTS) {
-    const url = `https://${hostname}${variant}`;
-    const result = await probeImage(url);
-    if (result) {
-      faviconCache.set(hostname, result);
-      return result;
-    }
-  }
-  faviconCache.set(hostname, null);
-  return null;
-}
-export {
-  $createFootnoteSectionNode as $,
-  $isImageNode as A,
-  $isKaTeXBlockNode as B,
-  ColorSchemeProvider as C,
-  $isKaTeXInlineNode as D,
-  $isLinkCardNode as E,
-  FootnoteDefinitionsProvider as F,
-  $isMentionNode as G,
-  $isMermaidNode as H,
-  $isRubyNode as I,
-  ALERT_LABELS as J,
-  ALERT_TYPES as K,
-  BANNER_LABELS as L,
-  BANNER_TYPES as M,
-  NestedContentRendererProvider as N,
-  FootnoteSectionNode as O,
-  FootnoteStaticRenderer as P,
-  GridContainerNode as Q,
-  RendererConfigProvider as R,
-  ImageNode as S,
-  KaTeXBlockNode as T,
-  KaTeXInlineNode as U,
-  KaTeXRenderer as V,
-  LinkCardNode as W,
-  LinkCardRenderer as X,
-  MentionNode as Y,
-  MermaidNode as Z,
-  OPEN_IMAGE_UPLOAD_DIALOG_COMMAND as _,
-  allNodes as a,
-  RubyNode as a0,
-  computeImageMeta as a1,
-  decodeThumbHash as a2,
-  $isAlertQuoteNode as a3,
-  AlertRenderer as a4,
-  SpoilerNode as a5,
-  FootnoteNode as a6,
-  AlertQuoteNode as a7,
-  $isBannerNode as a8,
-  BannerRenderer as a9,
-  BannerNode as aa,
-  normalizeBannerType as ab,
-  $isCodeBlockNode as ac,
-  CodeBlockRenderer as ad,
-  CodeBlockNode as ae,
-  VideoNode as af,
-  DetailsNode as ag,
-  $createKaTeXInlineNode as ah,
-  $createKaTeXBlockNode as ai,
-  $createDetailsNode as aj,
-  $createFootnoteNode as ak,
-  $createSpoilerNode as al,
-  builtinNodes as b,
-  customNodes as c,
-  RendererWrapper as d,
-  createRendererDecoration as e,
-  editorTheme as f,
-  extractTextContent as g,
-  useFootnoteContent as h,
-  useFootnoteDefinitions as i,
-  useFootnoteDisplayNumber as j,
-  useNestedContentRenderer as k,
-  useOptionalNestedContentRenderer as l,
-  useRendererConfig as m,
-  useRendererMode as n,
-  useVariant as o,
-  getHostname as p,
-  probeFavicon as q,
-  $createGridContainerNode as r,
-  $createImageNode as s,
-  $createLinkCardNode as t,
-  useColorScheme as u,
-  $createMentionNode as v,
-  $createMermaidNode as w,
-  $createRubyNode as x,
-  $isFootnoteSectionNode as y,
-  $isGridContainerNode as z
-};