@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/components/layout/Flex.server.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, borderValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, justifyContentMap, alignItemsMap, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+// Simple ID generator for server-side rendering
+let idCounter = 0;
+function generateUniqueId() {
+    return `f${(++idCounter).toString(36)}${Math.random().toString(36).slice(2, 6)}`;
+}
+// Tailwind class mappings for flex properties
+const flexDirectionMap = {
+    row: 'flex-row',
+    column: 'flex-col',
+    'row-reverse': 'flex-row-reverse',
+    'column-reverse': 'flex-col-reverse',
+};
+const flexWrapMap = {
+    wrap: 'flex-wrap',
+    nowrap: 'flex-nowrap',
+    'wrap-reverse': 'flex-wrap-reverse',
+};
+const defaultProps = {
+    content: [],
+    direction: 'row',
+    justifyContent: null,
+    alignItems: null,
+    gap: 24,
+    wrap: 'wrap',
+    background: null,
+    customPadding: null,
+    margin: null,
+    dimensions: null,
+    border: null,
+    animation: null,
+    visibility: null,
+};
+export const FlexConfig = {
+    label: 'Flex',
+    fields: {
+        content: { type: 'slot' },
+    },
+    defaultProps,
+    render: ({ content: Content, direction, justifyContent, alignItems, gap, wrap, background, customPadding, margin, dimensions, border, animation, visibility, }) => {
+        // Generate unique IDs for CSS targeting (server-safe)
+        const uniqueId = generateUniqueId();
+        const wrapperClass = `puck-flex-${uniqueId}`;
+        const contentClass = `puck-flex-content-${uniqueId}`;
+        // Collect all media query CSS
+        const mediaQueries = [];
+        // Generate styles from BackgroundValue
+        const backgroundStyles = backgroundValueToCSS(background);
+        // Build wrapper styles
+        const wrapperStyles = {
+            ...backgroundStyles,
+        };
+        // Add padding with responsive support
+        const paddingResult = responsiveValueToCSS(customPadding, (v) => ({ padding: paddingValueToCSS(v) }), wrapperClass);
+        Object.assign(wrapperStyles, paddingResult.baseStyles);
+        if (paddingResult.mediaQueryCSS) {
+            mediaQueries.push(paddingResult.mediaQueryCSS);
+        }
+        // Add border if set
+        const borderStyles = borderValueToCSS(border);
+        if (borderStyles) {
+            Object.assign(wrapperStyles, borderStyles);
+        }
+        // Apply margin with responsive support
+        const marginResult = responsiveValueToCSS(margin, (v) => ({ margin: marginValueToCSS(v) }), wrapperClass);
+        Object.assign(wrapperStyles, marginResult.baseStyles);
+        if (marginResult.mediaQueryCSS) {
+            mediaQueries.push(marginResult.mediaQueryCSS);
+        }
+        // Use dimensions with responsive support
+        const dimensionsResult = responsiveValueToCSS(dimensions, dimensionsValueToCSS, contentClass);
+        // Visibility media queries
+        const visibilityCSS = visibilityValueToCSS(visibility, wrapperClass);
+        if (visibilityCSS) {
+            mediaQueries.push(visibilityCSS);
+        }
+        // Build Tailwind classes for flex layout
+        // [&>*]:min-w-0 prevents flex children from overflowing (CSS best practice)
+        const contentClasses = cn('flex w-full min-h-[50px]', flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], alignItems && alignItemsMap[alignItems], flexWrapMap[wrap], '[&>*]:min-w-0', contentClass);
+        // Dynamic styles that need inline (user-controlled values)
+        const contentStyles = {
+            gap,
+            ...dimensionsResult.baseStyles,
+        };
+        if (dimensionsResult.mediaQueryCSS) {
+            mediaQueries.push(dimensionsResult.mediaQueryCSS);
+        }
+        // Combine all media queries
+        const allMediaQueryCSS = mediaQueries.join('\n');
+        // Type assertion for Puck slot content - cast to any to avoid complex React type issues
+        const ContentSlot = Content;
+        return (_jsxs(AnimatedWrapper, { animation: animation, children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), _jsx("div", { className: wrapperClass, style: wrapperStyles, children: _jsx(ContentSlot, { className: contentClasses, style: contentStyles }) })] }));
+    },
+};
+//# sourceMappingURL=Flex.server.js.map

package/dist/components/layout/Flex.server.js.map

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

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

@@ -0,0 +1,31 @@
+/**
+ * Grid Component - Puck Configuration
+ *
+ * CSS Grid layout following official Puck demo patterns.
+ * Responsive: stacks on mobile (flex column), grid on desktop (md+).
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - gap: Different gap 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 GridProps {
+    content: unknown;
+    numColumns: number;
+    gap: number;
+    background: BackgroundValue | null;
+    customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null;
+    border: BorderValue | null;
+    margin: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    animation: AnimationValue | null;
+    visibility: VisibilityValue | null;
+}
+export declare const GridConfig: ComponentConfig;
+//# sourceMappingURL=Grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Grid.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AA4B5B,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IAEX,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAElC,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAEhC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAeD,eAAO,MAAM,UAAU,EAAE,eA+JxB,CAAA"}

package/dist/components/layout/Grid.js

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Grid Component - Puck Configuration
+ *
+ * CSS Grid layout following official Puck demo patterns.
+ * Responsive: stacks on mobile (flex column), grid on desktop (md+).
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - gap: Different gap at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+import { useId } from 'react';
+import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, borderValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+import { createPaddingField } from '../../fields/PaddingField';
+import { createBorderField } from '../../fields/BorderField';
+import { createDimensionsField } from '../../fields/DimensionsField';
+import { createMarginField } from '../../fields/MarginField';
+import { createResetField } from '../../fields/ResetField';
+import { createBackgroundField } from '../../fields/BackgroundField';
+import { createAnimationField } from '../../fields/AnimationField';
+import { createResponsiveField } from '../../fields/ResponsiveField';
+import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField';
+// Default values for responsive fields
+const DEFAULT_PADDING = {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    unit: 'px',
+    linked: true,
+};
+const DEFAULT_DIMENSIONS = {
+    mode: 'full',
+    alignment: 'center',
+    maxWidth: { value: 100, unit: '%', enabled: true },
+};
+const defaultProps = {
+    content: [],
+    numColumns: 3,
+    gap: 24,
+    background: null,
+    customPadding: null,
+    dimensions: null,
+    border: null,
+    margin: null,
+    animation: null,
+    visibility: null,
+};
+export const GridConfig = {
+    label: 'Grid',
+    fields: {
+        _reset: createResetField({ defaultProps }),
+        content: {
+            type: 'slot',
+            disallow: ['Section'],
+        },
+        // Responsive visibility control
+        visibility: createResponsiveVisibilityField({ label: 'Visibility' }),
+        numColumns: {
+            type: 'number',
+            label: 'Number of Columns',
+            min: 1,
+            max: 12,
+        },
+        gap: {
+            type: 'number',
+            label: 'Gap (px)',
+            min: 0,
+        },
+        // Background
+        background: createBackgroundField({ label: 'Background' }),
+        // Advanced custom options
+        border: createBorderField({ label: 'Border' }),
+        // Responsive dimensions
+        dimensions: createResponsiveField({
+            label: 'Dimensions (Responsive)',
+            innerField: (config) => createDimensionsField(config),
+            defaultValue: DEFAULT_DIMENSIONS,
+        }),
+        animation: createAnimationField({ label: 'Animation' }),
+        // Spacing (grouped at bottom) - Responsive
+        margin: createResponsiveField({
+            label: 'Margin (Responsive)',
+            innerField: (config) => createMarginField(config),
+            defaultValue: DEFAULT_PADDING,
+        }),
+        customPadding: createResponsiveField({
+            label: 'Padding (Responsive)',
+            innerField: (config) => createPaddingField(config),
+            defaultValue: DEFAULT_PADDING,
+        }),
+    },
+    defaultProps,
+    render: ({ content: Content, numColumns, gap, background, customPadding, dimensions, border, margin, animation, visibility, }) => {
+        // Generate unique IDs for CSS targeting
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const uniqueId = useId().replace(/:/g, '');
+        const wrapperClass = `puck-grid-${uniqueId}`;
+        const contentClass = `puck-grid-content-${uniqueId}`;
+        // Collect all media query CSS
+        const mediaQueries = [];
+        // Generate styles from BackgroundValue
+        const backgroundStyles = backgroundValueToCSS(background);
+        // Build wrapper styles
+        const wrapperStyles = {
+            ...backgroundStyles,
+        };
+        // Add padding with responsive support
+        const paddingResult = responsiveValueToCSS(customPadding, (v) => ({ padding: paddingValueToCSS(v) }), wrapperClass);
+        Object.assign(wrapperStyles, paddingResult.baseStyles);
+        if (paddingResult.mediaQueryCSS) {
+            mediaQueries.push(paddingResult.mediaQueryCSS);
+        }
+        // Add border if set
+        const borderStyles = borderValueToCSS(border);
+        if (borderStyles) {
+            Object.assign(wrapperStyles, borderStyles);
+        }
+        // Add margin with responsive support
+        const marginResult = responsiveValueToCSS(margin, (v) => ({ margin: marginValueToCSS(v) }), wrapperClass);
+        Object.assign(wrapperStyles, marginResult.baseStyles);
+        if (marginResult.mediaQueryCSS) {
+            mediaQueries.push(marginResult.mediaQueryCSS);
+        }
+        // Use dimensions with responsive support
+        const dimensionsResult = responsiveValueToCSS(dimensions, dimensionsValueToCSS, contentClass);
+        // Visibility media queries
+        const visibilityCSS = visibilityValueToCSS(visibility, wrapperClass);
+        if (visibilityCSS) {
+            mediaQueries.push(visibilityCSS);
+        }
+        // Tailwind classes for responsive grid: flex column on mobile, grid on md+
+        const contentClasses = cn('flex flex-col w-full', 'md:grid', contentClass);
+        // Dynamic styles that need inline (user-controlled values: gap, columns)
+        const contentStyles = {
+            gap,
+            ...dimensionsResult.baseStyles,
+        };
+        if (dimensionsResult.mediaQueryCSS) {
+            mediaQueries.push(dimensionsResult.mediaQueryCSS);
+        }
+        // Grid template columns must be inline since numColumns is dynamic
+        const gridStyles = {
+            ...contentStyles,
+            '--grid-cols': numColumns,
+        };
+        // Combine all media queries
+        const allMediaQueryCSS = mediaQueries.join('\n');
+        return (_jsxs(AnimatedWrapper, { animation: animation, children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), _jsxs("div", { className: wrapperClass, style: wrapperStyles, children: [_jsx(Content, { className: contentClasses, style: gridStyles }), _jsx("style", { children: `
+            @media (min-width: 768px) {
+              .flex.md\\:grid {
+                grid-template-columns: repeat(var(--grid-cols), 1fr);
+              }
+            }
+          ` })] })] }));
+    },
+};
+//# sourceMappingURL=Grid.js.map

package/dist/components/layout/Grid.js.map

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

package/dist/components/layout/Grid.server.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Grid Component - Server-safe Puck Configuration
+ *
+ * CSS Grid layout following official Puck demo patterns.
+ * Responsive: stacks on mobile (flex column), grid on desktop (md+).
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * This is a server-safe version with NO fields property (only slot for content).
+ * For the full editor version with fields, use Grid.tsx
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: 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 GridProps {
+    content: unknown;
+    numColumns: number;
+    gap: number;
+    background: BackgroundValue | null;
+    customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null;
+    border: BorderValue | null;
+    margin: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    animation: AnimationValue | null;
+    visibility: VisibilityValue | null;
+}
+export declare const GridConfig: ComponentConfig;
+//# sourceMappingURL=Grid.server.d.ts.map

package/dist/components/layout/Grid.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Grid.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAS5B,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IAEX,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAElC,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAEhC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAeD,eAAO,MAAM,UAAU,EAAE,eAuHxB,CAAA"}

package/dist/components/layout/Grid.server.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, borderValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, } from '../../fields/shared';
+import { AnimatedWrapper } from '../AnimatedWrapper';
+// Simple ID generator for server-side rendering
+let idCounter = 0;
+function generateUniqueId() {
+    return `g${(++idCounter).toString(36)}${Math.random().toString(36).slice(2, 6)}`;
+}
+const defaultProps = {
+    content: [],
+    numColumns: 3,
+    gap: 24,
+    background: null,
+    customPadding: null,
+    dimensions: null,
+    border: null,
+    margin: null,
+    animation: null,
+    visibility: null,
+};
+export const GridConfig = {
+    label: 'Grid',
+    fields: {
+        content: { type: 'slot' },
+    },
+    defaultProps,
+    render: ({ content: Content, numColumns, gap, background, customPadding, dimensions, border, margin, animation, visibility, }) => {
+        // Generate unique IDs for CSS targeting (server-safe)
+        const uniqueId = generateUniqueId();
+        const wrapperClass = `puck-grid-${uniqueId}`;
+        const contentClass = `puck-grid-content-${uniqueId}`;
+        // Collect all media query CSS
+        const mediaQueries = [];
+        // Generate styles from BackgroundValue
+        const backgroundStyles = backgroundValueToCSS(background);
+        // Build wrapper styles
+        const wrapperStyles = {
+            ...backgroundStyles,
+        };
+        // Add padding with responsive support
+        const paddingResult = responsiveValueToCSS(customPadding, (v) => ({ padding: paddingValueToCSS(v) }), wrapperClass);
+        Object.assign(wrapperStyles, paddingResult.baseStyles);
+        if (paddingResult.mediaQueryCSS) {
+            mediaQueries.push(paddingResult.mediaQueryCSS);
+        }
+        // Add border if set
+        const borderStyles = borderValueToCSS(border);
+        if (borderStyles) {
+            Object.assign(wrapperStyles, borderStyles);
+        }
+        // Add margin with responsive support
+        const marginResult = responsiveValueToCSS(margin, (v) => ({ margin: marginValueToCSS(v) }), wrapperClass);
+        Object.assign(wrapperStyles, marginResult.baseStyles);
+        if (marginResult.mediaQueryCSS) {
+            mediaQueries.push(marginResult.mediaQueryCSS);
+        }
+        // Use dimensions with responsive support
+        const dimensionsResult = responsiveValueToCSS(dimensions, dimensionsValueToCSS, contentClass);
+        // Visibility media queries
+        const visibilityCSS = visibilityValueToCSS(visibility, wrapperClass);
+        if (visibilityCSS) {
+            mediaQueries.push(visibilityCSS);
+        }
+        // Tailwind classes for responsive grid: flex column on mobile, grid on md+
+        const contentClasses = cn('flex flex-col w-full', 'md:grid', contentClass);
+        // Dynamic styles that need inline (user-controlled values: gap, columns)
+        const contentStyles = {
+            gap,
+            ...dimensionsResult.baseStyles,
+        };
+        if (dimensionsResult.mediaQueryCSS) {
+            mediaQueries.push(dimensionsResult.mediaQueryCSS);
+        }
+        // Grid template columns must be inline since numColumns is dynamic
+        const gridStyles = {
+            ...contentStyles,
+            '--grid-cols': numColumns,
+        };
+        // Combine all media queries
+        const allMediaQueryCSS = mediaQueries.join('\n');
+        // Type assertion for Puck slot content - cast to any to avoid complex React type issues
+        const ContentSlot = Content;
+        return (_jsxs(AnimatedWrapper, { animation: animation, children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), _jsxs("div", { className: wrapperClass, style: wrapperStyles, children: [_jsx(ContentSlot, { className: contentClasses, style: gridStyles }), _jsx("style", { children: `
+            @media (min-width: 768px) {
+              .flex.md\\:grid {
+                grid-template-columns: repeat(var(--grid-cols), 1fr);
+              }
+            }
+          ` })] })] }));
+    },
+};
+//# sourceMappingURL=Grid.server.js.map

package/dist/components/layout/Grid.server.js.map

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

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

@@ -0,0 +1,35 @@
+/**
+ * Section Component - Puck Configuration
+ *
+ * Full-width section with two-layer architecture:
+ * - Section layer (outer): Full-bleed background, border, padding, margin
+ * - Content layer (inner): Constrained content area with max-width, background, border, padding
+ *
+ * This design enables common patterns like hero sections with full-bleed backgrounds
+ * but centered content.
+ *
+ * Responsive Controls:
+ * - contentDimensions: Different max-width/min-height at different breakpoints
+ * - sectionPadding: Different section padding at different breakpoints
+ * - contentPadding: Different content padding at different breakpoints
+ * - sectionMargin: 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 SectionProps {
+    id: string;
+    content: unknown;
+    sectionBackground: BackgroundValue | null;
+    sectionBorder: BorderValue | null;
+    sectionPadding: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    sectionMargin: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    contentDimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null;
+    contentBackground: BackgroundValue | null;
+    contentBorder: BorderValue | null;
+    contentPadding: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    animation: AnimationValue | null;
+    visibility: VisibilityValue | null;
+}
+export declare const SectionConfig: ComponentConfig;
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAuC5B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAEhB,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IACnE,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAElE,iBAAiB,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IAC5E,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAA;IACzC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAEnE,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAoBD,eAAO,MAAM,aAAa,EAAE,eA4M3B,CAAA"}