@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/fields/GradientEditor.js

@@ -0,0 +1,322 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * GradientEditor - Component for editing gradient values
+ *
+ * This component provides:
+ * - Type selector (linear/radial toggle)
+ * - Angle slider for linear gradients (0-360)
+ * - Shape and position selectors for radial gradients
+ * - Gradient stops list with color pickers and position sliders
+ * - Add/remove stop buttons
+ * - Visual gradient preview bar
+ */
+import { useCallback, memo, useState } from 'react';
+import { Plus, Trash2 } from 'lucide-react';
+import { colorValueToCSS } from './shared';
+// =============================================================================
+// Default Values
+// =============================================================================
+const DEFAULT_GRADIENT = {
+    type: 'linear',
+    angle: 90,
+    stops: [
+        { color: { hex: '#000000', opacity: 100 }, position: 0 },
+        { color: { hex: '#ffffff', opacity: 100 }, position: 100 },
+    ],
+    radialShape: 'circle',
+    radialPosition: 'center',
+};
+// =============================================================================
+// Styles
+// =============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px',
+    },
+    preview: {
+        height: '48px',
+        borderRadius: '6px',
+        border: '1px solid var(--theme-elevation-150)',
+    },
+    row: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    label: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+        width: '48px',
+        flexShrink: 0,
+    },
+    buttonGroup: {
+        display: 'flex',
+        gap: '4px',
+    },
+    button: {
+        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',
+    },
+    buttonActive: {
+        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',
+    },
+    slider: {
+        flex: 1,
+        height: '6px',
+        accentColor: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+    },
+    sliderValue: {
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        color: 'var(--theme-elevation-500)',
+        width: '40px',
+        textAlign: 'right',
+    },
+    select: {
+        flex: 1,
+        height: '32px',
+        padding: '0 8px',
+        fontSize: '12px',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-input-bg)',
+        color: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+    },
+    stopsHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    addButton: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        height: '24px',
+        padding: '0 8px',
+        fontSize: '12px',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-700)',
+        cursor: 'pointer',
+    },
+    stopsList: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    stopItem: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        padding: '8px',
+        backgroundColor: 'var(--theme-elevation-50)',
+        borderRadius: '6px',
+        overflow: 'hidden',
+    },
+    stopRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    colorPicker: {
+        width: '28px',
+        height: '28px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        cursor: 'pointer',
+        flexShrink: 0,
+    },
+    hexInput: {
+        width: '80px',
+        minWidth: 0,
+        height: '28px',
+        padding: '0 6px',
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-input-bg)',
+        color: 'var(--theme-elevation-800)',
+    },
+    swatch: {
+        width: '28px',
+        height: '28px',
+        borderRadius: '4px',
+        border: '1px solid var(--theme-elevation-150)',
+        flexShrink: 0,
+        position: 'relative',
+        overflow: 'hidden',
+    },
+    checkerboard: {
+        position: 'absolute',
+        inset: 0,
+        backgroundImage: 'linear-gradient(45deg, #e0e0e0 25%, transparent 25%), linear-gradient(-45deg, #e0e0e0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e0e0e0 75%), linear-gradient(-45deg, transparent 75%, #e0e0e0 75%)',
+        backgroundSize: '8px 8px',
+        backgroundPosition: '0 0, 0 4px, 4px -4px, -4px 0px',
+    },
+    colorOverlay: {
+        position: 'absolute',
+        inset: 0,
+    },
+    spacer: {
+        flex: 1,
+        minWidth: 0,
+    },
+    deleteButton: {
+        padding: '4px',
+        border: 'none',
+        borderRadius: '4px',
+        backgroundColor: 'transparent',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+        flexShrink: 0,
+    },
+    stopLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+        width: '48px',
+        flexShrink: 0,
+    },
+    rangeSlider: {
+        flex: 1,
+        height: '6px',
+        minWidth: 0,
+        accentColor: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+    },
+    rangeValue: {
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        color: 'var(--theme-elevation-500)',
+        width: '32px',
+        textAlign: 'right',
+        flexShrink: 0,
+    },
+};
+// =============================================================================
+// Helper Functions
+// =============================================================================
+/**
+ * Generates CSS gradient string for preview
+ */
+function getGradientPreviewCSS(gradient) {
+    if (!gradient.stops || gradient.stops.length === 0) {
+        return 'linear-gradient(90deg, #ccc 0%, #999 100%)';
+    }
+    const sortedStops = [...gradient.stops].sort((a, b) => a.position - b.position);
+    const stopsCSS = sortedStops
+        .map((stop) => {
+        const color = colorValueToCSS(stop.color) || 'transparent';
+        return `${color} ${stop.position}%`;
+    })
+        .join(', ');
+    if (gradient.type === 'radial') {
+        const shape = gradient.radialShape || 'circle';
+        const position = gradient.radialPosition || 'center';
+        return `radial-gradient(${shape} at ${position}, ${stopsCSS})`;
+    }
+    return `linear-gradient(${gradient.angle}deg, ${stopsCSS})`;
+}
+function GradientStopEditorInner({ stop, index, canDelete, onColorChange, onPositionChange, onDelete, readOnly, }) {
+    const [hexInput, setHexInput] = useState(stop.color.hex);
+    const handleColorPickerChange = useCallback((e) => {
+        const newHex = e.target.value;
+        setHexInput(newHex);
+        onColorChange(index, { ...stop.color, hex: newHex });
+    }, [index, stop.color, onColorChange]);
+    const handleHexInputChange = useCallback((e) => {
+        const input = e.target.value;
+        setHexInput(input);
+        // Validate hex format
+        const clean = input.replace(/^#/, '');
+        if (/^[0-9A-Fa-f]{6}$/.test(clean)) {
+            onColorChange(index, { ...stop.color, hex: `#${clean.toLowerCase()}` });
+        }
+    }, [index, stop.color, onColorChange]);
+    const handleOpacityChange = useCallback((e) => {
+        const newOpacity = parseInt(e.target.value, 10);
+        onColorChange(index, { ...stop.color, opacity: newOpacity });
+    }, [index, stop.color, onColorChange]);
+    const handlePositionChange = useCallback((e) => {
+        const newPosition = parseInt(e.target.value, 10);
+        onPositionChange(index, Math.max(0, Math.min(100, newPosition)));
+    }, [index, onPositionChange]);
+    const previewColor = colorValueToCSS(stop.color) || 'transparent';
+    const opacity = stop.color.opacity ?? 100;
+    return (_jsxs("div", { style: styles.stopItem, children: [_jsxs("div", { style: styles.stopRow, children: [_jsx("input", { type: "color", value: stop.color.hex, onChange: handleColorPickerChange, disabled: readOnly, style: styles.colorPicker }), _jsx("input", { type: "text", value: hexInput, onChange: handleHexInputChange, placeholder: "#000000", disabled: readOnly, style: styles.hexInput }), _jsxs("div", { style: styles.swatch, title: `${previewColor} at ${opacity}% opacity`, children: [_jsx("div", { style: styles.checkerboard }), _jsx("div", { style: { ...styles.colorOverlay, backgroundColor: previewColor } })] }), _jsx("div", { style: styles.spacer }), canDelete && !readOnly && (_jsx("button", { type: "button", onClick: () => onDelete(index), style: styles.deleteButton, title: "Remove stop", children: _jsx(Trash2, { style: { width: '16px', height: '16px' } }) }))] }), _jsxs("div", { style: styles.stopRow, children: [_jsx("label", { style: styles.stopLabel, children: "Pos" }), _jsx("input", { type: "range", min: "0", max: "100", value: stop.position, onChange: handlePositionChange, disabled: readOnly, style: styles.rangeSlider }), _jsxs("span", { style: styles.rangeValue, children: [stop.position, "%"] })] }), _jsxs("div", { style: styles.stopRow, children: [_jsx("label", { style: styles.stopLabel, children: "Alpha" }), _jsx("input", { type: "range", min: "0", max: "100", value: opacity, onChange: handleOpacityChange, disabled: readOnly, style: styles.rangeSlider }), _jsxs("span", { style: styles.rangeValue, children: [opacity, "%"] })] })] }));
+}
+const GradientStopEditor = memo(GradientStopEditorInner);
+// =============================================================================
+// GradientEditor Component
+// =============================================================================
+function GradientEditorInner({ value, onChange, readOnly }) {
+    const currentValue = value || DEFAULT_GRADIENT;
+    // Handle gradient type change
+    const handleTypeChange = useCallback((type) => {
+        onChange({ ...currentValue, type });
+    }, [currentValue, onChange]);
+    // Handle angle change
+    const handleAngleChange = useCallback((e) => {
+        const angle = parseInt(e.target.value, 10);
+        onChange({ ...currentValue, angle });
+    }, [currentValue, onChange]);
+    // Handle radial shape change
+    const handleRadialShapeChange = useCallback((e) => {
+        onChange({ ...currentValue, radialShape: e.target.value });
+    }, [currentValue, onChange]);
+    // Handle radial position change
+    const handleRadialPositionChange = useCallback((e) => {
+        onChange({ ...currentValue, radialPosition: e.target.value });
+    }, [currentValue, onChange]);
+    // Handle stop color change
+    const handleStopColorChange = useCallback((index, color) => {
+        const newStops = [...currentValue.stops];
+        newStops[index] = { ...newStops[index], color };
+        onChange({ ...currentValue, stops: newStops });
+    }, [currentValue, onChange]);
+    // Handle stop position change
+    const handleStopPositionChange = useCallback((index, position) => {
+        const newStops = [...currentValue.stops];
+        newStops[index] = { ...newStops[index], position };
+        onChange({ ...currentValue, stops: newStops });
+    }, [currentValue, onChange]);
+    // Handle add stop
+    const handleAddStop = useCallback(() => {
+        const newPosition = currentValue.stops.length > 0 ? 50 : 0;
+        const newStop = {
+            color: { hex: '#888888', opacity: 100 },
+            position: newPosition,
+        };
+        onChange({ ...currentValue, stops: [...currentValue.stops, newStop] });
+    }, [currentValue, onChange]);
+    // Handle delete stop
+    const handleDeleteStop = useCallback((index) => {
+        const newStops = currentValue.stops.filter((_, i) => i !== index);
+        onChange({ ...currentValue, stops: newStops });
+    }, [currentValue, onChange]);
+    const previewCSS = getGradientPreviewCSS(currentValue);
+    const canDeleteStops = currentValue.stops.length > 2;
+    return (_jsxs("div", { style: styles.container, children: [_jsx("div", { style: { ...styles.preview, background: previewCSS } }), _jsxs("div", { style: styles.row, children: [_jsx("label", { style: styles.label, children: "Type" }), _jsxs("div", { style: styles.buttonGroup, children: [_jsx("button", { type: "button", onClick: () => handleTypeChange('linear'), disabled: readOnly, style: currentValue.type === 'linear' ? styles.buttonActive : styles.button, children: "Linear" }), _jsx("button", { type: "button", onClick: () => handleTypeChange('radial'), disabled: readOnly, style: currentValue.type === 'radial' ? styles.buttonActive : styles.button, children: "Radial" })] })] }), currentValue.type === 'linear' && (_jsxs("div", { style: styles.row, children: [_jsx("label", { style: styles.label, children: "Angle" }), _jsx("input", { type: "range", min: "0", max: "360", value: currentValue.angle, onChange: handleAngleChange, disabled: readOnly, style: styles.slider }), _jsxs("span", { style: styles.sliderValue, children: [currentValue.angle, "deg"] })] })), currentValue.type === 'radial' && (_jsxs(_Fragment, { children: [_jsxs("div", { style: styles.row, children: [_jsx("label", { style: styles.label, children: "Shape" }), _jsxs("select", { value: currentValue.radialShape || 'circle', onChange: handleRadialShapeChange, disabled: readOnly, style: styles.select, children: [_jsx("option", { value: "circle", children: "Circle" }), _jsx("option", { value: "ellipse", children: "Ellipse" })] })] }), _jsxs("div", { style: styles.row, children: [_jsx("label", { style: styles.label, children: "Position" }), _jsxs("select", { value: currentValue.radialPosition || 'center', onChange: handleRadialPositionChange, disabled: readOnly, style: styles.select, children: [_jsx("option", { value: "center", children: "Center" }), _jsx("option", { value: "top", children: "Top" }), _jsx("option", { value: "bottom", children: "Bottom" }), _jsx("option", { value: "left", children: "Left" }), _jsx("option", { value: "right", children: "Right" })] })] })] })), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '8px' }, children: [_jsxs("div", { style: styles.stopsHeader, children: [_jsx("label", { style: styles.label, children: "Color Stops" }), !readOnly && (_jsxs("button", { type: "button", onClick: handleAddStop, style: styles.addButton, children: [_jsx(Plus, { style: { width: '12px', height: '12px' } }), "Add Stop"] }))] }), _jsx("div", { style: styles.stopsList, children: currentValue.stops.map((stop, index) => (_jsx(GradientStopEditor, { stop: stop, index: index, canDelete: canDeleteStops, onColorChange: handleStopColorChange, onPositionChange: handleStopPositionChange, onDelete: handleDeleteStop, readOnly: readOnly }, index))) })] })] }));
+}
+export const GradientEditor = memo(GradientEditorInner);
+//# sourceMappingURL=GradientEditor.js.map

package/dist/fields/GradientEditor.js.map

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

package/dist/fields/LockedField.d.ts

@@ -0,0 +1,67 @@
+import type { CustomField } from '@measured/puck';
+interface LockedTextFieldProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    warningMessage?: string;
+}
+interface LockedRadioFieldProps {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    label?: string;
+    options: {
+        label: string;
+        value: boolean;
+    }[];
+    warningMessage?: string;
+}
+export declare function LockedTextField({ value, onChange, label, placeholder, warningMessage, }: LockedTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function LockedRadioField({ value, onChange, label, options, warningMessage, }: LockedRadioFieldProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Creates a Puck field configuration for a locked text input
+ */
+export declare function createLockedTextField(config: {
+    label?: string;
+    placeholder?: string;
+    warningMessage?: string;
+}): CustomField<string>;
+/**
+ * Creates a Puck field configuration for a locked radio button group
+ */
+export declare function createLockedRadioField(config: {
+    label?: string;
+    options: {
+        label: string;
+        value: boolean;
+    }[];
+    warningMessage?: string;
+}): CustomField<boolean>;
+/**
+ * Pre-built locked slug field - prevents accidental URL changes
+ *
+ * Use in Puck root config:
+ * ```tsx
+ * root: {
+ *   fields: {
+ *     slug: lockedSlugField,
+ *   }
+ * }
+ * ```
+ */
+export declare const lockedSlugField: CustomField<string>;
+/**
+ * Pre-built locked isHomepage field - prevents accidental homepage changes
+ *
+ * Use in Puck root config:
+ * ```tsx
+ * root: {
+ *   fields: {
+ *     isHomepage: lockedHomepageField,
+ *   }
+ * }
+ * ```
+ */
+export declare const lockedHomepageField: CustomField<boolean>;
+export {};
+//# sourceMappingURL=LockedField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LockedField.d.ts","sourceRoot":"","sources":["../../src/fields/LockedField.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAOjD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAMD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,cAAc,GACf,EAAE,oBAAoB,2CAuFtB;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,cAAc,GACf,EAAE,qBAAqB,2CA0FvB;AAMD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,WAAW,CAAC,MAAM,CAAC,CActB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,WAAW,CAAC,OAAO,CAAC,CAcvB;AAMD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,MAAM,CAI9C,CAAA;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAOnD,CAAA"}

package/dist/fields/LockedField.js

@@ -0,0 +1,170 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * LockedField - Custom Puck field wrapper that prevents accidental edits
+ *
+ * Wraps a field with a lock/unlock toggle. When locked, the field is read-only.
+ * Click the lock icon to toggle editing.
+ *
+ * Exports:
+ * - LockedTextField: A text input with lock/unlock functionality
+ * - LockedRadioField: A radio button group with lock/unlock functionality
+ * - createLockedTextField: Factory for Puck field configuration
+ * - createLockedRadioField: Factory for Puck field configuration
+ */
+import { useState } from 'react';
+import { Lock, Unlock } from 'lucide-react';
+// =============================================================================
+// LockedTextField Component
+// =============================================================================
+export function LockedTextField({ value, onChange, label, placeholder, warningMessage, }) {
+    const [isLocked, setIsLocked] = useState(true);
+    return (_jsxs("div", { className: "puck-field", children: [_jsxs("div", { className: "puck-field-header", style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '8px' }, children: [label && (_jsx("label", { style: { fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }, children: label })), _jsx("button", { type: "button", onClick: () => setIsLocked(!isLocked), style: {
+                            background: 'none',
+                            border: 'none',
+                            padding: '4px',
+                            cursor: 'pointer',
+                            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-azure-04)',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            borderRadius: '4px',
+                            transition: 'all 0.15s ease',
+                        }, title: isLocked ? 'Click to unlock' : 'Click to lock', children: isLocked ? (_jsx(Lock, { size: 14 })) : (_jsx(Unlock, { size: 14 })) })] }), _jsxs("div", { style: { position: 'relative' }, children: [_jsx("input", { type: "text", value: value || '', onChange: (e) => onChange(e.target.value), disabled: isLocked, placeholder: placeholder, style: {
+                            width: '100%',
+                            padding: '8px 12px',
+                            paddingRight: isLocked ? '32px' : '12px',
+                            fontSize: '14px',
+                            border: '1px solid var(--puck-color-grey-09)',
+                            borderRadius: '6px',
+                            background: isLocked ? 'var(--puck-color-grey-11)' : 'var(--puck-color-white)',
+                            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-grey-04)',
+                            cursor: isLocked ? 'not-allowed' : 'text',
+                            outline: 'none',
+                            transition: 'all 0.15s ease',
+                        } }), isLocked && (_jsx(Lock, { size: 14, style: {
+                            position: 'absolute',
+                            right: '10px',
+                            top: '50%',
+                            transform: 'translateY(-50%)',
+                            color: 'var(--puck-color-grey-07)',
+                        } }))] }), !isLocked && warningMessage && (_jsxs("p", { style: {
+                    marginTop: '6px',
+                    fontSize: '12px',
+                    color: 'var(--puck-color-grey-05)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '4px',
+                }, children: [_jsx("span", { style: { color: 'var(--puck-color-rose-07)' }, children: "\u26A0" }), warningMessage] }))] }));
+}
+// =============================================================================
+// LockedRadioField Component
+// =============================================================================
+export function LockedRadioField({ value, onChange, label, options, warningMessage, }) {
+    const [isLocked, setIsLocked] = useState(true);
+    return (_jsxs("div", { className: "puck-field", children: [_jsxs("div", { className: "puck-field-header", style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '8px' }, children: [label && (_jsx("label", { style: { fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }, children: label })), _jsx("button", { type: "button", onClick: () => setIsLocked(!isLocked), style: {
+                            background: 'none',
+                            border: 'none',
+                            padding: '4px',
+                            cursor: 'pointer',
+                            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-azure-04)',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            borderRadius: '4px',
+                            transition: 'all 0.15s ease',
+                        }, title: isLocked ? 'Click to unlock' : 'Click to lock', children: isLocked ? (_jsx(Lock, { size: 14 })) : (_jsx(Unlock, { size: 14 })) })] }), _jsx("div", { style: {
+                    display: 'flex',
+                    border: '1px solid var(--puck-color-grey-09)',
+                    borderRadius: '6px',
+                    overflow: 'hidden',
+                    opacity: isLocked ? 0.6 : 1,
+                    pointerEvents: isLocked ? 'none' : 'auto',
+                }, children: options.map((option, index) => (_jsx("button", { type: "button", onClick: () => onChange(option.value), disabled: isLocked, style: {
+                        flex: 1,
+                        padding: '8px 16px',
+                        fontSize: '14px',
+                        fontWeight: 500,
+                        border: 'none',
+                        borderRight: index < options.length - 1 ? '1px solid var(--puck-color-grey-09)' : 'none',
+                        background: value === option.value
+                            ? 'var(--puck-color-azure-12)'
+                            : 'var(--puck-color-white)',
+                        color: value === option.value
+                            ? 'var(--puck-color-azure-04)'
+                            : 'var(--puck-color-grey-05)',
+                        cursor: isLocked ? 'not-allowed' : 'pointer',
+                        transition: 'all 0.15s ease',
+                    }, children: option.label }, String(option.value)))) }), !isLocked && warningMessage && (_jsxs("p", { style: {
+                    marginTop: '6px',
+                    fontSize: '12px',
+                    color: 'var(--puck-color-grey-05)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '4px',
+                }, children: [_jsx("span", { style: { color: 'var(--puck-color-rose-07)' }, children: "\u26A0" }), warningMessage] }))] }));
+}
+// =============================================================================
+// Field Configuration Factories
+// =============================================================================
+/**
+ * Creates a Puck field configuration for a locked text input
+ */
+export function createLockedTextField(config) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange }) => (_jsx(LockedTextField, { value: value, onChange: onChange, label: config.label, placeholder: config.placeholder, warningMessage: config.warningMessage })),
+    };
+}
+/**
+ * Creates a Puck field configuration for a locked radio button group
+ */
+export function createLockedRadioField(config) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange }) => (_jsx(LockedRadioField, { value: value, onChange: onChange, label: config.label, options: config.options, warningMessage: config.warningMessage })),
+    };
+}
+// =============================================================================
+// Pre-built Field Definitions
+// =============================================================================
+/**
+ * Pre-built locked slug field - prevents accidental URL changes
+ *
+ * Use in Puck root config:
+ * ```tsx
+ * root: {
+ *   fields: {
+ *     slug: lockedSlugField,
+ *   }
+ * }
+ * ```
+ */
+export const lockedSlugField = createLockedTextField({
+    label: 'Slug',
+    placeholder: 'page-slug',
+    warningMessage: 'Changing may break existing links',
+});
+/**
+ * Pre-built locked isHomepage field - prevents accidental homepage changes
+ *
+ * Use in Puck root config:
+ * ```tsx
+ * root: {
+ *   fields: {
+ *     isHomepage: lockedHomepageField,
+ *   }
+ * }
+ * ```
+ */
+export const lockedHomepageField = createLockedRadioField({
+    label: 'Homepage',
+    options: [
+        { label: 'No', value: false },
+        { label: 'Yes', value: true },
+    ],
+    warningMessage: 'Only one page can be the homepage',
+});
+//# sourceMappingURL=LockedField.js.map

package/dist/fields/LockedField.js.map

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

package/dist/fields/MarginField.d.ts

@@ -0,0 +1,31 @@
+/**
+ * MarginField - Custom Puck field for component margin/spacing control
+ *
+ * Similar to PaddingField but specifically for outer margin.
+ * Provides:
+ * - 4 number inputs for top/right/bottom/left
+ * - Link/unlink toggle button (when linked, all values sync)
+ * - Unit selector (px, rem)
+ */
+import React from 'react';
+import type { CustomField } from '@measured/puck';
+import type { PaddingValue } from './shared';
+export type MarginValue = PaddingValue;
+interface MarginFieldProps {
+    value: MarginValue | null;
+    onChange: (value: MarginValue | null) => void;
+    label?: string;
+    readOnly?: boolean;
+    showUnits?: boolean;
+}
+declare function MarginFieldInner({ value, onChange, label, readOnly, showUnits, }: MarginFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const MarginField: React.MemoExoticComponent<typeof MarginFieldInner>;
+/**
+ * Creates a Puck field configuration for margin/spacing
+ */
+export declare function createMarginField(config: {
+    label?: string;
+    showUnits?: boolean;
+}): CustomField<MarginValue | null>;
+export {};
+//# sourceMappingURL=MarginField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarginField.d.ts","sourceRoot":"","sources":["../../src/fields/MarginField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,MAAM,MAAM,WAAW,GAAG,YAAY,CAAA;AAQtC,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAoJD,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAgB,GACjB,EAAE,gBAAgB,2CAmJlB;AAED,eAAO,MAAM,WAAW,oDAAyB,CAAA;AAMjD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAclC"}