camox 0.16.0 → 0.17.0

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

@@ -8,6 +8,7 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { COMMAND_PRIORITY_LOW, INSERT_LINE_BREAK_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND } from "lexical";
@@ -15,9 +16,9 @@ import { COMMAND_PRIORITY_LOW, INSERT_LINE_BREAK_COMMAND, KEY_ENTER_COMMAND, KEY
 //#region src/core/components/lexical/InlineLexicalEditor.tsx
 function ExternalStateSync(t0) {
 	const $ = c(8);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0";
 	}
 	const { externalState } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -74,9 +75,9 @@ function ExternalStateSync(t0) {
 }
 function EscapeHandler() {
 	const $ = c(4);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -99,9 +100,9 @@ function EscapeHandler() {
 }
 function EnterAsLineBreakHandler() {
 	const $ = c(4);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -125,9 +126,9 @@ function EnterAsLineBreakHandler() {
 }
 function FocusBlurHandler(t0) {
 	const $ = c(6);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0";
 	}
 	const { onFocus, onBlur } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -193,6 +194,7 @@ function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, o
 				ErrorBoundary: LexicalErrorBoundary
 			}),
 			/* @__PURE__ */ jsx(OnChangePlugin, { onChange: handleChange }),
+			/* @__PURE__ */ jsx(HistoryPlugin, {}),
 			/* @__PURE__ */ jsx(ExternalStateSync, { externalState }),
 			/* @__PURE__ */ jsx(EscapeHandler, {}),
 			/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
@@ -206,9 +208,9 @@ function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, o
 }
 function LexicalErrorBoundary(t0) {
 	const $ = c(3);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "435680a4713929aba824818ce88b5223b6bc9c695f9ef76328babca1fa1431e0";
 	}
 	const { children } = t0;
 	let t1;

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

@@ -6,6 +6,7 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { COMMAND_PRIORITY_LOW, INSERT_LINE_BREAK_COMMAND, KEY_ENTER_COMMAND } from "lexical";
@@ -14,9 +15,9 @@ import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 //#region src/core/components/lexical/SidebarLexicalEditor.tsx
 function EnterAsLineBreakHandler() {
 	const $ = c(4);
-	if ($[0] !== "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83") {
+	if ($[0] !== "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83";
+		$[0] = "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -40,9 +41,9 @@ function EnterAsLineBreakHandler() {
 }
 function ExternalStateSync(t0) {
 	const $ = c(6);
-	if ($[0] !== "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83") {
+	if ($[0] !== "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83";
+		$[0] = "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4";
 	}
 	const { value, isSyncingRef } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -110,6 +111,7 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 				ErrorBoundary: LexicalErrorBoundary
 			}),
 			/* @__PURE__ */ jsx(OnChangePlugin, { onChange: handleChange }),
+			/* @__PURE__ */ jsx(HistoryPlugin, {}),
 			/* @__PURE__ */ jsx(ExternalStateSync, {
 				value,
 				isSyncingRef
@@ -120,9 +122,9 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 }
 function LexicalErrorBoundary(t0) {
 	const $ = c(3);
-	if ($[0] !== "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83") {
+	if ($[0] !== "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83";
+		$[0] = "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4";
 	}
 	const { children } = t0;
 	let t1;

package/dist/core/createBlock.js

@@ -21,7 +21,7 @@ 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 { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
 import { createPortal } from "react-dom";
@@ -275,9 +275,9 @@ function createBlock(options) {
 	};
 	const Embed = (t0) => {
 		const $ = c(59);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -525,9 +525,9 @@ function createBlock(options) {
 	};
 	const Link = (t0) => {
 		const $ = c(38);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -766,9 +766,9 @@ function createBlock(options) {
 	};
 	const Image = (t0) => {
 		const $ = c(22);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -884,9 +884,9 @@ function createBlock(options) {
 	};
 	const File = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -921,9 +921,9 @@ function createBlock(options) {
 	};
 	const RepeaterItemWrapper = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -964,9 +964,9 @@ function createBlock(options) {
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
@@ -997,9 +997,9 @@ function createBlock(options) {
 	};
 	const Repeater = (t0) => {
 		const $ = c(30);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1140,9 +1140,9 @@ function createBlock(options) {
 	};
 	const BlockComponent = (t0) => {
 		const $ = c(70);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 70; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1442,9 +1442,9 @@ function createBlock(options) {
 	*/
 	const Detached = (t0) => {
 		const $ = c(31);
-		if ($[0] !== "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e") {
+		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
 			for (let $i = 0; $i < 31; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "8cc8be56750b20682f66c3aa201873fa6c45d7eaa41d36f57252a78bdb19fa7e";
+			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
 		}
 		const { children } = t0;
 		const ctx = React.use(Context);

package/dist/core/hooks/useFieldSelection.js

@@ -1,6 +1,6 @@
 import { previewStore } from "../../features/preview/previewStore.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/core/hooks/useFieldSelection.ts
 /**
@@ -10,9 +10,9 @@ import { useSelector } from "@xstate/store/react";
 */
 function useFieldSelection(blockId, fieldName, fieldType, repeaterItemId) {
 	const $ = c(6);
-	if ($[0] !== "c83180daeb2b318128d16b794abbd2d75add5a0d5b928aaf42a4ec53f1be7b98") {
+	if ($[0] !== "d38da1cfe1462f293f7a9f0ae3e6649ca277091bc93b0a6a0e1cbbe5ba4d1fef") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c83180daeb2b318128d16b794abbd2d75add5a0d5b928aaf42a4ec53f1be7b98";
+		$[0] = "d38da1cfe1462f293f7a9f0ae3e6649ca277091bc93b0a6a0e1cbbe5ba4d1fef";
 	}
 	let t0;
 	if ($[1] !== blockId || $[2] !== fieldName || $[3] !== fieldType || $[4] !== repeaterItemId) {

package/dist/core/hooks/useIsEditable.js

@@ -1,14 +1,14 @@
 import { previewStore } from "../../features/preview/previewStore.js";
 import { useIsAuthenticated } from "../../lib/auth.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/core/hooks/useIsEditable.ts
 function useIsEditable(mode) {
 	const $ = c(1);
-	if ($[0] !== "a238b8e080e05852b1cb210aa44077f2b223fb70fe72a3cb94571c87e1c28713") {
+	if ($[0] !== "347fec28a4ea3c02be549a08c202826fd143b88bdb1612c4c4107a1c95d687b3") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a238b8e080e05852b1cb210aa44077f2b223fb70fe72a3cb94571c87e1c28713";
+		$[0] = "347fec28a4ea3c02be549a08c202826fd143b88bdb1612c4c4107a1c95d687b3";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const isPresentationMode = useSelector(previewStore, _temp);

package/dist/features/preview/CamoxPreview.js

@@ -20,7 +20,7 @@ import { PreviewFrame, PreviewPanel } from "./components/PreviewPanel.js";
 import { c } from "react/compiler-runtime";
 import { keepPreviousData, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
 import { useLocation, useNavigate } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { queryKeys } from "@camox/api-contract/query-keys";
@@ -68,9 +68,9 @@ function pageFullQueryFn(queryClient, path, projectSlug) {
 }
 function usePreviewedPage() {
 	const $ = c(22);
-	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+	if ($[0] !== "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c") {
 		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+		$[0] = "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c";
 	}
 	const { pathname } = useLocation();
 	const queryClient = useQueryClient();
@@ -159,9 +159,9 @@ function _temp(state) {
 }
 const BlockRenderer = (t0) => {
 	const $ = c(22);
-	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+	if ($[0] !== "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c") {
 		for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+		$[0] = "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c";
 	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	let t1;
@@ -302,9 +302,9 @@ const PageContent = () => {
 };
 const CamoxPreview = (t0) => {
 	const $ = c(29);
-	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+	if ($[0] !== "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+		$[0] = "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c";
 	}
 	const { children } = t0;
 	const isAuthenticated = useIsAuthenticated();
@@ -492,9 +492,9 @@ const CamoxPreview = (t0) => {
 };
 function usePreviewPagesActions() {
 	const $ = c(13);
-	if ($[0] !== "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa") {
+	if ($[0] !== "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b803e8bbb91b7986d49da585480a8df1d0a53a974dfaa5c596024b3634d8a3fa";
+		$[0] = "1904ead0ba438223b84fc30561cf474bfcc8d3ce9c88c2aa8502ed3a3535ff4c";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();

package/dist/features/preview/components/AddBlockSheet.js

@@ -9,21 +9,19 @@ import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useLocation } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { queryKeys } from "@camox/api-contract/query-keys";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
-import { InfoIcon } from "lucide-react";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
 
 //#region src/features/preview/components/AddBlockSheet.tsx
 const AddBlockSheet = () => {
 	const $ = c(59);
-	if ($[0] !== "8763aa071e35caf6be6fe7de97ee503b9321631f9ce9abdbf0e15b6a425577e9") {
+	if ($[0] !== "894d300254ebf5c7f95deeb5f42b80dba7f6945707872f83eac91b9d226ff2bb") {
 		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "8763aa071e35caf6be6fe7de97ee503b9321631f9ce9abdbf0e15b6a425577e9";
+		$[0] = "894d300254ebf5c7f95deeb5f42b80dba7f6945707872f83eac91b9d226ff2bb";
 	}
 	const [highlightedValue, setHighlightedValue] = React.useState("");
 	const queryClient = useQueryClient();
@@ -284,26 +282,19 @@ const AddBlockSheet = () => {
 	} else t22 = $[35];
 	let t23;
 	if ($[36] !== displayCount || $[37] !== handleAddBlock) {
-		t23 = (block_3) => /* @__PURE__ */ jsxs(CommandItem, {
+		t23 = (block_3) => /* @__PURE__ */ jsx(CommandItem, {
 			value: block_3._internal.title,
 			onSelect: () => {
 				handleAddBlock(block_3);
 			},
 			className: "group flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ jsxs("div", {
+			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex-1",
 				children: [/* @__PURE__ */ jsx("span", { children: block_3._internal.title }), /* @__PURE__ */ jsx("span", {
 					className: "text-muted-foreground block",
 					children: displayCount(block_3._internal.id)
 				})]
-			}), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-				className: "hidden group-focus-within:flex group-hover:flex",
-				children: /* @__PURE__ */ jsx(InfoIcon, {})
-			}), /* @__PURE__ */ jsx(TooltipContent, {
-				className: "max-w-75",
-				side: "right",
-				children: block_3._internal.description
-			})] })]
+			})
 		}, block_3._internal.id);
 		$[36] = displayCount;
 		$[37] = handleAddBlock;

package/dist/features/preview/components/AgentChatSheet.js

@@ -1,7 +1,7 @@
 import { previewStore } from "../previewStore.js";
 import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Info } from "lucide-react";
 import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
@@ -9,9 +9,9 @@ import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
 //#region src/features/preview/components/AgentChatSheet.tsx
 const AgentChatSheet = () => {
 	const $ = c(9);
-	if ($[0] !== "c20d48a4fd3b9b3c33b623c97e01394a05d71fe73cd1e3f495a45671d8fbcda3") {
+	if ($[0] !== "ea78faddb013742f473dd38a97781323d2a1639b8a590608b8392a867f2321b6") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c20d48a4fd3b9b3c33b623c97e01394a05d71fe73cd1e3f495a45671d8fbcda3";
+		$[0] = "ea78faddb013742f473dd38a97781323d2a1639b8a590608b8392a867f2321b6";
 	}
 	const isOpen = useSelector(previewStore, _temp);
 	const handleOpenChange = _temp2;

package/dist/features/preview/components/BlockActionsPopover.js

@@ -11,7 +11,7 @@ import { c } from "react/compiler-runtime";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { toast } from "@camox/ui/toaster";
 import { useMutation } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Copy, Pen, Settings, Trash2 } from "lucide-react";
@@ -274,9 +274,9 @@ function isLayoutBlockId(page, blockId) {
 }
 function useBlockActionsShortcuts() {
 	const $ = c(18);
-	if ($[0] !== "edee2d7123f81b464c0b1cec28a52c9aa9b1c4261474768afd9814e2b358f423") {
+	if ($[0] !== "278bb4ea768197670f5e143ba3f4245e5a15abef30a4e32a51eb498fc72dc0dd") {
 		for (let $i = 0; $i < 18; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "edee2d7123f81b464c0b1cec28a52c9aa9b1c4261474768afd9814e2b358f423";
+		$[0] = "278bb4ea768197670f5e143ba3f4245e5a15abef30a4e32a51eb498fc72dc0dd";
 	}
 	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();

package/dist/features/preview/components/CreatePageModal.js

@@ -8,7 +8,7 @@ import { Label } from "@camox/ui/label";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useNavigate } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";

package/dist/features/preview/components/EditPageModal.js

@@ -12,7 +12,7 @@ import { Label } from "@camox/ui/label";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useNavigate } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
@@ -28,9 +28,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/EditPageModal.tsx
 const EditPageModal = () => {
 	const $ = c(3);
-	if ($[0] !== "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a") {
+	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a";
+		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
 	}
 	const editingPageId = useSelector(previewStore, _temp);
 	let t0;
@@ -295,9 +295,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a") {
+	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a";
+		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -380,9 +380,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a") {
+	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a";
+		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -493,9 +493,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a") {
+	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "69956dc2b232fcf36a8d4353e168ac320ab4c391d3537ad8e7c23206d94a345a";
+		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

package/dist/features/preview/components/FieldToolbar.js

@@ -7,7 +7,7 @@ import { useCurrentItemActions } from "./useRepeatableItemActions.js";
 import { formatFieldName } from "./ItemFieldsEditor.js";
 import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
@@ -33,9 +33,9 @@ const FORMAT_BUTTONS = [{
 }];
 const FieldToolbar = () => {
 	const $ = c(28);
-	if ($[0] !== "2bc1b4ab9dff6fa8d9298792c58691f963acc7a7be512835cfd07df609766f8a") {
+	if ($[0] !== "a34e7a229eb426498bf253b287fe77f34bd074a248fe59749809701f61b66f8c") {
 		for (let $i = 0; $i < 28; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2bc1b4ab9dff6fa8d9298792c58691f963acc7a7be512835cfd07df609766f8a";
+		$[0] = "a34e7a229eb426498bf253b287fe77f34bd074a248fe59749809701f61b66f8c";
 	}
 	const iframeElement = useSelector(previewStore, _temp);
 	const selection = useSelector(previewStore, _temp2);

package/dist/features/preview/components/OverlayTracker.js

@@ -2,7 +2,7 @@ import { previewStore } from "../previewStore.js";
 import { useFrame } from "./Frame.js";
 import { isOverlayMessage } from "../overlayMessages.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 
 //#region src/features/preview/components/OverlayTracker.tsx
@@ -12,9 +12,9 @@ import * as React from "react";
 */
 const OverlayTracker = () => {
 	const $ = c(9);
-	if ($[0] !== "ff61be3a0e44ee40cf7da4c940df8a337c7da414db4f8b92a3d25603d05282e6") {
+	if ($[0] !== "e30e2d44ddd11434fba7914649cce579c7f2cb5f9cba2ea52958570ba7530abf") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ff61be3a0e44ee40cf7da4c940df8a337c7da414db4f8b92a3d25603d05282e6";
+		$[0] = "e30e2d44ddd11434fba7914649cce579c7f2cb5f9cba2ea52958570ba7530abf";
 	}
 	const { window: iframeWindow } = useFrame();
 	const isPageContentSheetOpen = useSelector(previewStore, _temp);

package/dist/features/preview/components/Overlays.js

@@ -3,15 +3,15 @@ import { isOverlayMessage } from "../overlayMessages.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 
 //#region src/features/preview/components/Overlays.tsx
 const Overlays = (t0) => {
 	const $ = c(15);
-	if ($[0] !== "f759f7c90424510dda53603baa60750e2781cc80efac98df6bfb96a5f03ff4f9") {
+	if ($[0] !== "c0f7c4c8a7e0ca42965ee74bb3077e5ef65c52138c6801bfc431adeaaaed697c") {
 		for (let $i = 0; $i < 15; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "f759f7c90424510dda53603baa60750e2781cc80efac98df6bfb96a5f03ff4f9";
+		$[0] = "c0f7c4c8a7e0ca42965ee74bb3077e5ef65c52138c6801bfc431adeaaaed697c";
 	}
 	const { iframeElement } = t0;
 	const isPageContentSheetOpen = useSelector(previewStore, _temp);

package/dist/features/preview/components/PageContentSheet.js

@@ -14,7 +14,7 @@ import { MultipleAssetFieldEditor } from "./MultipleAssetFieldEditor.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { Label } from "@camox/ui/label";
 import { useMutation, useQueries, useQuery } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";

package/dist/features/preview/components/PagePicker.js

@@ -6,7 +6,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useLocation, useNavigate } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store/react";
+import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";