@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/layouts/LayoutWrapper.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { backgroundValueToCSS } from '../fields/shared';
+/**
+ * Styles for sticky footer layout - pushes footer to bottom of viewport
+ */
+const stickyFooterContainerStyle = {
+    minHeight: '100vh',
+    display: 'flex',
+    flexDirection: 'column',
+};
+const stickyFooterMainStyle = {
+    flex: 1,
+};
+/**
+ * Applies layout configuration to page content
+ */
+export function LayoutWrapper({ children, layout, className, overrides }) {
+    // No layout - render children directly (but still apply background if set)
+    if (!layout) {
+        if (overrides?.background) {
+            const bgStyles = backgroundValueToCSS(overrides.background);
+            return _jsx("div", { style: { minHeight: '100vh', ...bgStyles }, children: children });
+        }
+        return _jsx(_Fragment, { children: children });
+    }
+    // Get header/footer components
+    const Header = layout.header;
+    const Footer = layout.footer;
+    // Determine header/footer visibility based on overrides
+    const shouldShowHeader = overrides?.showHeader === 'hide'
+        ? false
+        : overrides?.showHeader === 'show'
+            ? true
+            : !!Header;
+    const shouldShowFooter = overrides?.showFooter === 'hide'
+        ? false
+        : overrides?.showFooter === 'show'
+            ? true
+            : !!Footer;
+    // Sticky footer is enabled by default - check for explicit false
+    const useStickyFooter = layout.stickyFooter !== false;
+    // Calculate main content style with sticky header offset
+    const mainStyle = {
+        ...(layout.stickyHeaderHeight && shouldShowHeader ? { paddingTop: layout.stickyHeaderHeight } : {}),
+        ...(useStickyFooter ? stickyFooterMainStyle : {}),
+    };
+    // Build outer container background styles
+    // Page override takes precedence, then falls back to layout wrapper background
+    const wrapperStyles = layout.styles?.wrapper;
+    const outerBackgroundStyles = overrides?.background
+        ? backgroundValueToCSS(overrides.background)
+        : {
+            ...(wrapperStyles?.background !== undefined
+                ? { background: wrapperStyles.background }
+                : {}),
+            ...(wrapperStyles?.backgroundAttachment !== undefined
+                ? { backgroundAttachment: wrapperStyles.backgroundAttachment }
+                : {}),
+        };
+    // Get effective max width (override or layout default)
+    const effectiveMaxWidth = overrides?.maxWidth && overrides.maxWidth !== 'default'
+        ? overrides.maxWidth
+        : layout.maxWidth;
+    // Helper to wrap content with sticky footer container if needed
+    const wrapWithStickyFooter = (content) => {
+        if (useStickyFooter) {
+            return (_jsx("div", { style: { ...stickyFooterContainerStyle, ...outerBackgroundStyles }, children: content }));
+        }
+        // Non-sticky-footer: still apply background if set
+        const hasBackground = Object.keys(outerBackgroundStyles).length > 0;
+        if (hasBackground) {
+            return _jsx("div", { style: { minHeight: '100vh', ...outerBackgroundStyles }, children: content });
+        }
+        return _jsx(_Fragment, { children: content });
+    };
+    // Custom wrapper component takes precedence
+    if (layout.wrapper) {
+        const CustomWrapper = layout.wrapper;
+        return wrapWithStickyFooter(_jsxs(_Fragment, { children: [shouldShowHeader && Header && _jsx(Header, {}), _jsx("main", { style: Object.keys(mainStyle).length > 0 ? mainStyle : undefined, children: _jsx(CustomWrapper, { children: children }) }), shouldShowFooter && Footer && _jsx(Footer, {})] }));
+    }
+    // Build wrapper styles
+    const wrapperStyle = {
+        ...layout.styles?.wrapper,
+    };
+    // Build container styles with effective max width
+    const containerStyle = {
+        ...(effectiveMaxWidth && !layout.fullWidth ? { maxWidth: effectiveMaxWidth } : {}),
+        ...layout.styles?.container,
+    };
+    // Build content styles
+    const contentStyle = {
+        ...layout.styles?.content,
+    };
+    // Build data attributes
+    const dataAttrs = {
+        'data-layout': layout.value,
+        ...layout.dataAttributes,
+    };
+    // For landing/full-width layouts, render without container constraints
+    if (layout.fullWidth) {
+        return wrapWithStickyFooter(_jsxs(_Fragment, { children: [shouldShowHeader && Header && _jsx(Header, {}), _jsx("main", { className: [layout.classes?.wrapper, className].filter(Boolean).join(' ') || undefined, style: {
+                        ...mainStyle,
+                        ...(Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}),
+                    }, ...dataAttrs, children: children }), shouldShowFooter && Footer && _jsx(Footer, {})] }));
+    }
+    // Standard layout with container
+    return wrapWithStickyFooter(_jsxs(_Fragment, { children: [shouldShowHeader && Header && _jsx(Header, {}), _jsx("main", { className: layout.classes?.wrapper || undefined, style: {
+                    ...mainStyle,
+                    ...(Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}),
+                }, ...dataAttrs, children: _jsx("div", { className: [layout.classes?.container, className].filter(Boolean).join(' ') || undefined, style: Object.keys(containerStyle).length > 0 ? containerStyle : undefined, children: _jsx("div", { className: layout.classes?.content || undefined, style: Object.keys(contentStyle).length > 0 ? contentStyle : undefined, children: children }) }) }), shouldShowFooter && Footer && _jsx(Footer, {})] }));
+}
+//# sourceMappingURL=LayoutWrapper.js.map

package/dist/layouts/LayoutWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutWrapper.js","sourceRoot":"","sources":["../../src/layouts/LayoutWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/layouts/defaults.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Default Layout Definitions
+ *
+ * These provide sensible defaults for common page layout patterns.
+ * Users can override or extend these in their own configuration.
+ */
+import type { LayoutDefinition, LayoutConfig } from './types';
+/**
+ * Default layout - standard content width with padding
+ */
+export declare const defaultLayout: LayoutDefinition;
+/**
+ * Landing layout - optimized for marketing/landing pages
+ */
+export declare const landingLayout: LayoutDefinition;
+/**
+ * Full width layout - edge-to-edge content
+ */
+export declare const fullWidthLayout: LayoutDefinition;
+/**
+ * Narrow layout - ideal for blog posts and articles
+ */
+export declare const narrowLayout: LayoutDefinition;
+/**
+ * Wide layout - extra wide content area
+ */
+export declare const wideLayout: LayoutDefinition;
+/**
+ * Default layouts included with the plugin
+ */
+export declare const DEFAULT_LAYOUTS: LayoutDefinition[];
+/**
+ * Extended layouts for users who want more options
+ */
+export declare const EXTENDED_LAYOUTS: LayoutDefinition[];
+/**
+ * Default layout configuration
+ */
+export declare const DEFAULT_LAYOUT_CONFIG: LayoutConfig;
+//# sourceMappingURL=defaults.d.ts.map

package/dist/layouts/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/layouts/defaults.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7D;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,gBAW3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,gBAU3B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,gBAW7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,gBAW1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAWxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,gBAAgB,EAI7C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,gBAAgB,EAM9C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,YAGnC,CAAA"}

package/dist/layouts/defaults.js

@@ -0,0 +1,106 @@
+/**
+ * Default Layout Definitions
+ *
+ * These provide sensible defaults for common page layout patterns.
+ * Users can override or extend these in their own configuration.
+ */
+/**
+ * Default layout - standard content width with padding
+ */
+export const defaultLayout = {
+    value: 'default',
+    label: 'Default',
+    description: 'Standard page layout with contained content width',
+    classes: {
+        wrapper: '',
+        container: 'mx-auto px-4 sm:px-6 lg:px-8',
+        content: '',
+    },
+    maxWidth: '1200px',
+    fullWidth: false,
+};
+/**
+ * Landing layout - optimized for marketing/landing pages
+ */
+export const landingLayout = {
+    value: 'landing',
+    label: 'Landing',
+    description: 'Full-width sections with no global container constraints',
+    classes: {
+        wrapper: '',
+        container: '',
+        content: '',
+    },
+    fullWidth: true,
+};
+/**
+ * Full width layout - edge-to-edge content
+ */
+export const fullWidthLayout = {
+    value: 'full-width',
+    label: 'Full Width',
+    description: 'Content spans the full viewport width',
+    classes: {
+        wrapper: 'w-full',
+        container: 'w-full',
+        content: '',
+    },
+    maxWidth: '100%',
+    fullWidth: true,
+};
+/**
+ * Narrow layout - ideal for blog posts and articles
+ */
+export const narrowLayout = {
+    value: 'narrow',
+    label: 'Narrow',
+    description: 'Narrow content width for optimal reading experience',
+    classes: {
+        wrapper: '',
+        container: 'mx-auto px-4 sm:px-6',
+        content: '',
+    },
+    maxWidth: '768px',
+    fullWidth: false,
+};
+/**
+ * Wide layout - extra wide content area
+ */
+export const wideLayout = {
+    value: 'wide',
+    label: 'Wide',
+    description: 'Wider content area for dashboards or galleries',
+    classes: {
+        wrapper: '',
+        container: 'mx-auto px-4 sm:px-6 lg:px-8',
+        content: '',
+    },
+    maxWidth: '1440px',
+    fullWidth: false,
+};
+/**
+ * Default layouts included with the plugin
+ */
+export const DEFAULT_LAYOUTS = [
+    defaultLayout,
+    landingLayout,
+    fullWidthLayout,
+];
+/**
+ * Extended layouts for users who want more options
+ */
+export const EXTENDED_LAYOUTS = [
+    defaultLayout,
+    landingLayout,
+    fullWidthLayout,
+    narrowLayout,
+    wideLayout,
+];
+/**
+ * Default layout configuration
+ */
+export const DEFAULT_LAYOUT_CONFIG = {
+    layouts: DEFAULT_LAYOUTS,
+    defaultLayout: 'default',
+};
+//# sourceMappingURL=defaults.js.map

package/dist/layouts/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../src/layouts/defaults.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,mDAAmD;IAChE,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,8BAA8B;QACzC,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,KAAK;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,0DAA0D;IACvE,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,EAAE;KACZ;IACD,SAAS,EAAE,IAAI;CAChB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAqB;IAC/C,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,uCAAuC;IACpD,OAAO,EAAE;QACP,OAAO,EAAE,QAAQ;QACjB,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,IAAI;CAChB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAqB;IAC5C,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,qDAAqD;IAClE,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,sBAAsB;QACjC,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,KAAK;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAqB;IAC1C,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,gDAAgD;IAC7D,OAAO,EAAE;QACP,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,8BAA8B;QACzC,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,KAAK;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAuB;IACjD,aAAa;IACb,aAAa;IACb,eAAe;CAChB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAuB;IAClD,aAAa;IACb,aAAa;IACb,eAAe;IACf,YAAY;IACZ,UAAU;CACX,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,OAAO,EAAE,eAAe;IACxB,aAAa,EAAE,SAAS;CACzB,CAAA"}

package/dist/layouts/index.d.ts

@@ -1,96 +1,29 @@
-import { L as LayoutDefinition } from '../types-D7D3rZ1J.js';
-export { c as LayoutClasses, a as LayoutConfig, b as LayoutOption, d as LayoutStyles, e as LayoutWrapperProps } from '../types-D7D3rZ1J.js';
-export { D as DEFAULT_LAYOUTS, a as DEFAULT_LAYOUT_CONFIG, E as EXTENDED_LAYOUTS, c as createLayout, d as defaultLayout, f as fullWidthLayout, g as getLayout, l as landingLayout, b as layoutsToOptions, e as layoutsToPayloadOptions, m as mergeLayouts, n as narrowLayout, r as resolveLayoutConfig, w as wideLayout } from '../utils-gAvt0Vhw.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-interface MediaReference {
-    id: string | number;
-    url: string;
-    alt?: string;
-    width?: number;
-    height?: number;
-}
-
-interface ColorValue {
-    hex: string;
-    opacity?: number;
-}
-interface GradientStop {
-    color: ColorValue;
-    position: number;
-}
-interface GradientValue {
-    type: 'linear' | 'radial';
-    angle: number;
-    stops: GradientStop[];
-    radialShape?: 'circle' | 'ellipse';
-    radialPosition?: 'center' | 'top' | 'bottom' | 'left' | 'right';
-}
 /**
- * Gradient mask for fading images to transparent
+ * Layouts Module
+ *
+ * Dynamic page layout system for payload-puck.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   DEFAULT_LAYOUTS,
+ *   createLayout,
+ *   mergeLayouts,
+ * } from '@delmaredigital/payload-puck/layouts'
+ *
+ * // Create custom layouts
+ * const customLayouts = mergeLayouts(DEFAULT_LAYOUTS, [
+ *   createLayout({
+ *     value: 'blog',
+ *     label: 'Blog Post',
+ *     maxWidth: '720px',
+ *     classes: { container: 'mx-auto px-4 prose' },
+ *   }),
+ * ])
+ * ```
  */
-interface GradientMask {
-    enabled: boolean;
-    direction: 'to-top' | 'to-bottom' | 'to-left' | 'to-right' | 'to-top-left' | 'to-top-right' | 'to-bottom-left' | 'to-bottom-right' | 'from-center';
-    startOpacity: number;
-    endOpacity: number;
-    startPosition: number;
-    endPosition: number;
-}
-interface BackgroundImageValue {
-    media: MediaReference | null;
-    size: 'cover' | 'contain' | 'auto';
-    position: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-    repeat: 'no-repeat' | 'repeat' | 'repeat-x' | 'repeat-y';
-    attachment: 'scroll' | 'fixed';
-    /** Overall image opacity 0-100 (default 100) */
-    opacity?: number;
-    /** Gradient mask for fade to transparent effect */
-    mask?: GradientMask;
-}
-/**
- * Overlay layer for images (Divi-style)
- * Renders a color or gradient on top of the background image
- */
-interface BackgroundOverlay {
-    enabled: boolean;
-    type: 'solid' | 'gradient';
-    solid?: ColorValue | null;
-    gradient?: GradientValue | null;
-}
-interface BackgroundValue {
-    type: 'none' | 'solid' | 'gradient' | 'image';
-    solid?: ColorValue | null;
-    gradient?: GradientValue | null;
-    image?: BackgroundImageValue | null;
-    /** Overlay layer, only used when type === 'image' */
-    overlay?: BackgroundOverlay | null;
-}
-
-/**
- * Page-level overrides for layout settings
- */
-interface PageOverrides {
-    /** Override header visibility: 'default' uses layout, 'show'/'hide' overrides */
-    showHeader?: 'default' | 'show' | 'hide';
-    /** Override footer visibility: 'default' uses layout, 'show'/'hide' overrides */
-    showFooter?: 'default' | 'show' | 'hide';
-    /** Page background (overrides any layout background) */
-    background?: BackgroundValue | null;
-    /** Page max width: 'default' uses layout, otherwise uses the value */
-    maxWidth?: string;
-}
-interface LayoutWrapperProps {
-    children: ReactNode;
-    layout?: LayoutDefinition;
-    className?: string;
-    /** Page-level overrides from Puck root props */
-    overrides?: PageOverrides;
-}
-/**
- * Applies layout configuration to page content
- */
-declare function LayoutWrapper({ children, layout, className, overrides }: LayoutWrapperProps): react_jsx_runtime.JSX.Element;
-
-export { LayoutDefinition, LayoutWrapper, type LayoutWrapperProps as LayoutWrapperComponentProps, type PageOverrides };
+export type { LayoutOption, LayoutClasses, LayoutStyles, LayoutDefinition, LayoutConfig, LayoutWrapperProps, } from './types';
+export { defaultLayout, landingLayout, fullWidthLayout, narrowLayout, wideLayout, DEFAULT_LAYOUTS, EXTENDED_LAYOUTS, DEFAULT_LAYOUT_CONFIG, } from './defaults';
+export { resolveLayoutConfig, getLayout, layoutsToOptions, layoutsToPayloadOptions, createLayout, mergeLayouts, } from './utils';
+export { LayoutWrapper, type LayoutWrapperProps as LayoutWrapperComponentProps, type PageOverrides } from './LayoutWrapper';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAGH,YAAY,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,GACnB,MAAM,SAAS,CAAA;AAGhB,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,YAAY,EACZ,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,YAAY,CAAA;AAGnB,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EACvB,YAAY,EACZ,YAAY,GACb,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,IAAI,2BAA2B,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAA"}