@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/README.md

@@ -2,6 +2,10 @@
 
 A PayloadCMS plugin for integrating [Puck](https://puckeditor.com) visual page builder. Build pages visually with drag-and-drop components while leveraging Payload's content management capabilities.
 
+[![Demo](https://img.shields.io/badge/Demo-Live-blue)](https://demo.delmaredigital.com)
+[![Starter Template](https://img.shields.io/badge/Starter-Template-green)](https://github.com/delmaredigital/dd-starter)
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdelmaredigital%2Fdd-starter&project-name=my-payload-site&build-command=pnpm%20run%20ci&env=PAYLOAD_SECRET,BETTER_AUTH_SECRET&stores=%5B%7B%22type%22%3A%22integration%22%2C%22protocol%22%3A%22storage%22%2C%22productSlug%22%3A%22neon%22%2C%22integrationSlug%22%3A%22neon%22%7D%2C%7B%22type%22%3A%22blob%22%7D%5D)
+
 ---
 
 ## Table of Contents
@@ -20,6 +24,7 @@ A PayloadCMS plugin for integrating [Puck](https://puckeditor.com) visual page b
 - [Page-Tree Integration](#page-tree-integration)
 - [Hybrid Integration](#hybrid-integration)
 - [AI Integration](#ai-integration)
+- [Plugin Order](#plugin-order)
 - [Advanced Configuration](#advanced-configuration)
 - [License](#license)
 
@@ -959,6 +964,8 @@ function useDetectTheme() {
 
 When `@delmaredigital/payload-page-tree` is detected, the plugin automatically adds folder management to the Puck sidebar.
 
+> **⚠️ Plugin Order:** When using both plugins with `autoGenerateCollection: true`, Puck must run BEFORE page-tree. See [Plugin Order](#plugin-order).
+
 ### How It Works
 
 The plugin checks if your collection has a `pageSegment` field (page-tree's signature). When detected:
@@ -1306,6 +1313,48 @@ import {
 
 ---
 
+## Plugin Order
+
+When using `autoGenerateCollection: true` (the default) with `@delmaredigital/payload-page-tree`, **plugin order matters**.
+
+### The Issue
+
+The page-tree plugin validates configured collections when it initializes. If Puck hasn't created the collection yet, page-tree won't see it and will skip adding its fields (folder relationships, slug generation, etc.).
+
+### Correct Order
+
+```typescript
+// ✅ CORRECT: Puck creates the collection before page-tree runs
+export const plugins = [
+  createPuckPlugin({ pagesCollection: 'pages' }),  // Creates Pages first
+  pageTreePlugin({ collections: ['pages'] }),      // Now sees Pages
+]
+
+// ❌ WRONG: page-tree runs before Pages exists
+export const plugins = [
+  pageTreePlugin({ collections: ['pages'] }),      // Pages doesn't exist!
+  createPuckPlugin({ pagesCollection: 'pages' }),  // Creates Pages too late
+]
+```
+
+### When Order Doesn't Matter
+
+If you define your collection manually (with `autoGenerateCollection: false`), order doesn't matter because the collection already exists in your config:
+
+```typescript
+export default buildConfig({
+  collections: [Pages],  // Collection exists before plugins run
+  plugins: [
+    pageTreePlugin({ collections: ['pages'] }),
+    createPuckPlugin({ pagesCollection: 'pages', autoGenerateCollection: false }),
+  ],
+})
+```
+
+See also: [payload-page-tree Plugin Order documentation](https://github.com/delmaredigital/payload-page-tree#plugin-order-critical)
+
+---
+
 ## Advanced Configuration
 
 ### Plugin Options
@@ -1313,7 +1362,7 @@ import {
 | Option | Default | Description |
 |--------|---------|-------------|
 | `pagesCollection` | `'pages'` | Collection slug to use for pages |
-| `autoGenerateCollection` | `true` | Create the collection if it doesn't exist, or add Puck fields to existing |
+| `autoGenerateCollection` | `true` | Create the collection if it doesn't exist, or add Puck fields to existing (see [Plugin Order](#plugin-order)) |
 | `enableEndpoints` | `true` | Register API endpoints at `/api/puck/:collection` for the editor |
 | `enableAdminView` | `true` | Register the Puck editor view in Payload admin |
 | `adminViewPath` | `'/puck-editor'` | Path for the editor (full path: `/admin/puck-editor/:collection/:id`) |

package/dist/admin/EditWithPuckButton.d.ts

@@ -69,6 +69,5 @@ export declare const EditWithPuckButton: UIFieldClientComponent;
 export declare function EditWithPuckLink({ id, collectionSlug, editorPathPattern, label, iconOnly, }: EditWithPuckButtonProps & {
     id: string;
     adminRoute?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export default EditWithPuckButton;
-//# sourceMappingURL=EditWithPuckButton.d.ts.map

package/dist/admin/EditWithPuckButton.js

@@ -3,9 +3,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDocumentInfo, useConfig } from '@payloadcms/ui';
 /**
  * Pencil/Edit icon component
- */
-function PuckIcon({ size = 18 }) {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), _jsx("path", { d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" })] }));
+ */ function PuckIcon({ size = 18 }) {
+    return /*#__PURE__*/ _jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
+            })
+        ]
+    });
 }
 /**
  * Edit with Puck button for use in Payload admin document edit views
@@ -30,8 +47,7 @@ function PuckIcon({ size = 18 }) {
  *   },
  * }
  * ```
- */
-export const EditWithPuckButton = (props) => {
+ */ export const EditWithPuckButton = (props)=>{
     // Get document and config context from Payload
     const { id, collectionSlug } = useDocumentInfo();
     const { config } = useConfig();
@@ -46,18 +62,21 @@ export const EditWithPuckButton = (props) => {
     let editorPath;
     if (customProps?.editorPathPattern) {
         // Custom pattern provided (for backwards compatibility)
-        editorPath = customProps.editorPathPattern
-            .replace('{id}', String(id))
-            .replace('{collection}', collection);
-    }
-    else {
+        editorPath = customProps.editorPathPattern.replace('{id}', String(id)).replace('{collection}', collection);
+    } else {
         // Default: use admin view
         editorPath = `${adminRoute}/puck-editor/${collection}/${id}`;
     }
     if (!id) {
         return null;
     }
-    return (_jsx("div", { style: { marginBottom: '1rem' }, children: _jsxs("a", { href: editorPath, style: {
+    return /*#__PURE__*/ _jsx("div", {
+        style: {
+            marginBottom: '1rem'
+        },
+        children: /*#__PURE__*/ _jsxs("a", {
+            href: editorPath,
+            style: {
                 display: 'inline-flex',
                 alignItems: 'center',
                 gap: '8px',
@@ -68,12 +87,23 @@ export const EditWithPuckButton = (props) => {
                 textDecoration: 'none',
                 fontSize: '14px',
                 fontWeight: 500,
-                transition: 'background-color 0.15s, opacity 0.15s',
-            }, onMouseEnter: (e) => {
+                transition: 'background-color 0.15s, opacity 0.15s'
+            },
+            onMouseEnter: (e)=>{
                 e.currentTarget.style.opacity = '0.9';
-            }, onMouseLeave: (e) => {
+            },
+            onMouseLeave: (e)=>{
                 e.currentTarget.style.opacity = '1';
-            }, title: iconOnly ? label : undefined, children: [_jsx(PuckIcon, { size: iconOnly ? 20 : 18 }), !iconOnly && label] }) }));
+            },
+            title: iconOnly ? label : undefined,
+            children: [
+                /*#__PURE__*/ _jsx(PuckIcon, {
+                    size: iconOnly ? 20 : 18
+                }),
+                !iconOnly && label
+            ]
+        })
+    });
 };
 /**
  * Standalone version of the button that doesn't rely on Payload context
@@ -86,13 +116,12 @@ export const EditWithPuckButton = (props) => {
  *   adminRoute="/admin"
  * />
  * ```
- */
-export function EditWithPuckLink({ id, collectionSlug = 'pages', editorPathPattern, label = 'Visual Editor', iconOnly = false, }) {
+ */ export function EditWithPuckLink({ id, collectionSlug = 'pages', editorPathPattern, label = 'Visual Editor', iconOnly = false }) {
     // Build path - prefer admin view by default
-    const path = editorPathPattern
-        ? editorPathPattern.replace('{id}', id).replace('{collection}', collectionSlug)
-        : `/admin/puck-editor/${collectionSlug}/${id}`;
-    return (_jsxs("a", { href: path, style: {
+    const path = editorPathPattern ? editorPathPattern.replace('{id}', id).replace('{collection}', collectionSlug) : `/admin/puck-editor/${collectionSlug}/${id}`;
+    return /*#__PURE__*/ _jsxs("a", {
+        href: path,
+        style: {
             display: 'inline-flex',
             alignItems: 'center',
             gap: '8px',
@@ -103,12 +132,21 @@ export function EditWithPuckLink({ id, collectionSlug = 'pages', editorPathPatte
             textDecoration: 'none',
             fontSize: '14px',
             fontWeight: 500,
-            transition: 'opacity 0.15s',
-        }, onMouseEnter: (e) => {
+            transition: 'opacity 0.15s'
+        },
+        onMouseEnter: (e)=>{
             e.currentTarget.style.opacity = '0.9';
-        }, onMouseLeave: (e) => {
+        },
+        onMouseLeave: (e)=>{
             e.currentTarget.style.opacity = '1';
-        }, title: iconOnly ? label : undefined, children: [_jsx(PuckIcon, { size: iconOnly ? 20 : 18 }), !iconOnly && label] }));
+        },
+        title: iconOnly ? label : undefined,
+        children: [
+            /*#__PURE__*/ _jsx(PuckIcon, {
+                size: iconOnly ? 20 : 18
+            }),
+            !iconOnly && label
+        ]
+    });
 }
 export default EditWithPuckButton;
-//# sourceMappingURL=EditWithPuckButton.js.map

package/dist/admin/EditWithPuckCell.d.ts

@@ -40,4 +40,3 @@ export interface EditWithPuckCellConfig {
  */
 export declare const EditWithPuckCell: React.FC<DefaultCellComponentProps>;
 export default EditWithPuckCell;
-//# sourceMappingURL=EditWithPuckCell.d.ts.map

package/dist/admin/EditWithPuckCell.js

@@ -2,9 +2,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Pencil/Edit icon component
- */
-function PuckIcon({ size = 16 }) {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), _jsx("path", { d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z" })] }));
+ */ function PuckIcon({ size = 16 }) {
+    return /*#__PURE__*/ _jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"
+            })
+        ]
+    });
 }
 /**
  * Custom cell component that renders an "Edit with Puck" button in list views
@@ -28,8 +45,7 @@ function PuckIcon({ size = 16 }) {
  *   },
  * }
  * ```
- */
-export const EditWithPuckCell = ({ rowData, field, collectionSlug: contextCollectionSlug, }) => {
+ */ export const EditWithPuckCell = ({ rowData, field, collectionSlug: contextCollectionSlug })=>{
     // Get document ID from row data
     const id = rowData?.id;
     // Get custom config from field
@@ -39,10 +55,11 @@ export const EditWithPuckCell = ({ rowData, field, collectionSlug: contextCollec
         return null;
     }
     // Build editor URL
-    const editorPath = customConfig?.editorPathPattern
-        ? customConfig.editorPathPattern.replace('{id}', id).replace('{collectionSlug}', collectionSlug)
-        : `/admin/puck/${collectionSlug}/${id}/edit`;
-    return (_jsxs("a", { href: editorPath, onClick: (e) => e.stopPropagation(), style: {
+    const editorPath = customConfig?.editorPathPattern ? customConfig.editorPathPattern.replace('{id}', id).replace('{collectionSlug}', collectionSlug) : `/admin/puck/${collectionSlug}/${id}/edit`;
+    return /*#__PURE__*/ _jsxs("a", {
+        href: editorPath,
+        onClick: (e)=>e.stopPropagation(),
+        style: {
             display: 'inline-flex',
             alignItems: 'center',
             justifyContent: 'center',
@@ -55,12 +72,23 @@ export const EditWithPuckCell = ({ rowData, field, collectionSlug: contextCollec
             fontWeight: 500,
             gap: '4px',
             transition: 'background-color 0.2s',
-            whiteSpace: 'nowrap',
-        }, onMouseEnter: (e) => {
+            whiteSpace: 'nowrap'
+        },
+        onMouseEnter: (e)=>{
             e.currentTarget.style.backgroundColor = '#1d4ed8';
-        }, onMouseLeave: (e) => {
+        },
+        onMouseLeave: (e)=>{
             e.currentTarget.style.backgroundColor = '#2563eb';
-        }, title: "Visual Editor", children: [_jsx(PuckIcon, { size: 14 }), _jsx("span", { children: "Visual Editor" })] }));
+        },
+        title: "Visual Editor",
+        children: [
+            /*#__PURE__*/ _jsx(PuckIcon, {
+                size: 14
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                children: "Visual Editor"
+            })
+        ]
+    });
 };
 export default EditWithPuckCell;
-//# sourceMappingURL=EditWithPuckCell.js.map

package/dist/admin/PuckEditorView.d.ts

@@ -80,6 +80,5 @@ export interface PuckEditorViewProps {
  * }
  * ```
  */
-export declare function PuckEditorView({ config, collectionSlug, apiBasePath, backUrl, previewUrl, layoutStyles, layoutKey, plugins, onSaveSuccess, onSaveError, }: PuckEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function PuckEditorView({ config, collectionSlug, apiBasePath, backUrl, previewUrl, layoutStyles, layoutKey, plugins, onSaveSuccess, onSaveError, }: PuckEditorViewProps): import("react").JSX.Element;
 export default PuckEditorView;
-//# sourceMappingURL=PuckEditorView.d.ts.map

package/dist/admin/PuckEditorView.js

@@ -28,8 +28,7 @@ import { useParams, useSearchParams } from 'next/navigation';
  *   )
  * }
  * ```
- */
-export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath = '/api/puck', backUrl, previewUrl, layoutStyles, layoutKey = 'pageLayout', plugins, onSaveSuccess, onSaveError, }) {
+ */ export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath = '/api/puck', backUrl, previewUrl, layoutStyles, layoutKey = 'pageLayout', plugins, onSaveSuccess, onSaveError }) {
     const params = useParams();
     const searchParams = useSearchParams();
     // Get page ID from route params or search params
@@ -39,12 +38,12 @@ export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath =
     const [error, setError] = useState(null);
     const [PuckEditor, setPuckEditor] = useState(null);
     // Dynamically import PuckEditor to avoid SSR issues
-    useEffect(() => {
-        import('../editor/PuckEditor').then((mod) => {
-            setPuckEditor(() => mod.PuckEditor);
+    useEffect(()=>{
+        import('../editor/PuckEditor.js').then((mod)=>{
+            setPuckEditor(()=>mod.PuckEditor);
         });
     }, []);
-    useEffect(() => {
+    useEffect(()=>{
         async function fetchPage() {
             if (!pageId) {
                 setError('No page ID provided');
@@ -55,81 +54,166 @@ export function PuckEditorView({ config, collectionSlug = 'pages', apiBasePath =
                 setLoading(true);
                 const response = await fetch(`${apiBasePath}/${collectionSlug}/${pageId}`);
                 if (!response.ok) {
-                    const data = await response.json().catch(() => ({}));
+                    const data = await response.json().catch(()=>({}));
                     throw new Error(data.error || `Failed to fetch page: ${response.status}`);
                 }
                 const data = await response.json();
                 setPage(data.doc);
-            }
-            catch (err) {
+            } catch (err) {
                 setError(err instanceof Error ? err.message : 'An error occurred');
-            }
-            finally {
+            } finally{
                 setLoading(false);
             }
         }
         fetchPage();
-    }, [pageId, apiBasePath, collectionSlug]);
+    }, [
+        pageId,
+        apiBasePath,
+        collectionSlug
+    ]);
     const computedBackUrl = backUrl || `/admin/collections/${collectionSlug}`;
     if (loading || !PuckEditor) {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _jsx("div", {
+            style: {
                 display: 'flex',
                 height: '100vh',
                 alignItems: 'center',
                 justifyContent: 'center',
                 backgroundColor: '#0f0f0f',
-                color: '#fff',
-            }, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("div", { style: {
+                color: '#fff'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    textAlign: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
                             width: '32px',
                             height: '32px',
                             border: '3px solid #333',
                             borderTopColor: '#fff',
                             borderRadius: '50%',
                             animation: 'spin 1s linear infinite',
-                            margin: '0 auto 16px',
-                        } }), _jsx("p", { style: { color: '#888' }, children: "Loading editor..." }), _jsx("style", { children: `
+                            margin: '0 auto 16px'
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: '#888'
+                        },
+                        children: "Loading editor..."
+                    }),
+                    /*#__PURE__*/ _jsx("style", {
+                        children: `
             @keyframes spin {
               to { transform: rotate(360deg); }
             }
-          ` })] }) }));
+          `
+                    })
+                ]
+            })
+        });
     }
     if (error) {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _jsx("div", {
+            style: {
                 display: 'flex',
                 height: '100vh',
                 alignItems: 'center',
                 justifyContent: 'center',
                 backgroundColor: '#0f0f0f',
-                color: '#fff',
-            }, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("p", { style: { color: '#f87171', marginBottom: '16px' }, children: error }), _jsxs("a", { href: computedBackUrl, style: {
+                color: '#fff'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    textAlign: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: '#f87171',
+                            marginBottom: '16px'
+                        },
+                        children: error
+                    }),
+                    /*#__PURE__*/ _jsxs("a", {
+                        href: computedBackUrl,
+                        style: {
                             color: '#60a5fa',
-                            textDecoration: 'underline',
-                        }, children: ["Back to ", collectionSlug] })] }) }));
+                            textDecoration: 'underline'
+                        },
+                        children: [
+                            "Back to ",
+                            collectionSlug
+                        ]
+                    })
+                ]
+            })
+        });
     }
     if (!page) {
-        return (_jsx("div", { style: {
+        return /*#__PURE__*/ _jsx("div", {
+            style: {
                 display: 'flex',
                 height: '100vh',
                 alignItems: 'center',
                 justifyContent: 'center',
                 backgroundColor: '#0f0f0f',
-                color: '#fff',
-            }, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("p", { style: { color: '#888', marginBottom: '16px' }, children: "Page not found" }), _jsxs("a", { href: computedBackUrl, style: {
+                color: '#fff'
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    textAlign: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("p", {
+                        style: {
+                            color: '#888',
+                            marginBottom: '16px'
+                        },
+                        children: "Page not found"
+                    }),
+                    /*#__PURE__*/ _jsxs("a", {
+                        href: computedBackUrl,
+                        style: {
                             color: '#60a5fa',
-                            textDecoration: 'underline',
-                        }, children: ["Back to ", collectionSlug] })] }) }));
+                            textDecoration: 'underline'
+                        },
+                        children: [
+                            "Back to ",
+                            collectionSlug
+                        ]
+                    })
+                ]
+            })
+        });
     }
     // Default puck data if none exists
     const initialData = page.puckData || {
         root: {
             props: {
-                title: page.title || 'New Page',
-            },
+                title: page.title || 'New Page'
+            }
         },
         content: [],
-        zones: {},
+        zones: {}
     };
-    return (_jsx(PuckEditor, { pageId: page.id, initialData: initialData, config: config, pageTitle: page.title, pageSlug: page.slug, apiEndpoint: `${apiBasePath}/${collectionSlug}`, backUrl: computedBackUrl, previewUrl: previewUrl, layoutStyles: layoutStyles, layoutKey: layoutKey, plugins: plugins, onSaveSuccess: onSaveSuccess, onSaveError: onSaveError, initialStatus: page._status }));
+    return /*#__PURE__*/ _jsx(PuckEditor, {
+        pageId: page.id,
+        initialData: initialData,
+        config: config,
+        pageTitle: page.title,
+        pageSlug: page.slug,
+        apiEndpoint: `${apiBasePath}/${collectionSlug}`,
+        backUrl: computedBackUrl,
+        previewUrl: previewUrl,
+        layoutStyles: layoutStyles,
+        layoutKey: layoutKey,
+        plugins: plugins,
+        onSaveSuccess: onSaveSuccess,
+        onSaveError: onSaveError,
+        initialStatus: page._status
+    });
 }
 export default PuckEditorView;
-//# sourceMappingURL=PuckEditorView.js.map

package/dist/admin/client.d.ts

@@ -7,6 +7,5 @@
  * NOTE: For PuckEditorView, import from '@delmaredigital/payload-puck/editor' instead.
  * This separation is necessary to avoid RSC bundling issues with Puck.
  */
-export { EditWithPuckButton, EditWithPuckLink, type EditWithPuckButtonProps, } from './EditWithPuckButton';
-export { EditWithPuckCell, type EditWithPuckCellConfig } from './EditWithPuckCell';
-//# sourceMappingURL=client.d.ts.map
+export { EditWithPuckButton, EditWithPuckLink, type EditWithPuckButtonProps, } from './EditWithPuckButton.js';
+export { EditWithPuckCell, type EditWithPuckCellConfig } from './EditWithPuckCell.js';

package/dist/admin/client.js

@@ -7,9 +7,7 @@
  *
  * NOTE: For PuckEditorView, import from '@delmaredigital/payload-puck/editor' instead.
  * This separation is necessary to avoid RSC bundling issues with Puck.
- */
-// Button components for edit view
-export { EditWithPuckButton, EditWithPuckLink, } from './EditWithPuckButton';
+ */ // Button components for edit view
+export { EditWithPuckButton, EditWithPuckLink } from './EditWithPuckButton.js';
 // Cell component for list view
-export { EditWithPuckCell } from './EditWithPuckCell';
-//# sourceMappingURL=client.js.map
+export { EditWithPuckCell } from './EditWithPuckCell.js';

package/dist/admin/generateAdminComponents.d.ts

@@ -48,4 +48,3 @@ export interface AdminComponentsConfig {
  * ```
  */
 export declare function generatePuckEditField(config?: AdminComponentsConfig): Field;
-//# sourceMappingURL=generateAdminComponents.d.ts.map

package/dist/admin/generateAdminComponents.js

@@ -19,9 +19,8 @@
  *   ],
  * }
  * ```
- */
-export function generatePuckEditField(config = {}) {
-    const { collectionSlug = 'pages', editorPathPattern = '/pages/{id}/edit', buttonLabel = 'Visual Editor', buttonPosition = 'sidebar', } = config;
+ */ export function generatePuckEditField(config = {}) {
+    const { collectionSlug = 'pages', editorPathPattern = '/pages/{id}/edit', buttonLabel = 'Visual Editor', buttonPosition = 'sidebar' } = config;
     return {
         name: 'puckEdit',
         type: 'ui',
@@ -29,14 +28,13 @@ export function generatePuckEditField(config = {}) {
             position: buttonPosition,
             components: {
                 Field: '@delmaredigital/payload-puck/admin/client#EditWithPuckButton',
-                Cell: '@delmaredigital/payload-puck/admin/client#EditWithPuckCell',
+                Cell: '@delmaredigital/payload-puck/admin/client#EditWithPuckCell'
             },
             custom: {
                 collectionSlug,
                 editorPathPattern,
-                label: buttonLabel,
-            },
-        },
+                label: buttonLabel
+            }
+        }
     };
 }
-//# sourceMappingURL=generateAdminComponents.js.map

package/dist/admin/index.d.ts

@@ -13,9 +13,8 @@
  * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
  * ```
  */
-export type { PuckEditorViewProps } from './PuckEditorView';
-export type { EditWithPuckButtonProps } from './EditWithPuckButton';
-export type { EditWithPuckCellConfig } from './EditWithPuckCell';
-export type { AdminComponentsConfig } from './generateAdminComponents';
-export { generatePuckEditField } from './generateAdminComponents';
-//# sourceMappingURL=index.d.ts.map
+export type { PuckEditorViewProps } from './PuckEditorView.js';
+export type { EditWithPuckButtonProps } from './EditWithPuckButton.js';
+export type { EditWithPuckCellConfig } from './EditWithPuckCell.js';
+export type { AdminComponentsConfig } from './generateAdminComponents.js';
+export { generatePuckEditField } from './generateAdminComponents.js';

package/dist/admin/index.js

@@ -12,7 +12,6 @@
  * ```ts
  * import { PuckEditorView } from '@delmaredigital/payload-puck/editor'
  * ```
- */
+ */ // Re-export types only (safe for RSC)
 // Helper for generating edit button field (safe for RSC)
-export { generatePuckEditField } from './generateAdminComponents';
-//# sourceMappingURL=index.js.map
+export { generatePuckEditField } from './generateAdminComponents.js';

package/dist/ai/collections/AiContext.d.ts

@@ -13,4 +13,3 @@ import type { CollectionConfig } from 'payload';
  * - "Industry Context" - Your market and audience
  */
 export declare const AiContextCollection: CollectionConfig;
-//# sourceMappingURL=AiContext.d.ts.map