camox 0.29.0 → 0.31.0

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

@@ -5,6 +5,7 @@ import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../..
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
+import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
@@ -16,7 +17,6 @@ import { Button } from "@camox/ui/button";
 import { Spinner } from "@camox/ui/spinner";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
-import { Textarea } from "@camox/ui/textarea";
 import { useForm } from "@tanstack/react-form";
 
 //#region src/features/preview/components/CreatePageModal.tsx
@@ -26,28 +26,76 @@ const slugifyPathSegment = (nickname) => {
 	return trimmedNickname.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 };
 const CreatePageModal = () => {
+	const $ = c(56);
+	if ($[0] !== "b8df2a1092de301a9d615ec804796532e8227e0b41cafb81fc4194f1edb03074") {
+		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b8df2a1092de301a9d615ec804796532e8227e0b41cafb81fc4194f1edb03074";
+	}
 	const projectSlug = useProjectSlug();
-	const open = useSelector(previewStore, (state) => state.context.isCreatePageModalOpen);
-	const createPage = useMutation(pageMutations.create());
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	const { data: pages } = useQuery({
-		...pageQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
-	const { data: layouts } = useQuery({
-		...layoutQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
+	const open = useSelector(previewStore, _temp);
+	let t0;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = pageMutations.create();
+		$[1] = t0;
+	} else t0 = $[1];
+	const createPage = useMutation(t0);
+	let t1;
+	if ($[2] !== projectSlug) {
+		t1 = projectQueries.getBySlug(projectSlug);
+		$[2] = projectSlug;
+		$[3] = t1;
+	} else t1 = $[3];
+	const { data: project } = useQuery(t1);
+	let t2;
+	if ($[4] !== project?.id) {
+		t2 = pageQueries.list(project?.id ?? 0);
+		$[4] = project?.id;
+		$[5] = t2;
+	} else t2 = $[5];
+	const t3 = !!project;
+	let t4;
+	if ($[6] !== t2 || $[7] !== t3) {
+		t4 = {
+			...t2,
+			enabled: t3
+		};
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	const { data: pages } = useQuery(t4);
+	let t5;
+	if ($[9] !== project?.id) {
+		t5 = layoutQueries.list(project?.id ?? 0);
+		$[9] = project?.id;
+		$[10] = t5;
+	} else t5 = $[10];
+	const t6 = !!project;
+	let t7;
+	if ($[11] !== t5 || $[12] !== t6) {
+		t7 = {
+			...t5,
+			enabled: t6
+		};
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	const { data: layouts } = useQuery(t7);
 	const camoxApp = useCamoxApp();
 	const navigate = useNavigate();
-	const form = useForm({
-		defaultValues: {
+	let t8;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {
 			nickname: "",
 			parentPageId: void 0,
 			pathSegment: "",
-			layoutId: "",
-			contentDescription: ""
-		},
+			layoutId: ""
+		};
+		$[14] = t8;
+	} else t8 = $[14];
+	const form = useForm({
+		defaultValues: t8,
 		onSubmit: async (values) => {
 			try {
 				if (!project) {
@@ -64,8 +112,7 @@ const CreatePageModal = () => {
 					nickname,
 					pathSegment: values.value.pathSegment,
 					parentPageId: values.value.parentPageId,
-					layoutId: Number(values.value.layoutId),
-					contentDescription: values.value.contentDescription || void 0
+					layoutId: Number(values.value.layoutId)
 				});
 				toast.promise(createPagePromise, {
 					loading: "Creating page...",
@@ -76,122 +123,211 @@ const CreatePageModal = () => {
 				trackClientEvent("page_created", {
 					projectId: project.id,
 					pathSegment: values.value.pathSegment,
-					layoutId: values.value.layoutId,
-					hasContentDescription: !!values.value.contentDescription
+					layoutId: values.value.layoutId
 				});
 				previewStore.send({ type: "closeCreatePageModal" });
 				form.reset();
-				await new Promise((resolve) => setTimeout(resolve, 50));
+				await new Promise(_temp2);
 				await navigate({ to: fullPath });
-			} catch (error) {
-				console.error("Failed to create page:", error);
+				previewStore.send({
+					type: "openAgentChatSheet",
+					pageScaffoldContext: {
+						nickname,
+						fullPath
+					}
+				});
+			} catch (t9) {
+				console.error("Failed to create page:", t9);
 				toast.error("Could not create page");
 			}
 		}
 	});
-	useEffect(() => {
-		if (layouts && layouts.length > 0 && !form.getFieldValue("layoutId")) form.setFieldValue("layoutId", String(layouts[0].id));
-	}, [layouts, form]);
-	return /* @__PURE__ */ jsx(Dialog, {
-		open,
-		onOpenChange: (value) => {
-			if (!value) previewStore.send({ type: "closeCreatePageModal" });
-		},
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			className: "flex max-h-[90vh] flex-col sm:max-w-lg",
-			children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Create page" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Fill in the details to create a new page. It will be created as a draft." })] }), /* @__PURE__ */ jsxs("form", {
-				onSubmit: (e) => {
-					e.preventDefault();
-					e.stopPropagation();
-					form.handleSubmit();
+	let t10;
+	if ($[15] !== form || $[16] !== layouts) {
+		t10 = () => {
+			if (layouts && layouts.length > 0 && !form.getFieldValue("layoutId")) form.setFieldValue("layoutId", String(layouts[0].id));
+		};
+		$[15] = form;
+		$[16] = layouts;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== form || $[19] !== layouts) {
+		t11 = [layouts, form];
+		$[18] = form;
+		$[19] = layouts;
+		$[20] = t11;
+	} else t11 = $[20];
+	useEffect(t10, t11);
+	let t12;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Create page" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Fill in the details to create a new page. It will be created as a draft." })] });
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== form) {
+		t13 = (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			form.handleSubmit();
+		};
+		$[22] = form;
+		$[23] = t13;
+	} else t13 = $[23];
+	let t14;
+	if ($[24] !== form) {
+		t14 = (field) => /* @__PURE__ */ jsx(PageNicknameField, {
+			value: field.state.value,
+			onChange: (value_0) => {
+				field.handleChange(value_0);
+				if (form.getFieldMeta("pathSegment")?.isDirty) return;
+				form.setFieldValue("pathSegment", slugifyPathSegment(value_0), { dontUpdateMeta: true });
+			},
+			autoFocus: true
+		});
+		$[24] = form;
+		$[25] = t14;
+	} else t14 = $[25];
+	let t15;
+	if ($[26] !== form.Field || $[27] !== t14) {
+		t15 = /* @__PURE__ */ jsx(form.Field, {
+			name: "nickname",
+			children: t14
+		});
+		$[26] = form.Field;
+		$[27] = t14;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] !== form.Field || $[30] !== pages) {
+		t16 = (parentField) => /* @__PURE__ */ jsx(form.Field, {
+			name: "pathSegment",
+			children: (pathField) => /* @__PURE__ */ jsx(PageLocationFieldset, {
+				parentPageId: parentField.state.value,
+				onParentPageIdChange: parentField.handleChange,
+				pathSegment: pathField.state.value,
+				onPathSegmentChange: pathField.handleChange,
+				pages
+			})
+		});
+		$[29] = form.Field;
+		$[30] = pages;
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] !== form.Field || $[33] !== t16) {
+		t17 = /* @__PURE__ */ jsx(form.Field, {
+			name: "parentPageId",
+			children: t16
+		});
+		$[32] = form.Field;
+		$[33] = t16;
+		$[34] = t17;
+	} else t17 = $[34];
+	let t18;
+	if ($[35] !== camoxApp || $[36] !== layouts) {
+		t18 = (field_0) => /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ jsx(Label, {
+				htmlFor: "layoutId",
+				children: "Layout"
+			}), /* @__PURE__ */ jsxs(Select, {
+				value: field_0.state.value,
+				onValueChange: (value_1) => {
+					if (value_1 != null) field_0.handleChange(value_1);
 				},
+				disabled: layouts != null && layouts.length <= 1,
+				items: layouts?.map((t) => ({
+					value: String(t.id),
+					label: camoxApp.getLayoutById(t.layoutId)?._internal.title ?? t.layoutId
+				})),
+				children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a layout" }) }), /* @__PURE__ */ jsx(SelectContent, { children: layouts?.map((t_0) => /* @__PURE__ */ jsx(SelectItem, {
+					value: String(t_0.id),
+					children: camoxApp.getLayoutById(t_0.layoutId)?._internal.title ?? t_0.layoutId
+				}, t_0.id)) })]
+			})]
+		});
+		$[35] = camoxApp;
+		$[36] = layouts;
+		$[37] = t18;
+	} else t18 = $[37];
+	let t19;
+	if ($[38] !== form.Field || $[39] !== t18) {
+		t19 = /* @__PURE__ */ jsx(form.Field, {
+			name: "layoutId",
+			children: t18
+		});
+		$[38] = form.Field;
+		$[39] = t18;
+		$[40] = t19;
+	} else t19 = $[40];
+	let t20;
+	if ($[41] !== form.state.isSubmitting) {
+		t20 = form.state.isSubmitting && /* @__PURE__ */ jsx(Spinner, {});
+		$[41] = form.state.isSubmitting;
+		$[42] = t20;
+	} else t20 = $[42];
+	const t21 = form.state.isSubmitting && "...";
+	let t22;
+	if ($[43] !== form.state.isSubmitting || $[44] !== t20 || $[45] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Button, {
+			type: "submit",
+			disabled: form.state.isSubmitting,
+			children: [
+				t20,
+				"Create page",
+				t21
+			]
+		});
+		$[43] = form.state.isSubmitting;
+		$[44] = t20;
+		$[45] = t21;
+		$[46] = t22;
+	} else t22 = $[46];
+	let t23;
+	if ($[47] !== t13 || $[48] !== t15 || $[49] !== t17 || $[50] !== t19 || $[51] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(DialogContent, {
+			className: "flex max-h-[90vh] flex-col sm:max-w-lg",
+			children: [t12, /* @__PURE__ */ jsxs("form", {
+				onSubmit: t13,
 				className: "-mx-1 space-y-4 overflow-y-auto px-1 py-2",
 				children: [
-					/* @__PURE__ */ jsx(form.Field, {
-						name: "nickname",
-						children: (field) => /* @__PURE__ */ jsx(PageNicknameField, {
-							value: field.state.value,
-							onChange: (value_0) => {
-								field.handleChange(value_0);
-								if (form.getFieldMeta("pathSegment")?.isDirty) return;
-								form.setFieldValue("pathSegment", slugifyPathSegment(value_0), { dontUpdateMeta: true });
-							},
-							autoFocus: true
-						})
-					}),
-					/* @__PURE__ */ jsx(form.Field, {
-						name: "parentPageId",
-						children: (parentField) => /* @__PURE__ */ jsx(form.Field, {
-							name: "pathSegment",
-							children: (pathField) => /* @__PURE__ */ jsx(PageLocationFieldset, {
-								parentPageId: parentField.state.value,
-								onParentPageIdChange: parentField.handleChange,
-								pathSegment: pathField.state.value,
-								onPathSegmentChange: pathField.handleChange,
-								pages
-							})
-						})
-					}),
-					/* @__PURE__ */ jsx(form.Field, {
-						name: "layoutId",
-						children: (field_0) => /* @__PURE__ */ jsxs("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ jsx(Label, {
-								htmlFor: "layoutId",
-								children: "Layout"
-							}), /* @__PURE__ */ jsxs(Select, {
-								value: field_0.state.value,
-								onValueChange: (value_1) => {
-									if (value_1 != null) field_0.handleChange(value_1);
-								},
-								disabled: layouts != null && layouts.length <= 1,
-								items: layouts?.map((t) => ({
-									value: String(t.id),
-									label: camoxApp.getLayoutById(t.layoutId)?._internal.title ?? t.layoutId
-								})),
-								children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a layout" }) }), /* @__PURE__ */ jsx(SelectContent, { children: layouts?.map((t_0) => /* @__PURE__ */ jsx(SelectItem, {
-									value: String(t_0.id),
-									children: camoxApp.getLayoutById(t_0.layoutId)?._internal.title ?? t_0.layoutId
-								}, t_0.id)) })]
-							})]
-						})
-					}),
-					/* @__PURE__ */ jsx(form.Field, {
-						name: "contentDescription",
-						children: (field_1) => /* @__PURE__ */ jsxs("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ jsx(Label, {
-									htmlFor: "contentDescription",
-									children: "Content description"
-								}),
-								/* @__PURE__ */ jsx(Textarea, {
-									id: "contentDescription",
-									value: field_1.state.value,
-									onChange: (e_0) => field_1.handleChange(e_0.target.value),
-									placeholder: "What your page will be about"
-								}),
-								/* @__PURE__ */ jsx("p", {
-									className: "text-muted-foreground text-xs",
-									children: "Used to generate a first draft of the page with AI."
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ jsxs(Button, {
-						type: "submit",
-						disabled: form.state.isSubmitting,
-						children: [
-							form.state.isSubmitting && /* @__PURE__ */ jsx(Spinner, {}),
-							"Create page",
-							form.state.isSubmitting && "..."
-						]
-					})
+					t15,
+					t17,
+					t19,
+					t22
 				]
 			})]
-		})
-	});
+		});
+		$[47] = t13;
+		$[48] = t15;
+		$[49] = t17;
+		$[50] = t19;
+		$[51] = t22;
+		$[52] = t23;
+	} else t23 = $[52];
+	let t24;
+	if ($[53] !== open || $[54] !== t23) {
+		t24 = /* @__PURE__ */ jsx(Dialog, {
+			open,
+			onOpenChange: _temp3,
+			children: t23
+		});
+		$[53] = open;
+		$[54] = t23;
+		$[55] = t24;
+	} else t24 = $[55];
+	return t24;
 };
+function _temp(state) {
+	return state.context.isCreatePageModalOpen;
+}
+function _temp2(resolve) {
+	return setTimeout(resolve, 50);
+}
+function _temp3(value) {
+	if (!value) previewStore.send({ type: "closeCreatePageModal" });
+}
 
 //#endregion
 export { CreatePageModal };

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

@@ -7,9 +7,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const PAGE_NICKNAME_MAX_LENGTH = 80;
 const PageNicknameField = (t0) => {
 	const $ = c(11);
-	if ($[0] !== "162dc2b9b16d70dc0796d14680eaaca4d0c3fb2e642401f82c11c475d9d72a71") {
+	if ($[0] !== "199b379d5753e5ca5f4aa7a7b627d5ac352937333c4a50c0960318d6a6420295") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "162dc2b9b16d70dc0796d14680eaaca4d0c3fb2e642401f82c11c475d9d72a71";
+		$[0] = "199b379d5753e5ca5f4aa7a7b627d5ac352937333c4a50c0960318d6a6420295";
 	}
 	const { value, onChange, autoFocus } = t0;
 	let t1;
@@ -45,7 +45,7 @@ const PageNicknameField = (t0) => {
 	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground text-xs",
-			children: "A short internal name used in Camox Studio. It does not affect the public page or SEO."
+			children: "A short internal name used in Camox Studio. Does not affect SEO."
 		});
 		$[8] = t4;
 	} else t4 = $[8];

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

@@ -18,9 +18,9 @@ import { PanelContent } from "@camox/ui/panel";
 //#region src/features/preview/components/PreviewPanel.tsx
 const PreviewFrame = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992") {
+	if ($[0] !== "a461a48603db73fa17ba8571e013d5de18c35d1f481b8ee66c35e485f2bdef70") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992";
+		$[0] = "a461a48603db73fa17ba8571e013d5de18c35d1f481b8ee66c35e485f2bdef70";
 	}
 	const { children, style, className, onIframeReady } = t0;
 	let t1;
@@ -61,9 +61,9 @@ const PreviewFrame = (t0) => {
 };
 const KeyDownForwarder = () => {
 	const $ = c(5);
-	if ($[0] !== "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992") {
+	if ($[0] !== "a461a48603db73fa17ba8571e013d5de18c35d1f481b8ee66c35e485f2bdef70") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992";
+		$[0] = "a461a48603db73fa17ba8571e013d5de18c35d1f481b8ee66c35e485f2bdef70";
 	}
 	const { window: iframeWindow } = useFrame();
 	const actions = useSelector(actionsStore, _temp);
@@ -120,9 +120,9 @@ const KeyDownForwarder = () => {
 };
 const PreviewPanel = (t0) => {
 	const $ = c(14);
-	if ($[0] !== "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992") {
+	if ($[0] !== "a461a48603db73fa17ba8571e013d5de18c35d1f481b8ee66c35e485f2bdef70") {
 		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d799d12f8899aeada62843d5bb83029c25038cd1566b1870e63b1f293c26d992";
+		$[0] = "a461a48603db73fa17ba8571e013d5de18c35d1f481b8ee66c35e485f2bdef70";
 	}
 	const { children } = t0;
 	useBlockActionsShortcuts();
@@ -280,6 +280,12 @@ function _temp14() {
 		{
 			id: "toggle-editing-panel",
 			label: "Toggle editing panel",
+			aliases: [
+				"Sidebar",
+				"Toggle sidebar",
+				"Show sidebar",
+				"Hide sidebar"
+			],
 			groupLabel: "Preview",
 			checkIfAvailable: _temp5,
 			execute: _temp6,
@@ -291,6 +297,11 @@ function _temp14() {
 		{
 			id: "toggle-lock-content",
 			label: "Toggle lock content",
+			aliases: [
+				"Lock editing",
+				"Unlock content",
+				"Lock page"
+			],
 			groupLabel: "Preview",
 			checkIfAvailable: _temp7,
 			execute: _temp8
@@ -298,6 +309,11 @@ function _temp14() {
 		{
 			id: "toggle-mobile-mode",
 			label: "Toggle mobile mode",
+			aliases: [
+				"Mobile preview",
+				"Responsive preview",
+				"Phone preview"
+			],
 			groupLabel: "Preview",
 			checkIfAvailable: _temp9,
 			execute: _temp0,
@@ -306,6 +322,12 @@ function _temp14() {
 		{
 			id: "toggle-agent-chat",
 			label: "Toggle agent chat",
+			aliases: [
+				"AI chat",
+				"Assistant",
+				"Ask AI",
+				"Open chat"
+			],
 			groupLabel: "Preview",
 			checkIfAvailable: _temp1,
 			execute: _temp10,
@@ -317,6 +339,7 @@ function _temp14() {
 		{
 			id: "clear-selection",
 			label: "Clear selection",
+			aliases: ["Deselect", "Unselect"],
 			groupLabel: "Preview",
 			checkIfAvailable: _temp11,
 			execute: _temp12,

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

@@ -7,51 +7,55 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/features/preview/components/PreviewSideSheet.tsx
 const PreviewSideSheet = (t0) => {
-	const $ = c(10);
-	if ($[0] !== "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23") {
-		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23";
+	const $ = c(12);
+	if ($[0] !== "35b29fa3a8db99001095e915d7f303b2951fe53b35120b98796276d54347b926") {
+		for (let $i = 0; $i < 12; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "35b29fa3a8db99001095e915d7f303b2951fe53b35120b98796276d54347b926";
 	}
-	const { open, onOpenChange, initialFocus, children, className } = t0;
+	const { open, onOpenChange, initialFocus, children, className, keepMounted, showCloseButton } = t0;
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = { minWidth: 400 };
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] !== children || $[3] !== className || $[4] !== initialFocus) {
+	if ($[2] !== children || $[3] !== className || $[4] !== initialFocus || $[5] !== keepMounted || $[6] !== showCloseButton) {
 		t2 = /* @__PURE__ */ jsx(Sheet.SheetContent, {
 			className,
 			side: "left",
 			showOverlay: false,
 			style: t1,
 			initialFocus,
+			keepMounted,
+			showCloseButton,
 			children
 		});
 		$[2] = children;
 		$[3] = className;
 		$[4] = initialFocus;
-		$[5] = t2;
-	} else t2 = $[5];
+		$[5] = keepMounted;
+		$[6] = showCloseButton;
+		$[7] = t2;
+	} else t2 = $[7];
 	let t3;
-	if ($[6] !== onOpenChange || $[7] !== open || $[8] !== t2) {
+	if ($[8] !== onOpenChange || $[9] !== open || $[10] !== t2) {
 		t3 = /* @__PURE__ */ jsx(Sheet.Sheet, {
 			open,
 			onOpenChange,
 			children: t2
 		});
-		$[6] = onOpenChange;
-		$[7] = open;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
+		$[8] = onOpenChange;
+		$[9] = open;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
 	return t3;
 };
 function useIsPreviewSheetOpen() {
 	const $ = c(1);
-	if ($[0] !== "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23") {
+	if ($[0] !== "35b29fa3a8db99001095e915d7f303b2951fe53b35120b98796276d54347b926") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "edcf461507a0169fc758cf476038888d810edc90248a7b31a8d3c5e352a79c23";
+		$[0] = "35b29fa3a8db99001095e915d7f303b2951fe53b35120b98796276d54347b926";
 	}
 	const isPageContentSheetOpen = useSelector(previewStore, _temp);
 	const isPeekingBlock = useSelector(previewStore, _temp2);