@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/fields/MarginField.js

@@ -8,8 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - 4 number inputs for top/right/bottom/left
  * - Link/unlink toggle button (when linked, all values sync)
  * - Unit selector (px, rem)
- */
-import { useCallback, memo } from 'react';
+ */ import React, { useCallback, memo } from 'react';
 import { Link, Unlink } from 'lucide-react';
 // =============================================================================
 // Default Value
@@ -20,7 +19,7 @@ const DEFAULT_VALUE = {
     bottom: 0,
     left: 0,
     unit: 'px',
-    linked: true,
+    linked: true
 };
 // =============================================================================
 // Styles
@@ -29,17 +28,17 @@ const styles = {
     container: {
         display: 'flex',
         flexDirection: 'column',
-        gap: '12px',
+        gap: '12px'
     },
     header: {
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'space-between',
+        justifyContent: 'space-between'
     },
     label: {
         fontSize: '14px',
         fontWeight: 500,
-        color: 'var(--theme-elevation-800)',
+        color: 'var(--theme-elevation-800)'
     },
     linkButton: {
         display: 'flex',
@@ -52,7 +51,7 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-bg)',
         color: 'var(--theme-elevation-500)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     linkButtonActive: {
         display: 'flex',
@@ -65,7 +64,7 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-elevation-800)',
         color: 'var(--theme-bg)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     grid: {
         display: 'grid',
@@ -73,12 +72,12 @@ const styles = {
         gap: '8px',
         padding: '8px',
         backgroundColor: 'var(--theme-elevation-50)',
-        borderRadius: '6px',
+        borderRadius: '6px'
     },
     inputRow: {
         display: 'flex',
         alignItems: 'center',
-        gap: '8px',
+        gap: '8px'
     },
     inputLabel: {
         fontSize: '10px',
@@ -87,7 +86,7 @@ const styles = {
         color: 'var(--theme-elevation-500)',
         width: '24px',
         textAlign: 'right',
-        flexShrink: 0,
+        flexShrink: 0
     },
     input: {
         height: '28px',
@@ -99,27 +98,27 @@ const styles = {
         border: '1px solid var(--theme-elevation-150)',
         borderRadius: '4px',
         backgroundColor: 'var(--theme-input-bg)',
-        color: 'var(--theme-elevation-800)',
+        color: 'var(--theme-elevation-800)'
     },
     footer: {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'space-between',
         flexWrap: 'wrap',
-        gap: '8px',
+        gap: '8px'
     },
     unitGroup: {
         display: 'flex',
         alignItems: 'center',
-        gap: '8px',
+        gap: '8px'
     },
     unitLabel: {
         fontSize: '12px',
-        color: 'var(--theme-elevation-500)',
+        color: 'var(--theme-elevation-500)'
     },
     unitButtons: {
         display: 'flex',
-        gap: '4px',
+        gap: '4px'
     },
     unitButton: {
         height: '28px',
@@ -130,7 +129,7 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-bg)',
         color: 'var(--theme-elevation-500)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     unitButtonActive: {
         height: '28px',
@@ -141,24 +140,24 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-elevation-800)',
         color: 'var(--theme-bg)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     summary: {
         fontSize: '12px',
         fontFamily: 'monospace',
-        color: 'var(--theme-elevation-500)',
-    },
+        color: 'var(--theme-elevation-500)'
+    }
 };
 // =============================================================================
 // MarginField Component
 // =============================================================================
-function MarginFieldInner({ value, onChange, label, readOnly, showUnits = true, }) {
+function MarginFieldInner({ value, onChange, label, readOnly, showUnits = true }) {
     // Use default if no value
     const currentValue = value || DEFAULT_VALUE;
     // Use explicit linked state from value, default to true if not set
     const isLinked = currentValue.linked ?? true;
     // Handle individual side change
-    const handleSideChange = useCallback((side, newValue) => {
+    const handleSideChange = useCallback((side, newValue)=>{
         if (isLinked) {
             // When linked, update all sides
             onChange({
@@ -167,28 +166,30 @@ function MarginFieldInner({ value, onChange, label, readOnly, showUnits = true,
                 right: newValue,
                 bottom: newValue,
                 left: newValue,
-                linked: true,
+                linked: true
             });
-        }
-        else {
+        } else {
             // When unlinked, update only the specific side
             onChange({
                 ...currentValue,
                 [side]: newValue,
-                linked: false,
+                linked: false
             });
         }
-    }, [currentValue, onChange, isLinked]);
+    }, [
+        currentValue,
+        onChange,
+        isLinked
+    ]);
     // Handle link toggle
-    const handleLinkToggle = useCallback(() => {
+    const handleLinkToggle = useCallback(()=>{
         if (isLinked) {
             // Unlinking - keep current values but mark as unlinked
             onChange({
                 ...currentValue,
-                linked: false,
+                linked: false
             });
-        }
-        else {
+        } else {
             // Linking - set all sides to the top value and mark as linked
             onChange({
                 ...currentValue,
@@ -196,38 +197,135 @@ function MarginFieldInner({ value, onChange, label, readOnly, showUnits = true,
                 right: currentValue.top,
                 bottom: currentValue.top,
                 left: currentValue.top,
-                linked: true,
+                linked: true
             });
         }
-    }, [currentValue, onChange, isLinked]);
+    }, [
+        currentValue,
+        onChange,
+        isLinked
+    ]);
     // Handle unit change
-    const handleUnitChange = useCallback((unit) => {
+    const handleUnitChange = useCallback((unit)=>{
         onChange({
             ...currentValue,
-            unit,
+            unit
         });
-    }, [currentValue, onChange]);
+    }, [
+        currentValue,
+        onChange
+    ]);
     // Render a single side input - compact horizontal layout
-    const renderSideInput = (side, sideLabel) => (_jsxs("div", { style: styles.inputRow, children: [_jsx("label", { style: styles.inputLabel, children: sideLabel.charAt(0) }), _jsx("input", { type: "number", min: 0, value: currentValue[side], onChange: (e) => handleSideChange(side, parseInt(e.target.value, 10) || 0), disabled: readOnly, style: styles.input })] }));
-    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [label && (_jsx("label", { style: styles.label, children: label })), !readOnly && (_jsx("button", { type: "button", onClick: handleLinkToggle, style: isLinked ? styles.linkButtonActive : styles.linkButton, title: isLinked ? 'Click to unlink (set sides individually)' : 'Click to link (all sides same value)', children: isLinked ? (_jsx(Link, { style: { width: '16px', height: '16px' } })) : (_jsx(Unlink, { style: { width: '16px', height: '16px' } })) }))] }), _jsxs("div", { style: styles.grid, children: [renderSideInput('top', 'Top'), renderSideInput('right', 'Right'), renderSideInput('bottom', 'Bottom'), renderSideInput('left', 'Left')] }), showUnits && !readOnly && (_jsxs("div", { style: styles.footer, children: [_jsxs("div", { style: styles.unitGroup, children: [_jsx("label", { style: styles.unitLabel, children: "Unit:" }), _jsx("div", { style: styles.unitButtons, children: ['px', 'rem'].map((unit) => {
+    const renderSideInput = (side, sideLabel)=>/*#__PURE__*/ _jsxs("div", {
+            style: styles.inputRow,
+            children: [
+                /*#__PURE__*/ _jsx("label", {
+                    style: styles.inputLabel,
+                    children: sideLabel.charAt(0)
+                }),
+                /*#__PURE__*/ _jsx("input", {
+                    type: "number",
+                    min: 0,
+                    value: currentValue[side],
+                    onChange: (e)=>handleSideChange(side, parseInt(e.target.value, 10) || 0),
+                    disabled: readOnly,
+                    style: styles.input
+                })
+            ]
+        });
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "puck-field",
+        style: styles.container,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: styles.header,
+                children: [
+                    label && /*#__PURE__*/ _jsx("label", {
+                        style: styles.label,
+                        children: label
+                    }),
+                    !readOnly && /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: handleLinkToggle,
+                        style: isLinked ? styles.linkButtonActive : styles.linkButton,
+                        title: isLinked ? 'Click to unlink (set sides individually)' : 'Click to link (all sides same value)',
+                        children: isLinked ? /*#__PURE__*/ _jsx(Link, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        }) : /*#__PURE__*/ _jsx(Unlink, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                style: styles.grid,
+                children: [
+                    renderSideInput('top', 'Top'),
+                    renderSideInput('right', 'Right'),
+                    renderSideInput('bottom', 'Bottom'),
+                    renderSideInput('left', 'Left')
+                ]
+            }),
+            showUnits && !readOnly && /*#__PURE__*/ _jsxs("div", {
+                style: styles.footer,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: styles.unitGroup,
+                        children: [
+                            /*#__PURE__*/ _jsx("label", {
+                                style: styles.unitLabel,
+                                children: "Unit:"
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                style: styles.unitButtons,
+                                children: [
+                                    'px',
+                                    'rem'
+                                ].map((unit)=>{
                                     const isActive = currentValue.unit === unit;
-                                    return (_jsx("button", { type: "button", onClick: () => handleUnitChange(unit), style: isActive ? styles.unitButtonActive : styles.unitButton, children: unit }, unit));
-                                }) })] }), _jsx("span", { style: styles.summary, children: isLinked
-                            ? `${currentValue.top}${currentValue.unit}`
-                            : `${currentValue.top} ${currentValue.right} ${currentValue.bottom} ${currentValue.left}${currentValue.unit}` })] }))] }));
+                                    return /*#__PURE__*/ _jsx("button", {
+                                        type: "button",
+                                        onClick: ()=>handleUnitChange(unit),
+                                        style: isActive ? styles.unitButtonActive : styles.unitButton,
+                                        children: unit
+                                    }, unit);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        style: styles.summary,
+                        children: isLinked ? `${currentValue.top}${currentValue.unit}` : `${currentValue.top} ${currentValue.right} ${currentValue.bottom} ${currentValue.left}${currentValue.unit}`
+                    })
+                ]
+            })
+        ]
+    });
 }
-export const MarginField = memo(MarginFieldInner);
+export const MarginField = /*#__PURE__*/ memo(MarginFieldInner);
 // =============================================================================
 // Field Configuration Factory
 // =============================================================================
 /**
  * Creates a Puck field configuration for margin/spacing
- */
-export function createMarginField(config) {
+ */ export function createMarginField(config) {
     return {
         type: 'custom',
         label: config.label,
-        render: ({ value, onChange, readOnly }) => (_jsx(MarginField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, showUnits: config.showUnits })),
+        render: ({ value, onChange, readOnly })=>/*#__PURE__*/ _jsx(MarginField, {
+                value: value,
+                onChange: onChange,
+                label: config.label,
+                readOnly: readOnly,
+                showUnits: config.showUnits
+            })
     };
 }
+
 //# sourceMappingURL=MarginField.js.map

package/dist/fields/MarginField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarginField.js","sourceRoot":"","sources":["../../src/fields/MarginField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;GAQG;AAEH,OAAc,EAAE,WAAW,EAAE,IAAI,EAAsB,MAAM,OAAO,CAAA;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAoB3C,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAM,aAAa,GAAgB;IACjC,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;CACb,CAAA;AAED,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG;IACb,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,MAAM;KACK;IAClB,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;KACf;IAClB,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,4BAA4B;KACnB;IAClB,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,sCAAsC;QAC9C,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,iBAAiB;QAClC,KAAK,EAAE,4BAA4B;QACnC,MAAM,EAAE,SAAS;KACD;IAClB,gBAAgB,EAAE;QAChB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,sCAAsC;QAC9C,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,4BAA4B;QAC7C,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,SAAS;KACD;IAClB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,SAAS;QAC9B,GAAG,EAAE,KAAK;QACV,OAAO,EAAE,KAAK;QACd,eAAe,EAAE,2BAA2B;QAC5C,YAAY,EAAE,KAAK;KACH;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACM;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,4BAA4B;QACnC,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,CAAC;KACG;IAClB,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,sCAAsC;QAC9C,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,uBAAuB;QACxC,KAAK,EAAE,4BAA4B;KACnB;IAClB,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,KAAK;KACM;IAClB,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACM;IAClB,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,4BAA4B;KACnB;IAClB,WAAW,EAAE;QACX,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;KACM;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,sCAAsC;QAC9C,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,iBAAiB;QAClC,KAAK,EAAE,4BAA4B;QACnC,MAAM,EAAE,SAAS;KACD;IAClB,gBAAgB,EAAE;QAChB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,sCAAsC;QAC9C,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,4BAA4B;QAC7C,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,SAAS;KACD;IAClB,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,WAAW;QACvB,KAAK,EAAE,4BAA4B;KACnB;CACnB,CAAA;AAED,gFAAgF;AAChF,wBAAwB;AACxB,gFAAgF;AAEhF,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,IAAI,GACC;IACjB,0BAA0B;IAC1B,MAAM,YAAY,GAAG,KAAK,IAAI,aAAa,CAAA;IAE3C,mEAAmE;IACnE,MAAM,QAAQ,GAAG,YAAY,CAAC,MAAM,IAAI,IAAI,CAAA;IAE5C,gCAAgC;IAChC,MAAM,gBAAgB,GAAG,WAAW,CAAC,CACnC,IAAyC,EACzC,QAAgB,EAChB,EAAE;QACF,IAAI,QAAQ,EAAE,CAAC;YACb,gCAAgC;YAChC,QAAQ,CAAC;gBACP,GAAG,YAAY;gBACf,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,IAAI;aACb,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,+CAA+C;YAC/C,QAAQ,CAAC;gBACP,GAAG,YAAY;gBACf,CAAC,IAAI,CAAC,EAAE,QAAQ;gBAChB,MAAM,EAAE,KAAK;aACd,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEtC,qBAAqB;IACrB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,QAAQ,EAAE,CAAC;YACb,uDAAuD;YACvD,QAAQ,CAAC;gBACP,GAAG,YAAY;gBACf,MAAM,EAAE,KAAK;aACd,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,8DAA8D;YAC9D,QAAQ,CAAC;gBACP,GAAG,YAAY;gBACf,GAAG,EAAE,YAAY,CAAC,GAAG;gBACrB,KAAK,EAAE,YAAY,CAAC,GAAG;gBACvB,MAAM,EAAE,YAAY,CAAC,GAAG;gBACxB,IAAI,EAAE,YAAY,CAAC,GAAG;gBACtB,MAAM,EAAE,IAAI;aACb,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEtC,qBAAqB;IACrB,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,IAAiB,EAAE,EAAE;QACzD,QAAQ,CAAC;YACP,GAAG,YAAY;YACf,IAAI;SACL,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,yDAAyD;IACzD,MAAM,eAAe,GAAG,CACtB,IAAyC,EACzC,SAAiB,EACjB,EAAE,CAAC,CACH,eAAK,KAAK,EAAE,MAAM,CAAC,QAAQ,aACzB,gBAAO,KAAK,EAAE,MAAM,CAAC,UAA2B,YAC7C,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,GACd,EACR,gBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EAC1E,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,KAAsB,GACpC,IACE,CACP,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAEjD,eAAK,KAAK,EAAE,MAAM,CAAC,MAAM,aACtB,KAAK,IAAI,CACR,gBAAO,KAAK,EAAE,MAAM,CAAC,KAAK,YACvB,KAAK,GACA,CACT,EAEA,CAAC,QAAQ,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAC7D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,sCAAsC,YAEpG,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACrD,GACM,CACV,IACG,EAGN,eAAK,KAAK,EAAE,MAAM,CAAC,IAAI,aACpB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAC7B,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,EACjC,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACnC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,IAC5B,EAGL,SAAS,IAAI,CAAC,QAAQ,IAAI,CACzB,eAAK,KAAK,EAAE,MAAM,CAAC,MAAM,aACvB,eAAK,KAAK,EAAE,MAAM,CAAC,SAAS,aAC1B,gBAAO,KAAK,EAAE,MAAM,CAAC,SAAS,sBAAe,EAC7C,cAAK,KAAK,EAAE,MAAM,CAAC,WAAW,YAC1B,CAAC,IAAI,EAAE,KAAK,CAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oCAC7C,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,KAAK,IAAI,CAAA;oCAC3C,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,YAE5D,IAAI,IALA,IAAI,CAMF,CACV,CAAA;gCACH,CAAC,CAAC,GACE,IACF,EAEN,eAAM,KAAK,EAAE,MAAM,CAAC,OAAO,YACxB,QAAQ;4BACP,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,IAAI,EAAE;4BAC3C,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,IAAI,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,MAAM,IAAI,YAAY,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,GAE1G,IACH,CACP,IACG,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAA;AAEjD,gFAAgF;AAChF,8BAA8B;AAC9B,gFAAgF;AAEhF;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAGjC;IACC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,SAAS,GAC3B,CACH;KACF,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../src/fields/MarginField.tsx"],"sourcesContent":["'use client'\n\n/**\n * MarginField - Custom Puck field for component margin/spacing control\n *\n * Similar to PaddingField but specifically for outer margin.\n * Provides:\n * - 4 number inputs for top/right/bottom/left\n * - Link/unlink toggle button (when linked, all values sync)\n * - Unit selector (px, rem)\n */\n\nimport React, { useCallback, memo, type CSSProperties } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport { Link, Unlink } from 'lucide-react'\nimport type { PaddingValue } from './shared.js'\n\n// Re-use PaddingValue type for margin (same structure)\nexport type MarginValue = PaddingValue\n\n// =============================================================================\n// Types\n// =============================================================================\n\ntype SpacingUnit = 'px' | 'rem' | 'em' | '%'\n\ninterface MarginFieldProps {\n  value: MarginValue | null\n  onChange: (value: MarginValue | null) => void\n  label?: string\n  readOnly?: boolean\n  showUnits?: boolean\n}\n\n// =============================================================================\n// Default Value\n// =============================================================================\n\nconst DEFAULT_VALUE: MarginValue = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  unit: 'px',\n  linked: true,\n}\n\n// =============================================================================\n// Styles\n// =============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '12px',\n  } as CSSProperties,\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  } as CSSProperties,\n  label: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-elevation-800)',\n  } as CSSProperties,\n  linkButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '28px',\n    height: '28px',\n    padding: 0,\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-500)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  linkButtonActive: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '28px',\n    height: '28px',\n    padding: 0,\n    border: '1px solid var(--theme-elevation-800)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-elevation-800)',\n    color: 'var(--theme-bg)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  grid: {\n    display: 'grid',\n    gridTemplateColumns: '1fr 1fr',\n    gap: '8px',\n    padding: '8px',\n    backgroundColor: 'var(--theme-elevation-50)',\n    borderRadius: '6px',\n  } as CSSProperties,\n  inputRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as CSSProperties,\n  inputLabel: {\n    fontSize: '10px',\n    textTransform: 'uppercase',\n    letterSpacing: '0.05em',\n    color: 'var(--theme-elevation-500)',\n    width: '24px',\n    textAlign: 'right',\n    flexShrink: 0,\n  } as CSSProperties,\n  input: {\n    height: '28px',\n    width: '100%',\n    padding: '0 4px',\n    textAlign: 'center',\n    fontSize: '14px',\n    fontFamily: 'monospace',\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-input-bg)',\n    color: 'var(--theme-elevation-800)',\n  } as CSSProperties,\n  footer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexWrap: 'wrap',\n    gap: '8px',\n  } as CSSProperties,\n  unitGroup: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as CSSProperties,\n  unitLabel: {\n    fontSize: '12px',\n    color: 'var(--theme-elevation-500)',\n  } as CSSProperties,\n  unitButtons: {\n    display: 'flex',\n    gap: '4px',\n  } as CSSProperties,\n  unitButton: {\n    height: '28px',\n    padding: '0 10px',\n    fontSize: '12px',\n    fontFamily: 'monospace',\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-500)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  unitButtonActive: {\n    height: '28px',\n    padding: '0 10px',\n    fontSize: '12px',\n    fontFamily: 'monospace',\n    border: '1px solid var(--theme-elevation-800)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-elevation-800)',\n    color: 'var(--theme-bg)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  summary: {\n    fontSize: '12px',\n    fontFamily: 'monospace',\n    color: 'var(--theme-elevation-500)',\n  } as CSSProperties,\n}\n\n// =============================================================================\n// MarginField Component\n// =============================================================================\n\nfunction MarginFieldInner({\n  value,\n  onChange,\n  label,\n  readOnly,\n  showUnits = true,\n}: MarginFieldProps) {\n  // Use default if no value\n  const currentValue = value || DEFAULT_VALUE\n\n  // Use explicit linked state from value, default to true if not set\n  const isLinked = currentValue.linked ?? true\n\n  // Handle individual side change\n  const handleSideChange = useCallback((\n    side: 'top' | 'right' | 'bottom' | 'left',\n    newValue: number\n  ) => {\n    if (isLinked) {\n      // When linked, update all sides\n      onChange({\n        ...currentValue,\n        top: newValue,\n        right: newValue,\n        bottom: newValue,\n        left: newValue,\n        linked: true,\n      })\n    } else {\n      // When unlinked, update only the specific side\n      onChange({\n        ...currentValue,\n        [side]: newValue,\n        linked: false,\n      })\n    }\n  }, [currentValue, onChange, isLinked])\n\n  // Handle link toggle\n  const handleLinkToggle = useCallback(() => {\n    if (isLinked) {\n      // Unlinking - keep current values but mark as unlinked\n      onChange({\n        ...currentValue,\n        linked: false,\n      })\n    } else {\n      // Linking - set all sides to the top value and mark as linked\n      onChange({\n        ...currentValue,\n        top: currentValue.top,\n        right: currentValue.top,\n        bottom: currentValue.top,\n        left: currentValue.top,\n        linked: true,\n      })\n    }\n  }, [currentValue, onChange, isLinked])\n\n  // Handle unit change\n  const handleUnitChange = useCallback((unit: SpacingUnit) => {\n    onChange({\n      ...currentValue,\n      unit,\n    })\n  }, [currentValue, onChange])\n\n  // Render a single side input - compact horizontal layout\n  const renderSideInput = (\n    side: 'top' | 'right' | 'bottom' | 'left',\n    sideLabel: string\n  ) => (\n    <div style={styles.inputRow}>\n      <label style={styles.inputLabel as CSSProperties}>\n        {sideLabel.charAt(0)}\n      </label>\n      <input\n        type=\"number\"\n        min={0}\n        value={currentValue[side]}\n        onChange={(e) => handleSideChange(side, parseInt(e.target.value, 10) || 0)}\n        disabled={readOnly}\n        style={styles.input as CSSProperties}\n      />\n    </div>\n  )\n\n  return (\n    <div className=\"puck-field\" style={styles.container}>\n      {/* Header with label and link toggle */}\n      <div style={styles.header}>\n        {label && (\n          <label style={styles.label}>\n            {label}\n          </label>\n        )}\n        {/* Link/Unlink toggle button */}\n        {!readOnly && (\n          <button\n            type=\"button\"\n            onClick={handleLinkToggle}\n            style={isLinked ? styles.linkButtonActive : styles.linkButton}\n            title={isLinked ? 'Click to unlink (set sides individually)' : 'Click to link (all sides same value)'}\n          >\n            {isLinked ? (\n              <Link style={{ width: '16px', height: '16px' }} />\n            ) : (\n              <Unlink style={{ width: '16px', height: '16px' }} />\n            )}\n          </button>\n        )}\n      </div>\n\n      {/* Compact 2x2 grid layout */}\n      <div style={styles.grid}>\n        {renderSideInput('top', 'Top')}\n        {renderSideInput('right', 'Right')}\n        {renderSideInput('bottom', 'Bottom')}\n        {renderSideInput('left', 'Left')}\n      </div>\n\n      {/* Unit selector and summary */}\n      {showUnits && !readOnly && (\n        <div style={styles.footer}>\n          <div style={styles.unitGroup}>\n            <label style={styles.unitLabel}>Unit:</label>\n            <div style={styles.unitButtons}>\n              {(['px', 'rem'] as SpacingUnit[]).map((unit) => {\n                const isActive = currentValue.unit === unit\n                return (\n                  <button\n                    key={unit}\n                    type=\"button\"\n                    onClick={() => handleUnitChange(unit)}\n                    style={isActive ? styles.unitButtonActive : styles.unitButton}\n                  >\n                    {unit}\n                  </button>\n                )\n              })}\n            </div>\n          </div>\n          {/* Current value summary */}\n          <span style={styles.summary}>\n            {isLinked\n              ? `${currentValue.top}${currentValue.unit}`\n              : `${currentValue.top} ${currentValue.right} ${currentValue.bottom} ${currentValue.left}${currentValue.unit}`\n            }\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const MarginField = memo(MarginFieldInner)\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\n/**\n * Creates a Puck field configuration for margin/spacing\n */\nexport function createMarginField(config: {\n  label?: string\n  showUnits?: boolean\n}): CustomField<MarginValue | null> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange, readOnly }) => (\n      <MarginField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        readOnly={readOnly}\n        showUnits={config.showUnits}\n      />\n    ),\n  }\n}\n"],"names":["React","useCallback","memo","Link","Unlink","DEFAULT_VALUE","top","right","bottom","left","unit","linked","styles","container","display","flexDirection","gap","header","alignItems","justifyContent","label","fontSize","fontWeight","color","linkButton","width","height","padding","border","borderRadius","backgroundColor","cursor","linkButtonActive","grid","gridTemplateColumns","inputRow","inputLabel","textTransform","letterSpacing","textAlign","flexShrink","input","fontFamily","footer","flexWrap","unitGroup","unitLabel","unitButtons","unitButton","unitButtonActive","summary","MarginFieldInner","value","onChange","readOnly","showUnits","currentValue","isLinked","handleSideChange","side","newValue","handleLinkToggle","handleUnitChange","renderSideInput","sideLabel","div","style","charAt","type","min","e","parseInt","target","disabled","className","button","onClick","title","map","isActive","span","MarginField","createMarginField","config","render"],"mappings":"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"}

package/dist/fields/MediaField.d.ts

@@ -20,7 +20,7 @@ interface MediaFieldProps {
     readOnly?: boolean;
     apiEndpoint?: string;
 }
-declare function MediaFieldInner({ value, onChange, label, readOnly, apiEndpoint, }: MediaFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function MediaFieldInner({ value, onChange, label, readOnly, apiEndpoint, }: MediaFieldProps): React.JSX.Element;
 export declare const MediaField: React.MemoExoticComponent<typeof MediaFieldInner>;
 /**
  * Creates a Puck field configuration for media selection

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

@@ -1 +1 @@
-{"version":3,"file":"MediaField.d.ts","sourceRoot":"","sources":["../../src/fields/MediaField.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAqE,MAAM,OAAO,CAAA;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAOnD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAmaD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAA0B,GAC3B,EAAE,eAAe,2CA6mBjB;AAGD,eAAO,MAAM,UAAU,mDAAwB,CAAA;AAM/C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,CAcrC"}
+{"version":3,"file":"MediaField.d.ts","sourceRoot":"","sources":["../../src/fields/MediaField.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAqE,MAAM,OAAO,CAAA;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAOnD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAmaD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAA0B,GAC3B,EAAE,eAAe,qBA6mBjB;AAGD,eAAO,MAAM,UAAU,mDAAwB,CAAA;AAM/C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,CAcrC"}