@baishuyun/ui-base 6.10.0 → 6.10.1

package/dist/Editor/index.js

@@ -1,56 +1,61 @@
-import "../vendors/version-L-kG2La0.js";
+import "../vendors/version-DdQLttdL.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-CN9doEXT.js";
+import "../Overlay/OverlayContext-CVSFoyqN.js";
+import "../Modal/Modal-Cb7Msq26.js";
+import "../ColorPicker/ColorPicker-CYlrnMwM.js";
+import "../vendors/useFloatingOverlay-B3M9k8nj.js";
+import { t } from "../vendors/useLocale-sawv8CEL.js";
+import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { t as n } from "../vendors/cssVars-l4-kP_14.js";
+import "../Select/SelectInputSearch-Bc_aPNbG.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-CLuQf970.js";
+import "../DropDown/style-LLDVPpPa.js";
+import { _ as i, a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as ee, u as v, v as y, y as te } from "./Buttons-ByO5rS19.js";
+import { DEFAULT_BACKGROUND_COLOR as ne, DEFAULT_FONT_COLOR as re, DEFAULT_FONT_SIZE as ie } from "./constants/index.js";
+import { omit as ae } from "lodash-es";
+import { Fragment as oe, jsx as b, jsxs as x } from "react/jsx-runtime";
+import se, { useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import D from "clsx";
+import { AnimatePresence as ce, motion as le, useReducedMotion as ue } from "motion/react";
+import { LexicalComposer as de } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin as fe } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as pe } from "@lexical/react/LexicalContentEditable";
+import { HistoryPlugin as me } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as he } from "@lexical/react/LexicalOnChangePlugin";
+import { LexicalErrorBoundary as ge } from "@lexical/react/LexicalErrorBoundary";
+import { $generateHtmlFromNodes as _e, $generateNodesFromDOM as ve } from "@lexical/html";
+import { $applyNodeReplacement as ye, $createLineBreakNode as be, $createParagraphNode as xe, $createTabNode as Se, $createTextNode as Ce, $getNodeByKey as O, $getRoot as we, $getRoot as k, $getSelection as A, $insertNodes as j, $isElementNode as Te, $isLineBreakNode as M, $isRangeSelection as N, $isRootOrShadowRoot as Ee, $isTabNode as De, $isTextNode as Oe, $onUpdate as ke, COMMAND_PRIORITY_EDITOR as Ae, COMMAND_PRIORITY_HIGH as je, COMMAND_PRIORITY_LOW as Me, DROP_COMMAND as Ne, DecoratorNode as Pe, KEY_ENTER_COMMAND as Fe, PASTE_COMMAND as Ie, PASTE_TAG as Le, RootNode as Re, TextNode as P, mergeRegister as ze } from "lexical";
+import { useLexicalComposerContext as Be, useLexicalComposerContext as F } from "@lexical/react/LexicalComposerContext";
+import { $getSelectionStyleValueForProperty as I, $patchStyleText as Ve, $trimTextContentFromAnchor as L } from "@lexical/selection";
+import { $findMatchingParent as R, $restoreEditorState as He, mergeRegister as Ue } from "@lexical/utils";
+import { $isLinkNode as We, AutoLinkNode as Ge, LinkNode as Ke } from "@lexical/link";
+import { $isListItemNode as z, $isListNode as qe, ListItemNode as Je, ListNode as Ye } from "@lexical/list";
+import { $createCodeHighlightNode as Xe, $isCodeHighlightNode as B, $isCodeNode as V, $plainifyCodeContent as Ze, CodeHighlightNode as H, CodeNode as U, registerCodeIndentation as Qe } from "@lexical/code-core";
+import { useLexicalEditable as $e } from "@lexical/react/useLexicalEditable";
+import { LinkPlugin as et } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin as tt } from "@lexical/react/LexicalListPlugin";
 //#region src/components/Editor/utils/resolveEditorToolbarThemeVars.ts
-var H = (e) => {
+var W = (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) => {
+}, nt = (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", W(e.gap)), n(t, "--bsy-editor-toolbar-group-gap", W(e.groupGap)), n(t, "--bsy-editor-toolbar-divider-color", e.dividerColor), n(t, "--bsy-editor-toolbar-divider-size", W(e.dividerSize)), n(t, "--bsy-editor-toolbar-divider-margin", W(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", W(e.itemPadding)), n(t, "--bsy-editor-toolbar-item-border-radius", W(e.itemBorderRadius)), n(t, "--bsy-editor-toolbar-icon-size", W(e.iconSize)), t;
+}, rt = (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) => {
+}, it = (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 +65,72 @@ 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"
+}, G = {
+	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_se2wg_1",
+	"bsy-lexical__toolbar--floating": "_bsy-lexical__toolbar--floating_se2wg_12",
+	"bsy-lexical__toolbar-item": "_bsy-lexical__toolbar-item_se2wg_18",
+	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_se2wg_24",
+	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_se2wg_30",
+	"bsy-lexical__code-language": "_bsy-lexical__code-language_se2wg_37",
+	"bsy-lexical__code-language-label": "_bsy-lexical__code-language-label_se2wg_54",
+	"bsy-lexical__code-language-arrow": "_bsy-lexical__code-language-arrow_se2wg_65"
 };
 //#endregion
 //#region src/components/Editor/hooks/useTextFormatsState.ts
-function Ce() {
-	let [e] = I(), [t, n] = C({
+function at() {
+	let [e] = F(), [t, n] = E({
 		bold: !1,
 		italic: !1,
 		underline: !1,
-		fontSize: p,
-		fontColor: f,
-		backgroundColor: d,
+		strikethrough: !1,
+		superscript: !1,
+		subscript: !1,
+		fontSize: ie,
+		fontColor: re,
+		backgroundColor: ne,
 		align: "left",
+		listType: !1,
+		canOutdent: !1,
+		isCodeBlock: !1,
+		codeLanguage: i,
 		link: void 0
 	});
-	return b(() => e.registerUpdateListener(({ editorState: e }) => {
+	return C(() => 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) => {
+			let e = A();
+			if (N(e)) {
+				let t = I(e, "font-size", ie), r = I(e, "color", re), i = I(e, "background-color", ne), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : R(a, (e) => {
 					let t = e.getParent();
-					return t !== null && se(t);
+					return t !== null && Ee(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 = R(a, We);
+				c ? (s.link = c.getURL(), s.linkText = c.getTextContent(), s.newBlank = c.getTarget() === "_blank") : s.linkText = e.getTextContent();
+				let l = R(a, z), u = !1, d = Te(o) ? o.getIndent() : 0;
+				if (z(l)) {
+					d = l.getIndent();
+					let e = l.getParent();
+					if (qe(e)) {
+						let t = e.getListType();
+						u = t === "number" || t === "bullet" ? t : !1;
+					}
+				}
+				let f = R(a, V);
+				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: Te(o) ? o.getFormatType() : "left",
+					listType: u,
+					canOutdent: d > 0 || u !== !1,
+					isCodeBlock: !!f,
+					codeLanguage: y(f?.getLanguage()),
 					link: s
 				});
 			}
@@ -105,14 +139,129 @@ 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 = at();
+	return /* @__PURE__ */ b(te.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, [
+}, st = u.map((e) => ({
+	key: e.id,
+	label: e.label
+})), ct = () => {
+	let [n] = F(), { codeLanguage: i } = f(), { t: a } = t(), { getPopupContainer: s } = o(), { iconSize: u } = c(), d = S((e) => {
+		let t = e.key;
+		n.update(() => {
+			let e = A();
+			N(e) && R(e.anchor.getNode(), V)?.setLanguage(t);
+		});
+	}, [n]), p = l[i].label;
+	return /* @__PURE__ */ b(r, {
+		menus: st,
+		onClick: d,
+		activeKey: [i],
+		showSearch: !1,
+		getPopupContainer: s,
+		style: {
+			width: 120,
+			minWidth: 120
+		},
+		children: /* @__PURE__ */ b("div", {
+			className: G["bsy-lexical__code-language"],
+			children: /* @__PURE__ */ b(v, {
+				icon: /* @__PURE__ */ x(oe, { children: [/* @__PURE__ */ b("span", {
+					className: G["bsy-lexical__code-language-label"],
+					children: p
+				}), /* @__PURE__ */ b(e, {
+					name: "arrow-down",
+					size: u,
+					className: G["bsy-lexical__code-language-arrow"]
+				})] }),
+				tooltip: a("editor.codeLanguage")
+			})
+		})
+	});
+}, lt = {
+	initial: {
+		opacity: 0,
+		x: 6
+	},
+	animate: {
+		opacity: 1,
+		x: 0
+	},
+	exit: {
+		opacity: 0,
+		x: -6
+	}
+}, ut = (e) => typeof e == "string" ? e : e.name, dt = (e, t) => {
+	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 n = [];
+	return e.forEach((t, r) => {
+		t.buttons.forEach((e) => {
+			let t = ut(e);
+			n.push({
+				kind: "button",
+				key: t,
+				name: t,
+				props: typeof e == "string" ? void 0 : e.props
+			});
+		}), r < e.length - 1 && n.push({
+			kind: "divider",
+			key: `divider-${t.key}`
+		});
+	}), n;
+}, ft = (e, t) => {
+	let n = m(e);
+	return n ? /* @__PURE__ */ b(n, { ...t }) : (console.warn(`[ToolbarPlugin] Button "${e}" is not registered.`), null);
+}, pt = ({ config: e }) => {
+	let { isCodeBlock: t } = f(), n = ue(), r = dt(e, t), i = {
+		duration: n ? 0 : .16,
+		ease: "easeOut"
+	}, a = n ? {} : lt;
+	return /* @__PURE__ */ b(ce, {
+		initial: !1,
+		mode: "popLayout",
+		children: r.map((e) => {
+			let t = null;
+			return t = e.kind === "divider" ? /* @__PURE__ */ b("div", { className: G["bsy-lexical__toolbar-divider"] }) : e.kind === "language" ? /* @__PURE__ */ b(ct, {}) : ft(e.name, e.props), t === null ? null : /* @__PURE__ */ b(le.div, {
+				className: G["bsy-lexical__toolbar-item"],
+				layout: "position",
+				transition: i,
+				...a,
+				children: t
+			}, e.key);
+		})
+	});
+}, mt = (e) => {
+	let { config: t = [], style: n, theme: r, mode: i, floating: a } = e, { toolbarRef: c } = o(), l = i === "floating", u = ue(), d = {
+		duration: u ? 0 : .16,
+		ease: "easeOut"
+	}, f = w(() => nt(r), [r]), p = w(() => ({ iconSize: rt(r?.iconSize) }), [r?.iconSize]), m = l ? it(a) : void 0, h = l ? ae(n, [
 		"position",
 		"left",
 		"top",
@@ -122,35 +271,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", {
+	]) : n;
+	return /* @__PURE__ */ b(s, {
+		value: p,
+		children: /* @__PURE__ */ b(g, { children: /* @__PURE__ */ b(ot, { children: /* @__PURE__ */ b(le.div, {
 			ref: c,
-			className: w(U["bsy-lexical__toolbar"], l && U["bsy-lexical__toolbar--floating"]),
+			layout: !u,
+			transition: d,
+			className: D(G["bsy-lexical__toolbar"], l && G["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__ */ b(pt, { config: t })
+		}) }) })
 	});
-}, W = {
+}, K = {
 	"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 {
+}, q = class e extends P {
 	constructor(e, t) {
 		super(e, t);
 	}
@@ -161,46 +305,46 @@ var we = (e) => {
 		return new e(t.__text, t.__key);
 	}
 	static importDOM() {
-		let e = F.importDOM();
+		let e = P.importDOM();
 		return {
 			...e,
 			code: () => ({
-				conversion: K(e?.code),
+				conversion: J(e?.code),
 				priority: 1
 			}),
 			em: () => ({
-				conversion: K(e?.em),
+				conversion: J(e?.em),
 				priority: 1
 			}),
 			span: () => ({
-				conversion: K(e?.span),
+				conversion: J(e?.span),
 				priority: 1
 			}),
 			strong: () => ({
-				conversion: K(e?.strong),
+				conversion: J(e?.strong),
 				priority: 1
 			}),
 			sub: () => ({
-				conversion: K(e?.sub),
+				conversion: J(e?.sub),
 				priority: 1
 			}),
 			sup: () => ({
-				conversion: K(e?.sup),
+				conversion: J(e?.sup),
 				priority: 1
 			})
 		};
 	}
 	static importJSON(e) {
-		return Ee().updateFromJSON(e);
+		return ht().updateFromJSON(e);
 	}
 	isSimpleText() {
 		return this.__type === "extended-text" && this.__mode === 0;
 	}
 };
-function Ee(e = "") {
-	return O(new G(e));
+function ht(e = "") {
+	return ye(new q(e));
 }
-function K(e) {
+function J(e) {
 	return (t) => {
 		let n = e?.(t);
 		if (!n) return null;
@@ -211,7 +355,7 @@ function K(e) {
 			...r,
 			forChild: (e, t) => {
 				let n = (r?.forChild ?? ((e) => e))(e, t);
-				if (ce(n)) {
+				if (Oe(n)) {
 					let e = [
 						i ? `background-color: ${i}` : null,
 						a ? `color: ${a}` : null,
@@ -229,21 +373,21 @@ function K(e) {
 }
 //#endregion
 //#region src/components/Editor/plugins/LinkColorPlugin.tsx
-function De(e) {
+function gt(e) {
 	return e.split(";").map((e) => e.trim()).filter((e) => e && e.split(":")[0].trim().toLowerCase() !== "color").join("; ");
 }
-function Oe(e) {
-	if (!B(e, V)) return;
+function _t(e) {
+	if (!R(e, We)) return;
 	let t = e.getStyle();
 	if (!t) return;
-	let n = De(t);
+	let n = gt(t);
 	n !== t && e.setStyle(n);
 }
-function ke() {
-	let [e] = I();
-	return b(() => e.registerNodeTransform(G, Oe), [e]), null;
+function vt() {
+	let [e] = F();
+	return C(() => e.registerNodeTransform(q, _t), [e]), null;
 }
-var q = {
+var Y = {
 	imageWrapper: "_imageWrapper_y06h3_1",
 	selected: "_selected_y06h3_8",
 	resizing: "_resizing_y06h3_12",
@@ -253,16 +397,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({
+}, yt = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
+	let [a] = F(), [o, s] = E(!1), [c, l] = E(null), u = T(null), [d, f] = E({
 		width: n || void 0,
 		height: r || void 0
-	}), p = y(() => {
+	}), p = S(() => {
 		n && r && f({
 			width: n,
 			height: r
 		});
-	}, [n, r]), m = y((e, t) => {
+	}, [n, r]), m = S((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 +421,7 @@ var q = {
 			aspectRatio: i,
 			direction: t
 		});
-	}, [d]), x = y((e) => {
+	}, [d]), h = S((e) => {
 		if (!c?.isResizing) return;
 		let t = e.clientX - c.startX, n;
 		switch (c.direction) {
@@ -300,10 +444,10 @@ var q = {
 			width: n,
 			height: r
 		});
-	}, [c]), T = y(() => {
+	}, [c]), g = S(() => {
 		c?.isResizing && (a.update(() => {
-			let e = A(i);
-			je(e) && e.setWidthAndHeight(d.width, d.height);
+			let e = O(i);
+			bt(e) && e.setWidthAndHeight(d.width, d.height);
 		}), l(null));
 	}, [
 		a,
@@ -311,71 +455,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);
+	se.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 _ = S(() => {
 		s(!0);
 	}, []);
-	return b(() => a.registerUpdateListener(({ editorState: e }) => {
+	return C(() => 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);
+			let e = A();
+			N(e) && !e.getNodes().some((e) => e.getKey() === i || e.getParent() && e.getParent()?.getKey() === i) && o && s(!1);
 		});
 	}), [
 		a,
 		i,
 		o
-	]), b(() => {
+	]), C(() => {
 		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__ */ x("div", {
+		className: D(Y.imageWrapper, {
+			[Y.selected]: o,
+			[Y.resizing]: c?.isResizing
 		}),
-		children: [/* @__PURE__ */ g("img", {
+		children: [/* @__PURE__ */ b("img", {
 			ref: u,
 			src: e,
 			alt: t,
-			className: q.image,
+			className: Y.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__ */ x(oe, { children: [
+			/* @__PURE__ */ b("div", {
+				className: D(Y.resizeHandle, Y.bottomRight),
 				onMouseDown: (e) => m(e, "bottom-right")
 			}),
-			/* @__PURE__ */ g("div", {
-				className: w(q.resizeHandle, q.bottomLeft),
+			/* @__PURE__ */ b("div", {
+				className: D(Y.resizeHandle, Y.bottomLeft),
 				onMouseDown: (e) => m(e, "bottom-left")
 			}),
-			/* @__PURE__ */ g("div", {
-				className: w(q.resizeHandle, q.topRight),
+			/* @__PURE__ */ b("div", {
+				className: D(Y.resizeHandle, Y.topRight),
 				onMouseDown: (e) => m(e, "top-right")
 			}),
-			/* @__PURE__ */ g("div", {
-				className: w(q.resizeHandle, q.topLeft),
+			/* @__PURE__ */ b("div", {
+				className: D(Y.resizeHandle, Y.topLeft),
 				onMouseDown: (e) => m(e, "top-left")
 			})
 		] })]
 	});
-}, J = class e extends de {
+}, X = class e extends Pe {
 	static getType() {
 		return "image";
 	}
@@ -421,7 +565,7 @@ var q = {
 		n.__width = e, n.__height = t;
 	}
 	decorate() {
-		return /* @__PURE__ */ g(Ae, {
+		return /* @__PURE__ */ b(yt, {
 			src: this.__src,
 			altText: this.__altText,
 			width: this.__width,
@@ -431,13 +575,13 @@ var q = {
 	}
 	static importDOM() {
 		return { img: () => ({
-			conversion: Me,
+			conversion: xt,
 			priority: 0
 		}) };
 	}
 	static importJSON(e) {
 		let { src: t, altText: n, width: r, height: i } = e;
-		return Y({
+		return Z({
 			src: t,
 			altText: n,
 			width: r,
@@ -458,13 +602,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 Z({ src: e, altText: t, width: n, height: r, key: i }) {
+	return new X(e, t, n, r, i);
 }
-function je(e) {
-	return e instanceof J;
+function bt(e) {
+	return e instanceof X;
 }
-function Me(e) {
+function xt(e) {
 	if (e instanceof HTMLImageElement) {
 		let { src: t, alt: n, style: r } = e, i, a;
 		if (r.width) {
@@ -475,7 +619,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: Z({
 			src: t,
 			altText: n,
 			width: i,
@@ -486,23 +630,62 @@ 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 St() {
+	let [e] = F();
+	return C(() => e.registerCommand(h, (e) => (j([Z(e)]), !0), Ae), [e]), null;
+}
+//#endregion
+//#region src/components/Editor/utils/stripImagesFromHtml.ts
+function Ct(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 wt = /<img\b|<picture\b/i;
+function Tt() {
+	let [e] = F();
+	return C(() => {
+		let t = (t) => {
+			let n = "clipboardData" in t ? t.clipboardData : "dataTransfer" in t ? t.dataTransfer : null;
+			if (!n || n.getData("application/x-lexical-editor") || n.getData("application/x-lexical-drag")) return !1;
+			let r = n.getData("text/html");
+			if (!(Array.from(n.files).some((e) => e.type.startsWith("image/")) || Array.from(n.items).some((e) => e.type.startsWith("image/")) || wt.test(r))) return !1;
+			t.preventDefault();
+			let i = n.getData("text/plain");
+			return !wt.test(r) && !i || e.update(() => {
+				let t = A();
+				if (t === null) return;
+				let n = r ? Ct(r) : "", a = document.createElement("div");
+				if (a.innerHTML = n, n && a.textContent?.trim()) {
+					let t = ve(e, new DOMParser().parseFromString(n, "text/html"));
+					if (t.length) {
+						j(t);
+						return;
+					}
+				}
+				i && t.insertRawText(i);
+			}, { tag: Le }), !0;
+		};
+		return Ue(e.registerCommand(Ie, (e) => t(e), je), e.registerCommand(Ne, (e) => t(e), je));
+	}, [e]), null;
 }
 //#endregion
 //#region src/components/Editor/plugins/EnterKeyPlugin.tsx
-function X() {
-	let [e] = I(), t = S(0);
-	return b(() => e.registerCommand(fe, (n) => {
+function Et() {
+	let [e] = F(), t = T(0);
+	return C(() => e.registerCommand(Fe, (n) => {
 		let r = Date.now(), i = r - t.current;
-		return t.current = r, i < 250 && i > 0 ? (e.update(() => {
-			let e = M();
-			if (P(e)) {
+		return t.current = r, i < 250 && i > 0 ? e.getEditorState().read(() => {
+			let e = A();
+			return N(e) ? !!R(e.anchor.getNode(), (e) => z(e) || V(e)) : !1;
+		}, { editor: e }) ? !1 : (e.update(() => {
+			let e = A();
+			if (N(e)) {
 				let t = e.anchor.getNode().getTopLevelElement();
 				if (t && t.getTextContent().trim() === "") {
-					let n = k();
-					R(e, {
+					let n = xe();
+					Ve(e, {
 						"background-color": "",
 						color: "",
 						"font-size": "",
@@ -515,38 +698,195 @@ function X() {
 				}
 			}
 		}), n?.preventDefault(), !0) : !1;
-	}, ue), [e]), null;
+	}, Me), [e]), null;
+}
+//#endregion
+//#region src/components/Editor/utils/codeHighlighter.ts
+var Dt = {
+	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")
+}, Q = (e) => e === "bash" ? "shellscript" : e, Ot = (e) => e in Dt, $ = null, kt = null, At = /* @__PURE__ */ new Map(), jt = () => ($ ||= Promise.all([import("@shikijs/core"), import("@shikijs/engine-javascript")]).then(([{ createHighlighterCoreSync: e }, { createJavaScriptRegexEngine: t }]) => e({
+	engine: t(),
+	langs: [],
+	themes: []
+})).catch((e) => {
+	throw $ = null, e;
+}), $), Mt = (e, t) => Ot(t) && e.getLoadedLanguages().includes(Q(t)), Nt = (e) => {
+	let t = At.get(e);
+	return t || (t = jt().then(async (t) => {
+		let n = Q(e);
+		if (!t.getLoadedLanguages().includes(n)) {
+			let n = await Dt[e]();
+			await t.loadLanguage(n.default);
+		}
+		return t;
+	}).catch((t) => {
+		throw At.delete(e), t;
+	}), At.set(e, t)), t;
+}, Pt = () => (kt ||= jt().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 kt = null, e;
+}), kt), Ft = (e, t, n) => {
+	let r = e.getTextContent();
+	if (e.getStyle() && e.setStyle(""), !n || !Mt(n, t)) return Ze(r);
+	let i = Q(t), a = n.codeToTokens(r, {
+		lang: i,
+		theme: p
+	}), o = [];
+	return a.tokens.forEach((e, t) => {
+		t && o.push(be()), e.forEach((e) => {
+			e.content.split("	").forEach((t, n) => {
+				if (n && o.push(Se()), t === "") return;
+				let r = Xe(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;
+}, It = (e, t) => {
+	let n = O(e);
+	if (!V(n) || !n.isAttached()) return;
+	let r = A();
+	if (!N(r)) {
+		t();
+		return;
+	}
+	let { anchor: i } = r, a = i.offset, o = i.type === "element" && M(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 = Oe(e);
+			if (t || M(e)) {
+				let n = e.getTextContentSize();
+				if (t && n >= s) return e.select(s, s), !0;
+				s -= n;
+			}
+			return !1;
+		});
+	}
+}, Lt = (e, t) => B(e) && B(t) && e.__text === t.__text && e.__highlightType === t.__highlightType && e.__style === t.__style || De(e) && De(t) || M(e) && M(t), Rt = (e, t) => {
+	let n = 0;
+	for (; n < e.length && Lt(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++, !Lt(e[r - o], t[i - o])) {
+		o--;
+		break;
+	}
+	return {
+		from: n,
+		to: r - o,
+		nodesForReplacement: t.slice(n, i - o)
+	};
+}, zt = (e, t, n, r, i) => {
+	let a = i.getKey(), o = y(i.getLanguage());
+	if (i.getLanguage() !== o && i.setLanguage(o), o === "plaintext") i.getIsSyntaxHighlightSupported() && i.setIsSyntaxHighlightSupported(!1);
+	else {
+		i.getTheme() !== "github-light" && i.setTheme(p);
+		let s = t ? t.getLoadedThemes().includes("github-light") ? Ot(o) && !Mt(t, o) ? Nt(o) : null : Pt() : jt();
+		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) => {
+						O(e)?.markDirty();
+					});
+				});
+			}, () => {
+				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, ke(() => {
+		n.didTransform = !1, n.nodesCurrentlyHighlighting.clear();
+	})), It(a, () => {
+		let e = O(a);
+		if (!V(e) || !e.isAttached()) return !1;
+		let n = Ft(e, y(e.getLanguage()), t), { from: r, to: i, nodesForReplacement: o } = Rt(e.getChildren(), n);
+		return r !== i || o.length ? (e.splice(r, i - r, o), !0) : !1;
+	}));
+}, Bt = (e, t, n, r, i) => {
+	let a = i.getParent();
+	V(a) ? zt(e, t, n, r, a) : B(i) && i.replace(Ce(i.__text));
+};
+function Vt() {
+	let [e] = F();
+	return C(() => {
+		if (!e.hasNodes([U, H])) 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;
+		};
+		return ze(Qe(e), e.registerNodeTransform(U, (i) => {
+			zt(e, t, n, r, i);
+		}), e.registerNodeTransform(P, (i) => {
+			Bt(e, t, n, r, i);
+		}), e.registerNodeTransform(H, (i) => {
+			Bt(e, t, n, r, i);
+		}));
+	}, [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 Ht({ maxLength: e, onMaxLengthExceed: t }) {
+	let [n] = F(), r = T(t);
+	return r.current = t, C(() => {
 		let t = null;
-		return n.registerNodeTransform(pe, (i) => {
+		return n.registerNodeTransform(Re, (i) => {
 			let a = i.getTextContentSize();
 			if (a <= e) return;
-			let o = n.getEditorState(), s = o.read(() => i.getTextContentSize()), c = a - e, l = M();
+			let o = n.getEditorState(), s = o.read(() => i.getTextContentSize()), c = a - e, l = A();
 			if (s === e && t !== o) {
-				t = o, he(n, o), r.current?.();
+				t = o, He(n, o), r.current?.();
 				return;
 			}
-			if (P(l) && l.isCollapsed()) {
-				z(n, l.anchor, c), r.current?.();
+			if (N(l) && l.isCollapsed()) {
+				L(n, l.anchor, c), r.current?.();
 				return;
 			}
 			i.selectEnd();
-			let u = M();
-			P(u) && (z(n, u.anchor, c), r.current?.());
+			let u = A();
+			N(u) && (L(n, u.anchor, c), r.current?.());
 		});
 	}, [n, e]), null;
 }
 //#endregion
 //#region src/components/Editor/LengthBadge.tsx
-var Z = ({ current: e, maxLength: t }) => {
+var Ut = ({ 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"]),
+	return /* @__PURE__ */ x("div", {
+		className: D(K["bsy-lexical-editor__length-badge"], n && K["bsy-lexical-editor__length-badge--exceeded"]),
 		"aria-live": "polite",
 		children: [
 			e,
@@ -555,22 +895,22 @@ var Z = ({ current: e, maxLength: t }) => {
 		]
 	});
 };
-Z.displayName = "BsyLexicalEditorLengthBadge";
+Ut.displayName = "BsyLexicalEditorLengthBadge";
 //#endregion
 //#region src/components/Editor/utils/textLength.ts
-function Fe(e) {
+function Wt(e) {
 	return typeof e == "number" && Number.isFinite(e) && e > 0;
 }
-function Ie(e, t) {
-	let n = j(), r = n.getTextContentSize();
+function Gt(e, t) {
+	let n = k(), 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;
+	let a = A();
+	return N(a) ? L(e, a.anchor, i) : Kt(i), !0;
 }
-function Le(e) {
-	let t = e, n = j().getAllTextNodes();
+function Kt(e) {
+	let t = e, n = k().getAllTextNodes();
 	for (let e = n.length - 1; e >= 0 && t > 0; e--) {
 		let r = n[e], i = r.getTextContent();
 		i.length !== 0 && (i.length <= t ? (t -= i.length, r.remove()) : (r.setTextContent(i.slice(0, i.length - t)), t = 0));
@@ -578,17 +918,17 @@ function Le(e) {
 }
 //#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(() => ({
+var qt = (e) => {
+	let { height: t = 126, onChange: n, toolbar: r, theme: i, maxLength: a, onMaxLengthExceed: o } = e, [s] = F(), c = T(null), l = T(null), u = T(null), d = T(o);
+	d.current = o;
+	let f = Wt(a) ? a : void 0, [p, m] = E(0), h = r?.mode === "floating", g = w(() => ({
 		containerRef: c,
-		toolbarRef: u,
-		getPopupContainer: () => v && u.current ? u.current : c.current || document.body
-	}), [v]), O = y((e) => {
+		toolbarRef: l,
+		getPopupContainer: () => h && l.current ? l.current : c.current || document.body
+	}), [h]), _ = S((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({
+			let t = k().getTextContent(), r = _e(s, null), i = !t.trim() && (r === "<p><br></p>" || r === "<p></p>" || r === "" || /^<p>\s*<br>\s*<\/p>$/.test(r)) ? null : r;
+			u.current = i, f !== void 0 && m(t.length), n({
 				text: t,
 				html: i
 			}, e);
@@ -596,77 +936,80 @@ var Q = (e) => {
 	}, [
 		n,
 		s,
-		p
+		f
 	]);
-	b(() => {
-		p !== void 0 && s.getEditorState().read(() => {
-			h(j().getTextContentSize());
+	C(() => {
+		f !== void 0 && s.getEditorState().read(() => {
+			m(k().getTextContentSize());
 		}, { editor: s });
-	}, [s, p]), b(() => {
-		if (e.value !== void 0 && e.value !== d.current) {
+	}, [s, f]), C(() => {
+		if (e.value !== void 0 && e.value !== u.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?.();
+				k().clear(), e.value && e.value.trim() && (j(ve(s, new DOMParser().parseFromString(e.value, "text/html"))), f !== void 0 && (t = Gt(s, f)));
+			}), t && d.current?.();
 		}
 	}, [
 		e.value,
 		s,
-		p
+		f
 	]);
-	let k = r?.config?.length ? r?.config : [], A = ve();
-	return /* @__PURE__ */ g(l.Provider, {
-		value: T,
-		children: /* @__PURE__ */ _("div", {
+	let v = r?.config?.length ? r?.config : [], y = $e();
+	return /* @__PURE__ */ b(ee.Provider, {
+		value: g,
+		children: /* @__PURE__ */ x("div", {
 			ref: c,
-			className: w(W["bsy-lexical-editor"], v && W["bsy-lexical-editor--floating"]),
+			className: D(K["bsy-lexical-editor"], h && K["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,
+				v.length > 0 && /* @__PURE__ */ b(mt, {
+					config: v,
 					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__ */ b(fe, {
+					contentEditable: /* @__PURE__ */ b(pe, {
+						className: D(K["bsy-lexical-editor__content-editable"], f !== void 0 && K["bsy-lexical-editor__content-editable--with-length-badge"]),
 						style: {
 							height: t,
-							cursor: A ? "auto" : "text"
+							cursor: y ? "auto" : "text"
 						}
 					}),
-					ErrorBoundary: D
+					ErrorBoundary: ge
 				}),
-				/* @__PURE__ */ g(ye, {}),
-				/* @__PURE__ */ g(ke, {}),
-				/* @__PURE__ */ g(Ne, {}),
-				/* @__PURE__ */ g(X, {}),
-				p !== void 0 && /* @__PURE__ */ g(Pe, {
-					maxLength: p,
+				/* @__PURE__ */ b(et, {}),
+				/* @__PURE__ */ b(tt, {}),
+				/* @__PURE__ */ b(vt, {}),
+				/* @__PURE__ */ b(St, {}),
+				/* @__PURE__ */ b(Tt, {}),
+				/* @__PURE__ */ b(Et, {}),
+				/* @__PURE__ */ b(Vt, {}),
+				f !== void 0 && /* @__PURE__ */ b(Ht, {
+					maxLength: f,
 					onMaxLengthExceed: o
 				}),
-				/* @__PURE__ */ g(te, {}),
-				/* @__PURE__ */ g(ne, { onChange: O }),
-				p !== void 0 && /* @__PURE__ */ g(Z, {
-					current: m,
-					maxLength: p
+				/* @__PURE__ */ b(me, {}),
+				/* @__PURE__ */ b(he, { onChange: _ }),
+				f !== void 0 && /* @__PURE__ */ b(Ut, {
+					current: p,
+					maxLength: f
 				})
 			]
 		})
 	});
 };
-Q.displayName = "BsyLexicalEditorCore";
+qt.displayName = "BsyLexicalEditorCore";
 //#endregion
 //#region src/components/Editor/Editor.tsx
-var $ = (e) => {
+var Jt = (e) => {
 	let { autoFocus: t = !1 } = e;
-	return /* @__PURE__ */ g(T, {
-		initialConfig: x(() => ({
+	return /* @__PURE__ */ b(de, {
+		initialConfig: w(() => ({
 			namespace: "bsyLexicalEditor",
 			onError: (e) => {
 				console.error("Lexical error", e);
@@ -676,25 +1019,37 @@ 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"
 				},
+				code: "editor-code",
 				link: "editor-link"
 			},
 			nodes: [
-				_e,
-				ge,
-				J,
-				G,
+				Ke,
+				Ge,
+				Ye,
+				Je,
+				U,
+				H,
+				X,
+				q,
 				{
-					replace: F,
-					with: (e) => new G(e.__text),
-					withKlass: G
+					replace: P,
+					with: (e) => new q(e.__text),
+					withKlass: q
 				}
 			]
 		}), [t]),
-		children: /* @__PURE__ */ g(Q, { ...e })
+		children: /* @__PURE__ */ b(qt, { ...e })
 	});
 };
-$.displayName = "BsyLexicalEditor";
+Jt.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 { we as $getRoot, v as BaseButton, Jt as default, _ as listRegisteredToolbarButtons, d as registerToolbarButton, a as unregisterToolbarButton, Be as useLexicalComposerContext };