camox 0.40.0 → 0.41.1

package/dist/core/components/lexical/SidebarLexicalEditor.js

@@ -1,14 +1,17 @@
+import { FORMAT_FLAGS } from "../../lib/modifierFormats.js";
 import { isHttpTextLinkTarget } from "../../lib/textLinks.js";
+import { lexicalStateToMarkdown } from "../../lib/lexicalState.js";
 import { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn } from "../../../lib/utils.js";
 import { TextLinkPopover } from "./TextLinkPopover.js";
-import { FORMAT_FLAGS } from "../../lib/modifierFormats.js";
-import { lexicalStateToMarkdown } from "../../lib/lexicalState.js";
+import { $selectionHasGradient, $toggleGradient } from "./GradientNode.js";
 import { createEditorConfig, normalizeLexicalState } from "./editorConfig.js";
+import { InlineStylesPlugin } from "./InlineStylesPlugin.js";
+import { selectTextLink } from "./selectTextLink.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
-import { Bold, Italic } from "lucide-react";
+import { Blend, Bold, Italic, Underline } from "lucide-react";
 import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 import { Toggle } from "@camox/ui/toggle";
 import { $createLinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
@@ -24,9 +27,9 @@ import { $createTextNode, $getSelection, $isRangeSelection, $setSelection, COMMA
 //#region src/core/components/lexical/SidebarLexicalEditor.tsx
 function EnterAsLineBreakHandler() {
 	const $ = c(4);
-	if ($[0] !== "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2") {
+	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2";
+		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -50,9 +53,9 @@ function EnterAsLineBreakHandler() {
 }
 function ExternalStateSync(t0) {
 	const $ = c(6);
-	if ($[0] !== "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2") {
+	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2";
+		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
 	}
 	const { value, isSyncingRef } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -87,10 +90,10 @@ function ExternalStateSync(t0) {
 	return null;
 }
 function SidebarFloatingTextToolbar() {
-	const $ = c(66);
-	if ($[0] !== "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2") {
-		for (let $i = 0; $i < 66; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2";
+	const $ = c(72);
+	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+		for (let $i = 0; $i < 72; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
 	}
 	const [editor] = useLexicalComposerContext();
 	const [open, setOpen] = React.useState(false);
@@ -112,6 +115,7 @@ function SidebarFloatingTextToolbar() {
 	let t1;
 	if ($[2] !== editor || $[3] !== open) {
 		t1 = () => {
+			if (open) return;
 			const root = editor.getRootElement();
 			const nativeSelection = window.getSelection();
 			if (!root || !nativeSelection || nativeSelection.rangeCount === 0 || nativeSelection.isCollapsed) {
@@ -139,6 +143,8 @@ function SidebarFloatingTextToolbar() {
 				setSelectedText(selection.getTextContent());
 				if (selection.hasFormat("bold")) activeFormats = activeFormats | FORMAT_FLAGS.bold;
 				if (selection.hasFormat("italic")) activeFormats = activeFormats | FORMAT_FLAGS.italic;
+				if (selection.hasFormat("underline")) activeFormats = activeFormats | FORMAT_FLAGS.underline;
+				if ($selectionHasGradient()) activeFormats = activeFormats | FORMAT_FLAGS.gradient;
 				let node = selection.anchor.getNode();
 				while (node) {
 					if (node.getType?.() === "link") {
@@ -201,8 +207,7 @@ function SidebarFloatingTextToolbar() {
 	}
 	React.useEffect(t4, t5);
 	let t6;
-	let t7;
-	if ($[13] !== editor || $[14] !== updateToolbar) {
+	if ($[13] !== editor) {
 		t6 = () => editor.registerRootListener((root_1) => {
 			if (!root_1) return;
 			const handleLinkClick = (event) => {
@@ -210,8 +215,7 @@ function SidebarFloatingTextToolbar() {
 				if (!(target instanceof HTMLElement)) return;
 				const anchor = target.closest("a");
 				if (!anchor || !root_1.contains(anchor)) return;
-				const href = anchor.getAttribute("href");
-				if (!href) return;
+				if (!(anchor.dataset.camoxLinkTarget ?? anchor.getAttribute("href"))) return;
 				event.preventDefault();
 				event.stopPropagation();
 				const rect_0 = anchor.getBoundingClientRect();
@@ -219,54 +223,56 @@ function SidebarFloatingTextToolbar() {
 					top: rect_0.bottom + 8,
 					left: rect_0.left + rect_0.width / 2
 				});
-				const doc_0 = root_1.ownerDocument;
-				const range_0 = doc_0.createRange();
-				range_0.selectNodeContents(anchor);
-				const selection_0 = doc_0.getSelection();
-				selection_0?.removeAllRanges();
-				selection_0?.addRange(range_0);
-				root_1.focus();
-				setSelectedText(selection_0?.toString() ?? "");
-				setLinkTarget(href);
+				const link = selectTextLink(editor, anchor);
+				if (!link) return;
+				lastSelectionRef.current = link.selection;
+				setSelectedText(link.text);
+				setLinkTarget(link.target);
 				setOpen(true);
-				updateToolbar();
 			};
 			root_1.addEventListener("click", handleLinkClick);
 			return () => root_1.removeEventListener("click", handleLinkClick);
 		});
-		t7 = [editor, updateToolbar];
 		$[13] = editor;
-		$[14] = updateToolbar;
-		$[15] = t6;
-		$[16] = t7;
-	} else {
-		t6 = $[15];
-		t7 = $[16];
-	}
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== editor || $[16] !== updateToolbar) {
+		t7 = [editor, updateToolbar];
+		$[15] = editor;
+		$[16] = updateToolbar;
+		$[17] = t7;
+	} else t7 = $[17];
 	React.useEffect(t6, t7);
 	let t8;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = () => {
-			const selection_1 = $getSelection();
-			if ($isRangeSelection(selection_1) && !selection_1.isCollapsed()) return;
+			const selection_0 = $getSelection();
+			if ($isRangeSelection(selection_0) && !selection_0.isCollapsed()) return;
 			if (!lastSelectionRef.current) return;
 			$setSelection(lastSelectionRef.current.clone());
 		};
-		$[17] = t8;
-	} else t8 = $[17];
+		$[18] = t8;
+	} else t8 = $[18];
 	const restoreSelection = t8;
 	let t9;
-	if ($[18] !== editor) {
+	if ($[19] !== editor) {
 		t9 = (formatKey) => {
-			editor.update(restoreSelection);
-			editor.dispatchCommand(FORMAT_TEXT_COMMAND, formatKey);
+			editor.update(() => {
+				restoreSelection();
+				if (formatKey === "gradient") {
+					$toggleGradient();
+					return;
+				}
+				editor.dispatchCommand(FORMAT_TEXT_COMMAND, formatKey);
+			});
 		};
-		$[18] = editor;
-		$[19] = t9;
-	} else t9 = $[19];
+		$[19] = editor;
+		$[20] = t9;
+	} else t9 = $[20];
 	const applyFormat = t9;
 	let t10;
-	if ($[20] !== editor) {
+	if ($[21] !== editor) {
 		t10 = (target_0, text) => {
 			editor.update(() => {
 				restoreSelection();
@@ -278,32 +284,32 @@ function SidebarFloatingTextToolbar() {
 					editor.dispatchCommand(TOGGLE_LINK_COMMAND, target_0);
 					return;
 				}
-				const selection_2 = $getSelection();
-				if (!$isRangeSelection(selection_2)) return;
+				const selection_1 = $getSelection();
+				if (!$isRangeSelection(selection_1)) return;
 				const linkNode = $createLinkNode(target_0);
 				linkNode.append($createTextNode(text));
-				selection_2.insertNodes([linkNode]);
+				selection_1.insertNodes([linkNode]);
 			});
 			setOpen(false);
 			setLinkClickAnchor(null);
 		};
-		$[20] = editor;
-		$[21] = t10;
-	} else t10 = $[21];
+		$[21] = editor;
+		$[22] = t10;
+	} else t10 = $[22];
 	const applyTarget = t10;
 	let t11;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
 		t11 = (nextOpen) => {
 			setOpen(nextOpen);
 			if (!nextOpen) setLinkClickAnchor(null);
 		};
-		$[22] = t11;
-	} else t11 = $[22];
+		$[23] = t11;
+	} else t11 = $[23];
 	const handleOpenChange = t11;
 	const handleMouseDown = _temp;
 	if (linkClickAnchor) {
 		let t12;
-		if ($[23] !== linkClickAnchor.left || $[24] !== linkClickAnchor.top) {
+		if ($[24] !== linkClickAnchor.left || $[25] !== linkClickAnchor.top) {
 			t12 = /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "ghost",
@@ -316,18 +322,18 @@ function SidebarFloatingTextToolbar() {
 					left: linkClickAnchor.left
 				}
 			});
-			$[23] = linkClickAnchor.left;
-			$[24] = linkClickAnchor.top;
-			$[25] = t12;
-		} else t12 = $[25];
+			$[24] = linkClickAnchor.left;
+			$[25] = linkClickAnchor.top;
+			$[26] = t12;
+		} else t12 = $[26];
 		let t13;
-		if ($[26] !== applyTarget) {
+		if ($[27] !== applyTarget) {
 			t13 = () => applyTarget(null);
-			$[26] = applyTarget;
-			$[27] = t13;
-		} else t13 = $[27];
+			$[27] = applyTarget;
+			$[28] = t13;
+		} else t13 = $[28];
 		let t14;
-		if ($[28] !== applyTarget || $[29] !== linkTarget || $[30] !== open || $[31] !== selectedText || $[32] !== t12 || $[33] !== t13) {
+		if ($[29] !== applyTarget || $[30] !== linkTarget || $[31] !== open || $[32] !== selectedText || $[33] !== t12 || $[34] !== t13) {
 			t14 = /* @__PURE__ */ jsx(TextLinkPopover, {
 				open,
 				onOpenChange: handleOpenChange,
@@ -337,42 +343,42 @@ function SidebarFloatingTextToolbar() {
 				onSave: applyTarget,
 				onUnlink: t13
 			});
-			$[28] = applyTarget;
-			$[29] = linkTarget;
-			$[30] = open;
-			$[31] = selectedText;
-			$[32] = t12;
-			$[33] = t13;
-			$[34] = t14;
-		} else t14 = $[34];
+			$[29] = applyTarget;
+			$[30] = linkTarget;
+			$[31] = open;
+			$[32] = selectedText;
+			$[33] = t12;
+			$[34] = t13;
+			$[35] = t14;
+		} else t14 = $[35];
 		return t14;
 	}
 	if (!toolbarState.visible) return null;
 	let t12;
-	if ($[35] !== toolbarState.left || $[36] !== toolbarState.top) {
+	if ($[36] !== toolbarState.left || $[37] !== toolbarState.top) {
 		t12 = {
 			top: toolbarState.top,
 			left: toolbarState.left
 		};
-		$[35] = toolbarState.left;
-		$[36] = toolbarState.top;
-		$[37] = t12;
-	} else t12 = $[37];
+		$[36] = toolbarState.left;
+		$[37] = toolbarState.top;
+		$[38] = t12;
+	} else t12 = $[38];
 	const t13 = toolbarState.activeFormats & FORMAT_FLAGS.bold ? "on" : "off";
 	const t14 = !!(toolbarState.activeFormats & FORMAT_FLAGS.bold);
 	let t15;
-	if ($[38] !== applyFormat) {
+	if ($[39] !== applyFormat) {
 		t15 = () => applyFormat("bold");
-		$[38] = applyFormat;
-		$[39] = t15;
-	} else t15 = $[39];
+		$[39] = applyFormat;
+		$[40] = t15;
+	} else t15 = $[40];
 	let t16;
-	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
 		t16 = /* @__PURE__ */ jsx(Bold, {});
-		$[40] = t16;
-	} else t16 = $[40];
+		$[41] = t16;
+	} else t16 = $[41];
 	let t17;
-	if ($[41] !== t13 || $[42] !== t14 || $[43] !== t15) {
+	if ($[42] !== t13 || $[43] !== t14 || $[44] !== t15) {
 		t17 = /* @__PURE__ */ jsx(Toggle, {
 			"data-state": t13,
 			pressed: t14,
@@ -383,26 +389,26 @@ function SidebarFloatingTextToolbar() {
 			onPressedChange: t15,
 			children: t16
 		});
-		$[41] = t13;
-		$[42] = t14;
-		$[43] = t15;
-		$[44] = t17;
-	} else t17 = $[44];
+		$[42] = t13;
+		$[43] = t14;
+		$[44] = t15;
+		$[45] = t17;
+	} else t17 = $[45];
 	const t18 = toolbarState.activeFormats & FORMAT_FLAGS.italic ? "on" : "off";
 	const t19 = !!(toolbarState.activeFormats & FORMAT_FLAGS.italic);
 	let t20;
-	if ($[45] !== applyFormat) {
+	if ($[46] !== applyFormat) {
 		t20 = () => applyFormat("italic");
-		$[45] = applyFormat;
-		$[46] = t20;
-	} else t20 = $[46];
+		$[46] = applyFormat;
+		$[47] = t20;
+	} else t20 = $[47];
 	let t21;
-	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
 		t21 = /* @__PURE__ */ jsx(Italic, {});
-		$[47] = t21;
-	} else t21 = $[47];
+		$[48] = t21;
+	} else t21 = $[48];
 	let t22;
-	if ($[48] !== t18 || $[49] !== t19 || $[50] !== t20) {
+	if ($[49] !== t18 || $[50] !== t19 || $[51] !== t20) {
 		t22 = /* @__PURE__ */ jsx(Toggle, {
 			"data-state": t18,
 			pressed: t19,
@@ -413,64 +419,97 @@ function SidebarFloatingTextToolbar() {
 			onPressedChange: t20,
 			children: t21
 		});
-		$[48] = t18;
-		$[49] = t19;
-		$[50] = t20;
-		$[51] = t22;
-	} else t22 = $[51];
+		$[49] = t18;
+		$[50] = t19;
+		$[51] = t20;
+		$[52] = t22;
+	} else t22 = $[52];
 	let t23;
-	if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = /* @__PURE__ */ jsx(Button, {
+	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+		t23 = [{
+			key: "underline",
+			label: "Underline",
+			icon: Underline
+		}, {
+			key: "gradient",
+			label: "Gradient",
+			icon: Blend
+		}];
+		$[53] = t23;
+	} else t23 = $[53];
+	let t24;
+	if ($[54] !== applyFormat || $[55] !== toolbarState.activeFormats) {
+		t24 = t23.map((t25) => {
+			const { key, label, icon: Icon } = t25;
+			return /* @__PURE__ */ jsx(Toggle, {
+				pressed: !!(toolbarState.activeFormats & FORMAT_FLAGS[key]),
+				variant: "default",
+				size: "sm",
+				className: "h-7 min-w-7 px-1.5",
+				"aria-label": label,
+				onPressedChange: () => applyFormat(key),
+				children: /* @__PURE__ */ jsx(Icon, {})
+			}, key);
+		});
+		$[54] = applyFormat;
+		$[55] = toolbarState.activeFormats;
+		$[56] = t24;
+	} else t24 = $[56];
+	let t25;
+	if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			className: "text-foreground hover:text-foreground h-7 min-w-7 px-1.5"
 		});
-		$[52] = t23;
-	} else t23 = $[52];
-	let t24;
-	if ($[53] !== applyTarget) {
-		t24 = () => applyTarget(null);
-		$[53] = applyTarget;
-		$[54] = t24;
-	} else t24 = $[54];
-	let t25;
-	if ($[55] !== applyTarget || $[56] !== linkTarget || $[57] !== open || $[58] !== selectedText || $[59] !== t24) {
-		t25 = /* @__PURE__ */ jsx(TextLinkPopover, {
+		$[57] = t25;
+	} else t25 = $[57];
+	let t26;
+	if ($[58] !== applyTarget) {
+		t26 = () => applyTarget(null);
+		$[58] = applyTarget;
+		$[59] = t26;
+	} else t26 = $[59];
+	let t27;
+	if ($[60] !== applyTarget || $[61] !== linkTarget || $[62] !== open || $[63] !== selectedText || $[64] !== t26) {
+		t27 = /* @__PURE__ */ jsx(TextLinkPopover, {
 			open,
 			onOpenChange: handleOpenChange,
-			trigger: t23,
+			trigger: t25,
 			text: selectedText,
 			target: linkTarget,
 			onSave: applyTarget,
-			onUnlink: t24
+			onUnlink: t26
 		});
-		$[55] = applyTarget;
-		$[56] = linkTarget;
-		$[57] = open;
-		$[58] = selectedText;
-		$[59] = t24;
-		$[60] = t25;
-	} else t25 = $[60];
-	let t26;
-	if ($[61] !== t12 || $[62] !== t17 || $[63] !== t22 || $[64] !== t25) {
-		t26 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+		$[60] = applyTarget;
+		$[61] = linkTarget;
+		$[62] = open;
+		$[63] = selectedText;
+		$[64] = t26;
+		$[65] = t27;
+	} else t27 = $[65];
+	let t28;
+	if ($[66] !== t12 || $[67] !== t17 || $[68] !== t22 || $[69] !== t24 || $[70] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(FloatingToolbar, {
 			onMouseDown: handleMouseDown,
 			className: "fixed z-50 gap-0.5 rounded-lg p-1 shadow-lg",
 			style: t12,
 			children: [
 				t17,
 				t22,
-				t25
+				t24,
+				t27
 			]
 		});
-		$[61] = t12;
-		$[62] = t17;
-		$[63] = t22;
-		$[64] = t25;
-		$[65] = t26;
-	} else t26 = $[65];
-	return t26;
+		$[66] = t12;
+		$[67] = t17;
+		$[68] = t22;
+		$[69] = t24;
+		$[70] = t27;
+		$[71] = t28;
+	} else t28 = $[71];
+	return t28;
 }
 function _temp(event_0) {
 	const target_1 = event_0.target;
@@ -479,9 +518,9 @@ function _temp(event_0) {
 }
 function PasteUrlAsLinkHandler() {
 	const $ = c(4);
-	if ($[0] !== "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2") {
+	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2";
+		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -513,6 +552,14 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 	const onChangeRef = React.useRef(onChange);
 	onChangeRef.current = onChange;
 	const isSyncingRef = React.useRef(false);
+	const pendingMarkdownRef = React.useRef(null);
+	const flushChange = React.useCallback(() => {
+		if (timerRef.current) clearTimeout(timerRef.current);
+		timerRef.current = null;
+		const markdown = pendingMarkdownRef.current;
+		pendingMarkdownRef.current = null;
+		if (markdown !== null) onChangeRef.current(markdown);
+	}, []);
 	const config = React.useMemo(() => createEditorConfig(value), []);
 	const handleChange = React.useCallback((editorState) => {
 		if (isSyncingRef.current) {
@@ -520,15 +567,10 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 			return;
 		}
 		if (timerRef.current) clearTimeout(timerRef.current);
-		timerRef.current = window.setTimeout(() => {
-			onChangeRef.current(lexicalStateToMarkdown(editorState.toJSON()));
-		}, 300);
-	}, []);
-	React.useEffect(() => {
-		return () => {
-			if (timerRef.current) clearTimeout(timerRef.current);
-		};
-	}, []);
+		pendingMarkdownRef.current = lexicalStateToMarkdown(editorState.toJSON());
+		timerRef.current = window.setTimeout(flushChange, 300);
+	}, [flushChange]);
+	React.useEffect(() => flushChange, [flushChange]);
 	return /* @__PURE__ */ jsxs(LexicalComposer, {
 		initialConfig: config,
 		children: [
@@ -537,7 +579,10 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 					id,
 					className: cn(INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, "flex min-h-[80px] w-full px-3 py-2"),
 					onFocus,
-					onBlur
+					onBlur: () => {
+						flushChange();
+						onBlur?.();
+					}
 				}),
 				ErrorBoundary: LexicalErrorBoundary
 			}),
@@ -553,15 +598,16 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 			}),
 			/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
 			/* @__PURE__ */ jsx(PasteUrlAsLinkHandler, {}),
-			/* @__PURE__ */ jsx(SidebarFloatingTextToolbar, {})
+			/* @__PURE__ */ jsx(SidebarFloatingTextToolbar, {}),
+			/* @__PURE__ */ jsx(InlineStylesPlugin, {})
 		]
 	});
 }
 function LexicalErrorBoundary(t0) {
 	const $ = c(3);
-	if ($[0] !== "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2") {
+	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "487a2055e45cbfcdfeb0dfca78f86f0618f64602e19388a1a5bda9fa6e7197a2";
+		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
 	}
 	const { children } = t0;
 	let t1;

package/dist/core/components/lexical/editorConfig.js

@@ -1,16 +1,33 @@
 import { isLexicalState, markdownToLexicalState } from "../../lib/lexicalState.js";
+import { GradientNode } from "./GradientNode.js";
 import { InlineParagraphNode } from "./InlineParagraphNode.js";
 import { LinkNode } from "@lexical/link";
 import { ParagraphNode } from "lexical";
 
 //#region src/core/components/lexical/editorConfig.ts
 function normalizeLexicalState(value) {
-	if (typeof value === "object") {
-		if (isLexicalState(value)) return JSON.stringify(value);
-		return JSON.stringify(markdownToLexicalState(""));
-	}
-	if (isLexicalState(value)) return value;
-	return JSON.stringify(markdownToLexicalState(value));
+	let state = markdownToLexicalState("");
+	if (isLexicalState(value)) state = typeof value === "string" ? JSON.parse(value) : value;
+	else if (typeof value === "string") state = markdownToLexicalState(value);
+	const paragraphs = state.root.children;
+	if (paragraphs.length <= 1) return JSON.stringify(state);
+	const children = paragraphs.flatMap((paragraph, index) => [...index ? [{
+		type: "linebreak",
+		version: 1
+	}, {
+		type: "linebreak",
+		version: 1
+	}] : [], ...paragraph.children ?? []]);
+	return JSON.stringify({
+		...state,
+		root: {
+			...state.root,
+			children: [{
+				...paragraphs[0],
+				children
+			}]
+		}
+	});
 }
 function createEditorConfig(initialState) {
 	return {
@@ -19,9 +36,10 @@ function createEditorConfig(initialState) {
 		onError: (error) => {
 			console.error("Lexical error:", error);
 		},
-		theme: { link: "camox-text-link" },
+		theme: {},
 		nodes: [
 			LinkNode,
+			GradientNode,
 			InlineParagraphNode,
 			{
 				replace: ParagraphNode,

package/dist/core/components/lexical/selectTextLink.js

@@ -0,0 +1,21 @@
+import { $isLinkNode } from "@lexical/link";
+import { $getNearestNodeFromDOMNode } from "lexical";
+
+//#region src/core/components/lexical/selectTextLink.ts
+function selectTextLink(editor, anchor) {
+	let result = null;
+	editor.update(() => {
+		const node = $getNearestNodeFromDOMNode(anchor);
+		if (!$isLinkNode(node)) return;
+		const selection = node.select(0, node.getChildrenSize());
+		result = {
+			target: node.getURL(),
+			text: node.getTextContent(),
+			selection: selection.clone()
+		};
+	}, { discrete: true });
+	return result;
+}
+
+//#endregion
+export { selectTextLink };