@delmaredigital/payload-puck 0.2.0 → 0.3.0

package/dist/fields/DimensionsField.d.ts

@@ -0,0 +1,43 @@
+/**
+ * DimensionsField - Unified Puck field for width and height constraints
+ *
+ * This component provides:
+ * - Width mode selector (Full, Contained, Custom)
+ * - Min/max width controls
+ * - Min/max height controls
+ * - Content alignment (left, center, right)
+ * - Progressive disclosure (simple vs advanced mode)
+ * - Preset quick-select buttons for common widths
+ */
+import React from 'react';
+import type { CustomField } from '@measured/puck';
+import type { DimensionsValue } from './shared';
+interface DimensionsFieldProps {
+    value: DimensionsValue | null;
+    onChange: (value: DimensionsValue | null) => void;
+    label?: string;
+    readOnly?: boolean;
+    /** Show height controls (default: true) */
+    showHeightControls?: boolean;
+    /** Show min controls in advanced mode (default: true) */
+    showMinControls?: boolean;
+    /** Start with advanced mode expanded (default: false) */
+    defaultAdvancedMode?: boolean;
+}
+declare function DimensionsFieldInner({ value, onChange, label, readOnly, showHeightControls, showMinControls, defaultAdvancedMode, }: DimensionsFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const DimensionsField: React.MemoExoticComponent<typeof DimensionsFieldInner>;
+interface CreateDimensionsFieldConfig {
+    label?: string;
+    /** Show height controls (default: true) */
+    showHeightControls?: boolean;
+    /** Show min controls in advanced mode (default: true) */
+    showMinControls?: boolean;
+    /** Start with advanced mode expanded (default: false) */
+    defaultAdvancedMode?: boolean;
+}
+/**
+ * Creates a Puck field configuration for dimensions control
+ */
+export declare function createDimensionsField(config?: CreateDimensionsFieldConfig): CustomField<DimensionsValue | null>;
+export {};
+//# sourceMappingURL=DimensionsField.d.ts.map

package/dist/fields/DimensionsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionsField.d.ts","sourceRoot":"","sources":["../../src/fields/DimensionsField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAYjD,OAAO,KAAK,EACV,eAAe,EAKhB,MAAM,UAAU,CAAA;AAOjB,UAAU,oBAAoB;IAC5B,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AA8aD,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,kBAAyB,EACzB,eAAsB,EACtB,mBAA2B,GAC5B,EAAE,oBAAoB,2CAubtB;AAED,eAAO,MAAM,eAAe,wDAA6B,CAAA;AAMzD,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,GAAE,2BAAgC,GACvC,WAAW,CAAC,eAAe,GAAG,IAAI,CAAC,CAgBrC"}

package/dist/fields/DimensionsField.js

@@ -0,0 +1,532 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * DimensionsField - Unified Puck field for width and height constraints
+ *
+ * This component provides:
+ * - Width mode selector (Full, Contained, Custom)
+ * - Min/max width controls
+ * - Min/max height controls
+ * - Content alignment (left, center, right)
+ * - Progressive disclosure (simple vs advanced mode)
+ * - Preset quick-select buttons for common widths
+ */
+import { useCallback, memo, useState } from 'react';
+import { X, AlignStartHorizontal, AlignCenterHorizontal, AlignEndHorizontal, MoveHorizontal, Square, SlidersHorizontal, ChevronDown, ChevronUp, } from 'lucide-react';
+import { getDimensionsSummary } from './shared';
+// =============================================================================
+// Default Values
+// =============================================================================
+const DEFAULT_VALUE = {
+    mode: 'full',
+    alignment: 'center',
+    maxWidth: {
+        value: 0,
+        unit: 'px',
+        enabled: false,
+    },
+    advancedMode: false,
+};
+const WIDTH_PRESETS = [
+    { label: 'Narrow', value: 680 },
+    { label: 'Medium', value: 960 },
+    { label: 'Wide', value: 1200 },
+    { label: 'XL', value: 1440 },
+];
+const WIDTH_UNITS = ['px', 'rem', '%', 'vw'];
+const HEIGHT_UNITS = ['px', 'rem', '%', 'vh'];
+// =============================================================================
+// Styles
+// =============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+    },
+    header: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    label: {
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-elevation-800)',
+    },
+    clearButton: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        border: 'none',
+        borderRadius: '4px',
+        backgroundColor: 'transparent',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+    },
+    modeGroup: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: '4px',
+    },
+    modeButton: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '4px 12px',
+        fontSize: '12px',
+        fontWeight: 500,
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-700)',
+        cursor: 'pointer',
+    },
+    modeButtonActive: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '4px 12px',
+        fontSize: '12px',
+        fontWeight: 500,
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        color: 'var(--theme-bg)',
+        cursor: 'pointer',
+    },
+    controlsPanel: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+        padding: '12px',
+        backgroundColor: 'var(--theme-elevation-50)',
+        borderRadius: '6px',
+    },
+    sectionLabel: {
+        fontSize: '10px',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        color: 'var(--theme-elevation-500)',
+    },
+    presetGroup: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '6px',
+    },
+    presetButtons: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: '4px',
+    },
+    presetButton: {
+        height: '28px',
+        padding: '0 12px',
+        fontSize: '12px',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-700)',
+        cursor: 'pointer',
+    },
+    presetButtonActive: {
+        height: '28px',
+        padding: '0 12px',
+        fontSize: '12px',
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        color: 'var(--theme-bg)',
+        cursor: 'pointer',
+    },
+    inputGroup: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '6px',
+    },
+    inputRow: {
+        display: 'flex',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: '8px',
+    },
+    input: {
+        flex: 1,
+        minWidth: '80px',
+        height: '32px',
+        padding: '0 8px',
+        fontSize: '14px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-input-bg)',
+        color: 'var(--theme-elevation-800)',
+    },
+    unitGroup: {
+        display: 'flex',
+        flexShrink: 0,
+        gap: '4px',
+    },
+    unitButton: {
+        height: '32px',
+        padding: '0 8px',
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+    },
+    unitButtonActive: {
+        height: '32px',
+        padding: '0 8px',
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        color: 'var(--theme-bg)',
+        cursor: 'pointer',
+    },
+    footer: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        flexWrap: 'wrap',
+        gap: '8px',
+    },
+    alignGroup: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    alignLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+        flexShrink: 0,
+    },
+    alignButtons: {
+        display: 'flex',
+        gap: '4px',
+    },
+    alignButton: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '32px',
+        height: '32px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-700)',
+        cursor: 'pointer',
+    },
+    alignButtonActive: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '32px',
+        height: '32px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        color: 'var(--theme-bg)',
+        cursor: 'pointer',
+    },
+    alignButtonDisabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+    summary: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+        fontFamily: 'monospace',
+    },
+    advancedToggle: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        padding: '8px 12px',
+        fontSize: '12px',
+        border: 'none',
+        borderRadius: '4px',
+        backgroundColor: 'transparent',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+    },
+    constraintRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    checkboxLabel: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        cursor: 'pointer',
+        minWidth: '90px',
+    },
+    checkbox: {
+        width: '16px',
+        height: '16px',
+        accentColor: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+    },
+    checkboxText: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+    },
+    constraintInput: {
+        flex: 1,
+        minWidth: '60px',
+        height: '28px',
+        padding: '0 8px',
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-input-bg)',
+        color: 'var(--theme-elevation-800)',
+    },
+    smallUnitButton: {
+        height: '28px',
+        padding: '0 10px',
+        fontSize: '10px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+    },
+    smallUnitButtonActive: {
+        height: '28px',
+        padding: '0 10px',
+        fontSize: '10px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        color: 'var(--theme-bg)',
+        cursor: 'pointer',
+    },
+    constraintsSection: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    constraintsList: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        paddingLeft: '4px',
+    },
+};
+function ConstraintInput({ label, constraint, onChange, onToggle, units, disabled, placeholder = '0', }) {
+    const isEnabled = constraint?.enabled ?? false;
+    const value = constraint?.value ?? 0;
+    const unit = constraint?.unit ?? 'px';
+    const handleValueChange = useCallback((e) => {
+        const newValue = parseInt(e.target.value, 10) || 0;
+        onChange({
+            value: newValue,
+            unit,
+            enabled: isEnabled,
+        });
+    }, [unit, isEnabled, onChange]);
+    const handleUnitChange = useCallback((newUnit) => {
+        onChange({
+            value,
+            unit: newUnit,
+            enabled: isEnabled,
+        });
+    }, [value, isEnabled, onChange]);
+    const handleToggle = useCallback((e) => {
+        onToggle(e.target.checked);
+    }, [onToggle]);
+    return (_jsxs("div", { style: styles.constraintRow, children: [_jsxs("label", { style: styles.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: isEnabled, onChange: handleToggle, disabled: disabled, style: styles.checkbox }), _jsx("span", { style: styles.checkboxText, children: label })] }), _jsx("input", { type: "number", min: 0, value: isEnabled ? value : '', onChange: handleValueChange, disabled: disabled || !isEnabled, placeholder: placeholder, style: {
+                    ...styles.constraintInput,
+                    ...(disabled || !isEnabled ? { opacity: 0.5 } : {}),
+                } }), _jsx("div", { style: { display: 'flex', gap: '2px', flexShrink: 0 }, children: units.map((u) => (_jsx("button", { type: "button", onClick: () => handleUnitChange(u), disabled: disabled || !isEnabled, style: {
+                        ...(unit === u && isEnabled ? styles.smallUnitButtonActive : styles.smallUnitButton),
+                        ...(disabled || !isEnabled ? { opacity: 0.5, cursor: 'not-allowed' } : {}),
+                    }, children: u }, u))) })] }));
+}
+// =============================================================================
+// DimensionsField Component
+// =============================================================================
+function DimensionsFieldInner({ value, onChange, label, readOnly, showHeightControls = true, showMinControls = true, defaultAdvancedMode = false, }) {
+    const currentValue = value || DEFAULT_VALUE;
+    const [advancedMode, setAdvancedMode] = useState(currentValue.advancedMode ?? defaultAdvancedMode);
+    // Handle mode change
+    const handleModeChange = useCallback((mode) => {
+        if (mode === 'full') {
+            onChange({
+                ...currentValue,
+                mode,
+                alignment: 'center',
+            });
+        }
+        else {
+            onChange({
+                ...currentValue,
+                mode,
+            });
+        }
+    }, [currentValue, onChange]);
+    // Handle max width value change
+    const handleMaxWidthChange = useCallback((constraint) => {
+        onChange({
+            ...currentValue,
+            maxWidth: constraint,
+        });
+    }, [currentValue, onChange]);
+    // Handle max width toggle
+    const handleMaxWidthToggle = useCallback((enabled) => {
+        onChange({
+            ...currentValue,
+            maxWidth: {
+                ...currentValue.maxWidth,
+                enabled,
+            },
+        });
+    }, [currentValue, onChange]);
+    // Handle min width change
+    const handleMinWidthChange = useCallback((constraint) => {
+        onChange({
+            ...currentValue,
+            minWidth: constraint,
+        });
+    }, [currentValue, onChange]);
+    // Handle min width toggle
+    const handleMinWidthToggle = useCallback((enabled) => {
+        onChange({
+            ...currentValue,
+            minWidth: enabled
+                ? { value: currentValue.minWidth?.value ?? 0, unit: currentValue.minWidth?.unit ?? 'px', enabled: true }
+                : { ...currentValue.minWidth, enabled: false },
+        });
+    }, [currentValue, onChange]);
+    // Handle min height change
+    const handleMinHeightChange = useCallback((constraint) => {
+        onChange({
+            ...currentValue,
+            minHeight: constraint,
+        });
+    }, [currentValue, onChange]);
+    // Handle min height toggle
+    const handleMinHeightToggle = useCallback((enabled) => {
+        onChange({
+            ...currentValue,
+            minHeight: enabled
+                ? { value: currentValue.minHeight?.value ?? 0, unit: currentValue.minHeight?.unit ?? 'px', enabled: true }
+                : currentValue.minHeight ? { ...currentValue.minHeight, enabled: false } : null,
+        });
+    }, [currentValue, onChange]);
+    // Handle max height change
+    const handleMaxHeightChange = useCallback((constraint) => {
+        onChange({
+            ...currentValue,
+            maxHeight: constraint,
+        });
+    }, [currentValue, onChange]);
+    // Handle max height toggle
+    const handleMaxHeightToggle = useCallback((enabled) => {
+        onChange({
+            ...currentValue,
+            maxHeight: enabled
+                ? { value: currentValue.maxHeight?.value ?? 0, unit: currentValue.maxHeight?.unit ?? 'px', enabled: true }
+                : currentValue.maxHeight ? { ...currentValue.maxHeight, enabled: false } : null,
+        });
+    }, [currentValue, onChange]);
+    // Handle alignment change
+    const handleAlignmentChange = useCallback((alignment) => {
+        onChange({
+            ...currentValue,
+            alignment,
+        });
+    }, [currentValue, onChange]);
+    // Handle preset selection
+    const handlePresetSelect = useCallback((presetValue) => {
+        onChange({
+            ...currentValue,
+            mode: 'contained',
+            maxWidth: {
+                value: presetValue,
+                unit: 'px',
+                enabled: true,
+            },
+        });
+    }, [currentValue, onChange]);
+    // Handle clear
+    const handleClear = useCallback(() => {
+        onChange(null);
+    }, [onChange]);
+    // Handle advanced mode toggle
+    const handleAdvancedToggle = useCallback(() => {
+        const newAdvancedMode = !advancedMode;
+        setAdvancedMode(newAdvancedMode);
+        if (value !== null) {
+            onChange({
+                ...currentValue,
+                advancedMode: newAdvancedMode,
+            });
+        }
+    }, [advancedMode, currentValue, onChange, value]);
+    // Mode labels
+    const modeConfig = [
+        { mode: 'full', icon: MoveHorizontal, label: 'Full', title: 'Full width (100%)' },
+        { mode: 'contained', icon: Square, label: 'Contain', title: 'Contained (centered with max-width)' },
+        { mode: 'custom', icon: SlidersHorizontal, label: 'Custom', title: 'Custom width settings' },
+    ];
+    const alignmentConfig = [
+        { alignment: 'left', icon: AlignStartHorizontal, title: 'Align left' },
+        { alignment: 'center', icon: AlignCenterHorizontal, title: 'Align center' },
+        { alignment: 'right', icon: AlignEndHorizontal, title: 'Align right' },
+    ];
+    const showWidthControls = currentValue.mode !== 'full';
+    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [label && (_jsx("label", { style: styles.label, children: label })), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, style: styles.clearButton, title: "Reset to default", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.modeGroup, children: modeConfig.map(({ mode, icon: Icon, label: modeLabel, title }) => {
+                    const isActive = currentValue.mode === mode;
+                    return (_jsxs("button", { type: "button", onClick: () => handleModeChange(mode), disabled: readOnly, style: isActive ? styles.modeButtonActive : styles.modeButton, title: title, children: [_jsx(Icon, { style: { width: '14px', height: '14px' } }), modeLabel] }, mode));
+                }) }), showWidthControls && (_jsxs("div", { style: styles.controlsPanel, children: [_jsxs("div", { style: styles.presetGroup, children: [_jsx("label", { style: styles.sectionLabel, children: "Presets" }), _jsx("div", { style: styles.presetButtons, children: WIDTH_PRESETS.map((preset) => {
+                                    const isActive = currentValue.maxWidth.value === preset.value &&
+                                        currentValue.maxWidth.unit === 'px' &&
+                                        currentValue.maxWidth.enabled;
+                                    return (_jsx("button", { type: "button", onClick: () => handlePresetSelect(preset.value), disabled: readOnly, style: isActive ? styles.presetButtonActive : styles.presetButton, children: preset.label }, preset.value));
+                                }) })] }), !advancedMode && (_jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.sectionLabel, children: "Max Width" }), _jsxs("div", { style: styles.inputRow, children: [_jsx("input", { type: "number", min: 0, value: currentValue.maxWidth.value, onChange: (e) => handleMaxWidthChange({
+                                            ...currentValue.maxWidth,
+                                            value: parseInt(e.target.value, 10) || 0,
+                                        }), disabled: readOnly, style: styles.input }), _jsx("div", { style: styles.unitGroup, children: WIDTH_UNITS.map((unit) => {
+                                            const isActive = currentValue.maxWidth.unit === unit;
+                                            return (_jsx("button", { type: "button", onClick: () => handleMaxWidthChange({
+                                                    ...currentValue.maxWidth,
+                                                    unit,
+                                                }), disabled: readOnly, style: isActive ? styles.unitButtonActive : styles.unitButton, children: unit }, unit));
+                                        }) })] })] })), advancedMode && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [_jsxs("div", { style: styles.constraintsSection, children: [_jsx("label", { style: styles.sectionLabel, children: "Width Constraints" }), _jsxs("div", { style: styles.constraintsList, children: [showMinControls && (_jsx(ConstraintInput, { label: "Min Width", constraint: currentValue.minWidth, onChange: handleMinWidthChange, onToggle: handleMinWidthToggle, units: WIDTH_UNITS, disabled: readOnly })), _jsx(ConstraintInput, { label: "Max Width", constraint: currentValue.maxWidth, onChange: handleMaxWidthChange, onToggle: handleMaxWidthToggle, units: WIDTH_UNITS, disabled: readOnly })] })] }), showHeightControls && (_jsxs("div", { style: styles.constraintsSection, children: [_jsx("label", { style: styles.sectionLabel, children: "Height Constraints" }), _jsxs("div", { style: styles.constraintsList, children: [showMinControls && (_jsx(ConstraintInput, { label: "Min Height", constraint: currentValue.minHeight, onChange: handleMinHeightChange, onToggle: handleMinHeightToggle, units: HEIGHT_UNITS, disabled: readOnly })), _jsx(ConstraintInput, { label: "Max Height", constraint: currentValue.maxHeight, onChange: handleMaxHeightChange, onToggle: handleMaxHeightToggle, units: HEIGHT_UNITS, disabled: readOnly })] })] }))] }))] })), !showWidthControls && showHeightControls && advancedMode && (_jsxs("div", { style: styles.controlsPanel, children: [_jsx("label", { style: styles.sectionLabel, children: "Height Constraints" }), _jsxs("div", { style: styles.constraintsList, children: [showMinControls && (_jsx(ConstraintInput, { label: "Min Height", constraint: currentValue.minHeight, onChange: handleMinHeightChange, onToggle: handleMinHeightToggle, units: HEIGHT_UNITS, disabled: readOnly })), _jsx(ConstraintInput, { label: "Max Height", constraint: currentValue.maxHeight, onChange: handleMaxHeightChange, onToggle: handleMaxHeightToggle, units: HEIGHT_UNITS, disabled: readOnly })] })] })), _jsxs("div", { style: styles.footer, children: [_jsxs("div", { style: styles.alignGroup, children: [_jsx("label", { style: styles.alignLabel, children: "Align:" }), _jsx("div", { style: styles.alignButtons, children: alignmentConfig.map(({ alignment, icon: Icon, title }) => {
+                                    const isActive = currentValue.alignment === alignment;
+                                    const isDisabled = readOnly || currentValue.mode === 'full';
+                                    return (_jsx("button", { type: "button", onClick: () => handleAlignmentChange(alignment), disabled: isDisabled, style: {
+                                            ...(isActive ? styles.alignButtonActive : styles.alignButton),
+                                            ...(isDisabled ? styles.alignButtonDisabled : {}),
+                                        }, title: title, children: _jsx(Icon, { style: { width: '14px', height: '14px' } }) }, alignment));
+                                }) })] }), _jsx("span", { style: styles.summary, children: getDimensionsSummary(currentValue) })] }), (showHeightControls || showMinControls) && (_jsx("button", { type: "button", onClick: handleAdvancedToggle, disabled: readOnly, style: styles.advancedToggle, children: advancedMode ? (_jsxs(_Fragment, { children: [_jsx(ChevronUp, { style: { width: '14px', height: '14px', marginRight: '4px' } }), "Hide Advanced"] })) : (_jsxs(_Fragment, { children: [_jsx(ChevronDown, { style: { width: '14px', height: '14px', marginRight: '4px' } }), "Show Advanced"] })) }))] }));
+}
+export const DimensionsField = memo(DimensionsFieldInner);
+/**
+ * Creates a Puck field configuration for dimensions control
+ */
+export function createDimensionsField(config = {}) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange, readOnly }) => (_jsx(DimensionsField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, showHeightControls: config.showHeightControls, showMinControls: config.showMinControls, defaultAdvancedMode: config.defaultAdvancedMode })),
+    };
+}
+//# sourceMappingURL=DimensionsField.js.map

package/dist/fields/DimensionsField.js.map

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