@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/components/typography/Heading.js

@@ -4,17 +4,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * H1-H6 headings with customizable styling.
  * Supports custom margin for spacing control.
- */
-import { createElement } from 'react';
-import { headingLevelField, headingLevelMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createMarginField } from '../../fields/MarginField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createColorPickerField } from '../../fields/ColorPickerField';
-import { createAlignmentField } from '../../fields/AlignmentField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createResetField } from '../../fields/ResetField';
+ */ import React, { createElement } from 'react';
+import { headingLevelField, headingLevelMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createColorPickerField } from '../../fields/ColorPickerField.js';
+import { createAlignmentField } from '../../fields/AlignmentField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createResetField } from '../../fields/ResetField.js';
 const defaultProps = {
     text: 'Heading Text',
     level: 'h2',
@@ -23,33 +22,47 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 export const HeadingConfig = {
     label: 'Heading',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         text: {
             type: 'text',
-            label: 'Text',
+            label: 'Text'
         },
         level: headingLevelField,
-        textColor: createColorPickerField({ label: 'Text Color' }),
-        dimensions: createDimensionsField({ label: 'Dimensions' }),
-        alignment: createAlignmentField({ label: 'Alignment' }),
-        animation: createAnimationField({ label: 'Animation' }),
+        textColor: createColorPickerField({
+            label: 'Text Color'
+        }),
+        dimensions: createDimensionsField({
+            label: 'Dimensions'
+        }),
+        alignment: createAlignmentField({
+            label: 'Alignment'
+        }),
+        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: ({ text, level, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ text, level, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const tag = level || 'h2';
         const alignmentValue = alignment ?? 'left';
         const classes = cn(headingLevelMap[level] || headingLevelMap.h2, alignmentMap[alignmentValue] || alignmentMap.left);
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -64,8 +77,13 @@ export const HeadingConfig = {
         if (colorCSS) {
             style.color = colorCSS;
         }
-        const headingElement = createElement(tag, { className: classes, style: Object.keys(style).length > 0 ? style : undefined }, text);
-        return (_jsx(AnimatedWrapper, { animation: animation, children: headingElement }));
-    },
+        const headingElement = /*#__PURE__*/ createElement(tag, {
+            className: classes,
+            style: Object.keys(style).length > 0 ? style : undefined
+        }, text);
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: headingElement
+        });
+    }
 };
-//# sourceMappingURL=Heading.js.map

package/dist/components/typography/Heading.server.d.ts

@@ -5,8 +5,8 @@
  * This version excludes field definitions for server-side rendering.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface HeadingProps {
     text: string;
     level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -18,4 +18,3 @@ export interface HeadingProps {
     customPadding: PaddingValue | null;
 }
 export declare const HeadingConfig: ComponentConfig<HeadingProps>;
-//# sourceMappingURL=Heading.server.d.ts.map

package/dist/components/typography/Heading.server.js

@@ -4,10 +4,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * H1-H6 headings with customizable styling.
  * This version excludes field definitions for server-side rendering.
- */
-import { createElement } from 'react';
-import { headingLevelMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+ */ import { createElement } from 'react';
+import { headingLevelMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 const defaultProps = {
     text: 'Heading Text',
     level: 'h2',
@@ -16,18 +15,18 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 export const HeadingConfig = {
     label: 'Heading',
     defaultProps,
-    render: ({ text, level, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ text, level, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const tag = level || 'h2';
         const alignmentValue = alignment ?? 'left';
         const classes = cn(headingLevelMap[level] || headingLevelMap.h2, alignmentMap[alignmentValue] || alignmentMap.left);
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -42,8 +41,13 @@ export const HeadingConfig = {
         if (colorCSS) {
             style.color = colorCSS;
         }
-        const headingElement = createElement(tag, { className: classes, style: Object.keys(style).length > 0 ? style : undefined }, text);
-        return (_jsx(AnimatedWrapper, { animation: animation, children: headingElement }));
-    },
+        const headingElement = /*#__PURE__*/ createElement(tag, {
+            className: classes,
+            style: Object.keys(style).length > 0 ? style : undefined
+        }, text);
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: headingElement
+        });
+    }
 };
-//# sourceMappingURL=Heading.server.js.map

package/dist/components/typography/RichText.editor.d.ts

@@ -12,7 +12,7 @@
  */
 import React from 'react';
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type DimensionsValue } from '../../fields/shared';
+import { type PaddingValue, type DimensionsValue } from '../../fields/shared.js';
 export interface RichTextEditorProps {
     content: React.ReactNode;
     dimensions: DimensionsValue | null;
@@ -21,4 +21,3 @@ export interface RichTextEditorProps {
     id?: string;
 }
 export declare const RichTextEditorConfig: ComponentConfig;
-//# sourceMappingURL=RichText.editor.d.ts.map

package/dist/components/typography/RichText.editor.js

@@ -11,28 +11,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Supports contentEditable for inline canvas editing.
  * Requires @tailwindcss/typography - uses the `prose` class for styling.
- */
-import { useMemo } from 'react';
-import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { createMarginField } from '../../fields/MarginField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createResetField } from '../../fields/ResetField';
-import { createRichTextField } from '../../fields/richtext';
+ */ import React, { useMemo } from 'react';
+import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS } from '../../fields/shared.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 { createRichTextField } from '../../fields/richtext/index.js';
 const defaultProps = {
     content: '<p>Click to start editing...</p>',
     dimensions: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 // =============================================================================
 // Render Component for Editor Config
 // =============================================================================
 // Uses Puck's native richtext field which supports inline contentEditable editing.
 // Content is rendered directly as {content} - Puck handles the rest.
-function RichTextRender({ content, dimensions, margin, customPadding, }) {
+function RichTextRender({ content, dimensions, margin, customPadding }) {
     // Build styles
-    const style = useMemo(() => {
+    const style = useMemo(()=>{
         const s = {};
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         if (dimensionsStyles) {
@@ -47,11 +46,22 @@ function RichTextRender({ content, dimensions, margin, customPadding, }) {
             s.padding = customPaddingCSS;
         }
         return Object.keys(s).length > 0 ? s : undefined;
-    }, [dimensions, margin, customPadding]);
+    }, [
+        dimensions,
+        margin,
+        customPadding
+    ]);
     // Render content directly - Puck's richtext field handles both:
     // - Editor: Returns React elements for contentEditable inline editing
     // - Frontend <Render>: Returns HTML string which React renders
-    return (_jsx("section", { className: "relative overflow-hidden", style: style, children: _jsx("div", { className: "prose dark:prose-invert max-w-none", children: content }) }));
+    return /*#__PURE__*/ _jsx("section", {
+        className: "relative overflow-hidden",
+        style: style,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "prose dark:prose-invert max-w-none",
+            children: content
+        })
+    });
 }
 // =============================================================================
 // Puck Component Config
@@ -59,16 +69,29 @@ function RichTextRender({ content, dimensions, margin, customPadding, }) {
 export const RichTextEditorConfig = {
     label: 'Rich Text',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         content: createRichTextField({
             label: 'Content',
-            contentEditable: true, // Enable inline canvas editing
+            contentEditable: true
+        }),
+        dimensions: createDimensionsField({
+            label: 'Dimensions'
+        }),
+        margin: createMarginField({
+            label: 'Margin'
         }),
-        dimensions: createDimensionsField({ label: 'Dimensions' }),
-        margin: createMarginField({ label: 'Margin' }),
-        customPadding: createPaddingField({ label: 'Padding' }),
+        customPadding: createPaddingField({
+            label: 'Padding'
+        })
     },
     defaultProps,
-    render: (props) => (_jsx(RichTextRender, { content: props.content, dimensions: props.dimensions, margin: props.margin, customPadding: props.customPadding, id: props.id })),
+    render: (props)=>/*#__PURE__*/ _jsx(RichTextRender, {
+            content: props.content,
+            dimensions: props.dimensions,
+            margin: props.margin,
+            customPadding: props.customPadding,
+            id: props.id
+        })
 };
-//# sourceMappingURL=RichText.editor.js.map

package/dist/components/typography/RichText.server.d.ts

@@ -8,8 +8,8 @@
  */
 import React from 'react';
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type DimensionsValue, type ColorValue, type AnimationValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type DimensionsValue, type ColorValue, type AnimationValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface RichTextProps {
     content: React.ReactNode;
     alignment: Alignment | null;
@@ -20,4 +20,3 @@ export interface RichTextProps {
     customPadding: PaddingValue | null;
 }
 export declare const RichTextConfig: ComponentConfig<RichTextProps>;
-//# sourceMappingURL=RichText.server.d.ts.map

package/dist/components/typography/RichText.server.js

@@ -1,7 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * RichText Component - Server-Safe Puck Configuration
+ *
+ * Rich text content with customizable styling.
+ * This version excludes field definitions for server-side rendering.
+ *
+ * Requires @tailwindcss/typography - uses the `prose` class for styling.
+ */ import React from 'react';
 import parse from 'html-react-parser';
-import { cn, marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, colorValueToCSS, alignmentMap, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+import { cn, marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, colorValueToCSS, alignmentMap } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 // Default padding with standard horizontal spacing (replaces hardcoded px-4)
 const DEFAULT_PADDING = {
     top: 0,
@@ -9,7 +17,7 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 16,
     unit: 'px',
-    linked: false,
+    linked: false
 };
 const defaultProps = {
     content: '<p>Enter your content here...</p>',
@@ -18,15 +26,15 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding
+    customPadding: DEFAULT_PADDING
 };
 export const RichTextConfig = {
     label: 'Rich Text',
     defaultProps,
-    render: ({ content, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ content, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -44,14 +52,23 @@ export const RichTextConfig = {
         const alignmentValue = alignment ?? 'left';
         const alignmentClass = alignmentMap[alignmentValue] || alignmentMap.left;
         // Handle empty content - check for null/undefined or empty string
-        const isEmpty = !content || (typeof content === 'string' && (content === '' || content === '<p></p>'));
+        const isEmpty = !content || typeof content === 'string' && (content === '' || content === '<p></p>');
         // Parse HTML strings to React elements, pass through React elements as-is
-        const renderedContent = isEmpty
-            ? _jsx("p", { children: _jsx("em", { children: "No content available" }) })
-            : typeof content === 'string'
-                ? parse(content)
-                : content;
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("section", { className: cn('relative overflow-hidden', alignmentClass), style: Object.keys(style).length > 0 ? style : undefined, children: _jsx("div", { className: "prose dark:prose-invert max-w-none", children: renderedContent }) }) }));
-    },
+        const renderedContent = isEmpty ? /*#__PURE__*/ _jsx("p", {
+            children: /*#__PURE__*/ _jsx("em", {
+                children: "No content available"
+            })
+        }) : typeof content === 'string' ? parse(content) : content;
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("section", {
+                className: cn('relative overflow-hidden', alignmentClass),
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "prose dark:prose-invert max-w-none",
+                    children: renderedContent
+                })
+            })
+        });
+    }
 };
-//# sourceMappingURL=RichText.server.js.map

package/dist/components/typography/Text.d.ts

@@ -4,8 +4,8 @@
  * Simple paragraph text with customizable styling.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
-import { type Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared.js';
+import { type Alignment } from '../../fields/AlignmentField.js';
 export interface TextProps {
     content: string;
     size: string;
@@ -17,4 +17,3 @@ export interface TextProps {
     customPadding: PaddingValue | null;
 }
 export declare const TextConfig: ComponentConfig;
-//# sourceMappingURL=Text.d.ts.map

package/dist/components/typography/Text.js

@@ -1,13 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { textSizeField, textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createMarginField } from '../../fields/MarginField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createColorPickerField } from '../../fields/ColorPickerField';
-import { createAlignmentField } from '../../fields/AlignmentField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createResetField } from '../../fields/ResetField';
+/**
+ * Text Component - Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { textSizeField, textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createColorPickerField } from '../../fields/ColorPickerField.js';
+import { createAlignmentField } from '../../fields/AlignmentField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createResetField } from '../../fields/ResetField.js';
 const defaultProps = {
     content: 'Enter your text here...',
     size: 'base',
@@ -16,30 +20,44 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 export const TextConfig = {
     label: 'Text',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         content: {
             type: 'textarea',
-            label: 'Content',
+            label: 'Content'
         },
         size: textSizeField,
-        textColor: createColorPickerField({ label: 'Text Color' }),
-        dimensions: createDimensionsField({ label: 'Dimensions' }),
-        alignment: createAlignmentField({ label: 'Alignment' }),
-        animation: createAnimationField({ label: 'Animation' }),
+        textColor: createColorPickerField({
+            label: 'Text Color'
+        }),
+        dimensions: createDimensionsField({
+            label: 'Dimensions'
+        }),
+        alignment: createAlignmentField({
+            label: 'Alignment'
+        }),
+        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: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -55,7 +73,13 @@ export const TextConfig = {
             style.color = colorCSS;
         }
         const alignmentValue = alignment ?? 'left';
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("p", { className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left), style: Object.keys(style).length > 0 ? style : undefined, children: content }) }));
-    },
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("p", {
+                className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left),
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: content
+            })
+        });
+    }
 };
-//# sourceMappingURL=Text.js.map

package/dist/components/typography/Text.server.d.ts

@@ -5,8 +5,8 @@
  * This version excludes field definitions for server-side rendering.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface TextProps {
     content: string;
     size: string;
@@ -18,4 +18,3 @@ export interface TextProps {
     customPadding: PaddingValue | null;
 }
 export declare const TextConfig: ComponentConfig<TextProps>;
-//# sourceMappingURL=Text.server.d.ts.map

package/dist/components/typography/Text.server.js

@@ -1,6 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+/**
+ * Text Component - Server-Safe Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ * This version excludes field definitions for server-side rendering.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 const defaultProps = {
     content: 'Enter your text here...',
     size: 'base',
@@ -9,15 +14,15 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 export const TextConfig = {
     label: 'Text',
     defaultProps,
-    render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -33,7 +38,13 @@ export const TextConfig = {
             style.color = colorCSS;
         }
         const alignmentValue = alignment ?? 'left';
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("p", { className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left), style: Object.keys(style).length > 0 ? style : undefined, children: content }) }));
-    },
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("p", {
+                className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left),
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: content
+            })
+        });
+    }
 };
-//# sourceMappingURL=Text.server.js.map

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

@@ -3,8 +3,7 @@
  *
  * Text and heading components for content display.
  */
-export { HeadingConfig } from './Heading';
-export { TextConfig } from './Text';
-export { RichTextEditorConfig } from './RichText.editor';
-export { RichTextConfig } from './RichText.server';
-//# sourceMappingURL=index.d.ts.map
+export { HeadingConfig } from './Heading.js';
+export { TextConfig } from './Text.js';
+export { RichTextEditorConfig } from './RichText.editor.js';
+export { RichTextConfig } from './RichText.server.js';

package/dist/components/typography/index.js

@@ -2,9 +2,7 @@
  * Typography Components
  *
  * Text and heading components for content display.
- */
-export { HeadingConfig } from './Heading';
-export { TextConfig } from './Text';
-export { RichTextEditorConfig } from './RichText.editor';
-export { RichTextConfig } from './RichText.server';
-//# sourceMappingURL=index.js.map
+ */ export { HeadingConfig } from './Heading.js';
+export { TextConfig } from './Text.js';
+export { RichTextEditorConfig } from './RichText.editor.js';
+export { RichTextConfig } from './RichText.server.js';

package/dist/config/config.editor.d.ts

@@ -47,7 +47,7 @@ export declare const editorConfig: {
                     value: string;
                 }[];
             };
-            pageBackground: import("@puckeditor/core").CustomField<import("../fields").BackgroundValue | null>;
+            pageBackground: import("@puckeditor/core").CustomField<import("../fields/shared.js").BackgroundValue | null>;
             pageMaxWidth: {
                 type: "select";
                 label: string;
@@ -69,7 +69,7 @@ export declare const editorConfig: {
         };
         render: ({ children }: {
             children: ReactNode;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }) => import("react").JSX.Element;
     };
     categories: {
         layout: {
@@ -107,6 +107,5 @@ export declare const editorConfig: {
         Accordion: ComponentConfig<any>;
     };
 };
-export { mergeConfigs } from './merge';
+export { mergeConfigs } from './merge.js';
 export { fullConfig, minimalConfig, defaultRoot, pageTreeRoot, extendConfig, } from './presets.js';
-//# sourceMappingURL=config.editor.d.ts.map