@delmaredigital/payload-puck 0.6.12 → 0.6.13

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,30 @@ 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/hooks/useScrollAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollAnimation.js","sourceRoot":"","sources":["../../src/hooks/useScrollAnimation.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/hooks/useScrollAnimation.ts"],"sourcesContent":["'use client'\n\n/**\n * useScrollAnimation - Hook for scroll-triggered animations\n *\n * Uses IntersectionObserver to detect when an element enters the viewport.\n * Perfect for triggering entrance animations, lazy loading, or scroll-based effects.\n */\n\nimport { useRef, useState, useEffect, useCallback } from 'react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UseScrollAnimationOptions {\n  /**\n   * Whether to trigger animation on scroll into view.\n   * If false, isInView will always be true.\n   * @default true\n   */\n  triggerOnScroll?: boolean\n\n  /**\n   * Threshold for intersection (0-1).\n   * 0 = trigger as soon as any pixel is visible.\n   * 1 = trigger only when fully visible.\n   * @default 0.1\n   */\n  threshold?: number\n\n  /**\n   * Whether to only trigger once.\n   * If true, hasAnimated will stay true after first trigger.\n   * @default true\n   */\n  once?: boolean\n\n  /**\n   * Root margin for intersection observer.\n   * Allows triggering before/after the element enters the viewport.\n   * @example \"-50px\" // Trigger 50px before entering viewport\n   * @example \"100px 0px\" // 100px top/bottom, 0px left/right\n   * @default \"0px\"\n   */\n  rootMargin?: string\n\n  /**\n   * Delay in milliseconds before setting isInView to true.\n   * Useful for staggering animations.\n   * @default 0\n   */\n  delay?: number\n}\n\nexport interface UseScrollAnimationResult<T extends HTMLElement = HTMLElement> {\n  /**\n   * Ref to attach to the element you want to observe\n   */\n  ref: React.RefObject<T | null>\n\n  /**\n   * Whether the element is currently in view\n   */\n  isInView: boolean\n\n  /**\n   * Whether the element has ever been in view\n   * (useful for once-only animations)\n   */\n  hasAnimated: boolean\n\n  /**\n   * Manually reset the animation state\n   */\n  reset: () => void\n}\n\n// =============================================================================\n// Hook Implementation\n// =============================================================================\n\nexport function useScrollAnimation<T extends HTMLElement = HTMLElement>(\n  options: UseScrollAnimationOptions = {}\n): UseScrollAnimationResult<T> {\n  const {\n    triggerOnScroll = true,\n    threshold = 0.1,\n    once = true,\n    rootMargin = '0px',\n    delay = 0,\n  } = options\n\n  const ref = useRef<T | null>(null)\n  // Always start with isInView: false to allow initial → animate transition\n  const [isInView, setIsInView] = useState(false)\n  const [hasAnimated, setHasAnimated] = useState(false)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const hasMountedRef = useRef(false)\n\n  // Reset function\n  const reset = useCallback(() => {\n    setIsInView(false)\n    setHasAnimated(false)\n    hasMountedRef.current = false\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = null\n    }\n  }, [])\n\n  useEffect(() => {\n    // If not triggering on scroll, animate immediately after mount\n    // Use requestAnimationFrame to ensure the initial state is rendered first\n    if (!triggerOnScroll) {\n      // Skip if already mounted (prevents re-triggering on re-renders)\n      if (hasMountedRef.current) return\n      hasMountedRef.current = true\n\n      // Use double RAF to ensure browser has painted initial state\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          if (delay > 0) {\n            timeoutRef.current = setTimeout(() => {\n              setIsInView(true)\n              setHasAnimated(true)\n            }, delay)\n          } else {\n            setIsInView(true)\n            setHasAnimated(true)\n          }\n        })\n      })\n      return\n    }\n\n    // If once mode and already animated, skip observer setup\n    if (once && hasAnimated) {\n      return\n    }\n\n    const element = ref.current\n    if (!element) return\n\n    // Check if IntersectionObserver is available (SSR safety)\n    if (typeof IntersectionObserver === 'undefined') {\n      setIsInView(true)\n      setHasAnimated(true)\n      return\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries\n        const inView = entry.isIntersecting\n\n        if (inView) {\n          if (delay > 0) {\n            // Apply delay before setting isInView\n            timeoutRef.current = setTimeout(() => {\n              setIsInView(true)\n              setHasAnimated(true)\n            }, delay)\n          } else {\n            setIsInView(true)\n            setHasAnimated(true)\n          }\n\n          // If once mode, disconnect observer after triggering\n          if (once) {\n            observer.disconnect()\n          }\n        } else if (!once) {\n          // Only update isInView to false if not in once mode\n          if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n          }\n          setIsInView(false)\n        }\n      },\n      {\n        threshold,\n        rootMargin,\n      }\n    )\n\n    observer.observe(element)\n\n    return () => {\n      observer.disconnect()\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n        timeoutRef.current = null\n      }\n    }\n  }, [triggerOnScroll, threshold, once, rootMargin, delay, hasAnimated])\n\n  return {\n    ref,\n    isInView,\n    hasAnimated,\n    reset,\n  }\n}\n"],"names":["useRef","useState","useEffect","useCallback","useScrollAnimation","options","triggerOnScroll","threshold","once","rootMargin","delay","ref","isInView","setIsInView","hasAnimated","setHasAnimated","timeoutRef","hasMountedRef","reset","current","clearTimeout","requestAnimationFrame","setTimeout","element","IntersectionObserver","observer","entries","entry","inView","isIntersecting","disconnect","observe"],"mappings":"AAAA;AAEA;;;;;CAKC,GAED,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,QAAO;AAqEhE,gFAAgF;AAChF,sBAAsB;AACtB,gFAAgF;AAEhF,OAAO,SAASC,mBACdC,UAAqC,CAAC,CAAC;IAEvC,MAAM,EACJC,kBAAkB,IAAI,EACtBC,YAAY,GAAG,EACfC,OAAO,IAAI,EACXC,aAAa,KAAK,EAClBC,QAAQ,CAAC,EACV,GAAGL;IAEJ,MAAMM,MAAMX,OAAiB;IAC7B,0EAA0E;IAC1E,MAAM,CAACY,UAAUC,YAAY,GAAGZ,SAAS;IACzC,MAAM,CAACa,aAAaC,eAAe,GAAGd,SAAS;IAC/C,MAAMe,aAAahB,OAA6C;IAChE,MAAMiB,gBAAgBjB,OAAO;IAE7B,iBAAiB;IACjB,MAAMkB,QAAQf,YAAY;QACxBU,YAAY;QACZE,eAAe;QACfE,cAAcE,OAAO,GAAG;QACxB,IAAIH,WAAWG,OAAO,EAAE;YACtBC,aAAaJ,WAAWG,OAAO;YAC/BH,WAAWG,OAAO,GAAG;QACvB;IACF,GAAG,EAAE;IAELjB,UAAU;QACR,+DAA+D;QAC/D,0EAA0E;QAC1E,IAAI,CAACI,iBAAiB;YACpB,iEAAiE;YACjE,IAAIW,cAAcE,OAAO,EAAE;YAC3BF,cAAcE,OAAO,GAAG;YAExB,6DAA6D;YAC7DE,sBAAsB;gBACpBA,sBAAsB;oBACpB,IAAIX,QAAQ,GAAG;wBACbM,WAAWG,OAAO,GAAGG,WAAW;4BAC9BT,YAAY;4BACZE,eAAe;wBACjB,GAAGL;oBACL,OAAO;wBACLG,YAAY;wBACZE,eAAe;oBACjB;gBACF;YACF;YACA;QACF;QAEA,yDAAyD;QACzD,IAAIP,QAAQM,aAAa;YACvB;QACF;QAEA,MAAMS,UAAUZ,IAAIQ,OAAO;QAC3B,IAAI,CAACI,SAAS;QAEd,0DAA0D;QAC1D,IAAI,OAAOC,yBAAyB,aAAa;YAC/CX,YAAY;YACZE,eAAe;YACf;QACF;QAEA,MAAMU,WAAW,IAAID,qBACnB,CAACE;YACC,MAAM,CAACC,MAAM,GAAGD;YAChB,MAAME,SAASD,MAAME,cAAc;YAEnC,IAAID,QAAQ;gBACV,IAAIlB,QAAQ,GAAG;oBACb,sCAAsC;oBACtCM,WAAWG,OAAO,GAAGG,WAAW;wBAC9BT,YAAY;wBACZE,eAAe;oBACjB,GAAGL;gBACL,OAAO;oBACLG,YAAY;oBACZE,eAAe;gBACjB;gBAEA,qDAAqD;gBACrD,IAAIP,MAAM;oBACRiB,SAASK,UAAU;gBACrB;YACF,OAAO,IAAI,CAACtB,MAAM;gBAChB,oDAAoD;gBACpD,IAAIQ,WAAWG,OAAO,EAAE;oBACtBC,aAAaJ,WAAWG,OAAO;oBAC/BH,WAAWG,OAAO,GAAG;gBACvB;gBACAN,YAAY;YACd;QACF,GACA;YACEN;YACAE;QACF;QAGFgB,SAASM,OAAO,CAACR;QAEjB,OAAO;YACLE,SAASK,UAAU;YACnB,IAAId,WAAWG,OAAO,EAAE;gBACtBC,aAAaJ,WAAWG,OAAO;gBAC/BH,WAAWG,OAAO,GAAG;YACvB;QACF;IACF,GAAG;QAACb;QAAiBC;QAAWC;QAAMC;QAAYC;QAAOI;KAAY;IAErE,OAAO;QACLH;QACAC;QACAE;QACAI;IACF;AACF"}

package/dist/index.d.ts

@@ -59,8 +59,8 @@
  * })
  * ```
  */
-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';
+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';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAGH,cAAc,SAAS,CAAA;AAGvB,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,UAAU,CAAA;AAGjB,OAAO,EACL,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,oBAAoB,GACrB,MAAM,UAAU,CAAA;AAGjB,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAGH,cAAc,kBAAkB,CAAA;AAGhC,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EACL,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,oBAAoB,GACrB,MAAM,mBAAmB,CAAA;AAG1B,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/index.js

@@ -58,11 +58,11 @@
  *   },
  * })
  * ```
- */
-// 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';
+export { getPuckFields, puckDataField, editorVersionField, createEditorVersionField, pageLayoutField, createPageLayoutField, isHomepageField, seoFieldGroup, conversionFieldGroup } from './plugin/index.js';
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAEH,sBAAsB;AACtB,cAAc,SAAS,CAAA;AAEvB,6BAA6B;AAC7B,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,UAAU,CAAA;AAEjB,8DAA8D;AAC9D,OAAO,EACL,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,oBAAoB,GACrB,MAAM,UAAU,CAAA"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * @delmaredigital/payload-puck\n *\n * A portable PayloadCMS plugin for Puck visual page builder integration.\n *\n * @example\n * ```typescript\n * // In payload.config.ts\n * import { createPuckPlugin } from '@delmaredigital/payload-puck/plugin'\n *\n * export default buildConfig({\n *   plugins: [\n *     createPuckPlugin({\n *       pagesCollection: 'pages',\n *     }),\n *   ],\n * })\n * ```\n *\n * @example\n * ```typescript\n * // Using config for rendering\n * import { baseConfig } from '@delmaredigital/payload-puck/config'\n * import { PageRenderer } from '@delmaredigital/payload-puck/render'\n *\n * <PageRenderer data={page.puckData} config={baseConfig} />\n * ```\n *\n * @example\n * ```typescript\n * // Merging custom components\n * import { mergeConfigs, editorConfig } from '@delmaredigital/payload-puck/config/editor'\n *\n * const customConfig = mergeConfigs({\n *   base: editorConfig,\n *   components: {\n *     CustomHero: myHeroConfig,\n *   },\n *   categories: {\n *     custom: { title: 'Custom', components: ['CustomHero'] },\n *   },\n * })\n * ```\n *\n * @example\n * ```typescript\n * // Creating API routes\n * // src/app/api/puck/pages/route.ts\n * import { createPuckApiRoutes } from '@delmaredigital/payload-puck/api'\n *\n * export const { GET, POST } = createPuckApiRoutes({\n *   auth: {\n *     authenticate: async (request) => {\n *       const session = await getSession(request)\n *       if (!session?.user) return { authenticated: false }\n *       return { authenticated: true, user: session.user }\n *     },\n *   },\n * })\n * ```\n */\n\n// Re-export all types\nexport * from './types/index.js'\n\n// Re-export plugin utilities\nexport {\n  createPuckPlugin,\n  generatePagesCollection,\n  generatePuckEditField,\n  TemplatesCollection,\n} from './plugin/index.js'\n\n// Re-export field utilities for hybrid collection integration\nexport {\n  getPuckFields,\n  puckDataField,\n  editorVersionField,\n  createEditorVersionField,\n  pageLayoutField,\n  createPageLayoutField,\n  isHomepageField,\n  seoFieldGroup,\n  conversionFieldGroup,\n} from './plugin/index.js'\n\n// Re-export field types\nexport type { GetPuckFieldsOptions } from './plugin/fields/types.js'\n"],"names":["createPuckPlugin","generatePagesCollection","generatePuckEditField","TemplatesCollection","getPuckFields","puckDataField","editorVersionField","createEditorVersionField","pageLayoutField","createPageLayoutField","isHomepageField","seoFieldGroup","conversionFieldGroup"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DC,GAED,sBAAsB;AACtB,cAAc,mBAAkB;AAEhC,6BAA6B;AAC7B,SACEA,gBAAgB,EAChBC,uBAAuB,EACvBC,qBAAqB,EACrBC,mBAAmB,QACd,oBAAmB;AAE1B,8DAA8D;AAC9D,SACEC,aAAa,EACbC,aAAa,EACbC,kBAAkB,EAClBC,wBAAwB,EACxBC,eAAe,EACfC,qBAAqB,EACrBC,eAAe,EACfC,aAAa,EACbC,oBAAoB,QACf,oBAAmB"}

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,5 @@ export interface LayoutWrapperProps {
 /**
  * Applies layout configuration to page content
  */
-export declare function LayoutWrapper({ children, layout, className, overrides }: LayoutWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function LayoutWrapper({ children, layout, className, overrides }: LayoutWrapperProps): import("react").JSX.Element;
 //# sourceMappingURL=LayoutWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutWrapper.d.ts","sourceRoot":"","sources":["../../src/layouts/LayoutWrapper.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAE7E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iFAAiF;IACjF,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,iFAAiF;IACjF,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,wDAAwD;IACxD,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACnC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,aAAa,CAAA;CAC1B;AAeD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CA8J3F"}
+{"version":3,"file":"LayoutWrapper.d.ts","sourceRoot":"","sources":["../../src/layouts/LayoutWrapper.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEhF;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iFAAiF;IACjF,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,iFAAiF;IACjF,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,wDAAwD;IACxD,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACnC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,aAAa,CAAA;CAC1B;AAeD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BA8J3F"}

package/dist/layouts/LayoutWrapper.js

@@ -1,112 +1,176 @@
-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/LayoutWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutWrapper.js","sourceRoot":"","sources":["../../src/layouts/LayoutWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/layouts/LayoutWrapper.tsx"],"sourcesContent":["/**\n * Layout Wrapper Component\n *\n * Wraps page content with layout-specific styling and structure.\n */\n\nimport type { ReactNode, CSSProperties } from 'react'\nimport type { LayoutDefinition } from './types.js'\nimport { backgroundValueToCSS, type BackgroundValue } from '../fields/shared.js'\n\n/**\n * Page-level overrides for layout settings\n */\nexport interface PageOverrides {\n  /** Override header visibility: 'default' uses layout, 'show'/'hide' overrides */\n  showHeader?: 'default' | 'show' | 'hide'\n  /** Override footer visibility: 'default' uses layout, 'show'/'hide' overrides */\n  showFooter?: 'default' | 'show' | 'hide'\n  /** Page background (overrides any layout background) */\n  background?: BackgroundValue | null\n  /** Page max width: 'default' uses layout, otherwise uses the value */\n  maxWidth?: string\n}\n\nexport interface LayoutWrapperProps {\n  children: ReactNode\n  layout?: LayoutDefinition\n  className?: string\n  /** Page-level overrides from Puck root props */\n  overrides?: PageOverrides\n}\n\n/**\n * Styles for sticky footer layout - pushes footer to bottom of viewport\n */\nconst stickyFooterContainerStyle: CSSProperties = {\n  minHeight: '100vh',\n  display: 'flex',\n  flexDirection: 'column',\n}\n\nconst stickyFooterMainStyle: CSSProperties = {\n  flex: 1,\n}\n\n/**\n * Applies layout configuration to page content\n */\nexport function LayoutWrapper({ children, layout, className, overrides }: LayoutWrapperProps) {\n  // No layout - render children directly (but still apply background if set)\n  if (!layout) {\n    if (overrides?.background) {\n      const bgStyles = backgroundValueToCSS(overrides.background)\n      return <div style={{ minHeight: '100vh', ...bgStyles }}>{children}</div>\n    }\n    return <>{children}</>\n  }\n\n  // Get header/footer components\n  const Header = layout.header\n  const Footer = layout.footer\n\n  // Determine header/footer visibility based on overrides\n  const shouldShowHeader =\n    overrides?.showHeader === 'hide'\n      ? false\n      : overrides?.showHeader === 'show'\n        ? true\n        : !!Header\n\n  const shouldShowFooter =\n    overrides?.showFooter === 'hide'\n      ? false\n      : overrides?.showFooter === 'show'\n        ? true\n        : !!Footer\n\n  // Sticky footer is enabled by default - check for explicit false\n  const useStickyFooter = layout.stickyFooter !== false\n\n  // Calculate main content style with sticky header offset\n  const mainStyle: CSSProperties = {\n    ...(layout.stickyHeaderHeight && shouldShowHeader ? { paddingTop: layout.stickyHeaderHeight } : {}),\n    ...(useStickyFooter ? stickyFooterMainStyle : {}),\n  }\n\n  // Build outer container background styles\n  // Page override takes precedence, then falls back to layout wrapper background\n  const wrapperStyles = layout.styles?.wrapper\n  const outerBackgroundStyles: CSSProperties = overrides?.background\n    ? backgroundValueToCSS(overrides.background)\n    : {\n        ...(wrapperStyles?.background !== undefined\n          ? { background: wrapperStyles.background }\n          : {}),\n        ...(wrapperStyles?.backgroundAttachment !== undefined\n          ? { backgroundAttachment: wrapperStyles.backgroundAttachment }\n          : {}),\n      }\n\n  // Get effective max width (override or layout default)\n  const effectiveMaxWidth =\n    overrides?.maxWidth && overrides.maxWidth !== 'default'\n      ? overrides.maxWidth\n      : layout.maxWidth\n\n  // Helper to wrap content with sticky footer container if needed\n  const wrapWithStickyFooter = (content: ReactNode) => {\n    if (useStickyFooter) {\n      return (\n        <div style={{ ...stickyFooterContainerStyle, ...outerBackgroundStyles }}>\n          {content}\n        </div>\n      )\n    }\n    // Non-sticky-footer: still apply background if set\n    const hasBackground = Object.keys(outerBackgroundStyles).length > 0\n    if (hasBackground) {\n      return <div style={{ minHeight: '100vh', ...outerBackgroundStyles }}>{content}</div>\n    }\n    return <>{content}</>\n  }\n\n  // Custom wrapper component takes precedence\n  if (layout.wrapper) {\n    const CustomWrapper = layout.wrapper\n    return wrapWithStickyFooter(\n      <>\n        {shouldShowHeader && Header && <Header />}\n        <main style={Object.keys(mainStyle).length > 0 ? mainStyle : undefined}>\n          <CustomWrapper>{children}</CustomWrapper>\n        </main>\n        {shouldShowFooter && Footer && <Footer />}\n      </>\n    )\n  }\n\n  // Build wrapper styles\n  const wrapperStyle: CSSProperties = {\n    ...layout.styles?.wrapper,\n  }\n\n  // Build container styles with effective max width\n  const containerStyle: CSSProperties = {\n    ...(effectiveMaxWidth && !layout.fullWidth ? { maxWidth: effectiveMaxWidth } : {}),\n    ...layout.styles?.container,\n  }\n\n  // Build content styles\n  const contentStyle: CSSProperties = {\n    ...layout.styles?.content,\n  }\n\n  // Build data attributes\n  const dataAttrs: Record<string, string> = {\n    'data-layout': layout.value,\n    ...layout.dataAttributes,\n  }\n\n  // For landing/full-width layouts, render without container constraints\n  if (layout.fullWidth) {\n    return wrapWithStickyFooter(\n      <>\n        {shouldShowHeader && Header && <Header />}\n        <main\n          className={[layout.classes?.wrapper, className].filter(Boolean).join(' ') || undefined}\n          style={{\n            ...mainStyle,\n            ...(Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}),\n          }}\n          {...dataAttrs}\n        >\n          {children}\n        </main>\n        {shouldShowFooter && Footer && <Footer />}\n      </>\n    )\n  }\n\n  // Standard layout with container\n  return wrapWithStickyFooter(\n    <>\n      {shouldShowHeader && Header && <Header />}\n      <main\n        className={layout.classes?.wrapper || undefined}\n        style={{\n          ...mainStyle,\n          ...(Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}),\n        }}\n        {...dataAttrs}\n      >\n        <div\n          className={[layout.classes?.container, className].filter(Boolean).join(' ') || undefined}\n          style={Object.keys(containerStyle).length > 0 ? containerStyle : undefined}\n        >\n          <div\n            className={layout.classes?.content || undefined}\n            style={Object.keys(contentStyle).length > 0 ? contentStyle : undefined}\n          >\n            {children}\n          </div>\n        </div>\n      </main>\n      {shouldShowFooter && Footer && <Footer />}\n    </>\n  )\n}\n"],"names":["backgroundValueToCSS","stickyFooterContainerStyle","minHeight","display","flexDirection","stickyFooterMainStyle","flex","LayoutWrapper","children","layout","className","overrides","background","bgStyles","div","style","Header","header","Footer","footer","shouldShowHeader","showHeader","shouldShowFooter","showFooter","useStickyFooter","stickyFooter","mainStyle","stickyHeaderHeight","paddingTop","wrapperStyles","styles","wrapper","outerBackgroundStyles","undefined","backgroundAttachment","effectiveMaxWidth","maxWidth","wrapWithStickyFooter","content","hasBackground","Object","keys","length","CustomWrapper","main","wrapperStyle","containerStyle","fullWidth","container","contentStyle","dataAttrs","value","dataAttributes","classes","filter","Boolean","join"],"mappings":"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"}

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
  */

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

@@ -1 +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"}
+{"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,YAAY,CAAA;AAEhE;;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"}