camox 0.9.1 → 0.10.1

package/dist/core/createBlock.js

@@ -20,6 +20,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { toast } from "@camox/ui/toaster";
 import { Type as Type$1 } from "@sinclair/typebox";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { useLocation } from "@tanstack/react-router";
 import { useSelector } from "@xstate/store/react";
 import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
@@ -35,9 +36,16 @@ const normalizeLinkValue = (value) => {
 	};
 	return value;
 };
-/** Resolve a LinkValue to an href string */
-const resolveLinkHref = (link, pages) => {
-	if (link.type === "page") return (pages?.find((p) => String(p.id) === link.pageId))?.fullPath ?? "#";
+/**
+* Resolve a LinkValue to an href string.
+*
+* Hash-only and empty hrefs are anchored to `currentPathname` so TanStack Router's
+* `<Link to>` builds the same `href` on SSR and client — bare `"#"` otherwise
+* resolves inconsistently across environments, causing hydration mismatches.
+*/
+const resolveLinkHref = (link, pages, currentPathname) => {
+	if (link.type === "page") return (pages?.find((p) => String(p.id) === link.pageId))?.fullPath ?? currentPathname;
+	if (!link.href || link.href.startsWith("#")) return `${currentPathname}${link.href ?? ""}`;
 	return link.href;
 };
 let hasShownEmbedLockToast = false;
@@ -170,7 +178,7 @@ function createBlock(options) {
 	* Repeater item fields: blockId__itemId__fieldName
 	*/
 	const getOverlayFieldId = (blockId, repeaterContext, fieldName) => {
-		if (repeaterContext?.itemId) return `${blockId}__${repeaterContext.itemId}__${fieldName}`;
+		if (repeaterContext?.itemId != null) return `${blockId}__${repeaterContext.itemId}__${fieldName}`;
 		return `${blockId}__${fieldName}`;
 	};
 	const Field = ({ name, children }) => {
@@ -196,12 +204,12 @@ function createBlock(options) {
 		const handleChange = React.useCallback((newValue) => {
 			if (repeaterContext) {
 				const { itemId } = repeaterContext;
-				if (itemId) updateRepeatableContent.mutate({
-					id: Number(itemId),
+				if (itemId != null) updateRepeatableContent.mutate({
+					id: itemId,
 					content: { [name]: newValue }
 				});
 			} else updateBlockContent.mutate({
-				id: Number(blockId),
+				id: blockId,
 				content: { [name]: newValue }
 			});
 		}, [
@@ -213,7 +221,7 @@ function createBlock(options) {
 		]);
 		const handleFocus = React.useCallback(() => {
 			setIsEditorFocused(true);
-			if (repeaterContext?.itemId) previewStore.send({
+			if (repeaterContext?.itemId != null) previewStore.send({
 				type: "selectItemField",
 				blockId,
 				itemId: repeaterContext.itemId,
@@ -354,12 +362,12 @@ function createBlock(options) {
 				setUrlValue(newValue);
 				if (timerRef.current) clearTimeout(timerRef.current);
 				timerRef.current = window.setTimeout(() => {
-					if (repeaterContext?.itemId) updateRepeatableContent.mutate({
-						id: Number(repeaterContext.itemId),
+					if (repeaterContext?.itemId != null) updateRepeatableContent.mutate({
+						id: repeaterContext.itemId,
 						content: { [name]: newValue }
 					});
 					else updateBlockContent.mutate({
-						id: Number(blockId),
+						id: blockId,
 						content: { [name]: newValue }
 					});
 				}, 500);
@@ -376,7 +384,7 @@ function createBlock(options) {
 		if ($[23] !== blockId || $[24] !== name || $[25] !== repeaterContext) {
 			t13 = (open, _eventDetails) => {
 				setIsOpen(open);
-				if (open) if (repeaterContext?.itemId) previewStore.send({
+				if (open) if (repeaterContext?.itemId != null) previewStore.send({
 					type: "selectItemField",
 					blockId,
 					itemId: repeaterContext.itemId,
@@ -506,7 +514,7 @@ function createBlock(options) {
 		return t28;
 	};
 	const Link = (t0) => {
-		const $ = c(36);
+		const $ = c(37);
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
 		if (!blockContext) throw new Error("Link must be used within a Block Component");
@@ -554,7 +562,12 @@ function createBlock(options) {
 			$[8] = t6;
 		} else t6 = $[8];
 		const { data: pages } = useQuery(t6);
-		const resolvedHref = resolveLinkHref(fieldValue, pages);
+		let t7;
+		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+			t7 = { select: _temp2 };
+			$[9] = t7;
+		} else t7 = $[9];
+		const resolvedHref = resolveLinkHref(fieldValue, pages, useLocation(t7));
 		const fieldId = getOverlayFieldId(blockId, repeaterContext, String(name));
 		const [isEditing, setIsEditing] = React.useState(false);
 		const [displayText, setDisplayText] = React.useState(fieldValue.text);
@@ -566,41 +579,41 @@ function createBlock(options) {
 			if (!isEditing) setDisplayText(fieldValue.text);
 		}, [fieldValue.text, isEditing]);
 		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_FIELD", "CAMOX_HOVER_FIELD_END", { fieldId });
-		let t7;
 		let t8;
-		if ($[9] !== isHoveredFromSidebar) {
-			t7 = () => {
+		let t9;
+		if ($[10] !== isHoveredFromSidebar) {
+			t8 = () => {
 				setIsHovered(isHoveredFromSidebar);
 			};
-			t8 = [isHoveredFromSidebar];
-			$[9] = isHoveredFromSidebar;
-			$[10] = t7;
+			t9 = [isHoveredFromSidebar];
+			$[10] = isHoveredFromSidebar;
 			$[11] = t8;
+			$[12] = t9;
 		} else {
-			t7 = $[10];
 			t8 = $[11];
+			t9 = $[12];
 		}
-		React.useEffect(t7, t8);
-		let t9;
-		if ($[12] !== blockId || $[13] !== name || $[14] !== repeaterContext || $[15] !== updateBlockContent || $[16] !== updateRepeatableContent) {
-			t9 = (newLinkValue) => {
-				if (repeaterContext?.itemId) updateRepeatableContent.mutate({
-					id: Number(repeaterContext.itemId),
+		React.useEffect(t8, t9);
+		let t10;
+		if ($[13] !== blockId || $[14] !== name || $[15] !== repeaterContext || $[16] !== updateBlockContent || $[17] !== updateRepeatableContent) {
+			t10 = (newLinkValue) => {
+				if (repeaterContext?.itemId != null) updateRepeatableContent.mutate({
+					id: repeaterContext.itemId,
 					content: { [name]: newLinkValue }
 				});
 				else updateBlockContent.mutate({
-					id: Number(blockId),
+					id: blockId,
 					content: { [name]: newLinkValue }
 				});
 			};
-			$[12] = blockId;
-			$[13] = name;
-			$[14] = repeaterContext;
-			$[15] = updateBlockContent;
-			$[16] = updateRepeatableContent;
-			$[17] = t9;
-		} else t9 = $[17];
-		const saveLinkValue = t9;
+			$[13] = blockId;
+			$[14] = name;
+			$[15] = repeaterContext;
+			$[16] = updateBlockContent;
+			$[17] = updateRepeatableContent;
+			$[18] = t10;
+		} else t10 = $[18];
+		const saveLinkValue = t10;
 		const handleInput = (e) => {
 			const newText = e.target.textContent || "";
 			saveLinkValue({
@@ -608,12 +621,12 @@ function createBlock(options) {
 				text: newText
 			});
 		};
-		let t10;
-		if ($[18] !== blockId || $[19] !== name || $[20] !== repeaterContext) {
-			t10 = () => {
+		let t11;
+		if ($[19] !== blockId || $[20] !== name || $[21] !== repeaterContext) {
+			t11 = () => {
 				setIsEditing(true);
 				setIsEditorFocused(true);
-				if (repeaterContext?.itemId) previewStore.send({
+				if (repeaterContext?.itemId != null) previewStore.send({
 					type: "selectItemField",
 					blockId,
 					itemId: repeaterContext.itemId,
@@ -627,32 +640,32 @@ function createBlock(options) {
 					fieldType: "Link"
 				});
 			};
-			$[18] = blockId;
-			$[19] = name;
-			$[20] = repeaterContext;
-			$[21] = t10;
-		} else t10 = $[21];
-		const handleFocus = t10;
-		let t11;
-		if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-			t11 = () => {
-				setIsEditing(false);
-				setIsEditorFocused(false);
-			};
+			$[19] = blockId;
+			$[20] = name;
+			$[21] = repeaterContext;
 			$[22] = t11;
 		} else t11 = $[22];
-		const handleBlur = t11;
+		const handleFocus = t11;
 		let t12;
 		if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-			t12 = (e_0) => {
+			t12 = () => {
+				setIsEditing(false);
+				setIsEditorFocused(false);
+			};
+			$[23] = t12;
+		} else t12 = $[23];
+		const handleBlur = t12;
+		let t13;
+		if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+			t13 = (e_0) => {
 				e_0.stopPropagation();
 				previewStore.send({ type: "toggleContentSheet" });
 				setIsEditorFocused(false);
 				setIsEditing(false);
 			};
-			$[23] = t12;
-		} else t12 = $[23];
-		const handleEditLink = t12;
+			$[24] = t13;
+		} else t13 = $[24];
+		const handleEditLink = t13;
 		const linkData = {
 			text: displayText,
 			href: resolvedHref,
@@ -664,16 +677,16 @@ function createBlock(options) {
 			rel: fieldValue.newTab ? "noreferrer" : void 0,
 			children: fieldValue.text
 		}, linkData) });
-		let t13;
 		let t14;
-		if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-			t13 = () => setIsHovered(true);
-			t14 = () => setIsHovered(false);
-			$[24] = t13;
+		let t15;
+		if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+			t14 = () => setIsHovered(true);
+			t15 = () => setIsHovered(false);
 			$[25] = t14;
+			$[26] = t15;
 		} else {
-			t13 = $[24];
 			t14 = $[25];
+			t15 = $[26];
 		}
 		const linkProps = {
 			ref: elementRef,
@@ -686,56 +699,56 @@ function createBlock(options) {
 			"data-camox-focused": isFocused || void 0,
 			"data-camox-overlay-mode": mode === "layout" ? "layout" : void 0,
 			contentEditable: true,
-			onClick: _temp2,
+			onClick: _temp3,
 			onInput: handleInput,
 			onFocus: handleFocus,
 			onBlur: handleBlur,
-			onMouseEnter: t13,
-			onMouseLeave: t14,
-			onKeyDown: _temp3,
+			onMouseEnter: t14,
+			onMouseLeave: t15,
+			onKeyDown: _temp4,
 			spellCheck: false,
 			suppressContentEditableWarning: true
 		};
 		const T0 = Popover;
-		const t15 = children(linkProps, linkData);
-		let t16;
-		if ($[26] !== handleEditLink) {
-			t16 = /* @__PURE__ */ jsx("button", {
+		const t16 = children(linkProps, linkData);
+		let t17;
+		if ($[27] !== handleEditLink) {
+			t17 = /* @__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: _temp4,
+				onMouseDown: _temp5,
 				onClick: handleEditLink,
 				children: "Edit link"
 			});
-			$[26] = handleEditLink;
-			$[27] = t16;
-		} else t16 = $[27];
-		let t17;
-		if ($[28] !== elementRef || $[29] !== t16) {
-			t17 = /* @__PURE__ */ jsx(PopoverContent, {
+			$[27] = handleEditLink;
+			$[28] = t17;
+		} else t17 = $[28];
+		let t18;
+		if ($[29] !== elementRef || $[30] !== t17) {
+			t18 = /* @__PURE__ */ jsx(PopoverContent, {
 				className: "w-auto p-2",
 				initialFocus: false,
 				anchor: elementRef,
 				align: "end",
-				children: t16
+				children: t17
 			});
-			$[28] = elementRef;
-			$[29] = t16;
+			$[29] = elementRef;
 			$[30] = t17;
-		} else t17 = $[30];
-		let t18;
-		if ($[31] !== T0 || $[32] !== isEditorFocused || $[33] !== t15 || $[34] !== t17) {
-			t18 = /* @__PURE__ */ jsxs(T0, {
+			$[31] = t18;
+		} else t18 = $[31];
+		let t19;
+		if ($[32] !== T0 || $[33] !== isEditorFocused || $[34] !== t16 || $[35] !== t18) {
+			t19 = /* @__PURE__ */ jsxs(T0, {
 				open: isEditorFocused,
-				children: [t15, t17]
+				children: [t16, t18]
 			});
-			$[31] = T0;
-			$[32] = isEditorFocused;
-			$[33] = t15;
-			$[34] = t17;
+			$[32] = T0;
+			$[33] = isEditorFocused;
+			$[34] = t16;
 			$[35] = t18;
-		} else t18 = $[35];
-		return t18;
+			$[36] = t19;
+		} else t19 = $[36];
+		return t19;
 	};
 	const Image = (t0) => {
 		const $ = c(25);
@@ -787,8 +800,8 @@ function createBlock(options) {
 		if ($[9] !== blockId || $[10] !== isContentEditable || $[11] !== name || $[12] !== repeaterContext) {
 			t6 = () => {
 				if (!isContentEditable) return;
-				const imageFieldName = repeaterContext && !repeaterContext.itemId ? repeaterContext.arrayFieldName : String(name);
-				if (repeaterContext?.itemId) previewStore.send({
+				const imageFieldName = repeaterContext && repeaterContext.itemId == null ? repeaterContext.arrayFieldName : String(name);
+				if (repeaterContext?.itemId != null) previewStore.send({
 					type: "selectItemField",
 					blockId,
 					itemId: repeaterContext.itemId,
@@ -892,64 +905,67 @@ function createBlock(options) {
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
 		const isRepeaterHovered = React.useContext(RepeaterHoverContext);
-		let t1;
-		if ($[0] !== blockId || $[1] !== itemId) {
-			t1 = {
-				blockId,
-				itemId
+		const t1 = String(blockId);
+		const t2 = String(itemId);
+		let t3;
+		if ($[0] !== t1 || $[1] !== t2) {
+			t3 = {
+				blockId: t1,
+				itemId: t2
 			};
-			$[0] = blockId;
-			$[1] = itemId;
-			$[2] = t1;
-		} else t1 = $[2];
-		const isHovered = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_REPEATER_ITEM", "CAMOX_HOVER_REPEATER_ITEM_END", t1);
+			$[0] = t1;
+			$[1] = t2;
+			$[2] = t3;
+		} else t3 = $[2];
+		const isHovered = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_REPEATER_ITEM", "CAMOX_HOVER_REPEATER_ITEM_END", t3);
 		const showOverlay = isContentEditable && (isHovered || isRepeaterHovered);
-		const t2 = isContentEditable ? itemId : void 0;
-		const t3 = showOverlay || void 0;
-		const t4 = mode === "layout" ? "layout" : void 0;
-		let t5;
-		if ($[3] !== children || $[4] !== t2 || $[5] !== t3 || $[6] !== t4) {
-			t5 = /* @__PURE__ */ jsx("div", {
-				"data-camox-repeater-item-id": t2,
-				"data-camox-hovered": t3,
-				"data-camox-overlay-mode": t4,
+		const t4 = isContentEditable ? itemId : void 0;
+		const t5 = showOverlay || void 0;
+		const t6 = mode === "layout" ? "layout" : void 0;
+		let t7;
+		if ($[3] !== children || $[4] !== t4 || $[5] !== t5 || $[6] !== t6) {
+			t7 = /* @__PURE__ */ jsx("div", {
+				"data-camox-repeater-item-id": t4,
+				"data-camox-hovered": t5,
+				"data-camox-overlay-mode": t6,
 				children
 			});
 			$[3] = children;
-			$[4] = t2;
-			$[5] = t3;
-			$[6] = t4;
-			$[7] = t5;
-		} else t5 = $[7];
-		return t5;
+			$[4] = t4;
+			$[5] = t5;
+			$[6] = t6;
+			$[7] = t7;
+		} else t7 = $[7];
+		return t7;
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(6);
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
 		const { window: iframeWindow } = useFrame();
-		let t1;
-		if ($[0] !== blockId || $[1] !== fieldName) {
-			t1 = {
-				blockId,
+		const t1 = String(blockId);
+		let t2;
+		if ($[0] !== fieldName || $[1] !== t1) {
+			t2 = {
+				blockId: t1,
 				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;
+			$[0] = fieldName;
+			$[1] = t1;
+			$[2] = t2;
+		} else t2 = $[2];
+		const isHovered = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_REPEATER", "CAMOX_HOVER_REPEATER_END", t2);
+		let t3;
 		if ($[3] !== children || $[4] !== isHovered) {
-			t2 = /* @__PURE__ */ jsx(RepeaterHoverContext.Provider, {
+			t3 = /* @__PURE__ */ jsx(RepeaterHoverContext.Provider, {
 				value: isHovered,
 				children
 			});
 			$[3] = children;
 			$[4] = isHovered;
-			$[5] = t2;
-		} else t2 = $[5];
-		return t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		return t3;
 	};
 	const Repeater = (t0) => {
 		const $ = c(10);
@@ -1008,7 +1024,7 @@ function createBlock(options) {
 				...repeatableItemDefaults[fieldName],
 				...isDbItem ? item_0.content : item_0
 			};
-			const itemId = isDbItem ? String(item_0.id) : void 0;
+			const itemId = isDbItem ? item_0.id : void 0;
 			return /* @__PURE__ */ jsx(RepeaterItemContext.Provider, {
 				value: {
 					arrayFieldName: fieldName,
@@ -1022,7 +1038,7 @@ function createBlock(options) {
 					mode,
 					children: children(itemComponents, index)
 				})
-			}, itemId || index);
+			}, itemId ?? index);
 		});
 		let t3;
 		if ($[5] !== T0 || $[6] !== blockId || $[7] !== fieldName || $[8] !== t2) {
@@ -1045,9 +1061,9 @@ function createBlock(options) {
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
 		const [isHovered, setIsHovered] = React.useState(false);
-		const selection = useSelector(previewStore, _temp5);
-		const isPageContentSheetOpen = useSelector(previewStore, _temp6);
-		const isAddBlockSheetOpen = useSelector(previewStore, _temp7);
+		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);
@@ -1092,42 +1108,43 @@ function createBlock(options) {
 			$[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);
+		const t5 = String(blockData._id);
 		let t6;
+		if ($[10] !== t5) {
+			t6 = { blockId: t5 };
+			$[10] = t5;
+			$[11] = t6;
+		} else t6 = $[11];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", t6);
 		let t7;
+		let t8;
 		if ($[12] !== isHoveredFromSidebar) {
-			t6 = () => {
+			t7 = () => {
 				setIsHovered(isHoveredFromSidebar);
 			};
-			t7 = [isHoveredFromSidebar];
+			t8 = [isHoveredFromSidebar];
 			$[12] = isHoveredFromSidebar;
-			$[13] = t6;
-			$[14] = t7;
+			$[13] = t7;
+			$[14] = t8;
 		} else {
-			t6 = $[13];
-			t7 = $[14];
+			t7 = $[13];
+			t8 = $[14];
 		}
-		React.useEffect(t6, t7);
+		React.useEffect(t7, t8);
 		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(_temp8);
+				if (Array.isArray(value) && value.length > 0 && value[0]?.content !== void 0) result[key] = value.map(_temp9);
 			}
 			$[15] = blockData.content;
 			$[16] = result;
 		} else result = $[16];
 		const normalizedContent = result;
-		let t8;
+		let t9;
 		if ($[17] !== blockData._id || $[18] !== isContentEditable) {
-			t8 = (e) => {
+			t9 = (e) => {
 				if (!isContentEditable) return;
 				if (e.target.closest("[data-camox-field-id]")) return;
 				previewStore.send({
@@ -1137,30 +1154,30 @@ function createBlock(options) {
 			};
 			$[17] = blockData._id;
 			$[18] = isContentEditable;
-			$[19] = t8;
-		} else t8 = $[19];
-		const handleClick = t8;
-		let t9;
+			$[19] = t9;
+		} else t9 = $[19];
+		const handleClick = t9;
+		let t10;
 		if ($[20] !== isContentEditable) {
-			t9 = () => {
+			t10 = () => {
 				if (isContentEditable) setIsHovered(true);
 			};
 			$[20] = isContentEditable;
-			$[21] = t9;
-		} else t9 = $[21];
-		const handleMouseEnter = t9;
-		let t10;
+			$[21] = t10;
+		} else t10 = $[21];
+		const handleMouseEnter = t10;
+		let t11;
 		if ($[22] !== isContentEditable) {
-			t10 = () => {
+			t11 = () => {
 				if (isContentEditable) setIsHovered(false);
 			};
 			$[22] = isContentEditable;
-			$[23] = t10;
-		} else t10 = $[23];
-		const handleMouseLeave = t10;
-		let t11;
+			$[23] = t11;
+		} else t11 = $[23];
+		const handleMouseLeave = t11;
+		let t12;
 		if ($[24] !== addBlockAfterPosition || $[25] !== blockData.position) {
-			t11 = (insertPosition) => {
+			t12 = (insertPosition) => {
 				postOverlayMessage({
 					type: "CAMOX_ADD_BLOCK_REQUEST",
 					blockPosition: blockData.position,
@@ -1170,35 +1187,35 @@ function createBlock(options) {
 			};
 			$[24] = addBlockAfterPosition;
 			$[25] = blockData.position;
-			$[26] = t11;
-		} else t11 = $[26];
-		const handleAddBlockClick = t11;
+			$[26] = t12;
+		} else t12 = $[26];
+		const handleAddBlockClick = t12;
 		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSheetOpen;
 		const shouldShowSheetOverlay = isAddBlockSheetOpen && mode !== "peek" || isPageContentSheetOpen && !isBlockSelected;
-		let t12;
+		let t13;
 		if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-			t12 = {
+			t13 = {
 				position: "relative",
 				scrollMargin: "5rem",
 				background: "var(--background)"
 			};
-			$[27] = t12;
-		} else t12 = $[27];
-		const t13 = isContentEditable ? blockData._id : void 0;
-		const t14 = shouldShowOverlay && !isBlockSelected || void 0;
-		const t15 = shouldShowOverlay && isBlockSelected || void 0;
-		const t16 = mode === "layout" ? "layout" : void 0;
-		const t17 = blockData._id;
-		let t18;
+			$[27] = t13;
+		} else t13 = $[27];
+		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;
 		if ($[28] !== blockData.content) {
-			t18 = {
+			t19 = {
 				...contentDefaults,
 				...blockData.content
 			};
 			$[28] = blockData.content;
-			$[29] = t18;
-		} else t18 = $[29];
-		const merged = t18;
+			$[29] = t19;
+		} else t19 = $[29];
+		const merged = t19;
 		let overrides;
 		if ($[30] !== merged) {
 			overrides = {};
@@ -1209,33 +1226,33 @@ function createBlock(options) {
 			$[30] = merged;
 			$[31] = overrides;
 		} else overrides = $[31];
-		let t19;
+		let t20;
 		if ($[32] !== merged || $[33] !== overrides) {
-			t19 = {
+			t20 = {
 				...merged,
 				...overrides
 			};
 			$[32] = merged;
 			$[33] = overrides;
-			$[34] = t19;
-		} else t19 = $[34];
-		const t20 = t19;
-		let t21;
+			$[34] = t20;
+		} else t20 = $[34];
+		const t21 = t20;
+		let t22;
 		if ($[35] !== blockData.settings) {
-			t21 = {
+			t22 = {
 				...settingsDefaults,
 				...blockData.settings
 			};
 			$[35] = blockData.settings;
-			$[36] = t21;
-		} else t21 = $[36];
-		const t22 = t21;
-		let t23;
-		if ($[37] !== blockData._id || $[38] !== isHovered || $[39] !== mode || $[40] !== t20 || $[41] !== t22) {
-			t23 = {
-				blockId: t17,
-				content: t20,
-				settings: t22,
+			$[36] = t22;
+		} else t22 = $[36];
+		const t23 = t22;
+		let t24;
+		if ($[37] !== blockData._id || $[38] !== isHovered || $[39] !== mode || $[40] !== t21 || $[41] !== t23) {
+			t24 = {
+				blockId: t18,
+				content: t21,
+				settings: t23,
 				mode,
 				isHovered,
 				setIsHovered
@@ -1243,38 +1260,38 @@ function createBlock(options) {
 			$[37] = blockData._id;
 			$[38] = isHovered;
 			$[39] = mode;
-			$[40] = t20;
-			$[41] = t22;
-			$[42] = t23;
-		} else t23 = $[42];
-		let t24;
+			$[40] = t21;
+			$[41] = t23;
+			$[42] = t24;
+		} else t24 = $[42];
+		let t25;
 		if ($[43] !== normalizedContent) {
-			t24 = /* @__PURE__ */ jsx(options.component, { content: normalizedContent });
+			t25 = /* @__PURE__ */ jsx(options.component, { content: normalizedContent });
 			$[43] = normalizedContent;
-			$[44] = t24;
-		} else t24 = $[44];
-		let t25;
-		if ($[45] !== t23 || $[46] !== t24) {
-			t25 = /* @__PURE__ */ jsx(Context.Provider, {
-				value: t23,
-				children: t24
-			});
-			$[45] = t23;
-			$[46] = t24;
-			$[47] = t25;
-		} else t25 = $[47];
+			$[44] = t25;
+		} else t25 = $[44];
 		let t26;
+		if ($[45] !== t24 || $[46] !== t25) {
+			t26 = /* @__PURE__ */ jsx(Context.Provider, {
+				value: t24,
+				children: t25
+			});
+			$[45] = t24;
+			$[46] = t25;
+			$[47] = t26;
+		} else t26 = $[47];
+		let t27;
 		if ($[48] !== shouldShowSheetOverlay) {
-			t26 = /* @__PURE__ */ jsx("div", {
+			t27 = /* @__PURE__ */ jsx("div", {
 				className: "camox-sheet-overlay",
 				...shouldShowSheetOverlay ? { "data-camox-visible": "" } : {}
 			});
 			$[48] = shouldShowSheetOverlay;
-			$[49] = t26;
-		} else t26 = $[49];
-		let t27;
+			$[49] = t27;
+		} else t27 = $[49];
+		let t28;
 		if ($[50] !== handleAddBlockClick || $[51] !== isAnySideSheetOpen || $[52] !== isFirstBlock || $[53] !== mode || $[54] !== shouldShowOverlay || $[55] !== showAddBlockBottom || $[56] !== showAddBlockTop) {
-			t27 = 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: isAnySideSheetOpen,
 				onMouseLeave: () => setIsHovered(false),
@@ -1292,40 +1309,40 @@ function createBlock(options) {
 			$[54] = shouldShowOverlay;
 			$[55] = showAddBlockBottom;
 			$[56] = showAddBlockTop;
-			$[57] = t27;
-		} else t27 = $[57];
-		let t28;
-		if ($[58] !== handleClick || $[59] !== handleMouseEnter || $[60] !== handleMouseLeave || $[61] !== t13 || $[62] !== t14 || $[63] !== t15 || $[64] !== t16 || $[65] !== t25 || $[66] !== t26 || $[67] !== t27) {
-			t28 = /* @__PURE__ */ jsxs("div", {
+			$[57] = t28;
+		} else t28 = $[57];
+		let t29;
+		if ($[58] !== handleClick || $[59] !== handleMouseEnter || $[60] !== handleMouseLeave || $[61] !== t14 || $[62] !== t15 || $[63] !== t16 || $[64] !== t17 || $[65] !== t26 || $[66] !== t27 || $[67] !== t28) {
+			t29 = /* @__PURE__ */ jsxs("div", {
 				className: "group visual-editing-block",
 				ref,
-				style: t12,
-				"data-camox-block-id": t13,
-				"data-camox-hovered": t14,
-				"data-camox-focused": t15,
-				"data-camox-overlay-mode": t16,
+				style: t13,
+				"data-camox-block-id": t14,
+				"data-camox-hovered": t15,
+				"data-camox-focused": t16,
+				"data-camox-overlay-mode": t17,
 				onClick: handleClick,
 				onMouseEnter: handleMouseEnter,
 				onMouseLeave: handleMouseLeave,
 				children: [
-					t25,
 					t26,
-					t27
+					t27,
+					t28
 				]
 			});
 			$[58] = handleClick;
 			$[59] = handleMouseEnter;
 			$[60] = handleMouseLeave;
-			$[61] = t13;
-			$[62] = t14;
-			$[63] = t15;
-			$[64] = t16;
-			$[65] = t25;
-			$[66] = t26;
-			$[67] = t27;
-			$[68] = t28;
-		} else t28 = $[68];
-		return t28;
+			$[61] = t14;
+			$[62] = t15;
+			$[63] = t16;
+			$[64] = t17;
+			$[65] = t26;
+			$[66] = t27;
+			$[67] = t28;
+			$[68] = t29;
+		} else t29 = $[68];
+		return t29;
 	};
 	const useSetting = (name) => {
 		const ctx = React.use(Context);
@@ -1344,38 +1361,39 @@ function createBlock(options) {
 		const { blockId, mode, isHovered, setIsHovered } = ctx;
 		const isContentEditable = useIsEditable(mode);
 		const { window: iframeWindow } = useFrame();
-		const selection = useSelector(previewStore, _temp9);
-		const isAddBlockSheetOpen = useSelector(previewStore, _temp0);
-		const isPageContentSheetOpen = useSelector(previewStore, _temp1);
+		const selection = useSelector(previewStore, _temp0);
+		const isAddBlockSheetOpen = useSelector(previewStore, _temp1);
+		const isPageContentSheetOpen = useSelector(previewStore, _temp10);
 		const isBlockSelected = selection?.blockId === blockId;
-		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);
+		const t1 = String(blockId);
 		let t2;
+		if ($[0] !== t1) {
+			t2 = { blockId: t1 };
+			$[0] = t1;
+			$[1] = t2;
+		} else t2 = $[1];
+		const isHoveredFromSidebar = useOverlayMessage(iframeWindow, isContentEditable, "CAMOX_HOVER_BLOCK", "CAMOX_HOVER_BLOCK_END", t2);
 		let t3;
+		let t4;
 		if ($[2] !== isHoveredFromSidebar || $[3] !== setIsHovered) {
-			t2 = () => {
+			t3 = () => {
 				setIsHovered(isHoveredFromSidebar);
 			};
-			t3 = [isHoveredFromSidebar, setIsHovered];
+			t4 = [isHoveredFromSidebar, setIsHovered];
 			$[2] = isHoveredFromSidebar;
 			$[3] = setIsHovered;
-			$[4] = t2;
-			$[5] = t3;
+			$[4] = t3;
+			$[5] = t4;
 		} else {
-			t2 = $[4];
-			t3 = $[5];
+			t3 = $[4];
+			t4 = $[5];
 		}
-		React.useEffect(t2, t3);
+		React.useEffect(t3, t4);
 		const shouldShowOverlay = isContentEditable && (isHovered || isBlockSelected) && !isAddBlockSheetOpen;
 		const shouldShowSheetOverlay = isAddBlockSheetOpen && mode !== "peek" || isPageContentSheetOpen && !isBlockSelected;
-		let t4;
+		let t5;
 		if ($[6] !== blockId || $[7] !== isContentEditable) {
-			t4 = (e) => {
+			t5 = (e) => {
 				if (!isContentEditable) return;
 				e.stopPropagation();
 				previewStore.send({
@@ -1385,36 +1403,36 @@ function createBlock(options) {
 			};
 			$[6] = blockId;
 			$[7] = isContentEditable;
-			$[8] = t4;
-		} else t4 = $[8];
-		const handleClick = t4;
-		let t5;
+			$[8] = t5;
+		} else t5 = $[8];
+		const handleClick = t5;
+		let t6;
 		if ($[9] !== isContentEditable || $[10] !== setIsHovered) {
-			t5 = () => {
+			t6 = () => {
 				if (isContentEditable) setIsHovered(true);
 			};
 			$[9] = isContentEditable;
 			$[10] = setIsHovered;
-			$[11] = t5;
-		} else t5 = $[11];
-		const handleMouseEnter = t5;
-		let t6;
+			$[11] = t6;
+		} else t6 = $[11];
+		const handleMouseEnter = t6;
+		let t7;
 		if ($[12] !== isContentEditable || $[13] !== setIsHovered) {
-			t6 = () => {
+			t7 = () => {
 				if (isContentEditable) setIsHovered(false);
 			};
 			$[12] = isContentEditable;
 			$[13] = setIsHovered;
-			$[14] = t6;
-		} else t6 = $[14];
-		const handleMouseLeave = t6;
+			$[14] = t7;
+		} else t7 = $[14];
+		const handleMouseLeave = t7;
 		const [container, setContainer] = React.useState(null);
-		const t7 = shouldShowSheetOverlay ? 0 : 1;
-		let t8;
-		if ($[15] !== children || $[16] !== handleClick || $[17] !== handleMouseEnter || $[18] !== handleMouseLeave || $[19] !== t7) {
-			t8 = children({
+		const t8 = shouldShowSheetOverlay ? 0 : 1;
+		let t9;
+		if ($[15] !== children || $[16] !== handleClick || $[17] !== handleMouseEnter || $[18] !== handleMouseLeave || $[19] !== t8) {
+			t9 = children({
 				ref: setContainer,
-				style: { opacity: t7 },
+				style: { opacity: t8 },
 				onClick: handleClick,
 				onMouseEnter: handleMouseEnter,
 				onMouseLeave: handleMouseLeave
@@ -1423,12 +1441,12 @@ function createBlock(options) {
 			$[16] = handleClick;
 			$[17] = handleMouseEnter;
 			$[18] = handleMouseLeave;
-			$[19] = t7;
-			$[20] = t8;
-		} else t8 = $[20];
-		let t9;
+			$[19] = t8;
+			$[20] = t9;
+		} else t9 = $[20];
+		let t10;
 		if ($[21] !== blockId || $[22] !== container || $[23] !== isBlockSelected || $[24] !== mode || $[25] !== shouldShowOverlay) {
-			t9 = container && createPortal(/* @__PURE__ */ jsx(Fragment, { children: shouldShowOverlay && /* @__PURE__ */ jsx("div", {
+			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,
@@ -1445,19 +1463,18 @@ function createBlock(options) {
 			$[23] = isBlockSelected;
 			$[24] = mode;
 			$[25] = shouldShowOverlay;
-			$[26] = t9;
-		} else t9 = $[26];
-		let t10;
-		if ($[27] !== t8 || $[28] !== t9) {
-			t10 = /* @__PURE__ */ jsxs(Fragment, { children: [t8, t9] });
-			$[27] = t8;
+			$[26] = t10;
+		} else t10 = $[26];
+		let t11;
+		if ($[27] !== t10 || $[28] !== t9) {
+			t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t9, t10] });
+			$[27] = t10;
 			$[28] = t9;
-			$[29] = t10;
-		} else t10 = $[29];
-		return t10;
+			$[29] = t11;
+		} else t11 = $[29];
+		return t11;
 	};
 	return {
-		Component: BlockComponent,
 		Detached,
 		Field,
 		Embed,
@@ -1466,60 +1483,63 @@ function createBlock(options) {
 		File,
 		Repeater,
 		useSetting,
-		id: options.id,
-		title: options.title,
-		description: options.description,
-		contentSchema,
-		settingsSchema,
-		getInitialBundle: () => {
-			const counter = { value: 0 };
-			const allSeeds = [];
-			const content = { ...contentDefaults };
-			buildInitialSeeds(typeboxSchema.properties, null, content, allSeeds, counter);
-			const storageContent = {};
-			for (const [key, prop] of Object.entries(typeboxSchema.properties)) {
-				const ft = prop.fieldType;
-				const ait = prop.arrayItemType;
-				if (ft === "Image" || ft === "File" || ft === "RepeatableItem" || ait === "Image" || ait === "File") continue;
-				if ("default" in prop) storageContent[key] = prop.default;
+		_internal: {
+			Component: BlockComponent,
+			id: options.id,
+			title: options.title,
+			description: options.description,
+			contentSchema,
+			settingsSchema,
+			layoutOnly: options.layoutOnly ?? false,
+			getInitialBundle: () => {
+				const counter = { value: 0 };
+				const allSeeds = [];
+				const content = { ...contentDefaults };
+				buildInitialSeeds(typeboxSchema.properties, null, content, allSeeds, counter);
+				const storageContent = {};
+				for (const [key, prop] of Object.entries(typeboxSchema.properties)) {
+					const ft = prop.fieldType;
+					const ait = prop.arrayItemType;
+					if (ft === "Image" || ft === "File" || ft === "RepeatableItem" || ait === "Image" || ait === "File") continue;
+					if ("default" in prop) storageContent[key] = prop.default;
+				}
+				return {
+					content: storageContent,
+					settings: { ...settingsDefaults },
+					repeatableItems: allSeeds
+				};
+			},
+			getInitialContent: () => {
+				return { ...contentDefaultsForStorage };
+			},
+			getInitialSettings: () => {
+				return { ...settingsDefaults };
+			},
+			getPeekBundle: () => {
+				const PEEK_BLOCK_ID = -1;
+				const counter = { value: 0 };
+				const allItems = [];
+				const content = { ...contentDefaults };
+				buildPeekItems(typeboxSchema.properties, PEEK_BLOCK_ID, null, content, allItems, counter);
+				return {
+					block: {
+						id: PEEK_BLOCK_ID,
+						pageId: null,
+						layoutId: null,
+						type: options.id,
+						content,
+						settings: settingsDefaults,
+						placement: null,
+						summary: "",
+						position: "",
+						createdAt: 0,
+						updatedAt: 0
+					},
+					repeatableItems: allItems,
+					files: []
+				};
 			}
-			return {
-				content: storageContent,
-				settings: { ...settingsDefaults },
-				repeatableItems: allSeeds
-			};
-		},
-		getInitialContent: () => {
-			return { ...contentDefaultsForStorage };
-		},
-		getInitialSettings: () => {
-			return { ...settingsDefaults };
-		},
-		getPeekBundle: () => {
-			const PEEK_BLOCK_ID = -1;
-			const counter = { value: 0 };
-			const allItems = [];
-			const content = { ...contentDefaults };
-			buildPeekItems(typeboxSchema.properties, PEEK_BLOCK_ID, null, content, allItems, counter);
-			return {
-				block: {
-					id: PEEK_BLOCK_ID,
-					pageId: null,
-					layoutId: null,
-					type: options.id,
-					content,
-					settings: settingsDefaults,
-					placement: null,
-					summary: "",
-					position: "",
-					createdAt: 0,
-					updatedAt: 0
-				},
-				repeatableItems: allItems,
-				files: []
-			};
-		},
-		layoutOnly: options.layoutOnly ?? false
+		}
 	};
 }
 function _temp() {
@@ -1531,34 +1551,37 @@ function _temp() {
 		" to interact with the embed content"
 	] }));
 }
-function _temp2(e_1) {
+function _temp2(l) {
+	return l.pathname;
+}
+function _temp3(e_1) {
 	return e_1.preventDefault();
 }
-function _temp3(e_2) {
+function _temp4(e_2) {
 	if (e_2.key === "Escape") e_2.target.blur();
 }
-function _temp4(e_3) {
+function _temp5(e_3) {
 	return e_3.preventDefault();
 }
-function _temp5(state) {
+function _temp6(state) {
 	return state.context.selection;
 }
-function _temp6(state_0) {
+function _temp7(state_0) {
 	return state_0.context.isPageContentSheetOpen;
 }
-function _temp7(state_1) {
+function _temp8(state_1) {
 	return state_1.context.isAddBlockSheetOpen;
 }
-function _temp8(item) {
+function _temp9(item) {
 	return item.content;
 }
-function _temp9(state) {
+function _temp0(state) {
 	return state.context.selection;
 }
-function _temp0(state_0) {
+function _temp1(state_0) {
 	return state_0.context.isAddBlockSheetOpen;
 }
-function _temp1(state_1) {
+function _temp10(state_1) {
 	return state_1.context.isPageContentSheetOpen;
 }