@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/fields/BorderField.js

@@ -0,0 +1,264 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BorderField - Custom Puck field for border styling
+ *
+ * This component provides:
+ * - Border width input (px)
+ * - Border color picker (reuses ColorPickerField)
+ * - Border radius input
+ * - Border style selector (solid, dashed, dotted, none)
+ * - Per-side toggles (top, right, bottom, left)
+ */
+import { useCallback, memo } from 'react';
+import { X, ArrowUp, ArrowRight, ArrowDown, ArrowLeft, } from 'lucide-react';
+import { ColorPickerField } from './ColorPickerField';
+// =============================================================================
+// Default Value
+// =============================================================================
+const DEFAULT_VALUE = {
+    width: 1,
+    color: { hex: '#e5e7eb', opacity: 100 }, // gray-200
+    radius: 0,
+    style: 'solid',
+    sides: {
+        top: true,
+        right: true,
+        bottom: true,
+        left: true,
+    },
+};
+// =============================================================================
+// Border Style Options
+// =============================================================================
+const BORDER_STYLES = [
+    { value: 'solid', label: 'Solid' },
+    { value: 'dashed', label: 'Dashed' },
+    { value: 'dotted', label: 'Dotted' },
+    { value: 'none', label: 'None' },
+];
+// =============================================================================
+// Styles
+// =============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px',
+    },
+    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',
+    },
+    preview: {
+        height: '64px',
+        backgroundColor: 'var(--theme-elevation-50)',
+        borderRadius: '6px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    previewText: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+    },
+    grid: {
+        display: 'grid',
+        gridTemplateColumns: '1fr 1fr',
+        gap: '12px',
+    },
+    inputGroup: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+    },
+    inputLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+    },
+    input: {
+        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)',
+    },
+    select: {
+        height: '32px',
+        padding: '0 8px',
+        fontSize: '14px',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-input-bg)',
+        color: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+    },
+    sidesSection: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    sidesLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+    },
+    sidesButtons: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '8px',
+    },
+    sideButton: {
+        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',
+    },
+    sideButtonActive: {
+        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',
+    },
+    sidesInfo: {
+        fontSize: '10px',
+        color: 'var(--theme-elevation-500)',
+        textAlign: 'center',
+    },
+};
+// =============================================================================
+// BorderField Component
+// =============================================================================
+function BorderFieldInner({ value, onChange, label, readOnly, }) {
+    // Use default if no value
+    const currentValue = value || DEFAULT_VALUE;
+    // Handle width change
+    const handleWidthChange = useCallback((e) => {
+        const newWidth = parseInt(e.target.value, 10) || 0;
+        onChange({
+            ...currentValue,
+            width: Math.max(0, newWidth),
+        });
+    }, [currentValue, onChange]);
+    // Handle color change
+    const handleColorChange = useCallback((newColor) => {
+        onChange({
+            ...currentValue,
+            color: newColor || { hex: '#000000', opacity: 100 },
+        });
+    }, [currentValue, onChange]);
+    // Handle radius change
+    const handleRadiusChange = useCallback((e) => {
+        const newRadius = parseInt(e.target.value, 10) || 0;
+        onChange({
+            ...currentValue,
+            radius: Math.max(0, newRadius),
+        });
+    }, [currentValue, onChange]);
+    // Handle style change
+    const handleStyleChange = useCallback((e) => {
+        onChange({
+            ...currentValue,
+            style: e.target.value,
+        });
+    }, [currentValue, onChange]);
+    // Handle side toggle
+    const handleSideToggle = useCallback((side) => {
+        onChange({
+            ...currentValue,
+            sides: {
+                ...currentValue.sides,
+                [side]: !currentValue.sides[side],
+            },
+        });
+    }, [currentValue, onChange]);
+    // Handle clear
+    const handleClear = useCallback(() => {
+        onChange(null);
+    }, [onChange]);
+    // Check if all sides are enabled
+    const allSidesEnabled = currentValue.sides.top &&
+        currentValue.sides.right &&
+        currentValue.sides.bottom &&
+        currentValue.sides.left;
+    const sideConfig = [
+        { side: 'top', icon: ArrowUp, title: 'Top border' },
+        { side: 'right', icon: ArrowRight, title: 'Right border' },
+        { side: 'bottom', icon: ArrowDown, title: 'Bottom border' },
+        { side: 'left', icon: ArrowLeft, title: 'Left border' },
+    ];
+    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: "Clear border", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: {
+                    ...styles.preview,
+                    borderWidth: currentValue.style !== 'none' ? `${currentValue.width}px` : 0,
+                    borderStyle: currentValue.style,
+                    borderColor: currentValue.color?.hex || '#000000',
+                    borderRadius: `${currentValue.radius}px`,
+                    borderTopWidth: currentValue.sides.top && currentValue.style !== 'none' ? `${currentValue.width}px` : 0,
+                    borderRightWidth: currentValue.sides.right && currentValue.style !== 'none' ? `${currentValue.width}px` : 0,
+                    borderBottomWidth: currentValue.sides.bottom && currentValue.style !== 'none' ? `${currentValue.width}px` : 0,
+                    borderLeftWidth: currentValue.sides.left && currentValue.style !== 'none' ? `${currentValue.width}px` : 0,
+                    opacity: (currentValue.color?.opacity ?? 100) / 100,
+                }, children: _jsx("span", { style: styles.previewText, children: "Preview" }) }), _jsxs("div", { style: styles.grid, children: [_jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Width (px)" }), _jsx("input", { type: "number", min: 0, max: 20, value: currentValue.width, onChange: handleWidthChange, disabled: readOnly, style: styles.input })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Style" }), _jsx("select", { value: currentValue.style, onChange: handleStyleChange, disabled: readOnly, style: styles.select, children: BORDER_STYLES.map((style) => (_jsx("option", { value: style.value, children: style.label }, style.value))) })] })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Radius (px)" }), _jsx("input", { type: "number", min: 0, max: 100, value: currentValue.radius, onChange: handleRadiusChange, disabled: readOnly, style: styles.input })] }), _jsx(ColorPickerField, { value: currentValue.color, onChange: handleColorChange, label: "Color", readOnly: readOnly, showOpacity: true, presets: [
+                    { hex: '#000000', label: 'Black' },
+                    { hex: '#374151', label: 'Gray 700' },
+                    { hex: '#6b7280', label: 'Gray 500' },
+                    { hex: '#d1d5db', label: 'Gray 300' },
+                    { hex: '#e5e7eb', label: 'Gray 200' },
+                    { hex: '#3b82f6', label: 'Blue' },
+                    { hex: '#ef4444', label: 'Red' },
+                ] }), !readOnly && (_jsxs("div", { style: styles.sidesSection, children: [_jsx("label", { style: styles.sidesLabel, children: "Sides" }), _jsx("div", { style: styles.sidesButtons, children: sideConfig.map(({ side, icon: Icon, title }) => {
+                            const isActive = currentValue.sides[side];
+                            return (_jsx("button", { type: "button", onClick: () => handleSideToggle(side), style: isActive ? styles.sideButtonActive : styles.sideButton, title: title, children: _jsx(Icon, { style: { width: '16px', height: '16px' } }) }, side));
+                        }) }), _jsx("p", { style: styles.sidesInfo, children: allSidesEnabled ? 'All sides' : 'Custom sides' })] }))] }));
+}
+export const BorderField = memo(BorderFieldInner);
+// =============================================================================
+// Field Configuration Factory
+// =============================================================================
+/**
+ * Creates a Puck field configuration for border styling
+ */
+export function createBorderField(config) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange, readOnly }) => (_jsx(BorderField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly })),
+    };
+}
+//# sourceMappingURL=BorderField.js.map

package/dist/fields/BorderField.js.map

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

package/dist/fields/ColorPickerField.d.ts

@@ -0,0 +1,43 @@
+/**
+ * ColorPickerField - Custom Puck field for selecting colors with opacity
+ *
+ * This component provides a color picker with:
+ * - Native color input for visual picking
+ * - Hex input for direct entry
+ * - Opacity slider (0-100%)
+ * - Preview swatch
+ * - Optional preset color swatches
+ */
+import React from 'react';
+import type { CustomField } from '@measured/puck';
+import type { ColorValue } from './shared';
+interface ColorPickerFieldProps {
+    value: ColorValue | null;
+    onChange: (value: ColorValue | null) => void;
+    label?: string;
+    readOnly?: boolean;
+    showOpacity?: boolean;
+    presets?: Array<{
+        hex: string;
+        label: string;
+    }>;
+}
+/**
+ * Converts hex + opacity to rgba CSS string
+ */
+export declare function colorToRgba(hex: string, opacity: number): string;
+declare function ColorPickerFieldInner({ value, onChange, label, readOnly, showOpacity, presets, }: ColorPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const ColorPickerField: React.MemoExoticComponent<typeof ColorPickerFieldInner>;
+/**
+ * Creates a Puck field configuration for color selection
+ */
+export declare function createColorPickerField(config: {
+    label?: string;
+    showOpacity?: boolean;
+    presets?: Array<{
+        hex: string;
+        label: string;
+    }>;
+}): CustomField<ColorValue | null>;
+export {};
+//# sourceMappingURL=ColorPickerField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerField.d.ts","sourceRoot":"","sources":["../../src/fields/ColorPickerField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAO1C,UAAU,qBAAqB;IAC7B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAChD;AAuBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAMhE;AAmKD,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,OAAO,GACR,EAAE,qBAAqB,2CAuLvB;AAED,eAAO,MAAM,gBAAgB,yDAA8B,CAAA;AAM3D;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAChD,GAAG,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAejC"}

package/dist/fields/ColorPickerField.js

@@ -0,0 +1,285 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ColorPickerField - Custom Puck field for selecting colors with opacity
+ *
+ * This component provides a color picker with:
+ * - Native color input for visual picking
+ * - Hex input for direct entry
+ * - Opacity slider (0-100%)
+ * - Preview swatch
+ * - Optional preset color swatches
+ */
+import { useState, useCallback, memo } from 'react';
+import { X } from 'lucide-react';
+import { useTheme } from '../theme';
+// =============================================================================
+// Utility Functions
+// =============================================================================
+/**
+ * Validates and normalizes a hex color string
+ */
+function normalizeHex(hex) {
+    let clean = hex.replace(/^#/, '');
+    if (clean.length === 3) {
+        clean = clean.split('').map(c => c + c).join('');
+    }
+    if (!/^[0-9A-Fa-f]{6}$/.test(clean)) {
+        return '';
+    }
+    return `#${clean.toLowerCase()}`;
+}
+/**
+ * Converts hex + opacity to rgba CSS string
+ */
+export function colorToRgba(hex, opacity) {
+    const clean = hex.replace(/^#/, '');
+    const r = parseInt(clean.substring(0, 2), 16);
+    const g = parseInt(clean.substring(2, 4), 16);
+    const b = parseInt(clean.substring(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity / 100})`;
+}
+// =============================================================================
+// Styles
+// =============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+    },
+    label: {
+        display: 'block',
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-elevation-800)',
+    },
+    row: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+    },
+    colorInput: {
+        width: '40px',
+        height: '40px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '6px',
+        cursor: 'pointer',
+    },
+    hexInput: {
+        flex: 1,
+        height: '40px',
+        padding: '0 12px',
+        fontSize: '14px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '6px',
+        backgroundColor: 'var(--theme-input-bg)',
+        color: 'var(--theme-elevation-800)',
+    },
+    previewSwatch: {
+        width: '40px',
+        height: '40px',
+        borderRadius: '6px',
+        border: '1px solid var(--theme-elevation-150)',
+        flexShrink: 0,
+        position: 'relative',
+        overflow: 'hidden',
+    },
+    checkerboard: {
+        position: 'absolute',
+        inset: 0,
+        backgroundImage: 'linear-gradient(45deg, #d0d0d0 25%, transparent 25%), linear-gradient(-45deg, #d0d0d0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d0d0d0 75%), linear-gradient(-45deg, transparent 75%, #d0d0d0 75%)',
+        backgroundSize: '8px 8px',
+        backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',
+        backgroundColor: '#f0f0f0',
+    },
+    colorOverlay: {
+        position: 'absolute',
+        inset: 0,
+    },
+    clearButton: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '32px',
+        height: '32px',
+        padding: 0,
+        border: 'none',
+        borderRadius: '4px',
+        backgroundColor: 'transparent',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+        flexShrink: 0,
+    },
+    opacitySection: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+    },
+    opacityHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    opacityLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+    },
+    opacityValue: {
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        color: 'var(--theme-elevation-500)',
+    },
+    opacitySlider: {
+        position: 'relative',
+        height: '12px',
+        borderRadius: '6px',
+        overflow: 'hidden',
+        border: '1px solid var(--theme-elevation-150)',
+    },
+    opacityInput: {
+        position: 'absolute',
+        inset: 0,
+        width: '100%',
+        height: '100%',
+        opacity: 0,
+        cursor: 'pointer',
+        margin: 0,
+    },
+    opacityThumb: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        width: '4px',
+        backgroundColor: 'white',
+        border: '1px solid var(--theme-elevation-400)',
+        borderRadius: '2px',
+        boxShadow: '0 1px 2px rgba(0,0,0,0.1)',
+        pointerEvents: 'none',
+    },
+    presetsSection: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    presetsLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+    },
+    presetsGrid: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: '6px',
+    },
+    presetButton: {
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        borderRadius: '4px',
+        cursor: 'pointer',
+        border: '1px solid var(--theme-elevation-150)',
+        outline: 'none',
+    },
+    presetButtonSelected: {
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        borderRadius: '4px',
+        cursor: 'pointer',
+        border: '2px solid var(--theme-elevation-800)',
+        outline: '2px solid var(--theme-elevation-300)',
+        outlineOffset: '2px',
+    },
+};
+// =============================================================================
+// ColorPickerField Component
+// =============================================================================
+function ColorPickerFieldInner({ value, onChange, label, readOnly, showOpacity = true, presets, }) {
+    // Use theme presets if none provided
+    const theme = useTheme();
+    const resolvedPresets = presets ?? theme.colorPresets;
+    const [hexInput, setHexInput] = useState(value?.hex || '');
+    const handleColorChange = useCallback((e) => {
+        const newHex = e.target.value;
+        onChange({
+            hex: newHex,
+            opacity: value?.opacity ?? 100,
+        });
+        setHexInput(newHex);
+    }, [onChange, value?.opacity]);
+    const handleHexInputChange = useCallback((e) => {
+        const input = e.target.value;
+        setHexInput(input);
+        const normalized = normalizeHex(input);
+        if (normalized) {
+            onChange({
+                hex: normalized,
+                opacity: value?.opacity ?? 100,
+            });
+        }
+    }, [onChange, value?.opacity]);
+    const handleHexInputBlur = useCallback(() => {
+        if (value?.hex) {
+            setHexInput(value.hex);
+        }
+    }, [value?.hex]);
+    const handleOpacityChange = useCallback((e) => {
+        const newOpacity = parseInt(e.target.value, 10);
+        if (value?.hex) {
+            onChange({
+                hex: value.hex,
+                opacity: newOpacity,
+            });
+        }
+    }, [onChange, value?.hex]);
+    const handlePresetClick = useCallback((preset) => {
+        onChange({
+            hex: preset.hex,
+            opacity: value?.opacity ?? 100,
+        });
+        setHexInput(preset.hex);
+    }, [onChange, value?.opacity]);
+    const handleClear = useCallback(() => {
+        onChange(null);
+        setHexInput('');
+    }, [onChange]);
+    const previewColor = value?.hex
+        ? colorToRgba(value.hex, value.opacity ?? 100)
+        : 'transparent';
+    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [label && (_jsx("label", { style: styles.label, children: label })), _jsxs("div", { style: styles.row, children: [_jsx("input", { type: "color", value: value?.hex || '#000000', onChange: handleColorChange, disabled: readOnly, style: {
+                            ...styles.colorInput,
+                            ...(readOnly ? { cursor: 'not-allowed', opacity: 0.5 } : {}),
+                        } }), _jsx("input", { type: "text", value: hexInput, onChange: handleHexInputChange, onBlur: handleHexInputBlur, placeholder: "#000000", disabled: readOnly, style: styles.hexInput }), _jsxs("div", { style: styles.previewSwatch, title: value?.hex ? `${value.hex} at ${value.opacity ?? 100}% opacity` : 'No color selected', children: [_jsx("div", { style: styles.checkerboard }), _jsx("div", { style: { ...styles.colorOverlay, backgroundColor: previewColor } })] }), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, title: "Clear color", style: styles.clearButton, children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), showOpacity && value?.hex && (_jsxs("div", { style: styles.opacitySection, children: [_jsxs("div", { style: styles.opacityHeader, children: [_jsx("label", { style: styles.opacityLabel, children: "Opacity" }), _jsxs("span", { style: styles.opacityValue, children: [value.opacity ?? 100, "%"] })] }), _jsxs("div", { style: styles.opacitySlider, children: [_jsx("div", { style: styles.checkerboard }), _jsx("div", { style: {
+                                    ...styles.colorOverlay,
+                                    background: `linear-gradient(to right, transparent 0%, ${value.hex} 100%)`,
+                                } }), _jsx("input", { type: "range", min: "0", max: "100", value: value.opacity ?? 100, onChange: handleOpacityChange, disabled: readOnly, style: {
+                                    ...styles.opacityInput,
+                                    ...(readOnly ? { cursor: 'not-allowed' } : {}),
+                                } }), _jsx("div", { style: {
+                                    ...styles.opacityThumb,
+                                    left: `calc(${value.opacity ?? 100}% - 2px)`,
+                                } })] })] })), resolvedPresets.length > 0 && !readOnly && (_jsxs("div", { style: styles.presetsSection, children: [_jsx("label", { style: styles.presetsLabel, children: "Presets" }), _jsx("div", { style: styles.presetsGrid, children: resolvedPresets.map((preset) => {
+                            const isSelected = value?.hex?.toLowerCase() === preset.hex.toLowerCase();
+                            return (_jsx("button", { type: "button", onClick: () => handlePresetClick(preset), style: {
+                                    ...(isSelected ? styles.presetButtonSelected : styles.presetButton),
+                                    backgroundColor: preset.hex,
+                                }, title: preset.label }, preset.hex));
+                        }) })] }))] }));
+}
+export const ColorPickerField = memo(ColorPickerFieldInner);
+// =============================================================================
+// Field Configuration Factory
+// =============================================================================
+/**
+ * Creates a Puck field configuration for color selection
+ */
+export function createColorPickerField(config) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange, readOnly }) => (_jsx(ColorPickerField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, showOpacity: config.showOpacity, presets: config.presets })),
+    };
+}
+//# sourceMappingURL=ColorPickerField.js.map

package/dist/fields/ColorPickerField.js.map

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