@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/config/presets.js

@@ -1,7 +1,7 @@
 'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // Import component configs
-import { ContainerConfig, FlexConfig, GridConfig, SectionConfig, SpacerConfig, TemplateConfig, HeadingConfig, TextConfig, RichTextEditorConfig, ImageConfig, ButtonConfig, CardConfig, DividerConfig, AccordionConfig, } from '../components/exports.js';
+import { ContainerConfig, FlexConfig, GridConfig, SectionConfig, SpacerConfig, TemplateConfig, HeadingConfig, TextConfig, RichTextEditorConfig, ImageConfig, ButtonConfig, CardConfig, DividerConfig, AccordionConfig } from '../components/exports.js';
 // Import field factories for root config
 import { createBackgroundField } from '../fields/BackgroundField.js';
 import { lockedSlugField, lockedHomepageField } from '../fields/LockedField.js';
@@ -10,8 +10,7 @@ import { createLockedPageSegmentField } from '../fields/PageSegmentField.js';
 import { createSlugPreviewField } from '../fields/SlugPreviewField.js';
 /**
  * Default root configuration used by presets
- */
-export const defaultRoot = {
+ */ export const defaultRoot = {
     fields: {
         // Page identity (locked fields)
         slug: lockedSlugField,
@@ -19,51 +18,96 @@ export const defaultRoot = {
         // Page settings
         title: {
             type: 'text',
-            label: 'Page Title',
+            label: 'Page Title'
         },
         pageLayout: {
             type: 'select',
             label: 'Page Layout',
             options: [
-                { label: 'Default', value: 'default' },
-                { label: 'Landing', value: 'landing' },
-                { label: 'Full Width', value: 'full-width' },
-            ],
+                {
+                    label: 'Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Landing',
+                    value: 'landing'
+                },
+                {
+                    label: 'Full Width',
+                    value: 'full-width'
+                }
+            ]
         },
         // Page-level overrides
         showHeader: {
             type: 'radio',
             label: 'Show Header',
             options: [
-                { label: 'Use Layout Default', value: 'default' },
-                { label: 'Show', value: 'show' },
-                { label: 'Hide', value: 'hide' },
-            ],
+                {
+                    label: 'Use Layout Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Show',
+                    value: 'show'
+                },
+                {
+                    label: 'Hide',
+                    value: 'hide'
+                }
+            ]
         },
         showFooter: {
             type: 'radio',
             label: 'Show Footer',
             options: [
-                { label: 'Use Layout Default', value: 'default' },
-                { label: 'Show', value: 'show' },
-                { label: 'Hide', value: 'hide' },
-            ],
+                {
+                    label: 'Use Layout Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Show',
+                    value: 'show'
+                },
+                {
+                    label: 'Hide',
+                    value: 'hide'
+                }
+            ]
         },
         pageBackground: createBackgroundField({
-            label: 'Page Background',
+            label: 'Page Background'
         }),
         pageMaxWidth: {
             type: 'select',
             label: 'Page Width',
             options: [
-                { label: 'Use Layout Default', value: 'default' },
-                { label: 'Narrow (720px)', value: '720px' },
-                { label: 'Standard (1000px)', value: '1000px' },
-                { label: 'Wide (1200px)', value: '1200px' },
-                { label: 'Extra Wide (1400px)', value: '1400px' },
-                { label: 'Full Width', value: '100%' },
-            ],
-        },
+                {
+                    label: 'Use Layout Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Narrow (720px)',
+                    value: '720px'
+                },
+                {
+                    label: 'Standard (1000px)',
+                    value: '1000px'
+                },
+                {
+                    label: 'Wide (1200px)',
+                    value: '1200px'
+                },
+                {
+                    label: 'Extra Wide (1400px)',
+                    value: '1400px'
+                },
+                {
+                    label: 'Full Width',
+                    value: '100%'
+                }
+            ]
+        }
     },
     defaultProps: {
         slug: '',
@@ -73,9 +117,11 @@ export const defaultRoot = {
         showHeader: 'default',
         showFooter: 'default',
         pageBackground: null,
-        pageMaxWidth: 'default',
+        pageMaxWidth: 'default'
     },
-    render: ({ children }) => _jsx(_Fragment, { children: children }),
+    render: ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
+            children: children
+        })
 };
 /**
  * Root configuration for use with @delmaredigital/payload-page-tree
@@ -94,20 +140,23 @@ export const defaultRoot = {
  *   root: pageTreeRoot,
  * })
  * ```
- */
-export const pageTreeRoot = {
+ */ export const pageTreeRoot = {
     fields: {
         // Page identity
         title: {
             type: 'text',
-            label: 'Page Title',
+            label: 'Page Title'
         },
         // Page-tree specific fields
-        folder: createFolderPickerField({ label: 'Folder' }),
-        pageSegment: createLockedPageSegmentField({ label: 'Page Segment' }),
+        folder: createFolderPickerField({
+            label: 'Folder'
+        }),
+        pageSegment: createLockedPageSegmentField({
+            label: 'Page Segment'
+        }),
         slug: createSlugPreviewField({
             label: 'URL Slug',
-            hint: 'Auto-generated from folder + page segment',
+            hint: 'Auto-generated from folder + page segment'
         }),
         isHomepage: lockedHomepageField,
         // Page settings
@@ -115,45 +164,90 @@ export const pageTreeRoot = {
             type: 'select',
             label: 'Page Layout',
             options: [
-                { label: 'Default', value: 'default' },
-                { label: 'Landing', value: 'landing' },
-                { label: 'Full Width', value: 'full-width' },
-            ],
+                {
+                    label: 'Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Landing',
+                    value: 'landing'
+                },
+                {
+                    label: 'Full Width',
+                    value: 'full-width'
+                }
+            ]
         },
         // Page-level overrides
         showHeader: {
             type: 'radio',
             label: 'Show Header',
             options: [
-                { label: 'Use Layout Default', value: 'default' },
-                { label: 'Show', value: 'show' },
-                { label: 'Hide', value: 'hide' },
-            ],
+                {
+                    label: 'Use Layout Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Show',
+                    value: 'show'
+                },
+                {
+                    label: 'Hide',
+                    value: 'hide'
+                }
+            ]
         },
         showFooter: {
             type: 'radio',
             label: 'Show Footer',
             options: [
-                { label: 'Use Layout Default', value: 'default' },
-                { label: 'Show', value: 'show' },
-                { label: 'Hide', value: 'hide' },
-            ],
+                {
+                    label: 'Use Layout Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Show',
+                    value: 'show'
+                },
+                {
+                    label: 'Hide',
+                    value: 'hide'
+                }
+            ]
         },
         pageBackground: createBackgroundField({
-            label: 'Page Background',
+            label: 'Page Background'
         }),
         pageMaxWidth: {
             type: 'select',
             label: 'Page Width',
             options: [
-                { label: 'Use Layout Default', value: 'default' },
-                { label: 'Narrow (720px)', value: '720px' },
-                { label: 'Standard (1000px)', value: '1000px' },
-                { label: 'Wide (1200px)', value: '1200px' },
-                { label: 'Extra Wide (1400px)', value: '1400px' },
-                { label: 'Full Width', value: '100%' },
-            ],
-        },
+                {
+                    label: 'Use Layout Default',
+                    value: 'default'
+                },
+                {
+                    label: 'Narrow (720px)',
+                    value: '720px'
+                },
+                {
+                    label: 'Standard (1000px)',
+                    value: '1000px'
+                },
+                {
+                    label: 'Wide (1200px)',
+                    value: '1200px'
+                },
+                {
+                    label: 'Extra Wide (1400px)',
+                    value: '1400px'
+                },
+                {
+                    label: 'Full Width',
+                    value: '100%'
+                }
+            ]
+        }
     },
     defaultProps: {
         title: 'New Page',
@@ -165,35 +259,54 @@ export const pageTreeRoot = {
         showHeader: 'default',
         showFooter: 'default',
         pageBackground: null,
-        pageMaxWidth: 'default',
+        pageMaxWidth: 'default'
     },
-    render: ({ children }) => _jsx(_Fragment, { children: children }),
+    render: ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
+            children: children
+        })
 };
 /**
  * Full configuration with all built-in components
  *
  * Use this as a base and extend with custom components via `extendConfig()`.
- */
-export const fullConfig = {
+ */ export const fullConfig = {
     root: defaultRoot,
     categories: {
         layout: {
             title: 'Layout',
-            components: ['Container', 'Flex', 'Grid', 'Section', 'Spacer', 'Template'],
-            defaultExpanded: true,
+            components: [
+                'Container',
+                'Flex',
+                'Grid',
+                'Section',
+                'Spacer',
+                'Template'
+            ],
+            defaultExpanded: true
         },
         typography: {
             title: 'Typography',
-            components: ['Heading', 'Text', 'RichText'],
+            components: [
+                'Heading',
+                'Text',
+                'RichText'
+            ]
         },
         media: {
             title: 'Media',
-            components: ['Image'],
+            components: [
+                'Image'
+            ]
         },
         interactive: {
             title: 'Interactive',
-            components: ['Button', 'Card', 'Divider', 'Accordion'],
-        },
+            components: [
+                'Button',
+                'Card',
+                'Divider',
+                'Accordion'
+            ]
+        }
     },
     components: {
         // Layout
@@ -213,35 +326,40 @@ export const fullConfig = {
         Button: ButtonConfig,
         Card: CardConfig,
         Divider: DividerConfig,
-        Accordion: AccordionConfig,
-    },
+        Accordion: AccordionConfig
+    }
 };
 /**
  * Minimal configuration with essential components only
  *
  * Good for simple landing pages or when you want a cleaner editor sidebar.
- */
-export const minimalConfig = {
+ */ export const minimalConfig = {
     root: defaultRoot,
     categories: {
         layout: {
             title: 'Layout',
-            components: ['Section'],
-            defaultExpanded: true,
+            components: [
+                'Section'
+            ],
+            defaultExpanded: true
         },
         content: {
             title: 'Content',
-            components: ['Heading', 'Text', 'Image', 'Button'],
-        },
+            components: [
+                'Heading',
+                'Text',
+                'Image',
+                'Button'
+            ]
+        }
     },
     components: {
         Section: SectionConfig,
         Heading: HeadingConfig,
         Text: TextConfig,
         Image: ImageConfig,
-        Button: ButtonConfig,
-    },
+        Button: ButtonConfig
+    }
 };
 // Re-export mergeConfigs as extendConfig for convenience
 export { mergeConfigs, mergeConfigs as extendConfig } from './merge.js';
-//# sourceMappingURL=presets.js.map

package/dist/config/types.d.ts

@@ -108,4 +108,3 @@ export interface ServerRootConfig<Props extends Record<string, unknown> = Record
         children: ReactNode;
     }) => ReactNode;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/config/types.js

@@ -3,6 +3,8 @@
  *
  * These types are designed for server-side rendering where field definitions
  * are not needed (only the render function matters).
- */
-export {};
-//# sourceMappingURL=types.js.map
+ */ /**
+ * Server-safe root configuration
+ *
+ * Use this for the root config in server-side Puck configurations.
+ */ export { };

package/dist/editor/PuckEditor.d.ts

@@ -1,8 +1,8 @@
 import type { Config as PuckConfig, Data, Plugin as PuckPlugin, Overrides as PuckOverrides } from '@puckeditor/core';
 import type { ReactNode } from 'react';
-import type { LayoutStyle } from './components/IframeWrapper';
-import type { ThemeConfig } from '../theme';
-import type { LayoutDefinition } from '../layouts';
+import type { LayoutStyle } from './components/IframeWrapper.js';
+import type { ThemeConfig } from '../theme/index.js';
+import type { LayoutDefinition } from '../layouts/index.js';
 import type { AiExamplePrompt, ComponentAiOverrides } from '../ai/types.js';
 export interface PuckEditorProps {
     /**
@@ -278,5 +278,4 @@ export interface PuckEditorProps {
  * />
  * ```
  */
-export declare function PuckEditor({ pageId, initialData, config: configProp, pageTitle, pageSlug, apiEndpoint, backUrl, previewUrl, previewUrlPrefix, enableViewports, plugins, layouts: layoutsProp, layoutStyles, layoutKey, headerActionsStart, headerActionsEnd, overrides, onSaveSuccess, onSaveError, onChange, initialStatus, theme: themeProp, hasPageTree, folder, pageSegment, editorStylesheets: editorStylesheetsProp, editorCss: editorCssProp, enableAi, aiOptions, aiExamplePrompts, hasPromptsCollection, hasContextCollection, aiComponentInstructions, experimentalFullScreenCanvas, autoDetectDarkMode, showPreviewDarkModeToggle, initialPreviewDarkMode, }: PuckEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PuckEditor.d.ts.map
+export declare function PuckEditor({ pageId, initialData, config: configProp, pageTitle, pageSlug, apiEndpoint, backUrl, previewUrl, previewUrlPrefix, enableViewports, plugins, layouts: layoutsProp, layoutStyles, layoutKey, headerActionsStart, headerActionsEnd, overrides, onSaveSuccess, onSaveError, onChange, initialStatus, theme: themeProp, hasPageTree, folder, pageSegment, editorStylesheets: editorStylesheetsProp, editorCss: editorCssProp, enableAi, aiOptions, aiExamplePrompts, hasPromptsCollection, hasContextCollection, aiComponentInstructions, experimentalFullScreenCanvas, autoDetectDarkMode, showPreviewDarkModeToggle, initialPreviewDarkMode, }: PuckEditorProps): import("react").JSX.Element;