@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/components/media/index.js

@@ -0,0 +1,7 @@
+/**
+ * Media Components
+ *
+ * Image and media display components.
+ */
+export { ImageConfig } from './Image';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,21 @@
+/**
+ * Heading Component - Puck Configuration
+ *
+ * H1-H6 headings with customizable styling.
+ * Supports custom margin for spacing control.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
+import { type Alignment } from '../../fields/AlignmentField';
+export interface HeadingProps {
+    text: string;
+    level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    alignment: Alignment | null;
+    textColor: ColorValue | null;
+    dimensions: DimensionsValue | null;
+    animation: AnimationValue | null;
+    margin: PaddingValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const HeadingConfig: ComponentConfig;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Heading.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAK5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC9C,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,aAAa,EAAE,eAqD3B,CAAA"}

package/dist/components/typography/Heading.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Heading Component - Puck Configuration
+ *
+ * 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';
+const defaultProps = {
+    text: 'Heading Text',
+    level: 'h2',
+    alignment: null,
+    textColor: null,
+    dimensions: null,
+    animation: null,
+    margin: null,
+    customPadding: null,
+};
+export const HeadingConfig = {
+    label: 'Heading',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        text: {
+            type: 'text',
+            label: 'Text',
+        },
+        level: headingLevelField,
+        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' }),
+    },
+    defaultProps,
+    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,
+        };
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            style.margin = marginCSS;
+        }
+        const paddingCSS = paddingValueToCSS(customPadding);
+        if (paddingCSS) {
+            style.padding = paddingCSS;
+        }
+        // Apply text color from ColorValue
+        const colorCSS = colorValueToCSS(textColor);
+        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 }));
+    },
+};
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/typography/Heading.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+/**
+ * Heading Component - Server-Safe Puck Configuration
+ *
+ * H1-H6 headings with customizable styling.
+ * This version excludes field definitions for server-side rendering.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
+import type { Alignment } from '../../fields/AlignmentField';
+export interface HeadingProps {
+    text: string;
+    level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    alignment: Alignment | null;
+    textColor: ColorValue | null;
+    dimensions: DimensionsValue | null;
+    animation: AnimationValue | null;
+    margin: PaddingValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const HeadingConfig: ComponentConfig<HeadingProps>;
+//# sourceMappingURL=Heading.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Heading.server.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC9C,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,YAAY,CAsCvD,CAAA"}

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Heading Component - Server-Safe Puck Configuration
+ *
+ * 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';
+const defaultProps = {
+    text: 'Heading Text',
+    level: 'h2',
+    alignment: null,
+    textColor: null,
+    dimensions: null,
+    animation: null,
+    margin: null,
+    customPadding: null,
+};
+export const HeadingConfig = {
+    label: 'Heading',
+    defaultProps,
+    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,
+        };
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            style.margin = marginCSS;
+        }
+        const paddingCSS = paddingValueToCSS(customPadding);
+        if (paddingCSS) {
+            style.padding = paddingCSS;
+        }
+        // Apply text color from ColorValue
+        const colorCSS = colorValueToCSS(textColor);
+        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 }));
+    },
+};
+//# sourceMappingURL=Heading.server.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.server.js","sourceRoot":"","sources":["../../../src/components/typography/Heading.server.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EACL,eAAe,EACf,YAAY,EACZ,EAAE,EACF,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GAKrB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAcpD,MAAM,YAAY,GAAiB;IACjC,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAkC;IAC1D,KAAK,EAAE,SAAS;IAChB,YAAY;IACZ,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE;QAC9F,MAAM,GAAG,GAAG,KAAK,IAAI,IAAI,CAAA;QACzB,MAAM,cAAc,GAAG,SAAS,IAAI,MAAM,CAAA;QAC1C,MAAM,OAAO,GAAG,EAAE,CAChB,eAAe,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,EAAE,EAC5C,YAAY,CAAC,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,CAClD,CAAA;QAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAElF,MAAM,KAAK,GAAwB;YACjC,GAAG,gBAAgB;SACpB,CAAA;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QAC1B,CAAC;QACD,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;QACnD,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,GAAG,UAAU,CAAA;QAC5B,CAAC;QACD,mCAAmC;QACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;QAC3C,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;QACxB,CAAC;QAED,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAA;QAEjI,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YAClC,cAAc,GACC,CACnB,CAAA;IACH,CAAC;CACF,CAAA"}

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

@@ -0,0 +1,20 @@
+/**
+ * RichText Component - Puck Server Configuration
+ *
+ * Server-safe config for rendering. Uses a simple textarea for the field.
+ * The editor config (RichText.editor.tsx) uses Tiptap for the visual editor.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type DimensionsValue, type ColorValue, type AnimationValue } from '../../fields/shared';
+import { type Alignment } from '../../fields/AlignmentField';
+export interface RichTextProps {
+    content: string;
+    alignment: Alignment | null;
+    textColor: ColorValue | null;
+    dimensions: DimensionsValue | null;
+    animation: AnimationValue | null;
+    margin: PaddingValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const RichTextConfig: ComponentConfig;
+//# sourceMappingURL=RichText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../src/components/typography/RichText.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAclF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAYD,eAAO,MAAM,cAAc,EAAE,eAgE5B,CAAA"}

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

@@ -0,0 +1,11 @@
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type DimensionsValue } from '../../fields/shared';
+export interface RichTextEditorProps {
+    content: string;
+    dimensions: DimensionsValue | null;
+    margin: PaddingValue | null;
+    customPadding: PaddingValue | null;
+    id?: string;
+}
+export declare const RichTextEditorConfig: ComponentConfig;
+//# sourceMappingURL=RichText.editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.editor.d.ts","sourceRoot":"","sources":["../../../src/components/typography/RichText.editor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAO5B,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAyDD,eAAO,MAAM,oBAAoB,EAAE,eAmBlC,CAAA"}

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

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * RichText Component - Puck Editor Configuration with Modal Editing
+ *
+ * Uses a modal-based approach for TipTap editing. The sidebar shows a
+ * preview and "Edit Content" button that opens a full-screen modal.
+ * This works within Puck's architecture where canvas events are captured.
+ *
+ * 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 { createTiptapModalField } from '../../fields/TiptapModalField';
+const defaultProps = {
+    content: '<p>Click to start editing...</p>',
+    dimensions: null,
+    margin: null,
+    customPadding: null,
+};
+// =============================================================================
+// Render Component for Editor Config
+// =============================================================================
+// Note: RichTextEditorConfig is only used in the Puck editor (editorConfig).
+// The frontend uses RichTextConfig from RichText.server.tsx (baseConfig).
+// Content is edited via modal from the sidebar, canvas shows preview.
+function RichTextRender({ content, dimensions, margin, customPadding, }) {
+    // Build styles
+    const style = useMemo(() => {
+        const s = {};
+        const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
+        if (dimensionsStyles) {
+            Object.assign(s, dimensionsStyles);
+        }
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            s.margin = marginCSS;
+        }
+        const customPaddingCSS = paddingValueToCSS(customPadding);
+        if (customPaddingCSS) {
+            s.padding = customPaddingCSS;
+        }
+        return Object.keys(s).length > 0 ? s : undefined;
+    }, [dimensions, margin, customPadding]);
+    // Render static preview (editing happens via modal in sidebar)
+    return (_jsx("section", { className: "relative overflow-hidden", style: style, children: _jsx("div", { className: "prose dark:prose-invert max-w-none", dangerouslySetInnerHTML: { __html: content } }) }));
+}
+// =============================================================================
+// Puck Component Config
+// =============================================================================
+export const RichTextEditorConfig = {
+    label: 'Rich Text',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        content: createTiptapModalField({ label: 'Content' }),
+        dimensions: createDimensionsField({ label: 'Dimensions' }),
+        margin: createMarginField({ label: 'Margin' }),
+        customPadding: createPaddingField({ label: 'Padding' }),
+    },
+    defaultProps,
+    render: (props) => (_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.editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.editor.js","sourceRoot":"","sources":["../../../src/components/typography/RichText.editor.tsx"],"names":[],"mappings":"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"}

package/dist/components/typography/RichText.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, colorValueToCSS, alignmentMap, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+import { createMarginField } from '../../fields/MarginField';
+import { createPaddingField } from '../../fields/PaddingField';
+import { createDimensionsField } from '../../fields/DimensionsField';
+import { createColorPickerField } from '../../fields/ColorPickerField';
+import { createAlignmentField } from '../../fields/AlignmentField';
+import { createAnimationField } from '../../fields/AnimationField';
+import { createResetField } from '../../fields/ResetField';
+// Default padding with standard horizontal spacing (replaces hardcoded px-4)
+const DEFAULT_PADDING = {
+    top: 0,
+    right: 16,
+    bottom: 0,
+    left: 16,
+    unit: 'px',
+    linked: false,
+};
+const defaultProps = {
+    content: '<p>Enter your content here...</p>',
+    alignment: null,
+    textColor: null,
+    dimensions: null,
+    animation: null,
+    margin: null,
+    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding, visible in editor
+};
+export const RichTextConfig = {
+    label: 'Rich Text',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        content: {
+            type: 'textarea',
+            label: 'Content (HTML)',
+        },
+        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' }),
+    },
+    defaultProps,
+    render: ({ content, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+        const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
+        const style = {
+            ...dimensionsStyles,
+        };
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            style.margin = marginCSS;
+        }
+        const customPaddingCSS = paddingValueToCSS(customPadding);
+        if (customPaddingCSS) {
+            style.padding = customPaddingCSS;
+        }
+        // Apply text color from ColorValue
+        const colorCSS = colorValueToCSS(textColor);
+        if (colorCSS) {
+            style.color = colorCSS;
+        }
+        const alignmentValue = alignment ?? 'left';
+        const alignmentClass = alignmentMap[alignmentValue] || alignmentMap.left;
+        // Handle empty content
+        if (!content || content === '<p></p>') {
+            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: _jsx("p", { children: _jsx("em", { children: "No content available" }) }) }) }) }));
+        }
+        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", dangerouslySetInnerHTML: { __html: content } }) }) }));
+    },
+};
+//# sourceMappingURL=RichText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../src/components/typography/RichText.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+/**
+ * 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 type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type DimensionsValue, type ColorValue, type AnimationValue } from '../../fields/shared';
+import type { Alignment } from '../../fields/AlignmentField';
+export interface RichTextProps {
+    content: string;
+    alignment: Alignment | null;
+    textColor: ColorValue | null;
+    dimensions: DimensionsValue | null;
+    animation: AnimationValue | null;
+    margin: PaddingValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const RichTextConfig: ComponentConfig<RichTextProps>;
+//# sourceMappingURL=RichText.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/RichText.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAY5D,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAYD,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,aAAa,CAkDzD,CAAA"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, colorValueToCSS, alignmentMap, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+// Default padding with standard horizontal spacing (replaces hardcoded px-4)
+const DEFAULT_PADDING = {
+    top: 0,
+    right: 16,
+    bottom: 0,
+    left: 16,
+    unit: 'px',
+    linked: false,
+};
+const defaultProps = {
+    content: '<p>Enter your content here...</p>',
+    alignment: null,
+    textColor: null,
+    dimensions: null,
+    animation: null,
+    margin: null,
+    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding
+};
+export const RichTextConfig = {
+    label: 'Rich Text',
+    defaultProps,
+    render: ({ content, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+        const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
+        const style = {
+            ...dimensionsStyles,
+        };
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            style.margin = marginCSS;
+        }
+        const customPaddingCSS = paddingValueToCSS(customPadding);
+        if (customPaddingCSS) {
+            style.padding = customPaddingCSS;
+        }
+        // Apply text color from ColorValue
+        const colorCSS = colorValueToCSS(textColor);
+        if (colorCSS) {
+            style.color = colorCSS;
+        }
+        const alignmentValue = alignment ?? 'left';
+        const alignmentClass = alignmentMap[alignmentValue] || alignmentMap.left;
+        // Handle empty content
+        if (!content || content === '<p></p>') {
+            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: _jsx("p", { children: _jsx("em", { children: "No content available" }) }) }) }) }));
+        }
+        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", dangerouslySetInnerHTML: { __html: content } }) }) }));
+    },
+};
+//# sourceMappingURL=RichText.server.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.server.js","sourceRoot":"","sources":["../../../src/components/typography/RichText.server.tsx"],"names":[],"mappings":";AAWA,OAAO,EACL,EAAE,EACF,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,YAAY,GAKb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,6EAA6E;AAC7E,MAAM,eAAe,GAAiB;IACpC,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,KAAK;CACd,CAAA;AAYD,MAAM,YAAY,GAAkB;IAClC,OAAO,EAAE,mCAAmC;IAC5C,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,eAAe,EAAE,kCAAkC;CACnE,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAmC;IAC5D,KAAK,EAAE,WAAW;IAClB,YAAY;IACZ,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE;QAC1F,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAElF,MAAM,KAAK,GAAwB;YACjC,GAAG,gBAAgB;SACpB,CAAA;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QAC1B,CAAC;QACD,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;QACzD,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,CAAC,OAAO,GAAG,gBAAgB,CAAA;QAClC,CAAC;QACD,mCAAmC;QACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;QAC3C,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;QACxB,CAAC;QAED,MAAM,cAAc,GAAG,SAAS,IAAI,MAAM,CAAA;QAC1C,MAAM,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,CAAA;QAExE,uBAAuB;QACvB,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACtC,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,kBAAS,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAC1H,cAAK,SAAS,EAAC,oCAAoC,YACjD,sBAAG,gDAA6B,GAAI,GAChC,GACE,GACM,CACnB,CAAA;QACH,CAAC;QAED,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,kBAAS,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAC1H,cACE,SAAS,EAAC,oCAAoC,EAC9C,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC5C,GACM,GACM,CACnB,CAAA;IACH,CAAC;CACF,CAAA"}

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

@@ -0,0 +1,20 @@
+/**
+ * Text Component - Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
+import { type Alignment } from '../../fields/AlignmentField';
+export interface TextProps {
+    content: string;
+    size: string;
+    alignment: Alignment | null;
+    textColor: ColorValue | null;
+    dimensions: DimensionsValue | null;
+    animation: AnimationValue | null;
+    margin: PaddingValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const TextConfig: ComponentConfig;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Text.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAK5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,UAAU,EAAE,eAsDxB,CAAA"}

package/dist/components/typography/Text.js

@@ -0,0 +1,61 @@
+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';
+const defaultProps = {
+    content: 'Enter your text here...',
+    size: 'base',
+    alignment: null,
+    textColor: null,
+    dimensions: null,
+    animation: null,
+    margin: null,
+    customPadding: null,
+};
+export const TextConfig = {
+    label: 'Text',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        content: {
+            type: 'textarea',
+            label: 'Content',
+        },
+        size: textSizeField,
+        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' }),
+    },
+    defaultProps,
+    render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+        const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
+        const style = {
+            ...dimensionsStyles,
+        };
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            style.margin = marginCSS;
+        }
+        const paddingCSS = paddingValueToCSS(customPadding);
+        if (paddingCSS) {
+            style.padding = paddingCSS;
+        }
+        // Apply text color from ColorValue
+        const colorCSS = colorValueToCSS(textColor);
+        if (colorCSS) {
+            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 }) }));
+    },
+};
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/typography/Text.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+/**
+ * Text Component - Server-Safe Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ * This version excludes field definitions for server-side rendering.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
+import type { Alignment } from '../../fields/AlignmentField';
+export interface TextProps {
+    content: string;
+    size: string;
+    alignment: Alignment | null;
+    textColor: ColorValue | null;
+    dimensions: DimensionsValue | null;
+    animation: AnimationValue | null;
+    margin: PaddingValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const TextConfig: ComponentConfig<TextProps>;
+//# sourceMappingURL=Text.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Text.server.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,SAAS,CAuCjD,CAAA"}