camox 0.0.0 → 0.1.2-alpha.2

package/dist/features/preview/components/BlockActionsPopover.d.ts

@@ -0,0 +1,15 @@
+import { Doc } from 'camox/server/dataModel';
+import * as React from "react";
+interface BlockActionsPopoverProps {
+    block: Doc<"blocks"> | undefined | null;
+    children: React.ReactNode;
+    align?: "start" | "center" | "end";
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    isLayoutBlock?: boolean;
+    layoutPlacement?: "before" | "after";
+}
+declare const BlockActionsPopover: ({ block, children, open, onOpenChange, align, isLayoutBlock, layoutPlacement, }: BlockActionsPopoverProps) => import("react/jsx-runtime").JSX.Element;
+declare function useBlockActionsShortcuts(): void;
+export { BlockActionsPopover, useBlockActionsShortcuts };
+//# sourceMappingURL=BlockActionsPopover.d.ts.map

package/dist/features/preview/components/BlockActionsPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockActionsPopover.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/BlockActionsPopover.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,GAAG,EAAM,MAAM,wBAAwB,CAAC;AAGjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,wBAAwB;IAChC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,QAAA,MAAM,mBAAmB,GAAI,iFAQ1B,wBAAwB,4CA+S1B,CAAC;AAsBF,iBAAS,wBAAwB,SA2PhC;AAED,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAC"}

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

@@ -0,0 +1,506 @@
+import { previewStore } from "../previewStore.js";
+import { actionsStore } from "../../provider/actionsStore.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { usePreviewedPage } from "../CamoxPreview.js";
+import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
+import { toast } from "@camox/ui/toaster";
+import { useSelector } from "@xstate/store/react";
+import { api } from "camox/server/api";
+import { useMutation } from "convex/react";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { formatShortcut } from "@/lib/utils";
+import { Button } from "@camox/ui/button";
+import { Copy, Pen, Settings, Trash2 } from "lucide-react";
+import { Command, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@camox/ui/command";
+import { trackClientEvent } from "@/lib/analytics-client";
+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 [blockToDelete, setBlockToDelete] = React.useState(null);
+	const camoxApp = useCamoxApp();
+	const page = usePreviewedPage();
+	const deleteBlockMutation = useMutation(api.blocks.deleteBlock);
+	const deleteBlocksMutation = useMutation(api.blocks.deleteBlocks);
+	const duplicateBlockMutation = useMutation(api.blocks.duplicateBlock);
+	const handleDeleteBlock = async (block) => {
+		try {
+			await deleteBlockMutation({ blockId: block._id });
+			trackClientEvent("block_deleted", {
+				projectId: page?.page.projectId,
+				blockType: block.type
+			});
+			toast.success(`Deleted "${block.summary}" block`);
+		} catch (error) {
+			console.error("Failed to delete block:", error);
+			toast.error("Could not delete block");
+		} finally {
+			setBlockToDelete(null);
+		}
+	};
+	const handleDuplicateBlock = async (block) => {
+		try {
+			await duplicateBlockMutation({ blockId: block._id });
+			trackClientEvent("block_duplicated", {
+				projectId: page?.page.projectId,
+				blockType: block.type
+			});
+			toast.success(`Duplicated "${block.summary}" block`);
+		} catch (error) {
+			console.error("Failed to duplicate block:", error);
+			toast.error("Could not duplicate block");
+		}
+	};
+	const handleAddBlockAbove = (block) => {
+		if (!page) return;
+		const blockIndex = page.blocks.findIndex((b) => b._id === block._id);
+		const afterPosition = blockIndex > 0 ? page.blocks[blockIndex - 1].position : "";
+		previewStore.send({
+			type: "openAddBlockSheet",
+			afterPosition
+		});
+	};
+	const handleAddBlockBelow = (block) => {
+		previewStore.send({
+			type: "openAddBlockSheet",
+			afterPosition: block.position
+		});
+	};
+	const getBlocksAbove = (block) => {
+		if (!page) return [];
+		const blockIndex = page.blocks.findIndex((b) => b._id === block._id);
+		return page.blocks.slice(0, blockIndex);
+	};
+	const getBlocksBelow = (block) => {
+		if (!page) return [];
+		const blockIndex = page.blocks.findIndex((b) => b._id === block._id);
+		return page.blocks.slice(blockIndex + 1);
+	};
+	const handleDeleteBlocksAbove = async (block) => {
+		const blocksAbove = getBlocksAbove(block);
+		if (blocksAbove.length === 0) return;
+		try {
+			await deleteBlocksMutation({ blockIds: blocksAbove.map((b) => b._id) });
+			toast.success(`Deleted ${blocksAbove.length} block${blocksAbove.length === 1 ? "" : "s"}`);
+		} catch (error) {
+			console.error("Failed to delete blocks above:", error);
+			toast.error("Could not delete blocks");
+		}
+	};
+	const handleDeleteBlocksBelow = async (block) => {
+		const blocksBelow = getBlocksBelow(block);
+		if (blocksBelow.length === 0) return;
+		try {
+			await deleteBlocksMutation({ blockIds: blocksBelow.map((b) => b._id) });
+			toast.success(`Deleted ${blocksBelow.length} block${blocksBelow.length === 1 ? "" : "s"}`);
+		} catch (error) {
+			console.error("Failed to delete blocks below:", error);
+			toast.error("Could not delete blocks");
+		}
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children
+		}), block && /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-[300px] p-0",
+			align,
+			children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search actions..." }), /* @__PURE__ */ jsxs(CommandList, {
+				className: "max-h-[350px]",
+				children: [
+					/* @__PURE__ */ jsxs(CommandGroup, { children: [/* @__PURE__ */ jsxs(CommandItem, {
+						className: "justify-between",
+						onSelect: () => {
+							previewStore.send({
+								type: "openBlockContentSheet",
+								blockId: block._id
+							});
+							onOpenChange(false);
+						},
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx(Pen, { className: "h-4 w-4" }), "Edit in form"]
+						}), formatShortcut({
+							key: "j",
+							withMeta: true
+						})]
+					}), !isLayoutBlock && (() => {
+						const blockDef = camoxApp.getBlockById(block.type);
+						if (!(blockDef?.settingsSchema?.properties && Object.keys(blockDef.settingsSchema.properties).length > 0)) return null;
+						return /* @__PURE__ */ jsx(CommandItem, {
+							className: "justify-between",
+							onSelect: () => {
+								previewStore.send({
+									type: "openBlockContentSheet",
+									blockId: block._id
+								});
+								onOpenChange(false);
+							},
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }), "Open settings"]
+							})
+						});
+					})()] }),
+					isLayoutBlock && layoutPlacement === "before" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+						onSelect: () => {
+							previewStore.send({
+								type: "openAddBlockSheet",
+								afterPosition: ""
+							});
+							onOpenChange(false);
+						},
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block below"]
+						})
+					}) })] }),
+					isLayoutBlock && layoutPlacement === "after" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+						onSelect: () => {
+							const lastPageBlock = page?.blocks[page.blocks.length - 1];
+							previewStore.send({
+								type: "openAddBlockSheet",
+								afterPosition: lastPageBlock?.position
+							});
+							onOpenChange(false);
+						},
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block above"]
+						})
+					}) })] }),
+					!isLayoutBlock && /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsx(CommandSeparator, {}),
+						/* @__PURE__ */ jsxs(CommandGroup, { children: [/* @__PURE__ */ jsxs(CommandItem, {
+							className: "justify-between",
+							onSelect: () => {
+								handleAddBlockBelow(block);
+								onOpenChange(false);
+							},
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block below"]
+							}), formatShortcut({ key: "o" })]
+						}), /* @__PURE__ */ jsxs(CommandItem, {
+							className: "justify-between",
+							onSelect: () => {
+								handleAddBlockAbove(block);
+								onOpenChange(false);
+							},
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block above"]
+							}), formatShortcut({
+								key: "o",
+								withShift: true
+							})]
+						})] }),
+						/* @__PURE__ */ jsx(CommandSeparator, {}),
+						/* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(CommandItem, {
+							className: "justify-between",
+							onSelect: () => {
+								handleDuplicateBlock(block);
+								onOpenChange(false);
+							},
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" }), "Duplicate block"]
+							}), formatShortcut({
+								key: "d",
+								withMeta: true
+							})]
+						}) }),
+						/* @__PURE__ */ jsx(CommandSeparator, {}),
+						/* @__PURE__ */ jsxs(CommandGroup, { children: [
+							/* @__PURE__ */ jsxs(CommandItem, {
+								onSelect: () => {
+									handleDeleteBlocksAbove(block);
+									onOpenChange(false);
+								},
+								disabled: getBlocksAbove(block).length === 0,
+								children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Delete blocks above"]
+							}),
+							/* @__PURE__ */ jsxs(CommandItem, {
+								onSelect: () => {
+									handleDeleteBlocksBelow(block);
+									onOpenChange(false);
+								},
+								disabled: getBlocksBelow(block).length === 0,
+								children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Delete blocks below"]
+							}),
+							/* @__PURE__ */ jsxs(CommandItem, {
+								className: "justify-between",
+								onSelect: () => {
+									handleDeleteBlock(block);
+									onOpenChange(false);
+								},
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }), "Delete block"]
+								}), formatShortcut({
+									key: "Backspace",
+									withMeta: true
+								})]
+							})
+						] })
+					] })
+				]
+			})] })
+		})]
+	}), /* @__PURE__ */ jsx(AlertDialog, {
+		open: !!blockToDelete,
+		onOpenChange: (open) => !open && setBlockToDelete(null),
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete block" }), /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+			"Are you sure you want to delete ",
+			/* @__PURE__ */ jsx("strong", { children: blockToDelete?.summary }),
+			"? This action cannot be undone."
+		] })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: () => blockToDelete && handleDeleteBlock(blockToDelete),
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "destructive",
+				children: "Delete"
+			})
+		})] })] })
+	})] });
+};
+/**
+* Walk breadcrumbs from deepest to shallowest and return the first
+* RepeatableObject or Block entry — i.e. the closest ancestor that
+* can be duplicated / deleted.
+*/
+function findClosestActionable(breadcrumbs) {
+	for (let i = breadcrumbs.length - 1; i >= 0; i--) {
+		const crumb = breadcrumbs[i];
+		if (crumb.type === "RepeatableObject") return crumb;
+		if (crumb.type === "Block") return crumb;
+	}
+	return null;
+}
+function isLayoutBlockId(page, blockId) {
+	if (!page?.layout) return false;
+	return [...page.layout.beforeBlocks ?? [], ...page.layout.afterBlocks ?? []].some((b) => b._id === blockId);
+}
+function useBlockActionsShortcuts() {
+	const camoxApp = useCamoxApp();
+	const page = usePreviewedPage();
+	const selectionBreadcrumbs = useSelector(previewStore, (state) => state.context.selectionBreadcrumbs);
+	const deleteBlockMutation = useMutation(api.blocks.deleteBlock);
+	const duplicateBlockMutation = useMutation(api.blocks.duplicateBlock);
+	const updateBlockPositionMutation = useMutation(api.blocks.updateBlockPosition);
+	const deleteRepeatableItemMutation = useMutation(api.repeatableItems.deleteRepeatableItem);
+	const duplicateRepeatableItemMutation = useMutation(api.repeatableItems.duplicateRepeatableItem);
+	React.useEffect(() => {
+		const actions = [
+			{
+				id: "delete-selected",
+				label: "Delete selected",
+				groupLabel: "Preview",
+				shortcut: {
+					key: "Backspace",
+					withMeta: true
+				},
+				icon: "Trash2",
+				checkIfAvailable: () => {
+					const ctx = previewStore.getSnapshot().context;
+					if (ctx.isContentLocked || ctx.isPresentationMode) return false;
+					const breadcrumbs = ctx.selectionBreadcrumbs;
+					const blockCrumb = breadcrumbs.find((b) => b.type === "Block");
+					if (blockCrumb && isLayoutBlockId(page, blockCrumb.id)) return false;
+					const target = findClosestActionable(breadcrumbs);
+					if (!target) return false;
+					if (target.type === "RepeatableObject") {
+						if (!page) return false;
+						if (!blockCrumb) return false;
+						const block = page.blocks.find((b) => b._id === blockCrumb.id);
+						if (!block) return false;
+						for (const [, value] of Object.entries(block.content)) {
+							if (!Array.isArray(value)) continue;
+							if (value.find((i) => i._id === target.id)) return value.length > 1;
+						}
+						return false;
+					}
+					return (page?.blocks.length ?? 0) > 1;
+				},
+				execute: () => {
+					const breadcrumbs = previewStore.getSnapshot().context.selectionBreadcrumbs;
+					const target = findClosestActionable(breadcrumbs);
+					if (!target) return;
+					if (target.type === "RepeatableObject") {
+						const itemId = target.id;
+						deleteRepeatableItemMutation({ itemId }).then(() => toast.success("Deleted item"), () => toast.error("Could not delete item"));
+						previewStore.send({ type: "selectParentBreadcrumb" });
+						return;
+					}
+					const blockId = target.id;
+					const block = page?.blocks.find((b) => b._id === blockId);
+					deleteBlockMutation({ blockId }).then(() => toast.success(`Deleted "${block?.summary}" block`), () => toast.error("Could not delete block"));
+					previewStore.send({ type: "clearSelection" });
+				}
+			},
+			{
+				id: "duplicate-selected",
+				label: "Duplicate selected",
+				groupLabel: "Preview",
+				shortcut: {
+					key: "d",
+					withMeta: true
+				},
+				icon: "Copy",
+				checkIfAvailable: () => {
+					const ctx = previewStore.getSnapshot().context;
+					if (ctx.isContentLocked || ctx.isPresentationMode) return false;
+					const blockCrumb = ctx.selectionBreadcrumbs.find((b) => b.type === "Block");
+					if (blockCrumb && isLayoutBlockId(page, blockCrumb.id)) return false;
+					return findClosestActionable(ctx.selectionBreadcrumbs) !== null;
+				},
+				execute: () => {
+					const breadcrumbs = previewStore.getSnapshot().context.selectionBreadcrumbs;
+					const target = findClosestActionable(breadcrumbs);
+					if (!target) return;
+					if (target.type === "RepeatableObject") {
+						const itemId = target.id;
+						duplicateRepeatableItemMutation({ itemId }).then(() => toast.success("Duplicated item"), () => toast.error("Could not duplicate item"));
+						return;
+					}
+					const blockId = target.id;
+					const block = page?.blocks.find((b) => b._id === blockId);
+					duplicateBlockMutation({ blockId }).then(() => toast.success(`Duplicated "${block?.summary}" block`), () => toast.error("Could not duplicate block"));
+				}
+			},
+			{
+				id: "move-block-up",
+				label: "Move block up",
+				groupLabel: "Preview",
+				shortcut: {
+					key: "ArrowUp",
+					withAlt: true
+				},
+				icon: "ArrowUp",
+				checkIfAvailable: () => {
+					const ctx = previewStore.getSnapshot().context;
+					if (ctx.isContentLocked || ctx.isPresentationMode) return false;
+					const blockCrumb = ctx.selectionBreadcrumbs.find((b) => b.type === "Block");
+					if (!blockCrumb || !page) return false;
+					if (isLayoutBlockId(page, blockCrumb.id)) return false;
+					return page.blocks.findIndex((b) => b._id === blockCrumb.id) > 0;
+				},
+				execute: () => {
+					const blockCrumb = previewStore.getSnapshot().context.selectionBreadcrumbs.find((b) => b.type === "Block");
+					if (!blockCrumb || !page) return;
+					const blockId = blockCrumb.id;
+					const index = page.blocks.findIndex((b) => b._id === blockId);
+					if (index <= 0) return;
+					const afterPosition = index > 1 ? page.blocks[index - 2].position : void 0;
+					const beforePosition = page.blocks[index - 1].position;
+					updateBlockPositionMutation({
+						blockId,
+						afterPosition,
+						beforePosition
+					}).then(() => {}, () => toast.error("Could not move block"));
+				}
+			},
+			{
+				id: "move-block-down",
+				label: "Move block down",
+				groupLabel: "Preview",
+				shortcut: {
+					key: "ArrowDown",
+					withAlt: true
+				},
+				icon: "ArrowDown",
+				checkIfAvailable: () => {
+					const ctx = previewStore.getSnapshot().context;
+					if (ctx.isContentLocked || ctx.isPresentationMode) return false;
+					const blockCrumb = ctx.selectionBreadcrumbs.find((b) => b.type === "Block");
+					if (!blockCrumb || !page) return false;
+					if (isLayoutBlockId(page, blockCrumb.id)) return false;
+					const index = page.blocks.findIndex((b) => b._id === blockCrumb.id);
+					return index !== -1 && index < page.blocks.length - 1;
+				},
+				execute: () => {
+					const blockCrumb = previewStore.getSnapshot().context.selectionBreadcrumbs.find((b) => b.type === "Block");
+					if (!blockCrumb || !page) return;
+					const blockId = blockCrumb.id;
+					const index = page.blocks.findIndex((b) => b._id === blockId);
+					if (index === -1 || index >= page.blocks.length - 1) return;
+					const afterPosition = page.blocks[index + 1].position;
+					updateBlockPositionMutation({
+						blockId,
+						afterPosition,
+						beforePosition: index + 2 < page.blocks.length ? page.blocks[index + 2].position : void 0
+					}).then(() => {}, () => toast.error("Could not move block"));
+				}
+			},
+			{
+				id: "add-block-below",
+				label: "Add block below",
+				groupLabel: "Preview",
+				shortcut: { key: "o" },
+				checkIfAvailable: () => {
+					const ctx = previewStore.getSnapshot().context;
+					if (ctx.isContentLocked || ctx.isPresentationMode) return false;
+					return ctx.selectionBreadcrumbs.find((b) => b.type === "Block") !== null;
+				},
+				execute: () => {
+					const blockCrumb = previewStore.getSnapshot().context.selectionBreadcrumbs.find((b) => b.type === "Block");
+					if (!blockCrumb || !page) return;
+					const block = page.blocks.find((b) => b._id === blockCrumb.id);
+					if (!block) return;
+					previewStore.send({
+						type: "openAddBlockSheet",
+						afterPosition: block.position
+					});
+				}
+			},
+			{
+				id: "add-block-above",
+				label: "Add block above",
+				groupLabel: "Preview",
+				shortcut: {
+					key: "o",
+					withShift: true
+				},
+				checkIfAvailable: () => {
+					const ctx = previewStore.getSnapshot().context;
+					if (ctx.isContentLocked || ctx.isPresentationMode) return false;
+					return ctx.selectionBreadcrumbs.find((b) => b.type === "Block") !== null;
+				},
+				execute: () => {
+					const blockCrumb = previewStore.getSnapshot().context.selectionBreadcrumbs.find((b) => b.type === "Block");
+					if (!blockCrumb || !page) return;
+					const blockIndex = page.blocks.findIndex((b) => b._id === blockCrumb.id);
+					if (blockIndex === -1) return;
+					const afterPosition = blockIndex > 0 ? page.blocks[blockIndex - 1].position : "";
+					previewStore.send({
+						type: "openAddBlockSheet",
+						afterPosition
+					});
+				}
+			}
+		];
+		actionsStore.send({
+			type: "registerManyActions",
+			actions
+		});
+		return () => {
+			actionsStore.send({
+				type: "unregisterManyActions",
+				ids: actions.map((a) => a.id)
+			});
+		};
+	}, [
+		selectionBreadcrumbs,
+		page,
+		camoxApp,
+		deleteBlockMutation,
+		duplicateBlockMutation,
+		updateBlockPositionMutation,
+		deleteRepeatableItemMutation,
+		duplicateRepeatableItemMutation
+	]);
+}
+//#endregion
+export { BlockActionsPopover, useBlockActionsShortcuts };

package/dist/features/preview/components/CreatePageSheet.d.ts

@@ -0,0 +1,3 @@
+declare const CreatePageSheet: () => import("react/jsx-runtime").JSX.Element;
+export { CreatePageSheet };
+//# sourceMappingURL=CreatePageSheet.d.ts.map

package/dist/features/preview/components/CreatePageSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePageSheet.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/CreatePageSheet.tsx"],"names":[],"mappings":"AAyBA,QAAA,MAAM,eAAe,+CAoJpB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}