@delmaredigital/payload-puck 0.6.10 → 0.6.13

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,33 @@ 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/AnimatedWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedWrapper.js","sourceRoot":"","sources":["../../src/components/AnimatedWrapper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAWZ,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EACL,0BAA0B,EAC1B,mBAAmB,GAEpB,MAAM,kBAAkB,CAAA;AAezB;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAS,GAAG,KAAK,GACA;IACrB,uCAAuC;IACvC,MAAM,YAAY,GAAG,SAAS,IAAI,CAChC,CAAC,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ,KAAK,MAAM,CAAC;QACpF,SAAS,CAAC,IAAI,KAAK,QAAQ,CAC5B,CAAA;IAED,4DAA4D;IAC5D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,yDAAyD;QACzD,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvB,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAa,CAAA;QAC9E,CAAC;QACD,OAAO,4BAAG,QAAQ,GAAI,CAAA;IACxB,CAAC;IAED,gCAAgC;IAChC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,kBAAkB,CAAC;QAC3C,eAAe,EAAE,SAAS,CAAC,eAAe,IAAI,IAAI;QAClD,SAAS,EAAE,SAAS,CAAC,gBAAgB,IAAI,GAAG;QAC5C,IAAI,EAAE,SAAS,CAAC,WAAW,IAAI,IAAI;QACnC,UAAU,EAAE,SAAS,CAAC,aAAa;KACpC,CAAC,CAAA;IAEF,oCAAoC;IACpC,IAAI,SAAS,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAChC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAA;QAEnG,sDAAsD;QACtD,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAA;QAEpD,uDAAuD;QACvD,MAAM,oBAAoB,GAAG;YAC3B,WAAW,QAAQ,MAAM,MAAM,IAAI,KAAK,IAAI;YAC5C,aAAa,QAAQ,MAAM,MAAM,IAAI,KAAK,IAAI;YAC9C,UAAU,QAAQ,MAAM,MAAM,IAAI,KAAK,IAAI;SAC5C,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEZ,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,GAAG,eAAe;gBAClB,UAAU,EAAE,oBAAoB;gBAChC,eAAe,EAAE,MAAM;aACxB,YAEA,QAAQ,GACC,CACb,CAAA;IACH,CAAC;IAED,gCAAgC;IAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAEnD,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,GAAG,KAAK;YACR,GAAG,YAAY;YACf,iDAAiD;YACjD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B,YAEA,QAAQ,GACC,CACb,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../src/components/AnimatedWrapper.tsx"],"sourcesContent":["'use client'\n\n/**\n * AnimatedWrapper - Client component for scroll-triggered animations\n *\n * Wraps children with animation support using IntersectionObserver.\n * Handles both preset entrance animations and custom transitions.\n * Supports 27 animation presets with customizable intensity, easing, and origin.\n */\n\nimport type { ReactNode, CSSProperties, ElementType } from 'react'\nimport { useScrollAnimation } from '../hooks/useScrollAnimation.js'\nimport {\n  getEntranceAnimationStyles,\n  animationValueToCSS,\n  type AnimationValue,\n} from '../fields/shared.js'\n\nexport interface AnimatedWrapperProps {\n  /** Animation configuration from the component */\n  animation: AnimationValue | null | undefined\n  /** Child content to animate */\n  children: ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** Inline styles */\n  style?: CSSProperties\n  /** HTML element to render as (default: 'div') */\n  as?: ElementType\n}\n\n/**\n * Wraps children with scroll-triggered animation support.\n *\n * For preset animations: Applies initial/animate inline styles\n * when element enters viewport.\n *\n * For custom animations: Applies CSS transition properties.\n *\n * If no animation is set, renders children without a wrapper div.\n */\nexport function AnimatedWrapper({\n  animation,\n  children,\n  className,\n  style,\n  as: Component = 'div',\n}: AnimatedWrapperProps) {\n  // Check if animation should be applied\n  const hasAnimation = animation && (\n    (animation.mode === 'preset' && animation.entrance && animation.entrance !== 'none') ||\n    animation.mode === 'custom'\n  )\n\n  // If no animation, render children directly without wrapper\n  if (!hasAnimation) {\n    // If there's a className or style, we still need to wrap\n    if (className || style) {\n      return <Component className={className} style={style}>{children}</Component>\n    }\n    return <>{children}</>\n  }\n\n  // Use the scroll animation hook\n  const { ref, isInView } = useScrollAnimation({\n    triggerOnScroll: animation.triggerOnScroll ?? true,\n    threshold: animation.triggerThreshold ?? 0.1,\n    once: animation.triggerOnce ?? true,\n    rootMargin: animation.triggerMargin,\n  })\n\n  // Handle preset entrance animations\n  if (animation.mode === 'preset') {\n    const { initial, animate, duration, delay, easing, origin } = getEntranceAnimationStyles(animation)\n\n    // Apply initial or animate styles based on visibility\n    const animationStyles = isInView ? animate : initial\n\n    // Build transition string with all relevant properties\n    const transitionProperties = [\n      `opacity ${duration}ms ${easing} ${delay}ms`,\n      `transform ${duration}ms ${easing} ${delay}ms`,\n      `filter ${duration}ms ${easing} ${delay}ms`,\n    ].join(', ')\n\n    return (\n      <Component\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          ...animationStyles,\n          transition: transitionProperties,\n          transformOrigin: origin,\n        }}\n      >\n        {children}\n      </Component>\n    )\n  }\n\n  // Handle custom transition mode\n  const customStyles = animationValueToCSS(animation)\n\n  return (\n    <Component\n      ref={ref}\n      className={className}\n      style={{\n        ...style,\n        ...customStyles,\n        // Apply opacity for visibility-based transitions\n        opacity: isInView ? 1 : 0,\n      }}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["useScrollAnimation","getEntranceAnimationStyles","animationValueToCSS","AnimatedWrapper","animation","children","className","style","as","Component","hasAnimation","mode","entrance","ref","isInView","triggerOnScroll","threshold","triggerThreshold","once","triggerOnce","rootMargin","triggerMargin","initial","animate","duration","delay","easing","origin","animationStyles","transitionProperties","join","transition","transformOrigin","customStyles","opacity"],"mappings":"AAAA;;AAWA,SAASA,kBAAkB,QAAQ,iCAAgC;AACnE,SACEC,0BAA0B,EAC1BC,mBAAmB,QAEd,sBAAqB;AAe5B;;;;;;;;;CASC,GACD,OAAO,SAASC,gBAAgB,EAC9BC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,IAAIC,YAAY,KAAK,EACA;IACrB,uCAAuC;IACvC,MAAMC,eAAeN,aACnB,CAAA,AAACA,UAAUO,IAAI,KAAK,YAAYP,UAAUQ,QAAQ,IAAIR,UAAUQ,QAAQ,KAAK,UAC7ER,UAAUO,IAAI,KAAK,QAAO;IAG5B,4DAA4D;IAC5D,IAAI,CAACD,cAAc;QACjB,yDAAyD;QACzD,IAAIJ,aAAaC,OAAO;YACtB,qBAAO,KAACE;gBAAUH,WAAWA;gBAAWC,OAAOA;0BAAQF;;QACzD;QACA,qBAAO;sBAAGA;;IACZ;IAEA,gCAAgC;IAChC,MAAM,EAAEQ,GAAG,EAAEC,QAAQ,EAAE,GAAGd,mBAAmB;QAC3Ce,iBAAiBX,UAAUW,eAAe,IAAI;QAC9CC,WAAWZ,UAAUa,gBAAgB,IAAI;QACzCC,MAAMd,UAAUe,WAAW,IAAI;QAC/BC,YAAYhB,UAAUiB,aAAa;IACrC;IAEA,oCAAoC;IACpC,IAAIjB,UAAUO,IAAI,KAAK,UAAU;QAC/B,MAAM,EAAEW,OAAO,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAG1B,2BAA2BG;QAEzF,sDAAsD;QACtD,MAAMwB,kBAAkBd,WAAWS,UAAUD;QAE7C,uDAAuD;QACvD,MAAMO,uBAAuB;YAC3B,CAAC,QAAQ,EAAEL,SAAS,GAAG,EAAEE,OAAO,CAAC,EAAED,MAAM,EAAE,CAAC;YAC5C,CAAC,UAAU,EAAED,SAAS,GAAG,EAAEE,OAAO,CAAC,EAAED,MAAM,EAAE,CAAC;YAC9C,CAAC,OAAO,EAAED,SAAS,GAAG,EAAEE,OAAO,CAAC,EAAED,MAAM,EAAE,CAAC;SAC5C,CAACK,IAAI,CAAC;QAEP,qBACE,KAACrB;YACCI,KAAKA;YACLP,WAAWA;YACXC,OAAO;gBACL,GAAGA,KAAK;gBACR,GAAGqB,eAAe;gBAClBG,YAAYF;gBACZG,iBAAiBL;YACnB;sBAECtB;;IAGP;IAEA,gCAAgC;IAChC,MAAM4B,eAAe/B,oBAAoBE;IAEzC,qBACE,KAACK;QACCI,KAAKA;QACLP,WAAWA;QACXC,OAAO;YACL,GAAGA,KAAK;YACR,GAAG0B,YAAY;YACf,iDAAiD;YACjDC,SAASpB,WAAW,IAAI;QAC1B;kBAECT;;AAGP"}

package/dist/components/exports.js

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

package/dist/components/exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../src/components/exports.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,gFAAgF;AAChF,6CAA6C;AAC7C,gFAAgF;AAEhF,oBAAoB;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,wBAAwB;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAEhE,mBAAmB;AACnB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,yBAAyB;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,gFAAgF;AAChF,8CAA8C;AAC9C,gFAAgF;AAChF,iEAAiE;AACjE,gEAAgE;AAEhE,6BAA6B;AAC7B,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACvF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACjF,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAElE,iCAAiC;AACjC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACrF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAExF,4BAA4B;AAC5B,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAE1E,kCAAkC;AAClC,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC7E,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAE5F,gFAAgF;AAChF,uBAAuB;AACvB,gFAAgF;AAEhF,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAA"}
+{"version":3,"sources":["../../src/components/exports.ts"],"sourcesContent":["'use client'\n\n/**\n * Individual component config exports\n *\n * This module exports individual Puck component configurations so users can\n * cherry-pick components for their custom configs.\n *\n * @example\n * ```tsx\n * import {\n *   SectionConfig,\n *   HeadingConfig,\n *   TextConfig,\n * } from '@delmaredigital/payload-puck/components'\n *\n * export const myConfig: Config = {\n *   components: {\n *     Section: SectionConfig,\n *     Heading: HeadingConfig,\n *     Text: TextConfig,\n *   },\n *   // ...\n * }\n * ```\n */\n\n// =============================================================================\n// Editor Component Configs (for Puck Editor)\n// =============================================================================\n\n// Layout components\nexport { ContainerConfig } from './layout/Container.js'\nexport { FlexConfig } from './layout/Flex.js'\nexport { GridConfig } from './layout/Grid.js'\nexport { SectionConfig } from './layout/Section.js'\nexport { SpacerConfig } from './layout/Spacer.js'\nexport { TemplateConfig } from './layout/Template.js'\n\n// Typography components\nexport { HeadingConfig } from './typography/Heading.js'\nexport { TextConfig } from './typography/Text.js'\nexport { RichTextEditorConfig } from './typography/RichText.editor.js'\nexport { RichTextConfig } from './typography/RichText.server.js'\n\n// Media components\nexport { ImageConfig } from './media/Image.js'\n\n// Interactive components\nexport { ButtonConfig } from './interactive/Button.js'\nexport { CardConfig } from './interactive/Card.js'\nexport { DividerConfig } from './interactive/Divider.js'\nexport { AccordionConfig } from './interactive/Accordion.js'\n\n// =============================================================================\n// Server Component Configs (for PageRenderer)\n// =============================================================================\n// These are SSR-safe variants without client-side interactivity.\n// Use these when building a custom baseConfig for PageRenderer.\n\n// Layout components (server)\nexport { ContainerConfig as ContainerServerConfig } from './layout/Container.server.js'\nexport { FlexConfig as FlexServerConfig } from './layout/Flex.server.js'\nexport { GridConfig as GridServerConfig } from './layout/Grid.server.js'\nexport { SectionConfig as SectionServerConfig } from './layout/Section.server.js'\nexport { SpacerConfig as SpacerServerConfig } from './layout/Spacer.server.js'\nexport { TemplateServerConfig } from './layout/Template.server.js'\n\n// Typography components (server)\nexport { HeadingConfig as HeadingServerConfig } from './typography/Heading.server.js'\nexport { TextConfig as TextServerConfig } from './typography/Text.server.js'\nexport { RichTextConfig as RichTextServerConfig } from './typography/RichText.server.js'\n\n// Media components (server)\nexport { ImageConfig as ImageServerConfig } from './media/Image.server.js'\n\n// Interactive components (server)\nexport { ButtonConfig as ButtonServerConfig } from './interactive/Button.server.js'\nexport { CardConfig as CardServerConfig } from './interactive/Card.server.js'\nexport { DividerConfig as DividerServerConfig } from './interactive/Divider.server.js'\nexport { AccordionConfig as AccordionServerConfig } from './interactive/Accordion.server.js'\n\n// =============================================================================\n// Animation Components\n// =============================================================================\n\nexport { AnimatedWrapper, type AnimatedWrapperProps } from './AnimatedWrapper.js'\n"],"names":["ContainerConfig","FlexConfig","GridConfig","SectionConfig","SpacerConfig","TemplateConfig","HeadingConfig","TextConfig","RichTextEditorConfig","RichTextConfig","ImageConfig","ButtonConfig","CardConfig","DividerConfig","AccordionConfig","ContainerServerConfig","FlexServerConfig","GridServerConfig","SectionServerConfig","SpacerServerConfig","TemplateServerConfig","HeadingServerConfig","TextServerConfig","RichTextServerConfig","ImageServerConfig","ButtonServerConfig","CardServerConfig","DividerServerConfig","AccordionServerConfig","AnimatedWrapper"],"mappings":"AAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;CAuBC,GAED,gFAAgF;AAChF,6CAA6C;AAC7C,gFAAgF;AAEhF,oBAAoB;AACpB,SAASA,eAAe,QAAQ,wBAAuB;AACvD,SAASC,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,aAAa,QAAQ,sBAAqB;AACnD,SAASC,YAAY,QAAQ,qBAAoB;AACjD,SAASC,cAAc,QAAQ,uBAAsB;AAErD,wBAAwB;AACxB,SAASC,aAAa,QAAQ,0BAAyB;AACvD,SAASC,UAAU,QAAQ,uBAAsB;AACjD,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,cAAc,QAAQ,kCAAiC;AAEhE,mBAAmB;AACnB,SAASC,WAAW,QAAQ,mBAAkB;AAE9C,yBAAyB;AACzB,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,aAAa,QAAQ,2BAA0B;AACxD,SAASC,eAAe,QAAQ,6BAA4B;AAE5D,gFAAgF;AAChF,8CAA8C;AAC9C,gFAAgF;AAChF,iEAAiE;AACjE,gEAAgE;AAEhE,6BAA6B;AAC7B,SAASd,mBAAmBe,qBAAqB,QAAQ,+BAA8B;AACvF,SAASd,cAAce,gBAAgB,QAAQ,0BAAyB;AACxE,SAASd,cAAce,gBAAgB,QAAQ,0BAAyB;AACxE,SAASd,iBAAiBe,mBAAmB,QAAQ,6BAA4B;AACjF,SAASd,gBAAgBe,kBAAkB,QAAQ,4BAA2B;AAC9E,SAASC,oBAAoB,QAAQ,8BAA6B;AAElE,iCAAiC;AACjC,SAASd,iBAAiBe,mBAAmB,QAAQ,iCAAgC;AACrF,SAASd,cAAce,gBAAgB,QAAQ,8BAA6B;AAC5E,SAASb,kBAAkBc,oBAAoB,QAAQ,kCAAiC;AAExF,4BAA4B;AAC5B,SAASb,eAAec,iBAAiB,QAAQ,0BAAyB;AAE1E,kCAAkC;AAClC,SAASb,gBAAgBc,kBAAkB,QAAQ,iCAAgC;AACnF,SAASb,cAAcc,gBAAgB,QAAQ,+BAA8B;AAC7E,SAASb,iBAAiBc,mBAAmB,QAAQ,kCAAiC;AACtF,SAASb,mBAAmBc,qBAAqB,QAAQ,oCAAmC;AAE5F,gFAAgF;AAChF,uBAAuB;AACvB,gFAAgF;AAEhF,SAASC,eAAe,QAAmC,uBAAsB"}

package/dist/components/index.d.ts

@@ -3,9 +3,9 @@
  *
  * 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';
+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';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,UAAU,CAAA;AAGxB,cAAc,cAAc,CAAA;AAG5B,cAAc,SAAS,CAAA;AAGvB,cAAc,eAAe,CAAA;AAG7B,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,mBAAmB,CAAA;AAGjC,cAAc,uBAAuB,CAAA;AAGrC,cAAc,kBAAkB,CAAA;AAGhC,cAAc,wBAAwB,CAAA;AAGtC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/index.js

@@ -2,15 +2,15 @@
  * 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';
+export { AnimatedWrapper } from './AnimatedWrapper.js';
+
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,oBAAoB;AACpB,cAAc,UAAU,CAAA;AAExB,wBAAwB;AACxB,cAAc,cAAc,CAAA;AAE5B,mBAAmB;AACnB,cAAc,SAAS,CAAA;AAEvB,yBAAyB;AACzB,cAAc,eAAe,CAAA;AAE7B,YAAY;AACZ,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA"}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["/**\n * Puck Component Configurations\n *\n * All component configs for the Puck visual page builder.\n */\n\n// Layout Components\nexport * from './layout/index.js'\n\n// Typography Components\nexport * from './typography/index.js'\n\n// Media Components\nexport * from './media/index.js'\n\n// Interactive Components\nexport * from './interactive/index.js'\n\n// Animation\nexport { AnimatedWrapper, type AnimatedWrapperProps } from './AnimatedWrapper.js'\n"],"names":["AnimatedWrapper"],"mappings":"AAAA;;;;CAIC,GAED,oBAAoB;AACpB,cAAc,oBAAmB;AAEjC,wBAAwB;AACxB,cAAc,wBAAuB;AAErC,mBAAmB;AACnB,cAAc,mBAAkB;AAEhC,yBAAyB;AACzB,cAAc,yBAAwB;AAEtC,YAAY;AACZ,SAASA,eAAe,QAAmC,uBAAsB"}

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;

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Accordion.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAGvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAA;AAW5B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,OAAO,CAAA;CACrB;AA0KD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAyBD,eAAO,MAAM,eAAe,EAAE,eA+D7B,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Accordion.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAGvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,wBAAwB,CAAA;AAW/B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,OAAO,CAAA;CACrB;AA0KD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAyBD,eAAO,MAAM,eAAe,EAAE,eA+D7B,CAAA"}

package/dist/components/interactive/Accordion.js

@@ -2,40 +2,69 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 { createMarginField } from '../../fields/MarginField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createResetField } from '../../fields/ResetField';
-import { createBackgroundField } from '../../fields/BackgroundField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createTransformField } from '../../fields/TransformField';
-import { createColorPickerField } from '../../fields/ColorPickerField';
+import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, backgroundValueToCSS, transformValueToCSS, colorValueToCSS, cn } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { createBackgroundField } from '../../fields/BackgroundField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createTransformField } from '../../fields/TransformField.js';
+import { createColorPickerField } from '../../fields/ColorPickerField.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
+                })
+            })
+        ]
+    });
 }
 // Main Accordion Render Component
-function AccordionRenderer({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding, }) {
+function AccordionRenderer({ 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();
                 }
@@ -50,11 +79,9 @@ function AccordionRenderer({ items, allowMultiple, textColor, margin, background
     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 style = {
-        ...dimensionsStyles,
+        ...dimensionsStyles
     };
     const marginCSS = marginValueToCSS(margin);
     if (marginCSS) {
@@ -69,9 +96,37 @@ function AccordionRenderer({ items, allowMultiple, textColor, margin, background
         Object.assign(style, 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))
+            })
+        })
+    });
 }
 // Default padding with standard horizontal spacing (replaces hardcoded px-4)
 const DEFAULT_PADDING = {
@@ -80,20 +135,20 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 16,
     unit: 'px',
-    linked: false,
+    linked: false
 };
 const defaultProps = {
     items: [
         {
             title: 'What is this?',
             content: 'This is an accordion component that can expand and collapse.',
-            defaultOpen: false,
+            defaultOpen: false
         },
         {
             title: 'How do I use it?',
             content: 'Click on each item to expand or collapse it.',
-            defaultOpen: false,
-        },
+            defaultOpen: false
+        }
     ],
     allowMultiple: false,
     textColor: null,
@@ -102,58 +157,97 @@ const defaultProps = {
     dimensions: null,
     transform: null,
     animation: null,
-    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding, visible in editor
+    customPadding: DEFAULT_PADDING
 };
 export const AccordionConfig = {
     label: 'Accordion',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         items: {
             type: 'array',
             label: 'Items',
             arrayFields: {
                 title: {
                     type: 'text',
-                    label: 'Title',
+                    label: 'Title'
                 },
                 content: {
                     type: 'textarea',
-                    label: 'Content',
+                    label: 'Content'
                 },
                 defaultOpen: {
                     type: 'radio',
                     label: 'Default Open',
                     options: [
-                        { label: 'Yes', value: true },
-                        { label: 'No', value: false },
-                    ],
-                },
+                        {
+                            label: 'Yes',
+                            value: true
+                        },
+                        {
+                            label: 'No',
+                            value: false
+                        }
+                    ]
+                }
             },
-            defaultItemProps: (index) => ({
-                title: `Accordion Item ${index + 1}`,
-                content: '',
-                defaultOpen: index === 0,
-            }),
-            getItemSummary: (item) => item.title || 'Untitled',
+            defaultItemProps: (index)=>({
+                    title: `Accordion Item ${index + 1}`,
+                    content: '',
+                    defaultOpen: index === 0
+                }),
+            getItemSummary: (item)=>item.title || 'Untitled'
         },
         allowMultiple: {
             type: 'radio',
             label: 'Allow Multiple Open',
             options: [
-                { label: 'Yes', value: true },
-                { label: 'No', value: false },
-            ],
+                {
+                    label: 'Yes',
+                    value: true
+                },
+                {
+                    label: 'No',
+                    value: false
+                }
+            ]
         },
-        textColor: createColorPickerField({ label: 'Text Color' }),
-        background: createBackgroundField({ label: 'Background' }),
-        dimensions: createDimensionsField({ label: 'Dimensions' }),
-        transform: createTransformField({ label: 'Transform' }),
-        animation: createAnimationField({ label: 'Animation' }),
+        textColor: createColorPickerField({
+            label: 'Text Color'
+        }),
+        background: createBackgroundField({
+            label: 'Background'
+        }),
+        dimensions: createDimensionsField({
+            label: 'Dimensions'
+        }),
+        transform: createTransformField({
+            label: 'Transform'
+        }),
+        animation: createAnimationField({
+            label: 'Animation'
+        }),
         // Spacing (grouped at bottom)
-        margin: createMarginField({ label: 'Margin' }),
-        customPadding: createPaddingField({ label: 'Padding' }),
+        margin: createMarginField({
+            label: 'Margin'
+        }),
+        customPadding: createPaddingField({
+            label: 'Padding'
+        })
     },
     defaultProps,
-    render: (props) => (_jsx(AccordionRenderer, { items: props.items, allowMultiple: props.allowMultiple, textColor: props.textColor, margin: props.margin, background: props.background, dimensions: props.dimensions, transform: props.transform, animation: props.animation, customPadding: props.customPadding })),
+    render: (props)=>/*#__PURE__*/ _jsx(AccordionRenderer, {
+            items: props.items,
+            allowMultiple: props.allowMultiple,
+            textColor: props.textColor,
+            margin: props.margin,
+            background: props.background,
+            dimensions: props.dimensions,
+            transform: props.transform,
+            animation: props.animation,
+            customPadding: props.customPadding
+        })
 };
+
 //# sourceMappingURL=Accordion.js.map

package/dist/components/interactive/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/interactive/Accordion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/interactive/Accordion.tsx"],"sourcesContent":["'use client'\n\n/**\n * Accordion Component - Puck Configuration\n *\n * Expandable sections with collapsible content.\n * Uses plain HTML/CSS for the accordion behavior.\n * Supports custom margin for spacing control.\n */\n\nimport type { ComponentConfig } from '@puckeditor/core'\nimport { useState } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport {\n  marginValueToCSS,\n  paddingValueToCSS,\n  dimensionsValueToCSS,\n  backgroundValueToCSS,\n  transformValueToCSS,\n  colorValueToCSS,\n  cn,\n  type PaddingValue,\n  type DimensionsValue,\n  type BackgroundValue,\n  type AnimationValue,\n  type TransformValue,\n  type ColorValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createResetField } from '../../fields/ResetField.js'\nimport { createBackgroundField } from '../../fields/BackgroundField.js'\nimport { createAnimationField } from '../../fields/AnimationField.js'\nimport { createTransformField } from '../../fields/TransformField.js'\nimport { createColorPickerField } from '../../fields/ColorPickerField.js'\n\ninterface AccordionItemData {\n  title: string\n  content: string\n  defaultOpen: boolean\n}\n\ninterface AccordionRendererProps {\n  items: AccordionItemData[]\n  allowMultiple: boolean\n  textColor: ColorValue | null\n  margin: PaddingValue | null\n  background: BackgroundValue | null\n  dimensions: DimensionsValue | null\n  transform: TransformValue | null\n  animation: AnimationValue | null\n  customPadding: PaddingValue | null\n}\n\n// Accordion Item Component\nfunction AccordionItem({\n  item,\n  isOpen,\n  onToggle,\n  textColorCSS,\n}: {\n  item: AccordionItemData\n  isOpen: boolean\n  onToggle: () => void\n  textColorCSS?: string\n}) {\n  const textStyle: React.CSSProperties = textColorCSS ? { color: textColorCSS } : {}\n\n  return (\n    <div className=\"border-b border-border last:border-b-0\">\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        className=\"flex w-full items-center justify-between py-4 px-4 text-left font-medium transition-all hover:bg-muted/50 text-foreground\"\n        style={textStyle}\n      >\n        <span>{item.title}</span>\n        <ChevronDown\n          className={cn(\n            'h-4 w-4 shrink-0 transition-transform duration-200',\n            isOpen && 'rotate-180'\n          )}\n        />\n      </button>\n      <div\n        className={cn(\n          'overflow-hidden transition-all duration-200',\n          isOpen ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0'\n        )}\n      >\n        <div\n          className=\"px-4 pb-4 text-muted-foreground\"\n          style={textColorCSS ? { color: textColorCSS } : undefined}\n        >\n          {item.content}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n// Main Accordion Render Component\nfunction AccordionRenderer({\n  items,\n  allowMultiple,\n  textColor,\n  margin,\n  background,\n  dimensions,\n  transform,\n  animation,\n  customPadding,\n}: AccordionRendererProps) {\n  // Initialize open states from defaultOpen values\n  const [openItems, setOpenItems] = useState<Set<number>>(() => {\n    const initialOpen = new Set<number>()\n    items?.forEach((item, index) => {\n      if (item.defaultOpen) {\n        initialOpen.add(index)\n      }\n    })\n    return initialOpen\n  })\n\n  const handleToggle = (index: number) => {\n    setOpenItems((prev) => {\n      const newSet = new Set(prev)\n      if (newSet.has(index)) {\n        newSet.delete(index)\n      } else {\n        if (!allowMultiple) {\n          newSet.clear()\n        }\n        newSet.add(index)\n      }\n      return newSet\n    })\n  }\n\n  const textColorCSS = colorValueToCSS(textColor)\n  const dimensionsStyles = dimensionsValueToCSS(dimensions)\n\n  // Theme-aware classes - uses CSS variables for colors\n  const accordionClasses = 'rounded-lg border border-border overflow-hidden bg-card'\n\n  const backgroundStyles = backgroundValueToCSS(background)\n  // Only apply background styles if explicitly set, otherwise let bg-card handle it\n  const accordionStyle: React.CSSProperties = backgroundStyles && Object.keys(backgroundStyles).length > 0\n    ? backgroundStyles\n    : {}\n\n  const style: React.CSSProperties = {\n    ...dimensionsStyles,\n  }\n  const marginCSS = marginValueToCSS(margin)\n  if (marginCSS) {\n    style.margin = marginCSS\n  }\n  const paddingCSS = paddingValueToCSS(customPadding)\n  if (paddingCSS) {\n    style.padding = paddingCSS\n  }\n  const transformStyles = transformValueToCSS(transform)\n  if (transformStyles) {\n    Object.assign(style, transformStyles)\n  }\n\n  if (!items || items.length === 0) {\n    return (\n      <AnimatedWrapper animation={animation}>\n        <div style={Object.keys(style).length > 0 ? style : undefined}>\n          <div className={accordionClasses} style={accordionStyle}>\n            <div className=\"p-4 text-center text-muted-foreground\">\n              No accordion items. Add items in the editor.\n            </div>\n          </div>\n        </div>\n      </AnimatedWrapper>\n    )\n  }\n\n  return (\n    <AnimatedWrapper animation={animation}>\n      <div style={Object.keys(style).length > 0 ? style : undefined}>\n        <div className={accordionClasses} style={accordionStyle}>\n          {items.map((item, index) => (\n            <AccordionItem\n              key={index}\n              item={item}\n              isOpen={openItems.has(index)}\n              onToggle={() => handleToggle(index)}\n              textColorCSS={textColorCSS}\n            />\n          ))}\n        </div>\n      </div>\n    </AnimatedWrapper>\n  )\n}\n\n// Default padding with standard horizontal spacing (replaces hardcoded px-4)\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 16,\n  bottom: 0,\n  left: 16,\n  unit: 'px',\n  linked: false,\n}\n\nexport interface AccordionProps {\n  items: AccordionItemData[]\n  allowMultiple: boolean\n  textColor: ColorValue | null\n  margin: PaddingValue | null\n  background: BackgroundValue | null\n  dimensions: DimensionsValue | null\n  transform: TransformValue | null\n  animation: AnimationValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: AccordionProps = {\n  items: [\n    {\n      title: 'What is this?',\n      content: 'This is an accordion component that can expand and collapse.',\n      defaultOpen: false,\n    },\n    {\n      title: 'How do I use it?',\n      content: 'Click on each item to expand or collapse it.',\n      defaultOpen: false,\n    },\n  ],\n  allowMultiple: false,\n  textColor: null,\n  margin: null,\n  background: null,\n  dimensions: null,\n  transform: null,\n  animation: null,\n  customPadding: DEFAULT_PADDING, // Default 16px horizontal padding, visible in editor\n}\n\nexport const AccordionConfig: ComponentConfig = {\n  label: 'Accordion',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    items: {\n      type: 'array',\n      label: 'Items',\n      arrayFields: {\n        title: {\n          type: 'text',\n          label: 'Title',\n        },\n        content: {\n          type: 'textarea',\n          label: 'Content',\n        },\n        defaultOpen: {\n          type: 'radio',\n          label: 'Default Open',\n          options: [\n            { label: 'Yes', value: true },\n            { label: 'No', value: false },\n          ],\n        },\n      },\n      defaultItemProps: (index: number) => ({\n        title: `Accordion Item ${index + 1}`,\n        content: '',\n        defaultOpen: index === 0,\n      }),\n      getItemSummary: (item: AccordionItemData) => item.title || 'Untitled',\n    },\n    allowMultiple: {\n      type: 'radio',\n      label: 'Allow Multiple Open',\n      options: [\n        { label: 'Yes', value: true },\n        { label: 'No', value: false },\n      ],\n    },\n    textColor: createColorPickerField({ label: 'Text Color' }),\n    background: createBackgroundField({ label: 'Background' }),\n    dimensions: createDimensionsField({ label: 'Dimensions' }),\n    transform: createTransformField({ label: 'Transform' }),\n    animation: createAnimationField({ label: 'Animation' }),\n    // Spacing (grouped at bottom)\n    margin: createMarginField({ label: 'Margin' }),\n    customPadding: createPaddingField({ label: 'Padding' }),\n  },\n  defaultProps,\n  render: (props) => (\n    <AccordionRenderer\n      items={props.items}\n      allowMultiple={props.allowMultiple}\n      textColor={props.textColor}\n      margin={props.margin}\n      background={props.background}\n      dimensions={props.dimensions}\n      transform={props.transform}\n      animation={props.animation}\n      customPadding={props.customPadding}\n    />\n  ),\n}\n"],"names":["useState","ChevronDown","marginValueToCSS","paddingValueToCSS","dimensionsValueToCSS","backgroundValueToCSS","transformValueToCSS","colorValueToCSS","cn","AnimatedWrapper","createMarginField","createPaddingField","createDimensionsField","createResetField","createBackgroundField","createAnimationField","createTransformField","createColorPickerField","AccordionItem","item","isOpen","onToggle","textColorCSS","textStyle","color","div","className","button","type","onClick","style","span","title","undefined","content","AccordionRenderer","items","allowMultiple","textColor","margin","background","dimensions","transform","animation","customPadding","openItems","setOpenItems","initialOpen","Set","forEach","index","defaultOpen","add","handleToggle","prev","newSet","has","delete","clear","dimensionsStyles","accordionClasses","backgroundStyles","accordionStyle","Object","keys","length","marginCSS","paddingCSS","padding","transformStyles","assign","map","DEFAULT_PADDING","top","right","bottom","left","unit","linked","defaultProps","AccordionConfig","label","fields","_reset","arrayFields","options","value","defaultItemProps","getItemSummary","render","props"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
  * handles the interactive state.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import type { PaddingValue, DimensionsValue, BackgroundValue, AnimationValue, TransformValue, ColorValue } from '../../fields/shared';
+import type { PaddingValue, DimensionsValue, BackgroundValue, AnimationValue, TransformValue, ColorValue } from '../../fields/shared.js';
 interface AccordionItemData {
     title: string;
     content: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Accordion.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,UAAU,EACX,MAAM,qBAAqB,CAAA;AAG5B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAyBD,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,cAAc,CAgB3D,CAAA"}
+{"version":3,"file":"Accordion.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Accordion.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,UAAU,EACX,MAAM,wBAAwB,CAAA;AAG/B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAyBD,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,cAAc,CAgB3D,CAAA"}