@questpie/admin 1.1.0 → 2.0.0

package/dist/client/preview/preview-banner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-banner.mjs","names":[],"sources":["../../../src/client/preview/preview-banner.tsx"],"sourcesContent":["/**\n * Preview Banner Component\n *\n * Displayed at the top of preview pages when in draft mode.\n * Allows users to exit preview mode (clear __draft_mode cookie).\n */\n\n\"use client\";\n\nimport * as React from \"react\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type PreviewBannerProps = {\n  /** Whether we're in preview mode */\n  isPreviewMode: boolean;\n  /** Custom class name */\n  className?: string;\n  /** Custom exit preview URL (default: /api/preview?disable=true) */\n  exitPreviewUrl?: string;\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Preview mode banner with exit button.\n *\n * Shows a sticky banner at the top of the page when in draft/preview mode.\n * Clicking \"Exit Preview\" clears the draft mode cookie.\n *\n * @example\n * ```tsx\n * export default function RootLayout({ children }) {\n *   const { isPreviewMode } = useCollectionPreview({ ... });\n *\n *   return (\n *     <>\n *       <PreviewBanner isPreviewMode={isPreviewMode} />\n *       {children}\n *     </>\n *   );\n * }\n * ```\n */\nexport function PreviewBanner({\n  isPreviewMode,\n  className,\n  exitPreviewUrl = \"/api/preview?disable=true\",\n}: PreviewBannerProps) {\n  if (!isPreviewMode) return null;\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: \"sticky\",\n        top: 0,\n        left: 0,\n        right: 0,\n        zIndex: 9999,\n        backgroundColor: \"hsl(var(--primary))\",\n        color: \"hsl(var(--primary-foreground))\",\n        padding: \"0.5rem 1rem\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        gap: \"1rem\",\n        fontSize: \"0.875rem\",\n        fontWeight: 500,\n        boxShadow: \"0 2px 8px rgba(0, 0, 0, 0.1)\",\n      }}\n    >\n      <div\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: \"0.5rem\",\n        }}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 256 256\"\n          fill=\"currentColor\"\n        >\n          <title>Eye icon</title>\n          <path d=\"M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z\" />\n        </svg>\n        <span>Preview Mode</span>\n      </div>\n\n      <a\n        href={exitPreviewUrl}\n        style={{\n          padding: \"0.25rem 0.75rem\",\n          backgroundColor: \"rgba(255, 255, 255, 0.2)\",\n          border: \"1px solid rgba(255, 255, 255, 0.3)\",\n          borderRadius: \"4px\",\n          color: \"inherit\",\n          textDecoration: \"none\",\n          fontWeight: 600,\n          fontSize: \"0.875rem\",\n          cursor: \"pointer\",\n          transition: \"background-color 0.2s\",\n        }}\n        onMouseEnter={(e) => {\n          e.currentTarget.style.backgroundColor = \"rgba(255, 255, 255, 0.3)\";\n        }}\n        onMouseLeave={(e) => {\n          e.currentTarget.style.backgroundColor = \"rgba(255, 255, 255, 0.2)\";\n        }}\n      >\n        Exit Preview\n      </a>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,cAAc,EAC5B,eACA,WACA,iBAAiB,+BACI;AACrB,KAAI,CAAC,cAAe,QAAO;AAE3B,QACE,qBAAC;EACY;EACX,OAAO;GACL,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,iBAAiB;GACjB,OAAO;GACP,SAAS;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;GACL,UAAU;GACV,YAAY;GACZ,WAAW;GACZ;aAED,qBAAC;GACC,OAAO;IACL,SAAS;IACT,YAAY;IACZ,KAAK;IACN;cAED,qBAAC;IACC,OAAM;IACN,OAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;eAEL,oBAAC,qBAAM,aAAgB,EACvB,oBAAC,UAAK,GAAE,8lBAA8lB;KAClmB,EACN,oBAAC,oBAAK,iBAAmB;IACrB,EAEN,oBAAC;GACC,MAAM;GACN,OAAO;IACL,SAAS;IACT,iBAAiB;IACjB,QAAQ;IACR,cAAc;IACd,OAAO;IACP,gBAAgB;IAChB,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,YAAY;IACb;GACD,eAAe,MAAM;AACnB,MAAE,cAAc,MAAM,kBAAkB;;GAE1C,eAAe,MAAM;AACnB,MAAE,cAAc,MAAM,kBAAkB;;aAE3C;IAEG;GACA"}

package/dist/client/preview/preview-field.d.mts

@@ -0,0 +1,108 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
+
+//#region src/client/preview/preview-field.d.ts
+
+type PreviewFieldProps = {
+  /** Field name (for click-to-focus) - will be resolved with block scope if available */
+  field: string;
+  /** Field type for routing (regular, block, or relation) */
+  fieldType?: "regular" | "block" | "relation";
+  /** Content to render */
+  children: React$1.ReactNode;
+  /** HTML element type */
+  as?: React$1.ElementType;
+  /** Additional class names */
+  className?: string;
+  /** Click handler (uses context by default) */
+  onClick?: (fieldPath: string, context?: {
+    blockId?: string;
+    fieldType?: "regular" | "block" | "relation";
+  }) => void;
+};
+type PreviewContextValue = {
+  isPreviewMode: boolean;
+  handleFieldClick: (fieldPath: string, context?: {
+    blockId?: string;
+    fieldType?: "regular" | "block" | "relation";
+  }) => void;
+  focusedField: string | null;
+};
+/**
+ * Provider for preview mode context.
+ * Use this at the root of your preview page.
+ */
+declare function PreviewProvider({
+  isPreviewMode,
+  focusedField,
+  onFieldClick,
+  children
+}: {
+  isPreviewMode: boolean;
+  focusedField: string | null;
+  onFieldClick: (fieldPath: string, context?: {
+    blockId?: string;
+    fieldType?: "regular" | "block" | "relation";
+  }) => void;
+  children: React$1.ReactNode;
+}): react_jsx_runtime25.JSX.Element;
+/**
+ * Hook to access preview context.
+ */
+declare function usePreviewContext(): PreviewContextValue | null;
+/**
+ * Wrapper that makes a field clickable in preview mode.
+ *
+ * When clicked in preview, signals to admin to focus that field in the form.
+ * Automatically resolves field paths using block scope context if available.
+ *
+ * @example
+ * ```tsx
+ * // Regular field
+ * <PreviewField field="title" as="h1" className="text-4xl">
+ *   {data.title}
+ * </PreviewField>
+ *
+ * // Relation field
+ * <PreviewField field="author" fieldType="relation">
+ *   {data.author.name}
+ * </PreviewField>
+ *
+ * // Inside a block (auto-resolves to content._values.{blockId}.title)
+ * <PreviewField field="title">
+ *   {values.title}
+ * </PreviewField>
+ * ```
+ */
+declare function PreviewField({
+  field,
+  fieldType,
+  children,
+  as: Component,
+  className,
+  onClick
+}: PreviewFieldProps): react_jsx_runtime25.JSX.Element;
+/**
+ * Standalone PreviewField that works without context.
+ * Useful when you can't use PreviewProvider.
+ */
+declare function StandalonePreviewField({
+  field,
+  fieldType,
+  children,
+  as: Component,
+  className,
+  isPreviewMode,
+  isFocused,
+  onFieldClick
+}: PreviewFieldProps & {
+  isPreviewMode: boolean;
+  isFocused?: boolean;
+  onFieldClick: (fieldPath: string, context?: {
+    blockId?: string;
+    fieldType?: "regular" | "block" | "relation";
+  }) => void;
+}): react_jsx_runtime25.JSX.Element;
+//#endregion
+export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };
+//# sourceMappingURL=preview-field.d.mts.map

package/dist/client/preview/preview-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-field.d.mts","names":[],"sources":["../../../src/client/preview/preview-field.tsx"],"sourcesContent":[],"mappings":";;;;;AA6DE,KA5CU,iBAAA,GA4CV;EACA;EACA,KAAA,EAAA,MAAA;EACA;EAWU,SAAM,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EACjB;EAAA,QAAA,EArDW,OAAA,CAAM,SAqDjB;EAkBe;EAgCA,EAAA,CAAA,EArGT,OAAA,CAAM,WAqGe;EAC1B;EACA,SAAA,CAAA,EAAA,MAAA;EACA;EACI,OAAA,CAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,OAGH,CAHG,EAAA;IACJ,OAAA,CAAA,EAAA,MAAA;IACA,SAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EACC,CAAA,EAAA,GAAA,IAAA;CAAiB;KA3Ff,mBAAA,GA2Fe;EAmDJ,aAAA,EAAA,OAAA;EACd,gBAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,OAGI,CAHJ,EAAA;IACA,OAAA,CAAA,EAAA,MAAA;IACA,SAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EACI,CAAA,EAAA,GAAA,IAAA;EACJ,YAAA,EAAA,MAAA,GAAA,IAAA;CACA;;;;;AAaD,iBA/Ie,eAAA,CA+If;EAAA,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA;CAAA,EAAA;;;;;;;YAhIW,OAAA,CAAM;IACjB,mBAAA,CAAA,GAAA,CAAA;;;;iBAkBe,iBAAA,CAAA,GAAqB;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCrB,YAAA;;;;MAIV;;;GAGH,oBAAiB,mBAAA,CAAA,GAAA,CAAA;;;;;iBAmDJ,sBAAA;;;;MAIV;;;;;GAKH;;;;;;;IAUF,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/preview/preview-field.mjs

@@ -0,0 +1,125 @@
+"use client";
+
+import { cn } from "../lib/utils.mjs";
+import { useBlockScope, useResolveFieldPath } from "./block-scope-context.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/preview/preview-field.tsx
+/**
+* PreviewField Component
+*
+* Wrapper component that makes fields clickable in preview mode.
+* When clicked, signals to admin to focus that field in the form.
+*/
+const PreviewContext = React$1.createContext(null);
+/**
+* Provider for preview mode context.
+* Use this at the root of your preview page.
+*/
+function PreviewProvider({ isPreviewMode, focusedField, onFieldClick, children }) {
+	const value = React$1.useMemo(() => ({
+		isPreviewMode,
+		focusedField,
+		handleFieldClick: onFieldClick
+	}), [
+		isPreviewMode,
+		focusedField,
+		onFieldClick
+	]);
+	return /* @__PURE__ */ jsx(PreviewContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Hook to access preview context.
+*/
+function usePreviewContext() {
+	return React$1.useContext(PreviewContext);
+}
+/**
+* Wrapper that makes a field clickable in preview mode.
+*
+* When clicked in preview, signals to admin to focus that field in the form.
+* Automatically resolves field paths using block scope context if available.
+*
+* @example
+* ```tsx
+* // Regular field
+* <PreviewField field="title" as="h1" className="text-4xl">
+*   {data.title}
+* </PreviewField>
+*
+* // Relation field
+* <PreviewField field="author" fieldType="relation">
+*   {data.author.name}
+* </PreviewField>
+*
+* // Inside a block (auto-resolves to content._values.{blockId}.title)
+* <PreviewField field="title">
+*   {values.title}
+* </PreviewField>
+* ```
+*/
+function PreviewField({ field, fieldType = "regular", children, as: Component = "div", className, onClick }) {
+	const context = usePreviewContext();
+	const blockScope = useBlockScope();
+	const fullPath = useResolveFieldPath(field);
+	if (!context?.isPreviewMode) return /* @__PURE__ */ jsx(Component, {
+		className,
+		children
+	});
+	const { handleFieldClick, focusedField } = context;
+	const isFocused = focusedField === fullPath;
+	const handleClick = (e) => {
+		e.stopPropagation();
+		if (onClick) onClick(fullPath, {
+			blockId: blockScope?.blockId,
+			fieldType
+		});
+		else handleFieldClick(fullPath, {
+			blockId: blockScope?.blockId,
+			fieldType
+		});
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		"data-preview-field": fullPath,
+		"data-block-id": blockScope?.blockId,
+		"data-field-type": fieldType,
+		onClick: handleClick,
+		className: cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline hover:outline-2 hover:outline-dashed hover:outline-primary/60 hover:outline-offset-2 hover:rounded-sm", isFocused && "outline outline-2 outline-primary outline-offset-2 rounded-sm"),
+		children
+	});
+}
+/**
+* Standalone PreviewField that works without context.
+* Useful when you can't use PreviewProvider.
+*/
+function StandalonePreviewField({ field, fieldType = "regular", children, as: Component = "div", className, isPreviewMode, isFocused, onFieldClick }) {
+	const blockScope = useBlockScope();
+	const fullPath = useResolveFieldPath(field);
+	if (!isPreviewMode) return /* @__PURE__ */ jsx(Component, {
+		className,
+		children
+	});
+	const handleClick = (e) => {
+		e.stopPropagation();
+		onFieldClick(fullPath, {
+			blockId: blockScope?.blockId,
+			fieldType
+		});
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		"data-preview-field": fullPath,
+		"data-block-id": blockScope?.blockId,
+		"data-field-type": fieldType,
+		onClick: handleClick,
+		className: cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline hover:outline-2 hover:outline-dashed hover:outline-primary/60 hover:outline-offset-2 hover:rounded-sm", isFocused && "outline outline-2 outline-primary outline-offset-2 rounded-sm"),
+		children
+	});
+}
+
+//#endregion
+export { PreviewField, PreviewProvider, StandalonePreviewField, usePreviewContext };
+//# sourceMappingURL=preview-field.mjs.map

package/dist/client/preview/preview-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-field.mjs","names":["React"],"sources":["../../../src/client/preview/preview-field.tsx"],"sourcesContent":["/**\n * PreviewField Component\n *\n * Wrapper component that makes fields clickable in preview mode.\n * When clicked, signals to admin to focus that field in the form.\n */\n\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/utils.js\";\nimport { useBlockScope, useResolveFieldPath } from \"./block-scope-context.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type PreviewFieldProps = {\n  /** Field name (for click-to-focus) - will be resolved with block scope if available */\n  field: string;\n  /** Field type for routing (regular, block, or relation) */\n  fieldType?: \"regular\" | \"block\" | \"relation\";\n  /** Content to render */\n  children: React.ReactNode;\n  /** HTML element type */\n  as?: React.ElementType;\n  /** Additional class names */\n  className?: string;\n  /** Click handler (uses context by default) */\n  onClick?: (\n    fieldPath: string,\n    context?: {\n      blockId?: string;\n      fieldType?: \"regular\" | \"block\" | \"relation\";\n    },\n  ) => void;\n};\n\n// ============================================================================\n// Context\n// ============================================================================\n\ntype PreviewContextValue = {\n  isPreviewMode: boolean;\n  handleFieldClick: (\n    fieldPath: string,\n    context?: {\n      blockId?: string;\n      fieldType?: \"regular\" | \"block\" | \"relation\";\n    },\n  ) => void;\n  focusedField: string | null;\n};\n\nconst PreviewContext = React.createContext<PreviewContextValue | null>(null);\n\n/**\n * Provider for preview mode context.\n * Use this at the root of your preview page.\n */\nexport function PreviewProvider({\n  isPreviewMode,\n  focusedField,\n  onFieldClick,\n  children,\n}: {\n  isPreviewMode: boolean;\n  focusedField: string | null;\n  onFieldClick: (\n    fieldPath: string,\n    context?: {\n      blockId?: string;\n      fieldType?: \"regular\" | \"block\" | \"relation\";\n    },\n  ) => void;\n  children: React.ReactNode;\n}) {\n  const value = React.useMemo(\n    () => ({\n      isPreviewMode,\n      focusedField,\n      handleFieldClick: onFieldClick,\n    }),\n    [isPreviewMode, focusedField, onFieldClick],\n  );\n\n  return (\n    <PreviewContext.Provider value={value}>{children}</PreviewContext.Provider>\n  );\n}\n\n/**\n * Hook to access preview context.\n */\nexport function usePreviewContext(): PreviewContextValue | null {\n  return React.useContext(PreviewContext);\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Wrapper that makes a field clickable in preview mode.\n *\n * When clicked in preview, signals to admin to focus that field in the form.\n * Automatically resolves field paths using block scope context if available.\n *\n * @example\n * ```tsx\n * // Regular field\n * <PreviewField field=\"title\" as=\"h1\" className=\"text-4xl\">\n *   {data.title}\n * </PreviewField>\n *\n * // Relation field\n * <PreviewField field=\"author\" fieldType=\"relation\">\n *   {data.author.name}\n * </PreviewField>\n *\n * // Inside a block (auto-resolves to content._values.{blockId}.title)\n * <PreviewField field=\"title\">\n *   {values.title}\n * </PreviewField>\n * ```\n */\nexport function PreviewField({\n  field,\n  fieldType = \"regular\",\n  children,\n  as: Component = \"div\",\n  className,\n  onClick,\n}: PreviewFieldProps) {\n  const context = usePreviewContext();\n  const blockScope = useBlockScope();\n  const fullPath = useResolveFieldPath(field);\n\n  // If no context or not in preview mode, just render normally\n  if (!context?.isPreviewMode) {\n    return <Component className={className}>{children}</Component>;\n  }\n\n  const { handleFieldClick, focusedField } = context;\n  const isFocused = focusedField === fullPath;\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (onClick) {\n      onClick(fullPath, {\n        blockId: blockScope?.blockId,\n        fieldType,\n      });\n    } else {\n      handleFieldClick(fullPath, {\n        blockId: blockScope?.blockId,\n        fieldType,\n      });\n    }\n  };\n\n  return (\n    <Component\n      data-preview-field={fullPath}\n      data-block-id={blockScope?.blockId}\n      data-field-type={fieldType}\n      onClick={handleClick}\n      className={cn(\n        className,\n        \"group relative cursor-pointer transition-all duration-150\",\n        \"hover:outline hover:outline-2 hover:outline-dashed hover:outline-primary/60 hover:outline-offset-2 hover:rounded-sm\",\n        isFocused &&\n          \"outline outline-2 outline-primary outline-offset-2 rounded-sm\",\n      )}\n    >\n      {children}\n    </Component>\n  );\n}\n\n/**\n * Standalone PreviewField that works without context.\n * Useful when you can't use PreviewProvider.\n */\nexport function StandalonePreviewField({\n  field,\n  fieldType = \"regular\",\n  children,\n  as: Component = \"div\",\n  className,\n  isPreviewMode,\n  isFocused,\n  onFieldClick,\n}: PreviewFieldProps & {\n  isPreviewMode: boolean;\n  isFocused?: boolean;\n  onFieldClick: (\n    fieldPath: string,\n    context?: {\n      blockId?: string;\n      fieldType?: \"regular\" | \"block\" | \"relation\";\n    },\n  ) => void;\n}) {\n  const blockScope = useBlockScope();\n  const fullPath = useResolveFieldPath(field);\n\n  if (!isPreviewMode) {\n    return <Component className={className}>{children}</Component>;\n  }\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onFieldClick(fullPath, {\n      blockId: blockScope?.blockId,\n      fieldType,\n    });\n  };\n\n  return (\n    <Component\n      data-preview-field={fullPath}\n      data-block-id={blockScope?.blockId}\n      data-field-type={fieldType}\n      onClick={handleClick}\n      className={cn(\n        className,\n        \"group relative cursor-pointer transition-all duration-150\",\n        \"hover:outline hover:outline-2 hover:outline-dashed hover:outline-primary/60 hover:outline-offset-2 hover:rounded-sm\",\n        isFocused &&\n          \"outline outline-2 outline-primary outline-offset-2 rounded-sm\",\n      )}\n    >\n      {children}\n    </Component>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsDA,MAAM,iBAAiBA,QAAM,cAA0C,KAAK;;;;;AAM5E,SAAgB,gBAAgB,EAC9B,eACA,cACA,cACA,YAYC;CACD,MAAM,QAAQA,QAAM,eACX;EACL;EACA;EACA,kBAAkB;EACnB,GACD;EAAC;EAAe;EAAc;EAAa,CAC5C;AAED,QACE,oBAAC,eAAe;EAAgB;EAAQ;GAAmC;;;;;AAO/E,SAAgB,oBAAgD;AAC9D,QAAOA,QAAM,WAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BzC,SAAgB,aAAa,EAC3B,OACA,YAAY,WACZ,UACA,IAAI,YAAY,OAChB,WACA,WACoB;CACpB,MAAM,UAAU,mBAAmB;CACnC,MAAM,aAAa,eAAe;CAClC,MAAM,WAAW,oBAAoB,MAAM;AAG3C,KAAI,CAAC,SAAS,cACZ,QAAO,oBAAC;EAAqB;EAAY;GAAqB;CAGhE,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,YAAY,iBAAiB;CAEnC,MAAM,eAAe,MAAwB;AAC3C,IAAE,iBAAiB;AACnB,MAAI,QACF,SAAQ,UAAU;GAChB,SAAS,YAAY;GACrB;GACD,CAAC;MAEF,kBAAiB,UAAU;GACzB,SAAS,YAAY;GACrB;GACD,CAAC;;AAIN,QACE,oBAAC;EACC,sBAAoB;EACpB,iBAAe,YAAY;EAC3B,mBAAiB;EACjB,SAAS;EACT,WAAW,GACT,WACA,6DACA,uHACA,aACE,gEACH;EAEA;GACS;;;;;;AAQhB,SAAgB,uBAAuB,EACrC,OACA,YAAY,WACZ,UACA,IAAI,YAAY,OAChB,WACA,eACA,WACA,gBAWC;CACD,MAAM,aAAa,eAAe;CAClC,MAAM,WAAW,oBAAoB,MAAM;AAE3C,KAAI,CAAC,cACH,QAAO,oBAAC;EAAqB;EAAY;GAAqB;CAGhE,MAAM,eAAe,MAAwB;AAC3C,IAAE,iBAAiB;AACnB,eAAa,UAAU;GACrB,SAAS,YAAY;GACrB;GACD,CAAC;;AAGJ,QACE,oBAAC;EACC,sBAAoB;EACpB,iBAAe,YAAY;EAC3B,mBAAiB;EACjB,SAAS;EACT,WAAW,GACT,WACA,6DACA,uHACA,aACE,gEACH;EAEA;GACS"}

package/dist/client/preview/types.d.mts

@@ -0,0 +1,115 @@
+//#region src/client/preview/types.d.ts
+/**
+ * Collection Preview Types
+ *
+ * PostMessage protocol and types for live preview communication
+ * between admin and preview iframe.
+ */
+/**
+ * Signal preview to refresh (invalidate and re-run loader).
+ */
+type PreviewRefreshMessage = {
+  type: "PREVIEW_REFRESH";
+  /** Optional hint about which field changed */
+  changedField?: string;
+};
+/**
+ * Select a block in the preview.
+ */
+type SelectBlockMessage = {
+  type: "SELECT_BLOCK";
+  /** Block ID to select */
+  blockId: string;
+};
+/**
+ * Focus a field in the preview.
+ */
+type FocusFieldMessage = {
+  type: "FOCUS_FIELD";
+  /** Field path to focus (supports full scoped paths) */
+  fieldPath: string;
+};
+/**
+ * All messages from Admin to Preview.
+ */
+type AdminToPreviewMessage = PreviewRefreshMessage | SelectBlockMessage | FocusFieldMessage;
+/**
+ * Preview is ready to receive data.
+ */
+type PreviewReadyMessage = {
+  type: "PREVIEW_READY";
+};
+/**
+ * A field was clicked in the preview.
+ */
+type FieldClickedMessage = {
+  type: "FIELD_CLICKED";
+  /** Full scoped field path */
+  fieldPath: string;
+  /** Block context hint */
+  blockId?: string;
+  /** Field type for routing */
+  fieldType?: "regular" | "block" | "relation";
+};
+/**
+ * A block was clicked in the preview.
+ */
+type BlockClickedMessage = {
+  type: "BLOCK_CLICKED";
+  /** Block ID that was clicked */
+  blockId: string;
+};
+/**
+ * Preview refresh completed.
+ * Sent after preview successfully re-runs loader.
+ */
+type RefreshCompleteMessage = {
+  type: "REFRESH_COMPLETE";
+  /** Timestamp of completion */
+  timestamp: number;
+};
+/**
+ * All messages from Preview to Admin.
+ */
+type PreviewToAdminMessage = PreviewReadyMessage | FieldClickedMessage | BlockClickedMessage | RefreshCompleteMessage;
+/**
+ * Preview configuration for a collection.
+ */
+type PreviewConfig = {
+  /**
+   * URL builder for preview iframe.
+   * Receives current form values and locale.
+   */
+  url: (values: Record<string, unknown>, locale: string) => string;
+  /**
+   * Enable/disable preview.
+   * @default true if url is defined
+   */
+  enabled?: boolean;
+  /**
+   * Preview pane position.
+   * @default "right"
+   */
+  position?: "right" | "bottom" | "modal";
+  /**
+   * Default preview pane size (percentage).
+   * @default 50
+   */
+  defaultSize?: number;
+  /**
+   * Minimum pane size (percentage).
+   * @default 30
+   */
+  minSize?: number;
+};
+/**
+ * Check if a message is from admin to preview.
+ */
+declare function isAdminToPreviewMessage(data: unknown): data is AdminToPreviewMessage;
+/**
+ * Check if a message is from preview to admin.
+ */
+declare function isPreviewToAdminMessage(data: unknown): data is PreviewToAdminMessage;
+//#endregion
+export { AdminToPreviewMessage, BlockClickedMessage, FieldClickedMessage, FocusFieldMessage, PreviewConfig, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage };
+//# sourceMappingURL=types.d.mts.map

package/dist/client/preview/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../../src/client/preview/types.ts"],"sourcesContent":[],"mappings":";;AAcA;AASA;AASA;AASA;;;;;AAYY,KAvCA,qBAAA,GAuCmB;EAOnB,IAAA,EAAA,iBAAmB;EAanB;EAUA,YAAA,CAAA,EAAA,MAAA;AASZ,CAAA;;;;AAII,KAzEQ,kBAAA,GAyER;EAAsB,IAAA,EAAA,cAAA;EASd;EAuCI,OAAA,EAAA,MAAA;AAehB,CAAA;;;;KA/HY,iBAAA;;;;;;;;KASA,qBAAA,GACR,wBACA,qBACA;;;;KASQ,mBAAA;;;;;;KAOA,mBAAA;;;;;;;;;;;;KAaA,mBAAA;;;;;;;;;KAUA,sBAAA;;;;;;;;KASA,qBAAA,GACR,sBACA,sBACA,sBACA;;;;KASQ,aAAA;;;;;gBAKI;;;;;;;;;;;;;;;;;;;;;;;;;iBAkCA,uBAAA,yBAEL;;;;iBAaK,uBAAA,yBAEL"}

package/dist/client/preview/types.mjs

@@ -0,0 +1,21 @@
+//#region src/client/preview/types.ts
+/**
+* Check if a message is from admin to preview.
+*/
+function isAdminToPreviewMessage(data) {
+	if (!data || typeof data !== "object") return false;
+	const msg = data;
+	return msg.type === "PREVIEW_REFRESH" || msg.type === "SELECT_BLOCK" || msg.type === "FOCUS_FIELD";
+}
+/**
+* Check if a message is from preview to admin.
+*/
+function isPreviewToAdminMessage(data) {
+	if (!data || typeof data !== "object") return false;
+	const msg = data;
+	return msg.type === "PREVIEW_READY" || msg.type === "FIELD_CLICKED" || msg.type === "BLOCK_CLICKED" || msg.type === "REFRESH_COMPLETE";
+}
+
+//#endregion
+export { isAdminToPreviewMessage, isPreviewToAdminMessage };
+//# sourceMappingURL=types.mjs.map

package/dist/client/preview/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/client/preview/types.ts"],"sourcesContent":["/**\n * Collection Preview Types\n *\n * PostMessage protocol and types for live preview communication\n * between admin and preview iframe.\n */\n\n// ============================================================================\n// Admin -> Preview Messages\n// ============================================================================\n\n/**\n * Signal preview to refresh (invalidate and re-run loader).\n */\nexport type PreviewRefreshMessage = {\n  type: \"PREVIEW_REFRESH\";\n  /** Optional hint about which field changed */\n  changedField?: string;\n};\n\n/**\n * Select a block in the preview.\n */\nexport type SelectBlockMessage = {\n  type: \"SELECT_BLOCK\";\n  /** Block ID to select */\n  blockId: string;\n};\n\n/**\n * Focus a field in the preview.\n */\nexport type FocusFieldMessage = {\n  type: \"FOCUS_FIELD\";\n  /** Field path to focus (supports full scoped paths) */\n  fieldPath: string;\n};\n\n/**\n * All messages from Admin to Preview.\n */\nexport type AdminToPreviewMessage =\n  | PreviewRefreshMessage\n  | SelectBlockMessage\n  | FocusFieldMessage;\n\n// ============================================================================\n// Preview -> Admin Messages\n// ============================================================================\n\n/**\n * Preview is ready to receive data.\n */\nexport type PreviewReadyMessage = {\n  type: \"PREVIEW_READY\";\n};\n\n/**\n * A field was clicked in the preview.\n */\nexport type FieldClickedMessage = {\n  type: \"FIELD_CLICKED\";\n  /** Full scoped field path */\n  fieldPath: string;\n  /** Block context hint */\n  blockId?: string;\n  /** Field type for routing */\n  fieldType?: \"regular\" | \"block\" | \"relation\";\n};\n\n/**\n * A block was clicked in the preview.\n */\nexport type BlockClickedMessage = {\n  type: \"BLOCK_CLICKED\";\n  /** Block ID that was clicked */\n  blockId: string;\n};\n\n/**\n * Preview refresh completed.\n * Sent after preview successfully re-runs loader.\n */\nexport type RefreshCompleteMessage = {\n  type: \"REFRESH_COMPLETE\";\n  /** Timestamp of completion */\n  timestamp: number;\n};\n\n/**\n * All messages from Preview to Admin.\n */\nexport type PreviewToAdminMessage =\n  | PreviewReadyMessage\n  | FieldClickedMessage\n  | BlockClickedMessage\n  | RefreshCompleteMessage;\n\n// ============================================================================\n// Preview Configuration\n// ============================================================================\n\n/**\n * Preview configuration for a collection.\n */\nexport type PreviewConfig = {\n  /**\n   * URL builder for preview iframe.\n   * Receives current form values and locale.\n   */\n  url: (values: Record<string, unknown>, locale: string) => string;\n\n  /**\n   * Enable/disable preview.\n   * @default true if url is defined\n   */\n  enabled?: boolean;\n\n  /**\n   * Preview pane position.\n   * @default \"right\"\n   */\n  position?: \"right\" | \"bottom\" | \"modal\";\n\n  /**\n   * Default preview pane size (percentage).\n   * @default 50\n   */\n  defaultSize?: number;\n\n  /**\n   * Minimum pane size (percentage).\n   * @default 30\n   */\n  minSize?: number;\n};\n\n// ============================================================================\n// Type Guards\n// ============================================================================\n\n/**\n * Check if a message is from admin to preview.\n */\nexport function isAdminToPreviewMessage(\n  data: unknown,\n): data is AdminToPreviewMessage {\n  if (!data || typeof data !== \"object\") return false;\n  const msg = data as { type?: string };\n  return (\n    msg.type === \"PREVIEW_REFRESH\" ||\n    msg.type === \"SELECT_BLOCK\" ||\n    msg.type === \"FOCUS_FIELD\"\n  );\n}\n\n/**\n * Check if a message is from preview to admin.\n */\nexport function isPreviewToAdminMessage(\n  data: unknown,\n): data is PreviewToAdminMessage {\n  if (!data || typeof data !== \"object\") return false;\n  const msg = data as { type?: string };\n  return (\n    msg.type === \"PREVIEW_READY\" ||\n    msg.type === \"FIELD_CLICKED\" ||\n    msg.type === \"BLOCK_CLICKED\" ||\n    msg.type === \"REFRESH_COMPLETE\"\n  );\n}\n"],"mappings":";;;;AAgJA,SAAgB,wBACd,MAC+B;AAC/B,KAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;CAC9C,MAAM,MAAM;AACZ,QACE,IAAI,SAAS,qBACb,IAAI,SAAS,kBACb,IAAI,SAAS;;;;;AAOjB,SAAgB,wBACd,MAC+B;AAC/B,KAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;CAC9C,MAAM,MAAM;AACZ,QACE,IAAI,SAAS,mBACb,IAAI,SAAS,mBACb,IAAI,SAAS,mBACb,IAAI,SAAS"}

package/dist/client/preview/use-collection-preview.d.mts

@@ -0,0 +1,71 @@
+//#region src/client/preview/use-collection-preview.d.ts
+/**
+ * useCollectionPreview Hook
+ *
+ * Hook for frontend pages to receive live preview data from admin.
+ * Handles postMessage communication with the admin iframe parent.
+ */
+type UseCollectionPreviewOptions<TData> = {
+  /** Server-loaded data (from loader/SSR) */
+  initialData: TData;
+  /**
+   * Callback to refresh data (e.g., router.invalidate()).
+   * Required for preview functionality.
+   */
+  onRefresh: () => void | Promise<void>;
+};
+type UseCollectionPreviewResult<TData> = {
+  /** Current data (from initialData, refreshed via onRefresh) */
+  data: TData;
+  /** Whether we're in preview mode (inside admin iframe) */
+  isPreviewMode: boolean;
+  /** Currently selected block ID */
+  selectedBlockId: string | null;
+  /** Focused field path */
+  focusedField: string | null;
+  /** Call when a field is clicked in preview */
+  handleFieldClick: (fieldPath: string, context?: {
+    blockId?: string;
+    fieldType?: "regular" | "block" | "relation";
+  }) => void;
+  /** Call when a block is clicked in preview */
+  handleBlockClick: (blockId: string) => void;
+};
+/**
+ * Hook for receiving live preview data from admin.
+ *
+ * Use this in your frontend page components to enable live preview.
+ *
+ * @example
+ * ```tsx
+ * function PageRoute() {
+ *   const loaderData = Route.useLoaderData();
+ *   const router = useRouter();
+ *
+ *   const { data, isPreviewMode, selectedBlockId, handleBlockClick } =
+ *     useCollectionPreview({
+ *       initialData: loaderData.page,
+ *       onRefresh: () => router.invalidate(),
+ *     });
+ *
+ *   return (
+ *     <article>
+ *       <PreviewField field="title" as="h1">{data.title}</PreviewField>
+ *       <BlockRenderer
+ *         content={data.content}
+ *         blocks={blocks}
+ *         selectedBlockId={selectedBlockId}
+ *         onBlockClick={handleBlockClick}
+ *       />
+ *     </article>
+ *   );
+ * }
+ * ```
+ */
+declare function useCollectionPreview<TData extends Record<string, unknown>>({
+  initialData,
+  onRefresh
+}: UseCollectionPreviewOptions<TData>): UseCollectionPreviewResult<TData>;
+//#endregion
+export { UseCollectionPreviewOptions, UseCollectionPreviewResult, useCollectionPreview };
+//# sourceMappingURL=use-collection-preview.d.mts.map

package/dist/client/preview/use-collection-preview.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collection-preview.d.mts","names":[],"sources":["../../../src/client/preview/use-collection-preview.ts"],"sourcesContent":[],"mappings":";;AAgBA;AAUA;AAwDA;;;AAEE,KApEU,2BAoEV,CAAA,KAAA,CAAA,GAAA;EAC6B;EAA5B,WAAA,EAnEY,KAmEZ;EAAgE;;;;0BA9DzC;;KAGd;;QAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAsDQ,mCAAmC;;;GAGhD,4BAA4B,SAAS,2BAA2B"}

package/dist/client/preview/use-collection-preview.mjs

@@ -0,0 +1,114 @@
+"use client";
+
+import * as React$1 from "react";
+
+//#region src/client/preview/use-collection-preview.ts
+/**
+* useCollectionPreview Hook
+*
+* Hook for frontend pages to receive live preview data from admin.
+* Handles postMessage communication with the admin iframe parent.
+*/
+/**
+* Hook for receiving live preview data from admin.
+*
+* Use this in your frontend page components to enable live preview.
+*
+* @example
+* ```tsx
+* function PageRoute() {
+*   const loaderData = Route.useLoaderData();
+*   const router = useRouter();
+*
+*   const { data, isPreviewMode, selectedBlockId, handleBlockClick } =
+*     useCollectionPreview({
+*       initialData: loaderData.page,
+*       onRefresh: () => router.invalidate(),
+*     });
+*
+*   return (
+*     <article>
+*       <PreviewField field="title" as="h1">{data.title}</PreviewField>
+*       <BlockRenderer
+*         content={data.content}
+*         blocks={blocks}
+*         selectedBlockId={selectedBlockId}
+*         onBlockClick={handleBlockClick}
+*       />
+*     </article>
+*   );
+* }
+* ```
+*/
+function useCollectionPreview({ initialData, onRefresh }) {
+	const [selectedBlockId, setSelectedBlockId] = React$1.useState(null);
+	const [focusedField, setFocusedField] = React$1.useState(null);
+	const isPreviewMode = React$1.useMemo(() => {
+		if (typeof window === "undefined") return false;
+		try {
+			return window.self !== window.top;
+		} catch {
+			return true;
+		}
+	}, []);
+	const onRefreshRef = React$1.useRef(onRefresh);
+	React$1.useEffect(() => {
+		onRefreshRef.current = onRefresh;
+	}, [onRefresh]);
+	React$1.useEffect(() => {
+		if (!isPreviewMode) return;
+		window.parent.postMessage({ type: "PREVIEW_READY" }, "*");
+		const handleMessage = async (event) => {
+			const message = event.data;
+			if (!message || typeof message !== "object" || !message.type) return;
+			switch (message.type) {
+				case "PREVIEW_REFRESH":
+					await onRefreshRef.current();
+					window.parent.postMessage({
+						type: "REFRESH_COMPLETE",
+						timestamp: Date.now()
+					}, "*");
+					break;
+				case "SELECT_BLOCK":
+					setSelectedBlockId(message.blockId);
+					break;
+				case "FOCUS_FIELD":
+					setFocusedField(message.fieldPath);
+					setTimeout(() => {
+						const element = document.querySelector(`[data-preview-field="${message.fieldPath}"]`);
+						if (element) element.scrollIntoView({
+							behavior: "smooth",
+							block: "center"
+						});
+					}, 150);
+					break;
+			}
+		};
+		window.addEventListener("message", handleMessage);
+		return () => window.removeEventListener("message", handleMessage);
+	}, [isPreviewMode]);
+	return {
+		data: initialData,
+		isPreviewMode,
+		selectedBlockId,
+		focusedField,
+		handleFieldClick: React$1.useCallback((fieldPath, context) => {
+			if (isPreviewMode) window.parent.postMessage({
+				type: "FIELD_CLICKED",
+				fieldPath,
+				blockId: context?.blockId,
+				fieldType: context?.fieldType
+			}, "*");
+		}, [isPreviewMode]),
+		handleBlockClick: React$1.useCallback((blockId) => {
+			if (isPreviewMode) window.parent.postMessage({
+				type: "BLOCK_CLICKED",
+				blockId
+			}, "*");
+		}, [isPreviewMode])
+	};
+}
+
+//#endregion
+export { useCollectionPreview };
+//# sourceMappingURL=use-collection-preview.mjs.map

package/dist/client/preview/use-collection-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collection-preview.mjs","names":["React"],"sources":["../../../src/client/preview/use-collection-preview.ts"],"sourcesContent":["/**\n * useCollectionPreview Hook\n *\n * Hook for frontend pages to receive live preview data from admin.\n * Handles postMessage communication with the admin iframe parent.\n */\n\n\"use client\";\n\nimport * as React from \"react\";\nimport type { AdminToPreviewMessage } from \"./types.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type UseCollectionPreviewOptions<TData> = {\n  /** Server-loaded data (from loader/SSR) */\n  initialData: TData;\n  /**\n   * Callback to refresh data (e.g., router.invalidate()).\n   * Required for preview functionality.\n   */\n  onRefresh: () => void | Promise<void>;\n};\n\nexport type UseCollectionPreviewResult<TData> = {\n  /** Current data (from initialData, refreshed via onRefresh) */\n  data: TData;\n  /** Whether we're in preview mode (inside admin iframe) */\n  isPreviewMode: boolean;\n  /** Currently selected block ID */\n  selectedBlockId: string | null;\n  /** Focused field path */\n  focusedField: string | null;\n  /** Call when a field is clicked in preview */\n  handleFieldClick: (\n    fieldPath: string,\n    context?: {\n      blockId?: string;\n      fieldType?: \"regular\" | \"block\" | \"relation\";\n    },\n  ) => void;\n  /** Call when a block is clicked in preview */\n  handleBlockClick: (blockId: string) => void;\n};\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook for receiving live preview data from admin.\n *\n * Use this in your frontend page components to enable live preview.\n *\n * @example\n * ```tsx\n * function PageRoute() {\n *   const loaderData = Route.useLoaderData();\n *   const router = useRouter();\n *\n *   const { data, isPreviewMode, selectedBlockId, handleBlockClick } =\n *     useCollectionPreview({\n *       initialData: loaderData.page,\n *       onRefresh: () => router.invalidate(),\n *     });\n *\n *   return (\n *     <article>\n *       <PreviewField field=\"title\" as=\"h1\">{data.title}</PreviewField>\n *       <BlockRenderer\n *         content={data.content}\n *         blocks={blocks}\n *         selectedBlockId={selectedBlockId}\n *         onBlockClick={handleBlockClick}\n *       />\n *     </article>\n *   );\n * }\n * ```\n */\nexport function useCollectionPreview<TData extends Record<string, unknown>>({\n  initialData,\n  onRefresh,\n}: UseCollectionPreviewOptions<TData>): UseCollectionPreviewResult<TData> {\n  const [selectedBlockId, setSelectedBlockId] = React.useState<string | null>(\n    null,\n  );\n  const [focusedField, setFocusedField] = React.useState<string | null>(null);\n\n  // Check if we're in an iframe (preview mode)\n  const isPreviewMode = React.useMemo(() => {\n    if (typeof window === \"undefined\") return false;\n    try {\n      return window.self !== window.top;\n    } catch {\n      // Cross-origin iframe - assume we're in preview mode\n      return true;\n    }\n  }, []);\n\n  // Keep onRefresh in a ref to avoid stale closures while maintaining stable reference\n  const onRefreshRef = React.useRef(onRefresh);\n  React.useEffect(() => {\n    onRefreshRef.current = onRefresh;\n  }, [onRefresh]);\n\n  // Set up postMessage listener\n  React.useEffect(() => {\n    if (!isPreviewMode) return;\n\n    // Signal that preview is ready\n    window.parent.postMessage({ type: \"PREVIEW_READY\" }, \"*\");\n\n    const handleMessage = async (\n      event: MessageEvent<AdminToPreviewMessage>,\n    ) => {\n      // In production, validate origin here\n      const message = event.data;\n\n      if (!message || typeof message !== \"object\" || !message.type) {\n        return;\n      }\n\n      switch (message.type) {\n        case \"PREVIEW_REFRESH\": {\n          await onRefreshRef.current();\n          window.parent.postMessage(\n            {\n              type: \"REFRESH_COMPLETE\",\n              timestamp: Date.now(),\n            },\n            \"*\",\n          );\n          break;\n        }\n\n        case \"SELECT_BLOCK\":\n          setSelectedBlockId(message.blockId);\n          break;\n\n        case \"FOCUS_FIELD\": {\n          setFocusedField(message.fieldPath);\n          // Scroll field into view (with delay to ensure React render)\n          setTimeout(() => {\n            const element = document.querySelector(\n              `[data-preview-field=\"${message.fieldPath}\"]`,\n            );\n            if (element) {\n              element.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n            }\n          }, 150);\n          break;\n        }\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [isPreviewMode]);\n\n  // Field click handler\n  const handleFieldClick = React.useCallback(\n    (\n      fieldPath: string,\n      context?: {\n        blockId?: string;\n        fieldType?: \"regular\" | \"block\" | \"relation\";\n      },\n    ) => {\n      if (isPreviewMode) {\n        window.parent.postMessage(\n          {\n            type: \"FIELD_CLICKED\",\n            fieldPath,\n            blockId: context?.blockId,\n            fieldType: context?.fieldType,\n          },\n          \"*\",\n        );\n      }\n    },\n    [isPreviewMode],\n  );\n\n  // Block click handler\n  const handleBlockClick = React.useCallback(\n    (blockId: string) => {\n      if (isPreviewMode) {\n        window.parent.postMessage({ type: \"BLOCK_CLICKED\", blockId }, \"*\");\n      }\n    },\n    [isPreviewMode],\n  );\n\n  return {\n    data: initialData,\n    isPreviewMode,\n    selectedBlockId,\n    focusedField,\n    handleFieldClick,\n    handleBlockClick,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAgB,qBAA4D,EAC1E,aACA,aACwE;CACxE,MAAM,CAAC,iBAAiB,sBAAsBA,QAAM,SAClD,KACD;CACD,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAAwB,KAAK;CAG3E,MAAM,gBAAgBA,QAAM,cAAc;AACxC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,UAAO,OAAO,SAAS,OAAO;UACxB;AAEN,UAAO;;IAER,EAAE,CAAC;CAGN,MAAM,eAAeA,QAAM,OAAO,UAAU;AAC5C,SAAM,gBAAgB;AACpB,eAAa,UAAU;IACtB,CAAC,UAAU,CAAC;AAGf,SAAM,gBAAgB;AACpB,MAAI,CAAC,cAAe;AAGpB,SAAO,OAAO,YAAY,EAAE,MAAM,iBAAiB,EAAE,IAAI;EAEzD,MAAM,gBAAgB,OACpB,UACG;GAEH,MAAM,UAAU,MAAM;AAEtB,OAAI,CAAC,WAAW,OAAO,YAAY,YAAY,CAAC,QAAQ,KACtD;AAGF,WAAQ,QAAQ,MAAhB;IACE,KAAK;AACH,WAAM,aAAa,SAAS;AAC5B,YAAO,OAAO,YACZ;MACE,MAAM;MACN,WAAW,KAAK,KAAK;MACtB,EACD,IACD;AACD;IAGF,KAAK;AACH,wBAAmB,QAAQ,QAAQ;AACnC;IAEF,KAAK;AACH,qBAAgB,QAAQ,UAAU;AAElC,sBAAiB;MACf,MAAM,UAAU,SAAS,cACvB,wBAAwB,QAAQ,UAAU,IAC3C;AACD,UAAI,QACF,SAAQ,eAAe;OAAE,UAAU;OAAU,OAAO;OAAU,CAAC;QAEhE,IAAI;AACP;;;AAKN,SAAO,iBAAiB,WAAW,cAAc;AACjD,eAAa,OAAO,oBAAoB,WAAW,cAAc;IAChE,CAAC,cAAc,CAAC;AAoCnB,QAAO;EACL,MAAM;EACN;EACA;EACA;EACA,kBAtCuBA,QAAM,aAE3B,WACA,YAIG;AACH,OAAI,cACF,QAAO,OAAO,YACZ;IACE,MAAM;IACN;IACA,SAAS,SAAS;IAClB,WAAW,SAAS;IACrB,EACD,IACD;KAGL,CAAC,cAAc,CAChB;EAkBC,kBAfuBA,QAAM,aAC5B,YAAoB;AACnB,OAAI,cACF,QAAO,OAAO,YAAY;IAAE,MAAM;IAAiB;IAAS,EAAE,IAAI;KAGtE,CAAC,cAAc,CAChB;EASA"}

package/dist/client/runtime/content-locales-provider.d.mts

@@ -0,0 +1 @@
+import { ReactElement, ReactNode } from "react";