@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,oBAAoB;AACpB,cAAc,UAAU,CAAA;AAExB,wBAAwB;AACxB,cAAc,cAAc,CAAA;AAE5B,mBAAmB;AACnB,cAAc,SAAS,CAAA;AAEvB,yBAAyB;AACzB,cAAc,eAAe,CAAA;AAE7B,YAAY;AACZ,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA"}

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

@@ -0,0 +1,28 @@
+/**
+ * Accordion Component - Puck Configuration
+ *
+ * Expandable sections with collapsible content.
+ * Uses plain HTML/CSS for the accordion behavior.
+ * Supports custom margin for spacing control.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type TransformValue, type ColorValue } from '../../fields/shared';
+interface AccordionItemData {
+    title: string;
+    content: string;
+    defaultOpen: boolean;
+}
+export interface AccordionProps {
+    items: AccordionItemData[];
+    allowMultiple: boolean;
+    textColor: ColorValue | null;
+    margin: PaddingValue | null;
+    background: BackgroundValue | null;
+    dimensions: DimensionsValue | null;
+    transform: TransformValue | null;
+    animation: AnimationValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const AccordionConfig: ComponentConfig;
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

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

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

package/dist/components/interactive/Accordion.js

@@ -0,0 +1,159 @@
+'use client';
+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';
+// 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 }) })] }));
+}
+// Main Accordion Render Component
+function AccordionRenderer({ items, allowMultiple, textColor, margin, background, dimensions, transform, animation, customPadding, }) {
+    // Initialize open states from defaultOpen values
+    const [openItems, setOpenItems] = useState(() => {
+        const initialOpen = new Set();
+        items?.forEach((item, index) => {
+            if (item.defaultOpen) {
+                initialOpen.add(index);
+            }
+        });
+        return initialOpen;
+    });
+    const handleToggle = (index) => {
+        setOpenItems((prev) => {
+            const newSet = new Set(prev);
+            if (newSet.has(index)) {
+                newSet.delete(index);
+            }
+            else {
+                if (!allowMultiple) {
+                    newSet.clear();
+                }
+                newSet.add(index);
+            }
+            return newSet;
+        });
+    };
+    const textColorCSS = colorValueToCSS(textColor);
+    const dimensionsStyles = dimensionsValueToCSS(dimensions);
+    // Theme-aware classes - uses CSS variables for colors
+    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 style = {
+        ...dimensionsStyles,
+    };
+    const marginCSS = marginValueToCSS(margin);
+    if (marginCSS) {
+        style.margin = marginCSS;
+    }
+    const paddingCSS = paddingValueToCSS(customPadding);
+    if (paddingCSS) {
+        style.padding = paddingCSS;
+    }
+    const transformStyles = transformValueToCSS(transform);
+    if (transformStyles) {
+        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 (_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))) }) }) }));
+}
+// 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 = {
+    items: [
+        {
+            title: 'What is this?',
+            content: 'This is an accordion component that can expand and collapse.',
+            defaultOpen: false,
+        },
+        {
+            title: 'How do I use it?',
+            content: 'Click on each item to expand or collapse it.',
+            defaultOpen: false,
+        },
+    ],
+    allowMultiple: false,
+    textColor: null,
+    margin: null,
+    background: null,
+    dimensions: null,
+    transform: null,
+    animation: null,
+    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding, visible in editor
+};
+export const AccordionConfig = {
+    label: 'Accordion',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        items: {
+            type: 'array',
+            label: 'Items',
+            arrayFields: {
+                title: {
+                    type: 'text',
+                    label: 'Title',
+                },
+                content: {
+                    type: 'textarea',
+                    label: 'Content',
+                },
+                defaultOpen: {
+                    type: 'radio',
+                    label: 'Default Open',
+                    options: [
+                        { label: 'Yes', value: true },
+                        { label: 'No', value: false },
+                    ],
+                },
+            },
+            defaultItemProps: {
+                title: 'Accordion Item',
+                content: '',
+                defaultOpen: false,
+            },
+            getItemSummary: (item) => item.title || 'Untitled',
+        },
+        allowMultiple: {
+            type: 'radio',
+            label: 'Allow Multiple Open',
+            options: [
+                { 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' }),
+        // Spacing (grouped at bottom)
+        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 })),
+};
+//# sourceMappingURL=Accordion.js.map

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

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

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

@@ -0,0 +1,29 @@
+/**
+ * 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 type { ComponentConfig } from '@measured/puck';
+import type { PaddingValue, DimensionsValue, BackgroundValue, AnimationValue, TransformValue, ColorValue } from '../../fields/shared';
+interface AccordionItemData {
+    title: string;
+    content: string;
+    defaultOpen: boolean;
+}
+export interface AccordionProps {
+    items: AccordionItemData[];
+    allowMultiple: boolean;
+    textColor: ColorValue | null;
+    margin: PaddingValue | null;
+    background: BackgroundValue | null;
+    dimensions: DimensionsValue | null;
+    transform: TransformValue | null;
+    animation: AnimationValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const AccordionConfig: ComponentConfig<AccordionProps>;
+export {};
+//# sourceMappingURL=Accordion.server.d.ts.map

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionClient } from '../AccordionClient';
+const defaultProps = {
+    items: [
+        {
+            title: 'What is this?',
+            content: 'This is an accordion component that can expand and collapse.',
+            defaultOpen: false,
+        },
+        {
+            title: 'How do I use it?',
+            content: 'Click on each item to expand or collapse it.',
+            defaultOpen: false,
+        },
+    ],
+    allowMultiple: false,
+    textColor: null,
+    margin: null,
+    background: null,
+    dimensions: null,
+    transform: null,
+    animation: 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 })),
+};
+//# sourceMappingURL=Accordion.server.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.server.js","sourceRoot":"","sources":["../../../src/components/interactive/Accordion.server.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAoBpD,MAAM,YAAY,GAAmB;IACnC,KAAK,EAAE;QACL;YACE,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,8DAA8D;YACvE,WAAW,EAAE,KAAK;SACnB;QACD;YACE,KAAK,EAAE,kBAAkB;YACzB,OAAO,EAAE,8CAA8C;YACvD,WAAW,EAAE,KAAK;SACnB;KACF;IACD,aAAa,EAAE,KAAK;IACpB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,IAAI;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC9D,KAAK,EAAE,WAAW;IAClB,YAAY;IACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,CACH;CACF,CAAA"}

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

@@ -0,0 +1,26 @@
+/**
+ * Button Component - Puck Configuration
+ *
+ * CTA button with customizable styling and link support.
+ */
+import type { ComponentConfig } from '@measured/puck';
+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';
+export interface ButtonProps {
+    text: string;
+    link: string;
+    variant: string;
+    size: SizeValue | null;
+    openInNewTab: string;
+    margin: PaddingValue | null;
+    customBackgroundColor: ColorValue | null;
+    customTextColor: ColorValue | null;
+    customBorder: BorderValue | null;
+    alignment: Alignment | null;
+    transform: TransformValue | null;
+    animation: AnimationValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const ButtonConfig: ComponentConfig;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Button.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAClF,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAUxG,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,qBAAqB,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,eAAe,EAAE,UAAU,GAAG,IAAI,CAAA;IAClC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,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;CACnC;AA8BD,eAAO,MAAM,YAAY,EAAE,eAqI1B,CAAA"}

package/dist/components/interactive/Button.js

@@ -0,0 +1,133 @@
+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';
+const sizeStyles = {
+    sm: 'h-8 px-3 text-sm',
+    default: 'h-10 px-4',
+    lg: 'h-12 px-8 text-lg',
+};
+const alignmentWrapperMap = {
+    left: 'text-left',
+    center: 'text-center',
+    right: 'text-right',
+};
+const defaultProps = {
+    text: 'Click Me',
+    link: '',
+    variant: 'default',
+    size: null,
+    openInNewTab: 'no',
+    margin: null,
+    customBackgroundColor: null,
+    customTextColor: null,
+    customBorder: null,
+    alignment: null,
+    transform: null,
+    animation: null,
+    customPadding: null,
+};
+export const ButtonConfig = {
+    label: 'Button',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        text: {
+            type: 'text',
+            label: 'Button Text',
+        },
+        link: {
+            type: 'text',
+            label: 'Link URL',
+        },
+        variant: buttonVariantField,
+        size: createSizeField({ label: 'Size' }),
+        openInNewTab: {
+            type: 'radio',
+            label: 'Open in New Tab',
+            options: [
+                { 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' }),
+        // Spacing (grouped at bottom)
+        margin: createMarginField({ label: 'Margin' }),
+        customPadding: createPaddingField({ label: 'Padding' }),
+    },
+    defaultProps,
+    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;
+        const hasCustomPadding = customPadding;
+        const hasCustomSize = size?.mode === 'custom';
+        // Get variant classes from defaults (SSR-safe, no hooks)
+        const variantClasses = getVariantClasses(DEFAULT_BUTTON_VARIANTS, variant, 'default');
+        // 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
+        !customBorder?.radius && 'rounded-md');
+        // Build inline styles for the button
+        const buttonStyle = {};
+        // Apply custom background color
+        if (hasCustomBackground) {
+            buttonStyle.backgroundColor = colorValueToCSS(customBackgroundColor);
+        }
+        // Apply custom text color
+        if (hasCustomTextColor) {
+            buttonStyle.color = colorValueToCSS(customTextColor);
+        }
+        // Apply custom border
+        const borderStyles = borderValueToCSS(customBorder);
+        if (borderStyles) {
+            Object.assign(buttonStyle, borderStyles);
+        }
+        // Apply custom size (only if mode is custom)
+        const customSizeStyles = sizeValueToCSS(size);
+        if (customSizeStyles) {
+            Object.assign(buttonStyle, customSizeStyles);
+        }
+        // Apply custom padding (overrides size padding if set)
+        const paddingCSS = paddingValueToCSS(customPadding);
+        if (paddingCSS) {
+            buttonStyle.padding = paddingCSS;
+        }
+        // Apply transform
+        const transformStyles = transformValueToCSS(transform);
+        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 wrapperStyle = {};
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            wrapperStyle.margin = marginCSS;
+        }
+        // Get alignment value, defaulting to 'left'
+        const alignmentValue = alignment ?? 'left';
+        return (_jsx(AnimatedWrapper, { animation: animation, className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left, style: wrapperStyle, children: buttonElement }));
+    },
+};
+//# sourceMappingURL=Button.js.map

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

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

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

@@ -0,0 +1,28 @@
+/**
+ * Button Component - Server-safe Puck Configuration
+ *
+ * CTA button with customizable styling and link support.
+ * This version contains only the render function and types - no fields.
+ * Safe for use in server components.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue } from '../../fields/shared';
+import { type SizeValue } from '../../fields/SizeField';
+import type { Alignment } from '../../fields/AlignmentField';
+export interface ButtonProps {
+    text: string;
+    link: string;
+    variant: string;
+    size: SizeValue | null;
+    openInNewTab: string;
+    margin: PaddingValue | null;
+    customBackgroundColor: ColorValue | null;
+    customTextColor: ColorValue | null;
+    customBorder: BorderValue | null;
+    alignment: Alignment | null;
+    transform: TransformValue | null;
+    animation: AnimationValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const ButtonConfig: ComponentConfig<ButtonProps>;
+//# sourceMappingURL=Button.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Button.server.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAI5D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,qBAAqB,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,eAAe,EAAE,UAAU,GAAG,IAAI,CAAA;IAClC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,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;CACnC;AA8BD,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,WAAW,CAuGrD,CAAA"}

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

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, borderValueToCSS, transformValueToCSS, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+import { sizeValueToCSS, getSizeClasses } from '../../fields/SizeField';
+import { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING } from '../../theme/defaults';
+import { getVariantClasses } from '../../theme/utils';
+const sizeStyles = {
+    sm: 'h-8 px-3 text-sm',
+    default: 'h-10 px-4',
+    lg: 'h-12 px-8 text-lg',
+};
+const alignmentWrapperMap = {
+    left: 'text-left',
+    center: 'text-center',
+    right: 'text-right',
+};
+const defaultProps = {
+    text: 'Click Me',
+    link: '',
+    variant: 'default',
+    size: null,
+    openInNewTab: 'no',
+    margin: null,
+    customBackgroundColor: null,
+    customTextColor: null,
+    customBorder: null,
+    alignment: null,
+    transform: null,
+    animation: null,
+    customPadding: null,
+};
+export const ButtonConfig = {
+    label: 'Button',
+    defaultProps,
+    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;
+        const hasCustomPadding = customPadding;
+        const hasCustomSize = size?.mode === 'custom';
+        // Get variant classes from defaults (SSR-safe, no hooks)
+        const variantClasses = getVariantClasses(DEFAULT_BUTTON_VARIANTS, variant, 'default');
+        // 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
+        !customBorder?.radius && 'rounded-md');
+        // Build inline styles for the button
+        const buttonStyle = {};
+        // Apply custom background color
+        if (hasCustomBackground) {
+            buttonStyle.backgroundColor = colorValueToCSS(customBackgroundColor);
+        }
+        // Apply custom text color
+        if (hasCustomTextColor) {
+            buttonStyle.color = colorValueToCSS(customTextColor);
+        }
+        // Apply custom border
+        const borderStyles = borderValueToCSS(customBorder);
+        if (borderStyles) {
+            Object.assign(buttonStyle, borderStyles);
+        }
+        // Apply custom size (only if mode is custom)
+        const customSizeStyles = sizeValueToCSS(size);
+        if (customSizeStyles) {
+            Object.assign(buttonStyle, customSizeStyles);
+        }
+        // Apply custom padding (overrides size padding if set)
+        const paddingCSS = paddingValueToCSS(customPadding);
+        if (paddingCSS) {
+            buttonStyle.padding = paddingCSS;
+        }
+        // Apply transform
+        const transformStyles = transformValueToCSS(transform);
+        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 wrapperStyle = {};
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            wrapperStyle.margin = marginCSS;
+        }
+        // Get alignment value, defaulting to 'left'
+        const alignmentValue = alignment ?? 'left';
+        return (_jsx(AnimatedWrapper, { animation: animation, className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left, style: wrapperStyle, children: buttonElement }));
+    },
+};
+//# sourceMappingURL=Button.server.js.map

package/dist/components/interactive/Button.server.js.map

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

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

@@ -0,0 +1,27 @@
+/**
+ * Card Component - Puck Configuration
+ *
+ * Content card with image, heading, and text.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type BackgroundValue, type BorderValue, type DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared';
+import { type Alignment } from '../../fields/AlignmentField';
+import type { MediaReference } from '../../fields/MediaField';
+export interface CardProps {
+    image: MediaReference | null;
+    heading: string;
+    text: string;
+    link: string;
+    openInNewTab: boolean;
+    shadow: string;
+    margin: PaddingValue | null;
+    background: BackgroundValue | null;
+    border: BorderValue | null;
+    dimensions: DimensionsValue | null;
+    alignment: Alignment | null;
+    transform: TransformValue | null;
+    animation: AnimationValue | null;
+    contentPadding: PaddingValue | null;
+}
+export declare const CardConfig: ComponentConfig;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAQ5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAGlF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAY7D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,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,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;CACpC;AAmBD,eAAO,MAAM,UAAU,EAAE,eAwJxB,CAAA"}