@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/editor/components/IframeWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IframeWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/components/IframeWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAEzH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAMrD;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,yCAAsC,CAAA;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,sBAA4C,CAAA;AAE5E;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAaD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAUD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,0DAmYxB,CAAA"}
+{"version":3,"file":"IframeWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/components/IframeWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAEzH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAM9D;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,yCAAsC,CAAA;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,sBAA4C,CAAA;AAE5E;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAaD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAUD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,0DAmYxB,CAAA"}

package/dist/editor/components/IframeWrapper.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useEffect, useMemo, useState, createContext, useContext } from 'react';
 import { createUsePuck } from '@puckeditor/core';
-import { backgroundValueToCSS } from '../../fields/shared';
+import { backgroundValueToCSS } from '../../fields/shared.js';
 // Create usePuck hook for accessing editor state
 const usePuck = createUsePuck();
 /**
@@ -12,8 +12,7 @@ const usePuck = createUsePuck();
  *
  * This allows Puck components to reactively respond to preview theme changes
  * without polling or MutationObserver hacks.
- */
-export const PuckPreviewThemeContext = createContext(null);
+ */ export const PuckPreviewThemeContext = /*#__PURE__*/ createContext(null);
 /**
  * Hook to get the current preview theme from IframeWrapper context.
  *
@@ -32,14 +31,12 @@ export const PuckPreviewThemeContext = createContext(null);
  *   return <div className={isDark ? 'dark-styles' : 'light-styles'}>...</div>
  * }
  * ```
- */
-export const usePuckPreviewTheme = () => useContext(PuckPreviewThemeContext);
+ */ export const usePuckPreviewTheme = ()=>useContext(PuckPreviewThemeContext);
 /**
  * Default layout config
- */
-const DEFAULT_LAYOUT_CONFIG = {
+ */ const DEFAULT_LAYOUT_CONFIG = {
     background: '#ffffff',
-    isDark: false,
+    isDark: false
 };
 /**
  * Theme-aware iframe wrapper component
@@ -64,9 +61,8 @@ const DEFAULT_LAYOUT_CONFIG = {
  *   ),
  * }
  * ```
- */
-export const IframeWrapper = memo(function IframeWrapper({ children, document: iframeDoc, layouts, layoutStyles, layoutKey = 'pageLayout', defaultLayout = 'default', editorStylesheets, editorCss, previewDarkModeOverride, }) {
-    const appState = usePuck((s) => s.appState);
+ */ export const IframeWrapper = /*#__PURE__*/ memo(function IframeWrapper({ children, document: iframeDoc, layouts, layoutStyles, layoutKey = 'pageLayout', defaultLayout = 'default', editorStylesheets, editorCss, previewDarkModeOverride }) {
+    const appState = usePuck((s)=>s.appState);
     // Track stylesheet loading state to force re-render when styles are ready
     const [stylesLoaded, setStylesLoaded] = useState(false);
     // Check if we're in interactive mode (links should be clickable)
@@ -79,17 +75,17 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
     const showFooterOverride = rootProps?.showFooter;
     const pageBackground = rootProps?.pageBackground;
     // Convert layouts array to config map, or use deprecated layoutStyles
-    const layoutConfigMap = useMemo(() => {
+    const layoutConfigMap = useMemo(()=>{
         // If layouts prop provided, convert to internal format
         if (layouts) {
             const map = {};
-            for (const layout of layouts) {
+            for (const layout of layouts){
                 map[layout.value] = {
                     background: layout.editorBackground ?? '#ffffff',
                     isDark: layout.editorDarkMode ?? false,
                     header: layout.header,
                     footer: layout.footer,
-                    stickyHeaderHeight: layout.stickyHeaderHeight,
+                    stickyHeaderHeight: layout.stickyHeaderHeight
                 };
             }
             return map;
@@ -99,15 +95,19 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
             return layoutStyles;
         }
         // Default fallback
-        return { default: DEFAULT_LAYOUT_CONFIG };
-    }, [layouts, layoutStyles]);
+        return {
+            default: DEFAULT_LAYOUT_CONFIG
+        };
+    }, [
+        layouts,
+        layoutStyles
+    ]);
     // Get config for current layout
     const layoutConfig = layoutConfigMap[layoutValue] || layoutConfigMap[defaultLayout] || DEFAULT_LAYOUT_CONFIG;
     // Calculate isDark for context provider (same logic as in useEffect)
     const isDark = previewDarkModeOverride ?? layoutConfig.isDark;
-    useEffect(() => {
-        if (!iframeDoc)
-            return;
+    useEffect(()=>{
+        if (!iframeDoc) return;
         const body = iframeDoc.body;
         const html = iframeDoc.documentElement;
         // Apply background - page-level override takes precedence
@@ -119,8 +119,7 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
             body.style.backgroundImage = '';
             // Apply new styles
             Object.assign(body.style, bgStyles);
-        }
-        else {
+        } else {
             body.style.background = layoutConfig.background;
         }
         body.style.backgroundAttachment = 'fixed';
@@ -133,8 +132,7 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
             html.classList.remove('light');
             html.setAttribute('data-theme', 'dark');
             body.style.color = '#ffffff';
-        }
-        else {
+        } else {
             html.classList.remove('dark');
             html.classList.add('light');
             html.setAttribute('data-theme', 'light');
@@ -145,7 +143,7 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
         if (editorStylesheets && editorStylesheets.length > 0) {
             let pendingLoads = 0;
             let loadedCount = 0;
-            const checkAllLoaded = () => {
+            const checkAllLoaded = ()=>{
                 loadedCount++;
                 if (loadedCount >= pendingLoads) {
                     // All stylesheets loaded - force browser to recalculate styles
@@ -153,17 +151,15 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
                     setStylesLoaded(true);
                     // Force a browser repaint after styles load
                     // Use multiple techniques to ensure CSS is applied to existing elements
-                    requestAnimationFrame(() => {
-                        if (!html || !body)
-                            return;
+                    requestAnimationFrame(()=>{
+                        if (!html || !body) return;
                         // Technique 1: Re-apply theme classes (mimics what dark mode toggle does)
                         const isDark = previewDarkModeOverride ?? layoutConfig.isDark;
                         if (isDark) {
                             html.classList.remove('dark');
                             void html.offsetHeight; // Force reflow
                             html.classList.add('dark');
-                        }
-                        else {
+                        } else {
                             html.classList.remove('light');
                             void html.offsetHeight; // Force reflow
                             html.classList.add('light');
@@ -181,13 +177,12 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
             const origin = typeof window !== 'undefined' ? window.location.origin : '';
             // Track which stylesheets have been counted to avoid double-counting
             const loadedIndexes = new Set();
-            const markLoaded = (index) => {
-                if (loadedIndexes.has(index))
-                    return;
+            const markLoaded = (index)=>{
+                if (loadedIndexes.has(index)) return;
                 loadedIndexes.add(index);
                 checkAllLoaded();
             };
-            editorStylesheets.forEach((href, index) => {
+            editorStylesheets.forEach((href, index)=>{
                 const linkId = `puck-editor-stylesheet-${index}`;
                 const existingLink = iframeDoc.getElementById(linkId);
                 if (!existingLink) {
@@ -198,30 +193,28 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
                     // Resolve relative URLs to absolute URLs for iframe compatibility
                     link.href = href.startsWith('/') ? `${origin}${href}` : href;
                     // Track when stylesheet loads
-                    link.onload = () => markLoaded(index);
-                    link.onerror = () => markLoaded(index); // Count errors too to avoid hanging
+                    link.onload = ()=>markLoaded(index);
+                    link.onerror = ()=>markLoaded(index); // Count errors too to avoid hanging
                     iframeDoc.head.appendChild(link);
                     // Fallback: if onload doesn't fire within 2 seconds, force trigger
                     // This handles edge cases with cached resources or browser quirks
-                    setTimeout(() => {
+                    setTimeout(()=>{
                         if (!loadedIndexes.has(index)) {
                             markLoaded(index);
                         }
                     }, 2000);
-                }
-                else if (!stylesLoaded) {
+                } else if (!stylesLoaded) {
                     // Link exists - assume it's already loaded
                     pendingLoads++;
                     // Immediately mark as loaded since it's already in the DOM
-                    requestAnimationFrame(() => markLoaded(index));
+                    requestAnimationFrame(()=>markLoaded(index));
                 }
             });
             // If no new stylesheets to load, mark as loaded
             if (pendingLoads === 0 && !stylesLoaded) {
                 setStylesLoaded(true);
             }
-        }
-        else if (!stylesLoaded) {
+        } else if (!stylesLoaded) {
             // No stylesheets to load
             setStylesLoaded(true);
         }
@@ -352,7 +345,15 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
       `;
             iframeDoc.head.appendChild(style);
         }
-    }, [iframeDoc, layoutConfig, pageBackground, editorStylesheets, editorCss, stylesLoaded, previewDarkModeOverride]);
+    }, [
+        iframeDoc,
+        layoutConfig,
+        pageBackground,
+        editorStylesheets,
+        editorCss,
+        stylesLoaded,
+        previewDarkModeOverride
+    ]);
     // Get header/footer components from layout config
     const LayoutHeader = layoutConfig.header;
     const LayoutFooter = layoutConfig.footer;
@@ -360,16 +361,8 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
     // 'default' or undefined = use layout setting
     // 'show' = always show (even if layout doesn't have one - use layout's component)
     // 'hide' = always hide
-    const shouldShowHeader = showHeaderOverride === 'hide'
-        ? false
-        : showHeaderOverride === 'show'
-            ? !!LayoutHeader
-            : !!LayoutHeader;
-    const shouldShowFooter = showFooterOverride === 'hide'
-        ? false
-        : showFooterOverride === 'show'
-            ? !!LayoutFooter
-            : !!LayoutFooter;
+    const shouldShowHeader = showHeaderOverride === 'hide' ? false : showHeaderOverride === 'show' ? !!LayoutHeader : !!LayoutHeader;
+    const shouldShowFooter = showFooterOverride === 'hide' ? false : showFooterOverride === 'show' ? !!LayoutFooter : !!LayoutFooter;
     // If we have header or footer to show, wrap in flex container to ensure proper layout
     if (shouldShowHeader || shouldShowFooter) {
         // Calculate content padding for sticky headers (only if header is actually shown)
@@ -377,17 +370,48 @@ export const IframeWrapper = memo(function IframeWrapper({ children, document: i
             flex: 1,
             position: 'relative',
             // Add padding-top for sticky headers so content doesn't render behind them
-            ...(shouldShowHeader && layoutConfig.stickyHeaderHeight && { paddingTop: layoutConfig.stickyHeaderHeight }),
+            ...shouldShowHeader && layoutConfig.stickyHeaderHeight && {
+                paddingTop: layoutConfig.stickyHeaderHeight
+            }
         };
         // Disable pointer events on header/footer in edit mode to prevent accidental clicks
-        const headerFooterStyle = isInteractive
-            ? {}
-            : { pointerEvents: 'none' };
+        const headerFooterStyle = isInteractive ? {} : {
+            pointerEvents: 'none'
+        };
         // Use key to force re-render when styles finish loading
         // This ensures Tailwind classes are applied after the stylesheet loads
-        return (_jsx(PuckPreviewThemeContext.Provider, { value: isDark, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', minHeight: '100vh' }, children: [shouldShowHeader && LayoutHeader && (_jsx("div", { style: headerFooterStyle, children: _jsx(LayoutHeader, {}) })), _jsx("div", { style: contentStyle, children: children }), shouldShowFooter && LayoutFooter && (_jsx("div", { style: headerFooterStyle, children: _jsx(LayoutFooter, {}) }))] }, stylesLoaded ? 'styles-loaded' : 'styles-loading') }));
+        return /*#__PURE__*/ _jsx(PuckPreviewThemeContext.Provider, {
+            value: isDark,
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    minHeight: '100vh'
+                },
+                children: [
+                    shouldShowHeader && LayoutHeader && /*#__PURE__*/ _jsx("div", {
+                        style: headerFooterStyle,
+                        children: /*#__PURE__*/ _jsx(LayoutHeader, {})
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        style: contentStyle,
+                        children: children
+                    }),
+                    shouldShowFooter && LayoutFooter && /*#__PURE__*/ _jsx("div", {
+                        style: headerFooterStyle,
+                        children: /*#__PURE__*/ _jsx(LayoutFooter, {})
+                    })
+                ]
+            }, stylesLoaded ? 'styles-loaded' : 'styles-loading')
+        });
     }
     // Use key to force re-render when styles finish loading
-    return (_jsx(PuckPreviewThemeContext.Provider, { value: isDark, children: _jsx("div", { children: children }, stylesLoaded ? 'styles-loaded' : 'styles-loading') }));
+    return /*#__PURE__*/ _jsx(PuckPreviewThemeContext.Provider, {
+        value: isDark,
+        children: /*#__PURE__*/ _jsx("div", {
+            children: children
+        }, stylesLoaded ? 'styles-loaded' : 'styles-loading')
+    });
 });
+
 //# sourceMappingURL=IframeWrapper.js.map

package/dist/editor/components/IframeWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"IframeWrapper.js","sourceRoot":"","sources":["../../../src/editor/components/IframeWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/editor/components/IframeWrapper.tsx"],"sourcesContent":["'use client'\n\nimport { memo, useEffect, useMemo, useState, createContext, useContext, type ReactNode, type ComponentType } from 'react'\nimport { createUsePuck } from '@puckeditor/core'\nimport type { LayoutDefinition } from '../../layouts/index.js'\nimport { backgroundValueToCSS, type BackgroundValue } from '../../fields/shared.js'\n\n// Create usePuck hook for accessing editor state\nconst usePuck = createUsePuck()\n\n/**\n * Context for preview dark mode state.\n * - `null` = not inside the editor (use DOM-based theme detection)\n * - `boolean` = inside the editor, indicates current dark mode state\n *\n * This allows Puck components to reactively respond to preview theme changes\n * without polling or MutationObserver hacks.\n */\nexport const PuckPreviewThemeContext = createContext<boolean | null>(null)\n\n/**\n * Hook to get the current preview theme from IframeWrapper context.\n *\n * @returns `null` if not inside the editor, or a `boolean` indicating dark mode state\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const previewTheme = usePuckPreviewTheme()\n *\n *   // If in editor, use context; otherwise fall back to DOM\n *   const isDark = previewTheme !== null\n *     ? previewTheme\n *     : document.documentElement.getAttribute('data-theme') === 'dark'\n *\n *   return <div className={isDark ? 'dark-styles' : 'light-styles'}>...</div>\n * }\n * ```\n */\nexport const usePuckPreviewTheme = () => useContext(PuckPreviewThemeContext)\n\n/**\n * Layout style configuration for theme-aware preview\n * @deprecated Use LayoutDefinition with editorBackground and editorDarkMode instead\n */\nexport interface LayoutStyle {\n  /**\n   * CSS background value (color, gradient, etc.)\n   */\n  background: string\n  /**\n   * Whether this layout uses dark mode styling\n   */\n  isDark: boolean\n  /**\n   * Header component to render above the page content in the editor preview\n   */\n  header?: ComponentType\n  /**\n   * Footer component to render below the page content in the editor preview\n   */\n  footer?: ComponentType\n}\n\n/**\n * Internal layout config used by the iframe wrapper\n */\ninterface InternalLayoutConfig {\n  background: string\n  isDark: boolean\n  header?: ComponentType\n  footer?: ComponentType\n  stickyHeaderHeight?: number\n}\n\nexport interface IframeWrapperProps {\n  children: ReactNode\n  /**\n   * The iframe document to apply styles to\n   */\n  document?: Document\n  /**\n   * Layout definitions - the primary way to configure layouts.\n   * Reads header, footer, editorBackground, and editorDarkMode from each layout.\n   */\n  layouts?: LayoutDefinition[]\n  /**\n   * Layout style configurations keyed by layout value\n   * @deprecated Use `layouts` prop instead\n   */\n  layoutStyles?: Record<string, LayoutStyle>\n  /**\n   * Key in root.props to read layout value from\n   * @default 'pageLayout'\n   */\n  layoutKey?: string\n  /**\n   * Default layout to use if none specified\n   * @default 'default'\n   */\n  defaultLayout?: string\n  /**\n   * Stylesheet URLs to inject into the iframe.\n   * These are merged from PuckConfigProvider and layout-specific settings.\n   * Use this to provide frontend CSS (Tailwind, CSS variables, etc.) that\n   * header/footer components need for proper styling.\n   */\n  editorStylesheets?: string[]\n  /**\n   * Raw CSS to inject into the iframe.\n   * Merged from PuckConfigProvider and layout-specific settings.\n   * Useful for CSS variables or style overrides.\n   */\n  editorCss?: string\n  /**\n   * Override the layout's dark mode setting for the preview.\n   * When true, forces dark mode in the preview iframe.\n   * When false, forces light mode in the preview iframe.\n   * When undefined, uses the layout's editorDarkMode setting.\n   */\n  previewDarkModeOverride?: boolean\n}\n\n/**\n * Default layout config\n */\nconst DEFAULT_LAYOUT_CONFIG: InternalLayoutConfig = {\n  background: '#ffffff',\n  isDark: false,\n}\n\n/**\n * Theme-aware iframe wrapper component\n *\n * Uses usePuck to read the pageLayout from root.props and applies\n * appropriate background and theme class to the preview iframe.\n *\n * @example\n * ```tsx\n * // Using layouts (recommended)\n * const overrides = {\n *   iframe: ({ children, document }) => (\n *     <IframeWrapper\n *       document={document}\n *       layouts={[\n *         { value: 'default', label: 'Default', header: Header, footer: Footer },\n *         { value: 'landing', label: 'Landing', editorBackground: '#f8fafc' },\n *       ]}\n *     >\n *       {children}\n *     </IframeWrapper>\n *   ),\n * }\n * ```\n */\nexport const IframeWrapper = memo(function IframeWrapper({\n  children,\n  document: iframeDoc,\n  layouts,\n  layoutStyles,\n  layoutKey = 'pageLayout',\n  defaultLayout = 'default',\n  editorStylesheets,\n  editorCss,\n  previewDarkModeOverride,\n}: IframeWrapperProps) {\n  const appState = usePuck((s) => s.appState)\n\n  // Track stylesheet loading state to force re-render when styles are ready\n  const [stylesLoaded, setStylesLoaded] = useState(false)\n\n  // Check if we're in interactive mode (links should be clickable)\n  const isInteractive = appState.ui.previewMode === 'interactive'\n\n  // Read layout value and page-level overrides from root props\n  const rootProps = appState.data.root?.props as Record<string, unknown> | undefined\n  const layoutValue = (rootProps?.[layoutKey] as string) || defaultLayout\n\n  // Page-level overrides\n  const showHeaderOverride = rootProps?.showHeader as 'default' | 'show' | 'hide' | undefined\n  const showFooterOverride = rootProps?.showFooter as 'default' | 'show' | 'hide' | undefined\n  const pageBackground = rootProps?.pageBackground as BackgroundValue | null | undefined\n\n  // Convert layouts array to config map, or use deprecated layoutStyles\n  const layoutConfigMap = useMemo<Record<string, InternalLayoutConfig>>(() => {\n    // If layouts prop provided, convert to internal format\n    if (layouts) {\n      const map: Record<string, InternalLayoutConfig> = {}\n      for (const layout of layouts) {\n        map[layout.value] = {\n          background: layout.editorBackground ?? '#ffffff',\n          isDark: layout.editorDarkMode ?? false,\n          header: layout.header,\n          footer: layout.footer,\n          stickyHeaderHeight: layout.stickyHeaderHeight,\n        }\n      }\n      return map\n    }\n\n    // Fall back to deprecated layoutStyles if provided\n    if (layoutStyles) {\n      return layoutStyles\n    }\n\n    // Default fallback\n    return { default: DEFAULT_LAYOUT_CONFIG }\n  }, [layouts, layoutStyles])\n\n  // Get config for current layout\n  const layoutConfig = layoutConfigMap[layoutValue] || layoutConfigMap[defaultLayout] || DEFAULT_LAYOUT_CONFIG\n\n  // Calculate isDark for context provider (same logic as in useEffect)\n  const isDark = previewDarkModeOverride ?? layoutConfig.isDark\n\n  useEffect(() => {\n    if (!iframeDoc) return\n\n    const body = iframeDoc.body\n    const html = iframeDoc.documentElement\n\n    // Apply background - page-level override takes precedence\n    if (pageBackground) {\n      const bgStyles = backgroundValueToCSS(pageBackground)\n      // Clear previous background styles\n      body.style.background = ''\n      body.style.backgroundColor = ''\n      body.style.backgroundImage = ''\n      // Apply new styles\n      Object.assign(body.style, bgStyles)\n    } else {\n      body.style.background = layoutConfig.background\n    }\n    body.style.backgroundAttachment = 'fixed'\n    body.style.minHeight = '100vh'\n\n    // Apply theme class and data-theme attribute for dark/light mode\n    // Supports both patterns: CSS classes (.dark/.light) and data attributes ([data-theme='dark'])\n    // previewDarkModeOverride takes precedence over layoutConfig.isDark\n    if (isDark) {\n      html.classList.add('dark')\n      html.classList.remove('light')\n      html.setAttribute('data-theme', 'dark')\n      body.style.color = '#ffffff'\n    } else {\n      html.classList.remove('dark')\n      html.classList.add('light')\n      html.setAttribute('data-theme', 'light')\n      body.style.color = '#1f2937' // gray-800\n    }\n\n    // Inject external stylesheets (Tailwind CSS, CSS variables, etc.)\n    // These provide the styles needed for header/footer components\n    if (editorStylesheets && editorStylesheets.length > 0) {\n      let pendingLoads = 0\n      let loadedCount = 0\n\n      const checkAllLoaded = () => {\n        loadedCount++\n        if (loadedCount >= pendingLoads) {\n          // All stylesheets loaded - force browser to recalculate styles\n          // This is necessary because the DOM was already rendered before CSS loaded\n          setStylesLoaded(true)\n\n          // Force a browser repaint after styles load\n          // Use multiple techniques to ensure CSS is applied to existing elements\n          requestAnimationFrame(() => {\n            if (!html || !body) return\n\n            // Technique 1: Re-apply theme classes (mimics what dark mode toggle does)\n            const isDark = previewDarkModeOverride ?? layoutConfig.isDark\n            if (isDark) {\n              html.classList.remove('dark')\n              void html.offsetHeight // Force reflow\n              html.classList.add('dark')\n            } else {\n              html.classList.remove('light')\n              void html.offsetHeight // Force reflow\n              html.classList.add('light')\n            }\n\n            // Technique 2: Toggle visibility to force repaint\n            body.style.visibility = 'hidden'\n            void body.offsetHeight\n            body.style.visibility = ''\n          })\n        }\n      }\n\n      // Get origin for resolving relative URLs\n      // Puck's iframe may use srcdoc which doesn't have a proper base URL,\n      // so relative paths like '/api/puck/styles' won't resolve correctly\n      const origin = typeof window !== 'undefined' ? window.location.origin : ''\n\n      // Track which stylesheets have been counted to avoid double-counting\n      const loadedIndexes = new Set<number>()\n\n      const markLoaded = (index: number) => {\n        if (loadedIndexes.has(index)) return\n        loadedIndexes.add(index)\n        checkAllLoaded()\n      }\n\n      editorStylesheets.forEach((href, index) => {\n        const linkId = `puck-editor-stylesheet-${index}`\n        const existingLink = iframeDoc.getElementById(linkId) as HTMLLinkElement | null\n\n        if (!existingLink) {\n          pendingLoads++\n          const link = iframeDoc.createElement('link')\n          link.id = linkId\n          link.rel = 'stylesheet'\n          // Resolve relative URLs to absolute URLs for iframe compatibility\n          link.href = href.startsWith('/') ? `${origin}${href}` : href\n          // Track when stylesheet loads\n          link.onload = () => markLoaded(index)\n          link.onerror = () => markLoaded(index) // Count errors too to avoid hanging\n          iframeDoc.head.appendChild(link)\n\n          // Fallback: if onload doesn't fire within 2 seconds, force trigger\n          // This handles edge cases with cached resources or browser quirks\n          setTimeout(() => {\n            if (!loadedIndexes.has(index)) {\n              markLoaded(index)\n            }\n          }, 2000)\n        } else if (!stylesLoaded) {\n          // Link exists - assume it's already loaded\n          pendingLoads++\n          // Immediately mark as loaded since it's already in the DOM\n          requestAnimationFrame(() => markLoaded(index))\n        }\n      })\n\n      // If no new stylesheets to load, mark as loaded\n      if (pendingLoads === 0 && !stylesLoaded) {\n        setStylesLoaded(true)\n      }\n    } else if (!stylesLoaded) {\n      // No stylesheets to load\n      setStylesLoaded(true)\n    }\n\n    // Inject custom CSS (CSS variables, overrides, etc.)\n    if (editorCss) {\n      const CUSTOM_CSS_ID = 'puck-editor-custom-css'\n      let style = iframeDoc.getElementById(CUSTOM_CSS_ID) as HTMLStyleElement | null\n      if (!style) {\n        style = iframeDoc.createElement('style')\n        style.id = CUSTOM_CSS_ID\n        iframeDoc.head.appendChild(style)\n      }\n      style.textContent = editorCss\n    }\n\n    // Inject richtext-output styles into the iframe for proper heading/list rendering\n    const RICHTEXT_STYLES_ID = 'puck-richtext-output-styles'\n    if (!iframeDoc.getElementById(RICHTEXT_STYLES_ID)) {\n      const style = iframeDoc.createElement('style')\n      style.id = RICHTEXT_STYLES_ID\n      style.textContent = `\n        /* Rich Text Output Styles for Puck Preview */\n        .richtext-output {\n          font-size: 1.125rem;\n          line-height: 1.75;\n          color: inherit;\n        }\n        .richtext-output h1 {\n          margin-top: 2rem;\n          margin-bottom: 1rem;\n          font-weight: 700;\n          font-size: 2.25rem;\n          line-height: 1.2;\n        }\n        .richtext-output h1:first-child { margin-top: 0; }\n        .richtext-output h2 {\n          margin-top: 2rem;\n          margin-bottom: 1rem;\n          font-weight: 700;\n          font-size: 1.875rem;\n          line-height: 1.25;\n        }\n        .richtext-output h2:first-child { margin-top: 0; }\n        .richtext-output h3 {\n          margin-top: 2rem;\n          margin-bottom: 1rem;\n          font-weight: 700;\n          font-size: 1.5rem;\n          line-height: 1.3;\n        }\n        .richtext-output h3:first-child { margin-top: 0; }\n        .richtext-output h4 {\n          margin-top: 2rem;\n          margin-bottom: 1rem;\n          font-weight: 700;\n          font-size: 1.25rem;\n          line-height: 1.35;\n        }\n        .richtext-output h4:first-child { margin-top: 0; }\n        .richtext-output p {\n          margin-bottom: 1.25rem;\n        }\n        .richtext-output p:last-child { margin-bottom: 0; }\n        .richtext-output ul {\n          margin-bottom: 1.25rem;\n          padding-left: 2rem;\n          list-style-type: disc !important;\n        }\n        .richtext-output ol {\n          margin-bottom: 1.25rem;\n          padding-left: 2rem;\n          list-style-type: decimal !important;\n        }\n        .richtext-output li {\n          margin-bottom: 0.5rem;\n          display: list-item !important;\n        }\n        .richtext-output li::marker {\n          color: currentColor;\n        }\n        .richtext-output ul ul,\n        .richtext-output ol ul {\n          list-style-type: circle !important;\n          margin-top: 0.5rem;\n          margin-bottom: 0;\n        }\n        .richtext-output ul ul ul,\n        .richtext-output ol ul ul {\n          list-style-type: square !important;\n        }\n        .richtext-output ol ol,\n        .richtext-output ul ol {\n          list-style-type: lower-alpha !important;\n          margin-top: 0.5rem;\n          margin-bottom: 0;\n        }\n        .richtext-output blockquote {\n          margin: 1.5rem 0;\n          padding-left: 1.5rem;\n          border-left: 4px solid #e5e7eb;\n          font-style: italic;\n        }\n        .richtext-output a {\n          color: #2563eb;\n          text-decoration: underline;\n        }\n        .richtext-output a:hover { opacity: 0.8; }\n        .richtext-output code {\n          background-color: #f3f4f6;\n          padding: 0.125rem 0.25rem;\n          border-radius: 0.25rem;\n          font-size: 0.875rem;\n        }\n        .richtext-output mark {\n          background-color: #fef08a;\n          padding: 0.125rem 0.25rem;\n          border-radius: 0.125rem;\n        }\n        .richtext-output s,\n        .richtext-output strike {\n          text-decoration: line-through;\n        }\n        @media (max-width: 768px) {\n          .richtext-output { font-size: 1rem; }\n          .richtext-output h1 { font-size: 1.875rem; }\n          .richtext-output h2 { font-size: 1.5rem; }\n          .richtext-output h3 { font-size: 1.25rem; }\n        }\n      `\n      iframeDoc.head.appendChild(style)\n    }\n  }, [iframeDoc, layoutConfig, pageBackground, editorStylesheets, editorCss, stylesLoaded, previewDarkModeOverride])\n\n  // Get header/footer components from layout config\n  const LayoutHeader = layoutConfig.header\n  const LayoutFooter = layoutConfig.footer\n\n  // Determine header/footer visibility based on page-level overrides\n  // 'default' or undefined = use layout setting\n  // 'show' = always show (even if layout doesn't have one - use layout's component)\n  // 'hide' = always hide\n  const shouldShowHeader =\n    showHeaderOverride === 'hide'\n      ? false\n      : showHeaderOverride === 'show'\n        ? !!LayoutHeader\n        : !!LayoutHeader\n\n  const shouldShowFooter =\n    showFooterOverride === 'hide'\n      ? false\n      : showFooterOverride === 'show'\n        ? !!LayoutFooter\n        : !!LayoutFooter\n\n  // If we have header or footer to show, wrap in flex container to ensure proper layout\n  if (shouldShowHeader || shouldShowFooter) {\n    // Calculate content padding for sticky headers (only if header is actually shown)\n    const contentStyle: React.CSSProperties = {\n      flex: 1,\n      position: 'relative',\n      // Add padding-top for sticky headers so content doesn't render behind them\n      ...(shouldShowHeader && layoutConfig.stickyHeaderHeight && { paddingTop: layoutConfig.stickyHeaderHeight }),\n    }\n\n    // Disable pointer events on header/footer in edit mode to prevent accidental clicks\n    const headerFooterStyle: React.CSSProperties = isInteractive\n      ? {}\n      : { pointerEvents: 'none' }\n\n    // Use key to force re-render when styles finish loading\n    // This ensures Tailwind classes are applied after the stylesheet loads\n    return (\n      <PuckPreviewThemeContext.Provider value={isDark}>\n        <div\n          key={stylesLoaded ? 'styles-loaded' : 'styles-loading'}\n          style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}\n        >\n          {shouldShowHeader && LayoutHeader && (\n            <div style={headerFooterStyle}>\n              <LayoutHeader />\n            </div>\n          )}\n          <div style={contentStyle}>{children}</div>\n          {shouldShowFooter && LayoutFooter && (\n            <div style={headerFooterStyle}>\n              <LayoutFooter />\n            </div>\n          )}\n        </div>\n      </PuckPreviewThemeContext.Provider>\n    )\n  }\n\n  // Use key to force re-render when styles finish loading\n  return (\n    <PuckPreviewThemeContext.Provider value={isDark}>\n      <div key={stylesLoaded ? 'styles-loaded' : 'styles-loading'}>\n        {children}\n      </div>\n    </PuckPreviewThemeContext.Provider>\n  )\n})\n"],"names":["memo","useEffect","useMemo","useState","createContext","useContext","createUsePuck","backgroundValueToCSS","usePuck","PuckPreviewThemeContext","usePuckPreviewTheme","DEFAULT_LAYOUT_CONFIG","background","isDark","IframeWrapper","children","document","iframeDoc","layouts","layoutStyles","layoutKey","defaultLayout","editorStylesheets","editorCss","previewDarkModeOverride","appState","s","stylesLoaded","setStylesLoaded","isInteractive","ui","previewMode","rootProps","data","root","props","layoutValue","showHeaderOverride","showHeader","showFooterOverride","showFooter","pageBackground","layoutConfigMap","map","layout","value","editorBackground","editorDarkMode","header","footer","stickyHeaderHeight","default","layoutConfig","body","html","documentElement","bgStyles","style","backgroundColor","backgroundImage","Object","assign","backgroundAttachment","minHeight","classList","add","remove","setAttribute","color","length","pendingLoads","loadedCount","checkAllLoaded","requestAnimationFrame","offsetHeight","visibility","origin","window","location","loadedIndexes","Set","markLoaded","index","has","forEach","href","linkId","existingLink","getElementById","link","createElement","id","rel","startsWith","onload","onerror","head","appendChild","setTimeout","CUSTOM_CSS_ID","textContent","RICHTEXT_STYLES_ID","LayoutHeader","LayoutFooter","shouldShowHeader","shouldShowFooter","contentStyle","flex","position","paddingTop","headerFooterStyle","pointerEvents","Provider","div","display","flexDirection"],"mappings":"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"}

package/dist/editor/components/LoadingState.d.ts

@@ -10,5 +10,5 @@ export interface LoadingStateProps {
  *
  * Used as the fallback for dynamic import with ssr: false
  */
-export declare function LoadingState({ message }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingState({ message }: LoadingStateProps): import("react").JSX.Element;
 //# sourceMappingURL=LoadingState.d.ts.map

package/dist/editor/components/LoadingState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoadingState.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAA6B,EAAE,EAAE,iBAAiB,2CAShF"}
+{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../src/editor/components/LoadingState.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAA6B,EAAE,EAAE,iBAAiB,+BAShF"}

package/dist/editor/components/LoadingState.js

@@ -5,8 +5,22 @@ import { Loader2 } from 'lucide-react';
  * Loading indicator shown while the Puck editor is being loaded
  *
  * Used as the fallback for dynamic import with ssr: false
- */
-export function LoadingState({ message = 'Loading editor...' }) {
-    return (_jsx("div", { className: "h-screen flex items-center justify-center bg-gray-50", children: _jsxs("div", { className: "text-center", children: [_jsx(Loader2, { className: "h-8 w-8 animate-spin text-gray-600 mx-auto mb-4" }), _jsx("p", { className: "text-gray-600", children: message })] }) }));
+ */ export function LoadingState({ message = 'Loading editor...' }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "h-screen flex items-center justify-center bg-gray-50",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "text-center",
+            children: [
+                /*#__PURE__*/ _jsx(Loader2, {
+                    className: "h-8 w-8 animate-spin text-gray-600 mx-auto mb-4"
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    className: "text-gray-600",
+                    children: message
+                })
+            ]
+        })
+    });
 }
+
 //# sourceMappingURL=LoadingState.js.map

package/dist/editor/components/LoadingState.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.js","sourceRoot":"","sources":["../../../src/editor/components/LoadingState.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAUtC;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,EAAqB;IAC/E,OAAO,CACL,cAAK,SAAS,EAAC,sDAAsD,YACnE,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,OAAO,IAAC,SAAS,EAAC,iDAAiD,GAAG,EACvE,YAAG,SAAS,EAAC,eAAe,YAAE,OAAO,GAAK,IACtC,GACF,CACP,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../src/editor/components/LoadingState.tsx"],"sourcesContent":["'use client'\n\nimport { Loader2 } from 'lucide-react'\n\nexport interface LoadingStateProps {\n  /**\n   * Loading message to display\n   * @default 'Loading editor...'\n   */\n  message?: string\n}\n\n/**\n * Loading indicator shown while the Puck editor is being loaded\n *\n * Used as the fallback for dynamic import with ssr: false\n */\nexport function LoadingState({ message = 'Loading editor...' }: LoadingStateProps) {\n  return (\n    <div className=\"h-screen flex items-center justify-center bg-gray-50\">\n      <div className=\"text-center\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-gray-600 mx-auto mb-4\" />\n        <p className=\"text-gray-600\">{message}</p>\n      </div>\n    </div>\n  )\n}\n"],"names":["Loader2","LoadingState","message","div","className","p"],"mappings":"AAAA;;AAEA,SAASA,OAAO,QAAQ,eAAc;AAUtC;;;;CAIC,GACD,OAAO,SAASC,aAAa,EAAEC,UAAU,mBAAmB,EAAqB;IAC/E,qBACE,KAACC;QAAIC,WAAU;kBACb,cAAA,MAACD;YAAIC,WAAU;;8BACb,KAACJ;oBAAQI,WAAU;;8BACnB,KAACC;oBAAED,WAAU;8BAAiBF;;;;;AAItC"}