@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/collections/Templates.d.ts

@@ -6,4 +6,3 @@ import type { CollectionConfig } from 'payload';
  * loaded into Template components for reuse across pages.
  */
 export declare const TemplatesCollection: CollectionConfig;
-//# sourceMappingURL=Templates.d.ts.map

package/dist/collections/Templates.js

@@ -3,20 +3,23 @@
  *
  * This collection stores serialized Puck component data that can be
  * loaded into Template components for reuse across pages.
- */
-export const TemplatesCollection = {
+ */ export const TemplatesCollection = {
     slug: 'puck-templates',
     admin: {
         useAsTitle: 'name',
         group: 'Puck',
-        defaultColumns: ['name', 'category', 'updatedAt'],
-        description: 'Reusable component templates for the visual editor',
+        defaultColumns: [
+            'name',
+            'category',
+            'updatedAt'
+        ],
+        description: 'Reusable component templates for the visual editor'
     },
     access: {
-        read: () => true,
-        create: ({ req }) => !!req.user,
-        update: ({ req }) => !!req.user,
-        delete: ({ req }) => !!req.user,
+        read: ()=>true,
+        create: ({ req })=>!!req.user,
+        update: ({ req })=>!!req.user,
+        delete: ({ req })=>!!req.user
     },
     fields: [
         {
@@ -24,39 +27,38 @@ export const TemplatesCollection = {
             type: 'text',
             required: true,
             admin: {
-                description: 'A descriptive name for this template',
-            },
+                description: 'A descriptive name for this template'
+            }
         },
         {
             name: 'description',
             type: 'textarea',
             admin: {
-                description: 'Optional description of what this template contains',
-            },
+                description: 'Optional description of what this template contains'
+            }
         },
         {
             name: 'category',
             type: 'text',
             admin: {
-                description: 'Category for organizing templates (e.g., "Hero", "Footer", "CTA")',
-            },
+                description: 'Category for organizing templates (e.g., "Hero", "Footer", "CTA")'
+            }
         },
         {
             name: 'content',
             type: 'json',
             required: true,
             admin: {
-                description: 'Serialized Puck component data',
-            },
+                description: 'Serialized Puck component data'
+            }
         },
         {
             name: 'thumbnail',
             type: 'text',
             admin: {
-                description: 'Optional thumbnail URL for template preview',
-            },
-        },
+                description: 'Optional thumbnail URL for template preview'
+            }
+        }
     ],
-    timestamps: true,
+    timestamps: true
 };
-//# sourceMappingURL=Templates.js.map

package/dist/components/AccordionClient.d.ts

@@ -1,4 +1,4 @@
-import { type PaddingValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type TransformValue, type ColorValue } from '../fields/shared';
+import { type PaddingValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type TransformValue, type ColorValue } from '../fields/shared.js';
 interface AccordionItemData {
     title: string;
     content: string;
@@ -15,6 +15,5 @@ export interface AccordionClientProps {
     animation: AnimationValue | null;
     customPadding: PaddingValue | null;
 }
-export declare function AccordionClient({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding, }: AccordionClientProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionClient({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding, }: AccordionClientProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=AccordionClient.d.ts.map

package/dist/components/AccordionClient.js

@@ -5,34 +5,62 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * This is the actual interactive accordion that uses useState.
  * Imported by the server-safe AccordionConfig to enable client-side expansion.
- */
-import { useState } from 'react';
+ */ import { useState } from 'react';
 import { ChevronDown } from 'lucide-react';
-import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, backgroundValueToCSS, transformValueToCSS, colorValueToCSS, cn, } from '../fields/shared';
-import { AnimatedWrapper } from './AnimatedWrapper';
+import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, backgroundValueToCSS, transformValueToCSS, colorValueToCSS, cn } from '../fields/shared.js';
+import { AnimatedWrapper } from './AnimatedWrapper.js';
 // Accordion Item Component
-function AccordionItem({ item, isOpen, onToggle, textColorCSS, }) {
-    const textStyle = textColorCSS ? { color: textColorCSS } : {};
-    return (_jsxs("div", { className: "border-b border-border last:border-b-0", children: [_jsxs("button", { type: "button", onClick: onToggle, className: "flex w-full items-center justify-between py-4 px-4 text-left font-medium transition-all hover:bg-muted/50 text-foreground", style: textStyle, children: [_jsx("span", { children: item.title }), _jsx(ChevronDown, { className: cn('h-4 w-4 shrink-0 transition-transform duration-200', isOpen && 'rotate-180') })] }), _jsx("div", { className: cn('overflow-hidden transition-all duration-200', isOpen ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0'), children: _jsx("div", { className: "px-4 pb-4 text-muted-foreground", style: textColorCSS ? { color: textColorCSS } : undefined, children: item.content }) })] }));
+function AccordionItem({ item, isOpen, onToggle, textColorCSS }) {
+    const textStyle = textColorCSS ? {
+        color: textColorCSS
+    } : {};
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "border-b border-border last:border-b-0",
+        children: [
+            /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: onToggle,
+                className: "flex w-full items-center justify-between py-4 px-4 text-left font-medium transition-all hover:bg-muted/50 text-foreground",
+                style: textStyle,
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        children: item.title
+                    }),
+                    /*#__PURE__*/ _jsx(ChevronDown, {
+                        className: cn('h-4 w-4 shrink-0 transition-transform duration-200', isOpen && 'rotate-180')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: cn('overflow-hidden transition-all duration-200', isOpen ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0'),
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "px-4 pb-4 text-muted-foreground",
+                    style: textColorCSS ? {
+                        color: textColorCSS
+                    } : undefined,
+                    children: item.content
+                })
+            })
+        ]
+    });
 }
-export function AccordionClient({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding, }) {
+export function AccordionClient({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding }) {
     // Initialize open states from defaultOpen values
-    const [openItems, setOpenItems] = useState(() => {
+    const [openItems, setOpenItems] = useState(()=>{
         const initialOpen = new Set();
-        items?.forEach((item, index) => {
+        items?.forEach((item, index)=>{
             if (item.defaultOpen) {
                 initialOpen.add(index);
             }
         });
         return initialOpen;
     });
-    const handleToggle = (index) => {
-        setOpenItems((prev) => {
+    const handleToggle = (index)=>{
+        setOpenItems((prev)=>{
             const newSet = new Set(prev);
             if (newSet.has(index)) {
                 newSet.delete(index);
-            }
-            else {
+            } else {
                 if (!allowMultiple) {
                     newSet.clear();
                 }
@@ -47,21 +75,50 @@ export function AccordionClient({ items, allowMultiple, textColor, margin, backg
     const accordionClasses = 'rounded-lg border border-border overflow-hidden bg-card';
     const backgroundStyles = backgroundValueToCSS(background);
     // Only apply background styles if explicitly set, otherwise let bg-card handle it
-    const accordionStyle = backgroundStyles && Object.keys(backgroundStyles).length > 0
-        ? backgroundStyles
-        : {};
+    const accordionStyle = backgroundStyles && Object.keys(backgroundStyles).length > 0 ? backgroundStyles : {};
     const marginCSS = marginValueToCSS(margin);
     const paddingCSS = paddingValueToCSS(customPadding);
     const transformStyles = transformValueToCSS(transform);
     const style = {
         ...dimensionsStyles,
-        ...(marginCSS ? { margin: marginCSS } : {}),
-        ...(paddingCSS ? { padding: paddingCSS } : {}),
-        ...transformStyles,
+        ...marginCSS ? {
+            margin: marginCSS
+        } : {},
+        ...paddingCSS ? {
+            padding: paddingCSS
+        } : {},
+        ...transformStyles
     };
     if (!items || items.length === 0) {
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { style: Object.keys(style).length > 0 ? style : undefined, children: _jsx("div", { className: accordionClasses, style: accordionStyle, children: _jsx("div", { className: "p-4 text-center text-muted-foreground", children: "No accordion items. Add items in the editor." }) }) }) }));
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("div", {
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: accordionClasses,
+                    style: accordionStyle,
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "p-4 text-center text-muted-foreground",
+                        children: "No accordion items. Add items in the editor."
+                    })
+                })
+            })
+        });
     }
-    return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { style: Object.keys(style).length > 0 ? style : undefined, children: _jsx("div", { className: accordionClasses, style: accordionStyle, children: items.map((item, index) => (_jsx(AccordionItem, { item: item, isOpen: openItems.has(index), onToggle: () => handleToggle(index), textColorCSS: textColorCSS }, index))) }) }) }));
+    return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+        animation: animation,
+        children: /*#__PURE__*/ _jsx("div", {
+            style: Object.keys(style).length > 0 ? style : undefined,
+            children: /*#__PURE__*/ _jsx("div", {
+                className: accordionClasses,
+                style: accordionStyle,
+                children: items.map((item, index)=>/*#__PURE__*/ _jsx(AccordionItem, {
+                        item: item,
+                        isOpen: openItems.has(index),
+                        onToggle: ()=>handleToggle(index),
+                        textColorCSS: textColorCSS
+                    }, index))
+            })
+        })
+    });
 }
-//# sourceMappingURL=AccordionClient.js.map

package/dist/components/AnimatedWrapper.d.ts

@@ -6,7 +6,7 @@
  * Supports 27 animation presets with customizable intensity, easing, and origin.
  */
 import type { ReactNode, CSSProperties, ElementType } from 'react';
-import { type AnimationValue } from '../fields/shared';
+import { type AnimationValue } from '../fields/shared.js';
 export interface AnimatedWrapperProps {
     /** Animation configuration from the component */
     animation: AnimationValue | null | undefined;
@@ -29,5 +29,4 @@ export interface AnimatedWrapperProps {
  *
  * If no animation is set, renders children without a wrapper div.
  */
-export declare function AnimatedWrapper({ animation, children, className, style, as: Component, }: AnimatedWrapperProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AnimatedWrapper.d.ts.map
+export declare function AnimatedWrapper({ animation, children, className, style, as: Component, }: AnimatedWrapperProps): import("react").JSX.Element;

package/dist/components/AnimatedWrapper.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useScrollAnimation } from '../hooks/useScrollAnimation';
-import { getEntranceAnimationStyles, animationValueToCSS, } from '../fields/shared';
+import { useScrollAnimation } from '../hooks/useScrollAnimation.js';
+import { getEntranceAnimationStyles, animationValueToCSS } from '../fields/shared.js';
 /**
  * Wraps children with scroll-triggered animation support.
  *
@@ -11,25 +11,29 @@ import { getEntranceAnimationStyles, animationValueToCSS, } from '../fields/shar
  * For custom animations: Applies CSS transition properties.
  *
  * If no animation is set, renders children without a wrapper div.
- */
-export function AnimatedWrapper({ animation, children, className, style, as: Component = 'div', }) {
+ */ export function AnimatedWrapper({ animation, children, className, style, as: Component = 'div' }) {
     // Check if animation should be applied
-    const hasAnimation = animation && ((animation.mode === 'preset' && animation.entrance && animation.entrance !== 'none') ||
-        animation.mode === 'custom');
+    const hasAnimation = animation && (animation.mode === 'preset' && animation.entrance && animation.entrance !== 'none' || animation.mode === 'custom');
     // If no animation, render children directly without wrapper
     if (!hasAnimation) {
         // If there's a className or style, we still need to wrap
         if (className || style) {
-            return _jsx(Component, { className: className, style: style, children: children });
+            return /*#__PURE__*/ _jsx(Component, {
+                className: className,
+                style: style,
+                children: children
+            });
         }
-        return _jsx(_Fragment, { children: children });
+        return /*#__PURE__*/ _jsx(_Fragment, {
+            children: children
+        });
     }
     // Use the scroll animation hook
     const { ref, isInView } = useScrollAnimation({
         triggerOnScroll: animation.triggerOnScroll ?? true,
         threshold: animation.triggerThreshold ?? 0.1,
         once: animation.triggerOnce ?? true,
-        rootMargin: animation.triggerMargin,
+        rootMargin: animation.triggerMargin
     });
     // Handle preset entrance animations
     if (animation.mode === 'preset') {
@@ -40,22 +44,31 @@ export function AnimatedWrapper({ animation, children, className, style, as: Com
         const transitionProperties = [
             `opacity ${duration}ms ${easing} ${delay}ms`,
             `transform ${duration}ms ${easing} ${delay}ms`,
-            `filter ${duration}ms ${easing} ${delay}ms`,
+            `filter ${duration}ms ${easing} ${delay}ms`
         ].join(', ');
-        return (_jsx(Component, { ref: ref, className: className, style: {
+        return /*#__PURE__*/ _jsx(Component, {
+            ref: ref,
+            className: className,
+            style: {
                 ...style,
                 ...animationStyles,
                 transition: transitionProperties,
-                transformOrigin: origin,
-            }, children: children }));
+                transformOrigin: origin
+            },
+            children: children
+        });
     }
     // Handle custom transition mode
     const customStyles = animationValueToCSS(animation);
-    return (_jsx(Component, { ref: ref, className: className, style: {
+    return /*#__PURE__*/ _jsx(Component, {
+        ref: ref,
+        className: className,
+        style: {
             ...style,
             ...customStyles,
             // Apply opacity for visibility-based transitions
-            opacity: isInView ? 1 : 0,
-        }, children: children }));
+            opacity: isInView ? 1 : 0
+        },
+        children: children
+    });
 }
-//# sourceMappingURL=AnimatedWrapper.js.map

package/dist/components/exports.d.ts

@@ -52,4 +52,3 @@ export { CardConfig as CardServerConfig } from './interactive/Card.server.js';
 export { DividerConfig as DividerServerConfig } from './interactive/Divider.server.js';
 export { AccordionConfig as AccordionServerConfig } from './interactive/Accordion.server.js';
 export { AnimatedWrapper, type AnimatedWrapperProps } from './AnimatedWrapper.js';
-//# sourceMappingURL=exports.d.ts.map

package/dist/components/exports.js

@@ -22,8 +22,7 @@
  *   // ...
  * }
  * ```
- */
-// =============================================================================
+ */ // =============================================================================
 // Editor Component Configs (for Puck Editor)
 // =============================================================================
 // Layout components
@@ -72,4 +71,3 @@ export { AccordionConfig as AccordionServerConfig } from './interactive/Accordio
 // Animation Components
 // =============================================================================
 export { AnimatedWrapper } from './AnimatedWrapper.js';
-//# sourceMappingURL=exports.js.map

package/dist/components/index.d.ts

@@ -3,9 +3,8 @@
  *
  * All component configs for the Puck visual page builder.
  */
-export * from './layout';
-export * from './typography';
-export * from './media';
-export * from './interactive';
-export { AnimatedWrapper, type AnimatedWrapperProps } from './AnimatedWrapper';
-//# sourceMappingURL=index.d.ts.map
+export * from './layout/index.js';
+export * from './typography/index.js';
+export * from './media/index.js';
+export * from './interactive/index.js';
+export { AnimatedWrapper, type AnimatedWrapperProps } from './AnimatedWrapper.js';

package/dist/components/index.js

@@ -2,15 +2,13 @@
  * Puck Component Configurations
  *
  * All component configs for the Puck visual page builder.
- */
-// Layout Components
-export * from './layout';
+ */ // Layout Components
+export * from './layout/index.js';
 // Typography Components
-export * from './typography';
+export * from './typography/index.js';
 // Media Components
-export * from './media';
+export * from './media/index.js';
 // Interactive Components
-export * from './interactive';
+export * from './interactive/index.js';
 // Animation
-export { AnimatedWrapper } from './AnimatedWrapper';
-//# sourceMappingURL=index.js.map
+export { AnimatedWrapper } from './AnimatedWrapper.js';

package/dist/components/interactive/Accordion.d.ts

@@ -6,7 +6,7 @@
  * Supports custom margin for spacing control.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type TransformValue, type ColorValue } from '../../fields/shared';
+import { type PaddingValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type TransformValue, type ColorValue } from '../../fields/shared.js';
 interface AccordionItemData {
     title: string;
     content: string;
@@ -25,4 +25,3 @@ export interface AccordionProps {
 }
 export declare const AccordionConfig: ComponentConfig;
 export {};
-//# sourceMappingURL=Accordion.d.ts.map