@delmaredigital/payload-puck 0.2.0 → 0.3.0

package/dist/fields/TransformField.js

@@ -0,0 +1,384 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * TransformField - Custom Puck field for CSS transforms
+ *
+ * This component provides:
+ * - Live preview of transform effect
+ * - Rotate slider (-360 to 360)
+ * - Scale X/Y with link/unlink toggle
+ * - Skew X/Y sliders
+ * - Translate X/Y inputs with unit selector
+ * - Transform origin 3x3 grid selector
+ * - Collapsible 3D section (perspective, rotateX, rotateY)
+ */
+import { useCallback, memo, useState } from 'react';
+import { Link, Unlink, RotateCw, Maximize2, X, ChevronDown, ChevronRight, Box, } from 'lucide-react';
+import { DEFAULT_TRANSFORM, transformValueToCSS } from './shared';
+// =============================================================================
+// 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: '96px',
+        backgroundColor: 'var(--theme-elevation-50)',
+        borderRadius: '6px',
+        border: '1px solid var(--theme-elevation-150)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+    },
+    previewBox: {
+        width: '48px',
+        height: '48px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        borderRadius: '6px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        color: 'var(--theme-bg)',
+        fontSize: '12px',
+        fontWeight: 500,
+        transition: 'transform 0.2s',
+    },
+    section: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+        padding: '12px',
+        backgroundColor: 'var(--theme-elevation-50)',
+        borderRadius: '6px',
+    },
+    sectionHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    sectionTitle: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    sectionLabel: {
+        fontSize: '12px',
+        fontWeight: 500,
+        color: 'var(--theme-elevation-700)',
+    },
+    linkButton: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-700)',
+        cursor: 'pointer',
+    },
+    linkButtonActive: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        color: 'var(--theme-bg)',
+        cursor: 'pointer',
+    },
+    grid: {
+        display: 'grid',
+        gridTemplateColumns: '1fr 1fr',
+        gap: '12px',
+    },
+    sliderGroup: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+    },
+    sliderHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    sliderLabel: {
+        fontSize: '10px',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        color: 'var(--theme-elevation-500)',
+    },
+    sliderValue: {
+        fontSize: '12px',
+        fontFamily: 'monospace',
+        color: 'var(--theme-elevation-500)',
+    },
+    slider: {
+        width: '100%',
+        height: '6px',
+        accentColor: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+    },
+    translateRow: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    select: {
+        height: '28px',
+        width: '64px',
+        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',
+    },
+    inputGroup: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+    },
+    inputLabel: {
+        fontSize: '10px',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        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)',
+    },
+    originGrid: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(3, 1fr)',
+        gap: '4px',
+        width: 'fit-content',
+    },
+    originButton: {
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-50)',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    originButtonActive: {
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    originDot: {
+        width: '8px',
+        height: '8px',
+        borderRadius: '50%',
+        backgroundColor: 'var(--theme-elevation-400)',
+    },
+    originDotActive: {
+        width: '8px',
+        height: '8px',
+        borderRadius: '50%',
+        backgroundColor: 'var(--theme-bg)',
+    },
+    originRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '16px',
+    },
+    originLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+        textTransform: 'capitalize',
+    },
+    collapsible: {
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '6px',
+        overflow: 'hidden',
+    },
+    collapsibleHeader: {
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '12px',
+        border: 'none',
+        backgroundColor: 'var(--theme-elevation-50)',
+        cursor: 'pointer',
+    },
+    collapsibleTitle: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    collapsibleContent: {
+        padding: '12px',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+        borderTop: '1px solid var(--theme-elevation-150)',
+    },
+    checkboxRow: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    checkbox: {
+        width: '16px',
+        height: '16px',
+        accentColor: 'var(--theme-elevation-800)',
+        cursor: 'pointer',
+    },
+    checkboxLabel: {
+        fontSize: '12px',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+    },
+};
+const ORIGIN_POSITIONS = [
+    'top-left', 'top', 'top-right',
+    'left', 'center', 'right',
+    'bottom-left', 'bottom', 'bottom-right',
+];
+function OriginGrid({ value, onChange, disabled }) {
+    return (_jsx("div", { style: styles.originGrid, children: ORIGIN_POSITIONS.map((origin) => {
+            const isActive = value === origin;
+            return (_jsx("button", { type: "button", onClick: () => onChange(origin), disabled: disabled, style: {
+                    ...(isActive ? styles.originButtonActive : styles.originButton),
+                    ...(disabled ? { opacity: 0.5, cursor: 'not-allowed' } : {}),
+                }, title: origin.replace('-', ' '), children: _jsx("span", { style: isActive ? styles.originDotActive : styles.originDot }) }, origin));
+        }) }));
+}
+function SliderInput({ value, onChange, min, max, step = 1, disabled, label, unit = '', }) {
+    return (_jsxs("div", { style: styles.sliderGroup, children: [label && (_jsxs("div", { style: styles.sliderHeader, children: [_jsx("label", { style: styles.sliderLabel, children: label }), _jsxs("span", { style: styles.sliderValue, children: [value, unit] })] })), _jsx("input", { type: "range", min: min, max: max, step: step, value: value, onChange: (e) => onChange(Number(e.target.value)), disabled: disabled, style: {
+                    ...styles.slider,
+                    ...(disabled ? { opacity: 0.5, cursor: 'not-allowed' } : {}),
+                } })] }));
+}
+// =============================================================================
+// TransformField Component
+// =============================================================================
+function TransformFieldInner({ value, onChange, label, readOnly, }) {
+    const [show3D, setShow3D] = useState(value?.enable3D ?? false);
+    // Use default if no value
+    const currentValue = value || DEFAULT_TRANSFORM;
+    // Handle individual value changes
+    const handleChange = useCallback((key, newValue) => {
+        onChange({
+            ...currentValue,
+            [key]: newValue,
+        });
+    }, [currentValue, onChange]);
+    // Handle scale change with locking
+    const handleScaleChange = useCallback((axis, newValue) => {
+        if (currentValue.scaleLocked) {
+            onChange({
+                ...currentValue,
+                scaleX: newValue,
+                scaleY: newValue,
+            });
+        }
+        else {
+            onChange({
+                ...currentValue,
+                [axis]: newValue,
+            });
+        }
+    }, [currentValue, onChange]);
+    // Handle scale lock toggle
+    const handleScaleLockToggle = useCallback(() => {
+        if (!currentValue.scaleLocked) {
+            // When locking, sync both to X value
+            onChange({
+                ...currentValue,
+                scaleLocked: true,
+                scaleY: currentValue.scaleX,
+            });
+        }
+        else {
+            onChange({
+                ...currentValue,
+                scaleLocked: false,
+            });
+        }
+    }, [currentValue, onChange]);
+    // Handle 3D toggle
+    const handle3DToggle = useCallback((enabled) => {
+        setShow3D(enabled);
+        onChange({
+            ...currentValue,
+            enable3D: enabled,
+        });
+    }, [currentValue, onChange]);
+    // Handle clear
+    const handleClear = useCallback(() => {
+        onChange(null);
+    }, [onChange]);
+    // Get preview styles
+    const previewStyles = transformValueToCSS(currentValue) || {};
+    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 transform", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.preview, children: _jsx("div", { style: { ...styles.previewBox, ...previewStyles }, children: "Aa" }) }), _jsxs("div", { style: styles.section, children: [_jsxs("div", { style: styles.sectionTitle, children: [_jsx(RotateCw, { style: { width: '16px', height: '16px', color: 'var(--theme-elevation-500)' } }), _jsx("label", { style: styles.sectionLabel, children: "Rotate" })] }), _jsx(SliderInput, { value: currentValue.rotate, onChange: (v) => handleChange('rotate', v), min: -360, max: 360, disabled: readOnly, unit: "deg" })] }), _jsxs("div", { style: styles.section, children: [_jsxs("div", { style: styles.sectionHeader, children: [_jsxs("div", { style: styles.sectionTitle, children: [_jsx(Maximize2, { style: { width: '16px', height: '16px', color: 'var(--theme-elevation-500)' } }), _jsx("label", { style: styles.sectionLabel, children: "Scale" })] }), !readOnly && (_jsx("button", { type: "button", onClick: handleScaleLockToggle, style: currentValue.scaleLocked ? styles.linkButtonActive : styles.linkButton, title: currentValue.scaleLocked ? 'Click to unlink X and Y scale' : 'Click to link X and Y scale', children: currentValue.scaleLocked ? (_jsx(Link, { style: { width: '12px', height: '12px' } })) : (_jsx(Unlink, { style: { width: '12px', height: '12px' } })) }))] }), _jsxs("div", { style: currentValue.scaleLocked ? {} : styles.grid, children: [_jsx(SliderInput, { label: currentValue.scaleLocked ? 'Scale' : 'Scale X', value: currentValue.scaleX, onChange: (v) => handleScaleChange('scaleX', v), min: 0.1, max: 3, step: 0.1, disabled: readOnly }), !currentValue.scaleLocked && (_jsx(SliderInput, { label: "Scale Y", value: currentValue.scaleY, onChange: (v) => handleScaleChange('scaleY', v), min: 0.1, max: 3, step: 0.1, disabled: readOnly }))] })] }), _jsxs("div", { style: styles.section, children: [_jsx("label", { style: styles.sectionLabel, children: "Skew" }), _jsxs("div", { style: styles.grid, children: [_jsx(SliderInput, { label: "Skew X", value: currentValue.skewX, onChange: (v) => handleChange('skewX', v), min: -45, max: 45, disabled: readOnly, unit: "deg" }), _jsx(SliderInput, { label: "Skew Y", value: currentValue.skewY, onChange: (v) => handleChange('skewY', v), min: -45, max: 45, disabled: readOnly, unit: "deg" })] })] }), _jsxs("div", { style: styles.section, children: [_jsxs("div", { style: styles.translateRow, children: [_jsx("label", { style: styles.sectionLabel, children: "Translate" }), _jsxs("select", { value: currentValue.translateUnit, onChange: (e) => handleChange('translateUnit', e.target.value), disabled: readOnly, style: styles.select, children: [_jsx("option", { value: "px", children: "px" }), _jsx("option", { value: "rem", children: "rem" }), _jsx("option", { value: "%", children: "%" })] })] }), _jsxs("div", { style: styles.grid, children: [_jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "X" }), _jsx("input", { type: "number", value: currentValue.translateX, onChange: (e) => handleChange('translateX', parseFloat(e.target.value) || 0), disabled: readOnly, style: styles.input })] }), _jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Y" }), _jsx("input", { type: "number", value: currentValue.translateY, onChange: (e) => handleChange('translateY', parseFloat(e.target.value) || 0), disabled: readOnly, style: styles.input })] })] })] }), _jsxs("div", { style: styles.section, children: [_jsx("label", { style: styles.sectionLabel, children: "Transform Origin" }), _jsxs("div", { style: styles.originRow, children: [_jsx(OriginGrid, { value: currentValue.origin, onChange: (v) => handleChange('origin', v), disabled: readOnly }), _jsx("span", { style: styles.originLabel, children: currentValue.origin.replace('-', ' ') })] })] }), _jsxs("div", { style: styles.collapsible, children: [_jsxs("button", { type: "button", onClick: () => setShow3D(!show3D), style: styles.collapsibleHeader, children: [_jsxs("div", { style: styles.collapsibleTitle, children: [_jsx(Box, { style: { width: '16px', height: '16px', color: 'var(--theme-elevation-500)' } }), _jsx("label", { style: styles.sectionLabel, children: "3D Transforms" })] }), show3D ? (_jsx(ChevronDown, { style: { width: '16px', height: '16px', color: 'var(--theme-elevation-500)' } })) : (_jsx(ChevronRight, { style: { width: '16px', height: '16px', color: 'var(--theme-elevation-500)' } }))] }), show3D && (_jsxs("div", { style: styles.collapsibleContent, children: [_jsxs("div", { style: styles.checkboxRow, children: [_jsx("input", { type: "checkbox", id: "enable3d", checked: currentValue.enable3D, onChange: (e) => handle3DToggle(e.target.checked), disabled: readOnly, style: styles.checkbox }), _jsx("label", { htmlFor: "enable3d", style: styles.checkboxLabel, children: "Enable 3D Transforms" })] }), currentValue.enable3D && (_jsxs(_Fragment, { children: [_jsxs("div", { style: styles.inputGroup, children: [_jsx("label", { style: styles.inputLabel, children: "Perspective (px)" }), _jsx("input", { type: "number", min: 100, max: 2000, value: currentValue.perspective ?? 1000, onChange: (e) => handleChange('perspective', parseInt(e.target.value, 10) || 1000), disabled: readOnly, style: styles.input })] }), _jsxs("div", { style: styles.grid, children: [_jsx(SliderInput, { label: "Rotate X", value: currentValue.rotateX ?? 0, onChange: (v) => handleChange('rotateX', v), min: -180, max: 180, disabled: readOnly, unit: "deg" }), _jsx(SliderInput, { label: "Rotate Y", value: currentValue.rotateY ?? 0, onChange: (v) => handleChange('rotateY', v), min: -180, max: 180, disabled: readOnly, unit: "deg" })] })] }))] }))] })] }));
+}
+export const TransformField = memo(TransformFieldInner);
+// =============================================================================
+// Field Configuration Factory
+// =============================================================================
+/**
+ * Creates a Puck field configuration for CSS transforms
+ */
+export function createTransformField(config) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange, readOnly }) => (_jsx(TransformField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly })),
+    };
+}
+//# sourceMappingURL=TransformField.js.map

package/dist/fields/TransformField.js.map

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

package/dist/fields/VerticalAlignmentField.d.ts

@@ -0,0 +1,35 @@
+/**
+ * VerticalAlignmentField - Icon toggle buttons for vertical/self alignment
+ *
+ * Used for grid item self-alignment (e.g., in TextImageSplit)
+ * Controls how an item aligns itself within its grid/flex cell.
+ */
+import React from 'react';
+import type { CustomField } from '@measured/puck';
+export type VerticalAlignment = 'flex-start' | 'center' | 'flex-end';
+interface VerticalAlignmentFieldProps {
+    value: VerticalAlignment | null;
+    onChange: (value: VerticalAlignment | null) => void;
+    label?: string;
+    readOnly?: boolean;
+    defaultValue?: VerticalAlignment;
+}
+declare function VerticalAlignmentFieldInner({ value, onChange, label, readOnly, defaultValue, }: VerticalAlignmentFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const VerticalAlignmentField: React.MemoExoticComponent<typeof VerticalAlignmentFieldInner>;
+interface CreateVerticalAlignmentFieldConfig {
+    label?: string;
+    defaultValue?: VerticalAlignment;
+}
+/**
+ * Creates a Puck field configuration for vertical/self alignment control
+ *
+ * @example
+ * ```ts
+ * fields: {
+ *   verticalAlignment: createVerticalAlignmentField({ label: 'Vertical Alignment' }),
+ * }
+ * ```
+ */
+export declare function createVerticalAlignmentField(config?: CreateVerticalAlignmentFieldConfig): CustomField<VerticalAlignment | null>;
+export {};
+//# sourceMappingURL=VerticalAlignmentField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalAlignmentField.d.ts","sourceRoot":"","sources":["../../src/fields/VerticalAlignmentField.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAYjD,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEpE,UAAU,2BAA2B;IACnC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC;AA2ED,iBAAS,2BAA2B,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,KAA4B,EAC5B,QAAQ,EACR,YAAuB,GACxB,EAAE,2BAA2B,2CAyD7B;AAED,eAAO,MAAM,sBAAsB,+DAAoC,CAAA;AAMvE,UAAU,kCAAkC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC;AAED;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,GAAE,kCAAuC,GAC9C,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAcvC"}

package/dist/fields/VerticalAlignmentField.js

@@ -0,0 +1,120 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * VerticalAlignmentField - Icon toggle buttons for vertical/self alignment
+ *
+ * Used for grid item self-alignment (e.g., in TextImageSplit)
+ * Controls how an item aligns itself within its grid/flex cell.
+ */
+import { useCallback, memo } from 'react';
+import { AlignStartVertical, AlignCenterVertical, AlignEndVertical, X, } from 'lucide-react';
+// =============================================================================
+// Styles
+// =============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    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',
+    },
+    buttonGroup: {
+        display: 'flex',
+        gap: '4px',
+    },
+    button: {
+        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',
+    },
+    buttonActive: {
+        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',
+    },
+    buttonDisabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+};
+// =============================================================================
+// VerticalAlignmentField Component
+// =============================================================================
+function VerticalAlignmentFieldInner({ value, onChange, label = 'Vertical Alignment', readOnly, defaultValue = 'center', }) {
+    const currentValue = value ?? defaultValue;
+    const handleChange = useCallback((alignment) => {
+        onChange(alignment);
+    }, [onChange]);
+    const handleClear = useCallback(() => {
+        onChange(null);
+    }, [onChange]);
+    const options = [
+        { value: 'flex-start', icon: AlignStartVertical, title: 'Top' },
+        { value: 'center', icon: AlignCenterVertical, title: 'Center' },
+        { value: 'flex-end', icon: AlignEndVertical, title: 'Bottom' },
+    ];
+    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_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.buttonGroup, children: options.map(({ value: optionValue, icon: Icon, title }) => {
+                    const isActive = currentValue === optionValue;
+                    return (_jsx("button", { type: "button", onClick: () => handleChange(optionValue), disabled: readOnly, style: {
+                            ...(isActive ? styles.buttonActive : styles.button),
+                            ...(readOnly ? styles.buttonDisabled : {}),
+                        }, title: title, children: _jsx(Icon, { style: { width: '16px', height: '16px' } }) }, optionValue));
+                }) })] }));
+}
+export const VerticalAlignmentField = memo(VerticalAlignmentFieldInner);
+/**
+ * Creates a Puck field configuration for vertical/self alignment control
+ *
+ * @example
+ * ```ts
+ * fields: {
+ *   verticalAlignment: createVerticalAlignmentField({ label: 'Vertical Alignment' }),
+ * }
+ * ```
+ */
+export function createVerticalAlignmentField(config = {}) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange, readOnly }) => (_jsx(VerticalAlignmentField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, defaultValue: config.defaultValue })),
+    };
+}
+//# sourceMappingURL=VerticalAlignmentField.js.map

package/dist/fields/VerticalAlignmentField.js.map

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

package/dist/fields/WidthField.d.ts

@@ -0,0 +1,28 @@
+/**
+ * WidthField - Custom Puck field for flexible width control
+ *
+ * This component provides:
+ * - Width mode selector (Full, Contained, Custom)
+ * - Custom max-width input with unit selector (px, %, rem, vw)
+ * - Content alignment (left, center, right)
+ * - Preset quick-select buttons for common widths
+ */
+import React from 'react';
+import type { CustomField } from '@measured/puck';
+import type { WidthValue } from './shared';
+interface WidthFieldProps {
+    value: WidthValue | null;
+    onChange: (value: WidthValue | null) => void;
+    label?: string;
+    readOnly?: boolean;
+}
+declare function WidthFieldInner({ value, onChange, label, readOnly, }: WidthFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const WidthField: React.MemoExoticComponent<typeof WidthFieldInner>;
+/**
+ * Creates a Puck field configuration for width control
+ */
+export declare function createWidthField(config: {
+    label?: string;
+}): CustomField<WidthValue | null>;
+export {};
+//# sourceMappingURL=WidthField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidthField.d.ts","sourceRoot":"","sources":["../../src/fields/WidthField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAUjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAU1C,UAAU,eAAe;IACvB,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;CACnB;AAoPD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE,eAAe,2CAoMjB;AAED,eAAO,MAAM,UAAU,mDAAwB,CAAA;AAM/C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAajC"}