@delmaredigital/payload-puck 0.6.12 → 0.6.13

package/dist/components/typography/Text.server.js

@@ -1,6 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+/**
+ * Text Component - Server-Safe Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ * This version excludes field definitions for server-side rendering.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 const defaultProps = {
     content: 'Enter your text here...',
     size: 'base',
@@ -9,15 +14,15 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 export const TextConfig = {
     label: 'Text',
     defaultProps,
-    render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -33,7 +38,15 @@ export const TextConfig = {
             style.color = colorCSS;
         }
         const alignmentValue = alignment ?? 'left';
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("p", { className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left), style: Object.keys(style).length > 0 ? style : undefined, children: content }) }));
-    },
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("p", {
+                className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left),
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: content
+            })
+        });
+    }
 };
+
 //# sourceMappingURL=Text.server.js.map

package/dist/components/typography/Text.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.server.js","sourceRoot":"","sources":["../../../src/components/typography/Text.server.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,WAAW,EACX,YAAY,EACZ,EAAE,EACF,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GAKrB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAcpD,MAAM,YAAY,GAAc;IAC9B,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAA+B;IACpD,KAAK,EAAE,MAAM;IACb,YAAY;IACZ,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE;QAChG,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAElF,MAAM,KAAK,GAAwB;YACjC,GAAG,gBAAgB;SACpB,CAAA;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QAC1B,CAAC;QACD,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;QACnD,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,GAAG,UAAU,CAAA;QAC5B,CAAC;QACD,mCAAmC;QACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;QAC3C,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;QACxB,CAAC;QAED,MAAM,cAAc,GAAG,SAAS,IAAI,MAAM,CAAA;QAE1C,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,YACE,SAAS,EAAE,EAAE,CACX,WAAW,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,EACrC,YAAY,CAAC,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,CAClD,EACD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAEvD,OAAO,GACN,GACY,CACnB,CAAA;IACH,CAAC;CACF,CAAA"}
+{"version":3,"sources":["../../../src/components/typography/Text.server.tsx"],"sourcesContent":["/**\n * Text Component - Server-Safe Puck Configuration\n *\n * Simple paragraph text with customizable styling.\n * This version excludes field definitions for server-side rendering.\n */\n\nimport type React from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  textSizeMap,\n  alignmentMap,\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  dimensionsValueToCSS,\n  type PaddingValue,\n  type ColorValue,\n  type DimensionsValue,\n  type AnimationValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport type { Alignment } from '../../fields/AlignmentField.js'\n\nexport interface TextProps {\n  content: string\n  size: string\n  alignment: Alignment | null\n  textColor: ColorValue | null\n  dimensions: DimensionsValue | null\n  animation: AnimationValue | null\n  margin: PaddingValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: TextProps = {\n  content: 'Enter your text here...',\n  size: 'base',\n  alignment: null,\n  textColor: null,\n  dimensions: null,\n  animation: null,\n  margin: null,\n  customPadding: null,\n}\n\nexport const TextConfig: ComponentConfig<TextProps> = {\n  label: 'Text',\n  defaultProps,\n  render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding }) => {\n    const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined\n\n    const style: React.CSSProperties = {\n      ...dimensionsStyles,\n    }\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      style.margin = marginCSS\n    }\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      style.padding = paddingCSS\n    }\n    // Apply text color from ColorValue\n    const colorCSS = colorValueToCSS(textColor)\n    if (colorCSS) {\n      style.color = colorCSS\n    }\n\n    const alignmentValue = alignment ?? 'left'\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        <p\n          className={cn(\n            textSizeMap[size] || textSizeMap.base,\n            alignmentMap[alignmentValue] || alignmentMap.left\n          )}\n          style={Object.keys(style).length > 0 ? style : undefined}\n        >\n          {content}\n        </p>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["textSizeMap","alignmentMap","cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","dimensionsValueToCSS","AnimatedWrapper","defaultProps","content","size","alignment","textColor","dimensions","animation","margin","customPadding","TextConfig","label","render","dimensionsStyles","undefined","style","marginCSS","paddingCSS","padding","colorCSS","color","alignmentValue","p","className","base","left","Object","keys","length"],"mappings":"AAAA;;;;;CAKC;AAID,SACEA,WAAW,EACXC,YAAY,EACZC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,QAKf,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AAcvD,MAAMC,eAA0B;IAC9BC,SAAS;IACTC,MAAM;IACNC,WAAW;IACXC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,eAAe;AACjB;AAEA,OAAO,MAAMC,aAAyC;IACpDC,OAAO;IACPV;IACAW,QAAQ,CAAC,EAAEV,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,aAAa,EAAE;QAC5F,MAAMI,mBAAmBP,aAAaP,qBAAqBO,cAAcQ;QAEzE,MAAMC,QAA6B;YACjC,GAAGF,gBAAgB;QACrB;QACA,MAAMG,YAAYpB,iBAAiBY;QACnC,IAAIQ,WAAW;YACbD,MAAMP,MAAM,GAAGQ;QACjB;QACA,MAAMC,aAAapB,kBAAkBY;QACrC,IAAIQ,YAAY;YACdF,MAAMG,OAAO,GAAGD;QAClB;QACA,mCAAmC;QACnC,MAAME,WAAWrB,gBAAgBO;QACjC,IAAIc,UAAU;YACZJ,MAAMK,KAAK,GAAGD;QAChB;QAEA,MAAME,iBAAiBjB,aAAa;QAEpC,qBACE,KAACJ;YAAgBO,WAAWA;sBAC1B,cAAA,KAACe;gBACCC,WAAW5B,GACTF,WAAW,CAACU,KAAK,IAAIV,YAAY+B,IAAI,EACrC9B,YAAY,CAAC2B,eAAe,IAAI3B,aAAa+B,IAAI;gBAEnDV,OAAOW,OAAOC,IAAI,CAACZ,OAAOa,MAAM,GAAG,IAAIb,QAAQD;0BAE9CZ;;;IAIT;AACF,EAAC"}

package/dist/components/typography/index.d.ts

@@ -3,8 +3,8 @@
  *
  * Text and heading components for content display.
  */
-export { HeadingConfig } from './Heading';
-export { TextConfig } from './Text';
-export { RichTextEditorConfig } from './RichText.editor';
-export { RichTextConfig } from './RichText.server';
+export { HeadingConfig } from './Heading.js';
+export { TextConfig } from './Text.js';
+export { RichTextEditorConfig } from './RichText.editor.js';
+export { RichTextConfig } from './RichText.server.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/typography/index.js

@@ -2,9 +2,9 @@
  * Typography Components
  *
  * Text and heading components for content display.
- */
-export { HeadingConfig } from './Heading';
-export { TextConfig } from './Text';
-export { RichTextEditorConfig } from './RichText.editor';
-export { RichTextConfig } from './RichText.server';
+ */ export { HeadingConfig } from './Heading.js';
+export { TextConfig } from './Text.js';
+export { RichTextEditorConfig } from './RichText.editor.js';
+export { RichTextConfig } from './RichText.server.js';
+
 //# sourceMappingURL=index.js.map

package/dist/components/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"sources":["../../../src/components/typography/index.ts"],"sourcesContent":["/**\n * Typography Components\n *\n * Text and heading components for content display.\n */\n\nexport { HeadingConfig } from './Heading.js'\nexport { TextConfig } from './Text.js'\nexport { RichTextEditorConfig } from './RichText.editor.js'\nexport { RichTextConfig } from './RichText.server.js'\n"],"names":["HeadingConfig","TextConfig","RichTextEditorConfig","RichTextConfig"],"mappings":"AAAA;;;;CAIC,GAED,SAASA,aAAa,QAAQ,eAAc;AAC5C,SAASC,UAAU,QAAQ,YAAW;AACtC,SAASC,oBAAoB,QAAQ,uBAAsB;AAC3D,SAASC,cAAc,QAAQ,uBAAsB"}

package/dist/config/config.editor.d.ts

@@ -47,7 +47,7 @@ export declare const editorConfig: {
                     value: string;
                 }[];
             };
-            pageBackground: import("@puckeditor/core").CustomField<import("../fields").BackgroundValue | null>;
+            pageBackground: import("@puckeditor/core").CustomField<import("../fields/shared.js").BackgroundValue | null>;
             pageMaxWidth: {
                 type: "select";
                 label: string;
@@ -69,7 +69,7 @@ export declare const editorConfig: {
         };
         render: ({ children }: {
             children: ReactNode;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }) => import("react").JSX.Element;
     };
     categories: {
         layout: {
@@ -107,6 +107,6 @@ export declare const editorConfig: {
         Accordion: ComponentConfig<any>;
     };
 };
-export { mergeConfigs } from './merge';
+export { mergeConfigs } from './merge.js';
 export { fullConfig, minimalConfig, defaultRoot, pageTreeRoot, extendConfig, } from './presets.js';
 //# sourceMappingURL=config.editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.editor.d.ts","sourceRoot":"","sources":["../../src/config/config.editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAwB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0BtC;;;;GAIG;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAiEE;YAAE,QAAQ,EAAE,SAAS,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;mBAuBhB,eAAe,CAAC,GAAG,CAAC;cAC9B,eAAe,CAAC,GAAG,CAAC;cACpB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;gBACtB,eAAe,CAAC,GAAG,CAAC;kBAChB,eAAe,CAAC,GAAG,CAAC;iBAEtB,eAAe,CAAC,GAAG,CAAC;cAC1B,eAAe,CAAC,GAAG,CAAC;kBACN,eAAe,CAAC,GAAG,CAAC;eAEhC,eAAe,CAAC,GAAG,CAAC;gBAElB,eAAe,CAAC,GAAG,CAAC;cACxB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;mBAChB,eAAe,CAAC,GAAG,CAAC;;CAEhC,CAAA;AAGtB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGtC,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,cAAc,CAAA"}
+{"version":3,"file":"config.editor.d.ts","sourceRoot":"","sources":["../../src/config/config.editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAwB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0BtC;;;;GAIG;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAiEE;YAAE,QAAQ,EAAE,SAAS,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;mBAuBhB,eAAe,CAAC,GAAG,CAAC;cAC9B,eAAe,CAAC,GAAG,CAAC;cACpB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;gBACtB,eAAe,CAAC,GAAG,CAAC;kBAChB,eAAe,CAAC,GAAG,CAAC;iBAEtB,eAAe,CAAC,GAAG,CAAC;cAC1B,eAAe,CAAC,GAAG,CAAC;kBACN,eAAe,CAAC,GAAG,CAAC;eAEhC,eAAe,CAAC,GAAG,CAAC;gBAElB,eAAe,CAAC,GAAG,CAAC;cACxB,eAAe,CAAC,GAAG,CAAC;iBACd,eAAe,CAAC,GAAG,CAAC;mBAChB,eAAe,CAAC,GAAG,CAAC;;CAEhC,CAAA;AAGtB,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGzC,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,cAAc,CAAA"}

package/dist/config/config.editor.js

@@ -1,31 +1,30 @@
 'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { createBackgroundField } from '../fields/BackgroundField';
-import { lockedSlugField, lockedHomepageField } from '../fields/LockedField';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createBackgroundField } from '../fields/BackgroundField.js';
+import { lockedSlugField, lockedHomepageField } from '../fields/LockedField.js';
 // Layout Components
-import { ContainerConfig } from '../components/layout/Container';
-import { FlexConfig } from '../components/layout/Flex';
-import { GridConfig } from '../components/layout/Grid';
-import { SectionConfig } from '../components/layout/Section';
-import { SpacerConfig } from '../components/layout/Spacer';
-import { TemplateConfig } from '../components/layout/Template';
+import { ContainerConfig } from '../components/layout/Container.js';
+import { FlexConfig } from '../components/layout/Flex.js';
+import { GridConfig } from '../components/layout/Grid.js';
+import { SectionConfig } from '../components/layout/Section.js';
+import { SpacerConfig } from '../components/layout/Spacer.js';
+import { TemplateConfig } from '../components/layout/Template.js';
 // Typography Components
-import { HeadingConfig } from '../components/typography/Heading';
-import { TextConfig } from '../components/typography/Text';
-import { RichTextEditorConfig } from '../components/typography/RichText.editor';
+import { HeadingConfig } from '../components/typography/Heading.js';
+import { TextConfig } from '../components/typography/Text.js';
+import { RichTextEditorConfig } from '../components/typography/RichText.editor.js';
 // Media Components
-import { ImageConfig } from '../components/media/Image';
+import { ImageConfig } from '../components/media/Image.js';
 // Interactive Components
-import { ButtonConfig } from '../components/interactive/Button';
-import { CardConfig } from '../components/interactive/Card';
-import { DividerConfig } from '../components/interactive/Divider';
-import { AccordionConfig } from '../components/interactive/Accordion';
+import { ButtonConfig } from '../components/interactive/Button.js';
+import { CardConfig } from '../components/interactive/Card.js';
+import { DividerConfig } from '../components/interactive/Divider.js';
+import { AccordionConfig } from '../components/interactive/Accordion.js';
 /**
  * Editor Puck configuration with all components including client-only ones
  *
  * Use this config for the Puck <Editor /> component.
- */
-// Using type assertion since Puck's strict typing conflicts with our generic configs
+ */ // Using type assertion since Puck's strict typing conflicts with our generic configs
 export const editorConfig = {
     root: {
         fields: {
@@ -35,51 +34,96 @@ export const editorConfig = {
             // 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: '',
@@ -89,28 +133,48 @@ export const editorConfig = {
             showHeader: 'default',
             showFooter: 'default',
             pageBackground: null,
-            pageMaxWidth: 'default',
+            pageMaxWidth: 'default'
         },
-        render: ({ children }) => _jsx(_Fragment, { children: children }),
+        render: ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
+                children: children
+            })
     },
     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
@@ -123,18 +187,19 @@ export const editorConfig = {
         // Typography
         Heading: HeadingConfig,
         Text: TextConfig,
-        RichText: RichTextEditorConfig, // Uses TipTap
+        RichText: RichTextEditorConfig,
         // Media
         Image: ImageConfig,
         // Interactive
         Button: ButtonConfig,
         Card: CardConfig,
         Divider: DividerConfig,
-        Accordion: AccordionConfig, // Client-only
-    },
+        Accordion: AccordionConfig
+    }
 };
 // Re-export merge utility for convenience
-export { mergeConfigs } from './merge';
+export { mergeConfigs } from './merge.js';
 // Re-export presets for extending configs
-export { fullConfig, minimalConfig, defaultRoot, pageTreeRoot, extendConfig, } from './presets.js';
+export { fullConfig, minimalConfig, defaultRoot, pageTreeRoot, extendConfig } from './presets.js';
+
 //# sourceMappingURL=config.editor.js.map

package/dist/config/config.editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.editor.js","sourceRoot":"","sources":["../../src/config/config.editor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/config/config.editor.tsx"],"sourcesContent":["'use client'\n\n/**\n * Client-side Puck configuration with custom fields\n *\n * This config includes all components plus client-only features like:\n * - TipTap rich text editor for RichText\n * - Accordion (requires useState)\n *\n * Use this config for the Puck visual editor.\n */\n\nimport type { Config as PuckConfig, ComponentConfig } from '@puckeditor/core'\nimport type { ReactNode } from 'react'\nimport { createBackgroundField } from '../fields/BackgroundField.js'\nimport { lockedSlugField, lockedHomepageField } from '../fields/LockedField.js'\n\n// Layout Components\nimport { ContainerConfig } from '../components/layout/Container.js'\nimport { FlexConfig } from '../components/layout/Flex.js'\nimport { GridConfig } from '../components/layout/Grid.js'\nimport { SectionConfig } from '../components/layout/Section.js'\nimport { SpacerConfig } from '../components/layout/Spacer.js'\nimport { TemplateConfig } from '../components/layout/Template.js'\n\n// Typography Components\nimport { HeadingConfig } from '../components/typography/Heading.js'\nimport { TextConfig } from '../components/typography/Text.js'\nimport { RichTextEditorConfig } from '../components/typography/RichText.editor.js'\n\n// Media Components\nimport { ImageConfig } from '../components/media/Image.js'\n\n// Interactive Components\nimport { ButtonConfig } from '../components/interactive/Button.js'\nimport { CardConfig } from '../components/interactive/Card.js'\nimport { DividerConfig } from '../components/interactive/Divider.js'\nimport { AccordionConfig } from '../components/interactive/Accordion.js'\n\n/**\n * Editor Puck configuration with all components including client-only ones\n *\n * Use this config for the Puck <Editor /> component.\n */\n// Using type assertion since Puck's strict typing conflicts with our generic configs\nexport const editorConfig = {\n  root: {\n    fields: {\n      // Page identity (locked fields)\n      slug: lockedSlugField,\n      isHomepage: lockedHomepageField,\n      // Page settings\n      title: {\n        type: 'text',\n        label: 'Page Title',\n      },\n      pageLayout: {\n        type: 'select',\n        label: 'Page Layout',\n        options: [\n          { label: 'Default', value: 'default' },\n          { label: 'Landing', value: 'landing' },\n          { label: 'Full Width', value: 'full-width' },\n        ],\n      },\n      // Page-level overrides\n      showHeader: {\n        type: 'radio',\n        label: 'Show Header',\n        options: [\n          { label: 'Use Layout Default', value: 'default' },\n          { label: 'Show', value: 'show' },\n          { label: 'Hide', value: 'hide' },\n        ],\n      },\n      showFooter: {\n        type: 'radio',\n        label: 'Show Footer',\n        options: [\n          { label: 'Use Layout Default', value: 'default' },\n          { label: 'Show', value: 'show' },\n          { label: 'Hide', value: 'hide' },\n        ],\n      },\n      pageBackground: createBackgroundField({\n        label: 'Page Background',\n      }),\n      pageMaxWidth: {\n        type: 'select',\n        label: 'Page Width',\n        options: [\n          { label: 'Use Layout Default', value: 'default' },\n          { label: 'Narrow (720px)', value: '720px' },\n          { label: 'Standard (1000px)', value: '1000px' },\n          { label: 'Wide (1200px)', value: '1200px' },\n          { label: 'Extra Wide (1400px)', value: '1400px' },\n          { label: 'Full Width', value: '100%' },\n        ],\n      },\n    },\n    defaultProps: {\n      slug: '',\n      isHomepage: false,\n      title: 'New Page',\n      pageLayout: 'default',\n      showHeader: 'default',\n      showFooter: 'default',\n      pageBackground: null,\n      pageMaxWidth: '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: TemplateConfig as ComponentConfig<any>,\n    // Typography\n    Heading: HeadingConfig as ComponentConfig<any>,\n    Text: TextConfig as ComponentConfig<any>,\n    RichText: RichTextEditorConfig as ComponentConfig<any>, // Uses TipTap\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>, // Client-only\n  },\n} satisfies PuckConfig\n\n// Re-export merge utility for convenience\nexport { mergeConfigs } from './merge.js'\n\n// Re-export presets for extending configs\nexport {\n  fullConfig,\n  minimalConfig,\n  defaultRoot,\n  pageTreeRoot,\n  extendConfig,\n} from './presets.js'\n"],"names":["createBackgroundField","lockedSlugField","lockedHomepageField","ContainerConfig","FlexConfig","GridConfig","SectionConfig","SpacerConfig","TemplateConfig","HeadingConfig","TextConfig","RichTextEditorConfig","ImageConfig","ButtonConfig","CardConfig","DividerConfig","AccordionConfig","editorConfig","root","fields","slug","isHomepage","title","type","label","pageLayout","options","value","showHeader","showFooter","pageBackground","pageMaxWidth","defaultProps","render","children","categories","layout","components","defaultExpanded","typography","media","interactive","Container","Flex","Grid","Section","Spacer","Template","Heading","Text","RichText","Image","Button","Card","Divider","Accordion","mergeConfigs","fullConfig","minimalConfig","defaultRoot","pageTreeRoot","extendConfig"],"mappings":"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"}

package/dist/config/index.d.ts

@@ -5,7 +5,7 @@
  * with the PageRenderer component.
  */
 import type { Config as PuckConfig } from '@puckeditor/core';
-import { type LayoutDefinition } from '../layouts';
+import { type LayoutDefinition } from '../layouts/index.js';
 /**
  * Creates a Puck configuration with custom layouts
  *
@@ -37,7 +37,7 @@ export declare function createConfig(layouts?: LayoutDefinition[]): PuckConfig;
  * For custom layouts, use createConfig() instead.
  */
 export declare const baseConfig: PuckConfig;
-export { mergeConfigs, mergeConfigs as extendConfig } from './merge';
-export { DEFAULT_LAYOUTS, createLayout, type LayoutDefinition } from '../layouts';
-export type { ServerComponentConfig, ServerRootConfig, SlotField } from './types';
+export { mergeConfigs, mergeConfigs as extendConfig } from './merge.js';
+export { DEFAULT_LAYOUTS, createLayout, type LayoutDefinition } from '../layouts/index.js';
+export type { ServerComponentConfig, ServerRootConfig, SlotField } from './types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,kBAAkB,CAAA;AAE7E,OAAO,EAAqC,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAwBrF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAgB,EAAoB,GAAG,UAAU,CA8DtF;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,YAAgC,CAAA;AAGvD,OAAO,EAAE,YAAY,EAAE,YAAY,IAAI,YAAY,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAGjF,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,kBAAkB,CAAA;AAE7E,OAAO,EAAqC,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAwB9F;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAgB,EAAoB,GAAG,UAAU,CA8DtF;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,YAAgC,CAAA;AAGvD,OAAO,EAAE,YAAY,EAAE,YAAY,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAG1F,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA"}

package/dist/config/index.js

@@ -1,23 +1,28 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { DEFAULT_LAYOUTS, layoutsToOptions } from '../layouts';
+/**
+ * Server-safe Puck configuration
+ *
+ * This config is safe for server-side rendering and should be used
+ * with the PageRenderer component.
+ */ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { DEFAULT_LAYOUTS, layoutsToOptions } from '../layouts/index.js';
 // Layout Components (server-safe versions)
-import { ContainerConfig } from '../components/layout/Container.server';
-import { FlexConfig } from '../components/layout/Flex.server';
-import { GridConfig } from '../components/layout/Grid.server';
-import { SectionConfig } from '../components/layout/Section.server';
-import { SpacerConfig } from '../components/layout/Spacer.server';
-import { TemplateServerConfig } from '../components/layout/Template.server';
+import { ContainerConfig } from '../components/layout/Container.server.js';
+import { FlexConfig } from '../components/layout/Flex.server.js';
+import { GridConfig } from '../components/layout/Grid.server.js';
+import { SectionConfig } from '../components/layout/Section.server.js';
+import { SpacerConfig } from '../components/layout/Spacer.server.js';
+import { TemplateServerConfig } from '../components/layout/Template.server.js';
 // Typography Components (server-safe versions)
-import { HeadingConfig } from '../components/typography/Heading.server';
-import { TextConfig } from '../components/typography/Text.server';
-import { RichTextConfig } from '../components/typography/RichText.server';
+import { HeadingConfig } from '../components/typography/Heading.server.js';
+import { TextConfig } from '../components/typography/Text.server.js';
+import { RichTextConfig } from '../components/typography/RichText.server.js';
 // Media Components (server-safe versions)
-import { ImageConfig } from '../components/media/Image.server';
+import { ImageConfig } from '../components/media/Image.server.js';
 // Interactive Components (server-safe versions)
-import { ButtonConfig } from '../components/interactive/Button.server';
-import { CardConfig } from '../components/interactive/Card.server';
-import { DividerConfig } from '../components/interactive/Divider.server';
-import { AccordionConfig } from '../components/interactive/Accordion.server';
+import { ButtonConfig } from '../components/interactive/Button.server.js';
+import { CardConfig } from '../components/interactive/Card.server.js';
+import { DividerConfig } from '../components/interactive/Divider.server.js';
+import { AccordionConfig } from '../components/interactive/Accordion.server.js';
 /**
  * Creates a Puck configuration with custom layouts
  *
@@ -37,46 +42,68 @@ import { AccordionConfig } from '../components/interactive/Accordion.server';
  *   }),
  * ])
  * ```
- */
-export function createConfig(layouts = DEFAULT_LAYOUTS) {
+ */ export function createConfig(layouts = DEFAULT_LAYOUTS) {
     const layoutOptions = layoutsToOptions(layouts);
     return {
         root: {
             fields: {
                 title: {
                     type: 'text',
-                    label: 'Page Title',
+                    label: 'Page Title'
                 },
                 pageLayout: {
                     type: 'select',
                     label: 'Page Layout',
-                    options: layoutOptions.map(({ value, label }) => ({ value, label })),
-                },
+                    options: layoutOptions.map(({ value, label })=>({
+                            value,
+                            label
+                        }))
+                }
             },
             defaultProps: {
                 title: 'New Page',
-                pageLayout: 'default',
+                pageLayout: 'default'
             },
-            render: ({ children }) => _jsx(_Fragment, { children: children }),
+            render: ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
+                    children: children
+                })
         },
         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
@@ -96,8 +123,8 @@ export function createConfig(layouts = DEFAULT_LAYOUTS) {
             Button: ButtonConfig,
             Card: CardConfig,
             Divider: DividerConfig,
-            Accordion: AccordionConfig,
-        },
+            Accordion: AccordionConfig
+        }
     };
 }
 /**
@@ -108,9 +135,9 @@ export function createConfig(layouts = DEFAULT_LAYOUTS) {
  * for the full interactive editor experience.
  *
  * For custom layouts, use createConfig() instead.
- */
-export const baseConfig = createConfig(DEFAULT_LAYOUTS);
+ */ export const baseConfig = createConfig(DEFAULT_LAYOUTS);
 // Re-export merge utility and layout helpers
-export { mergeConfigs, mergeConfigs as extendConfig } from './merge';
-export { DEFAULT_LAYOUTS, createLayout } from '../layouts';
+export { mergeConfigs, mergeConfigs as extendConfig } from './merge.js';
+export { DEFAULT_LAYOUTS, createLayout } from '../layouts/index.js';
+
 //# sourceMappingURL=index.js.map