@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/components/interactive/Accordion.js

@@ -2,40 +2,69 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { ChevronDown } from 'lucide-react';
-import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, backgroundValueToCSS, transformValueToCSS, colorValueToCSS, cn, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createMarginField } from '../../fields/MarginField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createResetField } from '../../fields/ResetField';
-import { createBackgroundField } from '../../fields/BackgroundField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createTransformField } from '../../fields/TransformField';
-import { createColorPickerField } from '../../fields/ColorPickerField';
+import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, backgroundValueToCSS, transformValueToCSS, colorValueToCSS, cn } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { createBackgroundField } from '../../fields/BackgroundField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createTransformField } from '../../fields/TransformField.js';
+import { createColorPickerField } from '../../fields/ColorPickerField.js';
 // Accordion Item Component
-function AccordionItem({ item, isOpen, onToggle, textColorCSS, }) {
-    const textStyle = textColorCSS ? { color: textColorCSS } : {};
-    return (_jsxs("div", { className: "border-b border-border last:border-b-0", children: [_jsxs("button", { type: "button", onClick: onToggle, className: "flex w-full items-center justify-between py-4 px-4 text-left font-medium transition-all hover:bg-muted/50 text-foreground", style: textStyle, children: [_jsx("span", { children: item.title }), _jsx(ChevronDown, { className: cn('h-4 w-4 shrink-0 transition-transform duration-200', isOpen && 'rotate-180') })] }), _jsx("div", { className: cn('overflow-hidden transition-all duration-200', isOpen ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0'), children: _jsx("div", { className: "px-4 pb-4 text-muted-foreground", style: textColorCSS ? { color: textColorCSS } : undefined, children: item.content }) })] }));
+function AccordionItem({ item, isOpen, onToggle, textColorCSS }) {
+    const textStyle = textColorCSS ? {
+        color: textColorCSS
+    } : {};
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "border-b border-border last:border-b-0",
+        children: [
+            /*#__PURE__*/ _jsxs("button", {
+                type: "button",
+                onClick: onToggle,
+                className: "flex w-full items-center justify-between py-4 px-4 text-left font-medium transition-all hover:bg-muted/50 text-foreground",
+                style: textStyle,
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        children: item.title
+                    }),
+                    /*#__PURE__*/ _jsx(ChevronDown, {
+                        className: cn('h-4 w-4 shrink-0 transition-transform duration-200', isOpen && 'rotate-180')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: cn('overflow-hidden transition-all duration-200', isOpen ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0'),
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "px-4 pb-4 text-muted-foreground",
+                    style: textColorCSS ? {
+                        color: textColorCSS
+                    } : undefined,
+                    children: item.content
+                })
+            })
+        ]
+    });
 }
 // Main Accordion Render Component
-function AccordionRenderer({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding, }) {
+function AccordionRenderer({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding }) {
     // Initialize open states from defaultOpen values
-    const [openItems, setOpenItems] = useState(() => {
+    const [openItems, setOpenItems] = useState(()=>{
         const initialOpen = new Set();
-        items?.forEach((item, index) => {
+        items?.forEach((item, index)=>{
             if (item.defaultOpen) {
                 initialOpen.add(index);
             }
         });
         return initialOpen;
     });
-    const handleToggle = (index) => {
-        setOpenItems((prev) => {
+    const handleToggle = (index)=>{
+        setOpenItems((prev)=>{
             const newSet = new Set(prev);
             if (newSet.has(index)) {
                 newSet.delete(index);
-            }
-            else {
+            } else {
                 if (!allowMultiple) {
                     newSet.clear();
                 }
@@ -50,11 +79,9 @@ function AccordionRenderer({ items, allowMultiple, textColor, margin, background
     const accordionClasses = 'rounded-lg border border-border overflow-hidden bg-card';
     const backgroundStyles = backgroundValueToCSS(background);
     // Only apply background styles if explicitly set, otherwise let bg-card handle it
-    const accordionStyle = backgroundStyles && Object.keys(backgroundStyles).length > 0
-        ? backgroundStyles
-        : {};
+    const accordionStyle = backgroundStyles && Object.keys(backgroundStyles).length > 0 ? backgroundStyles : {};
     const style = {
-        ...dimensionsStyles,
+        ...dimensionsStyles
     };
     const marginCSS = marginValueToCSS(margin);
     if (marginCSS) {
@@ -69,9 +96,37 @@ function AccordionRenderer({ items, allowMultiple, textColor, margin, background
         Object.assign(style, transformStyles);
     }
     if (!items || items.length === 0) {
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { style: Object.keys(style).length > 0 ? style : undefined, children: _jsx("div", { className: accordionClasses, style: accordionStyle, children: _jsx("div", { className: "p-4 text-center text-muted-foreground", children: "No accordion items. Add items in the editor." }) }) }) }));
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("div", {
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: accordionClasses,
+                    style: accordionStyle,
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "p-4 text-center text-muted-foreground",
+                        children: "No accordion items. Add items in the editor."
+                    })
+                })
+            })
+        });
     }
-    return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { style: Object.keys(style).length > 0 ? style : undefined, children: _jsx("div", { className: accordionClasses, style: accordionStyle, children: items.map((item, index) => (_jsx(AccordionItem, { item: item, isOpen: openItems.has(index), onToggle: () => handleToggle(index), textColorCSS: textColorCSS }, index))) }) }) }));
+    return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+        animation: animation,
+        children: /*#__PURE__*/ _jsx("div", {
+            style: Object.keys(style).length > 0 ? style : undefined,
+            children: /*#__PURE__*/ _jsx("div", {
+                className: accordionClasses,
+                style: accordionStyle,
+                children: items.map((item, index)=>/*#__PURE__*/ _jsx(AccordionItem, {
+                        item: item,
+                        isOpen: openItems.has(index),
+                        onToggle: ()=>handleToggle(index),
+                        textColorCSS: textColorCSS
+                    }, index))
+            })
+        })
+    });
 }
 // Default padding with standard horizontal spacing (replaces hardcoded px-4)
 const DEFAULT_PADDING = {
@@ -80,20 +135,20 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 16,
     unit: 'px',
-    linked: false,
+    linked: false
 };
 const defaultProps = {
     items: [
         {
             title: 'What is this?',
             content: 'This is an accordion component that can expand and collapse.',
-            defaultOpen: false,
+            defaultOpen: false
         },
         {
             title: 'How do I use it?',
             content: 'Click on each item to expand or collapse it.',
-            defaultOpen: false,
-        },
+            defaultOpen: false
+        }
     ],
     allowMultiple: false,
     textColor: null,
@@ -102,58 +157,95 @@ const defaultProps = {
     dimensions: null,
     transform: null,
     animation: null,
-    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding, visible in editor
+    customPadding: DEFAULT_PADDING
 };
 export const AccordionConfig = {
     label: 'Accordion',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         items: {
             type: 'array',
             label: 'Items',
             arrayFields: {
                 title: {
                     type: 'text',
-                    label: 'Title',
+                    label: 'Title'
                 },
                 content: {
                     type: 'textarea',
-                    label: 'Content',
+                    label: 'Content'
                 },
                 defaultOpen: {
                     type: 'radio',
                     label: 'Default Open',
                     options: [
-                        { label: 'Yes', value: true },
-                        { label: 'No', value: false },
-                    ],
-                },
+                        {
+                            label: 'Yes',
+                            value: true
+                        },
+                        {
+                            label: 'No',
+                            value: false
+                        }
+                    ]
+                }
             },
-            defaultItemProps: (index) => ({
-                title: `Accordion Item ${index + 1}`,
-                content: '',
-                defaultOpen: index === 0,
-            }),
-            getItemSummary: (item) => item.title || 'Untitled',
+            defaultItemProps: (index)=>({
+                    title: `Accordion Item ${index + 1}`,
+                    content: '',
+                    defaultOpen: index === 0
+                }),
+            getItemSummary: (item)=>item.title || 'Untitled'
         },
         allowMultiple: {
             type: 'radio',
             label: 'Allow Multiple Open',
             options: [
-                { label: 'Yes', value: true },
-                { label: 'No', value: false },
-            ],
+                {
+                    label: 'Yes',
+                    value: true
+                },
+                {
+                    label: 'No',
+                    value: false
+                }
+            ]
         },
-        textColor: createColorPickerField({ label: 'Text Color' }),
-        background: createBackgroundField({ label: 'Background' }),
-        dimensions: createDimensionsField({ label: 'Dimensions' }),
-        transform: createTransformField({ label: 'Transform' }),
-        animation: createAnimationField({ label: 'Animation' }),
+        textColor: createColorPickerField({
+            label: 'Text Color'
+        }),
+        background: createBackgroundField({
+            label: 'Background'
+        }),
+        dimensions: createDimensionsField({
+            label: 'Dimensions'
+        }),
+        transform: createTransformField({
+            label: 'Transform'
+        }),
+        animation: createAnimationField({
+            label: 'Animation'
+        }),
         // Spacing (grouped at bottom)
-        margin: createMarginField({ label: 'Margin' }),
-        customPadding: createPaddingField({ label: 'Padding' }),
+        margin: createMarginField({
+            label: 'Margin'
+        }),
+        customPadding: createPaddingField({
+            label: 'Padding'
+        })
     },
     defaultProps,
-    render: (props) => (_jsx(AccordionRenderer, { items: props.items, allowMultiple: props.allowMultiple, textColor: props.textColor, margin: props.margin, background: props.background, dimensions: props.dimensions, transform: props.transform, animation: props.animation, customPadding: props.customPadding })),
+    render: (props)=>/*#__PURE__*/ _jsx(AccordionRenderer, {
+            items: props.items,
+            allowMultiple: props.allowMultiple,
+            textColor: props.textColor,
+            margin: props.margin,
+            background: props.background,
+            dimensions: props.dimensions,
+            transform: props.transform,
+            animation: props.animation,
+            customPadding: props.customPadding
+        })
 };
-//# sourceMappingURL=Accordion.js.map

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

@@ -7,7 +7,7 @@
  * handles the interactive state.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import type { PaddingValue, DimensionsValue, BackgroundValue, AnimationValue, TransformValue, ColorValue } from '../../fields/shared';
+import type { PaddingValue, DimensionsValue, BackgroundValue, AnimationValue, TransformValue, ColorValue } from '../../fields/shared.js';
 interface AccordionItemData {
     title: string;
     content: string;
@@ -26,4 +26,3 @@ export interface AccordionProps {
 }
 export declare const AccordionConfig: ComponentConfig<AccordionProps>;
 export {};
-//# sourceMappingURL=Accordion.server.d.ts.map

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

@@ -1,17 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AccordionClient } from '../AccordionClient';
+/**
+ * Accordion Component - Server-safe Puck Configuration
+ *
+ * Expandable sections with collapsible content.
+ * This version contains only the render function and types - no fields.
+ * The render function returns a client component (AccordionClient) that
+ * handles the interactive state.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionClient } from '../AccordionClient.js';
 const defaultProps = {
     items: [
         {
             title: 'What is this?',
             content: 'This is an accordion component that can expand and collapse.',
-            defaultOpen: false,
+            defaultOpen: false
         },
         {
             title: 'How do I use it?',
             content: 'Click on each item to expand or collapse it.',
-            defaultOpen: false,
-        },
+            defaultOpen: false
+        }
     ],
     allowMultiple: false,
     textColor: null,
@@ -20,11 +27,20 @@ const defaultProps = {
     dimensions: null,
     transform: null,
     animation: null,
-    customPadding: null,
+    customPadding: null
 };
 export const AccordionConfig = {
     label: 'Accordion',
     defaultProps,
-    render: (props) => (_jsx(AccordionClient, { items: props.items, allowMultiple: props.allowMultiple, textColor: props.textColor, margin: props.margin, background: props.background, dimensions: props.dimensions, transform: props.transform, animation: props.animation, customPadding: props.customPadding })),
+    render: (props)=>/*#__PURE__*/ _jsx(AccordionClient, {
+            items: props.items,
+            allowMultiple: props.allowMultiple,
+            textColor: props.textColor,
+            margin: props.margin,
+            background: props.background,
+            dimensions: props.dimensions,
+            transform: props.transform,
+            animation: props.animation,
+            customPadding: props.customPadding
+        })
 };
-//# sourceMappingURL=Accordion.server.js.map

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

@@ -4,9 +4,9 @@
  * CTA button with customizable styling and link support.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue } from '../../fields/shared';
-import { type Alignment } from '../../fields/AlignmentField';
-import { type SizeValue } from '../../fields/SizeField';
+import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue } from '../../fields/shared.js';
+import { type Alignment } from '../../fields/AlignmentField.js';
+import { type SizeValue } from '../../fields/SizeField.js';
 export interface ButtonProps {
     text: string;
     link: string;
@@ -23,4 +23,3 @@ export interface ButtonProps {
     customPadding: PaddingValue | null;
 }
 export declare const ButtonConfig: ComponentConfig;
-//# sourceMappingURL=Button.d.ts.map

package/dist/components/interactive/Button.js

@@ -1,25 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { buttonVariantField, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, borderValueToCSS, transformValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createMarginField } from '../../fields/MarginField';
-import { createColorPickerField } from '../../fields/ColorPickerField';
-import { createBorderField } from '../../fields/BorderField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createAlignmentField } from '../../fields/AlignmentField';
-import { createSizeField, sizeValueToCSS, getSizeClasses } from '../../fields/SizeField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createTransformField } from '../../fields/TransformField';
-import { createResetField } from '../../fields/ResetField';
-import { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING, getVariantClasses, } from '../../theme';
+/**
+ * Button Component - Puck Configuration
+ *
+ * CTA button with customizable styling and link support.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { buttonVariantField, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, borderValueToCSS, transformValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createColorPickerField } from '../../fields/ColorPickerField.js';
+import { createBorderField } from '../../fields/BorderField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createAlignmentField } from '../../fields/AlignmentField.js';
+import { createSizeField, sizeValueToCSS, getSizeClasses } from '../../fields/SizeField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createTransformField } from '../../fields/TransformField.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING, getVariantClasses } from '../../theme/index.js';
 const sizeStyles = {
     sm: 'h-8 px-3 text-sm',
     default: 'h-10 px-4',
-    lg: 'h-12 px-8 text-lg',
+    lg: 'h-12 px-8 text-lg'
 };
 const alignmentWrapperMap = {
     left: 'text-left',
     center: 'text-center',
-    right: 'text-right',
+    right: 'text-right'
 };
 const defaultProps = {
     text: 'Click Me',
@@ -34,42 +38,70 @@ const defaultProps = {
     alignment: null,
     transform: null,
     animation: null,
-    customPadding: null,
+    customPadding: null
 };
 export const ButtonConfig = {
     label: 'Button',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         text: {
             type: 'text',
-            label: 'Button Text',
+            label: 'Button Text'
         },
         link: {
             type: 'text',
-            label: 'Link URL',
+            label: 'Link URL'
         },
         variant: buttonVariantField,
-        size: createSizeField({ label: 'Size' }),
+        size: createSizeField({
+            label: 'Size'
+        }),
         openInNewTab: {
             type: 'radio',
             label: 'Open in New Tab',
             options: [
-                { label: 'No', value: 'no' },
-                { label: 'Yes', value: 'yes' },
-            ],
+                {
+                    label: 'No',
+                    value: 'no'
+                },
+                {
+                    label: 'Yes',
+                    value: 'yes'
+                }
+            ]
         },
-        customBackgroundColor: createColorPickerField({ label: 'Custom Background', showOpacity: true }),
-        customTextColor: createColorPickerField({ label: 'Custom Text Color', showOpacity: true }),
-        customBorder: createBorderField({ label: 'Custom Border' }),
-        alignment: createAlignmentField({ label: 'Alignment' }),
-        transform: createTransformField({ label: 'Transform' }),
-        animation: createAnimationField({ label: 'Animation' }),
+        customBackgroundColor: createColorPickerField({
+            label: 'Custom Background',
+            showOpacity: true
+        }),
+        customTextColor: createColorPickerField({
+            label: 'Custom Text Color',
+            showOpacity: true
+        }),
+        customBorder: createBorderField({
+            label: 'Custom Border'
+        }),
+        alignment: createAlignmentField({
+            label: 'Alignment'
+        }),
+        transform: createTransformField({
+            label: 'Transform'
+        }),
+        animation: createAnimationField({
+            label: 'Animation'
+        }),
         // Spacing (grouped at bottom)
-        margin: createMarginField({ label: 'Margin' }),
-        customPadding: createPaddingField({ label: 'Padding' }),
+        margin: createMarginField({
+            label: 'Margin'
+        }),
+        customPadding: createPaddingField({
+            label: 'Padding'
+        })
     },
     defaultProps,
-    render: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding }) => {
+    render: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding })=>{
         // Determine if custom styles should override preset variant/size styles
         const hasCustomBackground = customBackgroundColor?.hex;
         const hasCustomTextColor = customTextColor?.hex;
@@ -80,14 +112,10 @@ export const ButtonConfig = {
         // Get size classes for preset modes, or empty for custom mode
         const sizeClasses = getSizeClasses(size, sizeStyles);
         // Build button classes - exclude variant/size classes if custom styles are set
-        const buttonClasses = cn('inline-flex items-center justify-center font-medium transition-colors', `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`, 'disabled:opacity-50 disabled:pointer-events-none', 
-        // Only apply variant styles if no custom background/text color
-        !hasCustomBackground && !hasCustomTextColor && variantClasses, 
-        // Only apply background portion of variant if no custom background
-        hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90', 
-        // Only apply size classes if not using custom size or custom padding
-        !hasCustomPadding && !hasCustomSize && sizeClasses, 
-        // Apply rounded-md unless custom border has radius
+        const buttonClasses = cn('inline-flex items-center justify-center font-medium transition-colors', `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`, 'disabled:opacity-50 disabled:pointer-events-none', // Only apply variant styles if no custom background/text color
+        !hasCustomBackground && !hasCustomTextColor && variantClasses, // Only apply background portion of variant if no custom background
+        hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90', // Only apply size classes if not using custom size or custom padding
+        !hasCustomPadding && !hasCustomSize && sizeClasses, // Apply rounded-md unless custom border has radius
         !customBorder?.radius && 'rounded-md');
         // Build inline styles for the button
         const buttonStyle = {};
@@ -119,7 +147,19 @@ export const ButtonConfig = {
         if (transformStyles) {
             Object.assign(buttonStyle, transformStyles);
         }
-        const buttonElement = link ? (_jsx("a", { href: link, target: openInNewTab === 'yes' ? '_blank' : undefined, rel: openInNewTab === 'yes' ? 'noopener noreferrer' : undefined, className: buttonClasses, style: buttonStyle, children: text })) : (_jsx("button", { type: "button", className: buttonClasses, style: buttonStyle, children: text }));
+        const buttonElement = link ? /*#__PURE__*/ _jsx("a", {
+            href: link,
+            target: openInNewTab === 'yes' ? '_blank' : undefined,
+            rel: openInNewTab === 'yes' ? 'noopener noreferrer' : undefined,
+            className: buttonClasses,
+            style: buttonStyle,
+            children: text
+        }) : /*#__PURE__*/ _jsx("button", {
+            type: "button",
+            className: buttonClasses,
+            style: buttonStyle,
+            children: text
+        });
         const wrapperStyle = {};
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -127,7 +167,11 @@ export const ButtonConfig = {
         }
         // Get alignment value, defaulting to 'left'
         const alignmentValue = alignment ?? 'left';
-        return (_jsx(AnimatedWrapper, { animation: animation, className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left, style: wrapperStyle, children: buttonElement }));
-    },
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left,
+            style: wrapperStyle,
+            children: buttonElement
+        });
+    }
 };
-//# sourceMappingURL=Button.js.map

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

@@ -6,8 +6,8 @@
  * Safe for use in server components.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue, type SizeValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue, type SizeValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface ButtonProps {
     text: string;
     link: string;
@@ -24,4 +24,3 @@ export interface ButtonProps {
     customPadding: PaddingValue | null;
 }
 export declare const ButtonConfig: ComponentConfig<ButtonProps>;
-//# sourceMappingURL=Button.server.d.ts.map