@baishuyun/ui-base 6.10.0 → 6.11.0

package/dist/Editor/index.js

@@ -1,56 +1,64 @@
-import "../vendors/version-L-kG2La0.js";
+import "../vendors/version-BxI5QM5W.js";
 import "../ScrollBar/style-D26azwz6.js";
-import "../Icon/Icon-BBDcb-yw.js";
-import "../vendors/LocaleContext-Dcw6C1LX.js";
-import "../Modal/Modal-LiztSF7x.js";
-import "../ColorPicker/ColorPicker-D3JuQ7a7.js";
-import "../vendors/useFloatingOverlay-BApqkHSu.js";
-import "../vendors/useLocale-BKZX2_zw.js";
-import "../vendors/useLatchedPopupPortalRoot-hwf14FJ5.js";
-import { t as e } from "../vendors/cssVars-B8o94Yao.js";
-import "../Select/SelectInputSearch-CrGW_eVo.js";
-import "../CheckBox/CheckBox-Bb0UuX1Y.js";
-import "../CheckBox/CheckBox-CcM19LnP.js";
-import "../NotFoundContent/NotFoundContent-J-TEnljc.js";
-import "../ScrollBar/ScrollBar-CnwYQfXM.js";
-import "../vendors/useFloatingPortal-C8V67X0v.js";
-import "../DropDown/DropDown-Daxr9BYf.js";
-import "../DropDown/style-BSgosymi.js";
-import { a as t, c as n, d as r, i, l as a, n as o, o as s, r as c, s as l, u } from "./Buttons-DG_-Sg_C.js";
-import { DEFAULT_BACKGROUND_COLOR as d, DEFAULT_FONT_COLOR as f, DEFAULT_FONT_SIZE as p } from "./constants/index.js";
-import { omit as m } from "lodash-es";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import v, { useCallback as y, useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import w from "clsx";
-import { LexicalComposer as T } from "@lexical/react/LexicalComposer";
-import { RichTextPlugin as E } from "@lexical/react/LexicalRichTextPlugin";
-import { ContentEditable as ee } from "@lexical/react/LexicalContentEditable";
-import { HistoryPlugin as te } from "@lexical/react/LexicalHistoryPlugin";
-import { OnChangePlugin as ne } from "@lexical/react/LexicalOnChangePlugin";
-import { LexicalErrorBoundary as D } from "@lexical/react/LexicalErrorBoundary";
-import { $generateHtmlFromNodes as re, $generateNodesFromDOM as ie } from "@lexical/html";
-import { $applyNodeReplacement as O, $createParagraphNode as k, $getNodeByKey as A, $getRoot as ae, $getRoot as j, $getSelection as M, $insertNodes as N, $isElementNode as oe, $isRangeSelection as P, $isRootOrShadowRoot as se, $isTextNode as ce, COMMAND_PRIORITY_EDITOR as le, COMMAND_PRIORITY_LOW as ue, DecoratorNode as de, KEY_ENTER_COMMAND as fe, RootNode as pe, TextNode as F } from "lexical";
-import { useLexicalComposerContext as me, useLexicalComposerContext as I } from "@lexical/react/LexicalComposerContext";
-import { $getSelectionStyleValueForProperty as L, $patchStyleText as R, $trimTextContentFromAnchor as z } from "@lexical/selection";
-import { $findMatchingParent as B, $restoreEditorState as he } from "@lexical/utils";
-import { $isLinkNode as V, AutoLinkNode as ge, LinkNode as _e } from "@lexical/link";
-import { useLexicalEditable as ve } from "@lexical/react/useLexicalEditable";
-import { LinkPlugin as ye } from "@lexical/react/LexicalLinkPlugin";
+import { t as e } from "../Icon/Icon-BBDcb-yw.js";
+import "../vendors/LocaleContext-I4PW9j4M.js";
+import "../Overlay/OverlayContext-CVSFoyqN.js";
+import "../Modal/Modal-Cb7Msq26.js";
+import "../ColorPicker/ColorPicker-DVwg07Gs.js";
+import "../vendors/useFloatingOverlay-B3M9k8nj.js";
+import { t } from "../vendors/useLocale-FGYsRWSe.js";
+import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { t as n } from "../vendors/cssVars-l4-kP_14.js";
+import "../Select/SelectInputSearch-i3egm8Wy.js";
+import "../CheckBox/CheckBox-ByWSy9Yr.js";
+import "../CheckBox/CheckBox-nBm0u6zX.js";
+import "../NotFoundContent/NotFoundContent-BLmzWNBi.js";
+import "../ScrollBar/ScrollBar-N2pOLv-8.js";
+import "../vendors/useFloatingPortal-CmVJbuRm.js";
+import { t as r } from "../DropDown/DropDown-DWf5yf4l.js";
+import "../DropDown/style-LLDVPpPa.js";
+import { _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, u as b, v as x, y as ee } from "./Buttons-BBioCubp.js";
+import { DEFAULT_BACKGROUND_COLOR as te, DEFAULT_FONT_COLOR as ne, DEFAULT_FONT_SIZE as re } from "./constants/index.js";
+import { omit as ie } from "lodash-es";
+import { Fragment as ae, jsx as S, jsxs as C } from "react/jsx-runtime";
+import oe, { createContext as se, useCallback as w, useContext as ce, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
+import k from "clsx";
+import { AnimatePresence as le, motion as ue, useReducedMotion as de } from "motion/react";
+import { LexicalComposer as fe } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin as pe } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as me } from "@lexical/react/LexicalContentEditable";
+import { HistoryPlugin as he } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as ge } from "@lexical/react/LexicalOnChangePlugin";
+import { LexicalErrorBoundary as _e } from "@lexical/react/LexicalErrorBoundary";
+import { $generateHtmlFromNodes as ve, $generateNodesFromDOM as ye } from "@lexical/html";
+import { $applyNodeReplacement as be, $createLineBreakNode as xe, $createParagraphNode as Se, $createTabNode as Ce, $createTextNode as we, $getNearestNodeFromDOMNode as Te, $getNodeByKey as A, $getRoot as Ee, $getRoot as j, $getSelection as M, $insertNodes as N, $isElementNode as De, $isLineBreakNode as P, $isRangeSelection as F, $isRootOrShadowRoot as Oe, $isTabNode as ke, $isTextNode as Ae, $onUpdate as je, CLEAR_HISTORY_COMMAND as Me, COMMAND_PRIORITY_CRITICAL as Ne, COMMAND_PRIORITY_EDITOR as Pe, COMMAND_PRIORITY_HIGH as I, COMMAND_PRIORITY_LOW as Fe, DROP_COMMAND as Ie, DecoratorNode as Le, HISTORY_MERGE_TAG as Re, INDENT_CONTENT_COMMAND as ze, KEY_ENTER_COMMAND as Be, KEY_TAB_COMMAND as Ve, PASTE_COMMAND as He, PASTE_TAG as Ue, RootNode as We, TextNode as L, isHTMLElement as Ge, mergeRegister as Ke } from "lexical";
+import { useLexicalComposerContext as qe, useLexicalComposerContext as R } from "@lexical/react/LexicalComposerContext";
+import { $getSelectionStyleValueForProperty as z, $patchStyleText as Je, $trimTextContentFromAnchor as B } from "@lexical/selection";
+import { $findMatchingParent as V, $restoreEditorState as Ye, mergeRegister as Xe } from "@lexical/utils";
+import { $isLinkNode as Ze, AutoLinkNode as Qe, LinkNode as $e } from "@lexical/link";
+import { $isListItemNode as H, $isListNode as et, ListItemNode as tt, ListNode as nt } from "@lexical/list";
+import { $createCodeHighlightNode as rt, $createCodeNode as it, $isCodeHighlightNode as at, $isCodeNode as U, $plainifyCodeContent as ot, CodeHighlightNode as W, CodeNode as G, registerCodeIndentation as st } from "@lexical/code-core";
+import { $findCellNode as ct, $isTableCellNode as K, $isTableNode as lt, $isTableRowNode as ut, $isTableSelection as dt, TableCellNode as q, TableNode as ft, TableRowNode as pt, registerTableCellUnmergeTransform as mt, registerTablePlugin as ht, registerTableSelectionObserver as gt, setScrollableTablesActive as _t } from "@lexical/table";
+import { $isHeadingNode as vt, HeadingNode as yt } from "@lexical/rich-text";
+import { useLexicalEditable as bt } from "@lexical/react/useLexicalEditable";
+import { LinkPlugin as xt } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin as St } from "@lexical/react/LexicalListPlugin";
+import Ct from "dompurify";
 //#region src/components/Editor/utils/resolveEditorToolbarThemeVars.ts
-var H = (e) => {
+var J = (e) => {
 	if (!(e === void 0 || e === "")) return typeof e == "number" ? `${e}px` : e;
-}, be = (t) => {
-	if (!t) return {};
-	let n = {};
-	return e(n, "--bsy-editor-toolbar-bg", t.bg), e(n, "--bsy-editor-toolbar-border-color", t.borderColor), e(n, "--bsy-editor-toolbar-padding", t.padding), e(n, "--bsy-editor-toolbar-gap", H(t.gap)), e(n, "--bsy-editor-toolbar-group-gap", H(t.groupGap)), e(n, "--bsy-editor-toolbar-divider-color", t.dividerColor), e(n, "--bsy-editor-toolbar-divider-size", H(t.dividerSize)), e(n, "--bsy-editor-toolbar-divider-margin", H(t.dividerMargin)), e(n, "--bsy-editor-toolbar-color-icon", t.colorIcon), e(n, "--bsy-editor-toolbar-item-hover-bg", t.itemHoverBg), e(n, "--bsy-editor-toolbar-item-hover-color", t.itemHoverColor), e(n, "--bsy-editor-toolbar-item-active-bg", t.itemActiveBg), e(n, "--bsy-editor-toolbar-item-active-color", t.itemActiveColor), e(n, "--bsy-editor-toolbar-item-padding", H(t.itemPadding)), e(n, "--bsy-editor-toolbar-item-border-radius", H(t.itemBorderRadius)), e(n, "--bsy-editor-toolbar-icon-size", H(t.iconSize)), n;
-}, xe = (e) => {
+}, wt = (e) => {
+	if (!e) return {};
+	let t = {};
+	return n(t, "--bsy-editor-toolbar-bg", e.bg), n(t, "--bsy-editor-toolbar-border-color", e.borderColor), n(t, "--bsy-editor-toolbar-padding", e.padding), n(t, "--bsy-editor-toolbar-gap", J(e.gap)), n(t, "--bsy-editor-toolbar-group-gap", J(e.groupGap)), n(t, "--bsy-editor-toolbar-divider-color", e.dividerColor), n(t, "--bsy-editor-toolbar-divider-size", J(e.dividerSize)), n(t, "--bsy-editor-toolbar-divider-margin", J(e.dividerMargin)), n(t, "--bsy-editor-toolbar-color-icon", e.colorIcon), n(t, "--bsy-editor-toolbar-item-hover-bg", e.itemHoverBg), n(t, "--bsy-editor-toolbar-item-hover-color", e.itemHoverColor), n(t, "--bsy-editor-toolbar-item-active-bg", e.itemActiveBg), n(t, "--bsy-editor-toolbar-item-active-color", e.itemActiveColor), n(t, "--bsy-editor-toolbar-item-padding", J(e.itemPadding)), n(t, "--bsy-editor-toolbar-item-border-radius", J(e.itemBorderRadius)), n(t, "--bsy-editor-toolbar-icon-size", J(e.iconSize)), t;
+}, Tt = (e) => {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Number.parseFloat(e);
 		if (Number.isFinite(t)) return t;
 	}
 	return 14;
-}, Se = (e) => {
+}, Et = (e) => {
 	let t = e?.placement ?? "top", n = e?.offset, r = typeof n == "number" ? 0 : n?.x ?? 0, i = typeof n == "number" ? n : n?.y ?? 0, a = t === "top", o = {
 		position: "absolute",
 		[a ? "bottom" : "top"]: "100%",
@@ -60,43 +68,76 @@ var H = (e) => {
 		width: "100%"
 	};
 	return r && (o.transform = `translateX(${r}px)`), o;
-}, U = {
-	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_3xekt_1",
-	"bsy-lexical__toolbar--floating": "_bsy-lexical__toolbar--floating_3xekt_10",
-	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_3xekt_16",
-	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_3xekt_22"
 };
 //#endregion
 //#region src/components/Editor/hooks/useTextFormatsState.ts
-function Ce() {
-	let [e] = I(), [t, n] = C({
+function Dt() {
+	let [e] = R(), [t, n] = O({
 		bold: !1,
 		italic: !1,
 		underline: !1,
-		fontSize: p,
-		fontColor: f,
-		backgroundColor: d,
+		strikethrough: !1,
+		superscript: !1,
+		subscript: !1,
+		fontSize: re,
+		fontColor: ne,
+		backgroundColor: te,
 		align: "left",
+		listType: !1,
+		canOutdent: !1,
+		isCodeBlock: !1,
+		isInTable: !1,
+		headingTag: !1,
+		codeLanguage: i,
 		link: void 0
 	});
-	return b(() => e.registerUpdateListener(({ editorState: e }) => {
+	return T(() => e.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
 			let e = M();
-			if (P(e)) {
-				let t = L(e, "font-size", p), r = L(e, "color", f), i = L(e, "background-color", d), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : B(a, (e) => {
+			if (dt(e)) {
+				n((e) => ({
+					...e,
+					isCodeBlock: !1,
+					isInTable: !0,
+					headingTag: !1
+				}));
+				return;
+			}
+			if (F(e)) {
+				let t = z(e, "font-size", re), r = z(e, "color", ne), i = z(e, "background-color", te), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : V(a, (e) => {
 					let t = e.getParent();
-					return t !== null && se(t);
+					return t !== null && Oe(t);
 				});
 				o === null && (o = a.getTopLevelElementOrThrow());
-				let s = {}, c = B(a, V);
-				c ? (s.link = c.getURL(), s.linkText = c.getTextContent(), s.newBlank = c.getTarget() === "_blank") : s.linkText = e.getTextContent(), n({
+				let s = {}, c = V(a, Ze);
+				c ? (s.link = c.getURL(), s.linkText = c.getTextContent(), s.newBlank = c.getTarget() === "_blank") : s.linkText = e.getTextContent();
+				let l = V(a, H), u = !1, d = De(o) ? o.getIndent() : 0;
+				if (H(l)) {
+					d = l.getIndent();
+					let e = l.getParent();
+					if (et(e)) {
+						let t = e.getListType();
+						u = t === "number" || t === "bullet" ? t : !1;
+					}
+				}
+				let f = V(a, U), p = V(a, vt), m = vt(p) ? p.getTag() : void 0;
+				n({
 					bold: e.hasFormat("bold"),
 					italic: e.hasFormat("italic"),
 					underline: e.hasFormat("underline"),
+					strikethrough: e.hasFormat("strikethrough"),
+					superscript: e.hasFormat("superscript"),
+					subscript: e.hasFormat("subscript"),
 					fontSize: t,
 					fontColor: r,
 					backgroundColor: i,
-					align: oe(o) ? o.getFormatType() : "left",
+					align: De(o) ? o.getFormatType() : "left",
+					listType: u,
+					canOutdent: d > 0 || u !== !1,
+					isCodeBlock: !!f,
+					isInTable: !!V(a, K),
+					headingTag: m === "h1" || m === "h2" || m === "h3" ? m : !1,
+					codeLanguage: x(f?.getLanguage()),
 					link: s
 				});
 			}
@@ -105,14 +146,150 @@ function Ce() {
 }
 //#endregion
 //#region src/components/Editor/ToolbarPlugin/context/TextFormatProvider.tsx
-var we = (e) => {
-	let t = Ce();
-	return /* @__PURE__ */ g(r.Provider, {
+var Ot = (e) => {
+	let t = Dt();
+	return /* @__PURE__ */ S(ee.Provider, {
 		value: t,
 		children: e.children
 	});
-}, Te = (e) => {
-	let { config: t = [], style: r, theme: i, mode: a, floating: s } = e, { toolbarRef: c } = n(), l = a === "floating", d = x(() => be(i), [i]), f = x(() => ({ iconSize: xe(i?.iconSize) }), [i?.iconSize]), p = l ? Se(s) : void 0, h = l ? m(r, [
+}, kt = se(null), At = () => {
+	let e = ce(kt);
+	if (!e) throw Error("useEditorContainer must be used within EditorContainerProvider");
+	return e;
+}, jt = d.map((e) => ({
+	key: e.id,
+	label: e.label
+})), Mt = () => {
+	let [n] = R(), { codeLanguage: i } = p(), { t: a } = t(), { iconSize: s } = l(), c = w((e) => {
+		let t = e.key;
+		n.update(() => {
+			let e = M();
+			F(e) && V(e.anchor.getNode(), U)?.setLanguage(t);
+		});
+	}, [n]), d = u[i].label;
+	return /* @__PURE__ */ S(r, {
+		menus: jt,
+		onClick: c,
+		activeKey: [i],
+		showSearch: !1,
+		style: {
+			width: 120,
+			minWidth: 120
+		},
+		children: /* @__PURE__ */ S("div", {
+			className: o["bsy-lexical__toolbar-select"],
+			style: { width: 120 },
+			children: /* @__PURE__ */ S(b, {
+				icon: /* @__PURE__ */ C(ae, { children: [/* @__PURE__ */ S("span", {
+					className: o["bsy-lexical__toolbar-select-label"],
+					children: d
+				}), /* @__PURE__ */ S(e, {
+					name: "arrow-down",
+					size: s,
+					className: o["bsy-lexical__toolbar-select-arrow"]
+				})] }),
+				tooltip: a("editor.codeLanguage")
+			})
+		})
+	});
+}, Nt = {
+	initial: {
+		opacity: 0,
+		x: 6
+	},
+	animate: {
+		opacity: 1,
+		x: 0
+	},
+	exit: {
+		opacity: 0,
+		x: -6
+	}
+}, Pt = (e) => typeof e == "string" ? e : e.name, Ft = (e, t, n) => {
+	if (n) return [
+		{
+			kind: "button",
+			key: "undo",
+			name: "undo"
+		},
+		{
+			kind: "button",
+			key: "redo",
+			name: "redo"
+		},
+		{
+			kind: "button",
+			key: "source-mode",
+			name: "source"
+		}
+	];
+	if (t) return [
+		{
+			kind: "button",
+			key: "undo",
+			name: "undo"
+		},
+		{
+			kind: "button",
+			key: "redo",
+			name: "redo"
+		},
+		{
+			kind: "divider",
+			key: "divider-code"
+		},
+		{
+			kind: "button",
+			key: "code-block-toggle",
+			name: "code"
+		},
+		{
+			kind: "language",
+			key: "code-language"
+		}
+	];
+	let r = [];
+	return e.forEach((t, n) => {
+		t.buttons.forEach((e) => {
+			let t = Pt(e);
+			r.push({
+				kind: "button",
+				key: t,
+				name: t,
+				props: typeof e == "string" ? void 0 : e.props
+			});
+		}), n < e.length - 1 && r.push({
+			kind: "divider",
+			key: `divider-${t.key}`
+		});
+	}), r;
+}, It = (e, t) => {
+	let n = h(e);
+	return n ? /* @__PURE__ */ S(n, { ...t }) : (console.warn(`[ToolbarPlugin] Button "${e}" is not registered.`), null);
+}, Lt = ({ config: e }) => {
+	let { isCodeBlock: t } = p(), { isSourceMode: n } = y(), r = de(), i = Ft(e, t, n), a = {
+		duration: r ? 0 : .16,
+		ease: "easeOut"
+	}, s = r ? {} : Nt;
+	return /* @__PURE__ */ S(le, {
+		initial: !1,
+		mode: "popLayout",
+		children: i.map((e) => {
+			let t = null;
+			return t = e.kind === "divider" ? /* @__PURE__ */ S("div", { className: o["bsy-lexical__toolbar-divider"] }) : e.kind === "language" ? /* @__PURE__ */ S(Mt, {}) : It(e.name, e.props), t === null ? null : /* @__PURE__ */ S(ue.div, {
+				className: o["bsy-lexical__toolbar-item"],
+				layout: "position",
+				transition: a,
+				...s,
+				children: t
+			}, e.key);
+		})
+	});
+}, Rt = (e) => {
+	let { config: t = [], style: n, theme: r, mode: i, floating: a } = e, { toolbarRef: s } = At(), l = i === "floating", u = de(), d = {
+		duration: u ? 0 : .16,
+		ease: "easeOut"
+	}, f = E(() => wt(r), [r]), p = E(() => ({ iconSize: Tt(r?.iconSize) }), [r?.iconSize]), m = l ? Et(a) : void 0, h = l ? ie(n, [
 		"position",
 		"left",
 		"top",
@@ -122,35 +299,30 @@ var we = (e) => {
 		"transform",
 		"marginTop",
 		"marginBottom"
-	]) : r, v = (e, t) => {
-		let n = typeof e == "string" ? e : e.name, r = o(n);
-		return r ? typeof e == "string" ? /* @__PURE__ */ g(r, {}, `${n}-${t}`) : /* @__PURE__ */ g(r, { ...e.props }, `${n}-${t}`) : (console.warn(`[ToolbarPlugin] Button "${n}" is not registered.`), null);
-	};
-	return /* @__PURE__ */ g(u, {
-		value: f,
-		children: /* @__PURE__ */ g(we, { children: /* @__PURE__ */ g("div", {
-			ref: c,
-			className: w(U["bsy-lexical__toolbar"], l && U["bsy-lexical__toolbar--floating"]),
+	]) : n;
+	return /* @__PURE__ */ S(c, {
+		value: p,
+		children: /* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(Ot, { children: /* @__PURE__ */ S(ue.div, {
+			ref: s,
+			layout: !u,
+			transition: d,
+			className: k(o["bsy-lexical__toolbar"], l && o["bsy-lexical__toolbar--floating"]),
 			style: {
-				...d,
-				...p,
+				...f,
+				...m,
 				...h
 			},
-			children: t.map((e, n) => /* @__PURE__ */ _("div", {
-				className: U["bsy-lexical__toolbar-group"],
-				"data-group": e.key,
-				children: [e.buttons.map((e, t) => v(e, t)), n < t.length - 1 && /* @__PURE__ */ g("div", { className: U["bsy-lexical__toolbar-divider"] })]
-			}, e.key + n))
-		}) })
+			children: /* @__PURE__ */ S(Lt, { config: t })
+		}) }) })
 	});
-}, W = {
+}, Y = {
 	"bsy-lexical-editor": "_bsy-lexical-editor_1bhfo_1",
 	"bsy-lexical-editor--floating": "_bsy-lexical-editor--floating_1bhfo_7",
 	"bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_1bhfo_10",
 	"bsy-lexical-editor__content-editable--with-length-badge": "_bsy-lexical-editor__content-editable--with-length-badge_1bhfo_17",
 	"bsy-lexical-editor__length-badge": "_bsy-lexical-editor__length-badge_1bhfo_20",
 	"bsy-lexical-editor__length-badge--exceeded": "_bsy-lexical-editor__length-badge--exceeded_1bhfo_36"
-}, G = class e extends F {
+}, X = class e extends L {
 	constructor(e, t) {
 		super(e, t);
 	}
@@ -161,46 +333,46 @@ var we = (e) => {
 		return new e(t.__text, t.__key);
 	}
 	static importDOM() {
-		let e = F.importDOM();
+		let e = L.importDOM();
 		return {
 			...e,
 			code: () => ({
-				conversion: K(e?.code),
+				conversion: Z(e?.code),
 				priority: 1
 			}),
 			em: () => ({
-				conversion: K(e?.em),
+				conversion: Z(e?.em),
 				priority: 1
 			}),
 			span: () => ({
-				conversion: K(e?.span),
+				conversion: Z(e?.span),
 				priority: 1
 			}),
 			strong: () => ({
-				conversion: K(e?.strong),
+				conversion: Z(e?.strong),
 				priority: 1
 			}),
 			sub: () => ({
-				conversion: K(e?.sub),
+				conversion: Z(e?.sub),
 				priority: 1
 			}),
 			sup: () => ({
-				conversion: K(e?.sup),
+				conversion: Z(e?.sup),
 				priority: 1
 			})
 		};
 	}
 	static importJSON(e) {
-		return Ee().updateFromJSON(e);
+		return zt().updateFromJSON(e);
 	}
 	isSimpleText() {
 		return this.__type === "extended-text" && this.__mode === 0;
 	}
 };
-function Ee(e = "") {
-	return O(new G(e));
+function zt(e = "") {
+	return be(new X(e));
 }
-function K(e) {
+function Z(e) {
 	return (t) => {
 		let n = e?.(t);
 		if (!n) return null;
@@ -211,7 +383,7 @@ function K(e) {
 			...r,
 			forChild: (e, t) => {
 				let n = (r?.forChild ?? ((e) => e))(e, t);
-				if (ce(n)) {
+				if (Ae(n)) {
 					let e = [
 						i ? `background-color: ${i}` : null,
 						a ? `color: ${a}` : null,
@@ -228,22 +400,24 @@ function K(e) {
 	};
 }
 //#endregion
-//#region src/components/Editor/plugins/LinkColorPlugin.tsx
-function De(e) {
-	return e.split(";").map((e) => e.trim()).filter((e) => e && e.split(":")[0].trim().toLowerCase() !== "color").join("; ");
+//#region src/components/Editor/utils/stripInlineStyleProperty.ts
+function Bt(e, t) {
+	return e.split(";").map((e) => e.trim()).filter((e) => e && e.split(":")[0].trim().toLowerCase() !== t).join("; ");
 }
-function Oe(e) {
-	if (!B(e, V)) return;
+//#endregion
+//#region src/components/Editor/plugins/LinkColorPlugin.tsx
+function Vt(e) {
+	if (!V(e, Ze)) return;
 	let t = e.getStyle();
 	if (!t) return;
-	let n = De(t);
+	let n = Bt(t, "color");
 	n !== t && e.setStyle(n);
 }
-function ke() {
-	let [e] = I();
-	return b(() => e.registerNodeTransform(G, Oe), [e]), null;
+function Ht() {
+	let [e] = R();
+	return T(() => e.registerNodeTransform(X, Vt), [e]), null;
 }
-var q = {
+var Q = {
 	imageWrapper: "_imageWrapper_y06h3_1",
 	selected: "_selected_y06h3_8",
 	resizing: "_resizing_y06h3_12",
@@ -253,16 +427,16 @@ var q = {
 	topRight: "_topRight_y06h3_49",
 	bottomLeft: "_bottomLeft_y06h3_54",
 	bottomRight: "_bottomRight_y06h3_59"
-}, Ae = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
-	let [a] = I(), [o, s] = C(!1), [c, l] = C(null), u = S(null), [d, f] = C({
+}, Ut = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
+	let [a] = R(), [o, s] = O(!1), [c, l] = O(null), u = D(null), [d, f] = O({
 		width: n || void 0,
 		height: r || void 0
-	}), p = y(() => {
+	}), p = w(() => {
 		n && r && f({
 			width: n,
 			height: r
 		});
-	}, [n, r]), m = y((e, t) => {
+	}, [n, r]), m = w((e, t) => {
 		if (e.preventDefault(), e.stopPropagation(), !u.current) return;
 		let n = d.width || u.current.offsetWidth, r = d.height || u.current.offsetHeight, i = n / r;
 		(!d.width || !d.height) && f({
@@ -277,7 +451,7 @@ var q = {
 			aspectRatio: i,
 			direction: t
 		});
-	}, [d]), x = y((e) => {
+	}, [d]), h = w((e) => {
 		if (!c?.isResizing) return;
 		let t = e.clientX - c.startX, n;
 		switch (c.direction) {
@@ -300,10 +474,10 @@ var q = {
 			width: n,
 			height: r
 		});
-	}, [c]), T = y(() => {
+	}, [c]), g = w(() => {
 		c?.isResizing && (a.update(() => {
 			let e = A(i);
-			je(e) && e.setWidthAndHeight(d.width, d.height);
+			Kt(e) && e.setWidthAndHeight(d.width, d.height);
 		}), l(null));
 	}, [
 		a,
@@ -311,71 +485,71 @@ var q = {
 		d,
 		c
 	]);
-	v.useEffect(() => {
-		if (c?.isResizing) return document.addEventListener("mousemove", x), document.addEventListener("mouseup", T), () => {
-			document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", T);
+	oe.useEffect(() => {
+		if (c?.isResizing) return document.addEventListener("mousemove", h), document.addEventListener("mouseup", g), () => {
+			document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", g);
 		};
 	}, [
 		c,
-		x,
-		T
+		h,
+		g
 	]);
-	let E = y(() => {
+	let _ = w(() => {
 		s(!0);
 	}, []);
-	return b(() => a.registerUpdateListener(({ editorState: e }) => {
+	return T(() => a.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
 			let e = M();
-			P(e) && !e.getNodes().some((e) => e.getKey() === i || e.getParent() && e.getParent()?.getKey() === i) && o && s(!1);
+			F(e) && !e.getNodes().some((e) => e.getKey() === i || e.getParent() && e.getParent()?.getKey() === i) && o && s(!1);
 		});
 	}), [
 		a,
 		i,
 		o
-	]), b(() => {
+	]), T(() => {
 		let e = (e) => {
 			o && u.current && !u.current.contains(e.target) && s(!1);
 		};
 		if (o) return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [o]), /* @__PURE__ */ _("div", {
-		className: w(q.imageWrapper, {
-			[q.selected]: o,
-			[q.resizing]: c?.isResizing
+	}, [o]), /* @__PURE__ */ C("div", {
+		className: k(Q.imageWrapper, {
+			[Q.selected]: o,
+			[Q.resizing]: c?.isResizing
 		}),
-		children: [/* @__PURE__ */ g("img", {
+		children: [/* @__PURE__ */ S("img", {
 			ref: u,
 			src: e,
 			alt: t,
-			className: q.image,
+			className: Q.image,
 			style: {
 				width: d.width,
 				height: d.height
 			},
 			onLoad: p,
-			onClick: E,
+			onClick: _,
 			draggable: !1
-		}), o && /* @__PURE__ */ _(h, { children: [
-			/* @__PURE__ */ g("div", {
-				className: w(q.resizeHandle, q.bottomRight),
+		}), o && /* @__PURE__ */ C(ae, { children: [
+			/* @__PURE__ */ S("div", {
+				className: k(Q.resizeHandle, Q.bottomRight),
 				onMouseDown: (e) => m(e, "bottom-right")
 			}),
-			/* @__PURE__ */ g("div", {
-				className: w(q.resizeHandle, q.bottomLeft),
+			/* @__PURE__ */ S("div", {
+				className: k(Q.resizeHandle, Q.bottomLeft),
 				onMouseDown: (e) => m(e, "bottom-left")
 			}),
-			/* @__PURE__ */ g("div", {
-				className: w(q.resizeHandle, q.topRight),
+			/* @__PURE__ */ S("div", {
+				className: k(Q.resizeHandle, Q.topRight),
 				onMouseDown: (e) => m(e, "top-right")
 			}),
-			/* @__PURE__ */ g("div", {
-				className: w(q.resizeHandle, q.topLeft),
+			/* @__PURE__ */ S("div", {
+				className: k(Q.resizeHandle, Q.topLeft),
 				onMouseDown: (e) => m(e, "top-left")
 			})
 		] })]
 	});
-}, J = class e extends de {
+}, Wt = class e extends Le {
 	static getType() {
 		return "image";
 	}
@@ -421,7 +595,7 @@ var q = {
 		n.__width = e, n.__height = t;
 	}
 	decorate() {
-		return /* @__PURE__ */ g(Ae, {
+		return /* @__PURE__ */ S(Ut, {
 			src: this.__src,
 			altText: this.__altText,
 			width: this.__width,
@@ -431,13 +605,13 @@ var q = {
 	}
 	static importDOM() {
 		return { img: () => ({
-			conversion: Me,
+			conversion: qt,
 			priority: 0
 		}) };
 	}
 	static importJSON(e) {
 		let { src: t, altText: n, width: r, height: i } = e;
-		return Y({
+		return Gt({
 			src: t,
 			altText: n,
 			width: r,
@@ -458,13 +632,13 @@ var q = {
 		return !0;
 	}
 };
-function Y({ src: e, altText: t, width: n, height: r, key: i }) {
-	return new J(e, t, n, r, i);
+function Gt({ src: e, altText: t, width: n, height: r, key: i }) {
+	return new Wt(e, t, n, r, i);
 }
-function je(e) {
-	return e instanceof J;
+function Kt(e) {
+	return e instanceof Wt;
 }
-function Me(e) {
+function qt(e) {
 	if (e instanceof HTMLImageElement) {
 		let { src: t, alt: n, style: r } = e, i, a;
 		if (r.width) {
@@ -475,7 +649,7 @@ function Me(e) {
 			let e = parseInt(r.height, 10);
 			isNaN(e) || (a = e);
 		}
-		return i === void 0 && e.width && (i = e.width), a === void 0 && e.height && (a = e.height), { node: Y({
+		return i === void 0 && e.width && (i = e.width), a === void 0 && e.height && (a = e.height), { node: Gt({
 			src: t,
 			altText: n,
 			width: i,
@@ -486,23 +660,63 @@ function Me(e) {
 }
 //#endregion
 //#region src/components/Editor/plugins/ImagePlugin.tsx
-function Ne() {
-	let [e] = I();
-	return b(() => e.registerCommand(s, (e) => (N([Y(e)]), !0), le), [e]), null;
+function Jt() {
+	let [e] = R();
+	return T(() => e.registerCommand(s, (e) => (N([Gt(e)]), !0), Pe), [e]), null;
+}
+//#endregion
+//#region src/components/Editor/utils/stripImagesFromHtml.ts
+function Yt(e) {
+	let t = new DOMParser().parseFromString(e, "text/html");
+	return t.querySelectorAll("img, picture").forEach((e) => e.remove()), t.body.innerHTML;
+}
+//#endregion
+//#region src/components/Editor/plugins/PasteStripImagePlugin.tsx
+var Xt = /<img\b|<picture\b/i;
+function Zt() {
+	let [e] = R(), { isSourceModeRef: t } = y();
+	return T(() => {
+		let n = (n) => {
+			if (t.current) return !1;
+			let r = "clipboardData" in n ? n.clipboardData : "dataTransfer" in n ? n.dataTransfer : null;
+			if (!r || r.getData("application/x-lexical-editor") || r.getData("application/x-lexical-drag")) return !1;
+			let i = r.getData("text/html");
+			if (!(Array.from(r.files).some((e) => e.type.startsWith("image/")) || Array.from(r.items).some((e) => e.type.startsWith("image/")) || Xt.test(i))) return !1;
+			n.preventDefault();
+			let a = r.getData("text/plain");
+			return !Xt.test(i) && !a || e.update(() => {
+				let t = M();
+				if (t === null) return;
+				let n = i ? Yt(i) : "", r = document.createElement("div");
+				if (r.innerHTML = n, n && r.textContent?.trim()) {
+					let t = ye(e, new DOMParser().parseFromString(n, "text/html"));
+					if (t.length) {
+						N(t);
+						return;
+					}
+				}
+				a && t.insertRawText(a);
+			}, { tag: Ue }), !0;
+		};
+		return Xe(e.registerCommand(He, (e) => n(e), I), e.registerCommand(Ie, (e) => n(e), I));
+	}, [e, t]), null;
 }
 //#endregion
 //#region src/components/Editor/plugins/EnterKeyPlugin.tsx
-function X() {
-	let [e] = I(), t = S(0);
-	return b(() => e.registerCommand(fe, (n) => {
+function Qt() {
+	let [e] = R(), t = D(0);
+	return T(() => e.registerCommand(Be, (n) => {
 		let r = Date.now(), i = r - t.current;
-		return t.current = r, i < 250 && i > 0 ? (e.update(() => {
+		return t.current = r, i < 250 && i > 0 ? e.getEditorState().read(() => {
+			let e = M();
+			return F(e) ? !!V(e.anchor.getNode(), (e) => H(e) || U(e) || K(e)) : !1;
+		}, { editor: e }) ? !1 : (e.update(() => {
 			let e = M();
-			if (P(e)) {
+			if (F(e)) {
 				let t = e.anchor.getNode().getTopLevelElement();
 				if (t && t.getTextContent().trim() === "") {
-					let n = k();
-					R(e, {
+					let n = Se();
+					Je(e, {
 						"background-color": "",
 						color: "",
 						"font-size": "",
@@ -515,61 +729,402 @@ function X() {
 				}
 			}
 		}), n?.preventDefault(), !0) : !1;
-	}, ue), [e]), null;
+	}, Fe), [e]), null;
+}
+//#endregion
+//#region src/components/Editor/utils/codeHighlighter.ts
+var $t = {
+	css: () => import("@shikijs/langs/css"),
+	html: () => import("@shikijs/langs/html"),
+	xml: () => import("@shikijs/langs/xml"),
+	javascript: () => import("@shikijs/langs/javascript"),
+	typescript: () => import("@shikijs/langs/typescript"),
+	jsx: () => import("@shikijs/langs/jsx"),
+	go: () => import("@shikijs/langs/go"),
+	php: () => import("@shikijs/langs/php"),
+	c: () => import("@shikijs/langs/c"),
+	python: () => import("@shikijs/langs/python"),
+	java: () => import("@shikijs/langs/java"),
+	cpp: () => import("@shikijs/langs/cpp"),
+	csharp: () => import("@shikijs/langs/csharp"),
+	vb: () => import("@shikijs/langs/vb"),
+	sql: () => import("@shikijs/langs/sql"),
+	ruby: () => import("@shikijs/langs/ruby"),
+	swift: () => import("@shikijs/langs/swift"),
+	bash: () => import("@shikijs/langs/shellscript"),
+	lua: () => import("@shikijs/langs/lua"),
+	markdown: () => import("@shikijs/langs/markdown")
+}, en = (e) => e === "bash" ? "shellscript" : e, tn = (e) => e in $t, nn = null, rn = null, an = /* @__PURE__ */ new Map(), on = () => (nn ||= Promise.all([import("@shikijs/core"), import("@shikijs/engine-javascript")]).then(([{ createHighlighterCoreSync: e }, { createJavaScriptRegexEngine: t }]) => e({
+	engine: t(),
+	langs: [],
+	themes: []
+})).catch((e) => {
+	throw nn = null, e;
+}), nn), sn = (e, t) => tn(t) && e.getLoadedLanguages().includes(en(t)), cn = (e) => {
+	let t = an.get(e);
+	return t || (t = on().then(async (t) => {
+		let n = en(e);
+		if (!t.getLoadedLanguages().includes(n)) {
+			let n = await $t[e]();
+			await t.loadLanguage(n.default);
+		}
+		return t;
+	}).catch((t) => {
+		throw an.delete(e), t;
+	}), an.set(e, t)), t;
+}, ln = () => (rn ||= on().then(async (e) => {
+	if (!e.getLoadedThemes().includes("github-light")) {
+		let t = await import("@shikijs/themes/github-light");
+		await e.loadTheme(t.default);
+	}
+	return e;
+}).catch((e) => {
+	throw rn = null, e;
+}), rn), un = (e, t, n) => {
+	let r = e.getTextContent();
+	if (e.getStyle() && e.setStyle(""), !n || !sn(n, t)) return ot(r);
+	let i = en(t), a = n.codeToTokens(r, {
+		lang: i,
+		theme: m
+	}), o = [];
+	return a.tokens.forEach((e, t) => {
+		t && o.push(xe()), e.forEach((e) => {
+			e.content.split("	").forEach((t, n) => {
+				if (n && o.push(Ce()), t === "") return;
+				let r = rt(t), i = typeof e.htmlStyle == "string" ? e.htmlStyle : e.htmlStyle ? Object.entries(e.htmlStyle).map(([e, t]) => `${e}:${t}`).join(";") : e.color ? `color: ${e.color}` : "";
+				i && r.setStyle(i), o.push(r);
+			});
+		});
+	}), o;
+}, dn = (e, t) => {
+	let n = A(e);
+	if (!U(n) || !n.isAttached()) return;
+	let r = M();
+	if (!F(r)) {
+		t();
+		return;
+	}
+	let { anchor: i } = r, a = i.offset, o = i.type === "element" && P(n.getChildAtIndex(i.offset - 1)), s = 0;
+	if (o || (s = a + i.getNode().getPreviousSiblings().reduce((e, t) => e + t.getTextContentSize(), 0)), t()) {
+		if (o) {
+			i.getNode().select(a, a);
+			return;
+		}
+		n.getChildren().some((e) => {
+			let t = Ae(e);
+			if (t || P(e)) {
+				let n = e.getTextContentSize();
+				if (t && n >= s) return e.select(s, s), !0;
+				s -= n;
+			}
+			return !1;
+		});
+	}
+}, fn = (e, t) => at(e) && at(t) && e.__text === t.__text && e.__highlightType === t.__highlightType && e.__style === t.__style || ke(e) && ke(t) || P(e) && P(t), pn = (e, t) => {
+	let n = 0;
+	for (; n < e.length && fn(e[n], t[n]);) n++;
+	let r = e.length, i = t.length, a = Math.min(r, i) - n, o = 0;
+	for (; o < a;) if (o++, !fn(e[r - o], t[i - o])) {
+		o--;
+		break;
+	}
+	return {
+		from: n,
+		to: r - o,
+		nodesForReplacement: t.slice(n, i - o)
+	};
+}, mn = (e, t, n, r, i) => {
+	let a = i.getKey(), o = x(i.getLanguage());
+	if (i.getLanguage() !== o && i.setLanguage(o), o === "plaintext") i.getIsSyntaxHighlightSupported() && i.setIsSyntaxHighlightSupported(!1);
+	else {
+		i.getTheme() !== "github-light" && i.setTheme(m);
+		let s = t ? t.getLoadedThemes().includes("github-light") ? tn(o) && !sn(t, o) ? cn(o) : null : ln() : on();
+		if (s) {
+			i.getIsSyntaxHighlightSupported() && i.setIsSyntaxHighlightSupported(!1), n.pendingKeys.add(a), n.loading !== s && (n.loading = s, s.then((t) => {
+				r(t);
+				let i = [...n.pendingKeys];
+				n.pendingKeys.clear(), n.loading = null, e.update(() => {
+					i.forEach((e) => {
+						A(e)?.markDirty();
+					});
+				}, { tag: Re });
+			}, () => {
+				n.pendingKeys.clear(), n.loading = null;
+			}));
+			return;
+		}
+		i.getIsSyntaxHighlightSupported() || i.setIsSyntaxHighlightSupported(!0);
+	}
+	n.nodesCurrentlyHighlighting.has(a) || (n.nodesCurrentlyHighlighting.add(a), n.didTransform || (n.didTransform = !0, je(() => {
+		n.didTransform = !1, n.nodesCurrentlyHighlighting.clear();
+	})), dn(a, () => {
+		let e = A(a);
+		if (!U(e) || !e.isAttached()) return !1;
+		let n = un(e, x(e.getLanguage()), t), { from: r, to: i, nodesForReplacement: o } = pn(e.getChildren(), n);
+		return r !== i || o.length ? (e.splice(r, i - r, o), !0) : !1;
+	}));
+}, hn = (e, t, n, r, i) => {
+	let a = i.getParent();
+	U(a) ? mn(e, t, n, r, a) : at(i) && i.replace(we(i.__text));
+};
+function gn() {
+	let [e] = R();
+	return T(() => {
+		if (!e.hasNodes([G, W])) throw Error("CodeHighlightPlugin: CodeNode or CodeHighlightNode not registered on editor");
+		let t = null, n = {
+			didTransform: !1,
+			nodesCurrentlyHighlighting: /* @__PURE__ */ new Set(),
+			pendingKeys: /* @__PURE__ */ new Set(),
+			loading: null
+		}, r = (e) => {
+			t = e;
+		}, i = (e) => {
+			let t = A(e);
+			if (!U(t)) return;
+			let n = t.getChildrenSize();
+			n === 0 ? t.selectStart() : t.select(0, n);
+		}, a = (t) => {
+			if (!(t instanceof Node) || !e.getRootElement()?.contains(t)) return null;
+			let n = null;
+			return e.getEditorState().read(() => {
+				let e = Te(t), r = e ? V(e, U) : null;
+				U(r) && (n = r.getKey());
+			}, { editor: e }), n;
+		}, o = null, s = (t, n, r) => {
+			t.preventDefault(), r && (o = n), e.update(() => {
+				i(n);
+			});
+		}, c = (t) => {
+			if (t.detail < 2 || !e.isEditable()) return;
+			let n = a(t.target);
+			n !== null && s(t, n, !0);
+		}, l = (t) => {
+			if (!e.isEditable()) return;
+			let n = a(t.target);
+			n !== null && s(t, n, !1);
+		}, u = () => {
+			let t = o;
+			t !== null && (o = null, e.update(() => {
+				i(t);
+			}));
+		}, d = (e, t) => {
+			t?.removeEventListener("mousedown", c, !0), t?.removeEventListener("mouseup", u, !0), t?.removeEventListener("dblclick", l, !0), e?.addEventListener("mousedown", c, !0), e?.addEventListener("mouseup", u, !0), e?.addEventListener("dblclick", l, !0);
+		};
+		return Ke(st(e), e.registerNodeTransform(G, (i) => {
+			mn(e, t, n, r, i);
+		}), e.registerNodeTransform(L, (i) => {
+			hn(e, t, n, r, i);
+		}), e.registerNodeTransform(W, (i) => {
+			hn(e, t, n, r, i);
+		}), e.registerRootListener(d), () => {
+			d(null, e.getRootElement());
+		});
+	}, [e]), null;
+}
+//#endregion
+//#region src/components/Editor/plugins/TablePlugin.tsx
+function _n() {
+	let [e] = R();
+	return T(() => (_t(e, !0), Xe(ht(e), gt(e, !1), mt(e), e.registerNodeTransform(q, (e) => {
+		e.getBackgroundColor() !== null && e.setBackgroundColor(null);
+	}), e.registerCommand(Ve, (e) => {
+		let t = M();
+		if (!F(t) || !t.isCollapsed()) return !1;
+		let n = ct(t.anchor.getNode());
+		if (n === null) return !1;
+		let r = e.shiftKey ? "previous" : "next", i = r === "next" ? "getNextSibling" : "getPreviousSibling", a = r === "next" ? "getFirstChild" : "getLastChild", o = n[i](), s = null;
+		if (K(o)) s = o;
+		else {
+			let e = V(n, ut);
+			if (e !== null) for (let t = e[i](); t !== null; t = t[i]()) {
+				if (!ut(t)) continue;
+				let e = t[a]();
+				if (K(e)) {
+					s = e;
+					break;
+				}
+			}
+		}
+		if (e.preventDefault(), s) {
+			let e = s.getFirstDescendant();
+			e ? e.selectStart() : s.selectStart();
+		} else {
+			let e = V(n, lt);
+			e && (r === "next" ? e.selectNext() : e.selectPrevious());
+		}
+		return !0;
+	}, I))), [e]), null;
+}
+//#endregion
+//#region src/components/Editor/plugins/TabIndentPlugin.tsx
+var vn = "\xA0".repeat(4);
+function yn() {
+	let [e] = R();
+	return T(() => e.registerCommand(Ve, (t) => {
+		if (t.shiftKey) return !1;
+		let n = M();
+		if (!F(n)) return !1;
+		let r = n.anchor.getNode();
+		if (ct(r) !== null || V(r, U)) return !1;
+		t.preventDefault();
+		let i = V(r, H);
+		if (H(i)) {
+			let e = new Set([i]);
+			for (let t of n.getNodes()) {
+				let n = V(t, H);
+				H(n) && e.add(n);
+			}
+			for (let t of e) t.setIndent(t.getIndent() + 1);
+			return !0;
+		}
+		let a = r.getTopLevelElement(), o = n.focus.getNode().getTopLevelElement();
+		return !n.isCollapsed() && a && o && a !== o ? e.dispatchCommand(ze, void 0) : (n.insertText(vn), !0);
+	}, Pe), [e]), null;
 }
 //#endregion
 //#region src/components/Editor/plugins/MaxLengthPlugin.tsx
-function Pe({ maxLength: e, onMaxLengthExceed: t }) {
-	let [n] = I(), r = S(t);
-	return r.current = t, b(() => {
+function bn({ maxLength: e, onMaxLengthExceed: t }) {
+	let [n] = R(), { isSourceModeRef: r } = y(), i = D(t);
+	return i.current = t, T(() => {
 		let t = null;
-		return n.registerNodeTransform(pe, (i) => {
-			let a = i.getTextContentSize();
-			if (a <= e) return;
-			let o = n.getEditorState(), s = o.read(() => i.getTextContentSize()), c = a - e, l = M();
-			if (s === e && t !== o) {
-				t = o, he(n, o), r.current?.();
+		return n.registerNodeTransform(We, (a) => {
+			if (r.current) return;
+			let o = a.getTextContentSize();
+			if (o <= e) return;
+			let s = n.getEditorState(), c = s.read(() => a.getTextContentSize()), l = o - e, u = M();
+			if (c === e && t !== s) {
+				t = s, Ye(n, s), i.current?.();
 				return;
 			}
-			if (P(l) && l.isCollapsed()) {
-				z(n, l.anchor, c), r.current?.();
+			if (F(u) && u.isCollapsed()) {
+				B(n, u.anchor, l), i.current?.();
 				return;
 			}
-			i.selectEnd();
-			let u = M();
-			P(u) && (z(n, u.anchor, c), r.current?.());
+			a.selectEnd();
+			let d = M();
+			F(d) && (B(n, d.anchor, l), i.current?.());
 		});
-	}, [n, e]), null;
+	}, [
+		n,
+		e,
+		r
+	]), null;
 }
 //#endregion
-//#region src/components/Editor/LengthBadge.tsx
-var Z = ({ current: e, maxLength: t }) => {
-	let n = e > t;
-	return /* @__PURE__ */ _("div", {
-		className: w(W["bsy-lexical-editor__length-badge"], n && W["bsy-lexical-editor__length-badge--exceeded"]),
-		"aria-live": "polite",
-		children: [
-			e,
-			"/",
-			t
-		]
-	});
+//#region src/components/Editor/utils/fillRootFromHtml.ts
+var xn = [
+	"color",
+	"background-color",
+	"font-size",
+	"font-family",
+	"font-weight",
+	"text-decoration"
+], Sn = (e) => {
+	let t = e.body.querySelectorAll("p, h1, h2, h3, h4, h5, h6, li, td, th");
+	for (let n of Array.from(t)) {
+		let t = n, r = [];
+		for (let e of xn) {
+			let n = t.style.getPropertyValue(e);
+			n && (r.push(`${e}: ${n}`), t.style.removeProperty(e));
+		}
+		if (!r.length) continue;
+		let i = r.join("; ");
+		for (let n of Array.from(t.childNodes)) {
+			if (n.nodeType === Node.TEXT_NODE && n.textContent) {
+				let r = e.createElement("span");
+				r.setAttribute("style", i), t.insertBefore(r, n), r.appendChild(n);
+				continue;
+			}
+			if (n.nodeType === Node.ELEMENT_NODE) {
+				let e = n, t = e.getAttribute("style");
+				e.setAttribute("style", t ? `${t}; ${i}` : i);
+			}
+		}
+	}
 };
-Z.displayName = "BsyLexicalEditorLengthBadge";
+function Cn(e, t) {
+	let n = j();
+	if (n.clear(), !t.trim()) return;
+	let r = new DOMParser().parseFromString(t, "text/html");
+	Sn(r);
+	let i = ye(e, r);
+	i.length && (n.select(), N(i));
+}
+//#endregion
+//#region src/components/Editor/utils/isEmptyEditorHtml.ts
+function wn(e, t) {
+	return !t.trim() && (e === "<p><br></p>" || e === "<p></p>" || e === "" || /^<p>\s*<br>\s*<\/p>$/.test(e));
+}
+//#endregion
+//#region src/components/Editor/utils/sanitizeEditorHtml.ts
+var Tn = /* @__PURE__ */ "p.br.strong.em.b.i.u.s.span.sub.sup.ul.ol.li.a.img.pre.code.table.thead.tbody.tr.td.th.h1.h2.h3.h4.h5.h6".split("."), En = [
+	"href",
+	"src",
+	"alt",
+	"target",
+	"rel",
+	"colspan",
+	"rowspan",
+	"data-language",
+	"class",
+	"style",
+	"width",
+	"height"
+], Dn = new Set([
+	"color",
+	"background-color",
+	"font-size",
+	"font-family",
+	"font-weight",
+	"text-decoration",
+	"text-align",
+	"max-width",
+	"display",
+	"vertical-align",
+	"width",
+	"height",
+	"border"
+]), On = /^(?:(?:(?:f|ht)tps?|mailto|blob):|data:image\/[a-z0-9.+-]+[;,].*|[^a-z]|[a-z+.-]+(?:[^a-z+.:-]|$))/i, kn = (e) => e.split(";").map((e) => e.trim()).filter(Boolean).map((e) => {
+	let t = e.indexOf(":");
+	if (t === -1) return null;
+	let n = e.slice(0, t).trim().toLowerCase(), r = e.slice(t + 1).trim();
+	if (n === "background") {
+		if (/url\s*\(/i.test(r)) return null;
+		n = "background-color";
+	}
+	return !Dn.has(n) || /expression|javascript:|url\s*\(\s*['"]?\s*javascript/i.test(r) ? null : `${n}: ${r}`;
+}).filter((e) => e !== null).join("; "), An = !1, jn = () => {
+	An ||= (Ct.addHook("uponSanitizeAttribute", (e, t) => {
+		if (t.attrName === "href" && /^data:/i.test(t.attrValue)) {
+			t.keepAttr = !1;
+			return;
+		}
+		t.attrName === "style" && (t.attrValue = kn(t.attrValue), t.attrValue || (t.keepAttr = !1));
+	}), !0);
+};
+function $(e) {
+	return e ? (jn(), Ct.sanitize(e, {
+		ALLOWED_TAGS: Tn,
+		ALLOWED_ATTR: En,
+		ALLOW_DATA_ATTR: !1,
+		ADD_ATTR: ["data-language"],
+		ALLOWED_URI_REGEXP: On
+	})) : "";
+}
 //#endregion
 //#region src/components/Editor/utils/textLength.ts
-function Fe(e) {
+function Mn(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function Ie(e, t) {
+function Nn(e, t) {
 	let n = j(), r = n.getTextContentSize();
 	if (r <= t) return !1;
 	let i = r - t;
 	n.selectEnd();
 	let a = M();
-	return P(a) ? z(e, a.anchor, i) : Le(i), !0;
+	return F(a) ? B(e, a.anchor, i) : Pn(i), !0;
 }
-function Le(e) {
+function Pn(e) {
 	let t = e, n = j().getAllTextNodes();
 	for (let e = n.length - 1; e >= 0 && t > 0; e--) {
 		let r = n[e], i = r.getTextContent();
@@ -577,18 +1132,163 @@ function Le(e) {
 	}
 }
 //#endregion
+//#region src/components/Editor/utils/formatEditorHtml.ts
+var Fn = (e) => {
+	let t = e.parentNode;
+	if (t) {
+		for (; e.firstChild;) t.insertBefore(e.firstChild, e);
+		t.removeChild(e);
+	}
+}, In = (e) => {
+	let t = new DOMParser().parseFromString(e, "text/html");
+	for (let e of Array.from(t.body.querySelectorAll("*"))) {
+		for (let t of Array.from(e.classList)) t.startsWith("editor-") && e.classList.remove(t);
+		e.classList.length === 0 && e.removeAttribute("class");
+	}
+	let n = !0;
+	for (; n;) {
+		n = !1;
+		for (let e of Array.from(t.body.querySelectorAll("span, b, i"))) {
+			if (e.attributes.length > 0) continue;
+			let t = e.tagName.toLowerCase();
+			if (t === "span") {
+				Fn(e), n = !0;
+				continue;
+			}
+			if (e.childElementCount !== 1 || e.childNodes.length !== 1) continue;
+			let r = e.firstElementChild;
+			(t === "b" && r?.tagName === "STRONG" || t === "i" && r?.tagName === "EM") && (Fn(e), n = !0);
+		}
+	}
+	return t.body.innerHTML;
+};
+async function Ln(e) {
+	if (!e.trim()) return e;
+	let t = In(e);
+	try {
+		let [{ format: e }, n] = await Promise.all([import("prettier/standalone"), import("prettier/plugins/html")]);
+		return (await e(t, {
+			parser: "html",
+			plugins: [n]
+		})).trimEnd();
+	} catch {
+		return t;
+	}
+}
+//#endregion
+//#region src/components/Editor/utils/writeHtmlSource.ts
+function Rn(e) {
+	j().clear();
+	let t = it("html");
+	if (j().append(t), !e) return;
+	t.select();
+	let n = M();
+	F(n) && n.insertRawText(e);
+}
+//#endregion
+//#region src/components/Editor/plugins/SourceModePlugin.tsx
+function zn({ children: e, maxLength: t, onMaxLengthExceed: n }) {
+	let [r] = R(), [i, a] = O(!1), o = D(!1), s = D(n);
+	s.current = n;
+	let c = Mn(t) ? t : void 0, l = w(() => {
+		if (o.current) return;
+		let e = "", t = "";
+		r.getEditorState().read(() => {
+			t = j().getTextContent(), e = ve(r, null);
+		}, { editor: r }), Ln(wn(e, t) ? "" : $(e)).then((e) => {
+			o.current || (o.current = !0, a(!0), r.update(() => {
+				Rn(e);
+			}), r.dispatchCommand(Me, void 0));
+		});
+	}, [r]), u = w(() => {
+		if (!o.current) return;
+		let e = !1;
+		o.current = !1, r.update(() => {
+			Cn(r, $(j().getTextContent())), c !== void 0 && (e = Nn(r, c));
+		}), a(!1), r.dispatchCommand(Me, void 0), e && s.current?.();
+	}, [r, c]), d = w(() => {
+		if (o.current) {
+			u();
+			return;
+		}
+		l();
+	}, [l, u]);
+	T(() => {
+		let e = (e) => {
+			if (!o.current) return !1;
+			let t = "clipboardData" in e ? e.clipboardData : "dataTransfer" in e ? e.dataTransfer : null;
+			if (!t) return !1;
+			e.preventDefault();
+			let n = t.getData("text/html") || t.getData("text/plain");
+			if (!n) return !0;
+			let i = $(n);
+			return r.update(() => {
+				let e = M();
+				F(e) && i && e.insertRawText(i);
+			}, { tag: Ue }), !0;
+		};
+		return Xe(r.registerNodeTransform(We, () => {
+			if (!o.current) return;
+			let e = j(), t = e.getChildrenSize() === 1 ? e.getFirstChild() : null;
+			U(t) && t.getLanguage() === "html" || Rn(e.getTextContent());
+		}), r.registerCommand(He, e, Ne), r.registerCommand(Ie, e, Ne));
+	}, [r]);
+	let f = E(() => ({
+		isSourceMode: i,
+		isSourceModeRef: o,
+		toggleSourceMode: d
+	}), [i, d]);
+	return /* @__PURE__ */ S(g.Provider, {
+		value: f,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/Editor/plugins/HeadingPlugin.tsx
+function Bn(e) {
+	let t = e.getTag();
+	if (t === "h4" || t === "h5" || t === "h6") {
+		e.replace(Se(), !0);
+		return;
+	}
+	for (let t of e.getAllTextNodes()) {
+		let e = t.getStyle();
+		if (!e) continue;
+		let n = Bt(e, "font-size");
+		n !== e && t.setStyle(n);
+	}
+}
+function Vn() {
+	let [e] = R();
+	return T(() => e.registerNodeTransform(yt, Bn), [e]), null;
+}
+//#endregion
+//#region src/components/Editor/LengthBadge.tsx
+var Hn = ({ current: e, maxLength: t }) => {
+	let n = e > t;
+	return /* @__PURE__ */ C("div", {
+		className: k(Y["bsy-lexical-editor__length-badge"], n && Y["bsy-lexical-editor__length-badge--exceeded"]),
+		"aria-live": "polite",
+		children: [
+			e,
+			"/",
+			t
+		]
+	});
+};
+Hn.displayName = "BsyLexicalEditorLengthBadge";
+//#endregion
 //#region src/components/Editor/EditorCore.tsx
-var Q = (e) => {
-	let { height: t = 126, onChange: n, toolbar: r, theme: i, maxLength: a, onMaxLengthExceed: o } = e, [s] = I(), c = S(null), u = S(null), d = S(null), f = S(o);
-	f.current = o;
-	let p = Fe(a) ? a : void 0, [m, h] = C(0), v = r?.mode === "floating", T = x(() => ({
-		containerRef: c,
-		toolbarRef: u,
-		getPopupContainer: () => v && u.current ? u.current : c.current || document.body
-	}), [v]), O = y((e) => {
-		e.read(() => {
-			let t = j().getTextContent(), r = re(s, null), i = !t.trim() && (r === "<p><br></p>" || r === "<p></p>" || r === "" || /^<p>\s*<br>\s*<\/p>$/.test(r)) ? null : r;
-			d.current = i, p !== void 0 && h(t.length), n({
+var Un = (e) => {
+	let { height: t = 126, onChange: n, toolbar: r, theme: i, maxLength: a, onMaxLengthExceed: o } = e, [s] = R(), { isSourceMode: c, isSourceModeRef: l } = y(), u = D(null), d = D(null), f = D(null), p = D(o);
+	p.current = o;
+	let m = Mn(a) ? a : void 0, [h, g] = O(0), _ = r?.mode === "floating", v = m !== void 0 && !c, b = E(() => ({
+		containerRef: u,
+		toolbarRef: d
+	}), []), x = w((e) => {
+		l.current || e.read(() => {
+			let t = j().getTextContent(), r = $(ve(s, null)), i = wn(r, t) ? null : r;
+			f.current = i, m !== void 0 && g(t.length), n({
 				text: t,
 				html: i
 			}, e);
@@ -596,77 +1296,104 @@ var Q = (e) => {
 	}, [
 		n,
 		s,
-		p
+		m,
+		l
 	]);
-	b(() => {
-		p !== void 0 && s.getEditorState().read(() => {
-			h(j().getTextContentSize());
+	T(() => {
+		m === void 0 || c || s.getEditorState().read(() => {
+			g(j().getTextContentSize());
 		}, { editor: s });
-	}, [s, p]), b(() => {
-		if (e.value !== void 0 && e.value !== d.current) {
-			let t = !1;
-			s.update(() => {
-				j().clear(), e.value && e.value.trim() && (N(ie(s, new DOMParser().parseFromString(e.value, "text/html"))), p !== void 0 && (t = Ie(s, p)));
-			}), t && f.current?.();
+	}, [
+		s,
+		m,
+		c
+	]), T(() => {
+		if (e.value === void 0 || e.value === f.current) return;
+		if (l.current) {
+			let t = e.value?.trim() ? $(e.value) : "", n = e.value;
+			Ln(t).then((e) => {
+				!l.current || f.current !== n || s.update(() => {
+					Rn(e);
+				});
+			}), f.current = e.value;
+			return;
 		}
+		let t = !1;
+		s.update(() => {
+			Cn(s, e.value?.trim() ? $(e.value) : ""), m !== void 0 && (t = Nn(s, m));
+		}), t && p.current?.();
 	}, [
 		e.value,
 		s,
-		p
+		m,
+		l
 	]);
-	let k = r?.config?.length ? r?.config : [], A = ve();
-	return /* @__PURE__ */ g(l.Provider, {
-		value: T,
-		children: /* @__PURE__ */ _("div", {
-			ref: c,
-			className: w(W["bsy-lexical-editor"], v && W["bsy-lexical-editor--floating"]),
+	let ee = r?.config?.length ? r?.config : [], te = bt();
+	return /* @__PURE__ */ S(kt.Provider, {
+		value: b,
+		children: /* @__PURE__ */ C("div", {
+			ref: u,
+			className: k(Y["bsy-lexical-editor"], _ && Y["bsy-lexical-editor--floating"]),
 			onClick: (e) => {
 				let t = s.getRootElement(), n = e.target;
 				!t || !n || !t.contains(n) || s.isEditable() || s.setEditable(!0);
 			},
 			children: [
-				k.length > 0 && /* @__PURE__ */ g(Te, {
-					config: k,
+				ee.length > 0 && /* @__PURE__ */ S(Rt, {
+					config: ee,
 					theme: i?.toolbar,
 					style: r?.style,
 					mode: r?.mode,
 					floating: r?.floating
 				}),
-				/* @__PURE__ */ g(E, {
-					contentEditable: /* @__PURE__ */ g(ee, {
-						className: w(W["bsy-lexical-editor__content-editable"], p !== void 0 && W["bsy-lexical-editor__content-editable--with-length-badge"]),
+				/* @__PURE__ */ S(pe, {
+					contentEditable: /* @__PURE__ */ S(me, {
+						className: k(Y["bsy-lexical-editor__content-editable"], v && Y["bsy-lexical-editor__content-editable--with-length-badge"]),
 						style: {
 							height: t,
-							cursor: A ? "auto" : "text"
+							cursor: te ? "auto" : "text"
 						}
 					}),
-					ErrorBoundary: D
+					ErrorBoundary: _e
 				}),
-				/* @__PURE__ */ g(ye, {}),
-				/* @__PURE__ */ g(ke, {}),
-				/* @__PURE__ */ g(Ne, {}),
-				/* @__PURE__ */ g(X, {}),
-				p !== void 0 && /* @__PURE__ */ g(Pe, {
-					maxLength: p,
+				/* @__PURE__ */ S(xt, {}),
+				/* @__PURE__ */ S(St, {}),
+				/* @__PURE__ */ S(Ht, {}),
+				/* @__PURE__ */ S(Vn, {}),
+				/* @__PURE__ */ S(Jt, {}),
+				/* @__PURE__ */ S(Zt, {}),
+				/* @__PURE__ */ S(Qt, {}),
+				/* @__PURE__ */ S(gn, {}),
+				/* @__PURE__ */ S(_n, {}),
+				/* @__PURE__ */ S(yn, {}),
+				v ? /* @__PURE__ */ S(bn, {
+					maxLength: m,
 					onMaxLengthExceed: o
-				}),
-				/* @__PURE__ */ g(te, {}),
-				/* @__PURE__ */ g(ne, { onChange: O }),
-				p !== void 0 && /* @__PURE__ */ g(Z, {
-					current: m,
-					maxLength: p
-				})
+				}) : null,
+				/* @__PURE__ */ S(he, {}),
+				/* @__PURE__ */ S(ge, { onChange: x }),
+				v ? /* @__PURE__ */ S(Hn, {
+					current: h,
+					maxLength: m
+				}) : null
 			]
 		})
 	});
-};
-Q.displayName = "BsyLexicalEditorCore";
+}, Wn = (e) => /* @__PURE__ */ S(zn, {
+	maxLength: e.maxLength,
+	onMaxLengthExceed: e.onMaxLengthExceed,
+	children: /* @__PURE__ */ S(Un, { ...e })
+});
+Wn.displayName = "BsyLexicalEditorCore";
 //#endregion
-//#region src/components/Editor/Editor.tsx
-var $ = (e) => {
+//#region src/components/Editor/htmlConfig.ts
+var Gn = "1px solid #d9d9d9", Kn = { export: new Map([[q, (e, t) => {
+	let n = t.exportDOM(e);
+	return Ge(n.element) && (n.element.style.border = Gn), n;
+}]]) }, qn = (e) => {
 	let { autoFocus: t = !1 } = e;
-	return /* @__PURE__ */ g(T, {
-		initialConfig: x(() => ({
+	return /* @__PURE__ */ S(fe, {
+		initialConfig: E(() => ({
 			namespace: "bsyLexicalEditor",
 			onError: (e) => {
 				console.error("Lexical error", e);
@@ -676,25 +1403,56 @@ var $ = (e) => {
 				text: {
 					bold: "editor-text-bold",
 					italic: "editor-text-italic",
-					underline: "editor-text-underline"
+					underline: "editor-text-underline",
+					strikethrough: "editor-text-strikethrough",
+					underlineStrikethrough: "editor-text-underline-strikethrough"
+				},
+				list: {
+					ul: "editor-list-ul",
+					ol: "editor-list-ol",
+					listitem: "editor-listitem",
+					nested: { listitem: "editor-nested-listitem" }
+				},
+				heading: {
+					h1: "editor-heading-h1",
+					h2: "editor-heading-h2",
+					h3: "editor-heading-h3",
+					h4: "editor-heading-h4",
+					h5: "editor-heading-h5",
+					h6: "editor-heading-h6"
 				},
-				link: "editor-link"
+				code: "editor-code",
+				link: "editor-link",
+				table: "editor-table",
+				tableCell: "editor-table-cell",
+				tableCellHeader: "editor-table-cell-header",
+				tableRow: "editor-table-row",
+				tableScrollableWrapper: "editor-table-scrollable-wrapper"
 			},
+			html: Kn,
 			nodes: [
-				_e,
-				ge,
-				J,
+				$e,
+				Qe,
+				nt,
+				tt,
+				yt,
 				G,
+				W,
+				ft,
+				pt,
+				q,
+				Wt,
+				X,
 				{
-					replace: F,
-					with: (e) => new G(e.__text),
-					withKlass: G
+					replace: L,
+					with: (e) => new X(e.__text),
+					withKlass: X
 				}
 			]
 		}), [t]),
-		children: /* @__PURE__ */ g(Q, { ...e })
+		children: /* @__PURE__ */ S(Wn, { ...e })
 	});
 };
-$.displayName = "BsyLexicalEditor";
+qn.displayName = "BsyLexicalEditor";
 //#endregion
-export { ae as $getRoot, a as BaseButton, $ as default, c as listRegisteredToolbarButtons, i as registerToolbarButton, t as unregisterToolbarButton, me as useLexicalComposerContext };
+export { Ee as $getRoot, b as BaseButton, qn as default, v as listRegisteredToolbarButtons, f as registerToolbarButton, a as unregisterToolbarButton, qe as useLexicalComposerContext };