@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/components/interactive/Card.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { shadowField, shadowMap, cn, marginValueToCSS, paddingValueToCSS, backgroundValueToCSS, borderValueToCSS, dimensionsValueToCSS, transformValueToCSS, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+import { createMarginField } from '../../fields/MarginField';
+import { createPaddingField } from '../../fields/PaddingField';
+import { createResetField } from '../../fields/ResetField';
+import { createBackgroundField } from '../../fields/BackgroundField';
+import { createBorderField } from '../../fields/BorderField';
+import { createDimensionsField } from '../../fields/DimensionsField';
+import { createAlignmentField } from '../../fields/AlignmentField';
+import { createAnimationField } from '../../fields/AnimationField';
+import { createTransformField } from '../../fields/TransformField';
+// Default content padding for card (replaces hardcoded p-4)
+const DEFAULT_CONTENT_PADDING = {
+    top: 16,
+    right: 16,
+    bottom: 16,
+    left: 16,
+    unit: 'px',
+    linked: true,
+};
+const defaultProps = {
+    image: null,
+    heading: 'Card Heading',
+    text: 'Card description text goes here.',
+    link: '',
+    openInNewTab: false,
+    shadow: 'md',
+    margin: null,
+    background: null,
+    border: null,
+    dimensions: null,
+    alignment: null,
+    transform: null,
+    animation: null,
+    contentPadding: DEFAULT_CONTENT_PADDING, // Default 16px padding, visible in editor
+};
+export const CardConfig = {
+    label: 'Card',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        image: {
+            type: 'object',
+            label: 'Image',
+            objectFields: {
+                id: { type: 'text', label: 'Media ID' },
+                url: { type: 'text', label: 'URL' },
+                alt: { type: 'text', label: 'Alt Text' },
+            },
+        },
+        heading: {
+            type: 'text',
+            label: 'Heading',
+        },
+        text: {
+            type: 'textarea',
+            label: 'Text',
+        },
+        link: {
+            type: 'text',
+            label: 'Link URL',
+        },
+        openInNewTab: {
+            type: 'radio',
+            label: 'Open in New Tab',
+            options: [
+                { label: 'Yes', value: true },
+                { label: 'No', value: false },
+            ],
+        },
+        shadow: shadowField,
+        background: createBackgroundField({ label: 'Background' }),
+        border: createBorderField({ label: 'Border' }),
+        dimensions: createDimensionsField({ label: 'Dimensions' }),
+        alignment: createAlignmentField({ label: 'Alignment' }),
+        transform: createTransformField({ label: 'Transform' }),
+        animation: createAnimationField({ label: 'Animation' }),
+        // Spacing (grouped at bottom)
+        margin: createMarginField({ label: 'Margin' }),
+        contentPadding: createPaddingField({ label: 'Content Padding' }),
+    },
+    defaultProps,
+    render: ({ image, heading, text, link, openInNewTab, shadow, background, dimensions, alignment, margin, border, transform, animation, contentPadding }) => {
+        // Check if border has radius, if so don't apply rounded-lg
+        const hasBorderRadius = border?.radius && border.radius > 0;
+        const cardClasses = cn('overflow-hidden transition-all bg-card', !hasBorderRadius && 'rounded-lg', shadowMap[shadow] || '', link && 'hover:shadow-lg cursor-pointer');
+        // Wrapper style for margin, dimensions, alignment, transform, animation
+        const wrapperStyle = {};
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            wrapperStyle.margin = marginCSS;
+        }
+        const dimensionsStyles = dimensionsValueToCSS(dimensions);
+        if (dimensionsStyles) {
+            Object.assign(wrapperStyle, dimensionsStyles);
+        }
+        const transformStyles = transformValueToCSS(transform);
+        if (transformStyles) {
+            Object.assign(wrapperStyle, transformStyles);
+        }
+        // Alignment classes for wrapper
+        const alignmentValue = alignment ?? 'left';
+        const alignmentClasses = cn('flex', alignmentValue === 'left' && 'justify-start', alignmentValue === 'center' && 'justify-center', alignmentValue === 'right' && 'justify-end');
+        // Card background styles from BackgroundValue
+        const backgroundStyles = backgroundValueToCSS(background);
+        const cardStyle = {
+            ...backgroundStyles,
+        };
+        // Note: bg-card class handles default background (theme-aware)
+        // Apply border to card
+        const borderStyles = borderValueToCSS(border);
+        if (borderStyles) {
+            Object.assign(cardStyle, borderStyles);
+        }
+        // Content section style with configurable padding
+        const contentStyle = {};
+        const contentPaddingCSS = paddingValueToCSS(contentPadding);
+        if (contentPaddingCSS) {
+            contentStyle.padding = contentPaddingCSS;
+        }
+        const cardContent = (_jsxs("div", { className: cardClasses, style: cardStyle, children: [image?.url ? (_jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: _jsx("img", { src: image.url, alt: image.alt || heading || '', className: "w-full h-full object-cover" }) })) : (_jsx("div", { className: "aspect-video w-full bg-muted flex items-center justify-center", children: _jsx("span", { className: "text-muted-foreground", children: "No image" }) })), _jsxs("div", { style: contentStyle, children: [heading && (_jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: heading })), text && _jsx("p", { className: "text-muted-foreground text-sm", children: text })] })] }));
+        if (link) {
+            return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { className: alignmentClasses, children: _jsx("a", { href: link, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined, className: "block", style: wrapperStyle, children: cardContent }) }) }));
+        }
+        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { className: alignmentClasses, children: _jsx("div", { style: wrapperStyle, children: cardContent }) }) }));
+    },
+};
+//# sourceMappingURL=Card.js.map

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

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

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

@@ -0,0 +1,29 @@
+/**
+ * Card Component - Server-safe Puck Configuration
+ *
+ * Content card with image, heading, and text.
+ * 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 BackgroundValue, type BorderValue, type DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared';
+import type { MediaReference } from '../../fields/MediaField';
+import type { Alignment } from '../../fields/AlignmentField';
+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<CardProps>;
+//# sourceMappingURL=Card.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Card.server.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAY5D,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,eAAe,CAAC,SAAS,CA8GjD,CAAA"}

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

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { shadowMap, cn, marginValueToCSS, paddingValueToCSS, backgroundValueToCSS, borderValueToCSS, dimensionsValueToCSS, transformValueToCSS, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+// Default content padding for card (replaces hardcoded p-4)
+const DEFAULT_CONTENT_PADDING = {
+    top: 16,
+    right: 16,
+    bottom: 16,
+    left: 16,
+    unit: 'px',
+    linked: true,
+};
+const defaultProps = {
+    image: null,
+    heading: 'Card Heading',
+    text: 'Card description text goes here.',
+    link: '',
+    openInNewTab: false,
+    shadow: 'md',
+    margin: null,
+    background: null,
+    border: null,
+    dimensions: null,
+    alignment: null,
+    transform: null,
+    animation: null,
+    contentPadding: DEFAULT_CONTENT_PADDING, // Default 16px padding
+};
+export const CardConfig = {
+    label: 'Card',
+    defaultProps,
+    render: ({ image, heading, text, link, openInNewTab, shadow, background, dimensions, alignment, margin, border, transform, animation, contentPadding }) => {
+        // Check if border has radius, if so don't apply rounded-lg
+        const hasBorderRadius = border?.radius && border.radius > 0;
+        const cardClasses = cn('overflow-hidden transition-all bg-card', !hasBorderRadius && 'rounded-lg', shadowMap[shadow] || '', link && 'hover:shadow-lg cursor-pointer');
+        // Wrapper style for margin, dimensions, alignment, transform, animation
+        const wrapperStyle = {};
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            wrapperStyle.margin = marginCSS;
+        }
+        const dimensionsStyles = dimensionsValueToCSS(dimensions);
+        if (dimensionsStyles) {
+            Object.assign(wrapperStyle, dimensionsStyles);
+        }
+        const transformStyles = transformValueToCSS(transform);
+        if (transformStyles) {
+            Object.assign(wrapperStyle, transformStyles);
+        }
+        // Alignment classes for wrapper
+        const alignmentValue = alignment ?? 'left';
+        const alignmentClasses = cn('flex', alignmentValue === 'left' && 'justify-start', alignmentValue === 'center' && 'justify-center', alignmentValue === 'right' && 'justify-end');
+        // Card background styles from BackgroundValue
+        const backgroundStyles = backgroundValueToCSS(background);
+        const cardStyle = {
+            ...backgroundStyles,
+        };
+        // Note: bg-card class handles default background (theme-aware)
+        // Apply border to card
+        const borderStyles = borderValueToCSS(border);
+        if (borderStyles) {
+            Object.assign(cardStyle, borderStyles);
+        }
+        // Content section style with configurable padding
+        const contentStyle = {};
+        const contentPaddingCSS = paddingValueToCSS(contentPadding);
+        if (contentPaddingCSS) {
+            contentStyle.padding = contentPaddingCSS;
+        }
+        const cardContent = (_jsxs("div", { className: cardClasses, style: cardStyle, children: [image?.url ? (_jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: _jsx("img", { src: image.url, alt: image.alt || heading || '', className: "w-full h-full object-cover" }) })) : (_jsx("div", { className: "aspect-video w-full bg-muted flex items-center justify-center", children: _jsx("span", { className: "text-muted-foreground", children: "No image" }) })), _jsxs("div", { style: contentStyle, children: [heading && (_jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: heading })), text && _jsx("p", { className: "text-muted-foreground text-sm", children: text })] })] }));
+        if (link) {
+            return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { className: alignmentClasses, children: _jsx("a", { href: link, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined, className: "block", style: wrapperStyle, children: cardContent }) }) }));
+        }
+        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { className: alignmentClasses, children: _jsx("div", { style: wrapperStyle, children: cardContent }) }) }));
+    },
+};
+//# sourceMappingURL=Card.server.js.map

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * Divider Component - Puck Configuration
+ *
+ * Horizontal line separator with customizable style.
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared';
+export interface DividerProps {
+    style: string;
+    color: ColorValue | null;
+    margin: PaddingValue | null;
+    dimensions: DimensionsValue | null;
+    transform: TransformValue | null;
+    animation: AnimationValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const DividerConfig: ComponentConfig;
+//# sourceMappingURL=Divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Divider.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAoB5B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,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;AAYD,eAAO,MAAM,aAAa,EAAE,eAqD3B,CAAA"}

package/dist/components/interactive/Divider.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { dividerStyleField, dividerStyleMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, transformValueToCSS, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+import { createMarginField } from '../../fields/MarginField';
+import { createPaddingField } from '../../fields/PaddingField';
+import { createColorPickerField } from '../../fields/ColorPickerField';
+import { createDimensionsField } from '../../fields/DimensionsField';
+import { createAnimationField } from '../../fields/AnimationField';
+import { createTransformField } from '../../fields/TransformField';
+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 = {
+    style: 'solid',
+    color: null,
+    margin: null,
+    dimensions: null,
+    transform: null,
+    animation: null,
+    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding, visible in editor
+};
+export const DividerConfig = {
+    label: 'Divider',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        style: dividerStyleField,
+        color: createColorPickerField({ label: 'Color' }),
+        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: ({ style, color, dimensions, margin, transform, animation, customPadding }) => {
+        const dimensionsStyles = dimensionsValueToCSS(dimensions);
+        const wrapperStyle = {
+            ...dimensionsStyles,
+        };
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            wrapperStyle.margin = marginCSS;
+        }
+        const paddingCSS = paddingValueToCSS(customPadding);
+        if (paddingCSS) {
+            wrapperStyle.padding = paddingCSS;
+        }
+        const transformStyles = transformValueToCSS(transform);
+        if (transformStyles) {
+            Object.assign(wrapperStyle, transformStyles);
+        }
+        // Only set color if explicitly provided, otherwise use CSS variable
+        const customColor = colorValueToCSS(color);
+        const hrStyle = customColor
+            ? { borderColor: customColor }
+            : undefined;
+        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { style: Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined, children: _jsx("hr", { className: cn('border-t border-border', dividerStyleMap[style] || dividerStyleMap.solid), style: hrStyle }) }) }));
+    },
+};
+//# sourceMappingURL=Divider.js.map

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

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

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

@@ -0,0 +1,20 @@
+/**
+ * Divider Component - Server-safe Puck Configuration
+ *
+ * Horizontal line separator with customizable style.
+ * 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 DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared';
+export interface DividerProps {
+    style: string;
+    color: ColorValue | null;
+    margin: PaddingValue | null;
+    dimensions: DimensionsValue | null;
+    transform: TransformValue | null;
+    animation: AnimationValue | null;
+    customPadding: PaddingValue | null;
+}
+export declare const DividerConfig: ComponentConfig<DividerProps>;
+//# sourceMappingURL=Divider.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Divider.server.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAa5B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,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;AAYD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,YAAY,CA0CvD,CAAA"}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { dividerStyleMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, transformValueToCSS, } 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 = {
+    style: 'solid',
+    color: null,
+    margin: null,
+    dimensions: null,
+    transform: null,
+    animation: null,
+    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding
+};
+export const DividerConfig = {
+    label: 'Divider',
+    defaultProps,
+    render: ({ style, color, dimensions, margin, transform, animation, customPadding }) => {
+        const dimensionsStyles = dimensionsValueToCSS(dimensions);
+        const wrapperStyle = {
+            ...dimensionsStyles,
+        };
+        const marginCSS = marginValueToCSS(margin);
+        if (marginCSS) {
+            wrapperStyle.margin = marginCSS;
+        }
+        const paddingCSS = paddingValueToCSS(customPadding);
+        if (paddingCSS) {
+            wrapperStyle.padding = paddingCSS;
+        }
+        const transformStyles = transformValueToCSS(transform);
+        if (transformStyles) {
+            Object.assign(wrapperStyle, transformStyles);
+        }
+        // Only set color if explicitly provided, otherwise use CSS variable
+        const customColor = colorValueToCSS(color);
+        const hrStyle = customColor
+            ? { borderColor: customColor }
+            : undefined;
+        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { style: Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined, children: _jsx("hr", { className: cn('border-t border-border', dividerStyleMap[style] || dividerStyleMap.solid), style: hrStyle }) }) }));
+    },
+};
+//# sourceMappingURL=Divider.server.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.server.js","sourceRoot":"","sources":["../../../src/components/interactive/Divider.server.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,eAAe,EACf,EAAE,EACF,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,GAMpB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,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,GAAiB;IACjC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,eAAe,EAAE,kCAAkC;CACnE,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAkC;IAC1D,KAAK,EAAE,SAAS;IAChB,YAAY;IACZ,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;QACpF,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;QAEzD,MAAM,YAAY,GAAwB;YACxC,GAAG,gBAAgB;SACpB,CAAA;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,SAAS,EAAE,CAAC;YACd,YAAY,CAAC,MAAM,GAAG,SAAS,CAAA;QACjC,CAAC;QACD,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;QACnD,IAAI,UAAU,EAAE,CAAC;YACf,YAAY,CAAC,OAAO,GAAG,UAAU,CAAA;QACnC,CAAC;QACD,MAAM,eAAe,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QACtD,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAA;QAC9C,CAAC;QAED,oEAAoE;QACpE,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;QAC1C,MAAM,OAAO,GAAoC,WAAW;YAC1D,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE;YAC9B,CAAC,CAAC,SAAS,CAAA;QAEb,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,cAAK,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YACzE,aACE,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,eAAe,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,KAAK,CAChD,EACD,KAAK,EAAE,OAAO,GACd,GACE,GACU,CACnB,CAAA;IACH,CAAC;CACF,CAAA"}

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

@@ -0,0 +1,10 @@
+/**
+ * Interactive Components
+ *
+ * Buttons, cards, and other interactive elements.
+ */
+export { ButtonConfig } from './Button';
+export { CardConfig } from './Card';
+export { DividerConfig } from './Divider';
+export { AccordionConfig } from './Accordion';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/interactive/index.js

@@ -0,0 +1,10 @@
+/**
+ * Interactive Components
+ *
+ * Buttons, cards, and other interactive elements.
+ */
+export { ButtonConfig } from './Button';
+export { CardConfig } from './Card';
+export { DividerConfig } from './Divider';
+export { AccordionConfig } from './Accordion';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA"}

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

@@ -0,0 +1,29 @@
+/**
+ * Container Component - Puck Configuration
+ *
+ * Simple organizational wrapper for grouping content.
+ * Uses Puck's slot system for nesting other components.
+ *
+ * For two-layer layouts (full-bleed background with constrained content),
+ * use the Section component instead.
+ *
+ * Responsive Controls:
+ * - dimensions: Different max-width/min-height at different breakpoints
+ * - padding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+import type { ComponentConfig } from '@measured/puck';
+import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared';
+export interface ContainerProps {
+    content: unknown;
+    visibility: VisibilityValue | null;
+    dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null;
+    background: BackgroundValue | null;
+    border: BorderValue | null;
+    padding: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    margin: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    animation: AnimationValue | null;
+}
+export declare const ContainerConfig: ComponentConfig;
+//# sourceMappingURL=Container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Container.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AA6B5B,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC5D,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;CACjC;AAaD,eAAO,MAAM,eAAe,EAAE,eA+J7B,CAAA"}