@baishuyun/ui-base 6.7.2 → 6.8.2

package/dist/Editor/index.js

@@ -1,74 +1,91 @@
-import "../ScrollBar/style-B1NkMGtS.js";
-import "../Icon/Icon-SQ5tu-yG.js";
-import "../vendors/LocaleContext-CBcJzvUD.js";
-import "../Modal/Modal-GGHNlZv3.js";
-import "../ColorPicker/ColorPicker-Hjs4Vp5a.js";
-import "../vendors/useFloatingOverlay-WbbHmuT-.js";
-import "../vendors/useLocale-DZ8XW2VL.js";
-import "../vendors/color-BQYy0Wgy.js";
-import "../vendors/useLatchedPopupPortalRoot-hwf14FJ5.js";
-import "../Select/SelectInputSearch-dfBUnTCY.js";
-import "../CheckBox/CheckBox-D7bCjlkU.js";
-import "../CheckBox/CheckBox-GtT43IQ8.js";
-import "../NotFoundContent/NotFoundContent-J-TEnljc.js";
-import "../ScrollBar/ScrollBar-CnwYQfXM.js";
-import "../vendors/useFloatingPortal-C8V67X0v.js";
-import "../DropDown/DropDown-DYhDwsNm.js";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s } from "./Buttons-D1fP8aYo.js";
-import { DEFAULT_BACKGROUND_COLOR as c, DEFAULT_FONT_COLOR as l, DEFAULT_FONT_SIZE as u } from "./constants/index.js";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import m, { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import b from "clsx";
-import { LexicalComposer as x } from "@lexical/react/LexicalComposer";
-import { RichTextPlugin as S } from "@lexical/react/LexicalRichTextPlugin";
-import { ContentEditable as C } from "@lexical/react/LexicalContentEditable";
-import { HistoryPlugin as w } from "@lexical/react/LexicalHistoryPlugin";
-import { OnChangePlugin as T } from "@lexical/react/LexicalOnChangePlugin";
-import { LexicalErrorBoundary as E } from "@lexical/react/LexicalErrorBoundary";
-import { $generateHtmlFromNodes as D, $generateNodesFromDOM as O } from "@lexical/html";
-import { $applyNodeReplacement as ee, $createParagraphNode as te, $getNodeByKey as ne, $getRoot as re, $getRoot as k, $getSelection as A, $insertNodes as j, $isElementNode as M, $isRangeSelection as N, $isRootOrShadowRoot as ie, $isTextNode as P, COMMAND_PRIORITY_EDITOR as ae, COMMAND_PRIORITY_LOW as oe, DecoratorNode as se, KEY_ENTER_COMMAND as ce, TextNode as F } from "lexical";
-import { useLexicalComposerContext as I, useLexicalComposerContext as L } from "@lexical/react/LexicalComposerContext";
-import { $getSelectionStyleValueForProperty as R, $patchStyleText as z } from "@lexical/selection";
-import { $findMatchingParent as B } from "@lexical/utils";
-import { $isLinkNode as V, AutoLinkNode as H, LinkNode as U } from "@lexical/link";
-import { LinkPlugin as W } from "@lexical/react/LexicalLinkPlugin";
-//#region src/components/Editor/ToolbarPlugin/ToolbarPlugin.module.scss
-var G = {
-	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_n60av_1",
-	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_n60av_9",
-	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_n60av_15"
+import "../vendors/version-4HBYLKDL.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-CL57cSDG.js";
+import "../vendors/useFloatingOverlay-BApqkHSu.js";
+import "../vendors/useLocale-BKZX2_zw.js";
+import "../vendors/color-D6XBXROa.js";
+import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { t as e } from "../vendors/cssVars-BYg1matG.js";
+import "../Select/SelectInputSearch-COUzreau.js";
+import "../CheckBox/CheckBox-ByWSy9Yr.js";
+import "../CheckBox/CheckBox-nBm0u6zX.js";
+import "../NotFoundContent/NotFoundContent-BLmzWNBi.js";
+import "../ScrollBar/ScrollBar-QhXVe8zd.js";
+import "../vendors/useFloatingPortal-CmVJbuRm.js";
+import "../DropDown/DropDown-yDH9V_9Y.js";
+import "../DropDown/style-Fdp-U4md.js";
+import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, u as l } from "./Buttons-BivKInBV.js";
+import { DEFAULT_BACKGROUND_COLOR as u, DEFAULT_FONT_COLOR as d, DEFAULT_FONT_SIZE as f } from "./constants/index.js";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import g, { useCallback as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import S from "clsx";
+import { LexicalComposer as C } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin as w } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as T } from "@lexical/react/LexicalContentEditable";
+import { HistoryPlugin as E } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as ee } from "@lexical/react/LexicalOnChangePlugin";
+import { LexicalErrorBoundary as te } from "@lexical/react/LexicalErrorBoundary";
+import { $generateHtmlFromNodes as ne, $generateNodesFromDOM as re } from "@lexical/html";
+import { $applyNodeReplacement as D, $createParagraphNode as O, $getNodeByKey as k, $getRoot as ie, $getRoot as A, $getSelection as j, $insertNodes as M, $isElementNode as ae, $isRangeSelection as N, $isRootOrShadowRoot as oe, $isTextNode as se, COMMAND_PRIORITY_EDITOR as ce, COMMAND_PRIORITY_LOW as le, DecoratorNode as ue, KEY_ENTER_COMMAND as P, RootNode as F, TextNode as I } from "lexical";
+import { useLexicalComposerContext as de, useLexicalComposerContext as L } from "@lexical/react/LexicalComposerContext";
+import { $getSelectionStyleValueForProperty as R, $patchStyleText as fe, $trimTextContentFromAnchor as z } from "@lexical/selection";
+import { $findMatchingParent as B, $restoreEditorState as V } from "@lexical/utils";
+import { $isLinkNode as pe, AutoLinkNode as me, LinkNode as he } from "@lexical/link";
+import { useLexicalEditable as ge } from "@lexical/react/useLexicalEditable";
+import { LinkPlugin as _e } from "@lexical/react/LexicalLinkPlugin";
+//#region src/components/Editor/utils/resolveEditorToolbarThemeVars.ts
+var H = (e) => {
+	if (!(e === void 0 || e === "")) return typeof e == "number" ? `${e}px` : e;
+}, ve = (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;
+}, U = (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;
+}, W = {
+	"bsy-lexical__toolbar": "_bsy-lexical__toolbar_1tygc_1",
+	"bsy-lexical__toolbar-group": "_bsy-lexical__toolbar-group_1tygc_10",
+	"bsy-lexical__toolbar-divider": "_bsy-lexical__toolbar-divider_1tygc_16"
 };
 //#endregion
 //#region src/components/Editor/hooks/useTextFormatsState.ts
-function le() {
-	let [e] = L(), [t, n] = y({
+function ye() {
+	let [e] = L(), [t, n] = x({
 		bold: !1,
 		italic: !1,
 		underline: !1,
-		fontSize: u,
-		fontColor: l,
-		backgroundColor: c,
+		fontSize: f,
+		fontColor: d,
+		backgroundColor: u,
 		align: "left",
 		link: void 0
 	});
-	return g(() => e.registerUpdateListener(({ editorState: e }) => {
+	return v(() => e.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
-			let e = A();
+			let e = j();
 			if (N(e)) {
-				let t = R(e, "font-size", u), r = R(e, "color", l), i = R(e, "background-color", c), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : B(a, (e) => {
+				let t = R(e, "font-size", f), r = R(e, "color", d), i = R(e, "background-color", u), a = e.anchor.getNode(), o = a.getKey() === "root" ? a : B(a, (e) => {
 					let t = e.getParent();
-					return t !== null && ie(t);
+					return t !== null && oe(t);
 				});
 				o === null && (o = a.getTopLevelElementOrThrow());
-				let s = {}, d = B(a, V);
-				d ? (s.link = d.getURL(), s.linkText = d.getTextContent(), s.newBlank = d.getTarget() === "_blank") : s.linkText = e.getTextContent(), n({
+				let s = {}, c = B(a, pe);
+				c ? (s.link = c.getURL(), s.linkText = c.getTextContent(), s.newBlank = c.getTarget() === "_blank") : s.linkText = e.getTextContent(), n({
 					bold: e.hasFormat("bold"),
 					italic: e.hasFormat("italic"),
 					underline: e.hasFormat("underline"),
 					fontSize: t,
 					fontColor: r,
 					backgroundColor: i,
-					align: M(o) ? o.getFormatType() : "left",
+					align: ae(o) ? o.getFormatType() : "left",
 					link: s
 				});
 			}
@@ -77,30 +94,39 @@ function le() {
 }
 //#endregion
 //#region src/components/Editor/ToolbarPlugin/context/TextFormatProvider.tsx
-var ue = (e) => {
-	let t = le();
-	return /* @__PURE__ */ f(r.Provider, {
+var be = (e) => {
+	let t = ye();
+	return /* @__PURE__ */ m(l.Provider, {
 		value: t,
 		children: e.children
 	});
-}, de = (e) => {
-	let { config: t = [], style: n } = e, r = (e, t) => {
-		let n = typeof e == "string" ? e : e.name, r = i(n);
-		return r ? typeof e == "string" ? /* @__PURE__ */ f(r, {}, `${n}-${t}`) : /* @__PURE__ */ f(r, { ...e.props }, `${n}-${t}`) : (console.warn(`[ToolbarPlugin] Button "${n}" is not registered.`), null);
+}, xe = (e) => {
+	let { config: t = [], style: n, theme: r } = e, o = y(() => ve(r), [r]), s = y(() => ({ iconSize: U(r?.iconSize) }), [r?.iconSize]), c = (e, t) => {
+		let n = typeof e == "string" ? e : e.name, r = a(n);
+		return r ? typeof e == "string" ? /* @__PURE__ */ m(r, {}, `${n}-${t}`) : /* @__PURE__ */ m(r, { ...e.props }, `${n}-${t}`) : (console.warn(`[ToolbarPlugin] Button "${n}" is not registered.`), null);
 	};
-	return /* @__PURE__ */ f(ue, { children: /* @__PURE__ */ f("div", {
-		className: G["bsy-lexical__toolbar"],
-		style: n,
-		children: t.map((e, n) => /* @__PURE__ */ p("div", {
-			className: G["bsy-lexical__toolbar-group"],
-			"data-group": e.key,
-			children: [e.buttons.map((e, t) => r(e, t)), n < t.length - 1 && /* @__PURE__ */ f("div", { className: G["bsy-lexical__toolbar-divider"] })]
-		}, e.key + n))
-	}) });
+	return /* @__PURE__ */ m(i, {
+		value: s,
+		children: /* @__PURE__ */ m(be, { children: /* @__PURE__ */ m("div", {
+			className: W["bsy-lexical__toolbar"],
+			style: {
+				...o,
+				...n
+			},
+			children: t.map((e, n) => /* @__PURE__ */ h("div", {
+				className: W["bsy-lexical__toolbar-group"],
+				"data-group": e.key,
+				children: [e.buttons.map((e, t) => c(e, t)), n < t.length - 1 && /* @__PURE__ */ m("div", { className: W["bsy-lexical__toolbar-divider"] })]
+			}, e.key + n))
+		}) })
+	});
+}, G = {
+	"bsy-lexical-editor": "_bsy-lexical-editor_tsu2x_1",
+	"bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_tsu2x_7",
+	"bsy-lexical-editor__content-editable--with-length-badge": "_bsy-lexical-editor__content-editable--with-length-badge_tsu2x_14",
+	"bsy-lexical-editor__length-badge": "_bsy-lexical-editor__length-badge_tsu2x_17",
+	"bsy-lexical-editor__length-badge--exceeded": "_bsy-lexical-editor__length-badge--exceeded_tsu2x_33"
 }, K = {
-	"bsy-lexical-editor": "_bsy-lexical-editor_19ssw_1",
-	"bsy-lexical-editor__content-editable": "_bsy-lexical-editor__content-editable_19ssw_6"
-}, q = {
 	imageWrapper: "_imageWrapper_y06h3_1",
 	selected: "_selected_y06h3_8",
 	resizing: "_resizing_y06h3_12",
@@ -110,19 +136,19 @@ var ue = (e) => {
 	topRight: "_topRight_y06h3_49",
 	bottomLeft: "_bottomLeft_y06h3_54",
 	bottomRight: "_bottomRight_y06h3_59"
-}, fe = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
-	let [a] = L(), [o, s] = y(!1), [c, l] = y(null), u = v(null), [_, x] = y({
+}, Se = ({ src: e, altText: t, width: n, height: r, nodeKey: i }) => {
+	let [a] = L(), [o, s] = x(!1), [c, l] = x(null), u = b(null), [d, f] = x({
 		width: n || void 0,
 		height: r || void 0
-	}), S = h(() => {
-		n && r && x({
+	}), y = _(() => {
+		n && r && f({
 			width: n,
 			height: r
 		});
-	}, [n, r]), C = h((e, t) => {
+	}, [n, r]), C = _((e, t) => {
 		if (e.preventDefault(), e.stopPropagation(), !u.current) return;
-		let n = _.width || u.current.offsetWidth, r = _.height || u.current.offsetHeight, i = n / r;
-		(!_.width || !_.height) && x({
+		let n = d.width || u.current.offsetWidth, r = d.height || u.current.offsetHeight, i = n / r;
+		(!d.width || !d.height) && f({
 			width: n,
 			height: r
 		}), l({
@@ -134,7 +160,7 @@ var ue = (e) => {
 			aspectRatio: i,
 			direction: t
 		});
-	}, [_]), w = h((e) => {
+	}, [d]), w = _((e) => {
 		if (!c?.isResizing) return;
 		let t = e.clientX - c.startX, n;
 		switch (c.direction) {
@@ -153,22 +179,22 @@ var ue = (e) => {
 			default: n = Math.max(50, c.startWidth + t);
 		}
 		let r = n / c.aspectRatio;
-		x({
+		f({
 			width: n,
 			height: r
 		});
-	}, [c]), T = h(() => {
+	}, [c]), T = _(() => {
 		c?.isResizing && (a.update(() => {
-			let e = ne(i);
-			pe(e) && e.setWidthAndHeight(_.width, _.height);
+			let e = k(i);
+			Ce(e) && e.setWidthAndHeight(d.width, d.height);
 		}), l(null));
 	}, [
 		a,
 		i,
-		_,
+		d,
 		c
 	]);
-	m.useEffect(() => {
+	g.useEffect(() => {
 		if (c?.isResizing) return document.addEventListener("mousemove", w), document.addEventListener("mouseup", T), () => {
 			document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", T);
 		};
@@ -177,62 +203,62 @@ var ue = (e) => {
 		w,
 		T
 	]);
-	let E = h(() => {
+	let E = _(() => {
 		s(!0);
 	}, []);
-	return g(() => a.registerUpdateListener(({ editorState: e }) => {
+	return v(() => a.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
-			let e = A();
+			let e = j();
 			N(e) && !e.getNodes().some((e) => e.getKey() === i || e.getParent() && e.getParent()?.getKey() === i) && o && s(!1);
 		});
 	}), [
 		a,
 		i,
 		o
-	]), g(() => {
+	]), v(() => {
 		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__ */ p("div", {
-		className: b(q.imageWrapper, {
-			[q.selected]: o,
-			[q.resizing]: c?.isResizing
+	}, [o]), /* @__PURE__ */ h("div", {
+		className: S(K.imageWrapper, {
+			[K.selected]: o,
+			[K.resizing]: c?.isResizing
 		}),
-		children: [/* @__PURE__ */ f("img", {
+		children: [/* @__PURE__ */ m("img", {
 			ref: u,
 			src: e,
 			alt: t,
-			className: q.image,
+			className: K.image,
 			style: {
-				width: _.width,
-				height: _.height
+				width: d.width,
+				height: d.height
 			},
-			onLoad: S,
+			onLoad: y,
 			onClick: E,
 			draggable: !1
-		}), o && /* @__PURE__ */ p(d, { children: [
-			/* @__PURE__ */ f("div", {
-				className: b(q.resizeHandle, q.bottomRight),
+		}), o && /* @__PURE__ */ h(p, { children: [
+			/* @__PURE__ */ m("div", {
+				className: S(K.resizeHandle, K.bottomRight),
 				onMouseDown: (e) => C(e, "bottom-right")
 			}),
-			/* @__PURE__ */ f("div", {
-				className: b(q.resizeHandle, q.bottomLeft),
+			/* @__PURE__ */ m("div", {
+				className: S(K.resizeHandle, K.bottomLeft),
 				onMouseDown: (e) => C(e, "bottom-left")
 			}),
-			/* @__PURE__ */ f("div", {
-				className: b(q.resizeHandle, q.topRight),
+			/* @__PURE__ */ m("div", {
+				className: S(K.resizeHandle, K.topRight),
 				onMouseDown: (e) => C(e, "top-right")
 			}),
-			/* @__PURE__ */ f("div", {
-				className: b(q.resizeHandle, q.topLeft),
+			/* @__PURE__ */ m("div", {
+				className: S(K.resizeHandle, K.topLeft),
 				onMouseDown: (e) => C(e, "top-left")
 			})
 		] })]
 	});
-}, J = class e extends se {
+}, q = class e extends ue {
 	static getType() {
 		return "image";
 	}
@@ -278,7 +304,7 @@ var ue = (e) => {
 		n.__width = e, n.__height = t;
 	}
 	decorate() {
-		return /* @__PURE__ */ f(fe, {
+		return /* @__PURE__ */ m(Se, {
 			src: this.__src,
 			altText: this.__altText,
 			width: this.__width,
@@ -288,13 +314,13 @@ var ue = (e) => {
 	}
 	static importDOM() {
 		return { img: () => ({
-			conversion: me,
+			conversion: we,
 			priority: 0
 		}) };
 	}
 	static importJSON(e) {
 		let { src: t, altText: n, width: r, height: i } = e;
-		return Y({
+		return J({
 			src: t,
 			altText: n,
 			width: r,
@@ -315,13 +341,13 @@ var ue = (e) => {
 		return !0;
 	}
 };
-function Y({ src: e, altText: t, width: n, height: r, key: i }) {
-	return new J(e, t, n, r, i);
+function J({ src: e, altText: t, width: n, height: r, key: i }) {
+	return new q(e, t, n, r, i);
 }
-function pe(e) {
-	return e instanceof J;
+function Ce(e) {
+	return e instanceof q;
 }
-function me(e) {
+function we(e) {
 	if (e instanceof HTMLImageElement) {
 		let { src: t, alt: n, style: r } = e, i, a;
 		if (r.width) {
@@ -332,7 +358,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: J({
 			src: t,
 			altText: n,
 			width: i,
@@ -343,23 +369,23 @@ function me(e) {
 }
 //#endregion
 //#region src/components/Editor/plugins/ImagePlugin.tsx
-function he() {
+function Te() {
 	let [e] = L();
-	return g(() => e.registerCommand(a, (e) => (j([Y(e)]), !0), ae), [e]), null;
+	return v(() => e.registerCommand(o, (e) => (M([J(e)]), !0), ce), [e]), null;
 }
 //#endregion
 //#region src/components/Editor/plugins/EnterKeyPlugin.tsx
-function ge() {
-	let [e] = L(), t = v(0);
-	return g(() => e.registerCommand(ce, (n) => {
+function Ee() {
+	let [e] = L(), t = b(0);
+	return v(() => e.registerCommand(P, (n) => {
 		let r = Date.now(), i = r - t.current;
 		return t.current = r, i < 250 && i > 0 ? (e.update(() => {
-			let e = A();
+			let e = j();
 			if (N(e)) {
 				let t = e.anchor.getNode().getTopLevelElement();
 				if (t && t.getTextContent().trim() === "") {
-					let n = te();
-					z(e, {
+					let n = O();
+					fe(e, {
 						"background-color": "",
 						color: "",
 						"font-size": "",
@@ -372,57 +398,143 @@ function ge() {
 				}
 			}
 		}), n?.preventDefault(), !0) : !1;
-	}, oe), [e]), null;
+	}, le), [e]), null;
+}
+//#endregion
+//#region src/components/Editor/plugins/MaxLengthPlugin.tsx
+function De({ maxLength: e, onMaxLengthExceed: t }) {
+	let [n] = L(), r = b(t);
+	return r.current = t, v(() => {
+		let t = null;
+		return n.registerNodeTransform(F, (i) => {
+			let a = i.getTextContentSize();
+			if (a <= e) return;
+			let o = n.getEditorState(), s = o.read(() => i.getTextContentSize()), c = a - e, l = j();
+			if (s === e && t !== o) {
+				t = o, V(n, o), r.current?.();
+				return;
+			}
+			if (N(l) && l.isCollapsed()) {
+				z(n, l.anchor, c), r.current?.();
+				return;
+			}
+			i.selectEnd();
+			let u = j();
+			N(u) && (z(n, u.anchor, c), r.current?.());
+		});
+	}, [n, e]), null;
+}
+//#endregion
+//#region src/components/Editor/LengthBadge.tsx
+var Y = ({ current: e, maxLength: t }) => {
+	let n = e > t;
+	return /* @__PURE__ */ h("div", {
+		className: S(G["bsy-lexical-editor__length-badge"], n && G["bsy-lexical-editor__length-badge--exceeded"]),
+		"aria-live": "polite",
+		children: [
+			e,
+			"/",
+			t
+		]
+	});
+};
+Y.displayName = "BsyLexicalEditorLengthBadge";
+//#endregion
+//#region src/components/Editor/utils/textLength.ts
+function Oe(e) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0;
+}
+function ke(e, t) {
+	let n = A(), r = n.getTextContentSize();
+	if (r <= t) return !1;
+	let i = r - t;
+	n.selectEnd();
+	let a = j();
+	return N(a) ? z(e, a.anchor, i) : Ae(i), !0;
+}
+function Ae(e) {
+	let t = e, n = A().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));
+	}
 }
 //#endregion
 //#region src/components/Editor/EditorCore.tsx
 var X = (e) => {
-	let { height: t = 126, onChange: n, toolbar: r } = e, [i] = L(), a = v(null), o = v(null), c = _(() => ({
-		containerRef: a,
-		getPopupContainer: () => a.current || document.body
-	}), []), l = h((e) => {
+	let { height: t = 126, onChange: n, toolbar: r, theme: i, maxLength: a, onMaxLengthExceed: o } = e, [s] = L(), l = b(null), u = b(null), d = b(o);
+	d.current = o;
+	let f = Oe(a) ? a : void 0, [p, g] = x(0), C = y(() => ({
+		containerRef: l,
+		getPopupContainer: () => l.current || document.body
+	}), []), D = _((e) => {
 		e.read(() => {
-			let t = k().getTextContent(), r = D(i, null), a = !t.trim() && (r === "<p><br></p>" || r === "<p></p>" || r === "" || /^<p>\s*<br>\s*<\/p>$/.test(r)) ? null : r;
-			o.current = a, n({
+			let t = A().getTextContent(), r = ne(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 && g(t.length), n({
 				text: t,
-				html: a
+				html: i
 			}, e);
-		});
-	}, [n, i]);
-	g(() => {
-		e.value !== void 0 && e.value !== o.current && i.update(() => {
-			k().clear(), e.value && e.value.trim() && j(O(i, new DOMParser().parseFromString(e.value, "text/html")));
-		});
-	}, [e.value, i]);
-	let u = r?.config?.length ? r?.config : [], d = i.isEditable();
-	return /* @__PURE__ */ f(s.Provider, {
-		value: c,
-		children: /* @__PURE__ */ p("div", {
-			ref: a,
-			className: K["bsy-lexical-editor"],
-			onClick: () => {
-				d || (i.setEditable(!0), i.focus(() => {}, { defaultSelection: "rootEnd" }));
+		}, { editor: s });
+	}, [
+		n,
+		s,
+		f
+	]);
+	v(() => {
+		f !== void 0 && s.getEditorState().read(() => {
+			g(A().getTextContentSize());
+		}, { editor: s });
+	}, [s, f]), v(() => {
+		if (e.value !== void 0 && e.value !== u.current) {
+			let t = !1;
+			s.update(() => {
+				A().clear(), e.value && e.value.trim() && (M(re(s, new DOMParser().parseFromString(e.value, "text/html"))), f !== void 0 && (t = ke(s, f)));
+			}), t && d.current?.();
+		}
+	}, [
+		e.value,
+		s,
+		f
+	]);
+	let O = r?.config?.length ? r?.config : [], k = ge();
+	return /* @__PURE__ */ m(c.Provider, {
+		value: C,
+		children: /* @__PURE__ */ h("div", {
+			ref: l,
+			className: G["bsy-lexical-editor"],
+			onClick: (e) => {
+				let t = s.getRootElement(), n = e.target;
+				!t || !n || !t.contains(n) || s.isEditable() || s.setEditable(!0);
 			},
 			children: [
-				u.length > 0 && /* @__PURE__ */ f(de, {
-					config: u,
-					style: { ...r?.style }
+				O.length > 0 && /* @__PURE__ */ m(xe, {
+					config: O,
+					theme: i?.toolbar,
+					style: r?.style
 				}),
-				/* @__PURE__ */ f(S, {
-					contentEditable: /* @__PURE__ */ f(C, {
-						className: K["bsy-lexical-editor__content-editable"],
+				/* @__PURE__ */ m(w, {
+					contentEditable: /* @__PURE__ */ m(T, {
+						className: S(G["bsy-lexical-editor__content-editable"], f !== void 0 && G["bsy-lexical-editor__content-editable--with-length-badge"]),
 						style: {
 							height: t,
-							cursor: d ? "auto" : "text"
+							cursor: k ? "auto" : "text"
 						}
 					}),
-					ErrorBoundary: E
+					ErrorBoundary: te
+				}),
+				/* @__PURE__ */ m(_e, {}),
+				/* @__PURE__ */ m(Te, {}),
+				/* @__PURE__ */ m(Ee, {}),
+				f !== void 0 && /* @__PURE__ */ m(De, {
+					maxLength: f,
+					onMaxLengthExceed: o
 				}),
-				/* @__PURE__ */ f(W, {}),
-				/* @__PURE__ */ f(he, {}),
-				/* @__PURE__ */ f(ge, {}),
-				/* @__PURE__ */ f(w, {}),
-				/* @__PURE__ */ f(T, { onChange: l })
+				/* @__PURE__ */ m(E, {}),
+				/* @__PURE__ */ m(ee, { onChange: D }),
+				f !== void 0 && /* @__PURE__ */ m(Y, {
+					current: p,
+					maxLength: f
+				})
 			]
 		})
 	});
@@ -430,7 +542,7 @@ var X = (e) => {
 X.displayName = "BsyLexicalEditorCore";
 //#endregion
 //#region src/components/Editor/nodes/ExtendedTextNode.tsx
-var Z = class e extends F {
+var Z = class e extends I {
 	constructor(e, t) {
 		super(e, t);
 	}
@@ -441,7 +553,7 @@ var Z = class e extends F {
 		return new e(t.__text, t.__key);
 	}
 	static importDOM() {
-		let e = F.importDOM();
+		let e = I.importDOM();
 		return {
 			...e,
 			code: () => ({
@@ -471,14 +583,14 @@ var Z = class e extends F {
 		};
 	}
 	static importJSON(e) {
-		return _e().updateFromJSON(e);
+		return je().updateFromJSON(e);
 	}
 	isSimpleText() {
 		return this.__type === "extended-text" && this.__mode === 0;
 	}
 };
-function _e(e = "") {
-	return ee(new Z(e));
+function je(e = "") {
+	return D(new Z(e));
 }
 function Q(e) {
 	return (t) => {
@@ -491,7 +603,7 @@ function Q(e) {
 			...r,
 			forChild: (e, t) => {
 				let n = (r?.forChild ?? ((e) => e))(e, t);
-				if (P(n)) {
+				if (se(n)) {
 					let e = [
 						i ? `background-color: ${i}` : null,
 						a ? `color: ${a}` : null,
@@ -511,8 +623,8 @@ function Q(e) {
 //#region src/components/Editor/Editor.tsx
 var $ = (e) => {
 	let { autoFocus: t = !1 } = e;
-	return /* @__PURE__ */ f(x, {
-		initialConfig: _(() => ({
+	return /* @__PURE__ */ m(C, {
+		initialConfig: y(() => ({
 			namespace: "bsyLexicalEditor",
 			onError: (e) => {
 				console.error("Lexical error", e);
@@ -527,20 +639,20 @@ var $ = (e) => {
 				link: "editor-link"
 			},
 			nodes: [
-				U,
-				H,
-				J,
+				he,
+				me,
+				q,
 				Z,
 				{
-					replace: F,
+					replace: I,
 					with: (e) => new Z(e.__text),
 					withKlass: Z
 				}
 			]
 		}), [t]),
-		children: /* @__PURE__ */ f(X, { ...e })
+		children: /* @__PURE__ */ m(X, { ...e })
 	});
 };
 $.displayName = "BsyLexicalEditor";
 //#endregion
-export { re as $getRoot, t as BaseButton, $ as default, o as listRegisteredToolbarButtons, n as registerToolbarButton, e as unregisterToolbarButton, I as useLexicalComposerContext };
+export { ie as $getRoot, n as BaseButton, $ as default, s as listRegisteredToolbarButtons, r as registerToolbarButton, t as unregisterToolbarButton, de as useLexicalComposerContext };