camox 0.3.0 → 0.3.1

package/dist/core/createBlock.js

@@ -12,6 +12,7 @@ import { useIsEditable } from "./hooks/useIsEditable.js";
 import { useOverlayMessage } from "./hooks/useOverlayMessage.js";
 import { Type } from "./lib/contentType.js";
 import { markdownToReactNodes } from "./lib/lexicalReact.js";
+import { c } from "react/compiler-runtime";
 import { useFrame } from "@camox/ui/frame";
 import { Input } from "@camox/ui/input";
 import { Kbd } from "@camox/ui/kbd";
@@ -261,7 +262,9 @@ function createBlock(options) {
 			}))
 		});
 	};
-	const Embed = ({ name, children }) => {
+	const Embed = (t0) => {
+		const $ = c(55);
+		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Embed must be used within a Block Component");
 		const { blockId, content, mode } = blockContext;
@@ -270,89 +273,201 @@ function createBlock(options) {
 		const { window: iframeWindow } = useFrame();
 		const repeaterContext = React.use(RepeaterItemContext);
 		const fieldValue = repeaterContext ? repeaterContext.itemContent[name] : content[name];
-		const fieldId = getOverlayFieldId(blockId, repeaterContext, String(name));
+		const t1 = String(name);
+		let t2;
+		if ($[0] !== blockId || $[1] !== repeaterContext || $[2] !== t1) {
+			t2 = getOverlayFieldId(blockId, repeaterContext, t1);
+			$[0] = blockId;
+			$[1] = repeaterContext;
+			$[2] = t1;
+			$[3] = t2;
+		} else t2 = $[3];
+		const fieldId = t2;
 		const [isOpen, setIsOpen] = React.useState(false);
 		const [urlValue, setUrlValue] = React.useState(fieldValue);
 		const [isHovered, setIsHovered] = React.useState(false);
 		const timerRef = React.useRef(null);
-		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", { fieldId });
-		React.useEffect(() => {
-			setIsHovered(isHoveredFromSidebar);
-		}, [isHoveredFromSidebar]);
-		const updateBlockContent = useMutation(blockMutations.updateContent());
-		const updateRepeatableContent = useMutation(repeatableItemMutations.updateContent());
-		React.useEffect(() => {
-			if (!isOpen) setUrlValue(fieldValue);
-		}, [fieldValue, isOpen]);
-		React.useEffect(() => {
-			return () => {
+		let t3;
+		if ($[4] !== fieldId) {
+			t3 = { fieldId };
+			$[4] = fieldId;
+			$[5] = t3;
+		} else t3 = $[5];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", t3);
+		let t4;
+		let t5;
+		if ($[6] !== isHoveredFromSidebar) {
+			t4 = () => {
+				setIsHovered(isHoveredFromSidebar);
+			};
+			t5 = [isHoveredFromSidebar];
+			$[6] = isHoveredFromSidebar;
+			$[7] = t4;
+			$[8] = t5;
+		} else {
+			t4 = $[7];
+			t5 = $[8];
+		}
+		React.useEffect(t4, t5);
+		let t6;
+		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+			t6 = blockMutations.updateContent();
+			$[9] = t6;
+		} else t6 = $[9];
+		const updateBlockContent = useMutation(t6);
+		let t7;
+		if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+			t7 = repeatableItemMutations.updateContent();
+			$[10] = t7;
+		} else t7 = $[10];
+		const updateRepeatableContent = useMutation(t7);
+		let t8;
+		let t9;
+		if ($[11] !== fieldValue || $[12] !== isOpen) {
+			t8 = () => {
+				if (!isOpen) setUrlValue(fieldValue);
+			};
+			t9 = [fieldValue, isOpen];
+			$[11] = fieldValue;
+			$[12] = isOpen;
+			$[13] = t8;
+			$[14] = t9;
+		} else {
+			t8 = $[13];
+			t9 = $[14];
+		}
+		React.useEffect(t8, t9);
+		let t10;
+		let t11;
+		if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+			t10 = () => () => {
 				if (timerRef.current) clearTimeout(timerRef.current);
 			};
-		}, []);
-		const handleUrlChange = (e) => {
-			const newValue = e.target.value;
-			setUrlValue(newValue);
-			if (timerRef.current) clearTimeout(timerRef.current);
-			timerRef.current = window.setTimeout(() => {
-				if (repeaterContext?.itemId) updateRepeatableContent.mutate({
-					id: Number(repeaterContext.itemId),
-					content: { [name]: newValue }
+			t11 = [];
+			$[15] = t10;
+			$[16] = t11;
+		} else {
+			t10 = $[15];
+			t11 = $[16];
+		}
+		React.useEffect(t10, t11);
+		let t12;
+		if ($[17] !== blockId || $[18] !== name || $[19] !== repeaterContext || $[20] !== updateBlockContent || $[21] !== updateRepeatableContent) {
+			t12 = (e) => {
+				const newValue = e.target.value;
+				setUrlValue(newValue);
+				if (timerRef.current) clearTimeout(timerRef.current);
+				timerRef.current = window.setTimeout(() => {
+					if (repeaterContext?.itemId) updateRepeatableContent.mutate({
+						id: Number(repeaterContext.itemId),
+						content: { [name]: newValue }
+					});
+					else updateBlockContent.mutate({
+						id: Number(blockId),
+						content: { [name]: newValue }
+					});
+				}, 500);
+			};
+			$[17] = blockId;
+			$[18] = name;
+			$[19] = repeaterContext;
+			$[20] = updateBlockContent;
+			$[21] = updateRepeatableContent;
+			$[22] = t12;
+		} else t12 = $[22];
+		const handleUrlChange = t12;
+		let t13;
+		if ($[23] !== blockId || $[24] !== name || $[25] !== repeaterContext) {
+			t13 = (open) => {
+				setIsOpen(open);
+				if (open) if (repeaterContext?.itemId) previewStore.send({
+					type: "selectItemField",
+					blockId,
+					itemId: repeaterContext.itemId,
+					fieldName: name.toString(),
+					fieldType: "Embed"
 				});
-				else updateBlockContent.mutate({
-					id: Number(blockId),
-					content: { [name]: newValue }
+				else previewStore.send({
+					type: "selectBlockField",
+					blockId,
+					fieldName: name.toString(),
+					fieldType: "Embed"
 				});
-			}, 500);
-		};
-		const handleOpenChange = (open) => {
-			setIsOpen(open);
-			if (open) if (repeaterContext?.itemId) previewStore.send({
-				type: "selectItemField",
-				blockId,
-				itemId: repeaterContext.itemId,
-				fieldName: name.toString(),
-				fieldType: "Embed"
-			});
-			else previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName: name.toString(),
-				fieldType: "Embed"
-			});
-		};
-		return /* @__PURE__ */ jsxs(Popover, {
-			open: isContentEditable ? isOpen : false,
-			onOpenChange: isContentEditable ? handleOpenChange : void 0,
-			children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			};
+			$[23] = blockId;
+			$[24] = name;
+			$[25] = repeaterContext;
+			$[26] = t13;
+		} else t13 = $[26];
+		const handleOpenChange = t13;
+		const t14 = isContentEditable ? isOpen : false;
+		const t15 = isContentEditable ? handleOpenChange : void 0;
+		let t16;
+		if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+			t16 = { position: "relative" };
+			$[27] = t16;
+		} else t16 = $[27];
+		let t17;
+		if ($[28] !== isContentEditable) {
+			t17 = isContentEditable ? () => setIsHovered(true) : void 0;
+			$[28] = isContentEditable;
+			$[29] = t17;
+		} else t17 = $[29];
+		let t18;
+		if ($[30] !== isContentEditable) {
+			t18 = isContentEditable ? () => setIsHovered(false) : void 0;
+			$[30] = isContentEditable;
+			$[31] = t18;
+		} else t18 = $[31];
+		let t19;
+		if ($[32] !== children || $[33] !== fieldValue) {
+			t19 = children(fieldValue);
+			$[32] = children;
+			$[33] = fieldValue;
+			$[34] = t19;
+		} else t19 = $[34];
+		let t20;
+		if ($[35] !== colors || $[36] !== isContentEditable || $[37] !== isHovered || $[38] !== isOpen) {
+			t20 = isContentEditable && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				style: {
+					position: "absolute",
+					inset: 0,
+					zIndex: 10
+				},
+				onClick: _temp
+			}), (isHovered || isOpen) && /* @__PURE__ */ jsx("div", { style: {
+				position: "absolute",
+				inset: isOpen ? OVERLAY_OFFSETS.blockSelected : OVERLAY_OFFSETS.blockHover,
+				border: `${isOpen ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isOpen ? colors.selected : colors.hover}`,
+				pointerEvents: "none",
+				zIndex: 11
+			} })] });
+			$[35] = colors;
+			$[36] = isContentEditable;
+			$[37] = isHovered;
+			$[38] = isOpen;
+			$[39] = t20;
+		} else t20 = $[39];
+		let t21;
+		if ($[40] !== t17 || $[41] !== t18 || $[42] !== t19 || $[43] !== t20) {
+			t21 = /* @__PURE__ */ jsx(PopoverTrigger, {
 				asChild: true,
 				children: /* @__PURE__ */ jsxs("div", {
-					style: { position: "relative" },
-					onMouseEnter: isContentEditable ? () => setIsHovered(true) : void 0,
-					onMouseLeave: isContentEditable ? () => setIsHovered(false) : void 0,
-					children: [children(fieldValue), isContentEditable && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-						style: {
-							position: "absolute",
-							inset: 0,
-							zIndex: 10
-						},
-						onClick: () => {
-							if (hasShownEmbedLockToast) return;
-							hasShownEmbedLockToast = true;
-							toast(/* @__PURE__ */ jsxs("span", { children: [
-								"Hold ",
-								/* @__PURE__ */ jsx(Kbd, { children: "L" }),
-								" to interact with the embed content"
-							] }));
-						}
-					}), (isHovered || isOpen) && /* @__PURE__ */ jsx("div", { style: {
-						position: "absolute",
-						inset: isOpen ? OVERLAY_OFFSETS.blockSelected : OVERLAY_OFFSETS.blockHover,
-						border: `${isOpen ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isOpen ? colors.selected : colors.hover}`,
-						pointerEvents: "none",
-						zIndex: 11
-					} })] })]
+					style: t16,
+					onMouseEnter: t17,
+					onMouseLeave: t18,
+					children: [t19, t20]
 				})
-			}), isContentEditable && /* @__PURE__ */ jsx(PopoverContent, {
+			});
+			$[40] = t17;
+			$[41] = t18;
+			$[42] = t19;
+			$[43] = t20;
+			$[44] = t21;
+		} else t21 = $[44];
+		let t22;
+		if ($[45] !== handleUrlChange || $[46] !== isContentEditable || $[47] !== name || $[48] !== urlValue) {
+			t22 = isContentEditable && /* @__PURE__ */ jsx(PopoverContent, {
 				className: "w-96 gap-2",
 				children: /* @__PURE__ */ jsxs("form", {
 					className: "grid gap-2",
@@ -366,10 +481,31 @@ function createBlock(options) {
 						onChange: handleUrlChange
 					})]
 				})
-			})]
-		});
+			});
+			$[45] = handleUrlChange;
+			$[46] = isContentEditable;
+			$[47] = name;
+			$[48] = urlValue;
+			$[49] = t22;
+		} else t22 = $[49];
+		let t23;
+		if ($[50] !== t14 || $[51] !== t15 || $[52] !== t21 || $[53] !== t22) {
+			t23 = /* @__PURE__ */ jsxs(Popover, {
+				open: t14,
+				onOpenChange: t15,
+				children: [t21, t22]
+			});
+			$[50] = t14;
+			$[51] = t15;
+			$[52] = t21;
+			$[53] = t22;
+			$[54] = t23;
+		} else t23 = $[54];
+		return t23;
 	};
-	const Link = ({ name, children }) => {
+	const Link = (t0) => {
+		const $ = c(63);
+		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Link must be used within a Block Component");
 		const { blockId, content, mode } = blockContext;
@@ -379,16 +515,55 @@ function createBlock(options) {
 		const { window: iframeWindow } = useFrame();
 		const repeaterContext = React.use(RepeaterItemContext);
 		const fieldValue = normalizeLinkValue(repeaterContext ? repeaterContext.itemContent[name] : content[name]);
-		const updateBlockContent = useMutation(blockMutations.updateContent());
-		const updateRepeatableContent = useMutation(repeatableItemMutations.updateContent());
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = blockMutations.updateContent();
+			$[0] = t1;
+		} else t1 = $[0];
+		const updateBlockContent = useMutation(t1);
+		let t2;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = repeatableItemMutations.updateContent();
+			$[1] = t2;
+		} else t2 = $[1];
+		const updateRepeatableContent = useMutation(t2);
 		const projectSlug = useProjectSlug();
-		const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-		const { data: pages } = useQuery({
-			...pageQueries.list(project?.id ?? 0),
-			enabled: !!project
-		});
+		let t3;
+		if ($[2] !== projectSlug) {
+			t3 = projectQueries.getBySlug(projectSlug);
+			$[2] = projectSlug;
+			$[3] = t3;
+		} else t3 = $[3];
+		const { data: project } = useQuery(t3);
+		let t4;
+		if ($[4] !== project?.id) {
+			t4 = pageQueries.list(project?.id ?? 0);
+			$[4] = project?.id;
+			$[5] = t4;
+		} else t4 = $[5];
+		const t5 = !!project;
+		let t6;
+		if ($[6] !== t4 || $[7] !== t5) {
+			t6 = {
+				...t4,
+				enabled: t5
+			};
+			$[6] = t4;
+			$[7] = t5;
+			$[8] = t6;
+		} else t6 = $[8];
+		const { data: pages } = useQuery(t6);
 		const resolvedHref = resolveLinkHref(fieldValue, pages);
-		const fieldId = getOverlayFieldId(blockId, repeaterContext, String(name));
+		const t7 = String(name);
+		let t8;
+		if ($[9] !== blockId || $[10] !== repeaterContext || $[11] !== t7) {
+			t8 = getOverlayFieldId(blockId, repeaterContext, t7);
+			$[9] = blockId;
+			$[10] = repeaterContext;
+			$[11] = t7;
+			$[12] = t8;
+		} else t8 = $[12];
+		const fieldId = t8;
 		const [isEditing, setIsEditing] = React.useState(false);
 		const [displayText, setDisplayText] = React.useState(fieldValue.text);
 		const [isHovered, setIsHovered] = React.useState(false);
@@ -398,20 +573,48 @@ function createBlock(options) {
 		React.useEffect(() => {
 			if (!isEditing) setDisplayText(fieldValue.text);
 		}, [fieldValue.text, isEditing]);
-		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", { fieldId });
-		React.useEffect(() => {
-			setIsHovered(isHoveredFromSidebar);
-		}, [isHoveredFromSidebar]);
-		const saveLinkValue = (newLinkValue) => {
-			if (repeaterContext?.itemId) updateRepeatableContent.mutate({
-				id: Number(repeaterContext.itemId),
-				content: { [name]: newLinkValue }
-			});
-			else updateBlockContent.mutate({
-				id: Number(blockId),
-				content: { [name]: newLinkValue }
-			});
-		};
+		let t9;
+		if ($[13] !== fieldId) {
+			t9 = { fieldId };
+			$[13] = fieldId;
+			$[14] = t9;
+		} else t9 = $[14];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", t9);
+		let t10;
+		let t11;
+		if ($[15] !== isHoveredFromSidebar) {
+			t10 = () => {
+				setIsHovered(isHoveredFromSidebar);
+			};
+			t11 = [isHoveredFromSidebar];
+			$[15] = isHoveredFromSidebar;
+			$[16] = t10;
+			$[17] = t11;
+		} else {
+			t10 = $[16];
+			t11 = $[17];
+		}
+		React.useEffect(t10, t11);
+		let t12;
+		if ($[18] !== blockId || $[19] !== name || $[20] !== repeaterContext || $[21] !== updateBlockContent || $[22] !== updateRepeatableContent) {
+			t12 = (newLinkValue) => {
+				if (repeaterContext?.itemId) updateRepeatableContent.mutate({
+					id: Number(repeaterContext.itemId),
+					content: { [name]: newLinkValue }
+				});
+				else updateBlockContent.mutate({
+					id: Number(blockId),
+					content: { [name]: newLinkValue }
+				});
+			};
+			$[18] = blockId;
+			$[19] = name;
+			$[20] = repeaterContext;
+			$[21] = updateBlockContent;
+			$[22] = updateRepeatableContent;
+			$[23] = t12;
+		} else t12 = $[23];
+		const saveLinkValue = t12;
 		const handleInput = (e) => {
 			const newText = e.target.textContent || "";
 			saveLinkValue({
@@ -419,77 +622,167 @@ function createBlock(options) {
 				text: newText
 			});
 		};
-		const handleFocus = () => {
-			setIsEditing(true);
-			setIsEditorFocused(true);
-			if (repeaterContext?.itemId) previewStore.send({
-				type: "selectItemField",
-				blockId,
-				itemId: repeaterContext.itemId,
-				fieldName: String(name),
-				fieldType: "Link"
+		let t13;
+		if ($[24] !== blockId || $[25] !== name || $[26] !== repeaterContext) {
+			t13 = () => {
+				setIsEditing(true);
+				setIsEditorFocused(true);
+				if (repeaterContext?.itemId) previewStore.send({
+					type: "selectItemField",
+					blockId,
+					itemId: repeaterContext.itemId,
+					fieldName: String(name),
+					fieldType: "Link"
+				});
+				else previewStore.send({
+					type: "selectBlockField",
+					blockId,
+					fieldName: String(name),
+					fieldType: "Link"
+				});
+			};
+			$[24] = blockId;
+			$[25] = name;
+			$[26] = repeaterContext;
+			$[27] = t13;
+		} else t13 = $[27];
+		const handleFocus = t13;
+		let t14;
+		if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+			t14 = () => {
+				setIsEditing(false);
+				setIsEditorFocused(false);
+			};
+			$[28] = t14;
+		} else t14 = $[28];
+		const handleBlur = t14;
+		let t15;
+		if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+			t15 = (e_0) => {
+				e_0.stopPropagation();
+				previewStore.send({ type: "toggleContentSheet" });
+				setIsEditorFocused(false);
+				setIsEditing(false);
+			};
+			$[29] = t15;
+		} else t15 = $[29];
+		const handleEditLink = t15;
+		const T0 = Popover;
+		const t16 = isContentEditable && isEditorFocused;
+		const T1 = PopoverAnchor;
+		const t17 = true;
+		const T2 = Slot;
+		const t18 = isContentEditable ? fieldId : void 0;
+		const t19 = isContentEditable ? _temp2 : void 0;
+		let t20;
+		if ($[30] !== isContentEditable) {
+			t20 = isContentEditable ? () => setIsHovered(true) : void 0;
+			$[30] = isContentEditable;
+			$[31] = t20;
+		} else t20 = $[31];
+		let t21;
+		if ($[32] !== isContentEditable) {
+			t21 = isContentEditable ? () => setIsHovered(false) : void 0;
+			$[32] = isContentEditable;
+			$[33] = t21;
+		} else t21 = $[33];
+		const t22 = _temp3;
+		const t23 = false;
+		const t24 = true;
+		let t25;
+		if ($[34] !== colors || $[35] !== isContentEditable || $[36] !== isFocused || $[37] !== isHovered) {
+			t25 = isContentEditable && (isHovered || isFocused) ? {
+				outline: `${isFocused ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isFocused ? colors.selected : colors.hover}`,
+				outlineOffset: isFocused ? OVERLAY_OFFSETS.fieldSelected : OVERLAY_OFFSETS.fieldHover
+			} : void 0;
+			$[34] = colors;
+			$[35] = isContentEditable;
+			$[36] = isFocused;
+			$[37] = isHovered;
+			$[38] = t25;
+		} else t25 = $[38];
+		const t26 = children({
+			text: displayText,
+			href: resolvedHref,
+			newTab: fieldValue.newTab
+		});
+		let t27;
+		if ($[39] !== T2 || $[40] !== handleBlur || $[41] !== handleFocus || $[42] !== handleInput || $[43] !== isContentEditable || $[44] !== t18 || $[45] !== t19 || $[46] !== t20 || $[47] !== t21 || $[48] !== t22 || $[49] !== t25 || $[50] !== t26) {
+			t27 = /* @__PURE__ */ jsx(T2, {
+				ref: elementRef,
+				"data-camox-field-id": t18,
+				contentEditable: isContentEditable,
+				onClick: t19,
+				onInput: handleInput,
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				onMouseEnter: t20,
+				onMouseLeave: t21,
+				onKeyDown: t22,
+				spellCheck: t23,
+				suppressContentEditableWarning: t24,
+				style: t25,
+				children: t26
 			});
-			else previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName: String(name),
-				fieldType: "Link"
+			$[39] = T2;
+			$[40] = handleBlur;
+			$[41] = handleFocus;
+			$[42] = handleInput;
+			$[43] = isContentEditable;
+			$[44] = t18;
+			$[45] = t19;
+			$[46] = t20;
+			$[47] = t21;
+			$[48] = t22;
+			$[49] = t25;
+			$[50] = t26;
+			$[51] = t27;
+		} else t27 = $[51];
+		let t28;
+		if ($[52] !== T1 || $[53] !== t27) {
+			t28 = /* @__PURE__ */ jsx(T1, {
+				asChild: t17,
+				children: t27
 			});
-		};
-		const handleBlur = () => {
-			setIsEditing(false);
-			setIsEditorFocused(false);
-		};
-		const handleEditLink = (e) => {
-			e.stopPropagation();
-			previewStore.send({ type: "toggleContentSheet" });
-			setIsEditorFocused(false);
-			setIsEditing(false);
-		};
-		return /* @__PURE__ */ jsxs(Popover, {
-			open: isContentEditable && isEditorFocused,
-			children: [/* @__PURE__ */ jsx(PopoverAnchor, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Slot, {
-					ref: elementRef,
-					"data-camox-field-id": isContentEditable ? fieldId : void 0,
-					contentEditable: isContentEditable,
-					onClick: isContentEditable ? (e) => e.preventDefault() : void 0,
-					onInput: handleInput,
-					onFocus: handleFocus,
-					onBlur: handleBlur,
-					onMouseEnter: isContentEditable ? () => setIsHovered(true) : void 0,
-					onMouseLeave: isContentEditable ? () => setIsHovered(false) : void 0,
-					onKeyDown: (e) => {
-						if (e.key === "Escape") e.target.blur();
-					},
-					spellCheck: false,
-					suppressContentEditableWarning: true,
-					style: isContentEditable && (isHovered || isFocused) ? {
-						outline: `${isFocused ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isFocused ? colors.selected : colors.hover}`,
-						outlineOffset: isFocused ? OVERLAY_OFFSETS.fieldSelected : OVERLAY_OFFSETS.fieldHover
-					} : void 0,
-					children: children({
-						text: displayText,
-						href: resolvedHref,
-						newTab: fieldValue.newTab
-					})
-				})
-			}), isContentEditable && /* @__PURE__ */ jsx(PopoverContent, {
+			$[52] = T1;
+			$[53] = t27;
+			$[54] = t28;
+		} else t28 = $[54];
+		let t29;
+		if ($[55] !== handleEditLink || $[56] !== isContentEditable) {
+			t29 = isContentEditable && /* @__PURE__ */ jsx(PopoverContent, {
 				className: "w-auto p-2",
-				onOpenAutoFocus: (e) => e.preventDefault(),
+				onOpenAutoFocus: _temp4,
 				align: "end",
 				children: /* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: "hover:bg-accent flex items-center gap-1.5 rounded-md px-2 py-1 text-sm transition-colors",
-					onMouseDown: (e) => e.preventDefault(),
+					onMouseDown: _temp5,
 					onClick: handleEditLink,
 					children: "Edit link"
 				})
-			})]
-		});
+			});
+			$[55] = handleEditLink;
+			$[56] = isContentEditable;
+			$[57] = t29;
+		} else t29 = $[57];
+		let t30;
+		if ($[58] !== T0 || $[59] !== t16 || $[60] !== t28 || $[61] !== t29) {
+			t30 = /* @__PURE__ */ jsxs(T0, {
+				open: t16,
+				children: [t28, t29]
+			});
+			$[58] = T0;
+			$[59] = t16;
+			$[60] = t28;
+			$[61] = t29;
+			$[62] = t30;
+		} else t30 = $[62];
+		return t30;
 	};
-	const Image = ({ name, children }) => {
+	const Image = (t0) => {
+		const $ = c(37);
+		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Image must be used within a Block Component");
 		const { blockId, content, mode } = blockContext;
@@ -499,93 +792,262 @@ function createBlock(options) {
 		const repeaterContext = React.use(RepeaterItemContext);
 		const { filesMap } = useNormalizedData();
 		const rawSource = repeaterContext ? repeaterContext.itemContent[name] : content[name];
-		const fieldValue = (isFileMarker(rawSource) ? resolveFileMarker(rawSource, filesMap) : rawSource) ?? contentDefaults[String(name)];
-		const fieldId = getOverlayFieldId(blockId, repeaterContext, String(name));
+		let t1;
+		if ($[0] !== filesMap || $[1] !== rawSource) {
+			t1 = isFileMarker(rawSource) ? resolveFileMarker(rawSource, filesMap) : rawSource;
+			$[0] = filesMap;
+			$[1] = rawSource;
+			$[2] = t1;
+		} else t1 = $[2];
+		const fieldValue = t1 ?? contentDefaults[String(name)];
+		const t2 = String(name);
+		let t3;
+		if ($[3] !== blockId || $[4] !== repeaterContext || $[5] !== t2) {
+			t3 = getOverlayFieldId(blockId, repeaterContext, t2);
+			$[3] = blockId;
+			$[4] = repeaterContext;
+			$[5] = t2;
+			$[6] = t3;
+		} else t3 = $[6];
+		const fieldId = t3;
 		const [isHovered, setIsHovered] = React.useState(false);
 		const isFocused = useFieldSelection(blockId, String(name), "Image", repeaterContext?.itemId);
-		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", { fieldId });
-		React.useEffect(() => {
-			setIsHovered(isHoveredFromSidebar);
-		}, [isHoveredFromSidebar]);
-		const handleClick = () => {
-			if (!isContentEditable) return;
-			const imageFieldName = repeaterContext && !repeaterContext.itemId ? repeaterContext.arrayFieldName : String(name);
-			if (repeaterContext?.itemId) previewStore.send({
-				type: "selectItemField",
-				blockId,
-				itemId: repeaterContext.itemId,
-				fieldName: imageFieldName,
-				fieldType: "Image"
-			});
-			else previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName: imageFieldName,
-				fieldType: "Image"
-			});
-			previewStore.send({ type: "toggleContentSheet" });
-		};
-		if (!isContentEditable) return /* @__PURE__ */ jsx(Fragment, { children: children(fieldValue) });
+		let t4;
+		if ($[7] !== fieldId) {
+			t4 = { fieldId };
+			$[7] = fieldId;
+			$[8] = t4;
+		} else t4 = $[8];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", t4);
+		let t5;
+		let t6;
+		if ($[9] !== isHoveredFromSidebar) {
+			t5 = () => {
+				setIsHovered(isHoveredFromSidebar);
+			};
+			t6 = [isHoveredFromSidebar];
+			$[9] = isHoveredFromSidebar;
+			$[10] = t5;
+			$[11] = t6;
+		} else {
+			t5 = $[10];
+			t6 = $[11];
+		}
+		React.useEffect(t5, t6);
+		let t7;
+		if ($[12] !== blockId || $[13] !== isContentEditable || $[14] !== name || $[15] !== repeaterContext) {
+			t7 = () => {
+				if (!isContentEditable) return;
+				const imageFieldName = repeaterContext && !repeaterContext.itemId ? repeaterContext.arrayFieldName : String(name);
+				if (repeaterContext?.itemId) previewStore.send({
+					type: "selectItemField",
+					blockId,
+					itemId: repeaterContext.itemId,
+					fieldName: imageFieldName,
+					fieldType: "Image"
+				});
+				else previewStore.send({
+					type: "selectBlockField",
+					blockId,
+					fieldName: imageFieldName,
+					fieldType: "Image"
+				});
+				previewStore.send({ type: "toggleContentSheet" });
+			};
+			$[12] = blockId;
+			$[13] = isContentEditable;
+			$[14] = name;
+			$[15] = repeaterContext;
+			$[16] = t7;
+		} else t7 = $[16];
+		const handleClick = t7;
+		if (!isContentEditable) {
+			let t8;
+			if ($[17] !== children || $[18] !== fieldValue) {
+				t8 = children(fieldValue);
+				$[17] = children;
+				$[18] = fieldValue;
+				$[19] = t8;
+			} else t8 = $[19];
+			let t9;
+			if ($[20] !== t8) {
+				t9 = /* @__PURE__ */ jsx(Fragment, { children: t8 });
+				$[20] = t8;
+				$[21] = t9;
+			} else t9 = $[21];
+			return t9;
+		}
 		const showOverlay = isHovered || isFocused;
-		return /* @__PURE__ */ jsxs("div", {
-			style: { position: "relative" },
-			"data-camox-field-id": fieldId,
-			onMouseEnter: () => setIsHovered(true),
-			onMouseLeave: () => setIsHovered(false),
-			onClick: handleClick,
-			children: [children(fieldValue), showOverlay && /* @__PURE__ */ jsx("div", { style: {
+		let t8;
+		if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+			t8 = { position: "relative" };
+			$[22] = t8;
+		} else t8 = $[22];
+		let t10;
+		let t9;
+		if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+			t9 = () => setIsHovered(true);
+			t10 = () => setIsHovered(false);
+			$[23] = t10;
+			$[24] = t9;
+		} else {
+			t10 = $[23];
+			t9 = $[24];
+		}
+		let t11;
+		if ($[25] !== children || $[26] !== fieldValue) {
+			t11 = children(fieldValue);
+			$[25] = children;
+			$[26] = fieldValue;
+			$[27] = t11;
+		} else t11 = $[27];
+		let t12;
+		if ($[28] !== colors || $[29] !== isFocused || $[30] !== showOverlay) {
+			t12 = showOverlay && /* @__PURE__ */ jsx("div", { style: {
 				position: "absolute",
 				inset: isFocused ? OVERLAY_OFFSETS.blockSelected : OVERLAY_OFFSETS.blockHover,
 				border: `${isFocused ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isFocused ? colors.selected : colors.hover}`,
 				pointerEvents: "none",
 				zIndex: 10
-			} })]
-		});
+			} });
+			$[28] = colors;
+			$[29] = isFocused;
+			$[30] = showOverlay;
+			$[31] = t12;
+		} else t12 = $[31];
+		let t13;
+		if ($[32] !== fieldId || $[33] !== handleClick || $[34] !== t11 || $[35] !== t12) {
+			t13 = /* @__PURE__ */ jsxs("div", {
+				style: t8,
+				"data-camox-field-id": fieldId,
+				onMouseEnter: t9,
+				onMouseLeave: t10,
+				onClick: handleClick,
+				children: [t11, t12]
+			});
+			$[32] = fieldId;
+			$[33] = handleClick;
+			$[34] = t11;
+			$[35] = t12;
+			$[36] = t13;
+		} else t13 = $[36];
+		return t13;
 	};
-	const File = ({ name, children }) => {
+	const File = (t0) => {
+		const $ = c(8);
+		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("File must be used within a Block Component");
 		const { content } = blockContext;
 		const repeaterContext = React.use(RepeaterItemContext);
 		const { filesMap } = useNormalizedData();
 		const rawSource = repeaterContext ? repeaterContext.itemContent[name] : content[name];
-		return /* @__PURE__ */ jsx(Fragment, { children: children((isFileMarker(rawSource) ? resolveFileMarker(rawSource, filesMap) : rawSource) ?? contentDefaults[String(name)]) });
+		let t1;
+		if ($[0] !== filesMap || $[1] !== rawSource) {
+			t1 = isFileMarker(rawSource) ? resolveFileMarker(rawSource, filesMap) : rawSource;
+			$[0] = filesMap;
+			$[1] = rawSource;
+			$[2] = t1;
+		} else t1 = $[2];
+		const fieldValue = t1 ?? contentDefaults[String(name)];
+		let t2;
+		if ($[3] !== children || $[4] !== fieldValue) {
+			t2 = children(fieldValue);
+			$[3] = children;
+			$[4] = fieldValue;
+			$[5] = t2;
+		} else t2 = $[5];
+		let t3;
+		if ($[6] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Fragment, { children: t2 });
+			$[6] = t2;
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
 	};
-	const RepeaterItemWrapper = ({ itemId, blockId, mode, children }) => {
+	const RepeaterItemWrapper = (t0) => {
+		const $ = c(11);
+		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
 		const colors = mode === "layout" ? LAYOUT_OVERLAY_COLORS : OVERLAY_COLORS;
 		const { window: iframeWindow } = useFrame();
 		const isRepeaterHovered = React.useContext(RepeaterHoverContext);
-		const isHovered = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_REPEATER_ITEM", "CAMOX_HOVER_REPEATER_ITEM_END", {
-			blockId,
-			itemId
-		});
+		let t1;
+		if ($[0] !== blockId || $[1] !== itemId) {
+			t1 = {
+				blockId,
+				itemId
+			};
+			$[0] = blockId;
+			$[1] = itemId;
+			$[2] = t1;
+		} else t1 = $[2];
+		const isHovered = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_REPEATER_ITEM", "CAMOX_HOVER_REPEATER_ITEM_END", t1);
 		const showOverlay = isContentEditable && (isHovered || isRepeaterHovered);
-		return /* @__PURE__ */ jsxs("div", {
-			style: { position: "relative" },
-			"data-camox-repeater-item-id": isContentEditable ? itemId : void 0,
-			children: [children, showOverlay && /* @__PURE__ */ jsx("div", { style: {
+		let t2;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = { position: "relative" };
+			$[3] = t2;
+		} else t2 = $[3];
+		const t3 = isContentEditable ? itemId : void 0;
+		let t4;
+		if ($[4] !== colors || $[5] !== showOverlay) {
+			t4 = showOverlay && /* @__PURE__ */ jsx("div", { style: {
 				position: "absolute",
 				inset: OVERLAY_OFFSETS.blockHover,
 				border: `${OVERLAY_WIDTHS.hover} solid ${colors.hover}`,
 				pointerEvents: "none",
 				zIndex: 10
-			} })]
-		});
+			} });
+			$[4] = colors;
+			$[5] = showOverlay;
+			$[6] = t4;
+		} else t4 = $[6];
+		let t5;
+		if ($[7] !== children || $[8] !== t3 || $[9] !== t4) {
+			t5 = /* @__PURE__ */ jsxs("div", {
+				style: t2,
+				"data-camox-repeater-item-id": t3,
+				children: [children, t4]
+			});
+			$[7] = children;
+			$[8] = t3;
+			$[9] = t4;
+			$[10] = t5;
+		} else t5 = $[10];
+		return t5;
 	};
-	const RepeaterHoverProvider = ({ blockId, fieldName, children }) => {
+	const RepeaterHoverProvider = (t0) => {
+		const $ = c(6);
+		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
 		const { window: iframeWindow } = useFrame();
-		const isHovered = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_REPEATER", "CAMOX_HOVER_REPEATER_END", {
-			blockId,
-			fieldName
-		});
-		return /* @__PURE__ */ jsx(RepeaterHoverContext.Provider, {
-			value: isHovered,
-			children
-		});
+		let t1;
+		if ($[0] !== blockId || $[1] !== fieldName) {
+			t1 = {
+				blockId,
+				fieldName
+			};
+			$[0] = blockId;
+			$[1] = fieldName;
+			$[2] = t1;
+		} else t1 = $[2];
+		const isHovered = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_REPEATER", "CAMOX_HOVER_REPEATER_END", t1);
+		let t2;
+		if ($[3] !== children || $[4] !== isHovered) {
+			t2 = /* @__PURE__ */ jsx(RepeaterHoverContext.Provider, {
+				value: isHovered,
+				children
+			});
+			$[3] = children;
+			$[4] = isHovered;
+			$[5] = t2;
+		} else t2 = $[5];
+		return t2;
 	};
-	const Repeater = ({ name, children }) => {
+	const Repeater = (t0) => {
+		const $ = c(10);
+		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Repeater must be used within a Block Component");
 		const { blockId, content, mode } = blockContext;
@@ -603,10 +1065,16 @@ function createBlock(options) {
 		const { itemsMap } = useNormalizedData();
 		let arrayValue = source ?? [];
 		if (!Array.isArray(arrayValue)) throw new Error(`Field "${String(name)}" is not an array`);
-		arrayValue = arrayValue.map((item) => {
-			if (isItemMarker(item)) return itemsMap.get(item._itemId) ?? null;
-			return item;
-		}).filter(Boolean);
+		let t1;
+		if ($[0] !== itemsMap) {
+			t1 = (item) => {
+				if (isItemMarker(item)) return itemsMap.get(item._itemId) ?? null;
+				return item;
+			};
+			$[0] = itemsMap;
+			$[1] = t1;
+		} else t1 = $[1];
+		arrayValue = arrayValue.map(t1).filter(Boolean);
 		if (arrayValue.length === 0) {
 			const fieldSchema = parentRepeaterContext ? typeboxSchema.properties[parentRepeaterContext.arrayFieldName]?.items?.properties?.[fieldName] : typeboxSchema.properties[fieldName];
 			const ait = fieldSchema?.arrayItemType;
@@ -614,177 +1082,357 @@ function createBlock(options) {
 				const defaultCount = fieldSchema.defaultItems ?? 0;
 				const itemProps = fieldSchema.items?.properties;
 				if (defaultCount > 0 && itemProps) {
-					const itemContent = {};
-					for (const [propName, propSchema] of Object.entries(itemProps)) if (propSchema && typeof propSchema === "object" && "default" in propSchema) itemContent[propName] = propSchema.default;
-					arrayValue = Array.from({ length: defaultCount }, () => ({ ...itemContent }));
+					let t2;
+					if ($[2] !== defaultCount || $[3] !== itemProps) {
+						const itemContent = {};
+						for (const [propName, propSchema] of Object.entries(itemProps)) if (propSchema && typeof propSchema === "object" && "default" in propSchema) itemContent[propName] = propSchema.default;
+						t2 = Array.from({ length: defaultCount }, () => ({ ...itemContent }));
+						$[2] = defaultCount;
+						$[3] = itemProps;
+						$[4] = t2;
+					} else t2 = $[4];
+					arrayValue = t2;
 				}
 			}
 		}
-		return /* @__PURE__ */ jsx(RepeaterHoverProvider, {
-			blockId,
-			fieldName,
-			children: arrayValue.map((item, index) => {
-				const isDbItem = item.content !== void 0 && item.id != null;
-				const itemContent = {
-					...repeatableItemDefaults[fieldName],
-					...isDbItem ? item.content : item
-				};
-				const itemId = isDbItem ? String(item.id) : void 0;
-				return /* @__PURE__ */ jsx(RepeaterItemContext.Provider, {
-					value: {
-						arrayFieldName: fieldName,
-						itemIndex: index,
-						itemContent,
-						itemId
-					},
-					children: /* @__PURE__ */ jsx(RepeaterItemWrapper, {
-						itemId,
-						blockId,
-						mode,
-						children: children(itemComponents, index)
-					})
-				}, itemId || index);
-			})
+		const T0 = RepeaterHoverProvider;
+		const t2 = arrayValue.map((item_0, index) => {
+			const isDbItem = item_0.content !== void 0 && item_0.id != null;
+			const itemContent_0 = {
+				...repeatableItemDefaults[fieldName],
+				...isDbItem ? item_0.content : item_0
+			};
+			const itemId = isDbItem ? String(item_0.id) : void 0;
+			return /* @__PURE__ */ jsx(RepeaterItemContext.Provider, {
+				value: {
+					arrayFieldName: fieldName,
+					itemIndex: index,
+					itemContent: itemContent_0,
+					itemId
+				},
+				children: /* @__PURE__ */ jsx(RepeaterItemWrapper, {
+					itemId,
+					blockId,
+					mode,
+					children: children(itemComponents, index)
+				})
+			}, itemId || index);
 		});
+		let t3;
+		if ($[5] !== T0 || $[6] !== blockId || $[7] !== fieldName || $[8] !== t2) {
+			t3 = /* @__PURE__ */ jsx(T0, {
+				blockId,
+				fieldName,
+				children: t2
+			});
+			$[5] = T0;
+			$[6] = blockId;
+			$[7] = fieldName;
+			$[8] = t2;
+			$[9] = t3;
+		} else t3 = $[9];
+		return t3;
 	};
-	const BlockComponent = ({ blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition }) => {
+	const BlockComponent = (t0) => {
+		const $ = c(67);
+		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
 		const [isHovered, setIsHovered] = React.useState(false);
-		const selection = useSelector(previewStore, (state) => state.context.selection);
-		const isPageContentSheetOpen = useSelector(previewStore, (state) => state.context.isPageContentSheetOpen);
-		const isAddBlockSheetOpen = useSelector(previewStore, (state) => state.context.isAddBlockSheetOpen);
+		const selection = useSelector(previewStore, _temp6);
+		const isPageContentSheetOpen = useSelector(previewStore, _temp7);
+		const isAddBlockSheetOpen = useSelector(previewStore, _temp8);
 		const isAnySideSheetOpen = useIsPreviewSheetOpen();
 		const isBlockSelected = selection?.blockId === blockData._id;
 		const ref = React.useRef(null);
 		const [isFirstRender, setIsFirstRender] = React.useState(true);
-		React.useEffect(() => {
-			if (isFirstRender) setIsFirstRender(false);
-		}, [isFirstRender]);
-		React.useEffect(() => {
-			if (isBlockSelected && ref.current) ref.current.scrollIntoView({
-				behavior: isFirstRender ? "instant" : "smooth",
-				block: isFirstRender ? "start" : "nearest"
-			});
-		}, [
-			isBlockSelected,
-			isFirstRender,
-			isPageContentSheetOpen
-		]);
-		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", { blockId: blockData._id });
-		React.useEffect(() => {
-			setIsHovered(isHoveredFromSidebar);
-		}, [isHoveredFromSidebar]);
-		const normalizedContent = React.useMemo(() => {
-			const result = { ...blockData.content };
+		let t1;
+		let t2;
+		if ($[0] !== isFirstRender) {
+			t1 = () => {
+				if (isFirstRender) setIsFirstRender(false);
+			};
+			t2 = [isFirstRender];
+			$[0] = isFirstRender;
+			$[1] = t1;
+			$[2] = t2;
+		} else {
+			t1 = $[1];
+			t2 = $[2];
+		}
+		React.useEffect(t1, t2);
+		let t3;
+		if ($[3] !== isBlockSelected || $[4] !== isFirstRender) {
+			t3 = () => {
+				if (isBlockSelected && ref.current) ref.current.scrollIntoView({
+					behavior: isFirstRender ? "instant" : "smooth",
+					block: isFirstRender ? "start" : "nearest"
+				});
+			};
+			$[3] = isBlockSelected;
+			$[4] = isFirstRender;
+			$[5] = t3;
+		} else t3 = $[5];
+		let t4;
+		if ($[6] !== isBlockSelected || $[7] !== isFirstRender || $[8] !== isPageContentSheetOpen) {
+			t4 = [
+				isBlockSelected,
+				isFirstRender,
+				isPageContentSheetOpen
+			];
+			$[6] = isBlockSelected;
+			$[7] = isFirstRender;
+			$[8] = isPageContentSheetOpen;
+			$[9] = t4;
+		} else t4 = $[9];
+		React.useEffect(t3, t4);
+		let t5;
+		if ($[10] !== blockData._id) {
+			t5 = { blockId: blockData._id };
+			$[10] = blockData._id;
+			$[11] = t5;
+		} else t5 = $[11];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", t5);
+		let t6;
+		let t7;
+		if ($[12] !== isHoveredFromSidebar) {
+			t6 = () => {
+				setIsHovered(isHoveredFromSidebar);
+			};
+			t7 = [isHoveredFromSidebar];
+			$[12] = isHoveredFromSidebar;
+			$[13] = t6;
+			$[14] = t7;
+		} else {
+			t6 = $[13];
+			t7 = $[14];
+		}
+		React.useEffect(t6, t7);
+		let result;
+		if ($[15] !== blockData.content) {
+			result = { ...blockData.content };
 			for (const key in result) {
 				const value = result[key];
-				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map((item) => item.content);
+				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map(_temp9);
 			}
-			return result;
-		}, [blockData.content]);
-		const handleClick = (e) => {
-			if (!isContentEditable) return;
-			if (e.target.closest("[data-camox-field-id]")) return;
-			previewStore.send({
-				type: "setFocusedBlock",
-				blockId: blockData._id
-			});
-		};
-		const handleMouseEnter = () => {
-			if (isContentEditable) setIsHovered(true);
-		};
-		const handleMouseLeave = () => {
-			if (isContentEditable) setIsHovered(false);
-		};
-		const handleAddBlockClick = (insertPosition) => {
-			postOverlayMessage({
-				type: "CAMOX_ADD_BLOCK_REQUEST",
-				blockPosition: blockData.position,
-				insertPosition,
-				...addBlockAfterPosition !== void 0 && { afterPosition: addBlockAfterPosition }
-			});
-		};
+			$[15] = blockData.content;
+			$[16] = result;
+		} else result = $[16];
+		const normalizedContent = result;
+		let t8;
+		if ($[17] !== blockData._id || $[18] !== isContentEditable) {
+			t8 = (e) => {
+				if (!isContentEditable) return;
+				if (e.target.closest("[data-camox-field-id]")) return;
+				previewStore.send({
+					type: "setFocusedBlock",
+					blockId: blockData._id
+				});
+			};
+			$[17] = blockData._id;
+			$[18] = isContentEditable;
+			$[19] = t8;
+		} else t8 = $[19];
+		const handleClick = t8;
+		let t9;
+		if ($[20] !== isContentEditable) {
+			t9 = () => {
+				if (isContentEditable) setIsHovered(true);
+			};
+			$[20] = isContentEditable;
+			$[21] = t9;
+		} else t9 = $[21];
+		const handleMouseEnter = t9;
+		let t10;
+		if ($[22] !== isContentEditable) {
+			t10 = () => {
+				if (isContentEditable) setIsHovered(false);
+			};
+			$[22] = isContentEditable;
+			$[23] = t10;
+		} else t10 = $[23];
+		const handleMouseLeave = t10;
+		let t11;
+		if ($[24] !== addBlockAfterPosition || $[25] !== blockData.position) {
+			t11 = (insertPosition) => {
+				postOverlayMessage({
+					type: "CAMOX_ADD_BLOCK_REQUEST",
+					blockPosition: blockData.position,
+					insertPosition,
+					...addBlockAfterPosition !== void 0 && { afterPosition: addBlockAfterPosition }
+				});
+			};
+			$[24] = addBlockAfterPosition;
+			$[25] = blockData.position;
+			$[26] = t11;
+		} else t11 = $[26];
+		const handleAddBlockClick = t11;
 		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSheetOpen;
 		const shouldShowSheetOverlay = isAddBlockSheetOpen && mode !== "peek" || isPageContentSheetOpen && !isBlockSelected;
-		return /* @__PURE__ */ jsxs("div", {
-			className: "group visual-editing-block",
-			ref,
-			style: {
+		let t12;
+		if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+			t12 = {
 				position: "relative",
 				scrollMargin: "5rem",
 				background: "var(--background)"
-			},
-			"data-camox-block-id": isContentEditable ? blockData._id : void 0,
-			onClick: handleClick,
-			onMouseEnter: handleMouseEnter,
-			onMouseLeave: handleMouseLeave,
-			children: [
-				/* @__PURE__ */ jsx(Context.Provider, {
-					value: {
-						blockId: blockData._id,
-						content: (() => {
-							const merged = {
-								...contentDefaults,
-								...blockData.content
-							};
-							const overrides = {};
-							for (const key in merged) {
-								const val = merged[key];
-								if (val && typeof val === "object" && "url" in val && !val.url && contentDefaults[key]) overrides[key] = contentDefaults[key];
-							}
-							return {
-								...merged,
-								...overrides
-							};
-						})(),
-						settings: {
-							...settingsDefaults,
-							...blockData.settings
-						},
-						mode,
-						isHovered,
-						setIsHovered
-					},
-					children: /* @__PURE__ */ jsx(options.component, { content: normalizedContent })
-				}),
-				/* @__PURE__ */ jsx("div", {
-					style: {
-						position: "absolute",
-						width: "100%",
-						height: "100%",
-						top: 0,
-						left: 0,
-						background: "#000",
-						opacity: shouldShowSheetOverlay ? .6 : 0,
-						transition: "opacity 0.3s ease-in-out",
-						pointerEvents: "none",
-						zIndex: 20
-					},
-					id: "hello"
-				}),
-				shouldShowOverlay && (() => {
-					const colors = mode === "layout" ? LAYOUT_OVERLAY_COLORS : OVERLAY_COLORS;
-					return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { style: {
-						position: "absolute",
-						inset: isBlockSelected ? OVERLAY_OFFSETS.blockSelected : OVERLAY_OFFSETS.blockHover,
-						border: `${isBlockSelected ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isBlockSelected ? colors.selected : colors.hover}`,
-						pointerEvents: "none",
-						zIndex: 10
-					} }), /* @__PURE__ */ jsxs(Fragment, { children: [(showAddBlockTop ?? (mode !== "layout" && !isFirstBlock)) && /* @__PURE__ */ jsx(AddBlockControlBar, {
-						position: "top",
-						hidden: isAnySideSheetOpen,
-						onMouseLeave: () => setIsHovered(false),
-						onClick: () => handleAddBlockClick("before")
-					}), (showAddBlockBottom ?? mode !== "layout") && /* @__PURE__ */ jsx(AddBlockControlBar, {
-						position: "bottom",
-						hidden: isAnySideSheetOpen,
-						onMouseLeave: () => setIsHovered(false),
-						onClick: () => handleAddBlockClick("after")
-					})] })] });
-				})()
-			]
-		});
+			};
+			$[27] = t12;
+		} else t12 = $[27];
+		const t13 = isContentEditable ? blockData._id : void 0;
+		const t14 = blockData._id;
+		let t15;
+		if ($[28] !== blockData.content) {
+			t15 = {
+				...contentDefaults,
+				...blockData.content
+			};
+			$[28] = blockData.content;
+			$[29] = t15;
+		} else t15 = $[29];
+		const merged = t15;
+		let overrides;
+		if ($[30] !== merged) {
+			overrides = {};
+			for (const key_0 in merged) {
+				const val = merged[key_0];
+				if (val && typeof val === "object" && "url" in val && !val.url && contentDefaults[key_0]) overrides[key_0] = contentDefaults[key_0];
+			}
+			$[30] = merged;
+			$[31] = overrides;
+		} else overrides = $[31];
+		let t16;
+		if ($[32] !== merged || $[33] !== overrides) {
+			t16 = {
+				...merged,
+				...overrides
+			};
+			$[32] = merged;
+			$[33] = overrides;
+			$[34] = t16;
+		} else t16 = $[34];
+		const t17 = t16;
+		let t18;
+		if ($[35] !== blockData.settings) {
+			t18 = {
+				...settingsDefaults,
+				...blockData.settings
+			};
+			$[35] = blockData.settings;
+			$[36] = t18;
+		} else t18 = $[36];
+		const t19 = t18;
+		let t20;
+		if ($[37] !== blockData._id || $[38] !== isHovered || $[39] !== mode || $[40] !== t17 || $[41] !== t19) {
+			t20 = {
+				blockId: t14,
+				content: t17,
+				settings: t19,
+				mode,
+				isHovered,
+				setIsHovered
+			};
+			$[37] = blockData._id;
+			$[38] = isHovered;
+			$[39] = mode;
+			$[40] = t17;
+			$[41] = t19;
+			$[42] = t20;
+		} else t20 = $[42];
+		let t21;
+		if ($[43] !== normalizedContent) {
+			t21 = /* @__PURE__ */ jsx(options.component, { content: normalizedContent });
+			$[43] = normalizedContent;
+			$[44] = t21;
+		} else t21 = $[44];
+		let t22;
+		if ($[45] !== t20 || $[46] !== t21) {
+			t22 = /* @__PURE__ */ jsx(Context.Provider, {
+				value: t20,
+				children: t21
+			});
+			$[45] = t20;
+			$[46] = t21;
+			$[47] = t22;
+		} else t22 = $[47];
+		const t23 = shouldShowSheetOverlay ? .6 : 0;
+		let t24;
+		if ($[48] !== t23) {
+			t24 = /* @__PURE__ */ jsx("div", {
+				style: {
+					position: "absolute",
+					width: "100%",
+					height: "100%",
+					top: 0,
+					left: 0,
+					background: "#000",
+					opacity: t23,
+					transition: "opacity 0.3s ease-in-out",
+					pointerEvents: "none",
+					zIndex: 20
+				},
+				id: "hello"
+			});
+			$[48] = t23;
+			$[49] = t24;
+		} else t24 = $[49];
+		let t25;
+		if ($[50] !== handleAddBlockClick || $[51] !== isAnySideSheetOpen || $[52] !== isBlockSelected || $[53] !== isFirstBlock || $[54] !== mode || $[55] !== shouldShowOverlay || $[56] !== showAddBlockBottom || $[57] !== showAddBlockTop) {
+			t25 = shouldShowOverlay && (() => {
+				const colors = mode === "layout" ? LAYOUT_OVERLAY_COLORS : OVERLAY_COLORS;
+				return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { style: {
+					position: "absolute",
+					inset: isBlockSelected ? OVERLAY_OFFSETS.blockSelected : OVERLAY_OFFSETS.blockHover,
+					border: `${isBlockSelected ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isBlockSelected ? colors.selected : colors.hover}`,
+					pointerEvents: "none",
+					zIndex: 10
+				} }), /* @__PURE__ */ jsxs(Fragment, { children: [(showAddBlockTop ?? (mode !== "layout" && !isFirstBlock)) && /* @__PURE__ */ jsx(AddBlockControlBar, {
+					position: "top",
+					hidden: isAnySideSheetOpen,
+					onMouseLeave: () => setIsHovered(false),
+					onClick: () => handleAddBlockClick("before")
+				}), (showAddBlockBottom ?? mode !== "layout") && /* @__PURE__ */ jsx(AddBlockControlBar, {
+					position: "bottom",
+					hidden: isAnySideSheetOpen,
+					onMouseLeave: () => setIsHovered(false),
+					onClick: () => handleAddBlockClick("after")
+				})] })] });
+			})();
+			$[50] = handleAddBlockClick;
+			$[51] = isAnySideSheetOpen;
+			$[52] = isBlockSelected;
+			$[53] = isFirstBlock;
+			$[54] = mode;
+			$[55] = shouldShowOverlay;
+			$[56] = showAddBlockBottom;
+			$[57] = showAddBlockTop;
+			$[58] = t25;
+		} else t25 = $[58];
+		let t26;
+		if ($[59] !== handleClick || $[60] !== handleMouseEnter || $[61] !== handleMouseLeave || $[62] !== t13 || $[63] !== t22 || $[64] !== t24 || $[65] !== t25) {
+			t26 = /* @__PURE__ */ jsxs("div", {
+				className: "group visual-editing-block",
+				ref,
+				style: t12,
+				"data-camox-block-id": t13,
+				onClick: handleClick,
+				onMouseEnter: handleMouseEnter,
+				onMouseLeave: handleMouseLeave,
+				children: [
+					t22,
+					t24,
+					t25
+				]
+			});
+			$[59] = handleClick;
+			$[60] = handleMouseEnter;
+			$[61] = handleMouseLeave;
+			$[62] = t13;
+			$[63] = t22;
+			$[64] = t24;
+			$[65] = t25;
+			$[66] = t26;
+		} else t26 = $[66];
+		return t26;
 	};
 	const useSetting = (name) => {
 		const ctx = React.use(Context);
@@ -795,61 +1443,129 @@ function createBlock(options) {
 	* Wraps block content that renders outside the block's visual bounds (fixed navbars, modals, portals, etc.).
 	* Provides the same hover, selection, and sheet overlays as the main BlockComponent.
 	*/
-	const Detached = ({ children }) => {
+	const Detached = (t0) => {
+		const $ = c(29);
+		const { children } = t0;
 		const ctx = React.use(Context);
 		if (!ctx) throw new Error("Detached must be used within a Block Component");
 		const { blockId, mode, isHovered, setIsHovered } = ctx;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
-		const selection = useSelector(previewStore, (state) => state.context.selection);
-		const isAddBlockSheetOpen = useSelector(previewStore, (state) => state.context.isAddBlockSheetOpen);
-		const isPageContentSheetOpen = useSelector(previewStore, (state) => state.context.isPageContentSheetOpen);
+		const selection = useSelector(previewStore, _temp0);
+		const isAddBlockSheetOpen = useSelector(previewStore, _temp1);
+		const isPageContentSheetOpen = useSelector(previewStore, _temp10);
 		const isBlockSelected = selection?.blockId === blockId;
-		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", { blockId });
-		React.useEffect(() => {
-			setIsHovered(isHoveredFromSidebar);
-		}, [isHoveredFromSidebar, setIsHovered]);
+		let t1;
+		if ($[0] !== blockId) {
+			t1 = { blockId };
+			$[0] = blockId;
+			$[1] = t1;
+		} else t1 = $[1];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", t1);
+		let t2;
+		let t3;
+		if ($[2] !== isHoveredFromSidebar || $[3] !== setIsHovered) {
+			t2 = () => {
+				setIsHovered(isHoveredFromSidebar);
+			};
+			t3 = [isHoveredFromSidebar, setIsHovered];
+			$[2] = isHoveredFromSidebar;
+			$[3] = setIsHovered;
+			$[4] = t2;
+			$[5] = t3;
+		} else {
+			t2 = $[4];
+			t3 = $[5];
+		}
+		React.useEffect(t2, t3);
 		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSheetOpen;
 		const shouldShowSheetOverlay = isAddBlockSheetOpen && mode !== "peek" || isPageContentSheetOpen && !isBlockSelected;
-		const handleClick = (e) => {
-			if (!isContentEditable) return;
-			e.stopPropagation();
-			previewStore.send({
-				type: "setFocusedBlock",
-				blockId
-			});
-		};
-		const handleMouseEnter = () => {
-			if (isContentEditable) setIsHovered(true);
-		};
-		const handleMouseLeave = () => {
-			if (isContentEditable) setIsHovered(false);
-		};
+		let t4;
+		if ($[6] !== blockId || $[7] !== isContentEditable) {
+			t4 = (e) => {
+				if (!isContentEditable) return;
+				e.stopPropagation();
+				previewStore.send({
+					type: "setFocusedBlock",
+					blockId
+				});
+			};
+			$[6] = blockId;
+			$[7] = isContentEditable;
+			$[8] = t4;
+		} else t4 = $[8];
+		const handleClick = t4;
+		let t5;
+		if ($[9] !== isContentEditable || $[10] !== setIsHovered) {
+			t5 = () => {
+				if (isContentEditable) setIsHovered(true);
+			};
+			$[9] = isContentEditable;
+			$[10] = setIsHovered;
+			$[11] = t5;
+		} else t5 = $[11];
+		const handleMouseEnter = t5;
+		let t6;
+		if ($[12] !== isContentEditable || $[13] !== setIsHovered) {
+			t6 = () => {
+				if (isContentEditable) setIsHovered(false);
+			};
+			$[12] = isContentEditable;
+			$[13] = setIsHovered;
+			$[14] = t6;
+		} else t6 = $[14];
+		const handleMouseLeave = t6;
 		const [container, setContainer] = React.useState(null);
-		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Slot, {
-			ref: setContainer,
-			onClick: handleClick,
-			onMouseEnter: handleMouseEnter,
-			onMouseLeave: handleMouseLeave,
-			children
-		}), container && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { style: {
-			position: "absolute",
-			inset: 0,
-			background: "#000",
-			opacity: shouldShowSheetOverlay ? .6 : 0,
-			transition: "opacity 0.3s ease-in-out",
-			pointerEvents: "none",
-			zIndex: 20
-		} }), shouldShowOverlay && (() => {
-			const colors = mode === "layout" ? LAYOUT_OVERLAY_COLORS : OVERLAY_COLORS;
-			return /* @__PURE__ */ jsx("div", { style: {
+		let t7;
+		if ($[15] !== children || $[16] !== handleClick || $[17] !== handleMouseEnter || $[18] !== handleMouseLeave) {
+			t7 = /* @__PURE__ */ jsx(Slot, {
+				ref: setContainer,
+				onClick: handleClick,
+				onMouseEnter: handleMouseEnter,
+				onMouseLeave: handleMouseLeave,
+				children
+			});
+			$[15] = children;
+			$[16] = handleClick;
+			$[17] = handleMouseEnter;
+			$[18] = handleMouseLeave;
+			$[19] = t7;
+		} else t7 = $[19];
+		let t8;
+		if ($[20] !== container || $[21] !== isBlockSelected || $[22] !== mode || $[23] !== shouldShowOverlay || $[24] !== shouldShowSheetOverlay) {
+			t8 = container && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { style: {
 				position: "absolute",
-				inset: isBlockSelected ? OVERLAY_OFFSETS.blockSelected : OVERLAY_OFFSETS.blockHover,
-				border: `${isBlockSelected ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isBlockSelected ? colors.selected : colors.hover}`,
+				inset: 0,
+				background: "#000",
+				opacity: shouldShowSheetOverlay ? .6 : 0,
+				transition: "opacity 0.3s ease-in-out",
 				pointerEvents: "none",
-				zIndex: 10
-			} });
-		})()] }), container)] });
+				zIndex: 20
+			} }), shouldShowOverlay && (() => {
+				const colors = mode === "layout" ? LAYOUT_OVERLAY_COLORS : OVERLAY_COLORS;
+				return /* @__PURE__ */ jsx("div", { style: {
+					position: "absolute",
+					inset: isBlockSelected ? OVERLAY_OFFSETS.blockSelected : OVERLAY_OFFSETS.blockHover,
+					border: `${isBlockSelected ? OVERLAY_WIDTHS.selected : OVERLAY_WIDTHS.hover} solid ${isBlockSelected ? colors.selected : colors.hover}`,
+					pointerEvents: "none",
+					zIndex: 10
+				} });
+			})()] }), container);
+			$[20] = container;
+			$[21] = isBlockSelected;
+			$[22] = mode;
+			$[23] = shouldShowOverlay;
+			$[24] = shouldShowSheetOverlay;
+			$[25] = t8;
+		} else t8 = $[25];
+		let t9;
+		if ($[26] !== t7 || $[27] !== t8) {
+			t9 = /* @__PURE__ */ jsxs(Fragment, { children: [t7, t8] });
+			$[26] = t7;
+			$[27] = t8;
+			$[28] = t9;
+		} else t9 = $[28];
+		return t9;
 	};
 	return {
 		Component: BlockComponent,
@@ -917,5 +1633,47 @@ function createBlock(options) {
 		layoutOnly: options.layoutOnly ?? false
 	};
 }
+function _temp() {
+	if (hasShownEmbedLockToast) return;
+	hasShownEmbedLockToast = true;
+	toast(/* @__PURE__ */ jsxs("span", { children: [
+		"Hold ",
+		/* @__PURE__ */ jsx(Kbd, { children: "L" }),
+		" to interact with the embed content"
+	] }));
+}
+function _temp2(e_1) {
+	return e_1.preventDefault();
+}
+function _temp3(e_2) {
+	if (e_2.key === "Escape") e_2.target.blur();
+}
+function _temp4(e_3) {
+	return e_3.preventDefault();
+}
+function _temp5(e_4) {
+	return e_4.preventDefault();
+}
+function _temp6(state) {
+	return state.context.selection;
+}
+function _temp7(state_0) {
+	return state_0.context.isPageContentSheetOpen;
+}
+function _temp8(state_1) {
+	return state_1.context.isAddBlockSheetOpen;
+}
+function _temp9(item) {
+	return item.content;
+}
+function _temp0(state) {
+	return state.context.selection;
+}
+function _temp1(state_0) {
+	return state_0.context.isAddBlockSheetOpen;
+}
+function _temp10(state_1) {
+	return state_1.context.isPageContentSheetOpen;
+}
 //#endregion
 export { Type, createBlock };