@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/components/layout/Grid.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.server.js","sourceRoot":"","sources":["../../../src/components/layout/Grid.server.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/layout/Grid.server.tsx"],"sourcesContent":["/**\n * Grid Component - Server-safe Puck Configuration\n *\n * CSS Grid layout following official Puck demo patterns.\n * Responsive: stacks on mobile (flex column), grid on desktop (md+).\n * Uses Tailwind classes for layout, inline styles for dynamic user values.\n *\n * This is a server-safe version with NO fields property (only slot for content).\n * For the full editor version with fields, use Grid.tsx\n *\n * Responsive Controls:\n * - dimensions: Different dimensions at different breakpoints\n * - customPadding: Different padding at different breakpoints\n * - margin: Different margins at different breakpoints\n * - visibility: Show/hide at different breakpoints\n */\n\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  cn,\n  dimensionsValueToCSS,\n  marginValueToCSS,\n  paddingValueToCSS,\n  borderValueToCSS,\n  backgroundValueToCSS,\n  responsiveValueToCSS,\n  visibilityValueToCSS,\n  type PaddingValue,\n  type BorderValue,\n  type DimensionsValue,\n  type BackgroundValue,\n  type AnimationValue,\n  type ResponsiveValue,\n  type VisibilityValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\n\n// Simple ID generator for server-side rendering\nlet idCounter = 0\nfunction generateUniqueId(): string {\n  return `g${(++idCounter).toString(36)}${Math.random().toString(36).slice(2, 6)}`\n}\n\nexport type GridSemanticElement = 'div' | 'ul' | 'ol'\n\nexport interface GridProps {\n  content: unknown\n  semanticElement: GridSemanticElement\n  numColumns: number\n  gap: number\n  // Background\n  background: BackgroundValue | null\n  // Advanced custom options\n  customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null\n  dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null\n  border: BorderValue | null\n  margin: ResponsiveValue<PaddingValue> | PaddingValue | null\n  animation: AnimationValue | null\n  // Responsive visibility\n  visibility: VisibilityValue | null\n}\n\nconst defaultProps: GridProps = {\n  content: [],\n  semanticElement: 'div',\n  numColumns: 3,\n  gap: 24,\n  background: null,\n  customPadding: null,\n  dimensions: null,\n  border: null,\n  margin: null,\n  animation: null,\n  visibility: null,\n}\n\nexport const GridConfig: ComponentConfig = {\n  label: 'Grid',\n  fields: {\n    content: { type: 'slot' },\n  },\n  defaultProps,\n  render: ({\n    content: Content,\n    semanticElement = 'div',\n    numColumns,\n    gap,\n    background,\n    customPadding,\n    dimensions,\n    border,\n    margin,\n    animation,\n    visibility,\n  }) => {\n    // Dynamic element based on semanticElement prop\n    const Wrapper = semanticElement as React.ElementType\n\n    // Generate unique IDs for CSS targeting (server-safe)\n    const uniqueId = generateUniqueId()\n    const wrapperClass = `puck-grid-${uniqueId}`\n    const contentClass = `puck-grid-content-${uniqueId}`\n\n    // Collect all media query CSS\n    const mediaQueries: string[] = []\n\n    // Generate styles from BackgroundValue\n    const backgroundStyles = backgroundValueToCSS(background)\n\n    // Build wrapper styles\n    const wrapperStyles: React.CSSProperties = {\n      ...backgroundStyles,\n    }\n\n    // Add padding with responsive support\n    const paddingResult = responsiveValueToCSS(\n      customPadding,\n      (v) => ({ padding: paddingValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, paddingResult.baseStyles)\n    if (paddingResult.mediaQueryCSS) {\n      mediaQueries.push(paddingResult.mediaQueryCSS)\n    }\n\n    // Add border if set\n    const borderStyles = borderValueToCSS(border)\n    if (borderStyles) {\n      Object.assign(wrapperStyles, borderStyles)\n    }\n\n    // Add margin with responsive support\n    const marginResult = responsiveValueToCSS(\n      margin,\n      (v) => ({ margin: marginValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, marginResult.baseStyles)\n    if (marginResult.mediaQueryCSS) {\n      mediaQueries.push(marginResult.mediaQueryCSS)\n    }\n\n    // Use dimensions with responsive support\n    const dimensionsResult = responsiveValueToCSS(\n      dimensions,\n      dimensionsValueToCSS,\n      contentClass\n    )\n\n    // Visibility media queries\n    const visibilityCSS = visibilityValueToCSS(visibility, wrapperClass)\n    if (visibilityCSS) {\n      mediaQueries.push(visibilityCSS)\n    }\n\n    // Tailwind classes for responsive grid: flex column on mobile, grid on md+\n    const contentClasses = cn(\n      'flex flex-col w-full',\n      'md:grid',\n      contentClass,\n    )\n\n    // Dynamic styles that need inline (user-controlled values: gap, columns)\n    const contentStyles: React.CSSProperties = {\n      gap,\n      ...dimensionsResult.baseStyles,\n    }\n    if (dimensionsResult.mediaQueryCSS) {\n      mediaQueries.push(dimensionsResult.mediaQueryCSS)\n    }\n\n    // Grid template columns must be inline since numColumns is dynamic\n    const gridStyles: React.CSSProperties = {\n      ...contentStyles,\n      '--grid-cols': numColumns,\n    } as React.CSSProperties\n\n    // Combine all media queries\n    const allMediaQueryCSS = mediaQueries.join('\\n')\n\n    // Type assertion for Puck slot content - cast to any to avoid complex React type issues\n    const ContentSlot = Content as any\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        {allMediaQueryCSS && <style>{allMediaQueryCSS}</style>}\n        <Wrapper className={wrapperClass} style={wrapperStyles}>\n          <ContentSlot className={contentClasses} style={gridStyles} />\n          <style>{`\n            @media (min-width: 768px) {\n              .flex.md\\\\:grid {\n                grid-template-columns: repeat(var(--grid-cols), 1fr);\n              }\n            }\n          `}</style>\n        </Wrapper>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["cn","dimensionsValueToCSS","marginValueToCSS","paddingValueToCSS","borderValueToCSS","backgroundValueToCSS","responsiveValueToCSS","visibilityValueToCSS","AnimatedWrapper","idCounter","generateUniqueId","toString","Math","random","slice","defaultProps","content","semanticElement","numColumns","gap","background","customPadding","dimensions","border","margin","animation","visibility","GridConfig","label","fields","type","render","Content","Wrapper","uniqueId","wrapperClass","contentClass","mediaQueries","backgroundStyles","wrapperStyles","paddingResult","v","padding","Object","assign","baseStyles","mediaQueryCSS","push","borderStyles","marginResult","dimensionsResult","visibilityCSS","contentClasses","contentStyles","gridStyles","allMediaQueryCSS","join","ContentSlot","style","className"],"mappings":"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"}

package/dist/components/layout/Section.d.ts

@@ -16,7 +16,7 @@
  * - visibility: Show/hide at different breakpoints
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared';
+import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared.js';
 export type SemanticElement = 'section' | 'article' | 'aside' | 'nav' | 'div' | 'header' | 'footer' | 'main';
 export interface SectionProps {
     id: string;

package/dist/components/layout/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAiD5B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE5G,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAEhC,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IACnE,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAElE,iBAAiB,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IAC5E,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAEnE,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAqBD,eAAO,MAAM,aAAa,EAAE,eA8N3B,CAAA"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAiD/B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE5G,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAEhC,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IACnE,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAElE,iBAAiB,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IAC5E,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAEnE,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAqBD,eAAO,MAAM,aAAa,EAAE,eA8N3B,CAAA"}

package/dist/components/layout/Section.js

@@ -15,19 +15,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - contentPadding: Different content padding at different breakpoints
  * - sectionMargin: Different margins at different breakpoints
  * - visibility: Show/hide at different breakpoints
- */
-import { useId } from 'react';
-import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, borderValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createBorderField } from '../../fields/BorderField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createMarginField } from '../../fields/MarginField';
-import { createResetField } from '../../fields/ResetField';
-import { createBackgroundField } from '../../fields/BackgroundField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createResponsiveField } from '../../fields/ResponsiveField';
-import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField';
+ */ import { useId } from 'react';
+import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, borderValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createBorderField } from '../../fields/BorderField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { createBackgroundField } from '../../fields/BackgroundField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createResponsiveField } from '../../fields/ResponsiveField.js';
+import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField.js';
 // Default padding (none) - used for margin fields
 const DEFAULT_PADDING = {
     top: 0,
@@ -35,7 +34,7 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 0,
     unit: 'px',
-    linked: true,
+    linked: true
 };
 // Default section padding - standard vertical spacing for sections
 const DEFAULT_SECTION_PADDING = {
@@ -44,13 +43,17 @@ const DEFAULT_SECTION_PADDING = {
     bottom: 48,
     left: 0,
     unit: 'px',
-    linked: false,
+    linked: false
 };
 // Default content dimensions - 1200px max-width centered
 const DEFAULT_CONTENT_DIMENSIONS = {
     mode: 'contained',
     alignment: 'center',
-    maxWidth: { value: 1200, unit: 'px', enabled: true },
+    maxWidth: {
+        value: 1200,
+        unit: 'px',
+        enabled: true
+    }
 };
 // Default content padding with standard horizontal spacing
 const DEFAULT_CONTENT_PADDING = {
@@ -59,7 +62,7 @@ const DEFAULT_CONTENT_PADDING = {
     bottom: 0,
     left: 16,
     unit: 'px',
-    linked: false,
+    linked: false
 };
 const defaultProps = {
     id: '',
@@ -68,77 +71,121 @@ const defaultProps = {
     // Section layer defaults - padding gives sections proper spacing
     sectionBackground: null,
     sectionBorder: null,
-    sectionPadding: { xs: DEFAULT_SECTION_PADDING },
+    sectionPadding: {
+        xs: DEFAULT_SECTION_PADDING
+    },
     sectionMargin: null,
     // Content layer defaults - 1200px max-width so two-layer design is immediately visible
-    contentDimensions: { xs: DEFAULT_CONTENT_DIMENSIONS },
+    contentDimensions: {
+        xs: DEFAULT_CONTENT_DIMENSIONS
+    },
     contentBackground: null,
     contentBorder: null,
-    contentPadding: { xs: DEFAULT_CONTENT_PADDING },
+    contentPadding: {
+        xs: DEFAULT_CONTENT_PADDING
+    },
     // Other
     animation: null,
-    visibility: null,
+    visibility: null
 };
 export const SectionConfig = {
     label: 'Section',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         // Visibility first
-        visibility: createResponsiveVisibilityField({ label: 'Visibility' }),
+        visibility: createResponsiveVisibilityField({
+            label: 'Visibility'
+        }),
         // Semantic element selection
         semanticElement: {
             type: 'select',
             label: 'HTML Element',
             options: [
-                { label: 'Section', value: 'section' },
-                { label: 'Article', value: 'article' },
-                { label: 'Aside', value: 'aside' },
-                { label: 'Nav', value: 'nav' },
-                { label: 'Header', value: 'header' },
-                { label: 'Footer', value: 'footer' },
-                { label: 'Main', value: 'main' },
-                { label: 'Div', value: 'div' },
-            ],
+                {
+                    label: 'Section',
+                    value: 'section'
+                },
+                {
+                    label: 'Article',
+                    value: 'article'
+                },
+                {
+                    label: 'Aside',
+                    value: 'aside'
+                },
+                {
+                    label: 'Nav',
+                    value: 'nav'
+                },
+                {
+                    label: 'Header',
+                    value: 'header'
+                },
+                {
+                    label: 'Footer',
+                    value: 'footer'
+                },
+                {
+                    label: 'Main',
+                    value: 'main'
+                },
+                {
+                    label: 'Div',
+                    value: 'div'
+                }
+            ]
         },
         // Section ID for anchors
         id: {
             type: 'text',
-            label: 'Section ID',
+            label: 'Section ID'
         },
         content: {
-            type: 'slot',
+            type: 'slot'
         },
         // Section layer (outer)
-        sectionBackground: createBackgroundField({ label: 'Section Background' }),
-        sectionBorder: createBorderField({ label: 'Section Border' }),
+        sectionBackground: createBackgroundField({
+            label: 'Section Background'
+        }),
+        sectionBorder: createBorderField({
+            label: 'Section Border'
+        }),
         sectionPadding: createResponsiveField({
             label: 'Section Padding',
-            innerField: (config) => createPaddingField(config),
-            defaultValue: DEFAULT_PADDING,
+            innerField: (config)=>createPaddingField(config),
+            defaultValue: DEFAULT_PADDING
         }),
         sectionMargin: createResponsiveField({
             label: 'Section Margin',
-            innerField: (config) => createMarginField(config),
-            defaultValue: DEFAULT_PADDING,
+            innerField: (config)=>createMarginField(config),
+            defaultValue: DEFAULT_PADDING
         }),
         // Content layer (inner)
         contentDimensions: createResponsiveField({
             label: 'Content Dimensions',
-            innerField: (config) => createDimensionsField(config),
-            defaultValue: DEFAULT_CONTENT_DIMENSIONS,
+            innerField: (config)=>createDimensionsField(config),
+            defaultValue: DEFAULT_CONTENT_DIMENSIONS
+        }),
+        contentBackground: createBackgroundField({
+            label: 'Content Background'
+        }),
+        contentBorder: createBorderField({
+            label: 'Content Border'
         }),
-        contentBackground: createBackgroundField({ label: 'Content Background' }),
-        contentBorder: createBorderField({ label: 'Content Border' }),
         contentPadding: createResponsiveField({
             label: 'Content Padding',
-            innerField: (config) => createPaddingField(config),
-            defaultValue: DEFAULT_PADDING,
+            innerField: (config)=>createPaddingField(config),
+            defaultValue: DEFAULT_PADDING
         }),
         // Animation
-        animation: createAnimationField({ label: 'Animation' }),
+        animation: createAnimationField({
+            label: 'Animation'
+        })
     },
     defaultProps,
-    render: ({ id, content: Content, semanticElement = 'section', sectionBackground, sectionBorder, sectionPadding, sectionMargin, contentDimensions, contentBackground, contentBorder, contentPadding, animation, visibility, }) => {
+    render: ({ id, content: Content, semanticElement = 'section', sectionBackground, sectionBorder, sectionPadding, sectionMargin, contentDimensions, contentBackground, contentBorder, contentPadding, animation, visibility })=>{
         // Dynamic element based on semanticElement prop
         const Wrapper = semanticElement;
         // Generate unique IDs for CSS targeting
@@ -151,7 +198,7 @@ export const SectionConfig = {
         // === Section layer styles (outer, full-width) ===
         const sectionBackgroundStyles = backgroundValueToCSS(sectionBackground);
         const sectionStyles = {
-            ...sectionBackgroundStyles,
+            ...sectionBackgroundStyles
         };
         // Section border
         const sectionBorderStyles = borderValueToCSS(sectionBorder);
@@ -159,13 +206,17 @@ export const SectionConfig = {
             Object.assign(sectionStyles, sectionBorderStyles);
         }
         // Section padding with responsive support
-        const sectionPaddingResult = responsiveValueToCSS(sectionPadding, (v) => ({ padding: paddingValueToCSS(v) }), sectionClass);
+        const sectionPaddingResult = responsiveValueToCSS(sectionPadding, (v)=>({
+                padding: paddingValueToCSS(v)
+            }), sectionClass);
         Object.assign(sectionStyles, sectionPaddingResult.baseStyles);
         if (sectionPaddingResult.mediaQueryCSS) {
             mediaQueries.push(sectionPaddingResult.mediaQueryCSS);
         }
         // Section margin with responsive support
-        const sectionMarginResult = responsiveValueToCSS(sectionMargin, (v) => ({ margin: marginValueToCSS(v) }), sectionClass);
+        const sectionMarginResult = responsiveValueToCSS(sectionMargin, (v)=>({
+                margin: marginValueToCSS(v)
+            }), sectionClass);
         Object.assign(sectionStyles, sectionMarginResult.baseStyles);
         if (sectionMarginResult.mediaQueryCSS) {
             mediaQueries.push(sectionMarginResult.mediaQueryCSS);
@@ -178,7 +229,7 @@ export const SectionConfig = {
         // === Content layer styles (inner, constrained) ===
         const contentBackgroundStyles = backgroundValueToCSS(contentBackground);
         const contentStyles = {
-            ...contentBackgroundStyles,
+            ...contentBackgroundStyles
         };
         // Content dimensions with responsive support
         const contentDimensionsResult = responsiveValueToCSS(contentDimensions, dimensionsValueToCSS, contentClass);
@@ -187,15 +238,13 @@ export const SectionConfig = {
             mediaQueries.push(contentDimensionsResult.mediaQueryCSS);
         }
         // Check if minHeight is set - if so, we need flex layout to make slot expand
-        const hasMinHeight = (() => {
-            if (!contentDimensions)
-                return false;
+        const hasMinHeight = (()=>{
+            if (!contentDimensions) return false;
             // Check if it's a responsive value
             if (typeof contentDimensions === 'object' && 'xs' in contentDimensions) {
                 const responsiveDims = contentDimensions;
-                return Object.values(responsiveDims).some((v) => {
-                    if (!v || typeof v !== 'object')
-                        return false;
+                return Object.values(responsiveDims).some((v)=>{
+                    if (!v || typeof v !== 'object') return false;
                     const dim = v;
                     return dim.minHeight?.enabled && dim.minHeight?.value > 0;
                 });
@@ -215,7 +264,9 @@ export const SectionConfig = {
             Object.assign(contentStyles, contentBorderStyles);
         }
         // Content padding with responsive support
-        const contentPaddingResult = responsiveValueToCSS(contentPadding, (v) => ({ padding: paddingValueToCSS(v) }), contentClass);
+        const contentPaddingResult = responsiveValueToCSS(contentPadding, (v)=>({
+                padding: paddingValueToCSS(v)
+            }), contentClass);
         Object.assign(contentStyles, contentPaddingResult.baseStyles);
         if (contentPaddingResult.mediaQueryCSS) {
             mediaQueries.push(contentPaddingResult.mediaQueryCSS);
@@ -227,13 +278,45 @@ export const SectionConfig = {
         // Combine all media queries
         const allMediaQueryCSS = mediaQueries.join('\n');
         // When minHeight is set, wrap Content to ensure slot expands
-        const renderContent = () => {
+        const renderContent = ()=>{
             if (hasMinHeight) {
-                return (_jsx("div", { style: { flex: 1, display: 'flex', flexDirection: 'column', minHeight: 0 }, children: _jsx(Content, { style: { flex: 1 } }) }));
+                return /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        flex: 1,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        minHeight: 0
+                    },
+                    children: /*#__PURE__*/ _jsx(Content, {
+                        style: {
+                            flex: 1
+                        }
+                    })
+                });
             }
-            return _jsx(Content, {});
+            return /*#__PURE__*/ _jsx(Content, {});
         };
-        return (_jsxs(AnimatedWrapper, { animation: animation, children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), _jsx(Wrapper, { id: id || undefined, className: sectionClasses, style: sectionStyles, children: hasContentStyles ? (_jsx("div", { className: contentClasses, style: contentStyles, children: renderContent() })) : (_jsx(Content, { className: contentClasses })) })] }));
-    },
+        return /*#__PURE__*/ _jsxs(AnimatedWrapper, {
+            animation: animation,
+            children: [
+                allMediaQueryCSS && /*#__PURE__*/ _jsx("style", {
+                    children: allMediaQueryCSS
+                }),
+                /*#__PURE__*/ _jsx(Wrapper, {
+                    id: id || undefined,
+                    className: sectionClasses,
+                    style: sectionStyles,
+                    children: hasContentStyles ? /*#__PURE__*/ _jsx("div", {
+                        className: contentClasses,
+                        style: contentStyles,
+                        children: renderContent()
+                    }) : /*#__PURE__*/ _jsx(Content, {
+                        className: contentClasses
+                    })
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=Section.js.map

package/dist/components/layout/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/components/layout/Section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/layout/Section.tsx"],"sourcesContent":["/**\n * Section Component - Puck Configuration\n *\n * Full-width section with two-layer architecture:\n * - Section layer (outer): Full-bleed background, border, padding, margin\n * - Content layer (inner): Constrained content area with max-width, background, border, padding\n *\n * This design enables common patterns like hero sections with full-bleed backgrounds\n * but centered content.\n *\n * Responsive Controls:\n * - contentDimensions: Different max-width/min-height at different breakpoints\n * - sectionPadding: Different section padding at different breakpoints\n * - contentPadding: Different content padding at different breakpoints\n * - sectionMargin: Different margins at different breakpoints\n * - visibility: Show/hide at different breakpoints\n */\n\nimport { useId } from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  cn,\n  dimensionsValueToCSS,\n  marginValueToCSS,\n  paddingValueToCSS,\n  borderValueToCSS,\n  backgroundValueToCSS,\n  responsiveValueToCSS,\n  visibilityValueToCSS,\n  type PaddingValue,\n  type BorderValue,\n  type DimensionsValue,\n  type BackgroundValue,\n  type AnimationValue,\n  type ResponsiveValue,\n  type VisibilityValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createBorderField } from '../../fields/BorderField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createResetField } from '../../fields/ResetField.js'\nimport { createBackgroundField } from '../../fields/BackgroundField.js'\nimport { createAnimationField } from '../../fields/AnimationField.js'\nimport { createResponsiveField } from '../../fields/ResponsiveField.js'\nimport { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField.js'\n\n// Default padding (none) - used for margin fields\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  unit: 'px',\n  linked: true,\n}\n\n// Default section padding - standard vertical spacing for sections\nconst DEFAULT_SECTION_PADDING: PaddingValue = {\n  top: 48,\n  right: 0,\n  bottom: 48,\n  left: 0,\n  unit: 'px',\n  linked: false,\n}\n\n// Default content dimensions - 1200px max-width centered\nconst DEFAULT_CONTENT_DIMENSIONS: DimensionsValue = {\n  mode: 'contained',\n  alignment: 'center',\n  maxWidth: { value: 1200, unit: 'px', enabled: true },\n}\n\n// Default content padding with standard horizontal spacing\nconst DEFAULT_CONTENT_PADDING: PaddingValue = {\n  top: 0,\n  right: 16,\n  bottom: 0,\n  left: 16,\n  unit: 'px',\n  linked: false,\n}\n\nexport type SemanticElement = 'section' | 'article' | 'aside' | 'nav' | 'div' | 'header' | 'footer' | 'main'\n\nexport interface SectionProps {\n  id: string\n  content: unknown\n  semanticElement: SemanticElement\n  // Section layer (outer, full-width)\n  sectionBackground: BackgroundValue | null\n  sectionBorder: BorderValue | null\n  sectionPadding: ResponsiveValue<PaddingValue> | PaddingValue | null\n  sectionMargin: ResponsiveValue<PaddingValue> | PaddingValue | null\n  // Content layer (inner, constrained)\n  contentDimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null\n  contentBackground: BackgroundValue | null\n  contentBorder: BorderValue | null\n  contentPadding: ResponsiveValue<PaddingValue> | PaddingValue | null\n  // Other\n  animation: AnimationValue | null\n  visibility: VisibilityValue | null\n}\n\nconst defaultProps: SectionProps = {\n  id: '',\n  content: [],\n  semanticElement: 'section',\n  // Section layer defaults - padding gives sections proper spacing\n  sectionBackground: null,\n  sectionBorder: null,\n  sectionPadding: { xs: DEFAULT_SECTION_PADDING },\n  sectionMargin: null,\n  // Content layer defaults - 1200px max-width so two-layer design is immediately visible\n  contentDimensions: { xs: DEFAULT_CONTENT_DIMENSIONS },\n  contentBackground: null,\n  contentBorder: null,\n  contentPadding: { xs: DEFAULT_CONTENT_PADDING },\n  // Other\n  animation: null,\n  visibility: null,\n}\n\nexport const SectionConfig: ComponentConfig = {\n  label: 'Section',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    // Visibility first\n    visibility: createResponsiveVisibilityField({ label: 'Visibility' }),\n    // Semantic element selection\n    semanticElement: {\n      type: 'select',\n      label: 'HTML Element',\n      options: [\n        { label: 'Section', value: 'section' },\n        { label: 'Article', value: 'article' },\n        { label: 'Aside', value: 'aside' },\n        { label: 'Nav', value: 'nav' },\n        { label: 'Header', value: 'header' },\n        { label: 'Footer', value: 'footer' },\n        { label: 'Main', value: 'main' },\n        { label: 'Div', value: 'div' },\n      ],\n    },\n    // Section ID for anchors\n    id: {\n      type: 'text',\n      label: 'Section ID',\n    },\n    content: {\n      type: 'slot',\n    },\n    // Section layer (outer)\n    sectionBackground: createBackgroundField({ label: 'Section Background' }),\n    sectionBorder: createBorderField({ label: 'Section Border' }),\n    sectionPadding: createResponsiveField({\n      label: 'Section Padding',\n      innerField: (config) => createPaddingField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n    sectionMargin: createResponsiveField({\n      label: 'Section Margin',\n      innerField: (config) => createMarginField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n    // Content layer (inner)\n    contentDimensions: createResponsiveField({\n      label: 'Content Dimensions',\n      innerField: (config) => createDimensionsField(config),\n      defaultValue: DEFAULT_CONTENT_DIMENSIONS,\n    }),\n    contentBackground: createBackgroundField({ label: 'Content Background' }),\n    contentBorder: createBorderField({ label: 'Content Border' }),\n    contentPadding: createResponsiveField({\n      label: 'Content Padding',\n      innerField: (config) => createPaddingField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n    // Animation\n    animation: createAnimationField({ label: 'Animation' }),\n  },\n  defaultProps,\n  render: ({\n    id,\n    content: Content,\n    semanticElement = 'section',\n    sectionBackground,\n    sectionBorder,\n    sectionPadding,\n    sectionMargin,\n    contentDimensions,\n    contentBackground,\n    contentBorder,\n    contentPadding,\n    animation,\n    visibility,\n  }) => {\n    // Dynamic element based on semanticElement prop\n    const Wrapper = semanticElement as React.ElementType\n    // Generate unique IDs for CSS targeting\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const uniqueId = useId().replace(/:/g, '')\n    const sectionClass = `puck-section-${uniqueId}`\n    const contentClass = `puck-section-content-${uniqueId}`\n\n    // Collect all media query CSS\n    const mediaQueries: string[] = []\n\n    // === Section layer styles (outer, full-width) ===\n    const sectionBackgroundStyles = backgroundValueToCSS(sectionBackground)\n    const sectionStyles: React.CSSProperties = {\n      ...sectionBackgroundStyles,\n    }\n\n    // Section border\n    const sectionBorderStyles = borderValueToCSS(sectionBorder)\n    if (sectionBorderStyles) {\n      Object.assign(sectionStyles, sectionBorderStyles)\n    }\n\n    // Section padding with responsive support\n    const sectionPaddingResult = responsiveValueToCSS(\n      sectionPadding,\n      (v) => ({ padding: paddingValueToCSS(v) }),\n      sectionClass\n    )\n    Object.assign(sectionStyles, sectionPaddingResult.baseStyles)\n    if (sectionPaddingResult.mediaQueryCSS) {\n      mediaQueries.push(sectionPaddingResult.mediaQueryCSS)\n    }\n\n    // Section margin with responsive support\n    const sectionMarginResult = responsiveValueToCSS(\n      sectionMargin,\n      (v) => ({ margin: marginValueToCSS(v) }),\n      sectionClass\n    )\n    Object.assign(sectionStyles, sectionMarginResult.baseStyles)\n    if (sectionMarginResult.mediaQueryCSS) {\n      mediaQueries.push(sectionMarginResult.mediaQueryCSS)\n    }\n\n    // Visibility media queries\n    const visibilityCSS = visibilityValueToCSS(visibility, sectionClass)\n    if (visibilityCSS) {\n      mediaQueries.push(visibilityCSS)\n    }\n\n    // === Content layer styles (inner, constrained) ===\n    const contentBackgroundStyles = backgroundValueToCSS(contentBackground)\n    const contentStyles: React.CSSProperties = {\n      ...contentBackgroundStyles,\n    }\n\n    // Content dimensions with responsive support\n    const contentDimensionsResult = responsiveValueToCSS(\n      contentDimensions,\n      dimensionsValueToCSS,\n      contentClass\n    )\n    Object.assign(contentStyles, contentDimensionsResult.baseStyles)\n    if (contentDimensionsResult.mediaQueryCSS) {\n      mediaQueries.push(contentDimensionsResult.mediaQueryCSS)\n    }\n\n    // Check if minHeight is set - if so, we need flex layout to make slot expand\n    const hasMinHeight = (() => {\n      if (!contentDimensions) return false\n      // Check if it's a responsive value\n      if (typeof contentDimensions === 'object' && 'xs' in contentDimensions) {\n        const responsiveDims = contentDimensions as ResponsiveValue<DimensionsValue>\n        return Object.values(responsiveDims).some((v) => {\n          if (!v || typeof v !== 'object') return false\n          const dim = v as DimensionsValue\n          return dim.minHeight?.enabled && dim.minHeight?.value > 0\n        })\n      }\n      // Non-responsive value\n      const dim = contentDimensions as DimensionsValue\n      return dim.minHeight?.enabled && dim.minHeight?.value > 0\n    })()\n\n    // Add flex layout when minHeight is set to make content stretch\n    if (hasMinHeight) {\n      contentStyles.display = 'flex'\n      contentStyles.flexDirection = 'column'\n    }\n\n    // Content border\n    const contentBorderStyles = borderValueToCSS(contentBorder)\n    if (contentBorderStyles) {\n      Object.assign(contentStyles, contentBorderStyles)\n    }\n\n    // Content padding with responsive support\n    const contentPaddingResult = responsiveValueToCSS(\n      contentPadding,\n      (v) => ({ padding: paddingValueToCSS(v) }),\n      contentClass\n    )\n    Object.assign(contentStyles, contentPaddingResult.baseStyles)\n    if (contentPaddingResult.mediaQueryCSS) {\n      mediaQueries.push(contentPaddingResult.mediaQueryCSS)\n    }\n\n    const sectionClasses = cn('relative w-full', sectionClass)\n    const contentClasses = cn('relative z-10', contentClass)\n\n    // Check if we have any content styling\n    const hasContentStyles = Object.keys(contentStyles).length > 0\n\n    // Combine all media queries\n    const allMediaQueryCSS = mediaQueries.join('\\n')\n\n    // When minHeight is set, wrap Content to ensure slot expands\n    const renderContent = () => {\n      if (hasMinHeight) {\n        return (\n          <div style={{ flex: 1, display: 'flex', flexDirection: 'column', minHeight: 0 }}>\n            <Content style={{ flex: 1 }} />\n          </div>\n        )\n      }\n      return <Content />\n    }\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        {allMediaQueryCSS && <style>{allMediaQueryCSS}</style>}\n        <Wrapper\n          id={id || undefined}\n          className={sectionClasses}\n          style={sectionStyles}\n        >\n          {hasContentStyles ? (\n            <div className={contentClasses} style={contentStyles}>\n              {renderContent()}\n            </div>\n          ) : (\n            <Content className={contentClasses} />\n          )}\n        </Wrapper>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["useId","cn","dimensionsValueToCSS","marginValueToCSS","paddingValueToCSS","borderValueToCSS","backgroundValueToCSS","responsiveValueToCSS","visibilityValueToCSS","AnimatedWrapper","createPaddingField","createBorderField","createDimensionsField","createMarginField","createResetField","createBackgroundField","createAnimationField","createResponsiveField","createResponsiveVisibilityField","DEFAULT_PADDING","top","right","bottom","left","unit","linked","DEFAULT_SECTION_PADDING","DEFAULT_CONTENT_DIMENSIONS","mode","alignment","maxWidth","value","enabled","DEFAULT_CONTENT_PADDING","defaultProps","id","content","semanticElement","sectionBackground","sectionBorder","sectionPadding","xs","sectionMargin","contentDimensions","contentBackground","contentBorder","contentPadding","animation","visibility","SectionConfig","label","fields","_reset","type","options","innerField","config","defaultValue","render","Content","Wrapper","uniqueId","replace","sectionClass","contentClass","mediaQueries","sectionBackgroundStyles","sectionStyles","sectionBorderStyles","Object","assign","sectionPaddingResult","v","padding","baseStyles","mediaQueryCSS","push","sectionMarginResult","margin","visibilityCSS","contentBackgroundStyles","contentStyles","contentDimensionsResult","hasMinHeight","responsiveDims","values","some","dim","minHeight","display","flexDirection","contentBorderStyles","contentPaddingResult","sectionClasses","contentClasses","hasContentStyles","keys","length","allMediaQueryCSS","join","renderContent","div","style","flex","undefined","className"],"mappings":"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"}

package/dist/components/layout/Section.server.d.ts

@@ -16,7 +16,7 @@
  * - visibility: Show/hide at different breakpoints
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared';
+import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared.js';
 export type SemanticElement = 'section' | 'article' | 'aside' | 'nav' | 'div' | 'header' | 'footer' | 'main';
 export interface SectionProps {
     id: string;

package/dist/components/layout/Section.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Section.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAoC5B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE5G,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAEhC,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IACnE,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAElE,iBAAiB,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IAC5E,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAEnE,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAqBD,eAAO,MAAM,aAAa,EAAE,eA2K3B,CAAA"}
+{"version":3,"file":"Section.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Section.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAoC/B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE5G,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAEhC,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IACnE,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAElE,iBAAiB,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IAC5E,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAEnE,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAqBD,eAAO,MAAM,aAAa,EAAE,eA2K3B,CAAA"}