camox 0.7.0 → 0.7.2

package/dist/core/lib/fieldTypes.js

@@ -1,8 +1,9 @@
 import { previewStore } from "../../features/preview/previewStore.js";
 import { jsx } from "react/jsx-runtime";
 import { ChevronDown, FileIcon, FrameIcon, ImageIcon, Images, Link2, List, ToggleLeft, Type } from "lucide-react";
+
 //#region src/core/lib/fieldTypes.tsx
-var fieldTypesDictionary = {
+const fieldTypesDictionary = {
 	String: {
 		label: "String",
 		isScalar: true,
@@ -183,5 +184,6 @@ var fieldTypesDictionary = {
 		}
 	}
 };
+
 //#endregion
-export { fieldTypesDictionary };
+export { fieldTypesDictionary };

package/dist/core/lib/lexicalReact.js

@@ -1,5 +1,6 @@
 import "react";
 import { Fragment, jsx } from "react/jsx-runtime";
+
 //#region src/core/lib/lexicalReact.tsx
 /**
 * Parse a markdown string with **bold** and *italic* into React nodes.
@@ -26,5 +27,6 @@ function markdownToReactNodes(value) {
 	if (parts.length === 0) return value;
 	return /* @__PURE__ */ jsx(Fragment, { children: parts });
 }
+
 //#endregion
-export { markdownToReactNodes };
+export { markdownToReactNodes };

package/dist/core/lib/lexicalState.js

@@ -1,4 +1,5 @@
 import { FORMAT_FLAGS, lexicalTextToMarkdown } from "./modifierFormats.js";
+
 //#region src/core/lib/lexicalState.ts
 function isLexicalState(value) {
 	if (typeof value === "object" && value !== null) return value?.root?.type === "root";
@@ -92,5 +93,6 @@ function parseInlineMarkdown(text) {
 		version: 1
 	}));
 }
+
 //#endregion
-export { isLexicalState, lexicalStateToMarkdown, markdownToLexicalState };
+export { isLexicalState, lexicalStateToMarkdown, markdownToLexicalState };

package/dist/core/lib/modifierFormats.js

@@ -1,11 +1,11 @@
 //#region src/core/lib/modifierFormats.ts
 /** Format bitmask flags matching Lexical's internal constants */
-var FORMAT_FLAGS = {
+const FORMAT_FLAGS = {
 	bold: 1,
 	italic: 2
 };
 /** Markdown wrappers keyed by format name */
-var MARKDOWN_WRAPPERS = {
+const MARKDOWN_WRAPPERS = {
 	bold: (text) => `**${text}**`,
 	italic: (text) => `*${text}*`
 };
@@ -17,5 +17,6 @@ function lexicalTextToMarkdown(text, format) {
 	}
 	return result;
 }
+
 //#endregion
-export { FORMAT_FLAGS, lexicalTextToMarkdown };
+export { FORMAT_FLAGS, lexicalTextToMarkdown };

package/dist/core/lib/modifiers.js

@@ -1,8 +1,9 @@
-import { FORMAT_FLAGS } from "./modifierFormats.js";
+import { FORMAT_FLAGS, lexicalTextToMarkdown } from "./modifierFormats.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
+
 //#region src/core/lib/modifiers.tsx
-var TEXT_MODIFIERS = {
+const TEXT_MODIFIERS = {
 	bold: {
 		formatFlag: FORMAT_FLAGS.bold,
 		label: "Bold",
@@ -18,5 +19,6 @@ var TEXT_MODIFIERS = {
 		toMarkdown: (text) => `*${text}*`
 	}
 };
+
 //#endregion
-export { TEXT_MODIFIERS };
+export { TEXT_MODIFIERS };

package/dist/features/content/CamoxContent.d.ts

@@ -1,2 +1,6 @@
-export declare const CamoxContent: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CamoxContent.d.ts.map
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/features/content/CamoxContent.d.ts
+declare const CamoxContent: () => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CamoxContent };

package/dist/features/content/CamoxContent.js

@@ -15,8 +15,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import { PanelContent } from "@camox/ui/panel";
 import { FloatingToolbar } from "@camox/ui/floating-toolbar";
+
 //#region src/features/content/CamoxContent.tsx
-var CamoxContent = () => {
+const CamoxContent = () => {
 	const $ = c(49);
 	const projectSlug = useProjectSlug();
 	let t0;
@@ -260,5 +261,6 @@ var CamoxContent = () => {
 function _temp(_, i) {
 	return /* @__PURE__ */ jsx(AssetCardSkeleton, {}, i);
 }
+
 //#endregion
-export { CamoxContent };
+export { CamoxContent };

package/dist/features/content/components/AssetCard.js

@@ -2,8 +2,9 @@ import { cn } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileIcon } from "lucide-react";
+
 //#region src/features/content/components/AssetCard.tsx
-var AssetCard = (t0) => {
+const AssetCard = (t0) => {
 	const $ = c(25);
 	const { file, selected, onSelect, onOpen } = t0;
 	let t1;
@@ -99,5 +100,6 @@ var AssetCard = (t0) => {
 	} else t10 = $[24];
 	return t10;
 };
+
 //#endregion
-export { AssetCard };
+export { AssetCard };

package/dist/features/content/components/AssetCardSkeleton.js

@@ -1,8 +1,9 @@
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Skeleton } from "@camox/ui/skeleton";
+
 //#region src/features/content/components/AssetCardSkeleton.tsx
-var AssetCardSkeleton = () => {
+const AssetCardSkeleton = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -14,5 +15,6 @@ var AssetCardSkeleton = () => {
 	} else t0 = $[0];
 	return t0;
 };
+
 //#endregion
-export { AssetCardSkeleton };
+export { AssetCardSkeleton };

package/dist/features/content/components/ContentSidebar.js

@@ -1,8 +1,9 @@
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ImageIcon } from "lucide-react";
+
 //#region src/features/content/components/ContentSidebar.tsx
-var ContentSidebar = () => {
+const ContentSidebar = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -18,5 +19,6 @@ var ContentSidebar = () => {
 	} else t0 = $[0];
 	return t0;
 };
+
 //#endregion
-export { ContentSidebar };
+export { ContentSidebar };

package/dist/features/content/components/UploadDropZone.js

@@ -3,6 +3,7 @@ import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Upload } from "lucide-react";
+
 //#region src/features/content/components/UploadDropZone.tsx
 function UploadDropZone(t0) {
 	const $ = c(14);
@@ -90,5 +91,6 @@ function _temp(e_1) {
 	e_1.preventDefault();
 	e_1.stopPropagation();
 }
+
 //#endregion
-export { UploadDropZone };
+export { UploadDropZone };

package/dist/features/content/components/UploadProgressDrawer.js

@@ -2,6 +2,7 @@ import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, Check, ChevronDown, ChevronUp, File, Loader2, X } from "lucide-react";
+
 //#region src/features/content/components/UploadProgressDrawer.tsx
 function UploadProgressDrawer(t0) {
 	const $ = c(22);
@@ -210,5 +211,6 @@ function UploadItemRow(t0) {
 	} else t10 = $[25];
 	return t10;
 }
+
 //#endregion
-export { UploadItemRow, UploadProgressDrawer };
+export { UploadItemRow, UploadProgressDrawer };

package/dist/features/metadata/sitemap.d.ts

@@ -1,6 +1,8 @@
-export type SitemapEntry = {
-    loc: string;
-    lastmod: string;
+//#region src/features/metadata/sitemap.d.ts
+type SitemapEntry = {
+  loc: string;
+  lastmod: string;
 };
-export declare function generateSitemap(origin: string): Promise<SitemapEntry[]>;
-//# sourceMappingURL=sitemap.d.ts.map
+declare function generateSitemap(origin: string): Promise<SitemapEntry[]>;
+//#endregion
+export { SitemapEntry, generateSitemap };

package/dist/features/metadata/sitemap.js

@@ -1,5 +1,6 @@
 import { createORPCClient } from "@orpc/client";
 import { RPCLink } from "@orpc/client/fetch";
+
 //#region src/features/metadata/sitemap.ts
 async function generateSitemap(origin) {
 	const headers = { "x-environment-name": __CAMOX_ENVIRONMENT_NAME__ };
@@ -11,5 +12,6 @@ async function generateSitemap(origin) {
 		lastmod: new Date(page.updatedAt).toISOString()
 	}));
 }
+
 //#endregion
-export { generateSitemap };
+export { generateSitemap };

package/dist/features/preview/CamoxPreview.d.ts

@@ -1,31 +1,37 @@
 import * as React from "react";
-export declare function usePreviewedPage(): {
-    page: {
-        blockIds: number[];
-        id: number;
-        projectId: number;
-        environmentId: number;
-        pathSegment: string;
-        fullPath: string;
-        parentPageId: number | null;
-        layoutId: number;
-        metaTitle: string | null;
-        metaDescription: string | null;
-        aiSeoEnabled: boolean | null;
-        createdAt: number;
-        updatedAt: number;
-    };
-    projectName: string;
-    layout: {
-        id: number;
-        layoutId: string;
-        beforeBlockIds: number[];
-        afterBlockIds: number[];
-    } | null;
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/features/preview/CamoxPreview.d.ts
+declare function usePreviewedPage(): {
+  page: {
+    blockIds: number[];
+    id: number;
+    projectId: number;
+    environmentId: number;
+    pathSegment: string;
+    fullPath: string;
+    parentPageId: number | null;
+    layoutId: number;
+    metaTitle: string | null;
+    metaDescription: string | null;
+    aiSeoEnabled: boolean | null;
+    createdAt: number;
+    updatedAt: number;
+  };
+  projectName: string;
+  layout: {
+    id: number;
+    layoutId: string;
+    beforeBlockIds: number[];
+    afterBlockIds: number[];
+  } | null;
 };
-export declare const PageContent: () => import("react/jsx-runtime").JSX.Element;
-export declare const CamoxPreview: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function usePreviewPagesActions(): void;
-//# sourceMappingURL=CamoxPreview.d.ts.map
+declare const PageContent: () => _$react_jsx_runtime0.JSX.Element;
+declare const CamoxPreview: ({
+  children
+}: {
+  children: React.ReactNode;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare function usePreviewPagesActions(): void;
+//#endregion
+export { CamoxPreview, PageContent, usePreviewPagesActions, usePreviewedPage };

package/dist/features/preview/CamoxPreview.js

@@ -21,12 +21,13 @@ import { keepPreviousData, useQuery, useQueryClient, useSuspenseQuery } from "@t
 import { useSelector } from "@xstate/store/react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { queryKeys } from "@camox/api/query-keys";
+import { queryKeys } from "@camox/api-contract/query-keys";
 import { Button } from "@camox/ui/button";
 import { PanelContent, PanelHeader } from "@camox/ui/panel";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { useLocation, useNavigate } from "@tanstack/react-router";
 import { Info } from "lucide-react";
+
 //#region src/features/preview/CamoxPreview.tsx
 /**
 * Fetches the current page being previewed, with live updates for authenticated users.
@@ -151,7 +152,7 @@ function usePreviewedPage() {
 function _temp(state) {
 	return state.context.peekedPagePathname;
 }
-var BlockRenderer = (t0) => {
+const BlockRenderer = (t0) => {
 	const $ = c(21);
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	let t1;
@@ -224,7 +225,7 @@ var BlockRenderer = (t0) => {
 	} else t12 = $[20];
 	return t12;
 };
-var PageContent = () => {
+const PageContent = () => {
 	const pageData = usePreviewedPage();
 	const { pageBlocks, beforeBlocks, afterBlocks, layoutFiles, layoutItems } = usePageBlocks(pageData);
 	const peekedBlockPosition = useSelector(previewStore, (state) => state.context.peekedBlockPosition);
@@ -286,7 +287,7 @@ var PageContent = () => {
 		children: pageBlocksContent
 	});
 };
-var CamoxPreview = (t0) => {
+const CamoxPreview = (t0) => {
 	const $ = c(28);
 	const { children } = t0;
 	const isAuthenticated = useIsAuthenticated();
@@ -589,5 +590,6 @@ function _temp5() {
 function _temp6(a) {
 	return a.id;
 }
+
 //#endregion
-export { CamoxPreview, PageContent, usePreviewPagesActions, usePreviewedPage };
+export { CamoxPreview, PageContent, usePreviewPagesActions, usePreviewedPage };

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

@@ -12,13 +12,14 @@ 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/query-keys";
+import { queryKeys } from "@camox/api-contract/query-keys";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { useLocation } from "@tanstack/react-router";
 import { InfoIcon } from "lucide-react";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
+
 //#region src/features/preview/components/AddBlockSheet.tsx
-var AddBlockSheet = () => {
+const AddBlockSheet = () => {
 	const $ = c(58);
 	const [highlightedValue, setHighlightedValue] = React.useState("");
 	const queryClient = useQueryClient();
@@ -378,5 +379,6 @@ function _temp6(open) {
 function _temp7(e) {
 	if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSheet" });
 }
+
 //#endregion
-export { AddBlockSheet };
+export { AddBlockSheet };

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

@@ -3,8 +3,9 @@ import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store/react";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 //#region src/features/preview/components/AgentChatSheet.tsx
-var AgentChatSheet = () => {
+const AgentChatSheet = () => {
 	const $ = c(4);
 	const isOpen = useSelector(previewStore, _temp);
 	const handleOpenChange = _temp2;
@@ -42,5 +43,6 @@ function _temp(state) {
 function _temp2(open) {
 	if (!open) previewStore.send({ type: "closeAgentChatSheet" });
 }
+
 //#endregion
-export { AgentChatSheet };
+export { AgentChatSheet };

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

@@ -12,12 +12,13 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import { FileIcon, Upload } from "lucide-react";
+
 //#region src/features/preview/components/AssetFieldEditor.tsx
 function assetLabel(isImage, multiple) {
 	if (isImage) return multiple ? "images" : "image";
 	return multiple ? "files" : "file";
 }
-var AssetActionButtons = (t0) => {
+const AssetActionButtons = (t0) => {
 	const $ = c(26);
 	const { isImage, multiple, fileInputRef, onPickerOpen, onFilesSelected, uploads } = t0;
 	let t1;
@@ -118,7 +119,7 @@ var AssetActionButtons = (t0) => {
 	} else t11 = $[25];
 	return t11;
 };
-var SingleAssetFieldEditor = (t0) => {
+const SingleAssetFieldEditor = (t0) => {
 	const $ = c(28);
 	const { fieldName, assetType, currentData, onFieldChange } = t0;
 	const asset = currentData[fieldName];
@@ -261,5 +262,6 @@ function _temp(item) {
 	return /* @__PURE__ */ jsx(UploadItemRow, { item }, item.id);
 }
 function _temp2() {}
+
 //#endregion
-export { AssetActionButtons, SingleAssetFieldEditor };
+export { AssetActionButtons, SingleAssetFieldEditor };

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

@@ -15,6 +15,7 @@ import { Check, Download, FileIcon, Link, Loader2, Trash2, X } from "lucide-reac
 import { Switch } from "@camox/ui/switch";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
+
 //#region src/features/preview/components/AssetLightbox.tsx
 function MetadataRow(t0) {
 	const $ = c(8);
@@ -80,7 +81,7 @@ function formatFileSize(bytes) {
 	if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 	return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
 }
-var AssetLightbox = ({ open, onOpenChange, fileId }) => {
+const AssetLightbox = ({ open, onOpenChange, fileId }) => {
 	const replaceFile = useMutation(fileMutations.replace());
 	const deleteFile = useMutation(fileMutations.delete());
 	const setAiMetadata = useMutation(fileMutations.setAiMetadata());
@@ -422,5 +423,6 @@ var AssetLightbox = ({ open, onOpenChange, fileId }) => {
 		})
 	});
 };
+
 //#endregion
-export { AssetLightbox };
+export { AssetLightbox };

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

@@ -9,8 +9,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import { ArrowLeft } from "lucide-react";
 import { Skeleton } from "@camox/ui/skeleton";
+
 //#region src/features/preview/components/AssetPickerGrid.tsx
-var AssetPickerGrid = (t0) => {
+const AssetPickerGrid = (t0) => {
 	const $ = c(45);
 	const { assetType, mode, onSelectSingle, onSelectMultiple, onClose } = t0;
 	const projectSlug = useProjectSlug();
@@ -226,5 +227,6 @@ function _temp2(_, i) {
 		children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-4/3 w-full rounded-md" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-3/4 rounded" })]
 	}, i);
 }
+
 //#endregion
-export { AssetPickerGrid };
+export { AssetPickerGrid };

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

@@ -17,8 +17,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Copy, Pen, Settings, Trash2 } from "lucide-react";
 import { Command, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@camox/ui/command";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+
 //#region src/features/preview/components/BlockActionsPopover.tsx
-var BlockActionsPopover = ({ block, children, open, onOpenChange, align = "start", isLayoutBlock, layoutPlacement }) => {
+const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "start", isLayoutBlock, layoutPlacement }) => {
 	const [blockToDelete, setBlockToDelete] = React.useState(null);
 	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
@@ -553,5 +554,6 @@ function _temp2() {
 function _temp(state) {
 	return state.context.selection;
 }
+
 //#endregion
-export { BlockActionsPopover, useBlockActionsShortcuts };
+export { BlockActionsPopover, useBlockActionsShortcuts };

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

@@ -17,8 +17,9 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { Spinner } from "@camox/ui/spinner";
 import { Textarea } from "@camox/ui/textarea";
 import { useForm } from "@tanstack/react-form";
+
 //#region src/features/preview/components/CreatePageSheet.tsx
-var CreatePageSheet = () => {
+const CreatePageSheet = () => {
 	const projectSlug = useProjectSlug();
 	const open = useSelector(previewStore, (state) => state.context.isCreatePageSheetOpen);
 	const createPage = useMutation(pageMutations.create());
@@ -169,5 +170,6 @@ var CreatePageSheet = () => {
 		})
 	});
 };
+
 //#endregion
-export { CreatePageSheet };
+export { CreatePageSheet };

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

@@ -4,8 +4,9 @@ import { Label } from "@camox/ui/label";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Textarea } from "@camox/ui/textarea";
+
 //#region src/features/preview/components/DebouncedFieldEditor.tsx
-var DebouncedFieldEditor = (t0) => {
+const DebouncedFieldEditor = (t0) => {
 	const $ = c(22);
 	const { label, placeholder, initialValue, onSave, disabled, rows } = t0;
 	const [value, setValue] = React.useState(initialValue);
@@ -104,5 +105,6 @@ var DebouncedFieldEditor = (t0) => {
 	} else t8 = $[21];
 	return t8;
 };
+
 //#endregion
-export { DebouncedFieldEditor };
+export { DebouncedFieldEditor };

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

@@ -23,8 +23,9 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { Spinner } from "@camox/ui/spinner";
 import { useForm } from "@tanstack/react-form";
 import { Switch } from "@camox/ui/switch";
+
 //#region src/features/preview/components/EditPageSheet.tsx
-var EditPageSheet = () => {
+const EditPageSheet = () => {
 	const $ = c(2);
 	const editingPageId = useSelector(previewStore, _temp);
 	let t0;
@@ -35,7 +36,7 @@ var EditPageSheet = () => {
 	} else t0 = $[1];
 	return t0;
 };
-var EditPageSheetContent = ({ pageId }) => {
+const EditPageSheetContent = ({ pageId }) => {
 	const projectSlug = useProjectSlug();
 	const updatePage = useMutation(pageMutations.update());
 	const setLayout = useMutation(pageMutations.setLayout());
@@ -284,7 +285,7 @@ function truncateText(text, maxLen) {
 	if (text.length <= maxLen) return text;
 	return text.slice(0, maxLen) + "...";
 }
-var SearchEnginePreview = (t0) => {
+const SearchEnginePreview = (t0) => {
 	const $ = c(16);
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -362,7 +363,7 @@ var SearchEnginePreview = (t0) => {
 	} else t10 = $[15];
 	return t10;
 };
-var SocialPreviewSection = (t0) => {
+const SocialPreviewSection = (t0) => {
 	const $ = c(22);
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -471,7 +472,7 @@ var SocialPreviewSection = (t0) => {
 	} else t11 = $[21];
 	return t11;
 };
-var PageMarkdownPreview = (t0) => {
+const PageMarkdownPreview = (t0) => {
 	const $ = c(8);
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -518,5 +519,6 @@ var PageMarkdownPreview = (t0) => {
 function _temp(state) {
 	return state.context.editingPageId;
 }
+
 //#endregion
-export { EditPageSheet };
+export { EditPageSheet };

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

@@ -1,15 +1,17 @@
-import studio_overlays_default from "../studio-overlays.css?inline.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import overlayStyles from "virtual:camox-overlay-css";
+
 //#region src/features/preview/components/FieldOverlayStyles.tsx
-var FieldOverlayStyles = () => {
+const FieldOverlayStyles = () => {
 	const $ = c(1);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("style", { children: studio_overlays_default });
+		t0 = /* @__PURE__ */ jsx("style", { children: overlayStyles });
 		$[0] = t0;
 	} else t0 = $[0];
 	return t0;
 };
+
 //#endregion
-export { FieldOverlayStyles };
+export { FieldOverlayStyles };

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

@@ -3,8 +3,9 @@ import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { createPortal } from "react-dom";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 //#region src/features/preview/components/Frame.tsx
-var FrameContext = React.createContext({
+const FrameContext = React.createContext({
 	window: null,
 	iframeElement: null
 });
@@ -13,7 +14,7 @@ function useFrame() {
 	if (!context) throw new Error("useFrame must be used within a Frame");
 	return context;
 }
-var Frame = (t0) => {
+const Frame = (t0) => {
 	const $ = c(25);
 	const { children, className, style, copyStyles: t1, onIframeReady } = t0;
 	const copyStyles = t1 === void 0 ? true : t1;
@@ -158,5 +159,6 @@ function _temp(e) {
 	e.preventDefault();
 	window.top?.location.assign(anchor.href);
 }
+
 //#endregion
-export { Frame, useFrame };
+export { Frame, useFrame };