@keboola/design 11.0.0 → 11.0.1

package/dist/markdown-editor.js

@@ -1,1237 +1,1152 @@
-import { toast } from './chunk-6W5BHRCL.js';
-import { DropdownMenu } from './chunk-ERAHK5YQ.js';
-import { ButtonGroup } from './chunk-ANZTVAJU.js';
-import { Skeleton } from './chunk-PACNBKJV.js';
-import { FormGroup } from './chunk-RTW56PWZ.js';
-import './chunk-QZAWRSEB.js';
-import './chunk-EEK5NGZF.js';
-import './chunk-VSERHUWD.js';
-import { TextInput } from './chunk-HPMYYGP7.js';
-import './chunk-WKAUEL6I.js';
-import './chunk-SC275NHZ.js';
-import { Label } from './chunk-S6TAF63G.js';
-import './chunk-THHB4EWS.js';
-import './chunk-PROCA7K7.js';
-import { Button } from './chunk-IXAYNBOY.js';
-import { AlignLeft, AlignCenter, AlignRight, AlignJustify, SquareCode, Quote, ListOrdered, List, Heading3, Heading2, Heading1, Type, Bold, Italic, Underline, Strikethrough, Code, ChevronDown, Link } from './chunk-RQVK4IYC.js';
-import { Tooltip } from './chunk-SWQFYNYG.js';
-import './chunk-3W27OLK5.js';
-import './chunk-MODE4QIA.js';
-import './chunk-WETKNYZX.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import './chunk-G3PMV62Z.js';
-import { createContext, lazy, Suspense, use, useState, useRef, useCallback, useEffect } from 'react';
-import { CodeNode, $isCodeNode, $createCodeNode } from '@lexical/code';
-import { LinkNode, $isLinkNode, TOGGLE_LINK_COMMAND, $createLinkNode } from '@lexical/link';
-import { ListNode, ListItemNode, $isListNode, REMOVE_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND } from '@lexical/list';
-import { CHECK_LIST, TRANSFORMERS, $convertFromMarkdownString, $convertToMarkdownString } from '@lexical/markdown';
-import { AutoFocusPlugin } from '@lexical/react/LexicalAutoFocusPlugin';
-import { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin';
-import { ClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin';
-import { LexicalComposer } from '@lexical/react/LexicalComposer';
-import { ContentEditable } from '@lexical/react/LexicalContentEditable';
-import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
-import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
-import { HorizontalRuleNode, $createHorizontalRuleNode, $isHorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
-import { HorizontalRulePlugin } from '@lexical/react/LexicalHorizontalRulePlugin';
-import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
-import { ListPlugin } from '@lexical/react/LexicalListPlugin';
-import { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin';
-import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
-import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
-import { HeadingNode, QuoteNode, $isHeadingNode, $isQuoteNode, $createQuoteNode, $createHeadingNode } from '@lexical/rich-text';
-import { DecoratorNode, $getSelection, $isRangeSelection, FORMAT_TEXT_COMMAND, $createParagraphNode, PASTE_COMMAND, COMMAND_PRIORITY_CRITICAL, DROP_COMMAND, KEY_DOWN_COMMAND, COMMAND_PRIORITY_HIGH, $insertNodes, $getNodeByKey, $setSelection, FORMAT_ELEMENT_COMMAND, $createTextNode } from 'lexical';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { createPortal } from 'react-dom';
-import { $getNearestBlockElementAncestorOrThrow } from '@lexical/utils';
-
-var ImageRendererContext = createContext(null);
-var ImageRendererProvider = ImageRendererContext;
-var useImageRenderer = () => use(ImageRendererContext);
-var isPlaceholder = (src) => src.startsWith("upload-placeholder-");
-var ImageNodeComponent = ({ src, alt }) => {
-  const renderer = useImageRenderer();
-  if (isPlaceholder(src)) {
-    return /* @__PURE__ */ jsx("span", { className: "tw:inline-flex tw:items-center tw:gap-1 tw:rounded tw:bg-neutral-100 tw:px-2 tw:py-1 tw:text-xs tw:text-neutral-400", children: "Uploading image\u2026" });
-  }
-  if (renderer) return /* @__PURE__ */ jsx(Fragment, { children: renderer({ src, alt }) });
-  return /* @__PURE__ */ jsx("img", { src, alt });
+import { cn } from "./classNames-BzrkDnOD.js";
+import { Tooltip } from "./utils-D0c5VAyF.js";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-Cek151jC.js";
+import { Button } from "./Button-nzmDNS2q.js";
+import { ButtonGroup } from "./internal/components/ButtonGroup.js";
+import { DropdownMenu } from "./DropdownMenu-B6ZbYvaM.js";
+import { Label } from "./internal/components/Label.js";
+import { TextInput } from "./TextInput-BGed-V13.js";
+import { FormGroup } from "./FormGroup-S9mPNHKH.js";
+import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
+import { toast } from "./toast-CjkURw0M.js";
+import { Suspense, createContext, lazy, use, useCallback, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { $createCodeNode, $isCodeNode, CodeNode } from "@lexical/code";
+import { $createLinkNode, $isLinkNode, LinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
+import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, ListItemNode, ListNode, REMOVE_LIST_COMMAND } from "@lexical/list";
+import { $convertFromMarkdownString, $convertToMarkdownString, CHECK_LIST, TRANSFORMERS } from "@lexical/markdown";
+import { AutoFocusPlugin } from "@lexical/react/LexicalAutoFocusPlugin";
+import { CheckListPlugin } from "@lexical/react/LexicalCheckListPlugin";
+import { ClickableLinkPlugin } from "@lexical/react/LexicalClickableLinkPlugin";
+import { LexicalComposer } from "@lexical/react/LexicalComposer";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { $createHorizontalRuleNode, $isHorizontalRuleNode, HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
+import { HorizontalRulePlugin } from "@lexical/react/LexicalHorizontalRulePlugin";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin";
+import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode, HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { $createParagraphNode, $createTextNode, $getNodeByKey, $getSelection, $insertNodes, $isRangeSelection, $setSelection, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, DROP_COMMAND, DecoratorNode, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, KEY_DOWN_COMMAND, PASTE_COMMAND } from "lexical";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $getNearestBlockElementAncestorOrThrow } from "@lexical/utils";
+//#region src/blocks/MarkdownEditor/context.ts
+const ImageRendererContext = createContext(null);
+const ImageRendererProvider = ImageRendererContext;
+const useImageRenderer = () => use(ImageRendererContext);
+//#endregion
+//#region src/blocks/MarkdownEditor/nodes/ImageNodeComponent.tsx
+const isPlaceholder = (src) => src.startsWith("upload-placeholder-");
+const ImageNodeComponent = ({ src, alt }) => {
+	const renderer = useImageRenderer();
+	if (isPlaceholder(src)) return /* @__PURE__ */ jsx("span", {
+		className: "tw:inline-flex tw:items-center tw:gap-1 tw:rounded tw:bg-neutral-100 tw:px-2 tw:py-1 tw:text-xs tw:text-neutral-400",
+		children: "Uploading image…"
+	});
+	if (renderer) return /* @__PURE__ */ jsx(Fragment$1, { children: renderer({
+		src,
+		alt
+	}) });
+	return /* @__PURE__ */ jsx("img", {
+		src,
+		alt
+	});
 };
-var ImageNode = class _ImageNode extends DecoratorNode {
-  __src;
-  __altText;
-  static getType() {
-    return "image";
-  }
-  static clone(node) {
-    return new _ImageNode(node.__src, node.__altText, node.__key);
-  }
-  constructor(src, altText, key) {
-    super(key);
-    this.__src = src;
-    this.__altText = altText;
-  }
-  getSrc() {
-    return this.__src;
-  }
-  getAlt() {
-    return this.__altText;
-  }
-  setSrc(src) {
-    const writable = this.getWritable();
-    writable.__src = src;
-  }
-  setAlt(altText) {
-    const writable = this.getWritable();
-    writable.__altText = altText;
-  }
-  createDOM(config) {
-    const span = document.createElement("span");
-    const className = config.theme.image;
-    if (typeof className === "string") {
-      span.className = className;
-    }
-    return span;
-  }
-  updateDOM() {
-    return false;
-  }
-  decorate() {
-    return /* @__PURE__ */ jsx(ImageNodeComponent, { src: this.__src, alt: this.__altText });
-  }
-  isInline() {
-    return true;
-  }
-  static importJSON(serializedNode) {
-    return $createImageNode(serializedNode.src, serializedNode.altText);
-  }
-  exportJSON() {
-    return {
-      type: "image",
-      version: 1,
-      src: this.__src,
-      altText: this.__altText
-    };
-  }
-  exportDOM() {
-    const element = document.createElement("img");
-    element.setAttribute("src", this.__src);
-    element.setAttribute("alt", this.__altText);
-    return { element };
-  }
-  static importDOM() {
-    return {
-      img: () => ({
-        conversion: (domNode) => {
-          const src = domNode.getAttribute("src") || "";
-          const alt = domNode.getAttribute("alt") || "";
-          return { node: $createImageNode(src, alt) };
-        },
-        priority: 0
-      })
-    };
-  }
+//#endregion
+//#region src/blocks/MarkdownEditor/nodes/ImageNode.tsx
+var ImageNode = class ImageNode extends DecoratorNode {
+	__src;
+	__altText;
+	static getType() {
+		return "image";
+	}
+	static clone(node) {
+		return new ImageNode(node.__src, node.__altText, node.__key);
+	}
+	constructor(src, altText, key) {
+		super(key);
+		this.__src = src;
+		this.__altText = altText;
+	}
+	getSrc() {
+		return this.__src;
+	}
+	getAlt() {
+		return this.__altText;
+	}
+	setSrc(src) {
+		const writable = this.getWritable();
+		writable.__src = src;
+	}
+	setAlt(altText) {
+		const writable = this.getWritable();
+		writable.__altText = altText;
+	}
+	createDOM(config) {
+		const span = document.createElement("span");
+		const className = config.theme.image;
+		if (typeof className === "string") span.className = className;
+		return span;
+	}
+	updateDOM() {
+		return false;
+	}
+	decorate() {
+		return /* @__PURE__ */ jsx(ImageNodeComponent, {
+			src: this.__src,
+			alt: this.__altText
+		});
+	}
+	isInline() {
+		return true;
+	}
+	static importJSON(serializedNode) {
+		return $createImageNode(serializedNode.src, serializedNode.altText);
+	}
+	exportJSON() {
+		return {
+			type: "image",
+			version: 1,
+			src: this.__src,
+			altText: this.__altText
+		};
+	}
+	exportDOM() {
+		const element = document.createElement("img");
+		element.setAttribute("src", this.__src);
+		element.setAttribute("alt", this.__altText);
+		return { element };
+	}
+	static importDOM() {
+		return { img: () => ({
+			conversion: (domNode) => {
+				const src = domNode.getAttribute("src") || "";
+				const alt = domNode.getAttribute("alt") || "";
+				return { node: $createImageNode(src, alt) };
+			},
+			priority: 0
+		}) };
+	}
 };
-var $createImageNode = (src, altText) => {
-  return new ImageNode(src, altText);
+const $createImageNode = (src, altText) => {
+	return new ImageNode(src, altText);
 };
-var $isImageNode = (node) => {
-  return node instanceof ImageNode;
+const $isImageNode = (node) => {
+	return node instanceof ImageNode;
 };
-var MermaidDiagram = lazy(
-  () => import('./MermaidDiagram-ZU5KAVRT.js').then(
-    (m) => ({ default: m.MermaidDiagram }),
-    (error) => {
-      console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
-      return {
-        default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) })
-      };
-    }
-  )
-);
-var MermaidNodeComponent = ({ code }) => {
-  return /* @__PURE__ */ jsx(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx("div", { className: "tw:my-3 tw:overflow-hidden tw:rounded-card tw:border tw:border-neutral-150 tw:bg-neutral-50 tw:p-6", children: /* @__PURE__ */ jsx(Skeleton, { className: "tw:h-40" }) }),
-      children: /* @__PURE__ */ jsx(MermaidDiagram, { code })
-    }
-  );
+//#endregion
+//#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-BB06gymm.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+	console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
+	return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
+}));
+const MermaidNodeComponent = ({ code }) => {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx("div", {
+			className: "tw:my-3 tw:overflow-hidden tw:rounded-card tw:border tw:border-neutral-150 tw:bg-neutral-50 tw:p-6",
+			children: /* @__PURE__ */ jsx(Skeleton, { className: "tw:h-40" })
+		}),
+		children: /* @__PURE__ */ jsx(MermaidDiagram, { code })
+	});
 };
-var MermaidNode = class _MermaidNode extends DecoratorNode {
-  __code;
-  static getType() {
-    return "mermaid";
-  }
-  static clone(node) {
-    return new _MermaidNode(node.__code, node.__key);
-  }
-  constructor(code, key) {
-    super(key);
-    this.__code = code;
-  }
-  getCode() {
-    return this.__code;
-  }
-  setCode(code) {
-    const writable = this.getWritable();
-    writable.__code = code;
-  }
-  createDOM() {
-    const div = document.createElement("div");
-    div.setAttribute("data-lexical-mermaid", "true");
-    return div;
-  }
-  updateDOM() {
-    return false;
-  }
-  decorate() {
-    return /* @__PURE__ */ jsx(MermaidNodeComponent, { code: this.__code });
-  }
-  isInline() {
-    return false;
-  }
-  static importJSON(serializedNode) {
-    return $createMermaidNode(serializedNode.code);
-  }
-  exportJSON() {
-    return {
-      type: "mermaid",
-      version: 1,
-      code: this.__code
-    };
-  }
+//#endregion
+//#region src/blocks/MarkdownEditor/nodes/MermaidNode.tsx
+var MermaidNode = class MermaidNode extends DecoratorNode {
+	__code;
+	static getType() {
+		return "mermaid";
+	}
+	static clone(node) {
+		return new MermaidNode(node.__code, node.__key);
+	}
+	constructor(code, key) {
+		super(key);
+		this.__code = code;
+	}
+	getCode() {
+		return this.__code;
+	}
+	setCode(code) {
+		const writable = this.getWritable();
+		writable.__code = code;
+	}
+	createDOM() {
+		const div = document.createElement("div");
+		div.setAttribute("data-lexical-mermaid", "true");
+		return div;
+	}
+	updateDOM() {
+		return false;
+	}
+	decorate() {
+		return /* @__PURE__ */ jsx(MermaidNodeComponent, { code: this.__code });
+	}
+	isInline() {
+		return false;
+	}
+	static importJSON(serializedNode) {
+		return $createMermaidNode(serializedNode.code);
+	}
+	exportJSON() {
+		return {
+			type: "mermaid",
+			version: 1,
+			code: this.__code
+		};
+	}
 };
-var $createMermaidNode = (code) => {
-  return new MermaidNode(code);
+const $createMermaidNode = (code) => {
+	return new MermaidNode(code);
 };
-var $isMermaidNode = (node) => {
-  return node instanceof MermaidNode;
+const $isMermaidNode = (node) => {
+	return node instanceof MermaidNode;
 };
-var ACCEPTED_IMAGE_TYPES = [
-  "image/png",
-  "image/jpeg",
-  "image/gif",
-  "image/webp",
-  "image/svg+xml"
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/ImagePastePlugin.tsx
+const ACCEPTED_IMAGE_TYPES = [
+	"image/png",
+	"image/jpeg",
+	"image/gif",
+	"image/webp",
+	"image/svg+xml"
 ];
-var MAX_IMAGE_SIZE = 10 * 1024 * 1024;
-var PLACEHOLDER_PREFIX = "upload-placeholder-";
-var generatePlaceholderId = () => {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-};
-var isAcceptedImageType = (type) => ACCEPTED_IMAGE_TYPES.includes(type);
-var getImageFilesFromDataTransfer = (dataTransfer) => {
-  if (!dataTransfer) return [];
-  if (dataTransfer.items.length > 0) {
-    const files = [];
-    for (const item of dataTransfer.items) {
-      if (item.kind === "file" && isAcceptedImageType(item.type)) {
-        const file = item.getAsFile();
-        if (file) files.push(file);
-      }
-    }
-    if (files.length > 0) return files;
-  }
-  return Array.from(dataTransfer.files).filter((file) => isAcceptedImageType(file.type));
-};
-var escapeMarkdownAlt = (text) => text.replace(/[[\]()]/g, "");
-var ImagePastePlugin = ({ onImageUpload }) => {
-  const [editor] = useLexicalComposerContext();
-  const onImageUploadRef = useRef(onImageUpload);
-  onImageUploadRef.current = onImageUpload;
-  useEffect(() => {
-    const uploadFile = (file) => {
-      const upload = onImageUploadRef.current;
-      if (!upload) return;
-      if (file.size > MAX_IMAGE_SIZE) {
-        toast.error(`Image "${file.name}" is too large. Maximum size is 10 MB.`);
-        return;
-      }
-      let nodeKey = null;
-      editor.update(() => {
-        const placeholderNode = $createImageNode(
-          `${PLACEHOLDER_PREFIX}${generatePlaceholderId()}`,
-          "Uploading image\u2026"
-        );
-        $insertNodes([placeholderNode]);
-        nodeKey = placeholderNode.getKey();
-      });
-      if (!nodeKey) return;
-      const capturedKey = nodeKey;
-      upload(file).then(({ url }) => {
-        editor.update(() => {
-          const node = $getNodeByKey(capturedKey);
-          if ($isImageNode(node)) {
-            const altText = escapeMarkdownAlt(file.name.replace(/\.[^.]+$/, "") || "image");
-            node.setSrc(url);
-            node.setAlt(altText);
-          }
-        });
-      }).catch((error) => {
-        console.error("[MarkdownEditor] image upload failed", error);
-        toast.error(`Failed to upload "${file.name}". Please try again.`);
-        editor.update(() => {
-          const node = $getNodeByKey(capturedKey);
-          if (node) node.remove();
-        });
-      });
-    };
-    const removePaste = editor.registerCommand(
-      PASTE_COMMAND,
-      (event) => {
-        if (!onImageUploadRef.current) return false;
-        if (!(event instanceof ClipboardEvent)) return false;
-        const files = getImageFilesFromDataTransfer(event.clipboardData);
-        if (files.length === 0) return false;
-        event.preventDefault();
-        Promise.resolve().then(() => files.forEach(uploadFile));
-        return true;
-      },
-      COMMAND_PRIORITY_CRITICAL
-    );
-    const removeDrop = editor.registerCommand(
-      DROP_COMMAND,
-      (event) => {
-        if (!onImageUploadRef.current) return false;
-        const files = getImageFilesFromDataTransfer(event.dataTransfer);
-        if (files.length === 0) return false;
-        event.preventDefault();
-        Promise.resolve().then(() => files.forEach(uploadFile));
-        return true;
-      },
-      COMMAND_PRIORITY_CRITICAL
-    );
-    return () => {
-      removePaste();
-      removeDrop();
-    };
-  }, [editor]);
-  return null;
+const MAX_IMAGE_SIZE = 10485760;
+const PLACEHOLDER_PREFIX = "upload-placeholder-";
+const generatePlaceholderId = () => {
+	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
+	return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 };
-var KeyboardPlugin = ({
-  onSave,
-  onCancel,
-  singleLine,
-  blurOnEscape,
-  skipBlurSaveRef
-}) => {
-  const [editor] = useLexicalComposerContext();
-  const onSaveRef = useRef(onSave);
-  onSaveRef.current = onSave;
-  const onCancelRef = useRef(onCancel);
-  onCancelRef.current = onCancel;
-  const singleLineRef = useRef(singleLine);
-  singleLineRef.current = singleLine;
-  const blurOnEscapeRef = useRef(blurOnEscape);
-  blurOnEscapeRef.current = blurOnEscape;
-  const skipBlurSaveExternalRef = skipBlurSaveRef;
-  useEffect(() => {
-    return editor.registerCommand(
-      KEY_DOWN_COMMAND,
-      (event) => {
-        if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
-          event.preventDefault();
-          onSaveRef.current?.();
-          return true;
-        }
-        if (event.key === "Enter" && !event.shiftKey && !event.altKey && singleLineRef.current) {
-          event.preventDefault();
-          editor.getRootElement()?.blur();
-          return true;
-        }
-        if (event.key === "Escape" && blurOnEscapeRef.current) {
-          if (skipBlurSaveExternalRef) skipBlurSaveExternalRef.current = true;
-          onCancelRef.current?.();
-          editor.getRootElement()?.blur();
-          return true;
-        }
-        return false;
-      },
-      COMMAND_PRIORITY_HIGH
-    );
-  }, [editor, skipBlurSaveExternalRef]);
-  return null;
+const isAcceptedImageType = (type) => ACCEPTED_IMAGE_TYPES.includes(type);
+const getImageFilesFromDataTransfer = (dataTransfer) => {
+	if (!dataTransfer) return [];
+	if (dataTransfer.items.length > 0) {
+		const files = [];
+		for (const item of dataTransfer.items) if (item.kind === "file" && isAcceptedImageType(item.type)) {
+			const file = item.getAsFile();
+			if (file) files.push(file);
+		}
+		if (files.length > 0) return files;
+	}
+	return Array.from(dataTransfer.files).filter((file) => isAcceptedImageType(file.type));
 };
-var IMAGE = {
-  dependencies: [ImageNode],
-  export: (node) => {
-    if (!$isImageNode(node)) return null;
-    return `![${node.getAlt()}](${node.getSrc()})`;
-  },
-  importRegExp: /!\[([^\]]*)\]\(([^)]+)\)/,
-  regExp: /!\[([^\]]*)\]\(([^)]+)\)$/,
-  replace: (textNode, match) => {
-    const [, alt = "", src = ""] = match;
-    const imageNode = $createImageNode(src, alt);
-    textNode.replace(imageNode);
-  },
-  trigger: ")",
-  type: "text-match"
+const escapeMarkdownAlt = (text) => text.replace(/[[\]()]/g, "");
+const ImagePastePlugin = ({ onImageUpload }) => {
+	const [editor] = useLexicalComposerContext();
+	const onImageUploadRef = useRef(onImageUpload);
+	onImageUploadRef.current = onImageUpload;
+	useEffect(() => {
+		const uploadFile = (file) => {
+			const upload = onImageUploadRef.current;
+			if (!upload) return;
+			if (file.size > MAX_IMAGE_SIZE) {
+				toast.error(`Image "${file.name}" is too large. Maximum size is 10 MB.`);
+				return;
+			}
+			let nodeKey = null;
+			editor.update(() => {
+				const placeholderNode = $createImageNode(`${PLACEHOLDER_PREFIX}${generatePlaceholderId()}`, "Uploading image…");
+				$insertNodes([placeholderNode]);
+				nodeKey = placeholderNode.getKey();
+			});
+			if (!nodeKey) return;
+			const capturedKey = nodeKey;
+			upload(file).then(({ url }) => {
+				editor.update(() => {
+					const node = $getNodeByKey(capturedKey);
+					if ($isImageNode(node)) {
+						const altText = escapeMarkdownAlt(file.name.replace(/\.[^.]+$/, "") || "image");
+						node.setSrc(url);
+						node.setAlt(altText);
+					}
+				});
+			}).catch((error) => {
+				console.error("[MarkdownEditor] image upload failed", error);
+				toast.error(`Failed to upload "${file.name}". Please try again.`);
+				editor.update(() => {
+					const node = $getNodeByKey(capturedKey);
+					if (node) node.remove();
+				});
+			});
+		};
+		const removePaste = editor.registerCommand(PASTE_COMMAND, (event) => {
+			if (!onImageUploadRef.current) return false;
+			if (!(event instanceof ClipboardEvent)) return false;
+			const files = getImageFilesFromDataTransfer(event.clipboardData);
+			if (files.length === 0) return false;
+			event.preventDefault();
+			Promise.resolve().then(() => files.forEach(uploadFile));
+			return true;
+		}, COMMAND_PRIORITY_CRITICAL);
+		const removeDrop = editor.registerCommand(DROP_COMMAND, (event) => {
+			if (!onImageUploadRef.current) return false;
+			const files = getImageFilesFromDataTransfer(event.dataTransfer);
+			if (files.length === 0) return false;
+			event.preventDefault();
+			Promise.resolve().then(() => files.forEach(uploadFile));
+			return true;
+		}, COMMAND_PRIORITY_CRITICAL);
+		return () => {
+			removePaste();
+			removeDrop();
+		};
+	}, [editor]);
+	return null;
 };
-var HORIZONTAL_RULE = {
-  dependencies: [HorizontalRuleNode],
-  export: (node) => {
-    return $isHorizontalRuleNode(node) ? "---" : null;
-  },
-  regExp: /^(---|\*\*\*|___)$/,
-  replace: (parentNode) => {
-    const node = $createHorizontalRuleNode();
-    parentNode.replace(node);
-  },
-  type: "element"
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/KeyboardPlugin.tsx
+const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSaveRef }) => {
+	const [editor] = useLexicalComposerContext();
+	const onSaveRef = useRef(onSave);
+	onSaveRef.current = onSave;
+	const onCancelRef = useRef(onCancel);
+	onCancelRef.current = onCancel;
+	const singleLineRef = useRef(singleLine);
+	singleLineRef.current = singleLine;
+	const blurOnEscapeRef = useRef(blurOnEscape);
+	blurOnEscapeRef.current = blurOnEscape;
+	const skipBlurSaveExternalRef = skipBlurSaveRef;
+	useEffect(() => {
+		return editor.registerCommand(KEY_DOWN_COMMAND, (event) => {
+			if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
+				event.preventDefault();
+				onSaveRef.current?.();
+				return true;
+			}
+			if (event.key === "Enter" && !event.shiftKey && !event.altKey && singleLineRef.current) {
+				event.preventDefault();
+				editor.getRootElement()?.blur();
+				return true;
+			}
+			if (event.key === "Escape" && blurOnEscapeRef.current) {
+				if (skipBlurSaveExternalRef) skipBlurSaveExternalRef.current = true;
+				onCancelRef.current?.();
+				editor.getRootElement()?.blur();
+				return true;
+			}
+			return false;
+		}, COMMAND_PRIORITY_HIGH);
+	}, [editor, skipBlurSaveExternalRef]);
+	return null;
 };
-var MERMAID = {
-  dependencies: [MermaidNode],
-  export: (node) => {
-    if (!$isMermaidNode(node)) return null;
-    return "```mermaid\n" + node.getCode() + "\n```";
-  },
-  regExpStart: /^[ \t]*(`{3,})mermaid(?:\s.*)?$/,
-  regExpEnd: {
-    optional: true,
-    regExp: /^[ \t]*`{3,}$/
-  },
-  replace: (rootNode, _children, _startMatch, _endMatch, linesInBetween) => {
-    if (!linesInBetween) return;
-    const code = linesInBetween.join("\n").trim();
-    if (code) {
-      rootNode.append($createMermaidNode(code));
-    }
-  },
-  handleImportAfterStartMatch: ({
-    lines,
-    rootNode,
-    startLineIndex,
-    startMatch
-  }) => {
-    const fence = startMatch[1];
-    if (!fence) return [false, startLineIndex];
-    const fenceLength = fence.trim().length;
-    const endRegex = new RegExp(`^[ \\t]*\`{${fenceLength},}$`);
-    for (let i = startLineIndex + 1; i < lines.length; i++) {
-      if (endRegex.test(lines[i] ?? "")) {
-        const code2 = lines.slice(startLineIndex + 1, i).join("\n").trim();
-        if (code2) {
-          rootNode.append($createMermaidNode(code2));
-        }
-        return [true, i];
-      }
-    }
-    const code = lines.slice(startLineIndex + 1).join("\n").trim();
-    if (code) {
-      rootNode.append($createMermaidNode(code));
-    }
-    return [true, lines.length - 1];
-  },
-  type: "multiline-element"
-};
-var CUSTOM_TRANSFORMERS = [
-  IMAGE,
-  HORIZONTAL_RULE,
-  CHECK_LIST,
-  MERMAID,
-  ...TRANSFORMERS
+/**
+* Custom transformers = our additions + built-in Lexical transformers.
+* MERMAID is placed before TRANSFORMERS so it intercepts ` ```mermaid ``` ` before the generic CODE transformer.
+* IMAGE is placed before built-in LINK to prevent `![alt](url)` from being parsed as `!` + link.
+*/
+const CUSTOM_TRANSFORMERS = [
+	{
+		dependencies: [ImageNode],
+		export: (node) => {
+			if (!$isImageNode(node)) return null;
+			return `![${node.getAlt()}](${node.getSrc()})`;
+		},
+		importRegExp: /!\[([^\]]*)\]\(([^)]+)\)/,
+		regExp: /!\[([^\]]*)\]\(([^)]+)\)$/,
+		replace: (textNode, match) => {
+			const [, alt = "", src = ""] = match;
+			const imageNode = $createImageNode(src, alt);
+			textNode.replace(imageNode);
+		},
+		trigger: ")",
+		type: "text-match"
+	},
+	{
+		dependencies: [HorizontalRuleNode],
+		export: (node) => {
+			return $isHorizontalRuleNode(node) ? "---" : null;
+		},
+		regExp: /^(---|\*\*\*|___)$/,
+		replace: (parentNode) => {
+			const node = $createHorizontalRuleNode();
+			parentNode.replace(node);
+		},
+		type: "element"
+	},
+	CHECK_LIST,
+	{
+		dependencies: [MermaidNode],
+		export: (node) => {
+			if (!$isMermaidNode(node)) return null;
+			return "```mermaid\n" + node.getCode() + "\n```";
+		},
+		regExpStart: /^[ \t]*(`{3,})mermaid(?:\s.*)?$/,
+		regExpEnd: {
+			optional: true,
+			regExp: /^[ \t]*`{3,}$/
+		},
+		replace: (rootNode, _children, _startMatch, _endMatch, linesInBetween) => {
+			if (!linesInBetween) return;
+			const code = linesInBetween.join("\n").trim();
+			if (code) rootNode.append($createMermaidNode(code));
+		},
+		handleImportAfterStartMatch: ({ lines, rootNode, startLineIndex, startMatch }) => {
+			const fence = startMatch[1];
+			if (!fence) return [false, startLineIndex];
+			const fenceLength = fence.trim().length;
+			const endRegex = new RegExp(`^[ \\t]*\`{${fenceLength},}$`);
+			for (let i = startLineIndex + 1; i < lines.length; i++) if (endRegex.test(lines[i] ?? "")) {
+				const code = lines.slice(startLineIndex + 1, i).join("\n").trim();
+				if (code) rootNode.append($createMermaidNode(code));
+				return [true, i];
+			}
+			const code = lines.slice(startLineIndex + 1).join("\n").trim();
+			if (code) rootNode.append($createMermaidNode(code));
+			return [true, lines.length - 1];
+		},
+		type: "multiline-element"
+	},
+	...TRANSFORMERS
 ];
-var SINGLE_LINE_TRANSFORMERS = [];
-var TABLE_FENCE_LANG = "__kbc_table__";
-var isTableLine = (line) => {
-  const trimmed = line.trim();
-  return trimmed.startsWith("|") && trimmed.endsWith("|");
+/**
+* No transformers = plain text. `singleLine` mode edits entity names / titles, which are
+* plain text, not markdown. Parsing inline formatting here corrupts ordinary names: e.g.
+* `staging_chargebee_invoices` would render the `_chargebee_` span as italics, and Lexical
+* escapes the underscores on export (`\_`) to prevent exactly that — but those backslashes
+* then leak into the persisted name. Dropping every transformer keeps `_`, `*`, `` ` ``, `~`
+* literal on both import and export; pair the empty set with `unescapeMarkdownText` on export
+* to strip Lexical's escaping (see MarkdownSyncPlugin).
+*/
+const SINGLE_LINE_TRANSFORMERS = [];
+const TABLE_FENCE_LANG = "__kbc_table__";
+const isTableLine = (line) => {
+	const trimmed = line.trim();
+	return trimmed.startsWith("|") && trimmed.endsWith("|");
 };
-var CODE_FENCE_REGEX = /^[ \t]*`{3,}/;
-var preprocessMarkdown = (markdown) => {
-  const lines = markdown.split("\n");
-  const result = [];
-  let tableLines = [];
-  let insideCodeFence = false;
-  const flushTable = () => {
-    if (tableLines.length >= 2) {
-      result.push(`\`\`\`${TABLE_FENCE_LANG}`);
-      result.push(...tableLines);
-      result.push("```");
-    } else {
-      result.push(...tableLines);
-    }
-    tableLines = [];
-  };
-  for (const line of lines) {
-    if (CODE_FENCE_REGEX.test(line)) {
-      if (tableLines.length > 0) flushTable();
-      insideCodeFence = !insideCodeFence;
-      result.push(line);
-      continue;
-    }
-    if (insideCodeFence) {
-      result.push(line);
-      continue;
-    }
-    if (isTableLine(line)) {
-      tableLines.push(line);
-    } else {
-      if (tableLines.length > 0) flushTable();
-      result.push(line);
-    }
-  }
-  if (tableLines.length > 0) flushTable();
-  return result.join("\n");
+const CODE_FENCE_REGEX = /^[ \t]*`{3,}/;
+/** Wrap GFM tables in code fences so they survive Lexical's markdown round-trip. */
+const preprocessMarkdown = (markdown) => {
+	const lines = markdown.split("\n");
+	const result = [];
+	let tableLines = [];
+	let insideCodeFence = false;
+	const flushTable = () => {
+		if (tableLines.length >= 2) {
+			result.push(`\`\`\`${TABLE_FENCE_LANG}`);
+			result.push(...tableLines);
+			result.push("```");
+		} else result.push(...tableLines);
+		tableLines = [];
+	};
+	for (const line of lines) {
+		if (CODE_FENCE_REGEX.test(line)) {
+			if (tableLines.length > 0) flushTable();
+			insideCodeFence = !insideCodeFence;
+			result.push(line);
+			continue;
+		}
+		if (insideCodeFence) {
+			result.push(line);
+			continue;
+		}
+		if (isTableLine(line)) tableLines.push(line);
+		else {
+			if (tableLines.length > 0) flushTable();
+			result.push(line);
+		}
+	}
+	if (tableLines.length > 0) flushTable();
+	return result.join("\n");
 };
-var postprocessMarkdown = (markdown) => {
-  const regex = new RegExp(`\`\`\`${TABLE_FENCE_LANG}\\n([\\s\\S]*?)\\n\`\`\``, "g");
-  return markdown.replace(regex, "$1");
+/** Unwrap code-fenced tables back to raw GFM table markdown. */
+const postprocessMarkdown = (markdown) => {
+	const regex = new RegExp(`\`\`\`${TABLE_FENCE_LANG}\\n([\\s\\S]*?)\\n\`\`\``, "g");
+	return markdown.replace(regex, "$1");
 };
-var unescapeMarkdownText = (markdown) => markdown.replace(/\\([*_`~\\])/g, "$1");
-
-// src/blocks/MarkdownEditor/plugins/MarkdownSyncPlugin.tsx
-var IMPORT_TAG = "markdown-import";
-var MarkdownSyncPlugin = ({
-  value,
-  editable,
-  onChange,
-  transformers = CUSTOM_TRANSFORMERS,
-  singleLine = false
-}) => {
-  const [editor] = useLexicalComposerContext();
-  const lastExportedRef = useRef(value);
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const transformersRef = useRef(transformers);
-  transformersRef.current = transformers;
-  const singleLineRef = useRef(singleLine);
-  singleLineRef.current = singleLine;
-  useEffect(() => {
-    editor.setEditable(editable);
-  }, [editor, editable]);
-  useEffect(() => {
-    if (value === lastExportedRef.current) return;
-    lastExportedRef.current = value;
-    editor.update(
-      () => {
-        $convertFromMarkdownString(preprocessMarkdown(value), transformersRef.current);
-      },
-      { tag: IMPORT_TAG }
-    );
-  }, [editor, value]);
-  useEffect(() => {
-    return editor.registerUpdateListener(({ tags }) => {
-      if (tags.has(IMPORT_TAG)) return;
-      editor.getEditorState().read(() => {
-        const raw = $convertToMarkdownString(transformersRef.current);
-        const markdown = singleLineRef.current ? unescapeMarkdownText(raw) : postprocessMarkdown(raw);
-        if (markdown !== lastExportedRef.current) {
-          lastExportedRef.current = markdown;
-          onChangeRef.current?.(markdown);
-        }
-      });
-    });
-  }, [editor]);
-  return null;
+/**
+* Reverses the backslash-escaping Lexical applies to markdown punctuation (`* _ ` ~ \`) when
+* exporting text nodes. Used for `singleLine` (plain-text) mode, where the export value is a
+* bare entity name — the escaping would otherwise persist as literal backslashes in the name.
+*/
+const unescapeMarkdownText = (markdown) => markdown.replace(/\\([*_`~\\])/g, "$1");
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/MarkdownSyncPlugin.tsx
+const IMPORT_TAG = "markdown-import";
+const MarkdownSyncPlugin = ({ value, editable, onChange, transformers = CUSTOM_TRANSFORMERS, singleLine = false }) => {
+	const [editor] = useLexicalComposerContext();
+	const lastExportedRef = useRef(value);
+	const onChangeRef = useRef(onChange);
+	onChangeRef.current = onChange;
+	const transformersRef = useRef(transformers);
+	transformersRef.current = transformers;
+	const singleLineRef = useRef(singleLine);
+	singleLineRef.current = singleLine;
+	useEffect(() => {
+		editor.setEditable(editable);
+	}, [editor, editable]);
+	useEffect(() => {
+		if (value === lastExportedRef.current) return;
+		lastExportedRef.current = value;
+		editor.update(() => {
+			$convertFromMarkdownString(preprocessMarkdown(value), transformersRef.current);
+		}, { tag: IMPORT_TAG });
+	}, [editor, value]);
+	useEffect(() => {
+		return editor.registerUpdateListener(({ tags }) => {
+			if (tags.has(IMPORT_TAG)) return;
+			editor.getEditorState().read(() => {
+				const raw = $convertToMarkdownString(transformersRef.current);
+				const markdown = singleLineRef.current ? unescapeMarkdownText(raw) : postprocessMarkdown(raw);
+				if (markdown !== lastExportedRef.current) {
+					lastExportedRef.current = markdown;
+					onChangeRef.current?.(markdown);
+				}
+			});
+		});
+	}, [editor]);
+	return null;
 };
-var ALIGNMENT_OPTIONS = [
-  { value: "left", label: "Left", icon: AlignLeft },
-  { value: "center", label: "Center", icon: AlignCenter },
-  { value: "right", label: "Right", icon: AlignRight },
-  { value: "justify", label: "Justify", icon: AlignJustify }
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/toolbar/AlignmentDropdown.tsx
+const ALIGNMENT_OPTIONS = [
+	{
+		value: "left",
+		label: "Left",
+		icon: AlignLeft
+	},
+	{
+		value: "center",
+		label: "Center",
+		icon: AlignCenter
+	},
+	{
+		value: "right",
+		label: "Right",
+		icon: AlignRight
+	},
+	{
+		value: "justify",
+		label: "Justify",
+		icon: AlignJustify
+	}
 ];
-var ALIGNMENT_ICONS = Object.fromEntries(
-  ALIGNMENT_OPTIONS.map(({ value, icon }) => [value, icon])
-);
-var AlignmentDropdown = ({
-  editor,
-  alignment
-}) => {
-  const savedSelectionRef = useRef(null);
-  const handleOpenChange = (open) => {
-    if (open) {
-      editor.getEditorState().read(() => {
-        const selection = $getSelection();
-        savedSelectionRef.current = selection ? selection.clone() : null;
-      });
-    }
-  };
-  const handleSelect = (align) => {
-    editor.update(() => {
-      if (savedSelectionRef.current) {
-        $setSelection(savedSelectionRef.current);
-      }
-      editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, align);
-    });
-  };
-  const CurrentAlignmentIcon = ALIGNMENT_ICONS[alignment] ?? AlignLeft;
-  return /* @__PURE__ */ jsxs(DropdownMenu, { onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx(Tooltip, { tooltip: "Text alignment", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "tw:flex tw:h-7 tw:cursor-pointer tw:items-center tw:gap-1 tw:rounded tw:border-0 tw:bg-transparent tw:px-1.5 tw:text-xs tw:text-muted-foreground",
-          "tw:hover:bg-accent"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(CurrentAlignmentIcon, { className: "tw:size-4" }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-3" })
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "start", className: "tw:min-w-32", children: ALIGNMENT_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxs(
-      DropdownMenu.Item,
-      {
-        onSelect: () => handleSelect(value),
-        className: cn(
-          "tw:flex tw:items-center tw:gap-2",
-          alignment === value && "tw:bg-secondary-50 tw:text-secondary-500"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(IconComp, { className: "tw:size-4" }),
-          label
-        ]
-      },
-      value
-    )) })
-  ] });
+const ALIGNMENT_ICONS = Object.fromEntries(ALIGNMENT_OPTIONS.map(({ value, icon }) => [value, icon]));
+const AlignmentDropdown = ({ editor, alignment }) => {
+	const savedSelectionRef = useRef(null);
+	const handleOpenChange = (open) => {
+		if (open) editor.getEditorState().read(() => {
+			const selection = $getSelection();
+			savedSelectionRef.current = selection ? selection.clone() : null;
+		});
+	};
+	const handleSelect = (align) => {
+		editor.update(() => {
+			if (savedSelectionRef.current) $setSelection(savedSelectionRef.current);
+			editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, align);
+		});
+	};
+	const CurrentAlignmentIcon = ALIGNMENT_ICONS[alignment] ?? AlignLeft;
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsx(Tooltip, {
+			tooltip: "Text alignment",
+			placement: "top",
+			triggerAsChild: true,
+			children: /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: cn("tw:flex tw:h-7 tw:cursor-pointer tw:items-center tw:gap-1 tw:rounded tw:border-0 tw:bg-transparent tw:px-1.5 tw:text-xs tw:text-muted-foreground", "tw:hover:bg-accent"),
+					children: [/* @__PURE__ */ jsx(CurrentAlignmentIcon, { className: "tw:size-4" }), /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-3" })]
+				})
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenu.Content, {
+			align: "start",
+			className: "tw:min-w-32",
+			children: ALIGNMENT_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxs(DropdownMenu.Item, {
+				onSelect: () => handleSelect(value),
+				className: cn("tw:flex tw:items-center tw:gap-2", alignment === value && "tw:bg-secondary-50 tw:text-secondary-500"),
+				children: [/* @__PURE__ */ jsx(IconComp, { className: "tw:size-4" }), label]
+			}, value))
+		})]
+	});
 };
-var BLOCK_TYPE_META = {
-  paragraph: { label: "Normal", icon: Type, selectable: true },
-  h1: { label: "Heading 1", icon: Heading1, selectable: true },
-  h2: { label: "Heading 2", icon: Heading2, selectable: true },
-  h3: { label: "Heading 3", icon: Heading3, selectable: true },
-  bullet: { label: "Bullet List", icon: List, selectable: false },
-  number: { label: "Numbered List", icon: ListOrdered, selectable: false },
-  quote: { label: "Quote", icon: Quote, selectable: false },
-  code: { label: "Code Block", icon: SquareCode, selectable: false }
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/toolbar/BlockTypeDropdown.tsx
+const BLOCK_TYPE_META = {
+	paragraph: {
+		label: "Normal",
+		icon: Type,
+		selectable: true
+	},
+	h1: {
+		label: "Heading 1",
+		icon: Heading1,
+		selectable: true
+	},
+	h2: {
+		label: "Heading 2",
+		icon: Heading2,
+		selectable: true
+	},
+	h3: {
+		label: "Heading 3",
+		icon: Heading3,
+		selectable: true
+	},
+	bullet: {
+		label: "Bullet List",
+		icon: List,
+		selectable: false
+	},
+	number: {
+		label: "Numbered List",
+		icon: ListOrdered,
+		selectable: false
+	},
+	quote: {
+		label: "Quote",
+		icon: Quote,
+		selectable: false
+	},
+	code: {
+		label: "Code Block",
+		icon: SquareCode,
+		selectable: false
+	}
 };
-var BLOCK_TYPE_OPTIONS = Object.entries(BLOCK_TYPE_META).filter(([, meta]) => meta.selectable).map(([value, { label, icon }]) => ({ value, label, icon }));
-var isBlockType = (value) => Object.prototype.hasOwnProperty.call(BLOCK_TYPE_META, value);
-var BlockTypeDropdown = ({
-  editor,
-  blockType
-}) => {
-  const savedSelectionRef = useRef(null);
-  const currentMeta = isBlockType(blockType) ? BLOCK_TYPE_META[blockType] : null;
-  const CurrentBlockIcon = currentMeta?.icon ?? Type;
-  const handleOpenChange = (open) => {
-    if (open) {
-      editor.getEditorState().read(() => {
-        const selection = $getSelection();
-        savedSelectionRef.current = selection ? selection.clone() : null;
-      });
-    }
-  };
-  const handleSelect = (type) => {
-    editor.update(() => {
-      if (savedSelectionRef.current) {
-        $setSelection(savedSelectionRef.current);
-      }
-      const selection = $getSelection();
-      if (!$isRangeSelection(selection)) return;
-      if (type === "bullet") {
-        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
-        return;
-      }
-      if (type === "number") {
-        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
-        return;
-      }
-      const anchorNode = selection.anchor.getNode();
-      const element = $getNearestBlockElementAncestorOrThrow(anchorNode);
-      const newNode = type === "h1" || type === "h2" || type === "h3" ? $createHeadingNode(type) : type === "quote" ? $createQuoteNode() : type === "code" ? $createCodeNode() : $createParagraphNode();
-      element.getChildren().forEach((child) => newNode.append(child));
-      element.replace(newNode);
-    });
-  };
-  return /* @__PURE__ */ jsxs(DropdownMenu, { onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx(Tooltip, { tooltip: "Change block type", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "tw:flex tw:h-7 tw:cursor-pointer tw:items-center tw:gap-1.5 tw:rounded tw:border-0 tw:bg-transparent tw:px-1.5 tw:text-xs tw:text-muted-foreground",
-          "tw:hover:bg-accent"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(CurrentBlockIcon, { className: "tw:size-4" }),
-          currentMeta?.label ?? "Normal",
-          /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-3" })
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "start", className: "tw:min-w-40", children: BLOCK_TYPE_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxs(
-      DropdownMenu.Item,
-      {
-        onSelect: () => handleSelect(value),
-        className: cn(
-          "tw:flex tw:items-center tw:gap-2",
-          blockType === value && "tw:bg-secondary-50 tw:text-secondary-500"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(IconComp, { className: "tw:size-4" }),
-          label
-        ]
-      },
-      value
-    )) })
-  ] });
+const BLOCK_TYPE_OPTIONS = Object.entries(BLOCK_TYPE_META).filter(([, meta]) => meta.selectable).map(([value, { label, icon }]) => ({
+	value,
+	label,
+	icon
+}));
+const isBlockType = (value) => Object.prototype.hasOwnProperty.call(BLOCK_TYPE_META, value);
+const BlockTypeDropdown = ({ editor, blockType }) => {
+	const savedSelectionRef = useRef(null);
+	const currentMeta = isBlockType(blockType) ? BLOCK_TYPE_META[blockType] : null;
+	const CurrentBlockIcon = currentMeta?.icon ?? Type;
+	const handleOpenChange = (open) => {
+		if (open) editor.getEditorState().read(() => {
+			const selection = $getSelection();
+			savedSelectionRef.current = selection ? selection.clone() : null;
+		});
+	};
+	const handleSelect = (type) => {
+		editor.update(() => {
+			if (savedSelectionRef.current) $setSelection(savedSelectionRef.current);
+			const selection = $getSelection();
+			if (!$isRangeSelection(selection)) return;
+			if (type === "bullet") {
+				editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+				return;
+			}
+			if (type === "number") {
+				editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+				return;
+			}
+			const anchorNode = selection.anchor.getNode();
+			const element = $getNearestBlockElementAncestorOrThrow(anchorNode);
+			const newNode = type === "h1" || type === "h2" || type === "h3" ? $createHeadingNode(type) : type === "quote" ? $createQuoteNode() : type === "code" ? $createCodeNode() : $createParagraphNode();
+			element.getChildren().forEach((child) => newNode.append(child));
+			element.replace(newNode);
+		});
+	};
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsx(Tooltip, {
+			tooltip: "Change block type",
+			placement: "top",
+			triggerAsChild: true,
+			children: /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: cn("tw:flex tw:h-7 tw:cursor-pointer tw:items-center tw:gap-1.5 tw:rounded tw:border-0 tw:bg-transparent tw:px-1.5 tw:text-xs tw:text-muted-foreground", "tw:hover:bg-accent"),
+					children: [
+						/* @__PURE__ */ jsx(CurrentBlockIcon, { className: "tw:size-4" }),
+						currentMeta?.label ?? "Normal",
+						/* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-3" })
+					]
+				})
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenu.Content, {
+			align: "start",
+			className: "tw:min-w-40",
+			children: BLOCK_TYPE_OPTIONS.map(({ value, label, icon: IconComp }) => /* @__PURE__ */ jsxs(DropdownMenu.Item, {
+				onSelect: () => handleSelect(value),
+				className: cn("tw:flex tw:items-center tw:gap-2", blockType === value && "tw:bg-secondary-50 tw:text-secondary-500"),
+				children: [/* @__PURE__ */ jsx(IconComp, { className: "tw:size-4" }), label]
+			}, value))
+		})]
+	});
 };
-var ToolbarButton = ({
-  active,
-  disabled,
-  onClick,
-  tooltip,
-  children,
-  className: extraClassName
-}) => /* @__PURE__ */ jsx(Tooltip, { tooltip, placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsx(
-  "button",
-  {
-    type: "button",
-    disabled,
-    onClick,
-    className: cn(
-      "tw:flex tw:h-7 tw:min-w-7 tw:cursor-pointer tw:items-center tw:justify-center tw:rounded tw:border-0 tw:bg-transparent tw:px-1 tw:text-xs tw:text-muted-foreground",
-      "tw:hover:bg-accent tw:disabled:cursor-not-allowed tw:disabled:opacity-30",
-      active && "tw:bg-secondary-100 tw:text-secondary-500",
-      extraClassName
-    ),
-    children
-  }
-) });
-var insertLink = (editor, url, label, savedSelection) => {
-  editor.update(() => {
-    $setSelection(savedSelection);
-    const selection = $getSelection();
-    if ($isRangeSelection(selection)) {
-      const selectedText = selection.getTextContent();
-      if (selectedText && label === selectedText) {
-        editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
-        return;
-      }
-    }
-    const linkNode = $createLinkNode(url);
-    const textNode = $createTextNode(label || url);
-    linkNode.append(textNode);
-    if ($isRangeSelection(selection)) {
-      selection.insertNodes([linkNode]);
-    }
-  });
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/toolbar/ToolbarButton.tsx
+const ToolbarButton = ({ active, disabled, onClick, tooltip, children, className: extraClassName }) => /* @__PURE__ */ jsx(Tooltip, {
+	tooltip,
+	placement: "top",
+	triggerAsChild: true,
+	children: /* @__PURE__ */ jsx("button", {
+		type: "button",
+		disabled,
+		onClick,
+		className: cn("tw:flex tw:h-7 tw:min-w-7 tw:cursor-pointer tw:items-center tw:justify-center tw:rounded tw:border-0 tw:bg-transparent tw:px-1 tw:text-xs tw:text-muted-foreground", "tw:hover:bg-accent tw:disabled:cursor-not-allowed tw:disabled:opacity-30", active && "tw:bg-secondary-100 tw:text-secondary-500", extraClassName),
+		children
+	})
+});
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/toolbar/LinkPanel.tsx
+const insertLink = (editor, url, label, savedSelection) => {
+	editor.update(() => {
+		$setSelection(savedSelection);
+		const selection = $getSelection();
+		if ($isRangeSelection(selection)) {
+			const selectedText = selection.getTextContent();
+			if (selectedText && label === selectedText) {
+				editor.dispatchCommand(TOGGLE_LINK_COMMAND, url);
+				return;
+			}
+		}
+		const linkNode = $createLinkNode(url);
+		const textNode = $createTextNode(label || url);
+		linkNode.append(textNode);
+		if ($isRangeSelection(selection)) selection.insertNodes([linkNode]);
+	});
 };
-var LinkPanel = ({ editor, isLink }) => {
-  const [open, setOpen] = useState(false);
-  const [url, setUrl] = useState("");
-  const [label, setLabel] = useState("");
-  const savedSelectionRef = useRef(null);
-  const panelRef = useRef(null);
-  const handleOpen = () => {
-    editor.getEditorState().read(() => {
-      const selection = $getSelection();
-      savedSelectionRef.current = selection ? selection.clone() : null;
-      if ($isRangeSelection(selection)) {
-        const text = selection.getTextContent();
-        if (text) setLabel(text);
-      }
-    });
-    setOpen(true);
-  };
-  const handleClose = () => {
-    setOpen(false);
-    setUrl("");
-    setLabel("");
-    savedSelectionRef.current = null;
-    editor.focus();
-  };
-  const handleSubmit = () => {
-    const trimmedUrl = url.trim();
-    if (!trimmedUrl) return;
-    insertLink(editor, trimmedUrl, label.trim(), savedSelectionRef.current);
-    handleClose();
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleSubmit();
-    }
-    if (e.key === "Escape") {
-      e.preventDefault();
-      handleClose();
-    }
-  };
-  if (isLink) {
-    return /* @__PURE__ */ jsx(
-      ToolbarButton,
-      {
-        active: true,
-        onClick: () => editor.dispatchCommand(TOGGLE_LINK_COMMAND, null),
-        tooltip: "Remove Link",
-        children: /* @__PURE__ */ jsx(Link, { className: "tw:size-4" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "tw:relative", children: [
-    /* @__PURE__ */ jsx(ToolbarButton, { active: open, onClick: handleOpen, tooltip: "Insert Link", children: /* @__PURE__ */ jsx(Link, { className: "tw:size-4" }) }),
-    open && /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: panelRef,
-        className: "tw:absolute tw:left-0 tw:top-full tw:z-50 tw:mt-1 tw:w-80 tw:rounded-md tw:border tw:border-border tw:bg-popover tw:p-3 tw:text-popover-foreground tw:shadow-lg",
-        children: /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:flex-col tw:gap-2", children: [
-          /* @__PURE__ */ jsxs(FormGroup, { children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "link-label", className: "tw:mb-1 tw:text-xs", children: "Label" }),
-            /* @__PURE__ */ jsx(
-              TextInput,
-              {
-                id: "link-label",
-                autoFocus: true,
-                placeholder: "Link text",
-                value: label,
-                onValueChange: setLabel,
-                onKeyDown: handleKeyDown,
-                variant: "secondary"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(FormGroup, { children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "link-url", className: "tw:mb-1 tw:text-xs", children: "URL" }),
-            /* @__PURE__ */ jsx(
-              TextInput,
-              {
-                id: "link-url",
-                placeholder: "https://\u2026",
-                value: url,
-                onValueChange: setUrl,
-                onKeyDown: handleKeyDown,
-                variant: "secondary"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-            /* @__PURE__ */ jsx(Button, { size: "small", variant: "outline", onClick: handleClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { size: "small", onClick: handleSubmit, disabled: !url.trim(), children: "Add link" })
-          ] })
-        ] })
-      }
-    )
-  ] });
+const LinkPanel = ({ editor, isLink }) => {
+	const [open, setOpen] = useState(false);
+	const [url, setUrl] = useState("");
+	const [label, setLabel] = useState("");
+	const savedSelectionRef = useRef(null);
+	const panelRef = useRef(null);
+	const handleOpen = () => {
+		editor.getEditorState().read(() => {
+			const selection = $getSelection();
+			savedSelectionRef.current = selection ? selection.clone() : null;
+			if ($isRangeSelection(selection)) {
+				const text = selection.getTextContent();
+				if (text) setLabel(text);
+			}
+		});
+		setOpen(true);
+	};
+	const handleClose = () => {
+		setOpen(false);
+		setUrl("");
+		setLabel("");
+		savedSelectionRef.current = null;
+		editor.focus();
+	};
+	const handleSubmit = () => {
+		const trimmedUrl = url.trim();
+		if (!trimmedUrl) return;
+		insertLink(editor, trimmedUrl, label.trim(), savedSelectionRef.current);
+		handleClose();
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") {
+			e.preventDefault();
+			handleSubmit();
+		}
+		if (e.key === "Escape") {
+			e.preventDefault();
+			handleClose();
+		}
+	};
+	if (isLink) return /* @__PURE__ */ jsx(ToolbarButton, {
+		active: true,
+		onClick: () => editor.dispatchCommand(TOGGLE_LINK_COMMAND, null),
+		tooltip: "Remove Link",
+		children: /* @__PURE__ */ jsx(Link, { className: "tw:size-4" })
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "tw:relative",
+		children: [/* @__PURE__ */ jsx(ToolbarButton, {
+			active: open,
+			onClick: handleOpen,
+			tooltip: "Insert Link",
+			children: /* @__PURE__ */ jsx(Link, { className: "tw:size-4" })
+		}), open && /* @__PURE__ */ jsx("div", {
+			ref: panelRef,
+			className: "tw:absolute tw:left-0 tw:top-full tw:z-50 tw:mt-1 tw:w-80 tw:rounded-md tw:border tw:border-border tw:bg-popover tw:p-3 tw:text-popover-foreground tw:shadow-lg",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "tw:flex tw:flex-col tw:gap-2",
+				children: [
+					/* @__PURE__ */ jsxs(FormGroup, { children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "link-label",
+						className: "tw:mb-1 tw:text-xs",
+						children: "Label"
+					}), /* @__PURE__ */ jsx(TextInput, {
+						id: "link-label",
+						autoFocus: true,
+						placeholder: "Link text",
+						value: label,
+						onValueChange: setLabel,
+						onKeyDown: handleKeyDown,
+						variant: "secondary"
+					})] }),
+					/* @__PURE__ */ jsxs(FormGroup, { children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "link-url",
+						className: "tw:mb-1 tw:text-xs",
+						children: "URL"
+					}), /* @__PURE__ */ jsx(TextInput, {
+						id: "link-url",
+						placeholder: "https://…",
+						value: url,
+						onValueChange: setUrl,
+						onKeyDown: handleKeyDown,
+						variant: "secondary"
+					})] }),
+					/* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(Button, {
+						size: "small",
+						variant: "outline",
+						onClick: handleClose,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "small",
+						onClick: handleSubmit,
+						disabled: !url.trim(),
+						children: "Add link"
+					})] })
+				]
+			})
+		})]
+	});
 };
-var ToolbarDivider = () => /* @__PURE__ */ jsx("div", { className: "tw:mx-0.5 tw:h-5 tw:w-px tw:bg-border" });
-var ELEMENT_FORMAT_TYPES = ["left", "center", "right", "justify", "start", "end", ""];
-var isElementFormatType = (value) => ELEMENT_FORMAT_TYPES.includes(value);
-var toElementFormatType = (value) => isElementFormatType(value) ? value : "left";
-var ToolbarPlugin = () => {
-  const [editor] = useLexicalComposerContext();
-  const [isBold, setIsBold] = useState(false);
-  const [isItalic, setIsItalic] = useState(false);
-  const [isUnderline, setIsUnderline] = useState(false);
-  const [isStrikethrough, setIsStrikethrough] = useState(false);
-  const [isCode, setIsCode] = useState(false);
-  const [isLink, setIsLink] = useState(false);
-  const [blockType, setBlockType] = useState("paragraph");
-  const [alignment, setAlignment] = useState("left");
-  const [isVisible, setIsVisible] = useState(false);
-  const [position, setPosition] = useState(null);
-  const toolbarRef = useRef(null);
-  const isMouseDownRef = useRef(false);
-  const hasSelectionRef = useRef(false);
-  const updatePosition = useCallback(() => {
-    const nativeSelection = window.getSelection();
-    if (!nativeSelection || nativeSelection.rangeCount === 0) return;
-    const range = nativeSelection.getRangeAt(0);
-    const rect = range.getBoundingClientRect();
-    if (rect.width > 0) {
-      const toolbarWidth = toolbarRef.current?.offsetWidth ?? 300;
-      setPosition({
-        top: rect.top + window.scrollY - 8,
-        left: Math.max(8, rect.left + window.scrollX + rect.width / 2 - toolbarWidth / 2)
-      });
-    }
-  }, []);
-  useEffect(() => {
-    const handleMouseDown = () => {
-      isMouseDownRef.current = true;
-    };
-    const handleMouseUp = () => {
-      isMouseDownRef.current = false;
-      if (hasSelectionRef.current) {
-        setIsVisible(true);
-      }
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("mouseup", handleMouseUp);
-    return () => {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mouseup", handleMouseUp);
-    };
-  }, []);
-  const updateToolbar = useCallback(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-      hasSelectionRef.current = false;
-      setIsVisible(false);
-      return;
-    }
-    const hasSelection = !selection.isCollapsed() && selection.getTextContent().length > 0;
-    hasSelectionRef.current = hasSelection;
-    if (!hasSelection) {
-      setIsVisible(false);
-    } else if (!isMouseDownRef.current) {
-      setIsVisible(true);
-    }
-    if (hasSelection) {
-      updatePosition();
-    }
-    setIsBold(selection.hasFormat("bold"));
-    setIsItalic(selection.hasFormat("italic"));
-    setIsUnderline(selection.hasFormat("underline"));
-    setIsStrikethrough(selection.hasFormat("strikethrough"));
-    setIsCode(selection.hasFormat("code"));
-    const node = selection.anchor.getNode();
-    const parent = node.getParent();
-    setIsLink($isLinkNode(parent) || $isLinkNode(node));
-    const blockElement = $getNearestBlockElementAncestorOrThrow(node);
-    if ($isListNode(blockElement)) {
-      const listType = blockElement.getListType();
-      setBlockType(listType === "number" ? "number" : "bullet");
-    } else if ($isHeadingNode(blockElement)) {
-      setBlockType(blockElement.getTag());
-    } else if ($isCodeNode(blockElement)) {
-      setBlockType("code");
-    } else if ($isQuoteNode(blockElement)) {
-      setBlockType("quote");
-    } else {
-      setBlockType("paragraph");
-    }
-    setAlignment(toElementFormatType(blockElement.getFormatType()));
-  }, [updatePosition]);
-  useEffect(() => {
-    const unregisterUpdate = editor.registerUpdateListener(({ editorState }) => {
-      editorState.read(() => {
-        updateToolbar();
-      });
-    });
-    return () => {
-      unregisterUpdate();
-    };
-  }, [editor, updateToolbar]);
-  if (!isVisible || !position) return null;
-  return createPortal(
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: toolbarRef,
-        role: "toolbar",
-        "aria-label": "Formatting options",
-        onMouseDown: (e) => e.preventDefault(),
-        style: { top: position.top, left: position.left },
-        className: "tw:absolute tw:z-[1060] tw:flex tw:-translate-y-full tw:items-center tw:gap-0.5 tw:rounded-lg tw:border tw:border-border tw:bg-popover tw:px-1.5 tw:py-1 tw:text-popover-foreground tw:shadow-lg",
-        children: [
-          /* @__PURE__ */ jsx(BlockTypeDropdown, { editor, blockType }),
-          /* @__PURE__ */ jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: isBold,
-              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
-              tooltip: "Bold (Ctrl+B)",
-              children: /* @__PURE__ */ jsx(Bold, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: isItalic,
-              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
-              tooltip: "Italic (Ctrl+I)",
-              children: /* @__PURE__ */ jsx(Italic, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: isUnderline,
-              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
-              tooltip: "Underline (Ctrl+U)",
-              children: /* @__PURE__ */ jsx(Underline, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: isStrikethrough,
-              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
-              tooltip: "Strikethrough",
-              children: /* @__PURE__ */ jsx(Strikethrough, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: isCode,
-              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code"),
-              tooltip: "Inline Code",
-              children: /* @__PURE__ */ jsx(Code, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsx(LinkPanel, { editor, isLink }),
-          /* @__PURE__ */ jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: blockType === "bullet",
-              onClick: () => {
-                if (blockType === "bullet") {
-                  editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
-                } else {
-                  editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
-                }
-              },
-              tooltip: "Bullet List",
-              children: /* @__PURE__ */ jsx(List, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: blockType === "number",
-              onClick: () => {
-                if (blockType === "number") {
-                  editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
-                } else {
-                  editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
-                }
-              },
-              tooltip: "Numbered List",
-              children: /* @__PURE__ */ jsx(ListOrdered, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsx(AlignmentDropdown, { editor, alignment }),
-          /* @__PURE__ */ jsx(ToolbarDivider, {}),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: blockType === "quote",
-              onClick: () => {
-                editor.update(() => {
-                  const selection = $getSelection();
-                  if (!$isRangeSelection(selection)) return;
-                  const anchorNode = selection.anchor.getNode();
-                  const element = $getNearestBlockElementAncestorOrThrow(anchorNode);
-                  const newNode = blockType === "quote" ? $createParagraphNode() : $createQuoteNode();
-                  element.getChildren().forEach((child) => newNode.append(child));
-                  element.replace(newNode);
-                });
-              },
-              tooltip: "Quote",
-              children: /* @__PURE__ */ jsx(Quote, { className: "tw:size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ToolbarButton,
-            {
-              active: blockType === "code",
-              onClick: () => {
-                editor.update(() => {
-                  const selection = $getSelection();
-                  if (!$isRangeSelection(selection)) return;
-                  const anchorNode = selection.anchor.getNode();
-                  const element = $getNearestBlockElementAncestorOrThrow(anchorNode);
-                  const newNode = blockType === "code" ? $createParagraphNode() : $createCodeNode();
-                  element.getChildren().forEach((child) => newNode.append(child));
-                  element.replace(newNode);
-                });
-              },
-              tooltip: "Code Block",
-              children: /* @__PURE__ */ jsx(SquareCode, { className: "tw:size-4" })
-            }
-          )
-        ]
-      }
-    ),
-    document.body
-  );
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/toolbar/ToolbarDivider.tsx
+const ToolbarDivider = () => /* @__PURE__ */ jsx("div", { className: "tw:mx-0.5 tw:h-5 tw:w-px tw:bg-border" });
+//#endregion
+//#region src/blocks/MarkdownEditor/plugins/ToolbarPlugin.tsx
+const ELEMENT_FORMAT_TYPES = [
+	"left",
+	"center",
+	"right",
+	"justify",
+	"start",
+	"end",
+	""
+];
+const isElementFormatType = (value) => ELEMENT_FORMAT_TYPES.includes(value);
+const toElementFormatType = (value) => isElementFormatType(value) ? value : "left";
+const ToolbarPlugin = () => {
+	const [editor] = useLexicalComposerContext();
+	const [isBold, setIsBold] = useState(false);
+	const [isItalic, setIsItalic] = useState(false);
+	const [isUnderline, setIsUnderline] = useState(false);
+	const [isStrikethrough, setIsStrikethrough] = useState(false);
+	const [isCode, setIsCode] = useState(false);
+	const [isLink, setIsLink] = useState(false);
+	const [blockType, setBlockType] = useState("paragraph");
+	const [alignment, setAlignment] = useState("left");
+	const [isVisible, setIsVisible] = useState(false);
+	const [position, setPosition] = useState(null);
+	const toolbarRef = useRef(null);
+	const isMouseDownRef = useRef(false);
+	const hasSelectionRef = useRef(false);
+	const updatePosition = useCallback(() => {
+		const nativeSelection = window.getSelection();
+		if (!nativeSelection || nativeSelection.rangeCount === 0) return;
+		const rect = nativeSelection.getRangeAt(0).getBoundingClientRect();
+		if (rect.width > 0) {
+			const toolbarWidth = toolbarRef.current?.offsetWidth ?? 300;
+			setPosition({
+				top: rect.top + window.scrollY - 8,
+				left: Math.max(8, rect.left + window.scrollX + rect.width / 2 - toolbarWidth / 2)
+			});
+		}
+	}, []);
+	useEffect(() => {
+		const handleMouseDown = () => {
+			isMouseDownRef.current = true;
+		};
+		const handleMouseUp = () => {
+			isMouseDownRef.current = false;
+			if (hasSelectionRef.current) setIsVisible(true);
+		};
+		document.addEventListener("mousedown", handleMouseDown);
+		document.addEventListener("mouseup", handleMouseUp);
+		return () => {
+			document.removeEventListener("mousedown", handleMouseDown);
+			document.removeEventListener("mouseup", handleMouseUp);
+		};
+	}, []);
+	const updateToolbar = useCallback(() => {
+		const selection = $getSelection();
+		if (!$isRangeSelection(selection)) {
+			hasSelectionRef.current = false;
+			setIsVisible(false);
+			return;
+		}
+		const hasSelection = !selection.isCollapsed() && selection.getTextContent().length > 0;
+		hasSelectionRef.current = hasSelection;
+		if (!hasSelection) setIsVisible(false);
+		else if (!isMouseDownRef.current) setIsVisible(true);
+		if (hasSelection) updatePosition();
+		setIsBold(selection.hasFormat("bold"));
+		setIsItalic(selection.hasFormat("italic"));
+		setIsUnderline(selection.hasFormat("underline"));
+		setIsStrikethrough(selection.hasFormat("strikethrough"));
+		setIsCode(selection.hasFormat("code"));
+		const node = selection.anchor.getNode();
+		const parent = node.getParent();
+		setIsLink($isLinkNode(parent) || $isLinkNode(node));
+		const blockElement = $getNearestBlockElementAncestorOrThrow(node);
+		if ($isListNode(blockElement)) {
+			const listType = blockElement.getListType();
+			setBlockType(listType === "number" ? "number" : "bullet");
+		} else if ($isHeadingNode(blockElement)) setBlockType(blockElement.getTag());
+		else if ($isCodeNode(blockElement)) setBlockType("code");
+		else if ($isQuoteNode(blockElement)) setBlockType("quote");
+		else setBlockType("paragraph");
+		setAlignment(toElementFormatType(blockElement.getFormatType()));
+	}, [updatePosition]);
+	useEffect(() => {
+		const unregisterUpdate = editor.registerUpdateListener(({ editorState }) => {
+			editorState.read(() => {
+				updateToolbar();
+			});
+		});
+		return () => {
+			unregisterUpdate();
+		};
+	}, [editor, updateToolbar]);
+	if (!isVisible || !position) return null;
+	return createPortal(/* @__PURE__ */ jsxs("div", {
+		ref: toolbarRef,
+		role: "toolbar",
+		"aria-label": "Formatting options",
+		onMouseDown: (e) => e.preventDefault(),
+		style: {
+			top: position.top,
+			left: position.left
+		},
+		className: "tw:absolute tw:z-[1060] tw:flex tw:-translate-y-full tw:items-center tw:gap-0.5 tw:rounded-lg tw:border tw:border-border tw:bg-popover tw:px-1.5 tw:py-1 tw:text-popover-foreground tw:shadow-lg",
+		children: [
+			/* @__PURE__ */ jsx(BlockTypeDropdown, {
+				editor,
+				blockType
+			}),
+			/* @__PURE__ */ jsx(ToolbarDivider, {}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: isBold,
+				onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
+				tooltip: "Bold (Ctrl+B)",
+				children: /* @__PURE__ */ jsx(Bold, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: isItalic,
+				onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
+				tooltip: "Italic (Ctrl+I)",
+				children: /* @__PURE__ */ jsx(Italic, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: isUnderline,
+				onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
+				tooltip: "Underline (Ctrl+U)",
+				children: /* @__PURE__ */ jsx(Underline, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: isStrikethrough,
+				onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
+				tooltip: "Strikethrough",
+				children: /* @__PURE__ */ jsx(Strikethrough, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: isCode,
+				onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code"),
+				tooltip: "Inline Code",
+				children: /* @__PURE__ */ jsx(Code, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarDivider, {}),
+			/* @__PURE__ */ jsx(LinkPanel, {
+				editor,
+				isLink
+			}),
+			/* @__PURE__ */ jsx(ToolbarDivider, {}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: blockType === "bullet",
+				onClick: () => {
+					if (blockType === "bullet") editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+					else editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+				},
+				tooltip: "Bullet List",
+				children: /* @__PURE__ */ jsx(List, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: blockType === "number",
+				onClick: () => {
+					if (blockType === "number") editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+					else editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+				},
+				tooltip: "Numbered List",
+				children: /* @__PURE__ */ jsx(ListOrdered, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarDivider, {}),
+			/* @__PURE__ */ jsx(AlignmentDropdown, {
+				editor,
+				alignment
+			}),
+			/* @__PURE__ */ jsx(ToolbarDivider, {}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: blockType === "quote",
+				onClick: () => {
+					editor.update(() => {
+						const selection = $getSelection();
+						if (!$isRangeSelection(selection)) return;
+						const anchorNode = selection.anchor.getNode();
+						const element = $getNearestBlockElementAncestorOrThrow(anchorNode);
+						const newNode = blockType === "quote" ? $createParagraphNode() : $createQuoteNode();
+						element.getChildren().forEach((child) => newNode.append(child));
+						element.replace(newNode);
+					});
+				},
+				tooltip: "Quote",
+				children: /* @__PURE__ */ jsx(Quote, { className: "tw:size-4" })
+			}),
+			/* @__PURE__ */ jsx(ToolbarButton, {
+				active: blockType === "code",
+				onClick: () => {
+					editor.update(() => {
+						const selection = $getSelection();
+						if (!$isRangeSelection(selection)) return;
+						const anchorNode = selection.anchor.getNode();
+						const element = $getNearestBlockElementAncestorOrThrow(anchorNode);
+						const newNode = blockType === "code" ? $createParagraphNode() : $createCodeNode();
+						element.getChildren().forEach((child) => newNode.append(child));
+						element.replace(newNode);
+					});
+				},
+				tooltip: "Code Block",
+				children: /* @__PURE__ */ jsx(SquareCode, { className: "tw:size-4" })
+			})
+		]
+	}), document.body);
 };
-
-// src/blocks/MarkdownEditor/theme.ts
-var editorTheme = {
-  link: "tw:cursor-pointer tw:!text-primary tw:underline",
-  text: {
-    bold: "tw:font-bold",
-    italic: "tw:italic",
-    strikethrough: "tw:line-through",
-    underline: "tw:underline",
-    code: "tw:rounded tw:bg-muted tw:px-1 tw:py-0.5 tw:font-mono tw:text-[0.85em]"
-  },
-  list: {
-    ol: "tw:!list-decimal",
-    ul: "tw:!list-disc",
-    checklist: "tw:!list-none tw:!pl-0",
-    listitemChecked: [
-      "tw:relative tw:!pl-6 tw:list-none tw:outline-hidden tw:line-through tw:text-muted-foreground",
-      'tw:before:content-[""] tw:before:absolute tw:before:left-0 tw:before:top-[3px]',
-      "tw:before:size-4 tw:before:rounded tw:before:border tw:before:border-solid",
-      "tw:before:bg-primary tw:before:border-primary tw:before:cursor-pointer",
-      'tw:after:content-[""] tw:after:absolute tw:after:left-[5.5px] tw:after:top-[5.5px]',
-      "tw:after:w-1 tw:after:h-2 tw:after:border-primary-foreground tw:after:border-solid",
-      "tw:after:border-r-[1.5px] tw:after:border-b-[1.5px] tw:after:border-t-0 tw:after:border-l-0",
-      "tw:after:rotate-45"
-    ].join(" "),
-    listitemUnchecked: [
-      "tw:relative tw:!pl-6 tw:list-none tw:outline-hidden",
-      'tw:before:content-[""] tw:before:absolute tw:before:left-0 tw:before:top-[3px]',
-      "tw:before:size-4 tw:before:rounded tw:before:border tw:before:border-solid",
-      "tw:before:border-input tw:before:bg-background tw:before:cursor-pointer"
-    ].join(" ")
-  }
+//#endregion
+//#region src/blocks/MarkdownEditor/theme.ts
+/**
+* Lexical editor theme — maps node types to CSS classes.
+* The editor container uses `tw:prose` so semantic elements (headings, lists, blockquotes, etc.)
+* are styled by Tailwind Typography. We only need explicit classes for text formatting
+* (bold, italic, etc.) because Lexical renders those as `<span>` elements.
+*/
+const editorTheme = {
+	link: "tw:cursor-pointer tw:!text-primary tw:underline",
+	text: {
+		bold: "tw:font-bold",
+		italic: "tw:italic",
+		strikethrough: "tw:line-through",
+		underline: "tw:underline",
+		code: "tw:rounded tw:bg-muted tw:px-1 tw:py-0.5 tw:font-mono tw:text-[0.85em]"
+	},
+	list: {
+		ol: "tw:!list-decimal",
+		ul: "tw:!list-disc",
+		checklist: "tw:!list-none tw:!pl-0",
+		listitemChecked: [
+			"tw:relative tw:!pl-6 tw:list-none tw:outline-hidden tw:line-through tw:text-muted-foreground",
+			"tw:before:content-[\"\"] tw:before:absolute tw:before:left-0 tw:before:top-[3px]",
+			"tw:before:size-4 tw:before:rounded tw:before:border tw:before:border-solid",
+			"tw:before:bg-primary tw:before:border-primary tw:before:cursor-pointer",
+			"tw:after:content-[\"\"] tw:after:absolute tw:after:left-[5.5px] tw:after:top-[5.5px]",
+			"tw:after:w-1 tw:after:h-2 tw:after:border-primary-foreground tw:after:border-solid",
+			"tw:after:border-r-[1.5px] tw:after:border-b-[1.5px] tw:after:border-t-0 tw:after:border-l-0",
+			"tw:after:rotate-45"
+		].join(" "),
+		listitemUnchecked: [
+			"tw:relative tw:!pl-6 tw:list-none tw:outline-hidden",
+			"tw:before:content-[\"\"] tw:before:absolute tw:before:left-0 tw:before:top-[3px]",
+			"tw:before:size-4 tw:before:rounded tw:before:border tw:before:border-solid",
+			"tw:before:border-input tw:before:bg-background tw:before:cursor-pointer"
+		].join(" ")
+	}
 };
-var EDITOR_NODES = [
-  ImageNode,
-  MermaidNode,
-  HeadingNode,
-  QuoteNode,
-  ListNode,
-  ListItemNode,
-  CodeNode,
-  LinkNode,
-  HorizontalRuleNode
+//#endregion
+//#region src/blocks/MarkdownEditor/MarkdownEditor.tsx
+const EDITOR_NODES = [
+	ImageNode,
+	MermaidNode,
+	HeadingNode,
+	QuoteNode,
+	ListNode,
+	ListItemNode,
+	CodeNode,
+	LinkNode,
+	HorizontalRuleNode
 ];
-var MarkdownEditor = ({
-  value,
-  onChange,
-  readOnly = false,
-  placeholder,
-  autoFocus = false,
-  disabled = false,
-  onSave,
-  onCancel,
-  onImageUpload,
-  className,
-  imageRenderer,
-  showToolbar = false,
-  compact = false,
-  saveOnBlur = false,
-  singleLine = false,
-  clampDisplay = false,
-  minRows
-}) => {
-  const editable = !readOnly && !disabled;
-  const transformers = singleLine ? SINGLE_LINE_TRANSFORMERS : CUSTOM_TRANSFORMERS;
-  const useDefaultMinHeight = !compact && minRows === void 0;
-  const customMinHeight = !compact && minRows !== void 0 ? { minHeight: `${minRows * 1.75}em` } : void 0;
-  const [initialConfig] = useState(() => ({
-    namespace: "MarkdownEditor",
-    theme: editorTheme,
-    nodes: EDITOR_NODES,
-    onError: (error) => {
-      console.error("[MarkdownEditor] uncaught editor error", error);
-    },
-    editable,
-    editorState: () => {
-      $convertFromMarkdownString(preprocessMarkdown(value), transformers);
-    }
-  }));
-  const skipBlurSaveRef = useRef(false);
-  const handleBlur = saveOnBlur && onSave ? (event) => {
-    if (skipBlurSaveRef.current) {
-      skipBlurSaveRef.current = false;
-      return;
-    }
-    if (!event.currentTarget.contains(event.relatedTarget)) {
-      onSave();
-    }
-  } : void 0;
-  return /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsx(ImageRendererProvider, { value: imageRenderer ?? null, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        !compact && "tw:prose",
-        // Compact mode drops `tw:prose`, so Lexical's <p> wrappers fall back to the browser
-        // default `margin: 1em 0` — visually huge at heading sizes. Zero them, and use the
-        // adjacent-sibling selector for paragraph spacing so single-paragraph blocks (titles,
-        // short descriptions) stay tight while multi-paragraph blocks still breathe.
-        compact && "tw:[&_p]:m-0 tw:[&_p+p]:mt-2",
-        // Display-state clamp: 2 lines, dropped in focus-within so editing expands to full
-        // height. line-clamp is self-gating (no effect below 3 lines), so short/empty content
-        // renders clean; a CSS fade can't gate on overflow without JS, so it's omitted.
-        clampDisplay && "tw:[&:not(:focus-within)]:line-clamp-2",
-        className
-      ),
-      onBlur: handleBlur,
-      children: [
-        showToolbar && editable && /* @__PURE__ */ jsx(ToolbarPlugin, {}),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "tw:relative tw:rounded-md tw:transition-colors",
-              // In compact mode the padding lets the hover bg / focus ring extend past the text,
-              // but a matching negative margin shifts the wrapper outward so the text itself stays
-              // aligned with the parent's content edge (i.e. with where static text would render).
-              compact ? "tw:px-1.5 tw:py-0.5 tw:-mx-1.5 tw:-my-0.5" : "tw:p-2",
-              editable && "tw:cursor-text tw:hover:bg-muted tw:focus-within:ring-2 tw:focus-within:ring-ring/40"
-            ),
-            children: /* @__PURE__ */ jsx(
-              RichTextPlugin,
-              {
-                contentEditable: /* @__PURE__ */ jsx(
-                  ContentEditable,
-                  {
-                    className: cn("tw:outline-hidden", useDefaultMinHeight && "tw:min-h-[100px]"),
-                    style: customMinHeight,
-                    "aria-placeholder": placeholder ?? "",
-                    placeholder: placeholder ? /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn(
-                          "tw:pointer-events-none tw:absolute tw:select-none tw:text-muted-foreground",
-                          compact ? "tw:left-1.5 tw:top-0.5" : "tw:left-2 tw:top-[calc(0.5rem+0.35em)]"
-                        ),
-                        children: placeholder
-                      }
-                    ) : /* @__PURE__ */ jsx("div", {})
-                  }
-                ),
-                ErrorBoundary: LexicalErrorBoundary
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(HistoryPlugin, {}),
-        /* @__PURE__ */ jsx(LinkPlugin, {}),
-        /* @__PURE__ */ jsx(ClickableLinkPlugin, { newTab: true }),
-        !singleLine && /* @__PURE__ */ jsx(ListPlugin, {}),
-        !singleLine && /* @__PURE__ */ jsx(CheckListPlugin, {}),
-        !singleLine && /* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
-        /* @__PURE__ */ jsx(TabIndentationPlugin, {}),
-        /* @__PURE__ */ jsx(MarkdownShortcutPlugin, { transformers }),
-        /* @__PURE__ */ jsx(
-          MarkdownSyncPlugin,
-          {
-            value,
-            editable,
-            onChange,
-            transformers,
-            singleLine
-          }
-        ),
-        /* @__PURE__ */ jsx(ImagePastePlugin, { onImageUpload }),
-        /* @__PURE__ */ jsx(
-          KeyboardPlugin,
-          {
-            onSave,
-            onCancel,
-            singleLine,
-            blurOnEscape: singleLine || saveOnBlur,
-            skipBlurSaveRef
-          }
-        ),
-        autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {})
-      ]
-    }
-  ) }) });
+const MarkdownEditor = ({ value, onChange, readOnly = false, placeholder, autoFocus = false, disabled = false, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar = false, compact = false, saveOnBlur = false, singleLine = false, clampDisplay = false, minRows }) => {
+	const editable = !readOnly && !disabled;
+	const transformers = singleLine ? SINGLE_LINE_TRANSFORMERS : CUSTOM_TRANSFORMERS;
+	const useDefaultMinHeight = !compact && minRows === void 0;
+	const customMinHeight = !compact && minRows !== void 0 ? { minHeight: `${minRows * 1.75}em` } : void 0;
+	const [initialConfig] = useState(() => ({
+		namespace: "MarkdownEditor",
+		theme: editorTheme,
+		nodes: EDITOR_NODES,
+		onError: (error) => {
+			console.error("[MarkdownEditor] uncaught editor error", error);
+		},
+		editable,
+		editorState: () => {
+			$convertFromMarkdownString(preprocessMarkdown(value), transformers);
+		}
+	}));
+	const skipBlurSaveRef = useRef(false);
+	const handleBlur = saveOnBlur && onSave ? (event) => {
+		if (skipBlurSaveRef.current) {
+			skipBlurSaveRef.current = false;
+			return;
+		}
+		if (!event.currentTarget.contains(event.relatedTarget)) onSave();
+	} : void 0;
+	return /* @__PURE__ */ jsx(LexicalComposer, {
+		initialConfig,
+		children: /* @__PURE__ */ jsx(ImageRendererProvider, {
+			value: imageRenderer ?? null,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cn(!compact && "tw:prose", compact && "tw:[&_p]:m-0 tw:[&_p+p]:mt-2", clampDisplay && "tw:[&:not(:focus-within)]:line-clamp-2", className),
+				onBlur: handleBlur,
+				children: [
+					showToolbar && editable && /* @__PURE__ */ jsx(ToolbarPlugin, {}),
+					/* @__PURE__ */ jsx("div", {
+						className: cn("tw:relative tw:rounded-md tw:transition-colors", compact ? "tw:px-1.5 tw:py-0.5 tw:-mx-1.5 tw:-my-0.5" : "tw:p-2", editable && "tw:cursor-text tw:hover:bg-muted tw:focus-within:ring-2 tw:focus-within:ring-ring/40"),
+						children: /* @__PURE__ */ jsx(RichTextPlugin, {
+							contentEditable: /* @__PURE__ */ jsx(ContentEditable, {
+								className: cn("tw:outline-hidden", useDefaultMinHeight && "tw:min-h-[100px]"),
+								style: customMinHeight,
+								"aria-placeholder": placeholder ?? "",
+								placeholder: placeholder ? /* @__PURE__ */ jsx("div", {
+									className: cn("tw:pointer-events-none tw:absolute tw:select-none tw:text-muted-foreground", compact ? "tw:left-1.5 tw:top-0.5" : "tw:left-2 tw:top-[calc(0.5rem+0.35em)]"),
+									children: placeholder
+								}) : /* @__PURE__ */ jsx("div", {})
+							}),
+							ErrorBoundary: LexicalErrorBoundary
+						})
+					}),
+					/* @__PURE__ */ jsx(HistoryPlugin, {}),
+					/* @__PURE__ */ jsx(LinkPlugin, {}),
+					/* @__PURE__ */ jsx(ClickableLinkPlugin, { newTab: true }),
+					!singleLine && /* @__PURE__ */ jsx(ListPlugin, {}),
+					!singleLine && /* @__PURE__ */ jsx(CheckListPlugin, {}),
+					!singleLine && /* @__PURE__ */ jsx(HorizontalRulePlugin, {}),
+					/* @__PURE__ */ jsx(TabIndentationPlugin, {}),
+					/* @__PURE__ */ jsx(MarkdownShortcutPlugin, { transformers }),
+					/* @__PURE__ */ jsx(MarkdownSyncPlugin, {
+						value,
+						editable,
+						onChange,
+						transformers,
+						singleLine
+					}),
+					/* @__PURE__ */ jsx(ImagePastePlugin, { onImageUpload }),
+					/* @__PURE__ */ jsx(KeyboardPlugin, {
+						onSave,
+						onCancel,
+						singleLine,
+						blurOnEscape: singleLine || saveOnBlur,
+						skipBlurSaveRef
+					}),
+					autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {})
+				]
+			})
+		})
+	});
 };
-
+//#endregion
 export { MarkdownEditor };
-//# sourceMappingURL=markdown-editor.js.map
+
 //# sourceMappingURL=markdown-editor.js.map