@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/components/layout/Template.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Template Component - Puck Configuration
  *
@@ -15,16 +15,15 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * - customPadding: Different padding at different breakpoints
  * - margin: Different margins at different breakpoints
  * - visibility: Show/hide at different breakpoints
- */
-import { useId } from 'react';
-import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, responsiveValueToCSS, visibilityValueToCSS, } from '../../fields/shared';
-import { createResetField } from '../../fields/ResetField';
-import { createTemplateField } from '../../fields/TemplateField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createMarginField } from '../../fields/MarginField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createResponsiveField } from '../../fields/ResponsiveField';
-import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField';
+ */ import { useId } from 'react';
+import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, responsiveValueToCSS, visibilityValueToCSS } from '../../fields/shared.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { createTemplateField } from '../../fields/TemplateField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createResponsiveField } from '../../fields/ResponsiveField.js';
+import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField.js';
 // Default values for responsive fields
 const DEFAULT_PADDING = {
     top: 0,
@@ -32,12 +31,16 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 0,
     unit: 'px',
-    linked: true,
+    linked: true
 };
 const DEFAULT_DIMENSIONS = {
     mode: 'full',
     alignment: 'center',
-    maxWidth: { value: 100, unit: '%', enabled: true },
+    maxWidth: {
+        value: 100,
+        unit: '%',
+        enabled: true
+    }
 };
 // =============================================================================
 // Default Props
@@ -48,7 +51,7 @@ const defaultProps = {
     dimensions: null,
     customPadding: null,
     margin: null,
-    visibility: null,
+    visibility: null
 };
 // =============================================================================
 // Component Configuration
@@ -56,33 +59,39 @@ const defaultProps = {
 export const TemplateConfig = {
     label: 'Template',
     fields: {
-        _reset: createResetField({ defaultProps }),
-        templateId: createTemplateField({ label: 'Template' }),
+        _reset: createResetField({
+            defaultProps
+        }),
+        templateId: createTemplateField({
+            label: 'Template'
+        }),
         content: {
-            type: 'slot',
+            type: 'slot'
         },
         // Responsive visibility control
-        visibility: createResponsiveVisibilityField({ label: 'Visibility' }),
+        visibility: createResponsiveVisibilityField({
+            label: 'Visibility'
+        }),
         // Responsive dimensions
         dimensions: createResponsiveField({
             label: 'Dimensions (Responsive)',
-            innerField: (config) => createDimensionsField(config),
-            defaultValue: DEFAULT_DIMENSIONS,
+            innerField: (config)=>createDimensionsField(config),
+            defaultValue: DEFAULT_DIMENSIONS
         }),
         // Spacing (grouped at bottom) - Responsive
         margin: createResponsiveField({
             label: 'Margin (Responsive)',
-            innerField: (config) => createMarginField(config),
-            defaultValue: DEFAULT_PADDING,
+            innerField: (config)=>createMarginField(config),
+            defaultValue: DEFAULT_PADDING
         }),
         customPadding: createResponsiveField({
             label: 'Padding (Responsive)',
-            innerField: (config) => createPaddingField(config),
-            defaultValue: DEFAULT_PADDING,
-        }),
+            innerField: (config)=>createPaddingField(config),
+            defaultValue: DEFAULT_PADDING
+        })
     },
     defaultProps,
-    render: ({ content: Content, dimensions, customPadding, margin, visibility }) => {
+    render: ({ content: Content, dimensions, customPadding, margin, visibility })=>{
         // Generate unique IDs for CSS targeting
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const uniqueId = useId().replace(/:/g, '');
@@ -93,13 +102,17 @@ export const TemplateConfig = {
         // Build wrapper styles
         const wrapperStyles = {};
         // Add padding with responsive support
-        const paddingResult = responsiveValueToCSS(customPadding, (v) => ({ padding: paddingValueToCSS(v) }), wrapperClass);
+        const paddingResult = responsiveValueToCSS(customPadding, (v)=>({
+                padding: paddingValueToCSS(v)
+            }), wrapperClass);
         Object.assign(wrapperStyles, paddingResult.baseStyles);
         if (paddingResult.mediaQueryCSS) {
             mediaQueries.push(paddingResult.mediaQueryCSS);
         }
         // Add margin with responsive support
-        const marginResult = responsiveValueToCSS(margin, (v) => ({ margin: marginValueToCSS(v) }), wrapperClass);
+        const marginResult = responsiveValueToCSS(margin, (v)=>({
+                margin: marginValueToCSS(v)
+            }), wrapperClass);
         Object.assign(wrapperStyles, marginResult.baseStyles);
         if (marginResult.mediaQueryCSS) {
             mediaQueries.push(marginResult.mediaQueryCSS);
@@ -118,7 +131,22 @@ export const TemplateConfig = {
         const allMediaQueryCSS = mediaQueries.join('\n');
         // Content is a slot component that Puck provides
         // It renders all the nested components within this template
-        return (_jsxs(_Fragment, { children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), _jsx("div", { className: cn('template-wrapper', wrapperClass), style: Object.keys(wrapperStyles).length > 0 ? wrapperStyles : undefined, children: _jsx(Content, { className: contentClass, style: dimensionsResult.baseStyles }) })] }));
-    },
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                allMediaQueryCSS && /*#__PURE__*/ _jsx("style", {
+                    children: allMediaQueryCSS
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn('template-wrapper', wrapperClass),
+                    style: Object.keys(wrapperStyles).length > 0 ? wrapperStyles : undefined,
+                    children: /*#__PURE__*/ _jsx(Content, {
+                        className: contentClass,
+                        style: dimensionsResult.baseStyles
+                    })
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=Template.js.map

package/dist/components/layout/Template.js.map

@@ -1 +1 @@
-{"version":3,"file":"Template.js","sourceRoot":"","sources":["../../../src/components/layout/Template.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/layout/Template.tsx"],"sourcesContent":["/**\n * Template Component - Puck Configuration\n *\n * A reusable template container that allows saving and loading\n * pre-configured component arrangements from the Payload CMS.\n *\n * Use this component to:\n * - Create reusable page sections\n * - Save common component patterns as templates\n * - Quickly load pre-built layouts\n *\n * Responsive Controls:\n * - dimensions: Different dimensions at different breakpoints\n * - customPadding: Different padding at different breakpoints\n * - margin: Different margins at different breakpoints\n * - visibility: Show/hide at different breakpoints\n */\n\nimport { useId } from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  cn,\n  dimensionsValueToCSS,\n  marginValueToCSS,\n  paddingValueToCSS,\n  responsiveValueToCSS,\n  visibilityValueToCSS,\n  type PaddingValue,\n  type DimensionsValue,\n  type ResponsiveValue,\n  type VisibilityValue,\n} from '../../fields/shared.js'\nimport { createResetField } from '../../fields/ResetField.js'\nimport { createTemplateField } from '../../fields/TemplateField.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createResponsiveField } from '../../fields/ResponsiveField.js'\nimport { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField.js'\n\n// Default values for responsive fields\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  unit: 'px',\n  linked: true,\n}\n\nconst DEFAULT_DIMENSIONS: DimensionsValue = {\n  mode: 'full',\n  alignment: 'center',\n  maxWidth: { value: 100, unit: '%', enabled: true },\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TemplateProps {\n  /** Slot for nested components */\n  content: unknown\n  /** ID of the currently loaded template (or null if none) */\n  templateId: string | null\n  /** Responsive dimensions */\n  dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null\n  /** Responsive padding */\n  customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null\n  /** Responsive margin */\n  margin: ResponsiveValue<PaddingValue> | PaddingValue | null\n  /** Responsive visibility */\n  visibility: VisibilityValue | null\n}\n\n// =============================================================================\n// Default Props\n// =============================================================================\n\nconst defaultProps: TemplateProps = {\n  content: [],\n  templateId: null,\n  dimensions: null,\n  customPadding: null,\n  margin: null,\n  visibility: null,\n}\n\n// =============================================================================\n// Component Configuration\n// =============================================================================\n\nexport const TemplateConfig: ComponentConfig = {\n  label: 'Template',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    templateId: createTemplateField({ label: 'Template' }),\n    content: {\n      type: 'slot',\n    },\n    // Responsive visibility control\n    visibility: createResponsiveVisibilityField({ label: 'Visibility' }),\n    // Responsive dimensions\n    dimensions: createResponsiveField({\n      label: 'Dimensions (Responsive)',\n      innerField: (config) => createDimensionsField(config),\n      defaultValue: DEFAULT_DIMENSIONS,\n    }),\n    // Spacing (grouped at bottom) - Responsive\n    margin: createResponsiveField({\n      label: 'Margin (Responsive)',\n      innerField: (config) => createMarginField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n    customPadding: createResponsiveField({\n      label: 'Padding (Responsive)',\n      innerField: (config) => createPaddingField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n  },\n  defaultProps,\n  render: ({ content: Content, dimensions, customPadding, margin, visibility }) => {\n    // Generate unique IDs for CSS targeting\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const uniqueId = useId().replace(/:/g, '')\n    const wrapperClass = `puck-template-${uniqueId}`\n    const contentClass = `puck-template-content-${uniqueId}`\n\n    // Collect all media query CSS\n    const mediaQueries: string[] = []\n\n    // Build wrapper styles\n    const wrapperStyles: React.CSSProperties = {}\n\n    // Add padding with responsive support\n    const paddingResult = responsiveValueToCSS(\n      customPadding,\n      (v) => ({ padding: paddingValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, paddingResult.baseStyles)\n    if (paddingResult.mediaQueryCSS) {\n      mediaQueries.push(paddingResult.mediaQueryCSS)\n    }\n\n    // Add margin with responsive support\n    const marginResult = responsiveValueToCSS(\n      margin,\n      (v) => ({ margin: marginValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, marginResult.baseStyles)\n    if (marginResult.mediaQueryCSS) {\n      mediaQueries.push(marginResult.mediaQueryCSS)\n    }\n\n    // Visibility media queries\n    const visibilityCSS = visibilityValueToCSS(visibility, wrapperClass)\n    if (visibilityCSS) {\n      mediaQueries.push(visibilityCSS)\n    }\n\n    // Use dimensions with responsive support\n    const dimensionsResult = responsiveValueToCSS(\n      dimensions,\n      dimensionsValueToCSS,\n      contentClass\n    )\n    if (dimensionsResult.mediaQueryCSS) {\n      mediaQueries.push(dimensionsResult.mediaQueryCSS)\n    }\n\n    // Combine all media queries\n    const allMediaQueryCSS = mediaQueries.join('\\n')\n\n    // Content is a slot component that Puck provides\n    // It renders all the nested components within this template\n    return (\n      <>\n        {allMediaQueryCSS && <style>{allMediaQueryCSS}</style>}\n        <div\n          className={cn('template-wrapper', wrapperClass)}\n          style={Object.keys(wrapperStyles).length > 0 ? wrapperStyles : undefined}\n        >\n          <Content className={contentClass} style={dimensionsResult.baseStyles} />\n        </div>\n      </>\n    )\n  },\n}\n"],"names":["useId","cn","dimensionsValueToCSS","marginValueToCSS","paddingValueToCSS","responsiveValueToCSS","visibilityValueToCSS","createResetField","createTemplateField","createPaddingField","createMarginField","createDimensionsField","createResponsiveField","createResponsiveVisibilityField","DEFAULT_PADDING","top","right","bottom","left","unit","linked","DEFAULT_DIMENSIONS","mode","alignment","maxWidth","value","enabled","defaultProps","content","templateId","dimensions","customPadding","margin","visibility","TemplateConfig","label","fields","_reset","type","innerField","config","defaultValue","render","Content","uniqueId","replace","wrapperClass","contentClass","mediaQueries","wrapperStyles","paddingResult","v","padding","Object","assign","baseStyles","mediaQueryCSS","push","marginResult","visibilityCSS","dimensionsResult","allMediaQueryCSS","join","style","div","className","keys","length","undefined"],"mappings":"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"}

package/dist/components/layout/Template.server.d.ts

@@ -13,7 +13,7 @@
  * - visibility: Show/hide at different breakpoints
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type DimensionsValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared';
+import { type PaddingValue, type DimensionsValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared.js';
 export interface TemplateProps {
     /** Slot for nested components */
     content: unknown;

package/dist/components/layout/Template.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Template.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Template.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAY5B,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,4BAA4B;IAC5B,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,yBAAyB;IACzB,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,wBAAwB;IACxB,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,4BAA4B;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAmBD,eAAO,MAAM,oBAAoB,EAAE,eAmFlC,CAAA"}
+{"version":3,"file":"Template.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Template.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAY/B,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,4BAA4B;IAC5B,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,yBAAyB;IACzB,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,wBAAwB;IACxB,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,4BAA4B;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAmBD,eAAO,MAAM,oBAAoB,EAAE,eAmFlC,CAAA"}

package/dist/components/layout/Template.server.js

@@ -1,5 +1,18 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, responsiveValueToCSS, visibilityValueToCSS, } from '../../fields/shared';
+/**
+ * Template Component - Server-safe Configuration
+ *
+ * A reusable template container for rendering nested components.
+ * This server-safe version excludes the TemplateField (which requires client-side APIs).
+ *
+ * For the full editor experience with template loading, use Template.tsx
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, responsiveValueToCSS, visibilityValueToCSS } from '../../fields/shared.js';
 // Simple ID generator for server-side rendering
 let idCounter = 0;
 function generateUniqueId() {
@@ -14,7 +27,7 @@ const defaultProps = {
     dimensions: null,
     customPadding: null,
     margin: null,
-    visibility: null,
+    visibility: null
 };
 // =============================================================================
 // Component Configuration (Server-safe)
@@ -25,14 +38,14 @@ export const TemplateServerConfig = {
         // In server config, templateId is just for reference (no loading UI)
         templateId: {
             type: 'text',
-            label: 'Template ID',
+            label: 'Template ID'
         },
         content: {
-            type: 'slot',
-        },
+            type: 'slot'
+        }
     },
     defaultProps,
-    render: ({ content: Content, dimensions, customPadding, margin, visibility }) => {
+    render: ({ content: Content, dimensions, customPadding, margin, visibility })=>{
         // Generate unique IDs for CSS targeting (server-safe)
         const uniqueId = generateUniqueId();
         const wrapperClass = `puck-template-${uniqueId}`;
@@ -42,13 +55,17 @@ export const TemplateServerConfig = {
         // Build wrapper styles
         const wrapperStyles = {};
         // Add padding with responsive support
-        const paddingResult = responsiveValueToCSS(customPadding, (v) => ({ padding: paddingValueToCSS(v) }), wrapperClass);
+        const paddingResult = responsiveValueToCSS(customPadding, (v)=>({
+                padding: paddingValueToCSS(v)
+            }), wrapperClass);
         Object.assign(wrapperStyles, paddingResult.baseStyles);
         if (paddingResult.mediaQueryCSS) {
             mediaQueries.push(paddingResult.mediaQueryCSS);
         }
         // Add margin with responsive support
-        const marginResult = responsiveValueToCSS(margin, (v) => ({ margin: marginValueToCSS(v) }), wrapperClass);
+        const marginResult = responsiveValueToCSS(margin, (v)=>({
+                margin: marginValueToCSS(v)
+            }), wrapperClass);
         Object.assign(wrapperStyles, marginResult.baseStyles);
         if (marginResult.mediaQueryCSS) {
             mediaQueries.push(marginResult.mediaQueryCSS);
@@ -69,7 +86,22 @@ export const TemplateServerConfig = {
         const ContentSlot = Content;
         // Content is a slot component that Puck provides
         // It renders all the nested components within this template
-        return (_jsxs(_Fragment, { children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), _jsx("div", { className: cn('template-wrapper', wrapperClass), style: Object.keys(wrapperStyles).length > 0 ? wrapperStyles : undefined, children: _jsx(ContentSlot, { className: contentClass, style: dimensionsResult.baseStyles }) })] }));
-    },
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                allMediaQueryCSS && /*#__PURE__*/ _jsx("style", {
+                    children: allMediaQueryCSS
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn('template-wrapper', wrapperClass),
+                    style: Object.keys(wrapperStyles).length > 0 ? wrapperStyles : undefined,
+                    children: /*#__PURE__*/ _jsx(ContentSlot, {
+                        className: contentClass,
+                        style: dimensionsResult.baseStyles
+                    })
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=Template.server.js.map

package/dist/components/layout/Template.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"Template.server.js","sourceRoot":"","sources":["../../../src/components/layout/Template.server.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/layout/Template.server.tsx"],"sourcesContent":["/**\n * Template Component - Server-safe Configuration\n *\n * A reusable template container for rendering nested components.\n * This server-safe version excludes the TemplateField (which requires client-side APIs).\n *\n * For the full editor experience with template loading, use Template.tsx\n *\n * Responsive Controls:\n * - dimensions: Different dimensions at different breakpoints\n * - customPadding: Different padding at different breakpoints\n * - margin: Different margins at different breakpoints\n * - visibility: Show/hide at different breakpoints\n */\n\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  cn,\n  dimensionsValueToCSS,\n  marginValueToCSS,\n  paddingValueToCSS,\n  responsiveValueToCSS,\n  visibilityValueToCSS,\n  type PaddingValue,\n  type DimensionsValue,\n  type ResponsiveValue,\n  type VisibilityValue,\n} from '../../fields/shared.js'\n\n// Simple ID generator for server-side rendering\nlet idCounter = 0\nfunction generateUniqueId(): string {\n  return `t${(++idCounter).toString(36)}${Math.random().toString(36).slice(2, 6)}`\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TemplateProps {\n  /** Slot for nested components */\n  content: unknown\n  /** ID of the currently loaded template (for tracking only) */\n  templateId: string | null\n  /** Responsive dimensions */\n  dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null\n  /** Responsive padding */\n  customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null\n  /** Responsive margin */\n  margin: ResponsiveValue<PaddingValue> | PaddingValue | null\n  /** Responsive visibility */\n  visibility: VisibilityValue | null\n}\n\n// =============================================================================\n// Default Props\n// =============================================================================\n\nconst defaultProps: TemplateProps = {\n  content: [],\n  templateId: null,\n  dimensions: null,\n  customPadding: null,\n  margin: null,\n  visibility: null,\n}\n\n// =============================================================================\n// Component Configuration (Server-safe)\n// =============================================================================\n\nexport const TemplateServerConfig: ComponentConfig = {\n  label: 'Template',\n  fields: {\n    // In server config, templateId is just for reference (no loading UI)\n    templateId: {\n      type: 'text',\n      label: 'Template ID',\n    },\n    content: {\n      type: 'slot',\n    },\n  },\n  defaultProps,\n  render: ({ content: Content, dimensions, customPadding, margin, visibility }) => {\n    // Generate unique IDs for CSS targeting (server-safe)\n    const uniqueId = generateUniqueId()\n    const wrapperClass = `puck-template-${uniqueId}`\n    const contentClass = `puck-template-content-${uniqueId}`\n\n    // Collect all media query CSS\n    const mediaQueries: string[] = []\n\n    // Build wrapper styles\n    const wrapperStyles: React.CSSProperties = {}\n\n    // Add padding with responsive support\n    const paddingResult = responsiveValueToCSS(\n      customPadding,\n      (v) => ({ padding: paddingValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, paddingResult.baseStyles)\n    if (paddingResult.mediaQueryCSS) {\n      mediaQueries.push(paddingResult.mediaQueryCSS)\n    }\n\n    // Add margin with responsive support\n    const marginResult = responsiveValueToCSS(\n      margin,\n      (v) => ({ margin: marginValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, marginResult.baseStyles)\n    if (marginResult.mediaQueryCSS) {\n      mediaQueries.push(marginResult.mediaQueryCSS)\n    }\n\n    // Visibility media queries\n    const visibilityCSS = visibilityValueToCSS(visibility, wrapperClass)\n    if (visibilityCSS) {\n      mediaQueries.push(visibilityCSS)\n    }\n\n    // Use dimensions with responsive support\n    const dimensionsResult = responsiveValueToCSS(\n      dimensions,\n      dimensionsValueToCSS,\n      contentClass\n    )\n    if (dimensionsResult.mediaQueryCSS) {\n      mediaQueries.push(dimensionsResult.mediaQueryCSS)\n    }\n\n    // Combine all media queries\n    const allMediaQueryCSS = mediaQueries.join('\\n')\n\n    // Type assertion for Puck slot content\n    const ContentSlot = Content as any\n\n    // Content is a slot component that Puck provides\n    // It renders all the nested components within this template\n    return (\n      <>\n        {allMediaQueryCSS && <style>{allMediaQueryCSS}</style>}\n        <div\n          className={cn('template-wrapper', wrapperClass)}\n          style={Object.keys(wrapperStyles).length > 0 ? wrapperStyles : undefined}\n        >\n          <ContentSlot className={contentClass} style={dimensionsResult.baseStyles} />\n        </div>\n      </>\n    )\n  },\n}\n"],"names":["cn","dimensionsValueToCSS","marginValueToCSS","paddingValueToCSS","responsiveValueToCSS","visibilityValueToCSS","idCounter","generateUniqueId","toString","Math","random","slice","defaultProps","content","templateId","dimensions","customPadding","margin","visibility","TemplateServerConfig","label","fields","type","render","Content","uniqueId","wrapperClass","contentClass","mediaQueries","wrapperStyles","paddingResult","v","padding","Object","assign","baseStyles","mediaQueryCSS","push","marginResult","visibilityCSS","dimensionsResult","allMediaQueryCSS","join","ContentSlot","style","div","className","keys","length","undefined"],"mappings":"AAAA;;;;;;;;;;;;;CAaC;AAGD,SACEA,EAAE,EACFC,oBAAoB,EACpBC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpBC,oBAAoB,QAKf,yBAAwB;AAE/B,gDAAgD;AAChD,IAAIC,YAAY;AAChB,SAASC;IACP,OAAO,CAAC,CAAC,EAAE,AAAC,CAAA,EAAED,SAAQ,EAAGE,QAAQ,CAAC,MAAMC,KAAKC,MAAM,GAAGF,QAAQ,CAAC,IAAIG,KAAK,CAAC,GAAG,IAAI;AAClF;AAqBA,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAMC,eAA8B;IAClCC,SAAS,EAAE;IACXC,YAAY;IACZC,YAAY;IACZC,eAAe;IACfC,QAAQ;IACRC,YAAY;AACd;AAEA,gFAAgF;AAChF,wCAAwC;AACxC,gFAAgF;AAEhF,OAAO,MAAMC,uBAAwC;IACnDC,OAAO;IACPC,QAAQ;QACN,qEAAqE;QACrEP,YAAY;YACVQ,MAAM;YACNF,OAAO;QACT;QACAP,SAAS;YACPS,MAAM;QACR;IACF;IACAV;IACAW,QAAQ,CAAC,EAAEV,SAASW,OAAO,EAAET,UAAU,EAAEC,aAAa,EAAEC,MAAM,EAAEC,UAAU,EAAE;QAC1E,sDAAsD;QACtD,MAAMO,WAAWlB;QACjB,MAAMmB,eAAe,CAAC,cAAc,EAAED,UAAU;QAChD,MAAME,eAAe,CAAC,sBAAsB,EAAEF,UAAU;QAExD,8BAA8B;QAC9B,MAAMG,eAAyB,EAAE;QAEjC,uBAAuB;QACvB,MAAMC,gBAAqC,CAAC;QAE5C,sCAAsC;QACtC,MAAMC,gBAAgB1B,qBACpBY,eACA,CAACe,IAAO,CAAA;gBAAEC,SAAS7B,kBAAkB4B;YAAG,CAAA,GACxCL;QAEFO,OAAOC,MAAM,CAACL,eAAeC,cAAcK,UAAU;QACrD,IAAIL,cAAcM,aAAa,EAAE;YAC/BR,aAAaS,IAAI,CAACP,cAAcM,aAAa;QAC/C;QAEA,qCAAqC;QACrC,MAAME,eAAelC,qBACnBa,QACA,CAACc,IAAO,CAAA;gBAAEd,QAAQf,iBAAiB6B;YAAG,CAAA,GACtCL;QAEFO,OAAOC,MAAM,CAACL,eAAeS,aAAaH,UAAU;QACpD,IAAIG,aAAaF,aAAa,EAAE;YAC9BR,aAAaS,IAAI,CAACC,aAAaF,aAAa;QAC9C;QAEA,2BAA2B;QAC3B,MAAMG,gBAAgBlC,qBAAqBa,YAAYQ;QACvD,IAAIa,eAAe;YACjBX,aAAaS,IAAI,CAACE;QACpB;QAEA,yCAAyC;QACzC,MAAMC,mBAAmBpC,qBACvBW,YACAd,sBACA0B;QAEF,IAAIa,iBAAiBJ,aAAa,EAAE;YAClCR,aAAaS,IAAI,CAACG,iBAAiBJ,aAAa;QAClD;QAEA,4BAA4B;QAC5B,MAAMK,mBAAmBb,aAAac,IAAI,CAAC;QAE3C,uCAAuC;QACvC,MAAMC,cAAcnB;QAEpB,iDAAiD;QACjD,4DAA4D;QAC5D,qBACE;;gBACGiB,kCAAoB,KAACG;8BAAOH;;8BAC7B,KAACI;oBACCC,WAAW9C,GAAG,oBAAoB0B;oBAClCkB,OAAOX,OAAOc,IAAI,CAAClB,eAAemB,MAAM,GAAG,IAAInB,gBAAgBoB;8BAE/D,cAAA,KAACN;wBAAYG,WAAWnB;wBAAciB,OAAOJ,iBAAiBL,UAAU;;;;;IAIhF;AACF,EAAC"}

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

@@ -3,12 +3,12 @@
  *
  * Structural components for page layout and content organization.
  */
-export { ContainerConfig } from './Container';
-export { FlexConfig } from './Flex';
-export { GridConfig } from './Grid';
-export { SectionConfig } from './Section';
-export { SpacerConfig } from './Spacer';
-export { TemplateConfig } from './Template';
-export { TemplateServerConfig } from './Template.server';
-export type { TemplateProps } from './Template';
+export { ContainerConfig } from './Container.js';
+export { FlexConfig } from './Flex.js';
+export { GridConfig } from './Grid.js';
+export { SectionConfig } from './Section.js';
+export { SpacerConfig } from './Spacer.js';
+export { TemplateConfig } from './Template.js';
+export { TemplateServerConfig } from './Template.server.js';
+export type { TemplateProps } from './Template.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/layout/index.js

@@ -2,12 +2,12 @@
  * Layout Components
  *
  * Structural components for page layout and content organization.
- */
-export { ContainerConfig } from './Container';
-export { FlexConfig } from './Flex';
-export { GridConfig } from './Grid';
-export { SectionConfig } from './Section';
-export { SpacerConfig } from './Spacer';
-export { TemplateConfig } from './Template';
-export { TemplateServerConfig } from './Template.server';
+ */ export { ContainerConfig } from './Container.js';
+export { FlexConfig } from './Flex.js';
+export { GridConfig } from './Grid.js';
+export { SectionConfig } from './Section.js';
+export { SpacerConfig } from './Spacer.js';
+export { TemplateConfig } from './Template.js';
+export { TemplateServerConfig } from './Template.server.js';
+
 //# sourceMappingURL=index.js.map

package/dist/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"sources":["../../../src/components/layout/index.ts"],"sourcesContent":["/**\n * Layout Components\n *\n * Structural components for page layout and content organization.\n */\n\nexport { ContainerConfig } from './Container.js'\nexport { FlexConfig } from './Flex.js'\nexport { GridConfig } from './Grid.js'\nexport { SectionConfig } from './Section.js'\nexport { SpacerConfig } from './Spacer.js'\nexport { TemplateConfig } from './Template.js'\nexport { TemplateServerConfig } from './Template.server.js'\nexport type { TemplateProps } from './Template.js'\n"],"names":["ContainerConfig","FlexConfig","GridConfig","SectionConfig","SpacerConfig","TemplateConfig","TemplateServerConfig"],"mappings":"AAAA;;;;CAIC,GAED,SAASA,eAAe,QAAQ,iBAAgB;AAChD,SAASC,UAAU,QAAQ,YAAW;AACtC,SAASC,UAAU,QAAQ,YAAW;AACtC,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,YAAY,QAAQ,cAAa;AAC1C,SAASC,cAAc,QAAQ,gBAAe;AAC9C,SAASC,oBAAoB,QAAQ,uBAAsB"}

package/dist/components/media/Image.d.ts

@@ -8,9 +8,9 @@
  * - visibility: Show/hide at different breakpoints
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type DimensionsValue, type BorderValue, type AnimationValue, type TransformValue, type VisibilityValue } from '../../fields/shared';
-import { type MediaReference } from '../../fields/MediaField';
-import { type Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type DimensionsValue, type BorderValue, type AnimationValue, type TransformValue, type VisibilityValue } from '../../fields/shared.js';
+import { type MediaReference } from '../../fields/MediaField.js';
+import { type Alignment } from '../../fields/AlignmentField.js';
 export interface ImageProps {
     image: MediaReference | null;
     alt: string;

package/dist/components/media/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/media/Image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC/E,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAgBlF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAkBD,eAAO,MAAM,WAAW,EAAE,eA0IzB,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/media/Image.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAgBrF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAkBD,eAAO,MAAM,WAAW,EAAE,eA0IzB,CAAA"}