camox 0.40.0 → 0.41.0

package/dist/core/editing/createEditableBlock.js

@@ -185,7 +185,7 @@ function createEditableBlock(options) {
 		if (repeaterContext?.itemId != null) return `${blockId}__${repeaterContext.itemId}__${fieldName}`;
 		return `${blockId}__${fieldName}`;
 	};
-	const Field = ({ name, components, children }) => {
+	const Field = ({ name, textStyle, linkStyle, children }) => {
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Field must be used within a Block Component");
 		const { blockId, content, mode } = blockContext;
@@ -268,17 +268,22 @@ function createEditableBlock(options) {
 		if (!isContentEditable) return /* @__PURE__ */ jsx(Fragment, { children: children({ children: markdownToReactNodes(fieldValue, {
 			pages,
 			fallbackHref: currentPathname,
-			components
+			textStyle,
+			linkStyle
 		}) }, fieldData) });
 		return /* @__PURE__ */ jsx(Fragment, { children: children({
 			ref: elementRef,
 			"data-camox-field-id": fieldId,
 			"data-camox-hovered": isHovered || void 0,
 			"data-camox-focused": isFocused || void 0,
-			"data-camox-overlay-mode": mode === "layout" ? "layout" : void 0,
+			"data-camox-overlay-mode": options.synced ? "synced" : void 0,
 			onMouseEnter: handleMouseEnter,
 			onMouseLeave: handleMouseLeave,
 			children: /* @__PURE__ */ jsx(InlineLexicalEditor, {
+				textStyle,
+				linkStyle,
+				pages,
+				fallbackHref: currentPathname,
 				initialState: fieldValue,
 				externalState: fieldValue,
 				onChange: handleChange,
@@ -288,10 +293,10 @@ function createEditableBlock(options) {
 		}, fieldData) });
 	};
 	const Embed = (t0) => {
-		const $ = c(59);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
-			for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+		const $ = c(58);
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+			for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -434,29 +439,28 @@ function createEditableBlock(options) {
 		const t17 = isContentEditable ? "embed" : void 0;
 		const t18 = isContentEditable && isHovered || void 0;
 		const t19 = isContentEditable && isOpen || void 0;
-		const t20 = mode === "layout" ? "layout" : void 0;
-		let t21;
+		let t20;
 		if ($[28] !== isContentEditable) {
-			t21 = isContentEditable ? () => setIsHovered(true) : void 0;
+			t20 = isContentEditable ? () => setIsHovered(true) : void 0;
 			$[28] = isContentEditable;
-			$[29] = t21;
-		} else t21 = $[29];
-		let t22;
+			$[29] = t20;
+		} else t20 = $[29];
+		let t21;
 		if ($[30] !== isContentEditable) {
-			t22 = isContentEditable ? () => setIsHovered(false) : void 0;
+			t21 = isContentEditable ? () => setIsHovered(false) : void 0;
 			$[30] = isContentEditable;
-			$[31] = t22;
-		} else t22 = $[31];
-		let t23;
-		if ($[32] !== t16 || $[33] !== t17 || $[34] !== t18 || $[35] !== t19 || $[36] !== t20 || $[37] !== t21 || $[38] !== t22) {
-			t23 = /* @__PURE__ */ jsx("div", {
+			$[31] = t21;
+		} else t21 = $[31];
+		let t22;
+		if ($[32] !== t16 || $[33] !== t17 || $[34] !== t18 || $[35] !== t19 || $[36] !== t20 || $[37] !== t21) {
+			t22 = /* @__PURE__ */ jsx("div", {
 				"data-camox-field-id": t16,
 				"data-camox-field-type": t17,
 				"data-camox-hovered": t18,
 				"data-camox-focused": t19,
-				"data-camox-overlay-mode": t20,
-				onMouseEnter: t21,
-				onMouseLeave: t22
+				"data-camox-overlay-mode": options.synced ? "synced" : void 0,
+				onMouseEnter: t20,
+				onMouseLeave: t21
 			});
 			$[32] = t16;
 			$[33] = t17;
@@ -465,40 +469,39 @@ function createEditableBlock(options) {
 			$[36] = t20;
 			$[37] = t21;
 			$[38] = t22;
-			$[39] = t23;
-		} else t23 = $[39];
+		} else t22 = $[38];
+		let t23;
+		if ($[39] !== children || $[40] !== fieldValue) {
+			t23 = children({ src: fieldValue }, { url: fieldValue });
+			$[39] = children;
+			$[40] = fieldValue;
+			$[41] = t23;
+		} else t23 = $[41];
 		let t24;
-		if ($[40] !== children || $[41] !== fieldValue) {
-			t24 = children({ src: fieldValue }, { url: fieldValue });
-			$[40] = children;
-			$[41] = fieldValue;
-			$[42] = t24;
-		} else t24 = $[42];
-		let t25;
-		if ($[43] !== isContentEditable) {
-			t25 = isContentEditable && /* @__PURE__ */ jsx("div", { style: {
+		if ($[42] !== isContentEditable) {
+			t24 = isContentEditable && /* @__PURE__ */ jsx("div", { style: {
 				position: "absolute",
 				inset: 0,
 				zIndex: 10
 			} });
-			$[43] = isContentEditable;
-			$[44] = t25;
-		} else t25 = $[44];
-		let t26;
-		if ($[45] !== t23 || $[46] !== t24 || $[47] !== t25) {
-			t26 = /* @__PURE__ */ jsxs(PopoverTrigger, {
-				render: t23,
+			$[42] = isContentEditable;
+			$[43] = t24;
+		} else t24 = $[43];
+		let t25;
+		if ($[44] !== t22 || $[45] !== t23 || $[46] !== t24) {
+			t25 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+				render: t22,
 				nativeButton: false,
-				children: [t24, t25]
+				children: [t23, t24]
 			});
+			$[44] = t22;
 			$[45] = t23;
 			$[46] = t24;
 			$[47] = t25;
-			$[48] = t26;
-		} else t26 = $[48];
-		let t27;
-		if ($[49] !== handleUrlChange || $[50] !== isContentEditable || $[51] !== name || $[52] !== urlValue) {
-			t27 = isContentEditable && /* @__PURE__ */ jsx(PopoverContent, {
+		} else t25 = $[47];
+		let t26;
+		if ($[48] !== handleUrlChange || $[49] !== isContentEditable || $[50] !== name || $[51] !== urlValue) {
+			t26 = isContentEditable && /* @__PURE__ */ jsx(PopoverContent, {
 				className: "w-96 gap-2",
 				children: /* @__PURE__ */ jsxs("form", {
 					className: "grid gap-2",
@@ -513,32 +516,32 @@ function createEditableBlock(options) {
 					})]
 				})
 			});
-			$[49] = handleUrlChange;
-			$[50] = isContentEditable;
-			$[51] = name;
-			$[52] = urlValue;
-			$[53] = t27;
-		} else t27 = $[53];
-		let t28;
-		if ($[54] !== t14 || $[55] !== t15 || $[56] !== t26 || $[57] !== t27) {
-			t28 = /* @__PURE__ */ jsxs(Popover, {
+			$[48] = handleUrlChange;
+			$[49] = isContentEditable;
+			$[50] = name;
+			$[51] = urlValue;
+			$[52] = t26;
+		} else t26 = $[52];
+		let t27;
+		if ($[53] !== t14 || $[54] !== t15 || $[55] !== t25 || $[56] !== t26) {
+			t27 = /* @__PURE__ */ jsxs(Popover, {
 				open: t14,
 				onOpenChange: t15,
-				children: [t26, t27]
+				children: [t25, t26]
 			});
-			$[54] = t14;
-			$[55] = t15;
+			$[53] = t14;
+			$[54] = t15;
+			$[55] = t25;
 			$[56] = t26;
 			$[57] = t27;
-			$[58] = t28;
-		} else t28 = $[58];
-		return t28;
+		} else t27 = $[57];
+		return t27;
 	};
 	const Link = (t0) => {
 		const $ = c(38);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
 			for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -722,7 +725,7 @@ function createEditableBlock(options) {
 			"data-camox-field-id": fieldId,
 			"data-camox-hovered": isHovered || void 0,
 			"data-camox-focused": isFocused || void 0,
-			"data-camox-overlay-mode": mode === "layout" ? "layout" : void 0,
+			"data-camox-overlay-mode": options.synced ? "synced" : void 0,
 			contentEditable: true,
 			onClick: _temp2,
 			onInput: handleInput,
@@ -777,9 +780,9 @@ function createEditableBlock(options) {
 	};
 	const Image = (t0) => {
 		const $ = c(22);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
 			for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -861,7 +864,7 @@ function createEditableBlock(options) {
 		const t5 = "image";
 		const t6 = isHovered || void 0;
 		const t7 = isFocused || void 0;
-		const t8 = mode === "layout" ? "layout" : void 0;
+		const t8 = options.synced ? "synced" : void 0;
 		let t10;
 		let t9;
 		if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
@@ -901,9 +904,9 @@ function createEditableBlock(options) {
 	};
 	const File = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -977,10 +980,10 @@ function createEditableBlock(options) {
 	const ImageList = _AssetList;
 	const FileList = _AssetList;
 	const RepeaterItemWrapper = (t0) => {
-		const $ = c(9);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
-			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+		const $ = c(8);
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+			for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1002,28 +1005,26 @@ function createEditableBlock(options) {
 		const showOverlay = isContentEditable && (isHovered || isRepeaterHovered);
 		const t4 = isContentEditable ? itemId : void 0;
 		const t5 = showOverlay || void 0;
-		const t6 = mode === "layout" ? "layout" : void 0;
-		let t7;
-		if ($[4] !== children || $[5] !== t4 || $[6] !== t5 || $[7] !== t6) {
-			t7 = /* @__PURE__ */ jsx("div", {
+		let t6;
+		if ($[4] !== children || $[5] !== t4 || $[6] !== t5) {
+			t6 = /* @__PURE__ */ jsx("div", {
 				"data-camox-repeater-item-id": t4,
 				"data-camox-hovered": t5,
-				"data-camox-overlay-mode": t6,
+				"data-camox-overlay-mode": options.synced ? "synced" : void 0,
 				children
 			});
 			$[4] = children;
 			$[5] = t4;
 			$[6] = t5;
 			$[7] = t6;
-			$[8] = t7;
-		} else t7 = $[8];
-		return t7;
+		} else t6 = $[7];
+		return t6;
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
@@ -1054,9 +1055,9 @@ function createEditableBlock(options) {
 	};
 	const Repeater = (t0) => {
 		const $ = c(27);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
 			for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1180,10 +1181,10 @@ function createEditableBlock(options) {
 		return t4;
 	};
 	const BlockComponent = (t0) => {
-		const $ = c(71);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
-			for (let $i = 0; $i < 71; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+		const $ = c(70);
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+			for (let $i = 0; $i < 70; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1334,18 +1335,17 @@ function createEditableBlock(options) {
 		const t14 = isContentEditable ? blockData._id : void 0;
 		const t15 = shouldShowOverlay && !isBlockSelected || void 0;
 		const t16 = shouldShowOverlay && isBlockSelected || void 0;
-		const t17 = mode === "layout" ? "layout" : void 0;
-		const t18 = blockData._id;
-		let t19;
+		const t17 = blockData._id;
+		let t18;
 		if ($[30] !== blockData.content) {
-			t19 = {
+			t18 = {
 				...contentDefaults,
 				...blockData.content
 			};
 			$[30] = blockData.content;
-			$[31] = t19;
-		} else t19 = $[31];
-		const merged = t19;
+			$[31] = t18;
+		} else t18 = $[31];
+		const merged = t18;
 		let overrides;
 		if ($[32] !== merged) {
 			overrides = {};
@@ -1356,33 +1356,33 @@ function createEditableBlock(options) {
 			$[32] = merged;
 			$[33] = overrides;
 		} else overrides = $[33];
-		let t20;
+		let t19;
 		if ($[34] !== merged || $[35] !== overrides) {
-			t20 = {
+			t19 = {
 				...merged,
 				...overrides
 			};
 			$[34] = merged;
 			$[35] = overrides;
-			$[36] = t20;
-		} else t20 = $[36];
-		const t21 = t20;
-		let t22;
+			$[36] = t19;
+		} else t19 = $[36];
+		const t20 = t19;
+		let t21;
 		if ($[37] !== blockData.settings) {
-			t22 = {
+			t21 = {
 				...settingsDefaults,
 				...blockData.settings
 			};
 			$[37] = blockData.settings;
-			$[38] = t22;
-		} else t22 = $[38];
-		const t23 = t22;
-		let t24;
-		if ($[39] !== blockData._id || $[40] !== isHovered || $[41] !== mode || $[42] !== t21 || $[43] !== t23) {
-			t24 = {
-				blockId: t18,
-				content: t21,
-				settings: t23,
+			$[38] = t21;
+		} else t21 = $[38];
+		const t22 = t21;
+		let t23;
+		if ($[39] !== blockData._id || $[40] !== isHovered || $[41] !== mode || $[42] !== t20 || $[43] !== t22) {
+			t23 = {
+				blockId: t17,
+				content: t20,
+				settings: t22,
 				mode,
 				isHovered,
 				setIsHovered
@@ -1390,39 +1390,39 @@ function createEditableBlock(options) {
 			$[39] = blockData._id;
 			$[40] = isHovered;
 			$[41] = mode;
-			$[42] = t21;
-			$[43] = t23;
-			$[44] = t24;
-		} else t24 = $[44];
-		let t25;
+			$[42] = t20;
+			$[43] = t22;
+			$[44] = t23;
+		} else t23 = $[44];
+		let t24;
 		if ($[45] !== normalizedContent) {
-			t25 = /* @__PURE__ */ jsx(options.component, { content: normalizedContent });
+			t24 = /* @__PURE__ */ jsx(options.component, { content: normalizedContent });
 			$[45] = normalizedContent;
-			$[46] = t25;
-		} else t25 = $[46];
-		let t26;
-		if ($[47] !== t24 || $[48] !== t25) {
-			t26 = /* @__PURE__ */ jsx(Context.Provider, {
-				value: t24,
-				children: t25
+			$[46] = t24;
+		} else t24 = $[46];
+		let t25;
+		if ($[47] !== t23 || $[48] !== t24) {
+			t25 = /* @__PURE__ */ jsx(Context.Provider, {
+				value: t23,
+				children: t24
 			});
-			$[47] = t24;
-			$[48] = t25;
-			$[49] = t26;
-		} else t26 = $[49];
-		const t27 = shouldShowAddBlockOverlay || void 0;
-		let t28;
-		if ($[50] !== t27) {
-			t28 = /* @__PURE__ */ jsx("div", {
+			$[47] = t23;
+			$[48] = t24;
+			$[49] = t25;
+		} else t25 = $[49];
+		const t26 = shouldShowAddBlockOverlay || void 0;
+		let t27;
+		if ($[50] !== t26) {
+			t27 = /* @__PURE__ */ jsx("div", {
 				className: "camox-sheet-overlay",
-				"data-camox-visible": t27
+				"data-camox-visible": t26
 			});
-			$[50] = t27;
-			$[51] = t28;
-		} else t28 = $[51];
-		let t29;
+			$[50] = t26;
+			$[51] = t27;
+		} else t27 = $[51];
+		let t28;
 		if ($[52] !== handleAddBlockClick || $[53] !== isAddBlockSidebarOpen || $[54] !== isFirstBlock || $[55] !== mode || $[56] !== shouldShowOverlay || $[57] !== showAddBlockBottom || $[58] !== showAddBlockTop) {
-			t29 = shouldShowOverlay && /* @__PURE__ */ jsxs(Fragment, { children: [(showAddBlockTop ?? (mode !== "layout" && !isFirstBlock)) && /* @__PURE__ */ jsx(AddBlockControlBar, {
+			t28 = shouldShowOverlay && /* @__PURE__ */ jsxs(Fragment, { children: [(showAddBlockTop ?? (mode !== "layout" && !isFirstBlock)) && /* @__PURE__ */ jsx(AddBlockControlBar, {
 				position: "top",
 				hidden: isAddBlockSidebarOpen,
 				onMouseLeave: () => setIsHovered(false),
@@ -1440,25 +1440,25 @@ function createEditableBlock(options) {
 			$[56] = shouldShowOverlay;
 			$[57] = showAddBlockBottom;
 			$[58] = showAddBlockTop;
-			$[59] = t29;
-		} else t29 = $[59];
-		let t30;
-		if ($[60] !== handleClick || $[61] !== handleMouseEnter || $[62] !== handleMouseLeave || $[63] !== t14 || $[64] !== t15 || $[65] !== t16 || $[66] !== t17 || $[67] !== t26 || $[68] !== t28 || $[69] !== t29) {
-			t30 = /* @__PURE__ */ jsxs("div", {
+			$[59] = t28;
+		} else t28 = $[59];
+		let t29;
+		if ($[60] !== handleClick || $[61] !== handleMouseEnter || $[62] !== handleMouseLeave || $[63] !== t14 || $[64] !== t15 || $[65] !== t16 || $[66] !== t25 || $[67] !== t27 || $[68] !== t28) {
+			t29 = /* @__PURE__ */ jsxs("div", {
 				className: "group visual-editing-block",
 				ref,
 				style: t13,
 				"data-camox-block-id": t14,
 				"data-camox-hovered": t15,
 				"data-camox-focused": t16,
-				"data-camox-overlay-mode": t17,
+				"data-camox-overlay-mode": options.synced ? "synced" : void 0,
 				onClick: handleClick,
 				onMouseEnter: handleMouseEnter,
 				onMouseLeave: handleMouseLeave,
 				children: [
-					t26,
-					t28,
-					t29
+					t25,
+					t27,
+					t28
 				]
 			});
 			$[60] = handleClick;
@@ -1467,13 +1467,12 @@ function createEditableBlock(options) {
 			$[63] = t14;
 			$[64] = t15;
 			$[65] = t16;
-			$[66] = t17;
-			$[67] = t26;
+			$[66] = t25;
+			$[67] = t27;
 			$[68] = t28;
 			$[69] = t29;
-			$[70] = t30;
-		} else t30 = $[70];
-		return t30;
+		} else t29 = $[69];
+		return t29;
 	};
 	const useSetting = (name) => {
 		const ctx = React.use(Context);
@@ -1485,10 +1484,10 @@ function createEditableBlock(options) {
 	* Provides the same hover, selection, and sheet overlays as the main BlockComponent.
 	*/
 	const Detached = (t0) => {
-		const $ = c(31);
-		if ($[0] !== "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea") {
-			for (let $i = 0; $i < 31; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8dd6d0fcda0a2856bfa1ea5193e01a6c24359a1ef955d07b1a1a1246a1ddaaea";
+		const $ = c(30);
+		if ($[0] !== "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512") {
+			for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "ee337cec5e11d36faec1dbbceae05725a869a147239dea80dd42ee4c38b26512";
 		}
 		const { children } = t0;
 		const ctx = React.use(Context);
@@ -1579,13 +1578,13 @@ function createEditableBlock(options) {
 			$[21] = t9;
 		} else t9 = $[21];
 		let t10;
-		if ($[22] !== blockId || $[23] !== container || $[24] !== isBlockSelected || $[25] !== mode || $[26] !== shouldShowOverlay) {
+		if ($[22] !== blockId || $[23] !== container || $[24] !== isBlockSelected || $[25] !== shouldShowOverlay) {
 			t10 = container && createPortal(/* @__PURE__ */ jsx(Fragment, { children: shouldShowOverlay && /* @__PURE__ */ jsx("div", {
 				"data-camox-block-id": blockId,
 				"data-camox-detached": true,
 				"data-camox-hovered": !isBlockSelected || void 0,
 				"data-camox-focused": isBlockSelected || void 0,
-				"data-camox-overlay-mode": mode === "layout" ? "layout" : void 0,
+				"data-camox-overlay-mode": options.synced ? "synced" : void 0,
 				style: {
 					position: "absolute",
 					pointerEvents: "none",
@@ -1595,17 +1594,16 @@ function createEditableBlock(options) {
 			$[22] = blockId;
 			$[23] = container;
 			$[24] = isBlockSelected;
-			$[25] = mode;
-			$[26] = shouldShowOverlay;
-			$[27] = t10;
-		} else t10 = $[27];
+			$[25] = shouldShowOverlay;
+			$[26] = t10;
+		} else t10 = $[26];
 		let t11;
-		if ($[28] !== t10 || $[29] !== t9) {
+		if ($[27] !== t10 || $[28] !== t9) {
 			t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t9, t10] });
-			$[28] = t10;
-			$[29] = t9;
-			$[30] = t11;
-		} else t11 = $[30];
+			$[27] = t10;
+			$[28] = t9;
+			$[29] = t11;
+		} else t11 = $[29];
 		return t11;
 	};
 	return {
@@ -1632,6 +1630,7 @@ function createEditableBlock(options) {
 			contentSchema,
 			settingsSchema,
 			layoutOnly: options.layoutOnly ?? false,
+			synced: options.synced ?? false,
 			getInitialBundle: () => {
 				const counter = { value: 0 };
 				const allSeeds = [];

package/dist/core/lib/lexicalReact.d.ts

@@ -1,26 +1 @@
-import * as React from "react";
-
-//#region src/core/lib/lexicalReact.d.ts
-interface MarkdownLinkRenderProps {
-  href: string;
-  target?: string;
-  rel?: string;
-  children: React.ReactNode;
-}
-interface MarkdownLinkRenderData {
-  target: string;
-  href: string;
-  external: boolean;
-  pageId?: string;
-}
-interface MarkdownInlineComponents {
-  link?: (props: MarkdownLinkRenderProps, data: MarkdownLinkRenderData) => React.ReactNode;
-  strong?: (props: {
-    children: React.ReactNode;
-  }) => React.ReactNode;
-  emphasis?: (props: {
-    children: React.ReactNode;
-  }) => React.ReactNode;
-}
-//#endregion
-export { MarkdownInlineComponents, MarkdownLinkRenderData, MarkdownLinkRenderProps };
+import { InlineStyle, InlineTextStyles, TextLinkStyleData, TextStyleData } from "./textStyles.js";