@questpie/admin 3.2.0 → 3.2.2

package/dist/client/blocks/block-renderer.d.mts

@@ -1,6 +1,6 @@
 import { BlockContent } from "./types.mjs";
 import * as React from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/client/blocks/block-renderer.d.ts
 
@@ -9,6 +9,13 @@ import * as react_jsx_runtime19 from "react/jsx-runtime";
  * Consumers provide their own renderers mapped by block type.
  */
 type BlockRendererFn = (props: any) => React.ReactNode;
+type BlockInsertRequest = {
+  position: {
+    parentId: string | null;
+    index: number;
+  };
+  referenceBlockId?: string;
+};
 /**
  * Props for BlockRenderer component.
  */
@@ -23,6 +30,8 @@ type BlockRendererProps = {
   selectedBlockId?: string | null;
   /** Block click handler (for editor mode) */
   onBlockClick?: (blockId: string) => void;
+  /** Block insert handler (for preview editor mode) */
+  onBlockInsert?: (request: BlockInsertRequest) => void;
   /** Custom class name for the container */
   className?: string;
 };
@@ -39,7 +48,8 @@ declare function BlockRenderer({
   data,
   selectedBlockId,
   onBlockClick,
+  onBlockInsert,
   className
-}: BlockRendererProps): react_jsx_runtime19.JSX.Element | null;
+}: BlockRendererProps): react_jsx_runtime17.JSX.Element | null;
 //#endregion
 export { BlockRenderer, BlockRendererProps };

package/dist/client/blocks/block-renderer.mjs

@@ -1,8 +1,31 @@
+import { cn } from "../lib/utils.mjs";
 import { BlockScopeProvider } from "../preview/block-scope-context.mjs";
 import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/blocks/block-renderer.tsx
+/**
+* BlockRenderer Component
+*
+* Renders a tree of blocks using registered block definitions.
+* Each block type has a renderer component that receives the block's values.
+*
+* @example
+* ```tsx
+* import { BlockRenderer } from "@questpie/admin/client";
+* import { blocks } from "@/admin/blocks";
+*
+* function PageContent({ page }) {
+*   return (
+*     <BlockRenderer
+*       content={page.content}
+*       blocks={blocks}
+*     />
+*   );
+* }
+* ```
+*/
 const EMPTY_DATA = {};
 /**
 * Renders a tree of blocks.
@@ -12,16 +35,16 @@ const EMPTY_DATA = {};
 * children as the `children` prop.
 */
 function BlockRenderer(t0) {
-	const $ = c(11);
-	const { content, renderers, data, onBlockClick, className } = t0;
+	const $ = c(13);
+	const { content, renderers, data, selectedBlockId, onBlockClick, onBlockInsert, className } = t0;
 	const resolvedData = data ?? EMPTY_DATA;
 	let t1;
 	let t2;
 	let t3;
-	if ($[0] !== className || $[1] !== content || $[2] !== onBlockClick || $[3] !== renderers || $[4] !== resolvedData) {
+	if ($[0] !== className || $[1] !== content || $[2] !== onBlockClick || $[3] !== onBlockInsert || $[4] !== renderers || $[5] !== resolvedData || $[6] !== selectedBlockId) {
 		t3 = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			function renderBlock(node) {
+			function renderBlock(node, parentId, index) {
 				const renderFn = renderers[node.type] ?? renderers[kebabToCamelCase(node.type)];
 				if (!renderFn) {
 					if (process.env.NODE_ENV !== "production") console.warn(`[BlockRenderer] No renderer found for block type "${node.type}"`);
@@ -29,42 +52,36 @@ function BlockRenderer(t0) {
 				}
 				const values = content._values[node.id] || {};
 				const blockData = resolvedData[node.id];
-				const renderedChildren = node.children.length > 0 ? node.children.map(renderBlock) : void 0;
-				const handleClick = onBlockClick ? (e) => {
-					e.stopPropagation();
-					onBlockClick(node.id);
-				} : void 0;
-				const BlockComponent = renderFn;
-				const blockElement = /* @__PURE__ */ jsx(BlockScopeProvider, {
+				const isSelected = selectedBlockId === node.id;
+				const renderedChildren = node.children.length > 0 ? node.children.map((child, childIndex) => renderBlock(child, node.id, childIndex)) : void 0;
+				const blockElement = /* @__PURE__ */ jsx(renderFn, {
+					id: node.id,
+					type: node.type,
+					values,
+					data: blockData,
+					children: renderedChildren
+				});
+				const scopedBlockElement = /* @__PURE__ */ jsx(BlockScopeProvider, {
 					blockId: node.id,
 					basePath: "content._values",
-					children: /* @__PURE__ */ jsx(BlockComponent, {
-						id: node.id,
-						type: node.type,
-						values,
-						data: blockData,
-						children: renderedChildren
-					})
-				});
-				if (handleClick) return /* @__PURE__ */ jsx("div", {
-					"data-block-id": node.id,
-					"data-block-type": node.type,
-					onClick: handleClick,
-					onKeyDown: (e_0) => {
-						if (e_0.key === "Enter" || e_0.key === " ") {
-							e_0.preventDefault();
-							onBlockClick?.(node.id);
-						}
-					},
-					role: "button",
-					tabIndex: 0,
-					className: "cursor-pointer",
 					children: blockElement
-				}, node.id);
+				});
+				if (onBlockClick) return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(PreviewBlockWrapper, {
+					id: node.id,
+					isSelected,
+					onBlockClick,
+					type: node.type,
+					children: scopedBlockElement
+				}), onBlockInsert && /* @__PURE__ */ jsx(PreviewBlockInsertControl, {
+					onBlockInsert,
+					parentId,
+					referenceBlockId: node.id,
+					insertIndex: index + 1
+				})] }, node.id);
 				return /* @__PURE__ */ jsx("div", {
 					"data-block-id": node.id,
 					"data-block-type": node.type,
-					children: blockElement
+					children: scopedBlockElement
 				}, node.id);
 			}
 			if (!content?._tree?.length) {
@@ -72,34 +89,325 @@ function BlockRenderer(t0) {
 				break bb0;
 			}
 			t1 = className;
-			t2 = content._tree.map(renderBlock);
+			t2 = content._tree.map((node_0, index_0) => renderBlock(node_0, null, index_0));
 		}
 		$[0] = className;
 		$[1] = content;
 		$[2] = onBlockClick;
-		$[3] = renderers;
-		$[4] = resolvedData;
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
+		$[3] = onBlockInsert;
+		$[4] = renderers;
+		$[5] = resolvedData;
+		$[6] = selectedBlockId;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
 	} else {
-		t1 = $[5];
-		t2 = $[6];
-		t3 = $[7];
+		t1 = $[7];
+		t2 = $[8];
+		t3 = $[9];
 	}
 	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
 	let t4;
-	if ($[8] !== t1 || $[9] !== t2) {
+	if ($[10] !== t1 || $[11] !== t2) {
 		t4 = /* @__PURE__ */ jsx("div", {
 			className: t1,
 			children: t2
 		});
-		$[8] = t1;
-		$[9] = t2;
-		$[10] = t4;
-	} else t4 = $[10];
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t4;
+	} else t4 = $[12];
 	return t4;
 }
+function PreviewBlockInsertControl(t0) {
+	const $ = c(29);
+	const { insertIndex, onBlockInsert, parentId, referenceBlockId } = t0;
+	const [isHovered, setIsHovered] = React.useState(false);
+	let t1;
+	if ($[0] !== insertIndex || $[1] !== onBlockInsert || $[2] !== parentId || $[3] !== referenceBlockId) {
+		t1 = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			onBlockInsert({
+				position: {
+					parentId,
+					index: insertIndex
+				},
+				referenceBlockId
+			});
+		};
+		$[0] = insertIndex;
+		$[1] = onBlockInsert;
+		$[2] = parentId;
+		$[3] = referenceBlockId;
+		$[4] = t1;
+	} else t1 = $[4];
+	const handleInsert = t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setIsHovered(true);
+		t3 = () => setIsHovered(false);
+		t4 = () => setIsHovered(true);
+		t5 = () => setIsHovered(false);
+		t6 = {
+			alignItems: "center",
+			display: "flex",
+			height: 24,
+			justifyContent: "center",
+			marginBlock: -12,
+			paddingInline: 18,
+			pointerEvents: "auto",
+			position: "relative",
+			zIndex: 40
+		};
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+		$[9] = t6;
+	} else {
+		t2 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+		t5 = $[8];
+		t6 = $[9];
+	}
+	const t7 = isHovered ? .82 : 0;
+	const t8 = isHovered ? "translateX(-50%) scaleX(1)" : "translateX(-50%) scaleX(0.58)";
+	let t9;
+	if ($[10] !== t7 || $[11] !== t8) {
+		t9 = /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			style: {
+				background: "linear-gradient(90deg, transparent, color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 34%, transparent), transparent)",
+				height: 1,
+				left: "50%",
+				opacity: t7,
+				position: "absolute",
+				transform: t8,
+				transformOrigin: "center",
+				transition: "opacity 140ms ease, transform 140ms ease",
+				width: "min(240px, calc(100% - 48px))"
+			}
+		});
+		$[10] = t7;
+		$[11] = t8;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== handleInsert) {
+		t10 = (event_0) => {
+			if (event_0.key === "Enter" || event_0.key === " ") handleInsert(event_0);
+		};
+		$[13] = handleInsert;
+		$[14] = t10;
+	} else t10 = $[14];
+	const t11 = isHovered ? 1 : .28;
+	const t12 = isHovered ? "scale(1)" : "scale(0.92)";
+	let t13;
+	if ($[15] !== t11 || $[16] !== t12) {
+		t13 = {
+			alignItems: "center",
+			background: "transparent",
+			border: 0,
+			borderRadius: 999,
+			color: "var(--ring, var(--highlight, #b700ff))",
+			cursor: "pointer",
+			display: "inline-flex",
+			height: 32,
+			justifyContent: "center",
+			lineHeight: 1,
+			opacity: t11,
+			outline: "none",
+			padding: 0,
+			pointerEvents: "auto",
+			position: "relative",
+			transition: "opacity 140ms ease, transform 140ms ease",
+			transform: t12,
+			width: 40
+		};
+		$[15] = t11;
+		$[16] = t12;
+		$[17] = t13;
+	} else t13 = $[17];
+	const t14 = `1px solid ${isHovered ? "color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 34%, transparent)" : "color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 12%, transparent)"}`;
+	const t15 = isHovered ? "0 0 0 3px color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 8%, transparent), 0 5px 14px rgba(0, 0, 0, 0.12)" : "0 2px 8px rgba(0, 0, 0, 0.10)";
+	let t16;
+	if ($[18] !== t14 || $[19] !== t15) {
+		t16 = /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			style: {
+				alignItems: "center",
+				background: "var(--background, #fff)",
+				border: t14,
+				borderRadius: 999,
+				boxShadow: t15,
+				display: "inline-flex",
+				fontSize: 13,
+				fontWeight: 500,
+				height: 24,
+				justifyContent: "center",
+				transition: "border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease",
+				width: 24
+			},
+			children: "+"
+		});
+		$[18] = t14;
+		$[19] = t15;
+		$[20] = t16;
+	} else t16 = $[20];
+	let t17;
+	if ($[21] !== handleInsert || $[22] !== t10 || $[23] !== t13 || $[24] !== t16) {
+		t17 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Add block here",
+			onClick: handleInsert,
+			onKeyDown: t10,
+			style: t13,
+			children: t16
+		});
+		$[21] = handleInsert;
+		$[22] = t10;
+		$[23] = t13;
+		$[24] = t16;
+		$[25] = t17;
+	} else t17 = $[25];
+	let t18;
+	if ($[26] !== t17 || $[27] !== t9) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			"data-preview-block-insert": "",
+			onMouseEnter: t2,
+			onMouseLeave: t3,
+			onFocus: t4,
+			onBlur: t5,
+			style: t6,
+			children: [t9, t17]
+		});
+		$[26] = t17;
+		$[27] = t9;
+		$[28] = t18;
+	} else t18 = $[28];
+	return t18;
+}
+function PreviewBlockWrapper(t0) {
+	const $ = c(25);
+	const { children, id, isSelected, onBlockClick, type } = t0;
+	const [isHovered, setIsHovered] = React.useState(false);
+	const [hasDomFocus, setHasDomFocus] = React.useState(false);
+	const t1 = isHovered || hasDomFocus || isSelected ? "var(--ring, var(--highlight, #b700ff))" : "transparent";
+	const t2 = isSelected ? "solid" : "dashed";
+	const t3 = isSelected ? "0 0 0 4px color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) 18%, transparent)" : void 0;
+	let t4;
+	if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3) {
+		t4 = {
+			outlineColor: t1,
+			outlineOffset: "4px",
+			outlineStyle: t2,
+			outlineWidth: "2px",
+			boxShadow: t3,
+			cursor: "pointer",
+			transition: "outline-color 150ms ease, box-shadow 150ms ease"
+		};
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	const previewStyle = t4;
+	let t5;
+	if ($[4] !== id || $[5] !== onBlockClick) {
+		t5 = (e) => {
+			const target = e.target;
+			if (target?.closest("[data-preview-field]")) return;
+			const closestBlock = target?.closest("[data-block-id]");
+			if (closestBlock && closestBlock !== e.currentTarget) return;
+			e.preventDefault();
+			e.stopPropagation();
+			onBlockClick(id);
+		};
+		$[4] = id;
+		$[5] = onBlockClick;
+		$[6] = t5;
+	} else t5 = $[6];
+	const handleClick = t5;
+	let t6;
+	if ($[7] !== id || $[8] !== onBlockClick) {
+		t6 = (e_0) => {
+			const target_0 = e_0.target;
+			if (target_0?.closest("[data-preview-field]") || target_0?.closest("[data-block-id]") !== e_0.currentTarget) return;
+			if (e_0.key === "Enter" || e_0.key === " ") {
+				e_0.preventDefault();
+				e_0.stopPropagation();
+				onBlockClick(id);
+			}
+		};
+		$[7] = id;
+		$[8] = onBlockClick;
+		$[9] = t6;
+	} else t6 = $[9];
+	const handleKeyDown = t6;
+	const t7 = isSelected ? "true" : void 0;
+	let t10;
+	let t11;
+	let t8;
+	let t9;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = () => setIsHovered(true);
+		t9 = () => setIsHovered(false);
+		t10 = () => setHasDomFocus(true);
+		t11 = () => setHasDomFocus(false);
+		$[10] = t10;
+		$[11] = t11;
+		$[12] = t8;
+		$[13] = t9;
+	} else {
+		t10 = $[10];
+		t11 = $[11];
+		t8 = $[12];
+		t9 = $[13];
+	}
+	const t12 = isSelected && "outline-primary shadow-primary/20 shadow-[0_0_0_4px] outline outline-2 outline-offset-4";
+	let t13;
+	if ($[14] !== t12) {
+		t13 = cn("group/preview-block relative cursor-pointer transition-[outline-color,outline-offset,box-shadow] duration-150", "hover:outline-primary/40 hover:outline hover:outline-2 hover:outline-offset-4 hover:outline-dashed", t12);
+		$[14] = t12;
+		$[15] = t13;
+	} else t13 = $[15];
+	let t14;
+	if ($[16] !== children || $[17] !== handleClick || $[18] !== handleKeyDown || $[19] !== id || $[20] !== previewStyle || $[21] !== t13 || $[22] !== t7 || $[23] !== type) {
+		t14 = /* @__PURE__ */ jsx("div", {
+			"data-block-id": id,
+			"data-block-type": type,
+			"data-preview-block": "",
+			"data-preview-block-selected": t7,
+			onClick: handleClick,
+			onKeyDown: handleKeyDown,
+			onMouseEnter: t8,
+			onMouseLeave: t9,
+			onFocus: t10,
+			onBlur: t11,
+			role: "button",
+			tabIndex: 0,
+			style: previewStyle,
+			className: t13,
+			children
+		});
+		$[16] = children;
+		$[17] = handleClick;
+		$[18] = handleKeyDown;
+		$[19] = id;
+		$[20] = previewStyle;
+		$[21] = t13;
+		$[22] = t7;
+		$[23] = type;
+		$[24] = t14;
+	} else t14 = $[24];
+	return t14;
+}
 function kebabToCamelCase(value) {
 	return value.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
 }

package/dist/client/components/blocks/block-editor-context.mjs

@@ -87,6 +87,16 @@ function useBlockLibraryOpen() {
 function _temp7(state) {
 	return state.isLibraryOpen;
 }
+function useIsBlockSelected(blockId) {
+	const $ = c(2);
+	let t0;
+	if ($[0] !== blockId) {
+		t0 = (state) => state.selectedBlockId === blockId;
+		$[0] = blockId;
+		$[1] = t0;
+	} else t0 = $[1];
+	return useBlockEditorStore(t0);
+}
 /**
 * Hook to check if a block is expanded.
 */
@@ -122,4 +132,4 @@ function useBlockDefinition(blockType) {
 }
 
 //#endregion
-export { BlockEditorContextProvider, useAllowedBlockTypes, useBlockDefinition, useBlockEditorActions, useBlockInsertPosition, useBlockLibraryOpen, useBlockRegistry, useBlockSchema, useBlockTree, useBlockValues, useIsBlockExpanded };
+export { BlockEditorContextProvider, useAllowedBlockTypes, useBlockDefinition, useBlockEditorActions, useBlockInsertPosition, useBlockLibraryOpen, useBlockRegistry, useBlockSchema, useBlockTree, useBlockValues, useIsBlockExpanded, useIsBlockSelected };

package/dist/client/components/blocks/block-editor-provider.mjs

@@ -1,7 +1,8 @@
 "use client";
 
 import { BlockEditorContextProvider } from "./block-editor-context.mjs";
-import { duplicateBlockInTree, getAllBlockIds, getDefaultValues, insertBlockInTree, removeBlockFromTree, reorderBlockInTree } from "./utils/tree-utils.mjs";
+import { duplicateBlockInTree, getAllBlockIds, getBlockPathIds, getDefaultValues, insertBlockInTree, removeBlockFromTree, reorderBlockInTree } from "./utils/tree-utils.mjs";
+import { useFocusOptional } from "../../contexts/focus-context.mjs";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { createStore } from "zustand";
@@ -14,10 +15,11 @@ import { jsx } from "react/jsx-runtime";
 * Provides selector-driven state and actions for the block editor.
 */
 function BlockEditorProvider(t0) {
-	const $ = c(18);
+	const $ = c(22);
 	const { value, onChange, blocks, allowedBlocks, locale: t1, children } = t0;
 	const locale = t1 === void 0 ? "en" : t1;
 	const onChangeRef = React.useRef(onChange);
+	const previewFocusState = useFocusOptional()?.state;
 	let t2;
 	let t3;
 	if ($[0] !== onChange) {
@@ -186,49 +188,89 @@ function BlockEditorProvider(t0) {
 	const [store] = React.useState(t4);
 	let t5;
 	let t6;
-	if ($[8] !== allowedBlocks || $[9] !== blocks || $[10] !== locale || $[11] !== store || $[12] !== value) {
+	if ($[8] !== previewFocusState || $[9] !== store) {
 		t5 = () => {
+			if (previewFocusState?.type !== "block" && previewFocusState?.type !== "block-insert") return;
 			const state_4 = store.getState();
+			const targetBlockId = previewFocusState.type === "block" ? previewFocusState.blockId : previewFocusState.referenceBlockId ?? previewFocusState.position.parentId;
+			let expandedBlockIds = state_4.expandedBlockIds;
+			if (targetBlockId) {
+				const blockPath = getBlockPathIds(state_4.content._tree, targetBlockId);
+				if (!blockPath) return;
+				expandedBlockIds = new Set(state_4.expandedBlockIds);
+				for (const blockId of blockPath) expandedBlockIds.add(blockId);
+			}
+			if (previewFocusState.type === "block-insert") {
+				store.setState({
+					selectedBlockId: targetBlockId,
+					isLibraryOpen: true,
+					insertPosition: previewFocusState.position,
+					expandedBlockIds
+				});
+				return;
+			}
+			store.setState({
+				selectedBlockId: previewFocusState.blockId,
+				isLibraryOpen: false,
+				insertPosition: null,
+				expandedBlockIds
+			});
+		};
+		t6 = [previewFocusState, store];
+		$[8] = previewFocusState;
+		$[9] = store;
+		$[10] = t5;
+		$[11] = t6;
+	} else {
+		t5 = $[10];
+		t6 = $[11];
+	}
+	React.useEffect(t5, t6);
+	let t7;
+	let t8;
+	if ($[12] !== allowedBlocks || $[13] !== blocks || $[14] !== locale || $[15] !== store || $[16] !== value) {
+		t7 = () => {
+			const state_5 = store.getState();
 			let nextAllowedBlocks;
 			if (allowedBlocks != null) nextAllowedBlocks = allowedBlocks;
 			else nextAllowedBlocks = null;
 			const patch = {};
-			if (state_4.content !== value) patch.content = value;
-			if (state_4.blocks !== blocks) patch.blocks = blocks;
-			if (state_4.allowedBlocks !== nextAllowedBlocks) patch.allowedBlocks = nextAllowedBlocks;
-			if (state_4.locale !== locale) patch.locale = locale;
+			if (state_5.content !== value) patch.content = value;
+			if (state_5.blocks !== blocks) patch.blocks = blocks;
+			if (state_5.allowedBlocks !== nextAllowedBlocks) patch.allowedBlocks = nextAllowedBlocks;
+			if (state_5.locale !== locale) patch.locale = locale;
 			if (Object.keys(patch).length > 0) store.setState(patch);
 		};
-		t6 = [
+		t8 = [
 			value,
 			blocks,
 			allowedBlocks,
 			locale,
 			store
 		];
-		$[8] = allowedBlocks;
-		$[9] = blocks;
-		$[10] = locale;
-		$[11] = store;
-		$[12] = value;
-		$[13] = t5;
-		$[14] = t6;
+		$[12] = allowedBlocks;
+		$[13] = blocks;
+		$[14] = locale;
+		$[15] = store;
+		$[16] = value;
+		$[17] = t7;
+		$[18] = t8;
 	} else {
-		t5 = $[13];
-		t6 = $[14];
+		t7 = $[17];
+		t8 = $[18];
 	}
-	React.useEffect(t5, t6);
-	let t7;
-	if ($[15] !== children || $[16] !== store) {
-		t7 = /* @__PURE__ */ jsx(BlockEditorContextProvider, {
+	React.useEffect(t7, t8);
+	let t9;
+	if ($[19] !== children || $[20] !== store) {
+		t9 = /* @__PURE__ */ jsx(BlockEditorContextProvider, {
 			value: store,
 			children
 		});
-		$[15] = children;
-		$[16] = store;
-		$[17] = t7;
-	} else t7 = $[17];
-	return t7;
+		$[19] = children;
+		$[20] = store;
+		$[21] = t9;
+	} else t9 = $[21];
+	return t9;
 }
 
 //#endregion