@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/hooks/index.d.ts

@@ -3,6 +3,5 @@
  *
  * Reusable hooks for common functionality.
  */
-export { useScrollAnimation, type UseScrollAnimationOptions, type UseScrollAnimationResult, } from './useScrollAnimation';
-export { useCurrentBreakpoint, useResponsiveValue, useResponsiveStyles, type UseResponsiveStylesOptions, } from './useResponsiveStyles';
-//# sourceMappingURL=index.d.ts.map
+export { useScrollAnimation, type UseScrollAnimationOptions, type UseScrollAnimationResult, } from './useScrollAnimation.js';
+export { useCurrentBreakpoint, useResponsiveValue, useResponsiveStyles, type UseResponsiveStylesOptions, } from './useResponsiveStyles.js';

package/dist/hooks/index.js

@@ -2,7 +2,5 @@
  * Custom React Hooks
  *
  * Reusable hooks for common functionality.
- */
-export { useScrollAnimation, } from './useScrollAnimation';
-export { useCurrentBreakpoint, useResponsiveValue, useResponsiveStyles, } from './useResponsiveStyles';
-//# sourceMappingURL=index.js.map
+ */ export { useScrollAnimation } from './useScrollAnimation.js';
+export { useCurrentBreakpoint, useResponsiveValue, useResponsiveStyles } from './useResponsiveStyles.js';

package/dist/hooks/useResponsiveStyles.d.ts

@@ -1,4 +1,4 @@
-import type { Breakpoint, ResponsiveValue } from '../fields/shared';
+import type { Breakpoint, ResponsiveValue } from '../fields/shared.js';
 export interface UseResponsiveStylesOptions {
     /** Whether to listen for resize events (default: true) */
     listenToResize?: boolean;
@@ -48,4 +48,3 @@ export declare function useResponsiveValue<T>(value: ResponsiveValue<T> | T | nu
  * ```
  */
 export declare function useResponsiveStyles<T>(value: ResponsiveValue<T> | T | null | undefined, converter: (v: T) => React.CSSProperties | undefined, defaultValue: T, options?: UseResponsiveStylesOptions): React.CSSProperties;
-//# sourceMappingURL=useResponsiveStyles.d.ts.map

package/dist/hooks/useResponsiveStyles.js

@@ -4,21 +4,18 @@
  *
  * Returns the appropriate value for the current viewport width.
  * Enables live preview in the Puck editor when resizing.
- */
-import { useState, useEffect, useCallback } from 'react';
-import { BREAKPOINTS, isResponsiveValue } from '../fields/shared';
+ */ import { useState, useEffect, useCallback } from 'react';
+import { BREAKPOINTS, isResponsiveValue } from '../fields/shared.js';
 // =============================================================================
 // Helper Functions
 // =============================================================================
 /**
  * Gets the current breakpoint based on window width
- */
-function getCurrentBreakpoint() {
-    if (typeof window === 'undefined')
-        return 'xs';
+ */ function getCurrentBreakpoint() {
+    if (typeof window === 'undefined') return 'xs';
     const width = window.innerWidth;
     // Check breakpoints from largest to smallest
-    for (let i = BREAKPOINTS.length - 1; i >= 0; i--) {
+    for(let i = BREAKPOINTS.length - 1; i >= 0; i--){
         const bp = BREAKPOINTS[i];
         if (bp.minWidth !== null && width >= bp.minWidth) {
             return bp.key;
@@ -29,8 +26,7 @@ function getCurrentBreakpoint() {
 /**
  * Gets the effective value for a breakpoint with mobile-first cascade
  * Falls back through smaller breakpoints to xs base
- */
-function getValueForBreakpoint(value, breakpoint) {
+ */ function getValueForBreakpoint(value, breakpoint) {
     // For xs, return xs value directly (it's required)
     if (breakpoint === 'xs') {
         return value.xs;
@@ -41,9 +37,15 @@ function getValueForBreakpoint(value, breakpoint) {
         return explicitValue;
     }
     // Cascade down to find the nearest defined value (mobile-first)
-    const breakpointOrder = ['xl', 'lg', 'md', 'sm', 'xs'];
+    const breakpointOrder = [
+        'xl',
+        'lg',
+        'md',
+        'sm',
+        'xs'
+    ];
     const currentIndex = breakpointOrder.indexOf(breakpoint);
-    for (let i = currentIndex + 1; i < breakpointOrder.length; i++) {
+    for(let i = currentIndex + 1; i < breakpointOrder.length; i++){
         const bp = breakpointOrder[i];
         const bpValue = value[bp];
         if (bpValue !== undefined) {
@@ -59,30 +61,29 @@ function getValueForBreakpoint(value, breakpoint) {
 /**
  * Returns the current breakpoint based on window width.
  * Updates when window is resized.
- */
-export function useCurrentBreakpoint(options = {}) {
+ */ export function useCurrentBreakpoint(options = {}) {
     const { listenToResize = true, debounceDelay = 100 } = options;
-    const [breakpoint, setBreakpoint] = useState(() => getCurrentBreakpoint());
-    useEffect(() => {
-        if (!listenToResize || typeof window === 'undefined')
-            return;
+    const [breakpoint, setBreakpoint] = useState(()=>getCurrentBreakpoint());
+    useEffect(()=>{
+        if (!listenToResize || typeof window === 'undefined') return;
         let timeoutId = null;
-        const handleResize = () => {
-            if (timeoutId)
-                clearTimeout(timeoutId);
-            timeoutId = setTimeout(() => {
+        const handleResize = ()=>{
+            if (timeoutId) clearTimeout(timeoutId);
+            timeoutId = setTimeout(()=>{
                 setBreakpoint(getCurrentBreakpoint());
             }, debounceDelay);
         };
         window.addEventListener('resize', handleResize);
         // Initial check
         setBreakpoint(getCurrentBreakpoint());
-        return () => {
+        return ()=>{
             window.removeEventListener('resize', handleResize);
-            if (timeoutId)
-                clearTimeout(timeoutId);
+            if (timeoutId) clearTimeout(timeoutId);
         };
-    }, [listenToResize, debounceDelay]);
+    }, [
+        listenToResize,
+        debounceDelay
+    ]);
     return breakpoint;
 }
 // =============================================================================
@@ -102,10 +103,9 @@ export function useCurrentBreakpoint(options = {}) {
  *   // effectivePadding will be the appropriate value for current viewport
  * }
  * ```
- */
-export function useResponsiveValue(value, defaultValue, options = {}) {
+ */ export function useResponsiveValue(value, defaultValue, options = {}) {
     const currentBreakpoint = useCurrentBreakpoint(options);
-    return useCallback(() => {
+    return useCallback(()=>{
         // Handle null/undefined
         if (value === null || value === undefined) {
             return defaultValue;
@@ -116,7 +116,11 @@ export function useResponsiveValue(value, defaultValue, options = {}) {
         }
         // Get value for current breakpoint with mobile-first cascade
         return getValueForBreakpoint(value, currentBreakpoint);
-    }, [value, defaultValue, currentBreakpoint])();
+    }, [
+        value,
+        defaultValue,
+        currentBreakpoint
+    ])();
 }
 // =============================================================================
 // Hook: useResponsiveStyles (Main Export)
@@ -141,9 +145,7 @@ export function useResponsiveValue(value, defaultValue, options = {}) {
  *   return <div style={styles}>...</div>
  * }
  * ```
- */
-export function useResponsiveStyles(value, converter, defaultValue, options = {}) {
+ */ export function useResponsiveStyles(value, converter, defaultValue, options = {}) {
     const effectiveValue = useResponsiveValue(value, defaultValue, options);
     return converter(effectiveValue) || {};
 }
-//# sourceMappingURL=useResponsiveStyles.js.map

package/dist/hooks/useScrollAnimation.d.ts

@@ -53,4 +53,3 @@ export interface UseScrollAnimationResult<T extends HTMLElement = HTMLElement> {
     reset: () => void;
 }
 export declare function useScrollAnimation<T extends HTMLElement = HTMLElement>(options?: UseScrollAnimationOptions): UseScrollAnimationResult<T>;
-//# sourceMappingURL=useScrollAnimation.d.ts.map

package/dist/hooks/useScrollAnimation.js

@@ -4,13 +4,12 @@
  *
  * Uses IntersectionObserver to detect when an element enters the viewport.
  * Perfect for triggering entrance animations, lazy loading, or scroll-based effects.
- */
-import { useRef, useState, useEffect, useCallback } from 'react';
+ */ import { useRef, useState, useEffect, useCallback } from 'react';
 // =============================================================================
 // Hook Implementation
 // =============================================================================
 export function useScrollAnimation(options = {}) {
-    const { triggerOnScroll = true, threshold = 0.1, once = true, rootMargin = '0px', delay = 0, } = options;
+    const { triggerOnScroll = true, threshold = 0.1, once = true, rootMargin = '0px', delay = 0 } = options;
     const ref = useRef(null);
     // Always start with isInView: false to allow initial → animate transition
     const [isInView, setIsInView] = useState(false);
@@ -18,7 +17,7 @@ export function useScrollAnimation(options = {}) {
     const timeoutRef = useRef(null);
     const hasMountedRef = useRef(false);
     // Reset function
-    const reset = useCallback(() => {
+    const reset = useCallback(()=>{
         setIsInView(false);
         setHasAnimated(false);
         hasMountedRef.current = false;
@@ -27,24 +26,22 @@ export function useScrollAnimation(options = {}) {
             timeoutRef.current = null;
         }
     }, []);
-    useEffect(() => {
+    useEffect(()=>{
         // If not triggering on scroll, animate immediately after mount
         // Use requestAnimationFrame to ensure the initial state is rendered first
         if (!triggerOnScroll) {
             // Skip if already mounted (prevents re-triggering on re-renders)
-            if (hasMountedRef.current)
-                return;
+            if (hasMountedRef.current) return;
             hasMountedRef.current = true;
             // Use double RAF to ensure browser has painted initial state
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => {
+            requestAnimationFrame(()=>{
+                requestAnimationFrame(()=>{
                     if (delay > 0) {
-                        timeoutRef.current = setTimeout(() => {
+                        timeoutRef.current = setTimeout(()=>{
                             setIsInView(true);
                             setHasAnimated(true);
                         }, delay);
-                    }
-                    else {
+                    } else {
                         setIsInView(true);
                         setHasAnimated(true);
                     }
@@ -57,26 +54,24 @@ export function useScrollAnimation(options = {}) {
             return;
         }
         const element = ref.current;
-        if (!element)
-            return;
+        if (!element) return;
         // Check if IntersectionObserver is available (SSR safety)
         if (typeof IntersectionObserver === 'undefined') {
             setIsInView(true);
             setHasAnimated(true);
             return;
         }
-        const observer = new IntersectionObserver((entries) => {
+        const observer = new IntersectionObserver((entries)=>{
             const [entry] = entries;
             const inView = entry.isIntersecting;
             if (inView) {
                 if (delay > 0) {
                     // Apply delay before setting isInView
-                    timeoutRef.current = setTimeout(() => {
+                    timeoutRef.current = setTimeout(()=>{
                         setIsInView(true);
                         setHasAnimated(true);
                     }, delay);
-                }
-                else {
+                } else {
                     setIsInView(true);
                     setHasAnimated(true);
                 }
@@ -84,8 +79,7 @@ export function useScrollAnimation(options = {}) {
                 if (once) {
                     observer.disconnect();
                 }
-            }
-            else if (!once) {
+            } else if (!once) {
                 // Only update isInView to false if not in once mode
                 if (timeoutRef.current) {
                     clearTimeout(timeoutRef.current);
@@ -95,22 +89,28 @@ export function useScrollAnimation(options = {}) {
             }
         }, {
             threshold,
-            rootMargin,
+            rootMargin
         });
         observer.observe(element);
-        return () => {
+        return ()=>{
             observer.disconnect();
             if (timeoutRef.current) {
                 clearTimeout(timeoutRef.current);
                 timeoutRef.current = null;
             }
         };
-    }, [triggerOnScroll, threshold, once, rootMargin, delay, hasAnimated]);
+    }, [
+        triggerOnScroll,
+        threshold,
+        once,
+        rootMargin,
+        delay,
+        hasAnimated
+    ]);
     return {
         ref,
         isInView,
         hasAnimated,
-        reset,
+        reset
     };
 }
-//# sourceMappingURL=useScrollAnimation.js.map

package/dist/index.d.ts

@@ -59,8 +59,7 @@
  * })
  * ```
  */
-export * from './types';
-export { createPuckPlugin, generatePagesCollection, generatePuckEditField, TemplatesCollection, } from './plugin';
-export { getPuckFields, puckDataField, editorVersionField, createEditorVersionField, pageLayoutField, createPageLayoutField, isHomepageField, seoFieldGroup, conversionFieldGroup, } from './plugin';
-export type { GetPuckFieldsOptions } from './plugin/fields/types';
-//# sourceMappingURL=index.d.ts.map
+export * from './types/index.js';
+export { createPuckPlugin, generatePagesCollection, generatePuckEditField, TemplatesCollection, } from './plugin/index.js';
+export { getPuckFields, puckDataField, editorVersionField, createEditorVersionField, pageLayoutField, createPageLayoutField, isHomepageField, seoFieldGroup, conversionFieldGroup, } from './plugin/index.js';
+export type { GetPuckFieldsOptions } from './plugin/fields/types.js';

package/dist/index.js

@@ -58,11 +58,9 @@
  *   },
  * })
  * ```
- */
-// Re-export all types
-export * from './types';
+ */ // Re-export all types
+export * from './types/index.js';
 // Re-export plugin utilities
-export { createPuckPlugin, generatePagesCollection, generatePuckEditField, TemplatesCollection, } from './plugin';
+export { createPuckPlugin, generatePagesCollection, generatePuckEditField, TemplatesCollection } from './plugin/index.js';
 // Re-export field utilities for hybrid collection integration
-export { getPuckFields, puckDataField, editorVersionField, createEditorVersionField, pageLayoutField, createPageLayoutField, isHomepageField, seoFieldGroup, conversionFieldGroup, } from './plugin';
-//# sourceMappingURL=index.js.map
+export { getPuckFields, puckDataField, editorVersionField, createEditorVersionField, pageLayoutField, createPageLayoutField, isHomepageField, seoFieldGroup, conversionFieldGroup } from './plugin/index.js';

package/dist/layouts/LayoutWrapper.d.ts

@@ -4,8 +4,8 @@
  * Wraps page content with layout-specific styling and structure.
  */
 import type { ReactNode } from 'react';
-import type { LayoutDefinition } from './types';
-import { type BackgroundValue } from '../fields/shared';
+import type { LayoutDefinition } from './types.js';
+import { type BackgroundValue } from '../fields/shared.js';
 /**
  * Page-level overrides for layout settings
  */
@@ -29,5 +29,4 @@ export interface LayoutWrapperProps {
 /**
  * Applies layout configuration to page content
  */
-export declare function LayoutWrapper({ children, layout, className, overrides }: LayoutWrapperProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=LayoutWrapper.d.ts.map
+export declare function LayoutWrapper({ children, layout, className, overrides }: LayoutWrapperProps): import("react").JSX.Element;

package/dist/layouts/LayoutWrapper.js

@@ -1,112 +1,174 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { backgroundValueToCSS } from '../fields/shared';
+/**
+ * Layout Wrapper Component
+ *
+ * Wraps page content with layout-specific styling and structure.
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { backgroundValueToCSS } from '../fields/shared.js';
 /**
  * Styles for sticky footer layout - pushes footer to bottom of viewport
- */
-const stickyFooterContainerStyle = {
+ */ const stickyFooterContainerStyle = {
     minHeight: '100vh',
     display: 'flex',
-    flexDirection: 'column',
+    flexDirection: 'column'
 };
 const stickyFooterMainStyle = {
-    flex: 1,
+    flex: 1
 };
 /**
  * Applies layout configuration to page content
- */
-export function LayoutWrapper({ children, layout, className, overrides }) {
+ */ 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 /*#__PURE__*/ _jsx("div", {
+                style: {
+                    minHeight: '100vh',
+                    ...bgStyles
+                },
+                children: children
+            });
         }
-        return _jsx(_Fragment, { children: children });
+        return /*#__PURE__*/ _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;
+    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 : {}),
+        ...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 }
-                : {}),
-        };
+    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;
+    const effectiveMaxWidth = overrides?.maxWidth && overrides.maxWidth !== 'default' ? overrides.maxWidth : layout.maxWidth;
     // Helper to wrap content with sticky footer container if needed
-    const wrapWithStickyFooter = (content) => {
+    const wrapWithStickyFooter = (content)=>{
         if (useStickyFooter) {
-            return (_jsx("div", { style: { ...stickyFooterContainerStyle, ...outerBackgroundStyles }, children: content }));
+            return /*#__PURE__*/ _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 /*#__PURE__*/ _jsx("div", {
+                style: {
+                    minHeight: '100vh',
+                    ...outerBackgroundStyles
+                },
+                children: content
+            });
         }
-        return _jsx(_Fragment, { children: content });
+        return /*#__PURE__*/ _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, {})] }));
+        return wrapWithStickyFooter(/*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                shouldShowHeader && Header && /*#__PURE__*/ _jsx(Header, {}),
+                /*#__PURE__*/ _jsx("main", {
+                    style: Object.keys(mainStyle).length > 0 ? mainStyle : undefined,
+                    children: /*#__PURE__*/ _jsx(CustomWrapper, {
+                        children: children
+                    })
+                }),
+                shouldShowFooter && Footer && /*#__PURE__*/ _jsx(Footer, {})
+            ]
+        }));
     }
     // Build wrapper styles
     const wrapperStyle = {
-        ...layout.styles?.wrapper,
+        ...layout.styles?.wrapper
     };
     // Build container styles with effective max width
     const containerStyle = {
-        ...(effectiveMaxWidth && !layout.fullWidth ? { maxWidth: effectiveMaxWidth } : {}),
-        ...layout.styles?.container,
+        ...effectiveMaxWidth && !layout.fullWidth ? {
+            maxWidth: effectiveMaxWidth
+        } : {},
+        ...layout.styles?.container
     };
     // Build content styles
     const contentStyle = {
-        ...layout.styles?.content,
+        ...layout.styles?.content
     };
     // Build data attributes
     const dataAttrs = {
         'data-layout': layout.value,
-        ...layout.dataAttributes,
+        ...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: {
+        return wrapWithStickyFooter(/*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                shouldShowHeader && Header && /*#__PURE__*/ _jsx(Header, {}),
+                /*#__PURE__*/ _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, {})] }));
+                        ...Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}
+                    },
+                    ...dataAttrs,
+                    children: children
+                }),
+                shouldShowFooter && Footer && /*#__PURE__*/ _jsx(Footer, {})
+            ]
+        }));
     }
     // Standard layout with container
-    return wrapWithStickyFooter(_jsxs(_Fragment, { children: [shouldShowHeader && Header && _jsx(Header, {}), _jsx("main", { className: layout.classes?.wrapper || undefined, style: {
+    return wrapWithStickyFooter(/*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            shouldShowHeader && Header && /*#__PURE__*/ _jsx(Header, {}),
+            /*#__PURE__*/ _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, {})] }));
+                    ...Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}
+                },
+                ...dataAttrs,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: [
+                        layout.classes?.container,
+                        className
+                    ].filter(Boolean).join(' ') || undefined,
+                    style: Object.keys(containerStyle).length > 0 ? containerStyle : undefined,
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: layout.classes?.content || undefined,
+                        style: Object.keys(contentStyle).length > 0 ? contentStyle : undefined,
+                        children: children
+                    })
+                })
+            }),
+            shouldShowFooter && Footer && /*#__PURE__*/ _jsx(Footer, {})
+        ]
+    }));
 }
-//# sourceMappingURL=LayoutWrapper.js.map

package/dist/layouts/defaults.d.ts

@@ -4,7 +4,7 @@
  * 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';
+import type { LayoutDefinition, LayoutConfig } from './types.js';
 /**
  * Default layout - standard content width with padding
  */
@@ -37,4 +37,3 @@ export declare const EXTENDED_LAYOUTS: LayoutDefinition[];
  * Default layout configuration
  */
 export declare const DEFAULT_LAYOUT_CONFIG: LayoutConfig;
-//# sourceMappingURL=defaults.d.ts.map