@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/config/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/config/index.tsx"],"sourcesContent":["/**\n * Server-safe Puck configuration\n *\n * This config is safe for server-side rendering and should be used\n * with the PageRenderer component.\n */\n\nimport type { Config as PuckConfig, ComponentConfig } from '@puckeditor/core'\nimport type { ReactNode } from 'react'\nimport { DEFAULT_LAYOUTS, layoutsToOptions, type LayoutDefinition } from '../layouts/index.js'\n\n// Layout Components (server-safe versions)\nimport { ContainerConfig } from '../components/layout/Container.server.js'\nimport { FlexConfig } from '../components/layout/Flex.server.js'\nimport { GridConfig } from '../components/layout/Grid.server.js'\nimport { SectionConfig } from '../components/layout/Section.server.js'\nimport { SpacerConfig } from '../components/layout/Spacer.server.js'\nimport { TemplateServerConfig } from '../components/layout/Template.server.js'\n\n// Typography Components (server-safe versions)\nimport { HeadingConfig } from '../components/typography/Heading.server.js'\nimport { TextConfig } from '../components/typography/Text.server.js'\nimport { RichTextConfig } from '../components/typography/RichText.server.js'\n\n// Media Components (server-safe versions)\nimport { ImageConfig } from '../components/media/Image.server.js'\n\n// Interactive Components (server-safe versions)\nimport { ButtonConfig } from '../components/interactive/Button.server.js'\nimport { CardConfig } from '../components/interactive/Card.server.js'\nimport { DividerConfig } from '../components/interactive/Divider.server.js'\nimport { AccordionConfig } from '../components/interactive/Accordion.server.js'\n\n/**\n * Creates a Puck configuration with custom layouts\n *\n * @param layouts - Custom layout definitions\n * @returns Puck configuration with the specified layouts\n *\n * @example\n * ```tsx\n * import { createConfig, DEFAULT_LAYOUTS, createLayout } from '@delmaredigital/payload-puck/config'\n *\n * const customConfig = createConfig([\n *   ...DEFAULT_LAYOUTS,\n *   createLayout({\n *     value: 'blog',\n *     label: 'Blog Post',\n *     maxWidth: '720px',\n *   }),\n * ])\n * ```\n */\nexport function createConfig(layouts: LayoutDefinition[] = DEFAULT_LAYOUTS): PuckConfig {\n  const layoutOptions = layoutsToOptions(layouts)\n\n  return {\n    root: {\n      fields: {\n        title: {\n          type: 'text',\n          label: 'Page Title',\n        },\n        pageLayout: {\n          type: 'select',\n          label: 'Page Layout',\n          options: layoutOptions.map(({ value, label }) => ({ value, label })),\n        },\n      },\n      defaultProps: {\n        title: 'New Page',\n        pageLayout: 'default',\n      },\n      render: ({ children }: { children: ReactNode }) => <>{children}</>,\n    },\n    categories: {\n      layout: {\n        title: 'Layout',\n        components: ['Container', 'Flex', 'Grid', 'Section', 'Spacer', 'Template'],\n        defaultExpanded: true,\n      },\n      typography: {\n        title: 'Typography',\n        components: ['Heading', 'Text', 'RichText'],\n      },\n      media: {\n        title: 'Media',\n        components: ['Image'],\n      },\n      interactive: {\n        title: 'Interactive',\n        components: ['Button', 'Card', 'Divider', 'Accordion'],\n      },\n    },\n    components: {\n      // Layout\n      Container: ContainerConfig as ComponentConfig<any>,\n      Flex: FlexConfig as ComponentConfig<any>,\n      Grid: GridConfig as ComponentConfig<any>,\n      Section: SectionConfig as ComponentConfig<any>,\n      Spacer: SpacerConfig as ComponentConfig<any>,\n      Template: TemplateServerConfig as ComponentConfig<any>,\n      // Typography\n      Heading: HeadingConfig as ComponentConfig<any>,\n      Text: TextConfig as ComponentConfig<any>,\n      RichText: RichTextConfig as ComponentConfig<any>,\n      // Media\n      Image: ImageConfig as ComponentConfig<any>,\n      // Interactive\n      Button: ButtonConfig as ComponentConfig<any>,\n      Card: CardConfig as ComponentConfig<any>,\n      Divider: DividerConfig as ComponentConfig<any>,\n      Accordion: AccordionConfig as ComponentConfig<any>,\n    },\n  } satisfies PuckConfig\n}\n\n/**\n * Base Puck configuration with server-safe component configs\n *\n * All components have server-safe versions (.server.tsx) that render\n * without client-side interactivity. Use editorConfig from ./config.editor\n * for the full interactive editor experience.\n *\n * For custom layouts, use createConfig() instead.\n */\nexport const baseConfig = createConfig(DEFAULT_LAYOUTS)\n\n// Re-export merge utility and layout helpers\nexport { mergeConfigs, mergeConfigs as extendConfig } from './merge.js'\nexport { DEFAULT_LAYOUTS, createLayout, type LayoutDefinition } from '../layouts/index.js'\n\n// Re-export server-specific types\nexport type { ServerComponentConfig, ServerRootConfig, SlotField } from './types.js'\n"],"names":["DEFAULT_LAYOUTS","layoutsToOptions","ContainerConfig","FlexConfig","GridConfig","SectionConfig","SpacerConfig","TemplateServerConfig","HeadingConfig","TextConfig","RichTextConfig","ImageConfig","ButtonConfig","CardConfig","DividerConfig","AccordionConfig","createConfig","layouts","layoutOptions","root","fields","title","type","label","pageLayout","options","map","value","defaultProps","render","children","categories","layout","components","defaultExpanded","typography","media","interactive","Container","Flex","Grid","Section","Spacer","Template","Heading","Text","RichText","Image","Button","Card","Divider","Accordion","baseConfig","mergeConfigs","extendConfig","createLayout"],"mappings":"AAAA;;;;;CAKC;AAID,SAASA,eAAe,EAAEC,gBAAgB,QAA+B,sBAAqB;AAE9F,2CAA2C;AAC3C,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,UAAU,QAAQ,sCAAqC;AAChE,SAASC,UAAU,QAAQ,sCAAqC;AAChE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,oBAAoB,QAAQ,0CAAyC;AAE9E,+CAA+C;AAC/C,SAASC,aAAa,QAAQ,6CAA4C;AAC1E,SAASC,UAAU,QAAQ,0CAAyC;AACpE,SAASC,cAAc,QAAQ,8CAA6C;AAE5E,0CAA0C;AAC1C,SAASC,WAAW,QAAQ,sCAAqC;AAEjE,gDAAgD;AAChD,SAASC,YAAY,QAAQ,6CAA4C;AACzE,SAASC,UAAU,QAAQ,2CAA0C;AACrE,SAASC,aAAa,QAAQ,8CAA6C;AAC3E,SAASC,eAAe,QAAQ,gDAA+C;AAE/E;;;;;;;;;;;;;;;;;;;CAmBC,GACD,OAAO,SAASC,aAAaC,UAA8BjB,eAAe;IACxE,MAAMkB,gBAAgBjB,iBAAiBgB;IAEvC,OAAO;QACLE,MAAM;YACJC,QAAQ;gBACNC,OAAO;oBACLC,MAAM;oBACNC,OAAO;gBACT;gBACAC,YAAY;oBACVF,MAAM;oBACNC,OAAO;oBACPE,SAASP,cAAcQ,GAAG,CAAC,CAAC,EAAEC,KAAK,EAAEJ,KAAK,EAAE,GAAM,CAAA;4BAAEI;4BAAOJ;wBAAM,CAAA;gBACnE;YACF;YACAK,cAAc;gBACZP,OAAO;gBACPG,YAAY;YACd;YACAK,QAAQ,CAAC,EAAEC,QAAQ,EAA2B,iBAAK;8BAAGA;;QACxD;QACAC,YAAY;YACVC,QAAQ;gBACNX,OAAO;gBACPY,YAAY;oBAAC;oBAAa;oBAAQ;oBAAQ;oBAAW;oBAAU;iBAAW;gBAC1EC,iBAAiB;YACnB;YACAC,YAAY;gBACVd,OAAO;gBACPY,YAAY;oBAAC;oBAAW;oBAAQ;iBAAW;YAC7C;YACAG,OAAO;gBACLf,OAAO;gBACPY,YAAY;oBAAC;iBAAQ;YACvB;YACAI,aAAa;gBACXhB,OAAO;gBACPY,YAAY;oBAAC;oBAAU;oBAAQ;oBAAW;iBAAY;YACxD;QACF;QACAA,YAAY;YACV,SAAS;YACTK,WAAWpC;YACXqC,MAAMpC;YACNqC,MAAMpC;YACNqC,SAASpC;YACTqC,QAAQpC;YACRqC,UAAUpC;YACV,aAAa;YACbqC,SAASpC;YACTqC,MAAMpC;YACNqC,UAAUpC;YACV,QAAQ;YACRqC,OAAOpC;YACP,cAAc;YACdqC,QAAQpC;YACRqC,MAAMpC;YACNqC,SAASpC;YACTqC,WAAWpC;QACb;IACF;AACF;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMqC,aAAapC,aAAahB,iBAAgB;AAEvD,6CAA6C;AAC7C,SAASqD,YAAY,EAAEA,gBAAgBC,YAAY,QAAQ,aAAY;AACvE,SAAStD,eAAe,EAAEuD,YAAY,QAA+B,sBAAqB"}

package/dist/config/merge.d.ts

@@ -1,5 +1,5 @@
 import type { Config as PuckConfig } from '@puckeditor/core';
-import type { MergeConfigOptions } from '../types';
+import type { MergeConfigOptions } from '../types/index.js';
 /**
  * Merges Puck configurations together
  *

package/dist/config/merge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/config/merge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,kBAAkB,GAAG,UAAU,CAkEpE"}
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/config/merge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,kBAAkB,GAAG,UAAU,CAkEpE"}

package/dist/config/merge.js

@@ -16,24 +16,23 @@
  *   exclude: ['CallToAction'], // Remove if not needed
  * })
  * ```
- */
-export function mergeConfigs(options) {
+ */ export function mergeConfigs(options) {
     const { base, components = {}, categories = {}, root, exclude = [] } = options;
     // Filter out excluded components from base
-    const filteredBaseComponents = Object.fromEntries(Object.entries(base.components || {}).filter(([key]) => !exclude.includes(key)));
+    const filteredBaseComponents = Object.fromEntries(Object.entries(base.components || {}).filter(([key])=>!exclude.includes(key)));
     // Merge categories
     const mergedCategories = {};
     // First, process base categories (filtering excluded components)
-    for (const [key, category] of Object.entries(base.categories || {})) {
+    for (const [key, category] of Object.entries(base.categories || {})){
         if (category) {
             mergedCategories[key] = {
                 ...category,
-                components: category.components?.filter((c) => !exclude.includes(String(c))) || [],
+                components: category.components?.filter((c)=>!exclude.includes(String(c))) || []
             };
         }
     }
     // Then, merge in new categories
-    for (const [key, category] of Object.entries(categories)) {
+    for (const [key, category] of Object.entries(categories)){
         if (category) {
             if (mergedCategories[key]) {
                 // Merge with existing category
@@ -41,40 +40,38 @@ export function mergeConfigs(options) {
                     ...mergedCategories[key],
                     ...category,
                     components: [
-                        ...(mergedCategories[key]?.components || []),
-                        ...(category.components || []),
-                    ],
+                        ...mergedCategories[key]?.components || [],
+                        ...category.components || []
+                    ]
                 };
-            }
-            else {
+            } else {
                 // Add new category
                 mergedCategories[key] = category;
             }
         }
     }
     // Merge root config
-    const mergedRoot = root
-        ? {
-            ...base.root,
-            ...root,
-            fields: {
-                ...base.root?.fields,
-                ...root.fields,
-            },
-            defaultProps: {
-                ...base.root?.defaultProps,
-                ...root.defaultProps,
-            },
+    const mergedRoot = root ? {
+        ...base.root,
+        ...root,
+        fields: {
+            ...base.root?.fields,
+            ...root.fields
+        },
+        defaultProps: {
+            ...base.root?.defaultProps,
+            ...root.defaultProps
         }
-        : base.root;
+    } : base.root;
     return {
         ...base,
         root: mergedRoot,
         categories: mergedCategories,
         components: {
             ...filteredBaseComponents,
-            ...components,
-        },
+            ...components
+        }
     };
 }
+
 //# sourceMappingURL=merge.js.map

package/dist/config/merge.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../src/config/merge.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,YAAY,CAAC,OAA2B;IACtD,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IAE9E,2CAA2C;IAC3C,MAAM,sBAAsB,GAAG,MAAM,CAAC,WAAW,CAC/C,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAChF,CAAA;IAED,mBAAmB;IACnB,MAAM,gBAAgB,GAA6B,EAAE,CAAA;IAErD,iEAAiE;IACjE,KAAK,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;QACpE,IAAI,QAAQ,EAAE,CAAC;YACb,gBAAgB,CAAC,GAAG,CAAC,GAAG;gBACtB,GAAG,QAAQ;gBACX,UAAU,EAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;aACnF,CAAA;QACH,CAAC;IACH,CAAC;IAED,gCAAgC;IAChC,KAAK,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QACzD,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC1B,+BAA+B;gBAC/B,gBAAgB,CAAC,GAAG,CAAC,GAAG;oBACtB,GAAG,gBAAgB,CAAC,GAAG,CAAC;oBACxB,GAAG,QAAQ;oBACX,UAAU,EAAE;wBACV,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC;wBAC5C,GAAG,CAAC,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC;qBAC/B;iBACF,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,mBAAmB;gBACnB,gBAAgB,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;YAClC,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;IACpB,MAAM,UAAU,GAAG,IAAI;QACrB,CAAC,CAAC;YACE,GAAG,IAAI,CAAC,IAAI;YACZ,GAAG,IAAI;YACP,MAAM,EAAE;gBACN,GAAG,IAAI,CAAC,IAAI,EAAE,MAAM;gBACpB,GAAG,IAAI,CAAC,MAAM;aACf;YACD,YAAY,EAAE;gBACZ,GAAG,IAAI,CAAC,IAAI,EAAE,YAAY;gBAC1B,GAAG,IAAI,CAAC,YAAY;aACrB;SACF;QACH,CAAC,CAAC,IAAI,CAAC,IAAI,CAAA;IAEb,OAAO;QACL,GAAG,IAAI;QACP,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE;YACV,GAAG,sBAAsB;YACzB,GAAG,UAAU;SACd;KACF,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../src/config/merge.ts"],"sourcesContent":["import type { Config as PuckConfig } from '@puckeditor/core'\nimport type { MergeConfigOptions } from '../types/index.js'\n\n/**\n * Merges Puck configurations together\n *\n * @example\n * ```typescript\n * import { extendConfig, fullConfig } from '@delmaredigital/payload-puck/config/editor'\n *\n * const puckConfig = extendConfig({\n *   base: fullConfig,\n *   components: {\n *     CustomHero: myHeroConfig,\n *   },\n *   categories: {\n *     custom: { title: 'Custom', components: ['CustomHero'] },\n *   },\n *   exclude: ['CallToAction'], // Remove if not needed\n * })\n * ```\n */\nexport function mergeConfigs(options: MergeConfigOptions): PuckConfig {\n  const { base, components = {}, categories = {}, root, exclude = [] } = options\n\n  // Filter out excluded components from base\n  const filteredBaseComponents = Object.fromEntries(\n    Object.entries(base.components || {}).filter(([key]) => !exclude.includes(key))\n  )\n\n  // Merge categories\n  const mergedCategories: PuckConfig['categories'] = {}\n\n  // First, process base categories (filtering excluded components)\n  for (const [key, category] of Object.entries(base.categories || {})) {\n    if (category) {\n      mergedCategories[key] = {\n        ...category,\n        components: category.components?.filter((c) => !exclude.includes(String(c))) || [],\n      }\n    }\n  }\n\n  // Then, merge in new categories\n  for (const [key, category] of Object.entries(categories)) {\n    if (category) {\n      if (mergedCategories[key]) {\n        // Merge with existing category\n        mergedCategories[key] = {\n          ...mergedCategories[key],\n          ...category,\n          components: [\n            ...(mergedCategories[key]?.components || []),\n            ...(category.components || []),\n          ],\n        }\n      } else {\n        // Add new category\n        mergedCategories[key] = category\n      }\n    }\n  }\n\n  // Merge root config\n  const mergedRoot = root\n    ? {\n        ...base.root,\n        ...root,\n        fields: {\n          ...base.root?.fields,\n          ...root.fields,\n        },\n        defaultProps: {\n          ...base.root?.defaultProps,\n          ...root.defaultProps,\n        },\n      }\n    : base.root\n\n  return {\n    ...base,\n    root: mergedRoot,\n    categories: mergedCategories,\n    components: {\n      ...filteredBaseComponents,\n      ...components,\n    },\n  }\n}\n"],"names":["mergeConfigs","options","base","components","categories","root","exclude","filteredBaseComponents","Object","fromEntries","entries","filter","key","includes","mergedCategories","category","c","String","mergedRoot","fields","defaultProps"],"mappings":"AAGA;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,SAASA,aAAaC,OAA2B;IACtD,MAAM,EAAEC,IAAI,EAAEC,aAAa,CAAC,CAAC,EAAEC,aAAa,CAAC,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAE,EAAE,GAAGL;IAEvE,2CAA2C;IAC3C,MAAMM,yBAAyBC,OAAOC,WAAW,CAC/CD,OAAOE,OAAO,CAACR,KAAKC,UAAU,IAAI,CAAC,GAAGQ,MAAM,CAAC,CAAC,CAACC,IAAI,GAAK,CAACN,QAAQO,QAAQ,CAACD;IAG5E,mBAAmB;IACnB,MAAME,mBAA6C,CAAC;IAEpD,iEAAiE;IACjE,KAAK,MAAM,CAACF,KAAKG,SAAS,IAAIP,OAAOE,OAAO,CAACR,KAAKE,UAAU,IAAI,CAAC,GAAI;QACnE,IAAIW,UAAU;YACZD,gBAAgB,CAACF,IAAI,GAAG;gBACtB,GAAGG,QAAQ;gBACXZ,YAAYY,SAASZ,UAAU,EAAEQ,OAAO,CAACK,IAAM,CAACV,QAAQO,QAAQ,CAACI,OAAOD,QAAQ,EAAE;YACpF;QACF;IACF;IAEA,gCAAgC;IAChC,KAAK,MAAM,CAACJ,KAAKG,SAAS,IAAIP,OAAOE,OAAO,CAACN,YAAa;QACxD,IAAIW,UAAU;YACZ,IAAID,gBAAgB,CAACF,IAAI,EAAE;gBACzB,+BAA+B;gBAC/BE,gBAAgB,CAACF,IAAI,GAAG;oBACtB,GAAGE,gBAAgB,CAACF,IAAI;oBACxB,GAAGG,QAAQ;oBACXZ,YAAY;2BACNW,gBAAgB,CAACF,IAAI,EAAET,cAAc,EAAE;2BACvCY,SAASZ,UAAU,IAAI,EAAE;qBAC9B;gBACH;YACF,OAAO;gBACL,mBAAmB;gBACnBW,gBAAgB,CAACF,IAAI,GAAGG;YAC1B;QACF;IACF;IAEA,oBAAoB;IACpB,MAAMG,aAAab,OACf;QACE,GAAGH,KAAKG,IAAI;QACZ,GAAGA,IAAI;QACPc,QAAQ;YACN,GAAGjB,KAAKG,IAAI,EAAEc,MAAM;YACpB,GAAGd,KAAKc,MAAM;QAChB;QACAC,cAAc;YACZ,GAAGlB,KAAKG,IAAI,EAAEe,YAAY;YAC1B,GAAGf,KAAKe,YAAY;QACtB;IACF,IACAlB,KAAKG,IAAI;IAEb,OAAO;QACL,GAAGH,IAAI;QACPG,MAAMa;QACNd,YAAYU;QACZX,YAAY;YACV,GAAGI,sBAAsB;YACzB,GAAGJ,UAAU;QACf;IACF;AACF"}

package/dist/config/presets.d.ts

@@ -79,7 +79,7 @@ export declare const defaultRoot: {
     };
     render: ({ children }: {
         children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react").JSX.Element;
 };
 /**
  * Root configuration for use with @delmaredigital/payload-page-tree
@@ -157,7 +157,7 @@ export declare const pageTreeRoot: {
     };
     render: ({ children }: {
         children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react").JSX.Element;
 };
 /**
  * Full configuration with all built-in components
@@ -219,7 +219,7 @@ export declare const fullConfig: {
         };
         render: ({ children }: {
             children: ReactNode;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }) => import("react").JSX.Element;
     };
     categories: {
         layout: {
@@ -317,7 +317,7 @@ export declare const minimalConfig: {
         };
         render: ({ children }: {
             children: ReactNode;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }) => import("react").JSX.Element;
     };
     categories: {
         layout: {

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,42 @@ 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