@delmaredigital/payload-puck 0.6.13 → 0.6.15

package/dist/fields/DimensionsField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/DimensionsField.tsx"],"sourcesContent":["'use client'\n\n/**\n * DimensionsField - Unified Puck field for width and height constraints\n *\n * This component provides:\n * - Width mode selector (Full, Contained, Custom)\n * - Min/max width controls\n * - Min/max height controls\n * - Content alignment (left, center, right)\n * - Progressive disclosure (simple vs advanced mode)\n * - Preset quick-select buttons for common widths\n */\n\nimport React, { useCallback, memo, useState, type CSSProperties } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport {\n  X,\n  AlignStartHorizontal,\n  AlignCenterHorizontal,\n  AlignEndHorizontal,\n  MoveHorizontal,\n  Square,\n  SlidersHorizontal,\n  ChevronDown,\n  ChevronUp,\n} from 'lucide-react'\nimport type {\n  DimensionsValue,\n  DimensionConstraint,\n  DimensionsUnit,\n  DimensionsMode,\n  ContentAlignment,\n} from './shared.js'\nimport { getDimensionsSummary } from './shared.js'\n\n// =============================================================================\n// Types\n// =============================================================================\n\ninterface DimensionsFieldProps {\n  value: DimensionsValue | null\n  onChange: (value: DimensionsValue | null) => void\n  label?: string\n  readOnly?: boolean\n  /** Show height controls (default: true) */\n  showHeightControls?: boolean\n  /** Show min controls in advanced mode (default: true) */\n  showMinControls?: boolean\n  /** Start with advanced mode expanded (default: false) */\n  defaultAdvancedMode?: boolean\n}\n\n// =============================================================================\n// Default Values\n// =============================================================================\n\nconst DEFAULT_VALUE: DimensionsValue = {\n  mode: 'full',\n  alignment: 'center',\n  maxWidth: {\n    value: 0,\n    unit: 'px',\n    enabled: false,\n  },\n  advancedMode: false,\n}\n\nconst WIDTH_PRESETS = [\n  { label: 'Narrow', value: 680 },\n  { label: 'Medium', value: 960 },\n  { label: 'Wide', value: 1200 },\n  { label: 'XL', value: 1440 },\n]\n\nconst WIDTH_UNITS: DimensionsUnit[] = ['px', 'rem', '%', 'vw']\nconst HEIGHT_UNITS: DimensionsUnit[] = ['px', 'rem', '%', 'vh']\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  clearButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '24px',\n    height: '24px',\n    padding: 0,\n    border: 'none',\n    borderRadius: '4px',\n    backgroundColor: 'transparent',\n    color: 'var(--theme-elevation-500)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  modeGroup: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '4px',\n  } as CSSProperties,\n  modeButton: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '4px 12px',\n    fontSize: '12px',\n    fontWeight: 500,\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-700)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  modeButtonActive: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '4px 12px',\n    fontSize: '12px',\n    fontWeight: 500,\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  controlsPanel: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '12px',\n    padding: '12px',\n    backgroundColor: 'var(--theme-elevation-50)',\n    borderRadius: '6px',\n  } as CSSProperties,\n  sectionLabel: {\n    fontSize: '10px',\n    textTransform: 'uppercase',\n    letterSpacing: '0.05em',\n    color: 'var(--theme-elevation-500)',\n  } as CSSProperties,\n  presetGroup: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '6px',\n  } as CSSProperties,\n  presetButtons: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '4px',\n  } as CSSProperties,\n  presetButton: {\n    flex: '1 1 auto',\n    minWidth: '50px',\n    height: '28px',\n    padding: '0 8px',\n    fontSize: '12px',\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-700)',\n    cursor: 'pointer',\n    whiteSpace: 'nowrap',\n  } as CSSProperties,\n  presetButtonActive: {\n    flex: '1 1 auto',\n    minWidth: '50px',\n    height: '28px',\n    padding: '0 8px',\n    fontSize: '12px',\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    whiteSpace: 'nowrap',\n  } as CSSProperties,\n  inputGroup: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '6px',\n  } as CSSProperties,\n  inputRow: {\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    gap: '8px',\n  } as CSSProperties,\n  input: {\n    flex: 1,\n    minWidth: '80px',\n    height: '32px',\n    padding: '0 8px',\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  unitGroup: {\n    display: 'flex',\n    flexShrink: 0,\n    gap: '4px',\n  } as CSSProperties,\n  unitButton: {\n    height: '32px',\n    padding: '0 8px',\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: '32px',\n    padding: '0 8px',\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  footer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexWrap: 'wrap',\n    gap: '8px',\n  } as CSSProperties,\n  alignGroup: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as CSSProperties,\n  alignLabel: {\n    fontSize: '12px',\n    color: 'var(--theme-elevation-500)',\n    flexShrink: 0,\n  } as CSSProperties,\n  alignButtons: {\n    display: 'flex',\n    gap: '4px',\n  } as CSSProperties,\n  alignButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '32px',\n    height: '32px',\n    padding: 0,\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-700)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  alignButtonActive: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '32px',\n    height: '32px',\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  alignButtonDisabled: {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  } as CSSProperties,\n  summary: {\n    fontSize: '12px',\n    color: 'var(--theme-elevation-500)',\n    fontFamily: 'monospace',\n  } as CSSProperties,\n  advancedToggle: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    padding: '8px 12px',\n    fontSize: '12px',\n    border: 'none',\n    borderRadius: '4px',\n    backgroundColor: 'transparent',\n    color: 'var(--theme-elevation-500)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  constraintRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  } as CSSProperties,\n  checkboxLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    cursor: 'pointer',\n    minWidth: '90px',\n  } as CSSProperties,\n  checkbox: {\n    width: '16px',\n    height: '16px',\n    accentColor: 'var(--theme-elevation-800)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  checkboxText: {\n    fontSize: '12px',\n    color: 'var(--theme-elevation-500)',\n  } as CSSProperties,\n  constraintInput: {\n    flex: 1,\n    minWidth: '60px',\n    height: '28px',\n    padding: '0 8px',\n    fontSize: '12px',\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  smallUnitButton: {\n    height: '28px',\n    padding: '0 10px',\n    fontSize: '10px',\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  smallUnitButtonActive: {\n    height: '28px',\n    padding: '0 10px',\n    fontSize: '10px',\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  constraintsSection: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\n  } as CSSProperties,\n  constraintsList: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\n    paddingLeft: '4px',\n  } as CSSProperties,\n}\n\n// =============================================================================\n// ConstraintInput Sub-component\n// =============================================================================\n\ninterface ConstraintInputProps {\n  label: string\n  constraint: DimensionConstraint | null | undefined\n  onChange: (constraint: DimensionConstraint) => void\n  onToggle: (enabled: boolean) => void\n  units: DimensionsUnit[]\n  disabled?: boolean\n  placeholder?: string\n}\n\nfunction ConstraintInput({\n  label,\n  constraint,\n  onChange,\n  onToggle,\n  units,\n  disabled,\n  placeholder = '0',\n}: ConstraintInputProps) {\n  const isEnabled = constraint?.enabled ?? false\n  const value = constraint?.value ?? 0\n  const unit = constraint?.unit ?? 'px'\n\n  const handleValueChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = parseInt(e.target.value, 10) || 0\n      onChange({\n        value: newValue,\n        unit,\n        enabled: isEnabled,\n      })\n    },\n    [unit, isEnabled, onChange]\n  )\n\n  const handleUnitChange = useCallback(\n    (newUnit: DimensionsUnit) => {\n      onChange({\n        value,\n        unit: newUnit,\n        enabled: isEnabled,\n      })\n    },\n    [value, isEnabled, onChange]\n  )\n\n  const handleToggle = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onToggle(e.target.checked)\n    },\n    [onToggle]\n  )\n\n  return (\n    <div style={styles.constraintRow}>\n      <label style={styles.checkboxLabel}>\n        <input\n          type=\"checkbox\"\n          checked={isEnabled}\n          onChange={handleToggle}\n          disabled={disabled}\n          style={styles.checkbox}\n        />\n        <span style={styles.checkboxText}>{label}</span>\n      </label>\n\n      <input\n        type=\"number\"\n        min={0}\n        value={isEnabled ? value : ''}\n        onChange={handleValueChange}\n        disabled={disabled || !isEnabled}\n        placeholder={placeholder}\n        style={{\n          ...styles.constraintInput,\n          ...(disabled || !isEnabled ? { opacity: 0.5 } : {}),\n        }}\n      />\n\n      <div style={{ display: 'flex', gap: '2px', flexShrink: 0 }}>\n        {units.map((u) => (\n          <button\n            key={u}\n            type=\"button\"\n            onClick={() => handleUnitChange(u)}\n            disabled={disabled || !isEnabled}\n            style={{\n              ...(unit === u && isEnabled ? styles.smallUnitButtonActive : styles.smallUnitButton),\n              ...(disabled || !isEnabled ? { opacity: 0.5, cursor: 'not-allowed' } : {}),\n            }}\n          >\n            {u}\n          </button>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n// =============================================================================\n// DimensionsField Component\n// =============================================================================\n\nfunction DimensionsFieldInner({\n  value,\n  onChange,\n  label,\n  readOnly,\n  showHeightControls = true,\n  showMinControls = true,\n  defaultAdvancedMode = false,\n}: DimensionsFieldProps) {\n  const currentValue = value || DEFAULT_VALUE\n  const [advancedMode, setAdvancedMode] = useState(\n    currentValue.advancedMode ?? defaultAdvancedMode\n  )\n\n  // Handle mode change\n  const handleModeChange = useCallback(\n    (mode: DimensionsMode) => {\n      if (mode === 'full') {\n        onChange({\n          ...currentValue,\n          mode,\n          alignment: 'center',\n        })\n      } else {\n        onChange({\n          ...currentValue,\n          mode,\n        })\n      }\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle max width value change\n  const handleMaxWidthChange = useCallback(\n    (constraint: DimensionConstraint) => {\n      onChange({\n        ...currentValue,\n        maxWidth: constraint,\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle max width toggle\n  const handleMaxWidthToggle = useCallback(\n    (enabled: boolean) => {\n      onChange({\n        ...currentValue,\n        maxWidth: {\n          ...currentValue.maxWidth,\n          enabled,\n        },\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle min width change\n  const handleMinWidthChange = useCallback(\n    (constraint: DimensionConstraint) => {\n      onChange({\n        ...currentValue,\n        minWidth: constraint,\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle min width toggle\n  const handleMinWidthToggle = useCallback(\n    (enabled: boolean) => {\n      onChange({\n        ...currentValue,\n        minWidth: enabled\n          ? { value: currentValue.minWidth?.value ?? 0, unit: currentValue.minWidth?.unit ?? 'px', enabled: true }\n          : { ...currentValue.minWidth!, enabled: false },\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle min height change\n  const handleMinHeightChange = useCallback(\n    (constraint: DimensionConstraint) => {\n      onChange({\n        ...currentValue,\n        minHeight: constraint,\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle min height toggle\n  const handleMinHeightToggle = useCallback(\n    (enabled: boolean) => {\n      onChange({\n        ...currentValue,\n        minHeight: enabled\n          ? { value: currentValue.minHeight?.value ?? 0, unit: currentValue.minHeight?.unit ?? 'px', enabled: true }\n          : currentValue.minHeight ? { ...currentValue.minHeight, enabled: false } : null,\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle max height change\n  const handleMaxHeightChange = useCallback(\n    (constraint: DimensionConstraint) => {\n      onChange({\n        ...currentValue,\n        maxHeight: constraint,\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle max height toggle\n  const handleMaxHeightToggle = useCallback(\n    (enabled: boolean) => {\n      onChange({\n        ...currentValue,\n        maxHeight: enabled\n          ? { value: currentValue.maxHeight?.value ?? 0, unit: currentValue.maxHeight?.unit ?? 'px', enabled: true }\n          : currentValue.maxHeight ? { ...currentValue.maxHeight, enabled: false } : null,\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle alignment change\n  const handleAlignmentChange = useCallback(\n    (alignment: ContentAlignment) => {\n      onChange({\n        ...currentValue,\n        alignment,\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle preset selection\n  const handlePresetSelect = useCallback(\n    (presetValue: number) => {\n      onChange({\n        ...currentValue,\n        mode: 'contained',\n        maxWidth: {\n          value: presetValue,\n          unit: 'px',\n          enabled: true,\n        },\n      })\n    },\n    [currentValue, onChange]\n  )\n\n  // Handle clear\n  const handleClear = useCallback(() => {\n    onChange(null)\n  }, [onChange])\n\n  // Handle advanced mode toggle\n  const handleAdvancedToggle = useCallback(() => {\n    const newAdvancedMode = !advancedMode\n    setAdvancedMode(newAdvancedMode)\n    if (value !== null) {\n      onChange({\n        ...currentValue,\n        advancedMode: newAdvancedMode,\n      })\n    }\n  }, [advancedMode, currentValue, onChange, value])\n\n  // Mode labels\n  const modeConfig = [\n    { mode: 'full' as DimensionsMode, icon: MoveHorizontal, label: 'Full', title: 'Full width (100%)' },\n    { mode: 'contained' as DimensionsMode, icon: Square, label: 'Contain', title: 'Contained (centered with max-width)' },\n    { mode: 'custom' as DimensionsMode, icon: SlidersHorizontal, label: 'Custom', title: 'Custom width settings' },\n  ]\n\n  const alignmentConfig = [\n    { alignment: 'left' as ContentAlignment, icon: AlignStartHorizontal, title: 'Align left' },\n    { alignment: 'center' as ContentAlignment, icon: AlignCenterHorizontal, title: 'Align center' },\n    { alignment: 'right' as ContentAlignment, icon: AlignEndHorizontal, title: 'Align right' },\n  ]\n\n  const showWidthControls = currentValue.mode !== 'full'\n\n  return (\n    <div className=\"puck-field\" style={styles.container}>\n      {/* Header with label and clear */}\n      <div style={styles.header}>\n        {label && (\n          <label style={styles.label}>{label}</label>\n        )}\n        {value && !readOnly && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            style={styles.clearButton}\n            title=\"Reset to default\"\n          >\n            <X style={{ width: '16px', height: '16px' }} />\n          </button>\n        )}\n      </div>\n\n      {/* Width Mode Selector */}\n      <div style={styles.modeGroup as CSSProperties}>\n        {modeConfig.map(({ mode, icon: Icon, label: modeLabel, title }) => {\n          const isActive = currentValue.mode === mode\n          return (\n            <button\n              key={mode}\n              type=\"button\"\n              onClick={() => handleModeChange(mode)}\n              disabled={readOnly}\n              style={isActive ? styles.modeButtonActive : styles.modeButton}\n              title={title}\n            >\n              <Icon style={{ width: '14px', height: '14px' }} />\n              {modeLabel}\n            </button>\n          )\n        })}\n      </div>\n\n      {/* Width Controls */}\n      {showWidthControls && (\n        <div style={styles.controlsPanel as CSSProperties}>\n          {/* Preset Quick Selects */}\n          <div style={styles.presetGroup as CSSProperties}>\n            <label style={styles.sectionLabel as CSSProperties}>Presets</label>\n            <div style={styles.presetButtons}>\n              {WIDTH_PRESETS.map((preset) => {\n                const isActive =\n                  currentValue.maxWidth.value === preset.value &&\n                  currentValue.maxWidth.unit === 'px' &&\n                  currentValue.maxWidth.enabled\n                return (\n                  <button\n                    key={preset.value}\n                    type=\"button\"\n                    onClick={() => handlePresetSelect(preset.value)}\n                    disabled={readOnly}\n                    style={isActive ? styles.presetButtonActive : styles.presetButton}\n                  >\n                    {preset.label}\n                  </button>\n                )\n              })}\n            </div>\n          </div>\n\n          {/* Simple Mode: Just Max Width */}\n          {!advancedMode && (\n            <div style={styles.inputGroup as CSSProperties}>\n              <label style={styles.sectionLabel as CSSProperties}>Max Width</label>\n              <div style={styles.inputRow}>\n                <input\n                  type=\"number\"\n                  min={0}\n                  value={currentValue.maxWidth.value}\n                  onChange={(e) =>\n                    handleMaxWidthChange({\n                      ...currentValue.maxWidth,\n                      value: parseInt(e.target.value, 10) || 0,\n                    })\n                  }\n                  disabled={readOnly}\n                  style={styles.input}\n                />\n                <div style={styles.unitGroup}>\n                  {WIDTH_UNITS.map((unit) => {\n                    const isActive = currentValue.maxWidth.unit === unit\n                    return (\n                      <button\n                        key={unit}\n                        type=\"button\"\n                        onClick={() =>\n                          handleMaxWidthChange({\n                            ...currentValue.maxWidth,\n                            unit,\n                          })\n                        }\n                        disabled={readOnly}\n                        style={isActive ? styles.unitButtonActive : styles.unitButton}\n                      >\n                        {unit}\n                      </button>\n                    )\n                  })}\n                </div>\n              </div>\n            </div>\n          )}\n\n          {/* Advanced Mode */}\n          {advancedMode && (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n              {/* Width Constraints */}\n              <div style={styles.constraintsSection as CSSProperties}>\n                <label style={styles.sectionLabel as CSSProperties}>\n                  Width Constraints\n                </label>\n                <div style={styles.constraintsList as CSSProperties}>\n                  {showMinControls && (\n                    <ConstraintInput\n                      label=\"Min Width\"\n                      constraint={currentValue.minWidth}\n                      onChange={handleMinWidthChange}\n                      onToggle={handleMinWidthToggle}\n                      units={WIDTH_UNITS}\n                      disabled={readOnly}\n                    />\n                  )}\n                  <ConstraintInput\n                    label=\"Max Width\"\n                    constraint={currentValue.maxWidth}\n                    onChange={handleMaxWidthChange}\n                    onToggle={handleMaxWidthToggle}\n                    units={WIDTH_UNITS}\n                    disabled={readOnly}\n                  />\n                </div>\n              </div>\n\n              {/* Height Constraints */}\n              {showHeightControls && (\n                <div style={styles.constraintsSection as CSSProperties}>\n                  <label style={styles.sectionLabel as CSSProperties}>\n                    Height Constraints\n                  </label>\n                  <div style={styles.constraintsList as CSSProperties}>\n                    {showMinControls && (\n                      <ConstraintInput\n                        label=\"Min Height\"\n                        constraint={currentValue.minHeight}\n                        onChange={handleMinHeightChange}\n                        onToggle={handleMinHeightToggle}\n                        units={HEIGHT_UNITS}\n                        disabled={readOnly}\n                      />\n                    )}\n                    <ConstraintInput\n                      label=\"Max Height\"\n                      constraint={currentValue.maxHeight}\n                      onChange={handleMaxHeightChange}\n                      onToggle={handleMaxHeightToggle}\n                      units={HEIGHT_UNITS}\n                      disabled={readOnly}\n                    />\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Height Constraints for Full Mode (still allow height constraints) */}\n      {!showWidthControls && showHeightControls && advancedMode && (\n        <div style={styles.controlsPanel as CSSProperties}>\n          <label style={styles.sectionLabel as CSSProperties}>\n            Height Constraints\n          </label>\n          <div style={styles.constraintsList as CSSProperties}>\n            {showMinControls && (\n              <ConstraintInput\n                label=\"Min Height\"\n                constraint={currentValue.minHeight}\n                onChange={handleMinHeightChange}\n                onToggle={handleMinHeightToggle}\n                units={HEIGHT_UNITS}\n                disabled={readOnly}\n              />\n            )}\n            <ConstraintInput\n              label=\"Max Height\"\n              constraint={currentValue.maxHeight}\n              onChange={handleMaxHeightChange}\n              onToggle={handleMaxHeightToggle}\n              units={HEIGHT_UNITS}\n              disabled={readOnly}\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Footer: Alignment + Summary + Advanced Toggle */}\n      <div style={styles.footer}>\n        {/* Alignment */}\n        <div style={styles.alignGroup}>\n          <label style={styles.alignLabel}>Align:</label>\n          <div style={styles.alignButtons}>\n            {alignmentConfig.map(({ alignment, icon: Icon, title }) => {\n              const isActive = currentValue.alignment === alignment\n              const isDisabled = readOnly || currentValue.mode === 'full'\n              return (\n                <button\n                  key={alignment}\n                  type=\"button\"\n                  onClick={() => handleAlignmentChange(alignment)}\n                  disabled={isDisabled}\n                  style={{\n                    ...(isActive ? styles.alignButtonActive : styles.alignButton),\n                    ...(isDisabled ? styles.alignButtonDisabled : {}),\n                  }}\n                  title={title}\n                >\n                  <Icon style={{ width: '14px', height: '14px' }} />\n                </button>\n              )\n            })}\n          </div>\n        </div>\n\n        {/* Value Summary */}\n        <span style={styles.summary}>\n          {getDimensionsSummary(currentValue)}\n        </span>\n      </div>\n\n      {/* Advanced Toggle */}\n      {(showHeightControls || showMinControls) && (\n        <button\n          type=\"button\"\n          onClick={handleAdvancedToggle}\n          disabled={readOnly}\n          style={styles.advancedToggle}\n        >\n          {advancedMode ? (\n            <>\n              <ChevronUp style={{ width: '14px', height: '14px', marginRight: '4px' }} />\n              Hide Advanced\n            </>\n          ) : (\n            <>\n              <ChevronDown style={{ width: '14px', height: '14px', marginRight: '4px' }} />\n              Show Advanced\n            </>\n          )}\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport const DimensionsField = memo(DimensionsFieldInner)\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\ninterface CreateDimensionsFieldConfig {\n  label?: string\n  /** Show height controls (default: true) */\n  showHeightControls?: boolean\n  /** Show min controls in advanced mode (default: true) */\n  showMinControls?: boolean\n  /** Start with advanced mode expanded (default: false) */\n  defaultAdvancedMode?: boolean\n}\n\n/**\n * Creates a Puck field configuration for dimensions control\n */\nexport function createDimensionsField(\n  config: CreateDimensionsFieldConfig = {}\n): CustomField<DimensionsValue | null> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange, readOnly }) => (\n      <DimensionsField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        readOnly={readOnly}\n        showHeightControls={config.showHeightControls}\n        showMinControls={config.showMinControls}\n        defaultAdvancedMode={config.defaultAdvancedMode}\n      />\n    ),\n  }\n}\n"],"names":["React","useCallback","memo","useState","X","AlignStartHorizontal","AlignCenterHorizontal","AlignEndHorizontal","MoveHorizontal","Square","SlidersHorizontal","ChevronDown","ChevronUp","getDimensionsSummary","DEFAULT_VALUE","mode","alignment","maxWidth","value","unit","enabled","advancedMode","WIDTH_PRESETS","label","WIDTH_UNITS","HEIGHT_UNITS","styles","container","display","flexDirection","gap","header","alignItems","justifyContent","fontSize","fontWeight","color","clearButton","width","height","padding","border","borderRadius","backgroundColor","cursor","modeGroup","flexWrap","modeButton","modeButtonActive","controlsPanel","sectionLabel","textTransform","letterSpacing","presetGroup","presetButtons","presetButton","flex","minWidth","whiteSpace","presetButtonActive","inputGroup","inputRow","input","fontFamily","unitGroup","flexShrink","unitButton","unitButtonActive","footer","alignGroup","alignLabel","alignButtons","alignButton","alignButtonActive","alignButtonDisabled","opacity","summary","advancedToggle","constraintRow","checkboxLabel","checkbox","accentColor","checkboxText","constraintInput","smallUnitButton","smallUnitButtonActive","constraintsSection","constraintsList","paddingLeft","ConstraintInput","constraint","onChange","onToggle","units","disabled","placeholder","isEnabled","handleValueChange","e","newValue","parseInt","target","handleUnitChange","newUnit","handleToggle","checked","div","style","type","span","min","map","u","button","onClick","DimensionsFieldInner","readOnly","showHeightControls","showMinControls","defaultAdvancedMode","currentValue","setAdvancedMode","handleModeChange","handleMaxWidthChange","handleMaxWidthToggle","handleMinWidthChange","handleMinWidthToggle","handleMinHeightChange","minHeight","handleMinHeightToggle","handleMaxHeightChange","maxHeight","handleMaxHeightToggle","handleAlignmentChange","handlePresetSelect","presetValue","handleClear","handleAdvancedToggle","newAdvancedMode","modeConfig","icon","title","alignmentConfig","showWidthControls","className","Icon","modeLabel","isActive","preset","isDisabled","marginRight","DimensionsField","createDimensionsField","config","render"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FlexAlignmentField.d.ts","sourceRoot":"","sources":["../../src/fields/FlexAlignmentField.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAkBnD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAA;AACpG,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;AAEzE,UAAU,wBAAwB;IAChC,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,YAAY,CAAC,EAAE,cAAc,CAAA;CAC9B;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B;AA2ED,iBAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAyB,EACzB,QAAQ,EACR,YAA2B,GAC5B,EAAE,wBAAwB,qBA2D1B;AAED,eAAO,MAAM,mBAAmB,4DAAiC,CAAA;AAMjE,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAqB,EACrB,QAAQ,EACR,YAAuB,GACxB,EAAE,oBAAoB,qBA0DtB;AAED,eAAO,MAAM,eAAe,wDAA6B,CAAA;AAMzD,UAAU,+BAA+B;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,cAAc,CAAA;CAC9B;AAED,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,GAAE,+BAAoC,GAC3C,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,CAcpC;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,GAAE,2BAAgC,GACvC,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAchC"}

package/dist/fields/FlexAlignmentField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/FlexAlignmentField.tsx"],"sourcesContent":["'use client'\n\n/**\n * FlexAlignmentField - Icon toggle buttons for flexbox alignment properties\n *\n * Provides two specialized fields:\n * - JustifyContentField: Controls main-axis distribution (horizontal in row, vertical in column)\n * - AlignItemsField: Controls cross-axis alignment (vertical in row, horizontal in column)\n */\n\nimport React, { useCallback, memo, type CSSProperties } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport {\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n  AlignHorizontalDistributeCenter,\n  GripHorizontal,\n  AlignStartVertical,\n  AlignCenterVertical,\n  AlignEndVertical,\n  MoveVertical,\n  X,\n} from 'lucide-react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type JustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around'\nexport type AlignItems = 'flex-start' | 'center' | 'flex-end' | 'stretch'\n\ninterface JustifyContentFieldProps {\n  value: JustifyContent | null\n  onChange: (value: JustifyContent | null) => void\n  label?: string\n  readOnly?: boolean\n  defaultValue?: JustifyContent\n}\n\ninterface AlignItemsFieldProps {\n  value: AlignItems | null\n  onChange: (value: AlignItems | null) => void\n  label?: string\n  readOnly?: boolean\n  defaultValue?: AlignItems\n}\n\n// =============================================================================\n// Styles\n// =============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\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  clearButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '24px',\n    height: '24px',\n    padding: 0,\n    border: 'none',\n    borderRadius: '4px',\n    backgroundColor: 'transparent',\n    color: 'var(--theme-elevation-500)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  buttonGroup: {\n    display: 'flex',\n    gap: '4px',\n  } as CSSProperties,\n  button: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '32px',\n    height: '32px',\n    padding: 0,\n    border: '1px solid var(--theme-elevation-150)',\n    borderRadius: '4px',\n    backgroundColor: 'var(--theme-bg)',\n    color: 'var(--theme-elevation-700)',\n    cursor: 'pointer',\n  } as CSSProperties,\n  buttonActive: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '32px',\n    height: '32px',\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  buttonDisabled: {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  } as CSSProperties,\n}\n\n// =============================================================================\n// JustifyContentField Component\n// =============================================================================\n\nfunction JustifyContentFieldInner({\n  value,\n  onChange,\n  label = 'Justify Content',\n  readOnly,\n  defaultValue = 'flex-start',\n}: JustifyContentFieldProps) {\n  const currentValue = value ?? defaultValue\n\n  const handleChange = useCallback((justifyContent: JustifyContent) => {\n    onChange(justifyContent)\n  }, [onChange])\n\n  const handleClear = useCallback(() => {\n    onChange(null)\n  }, [onChange])\n\n  const options = [\n    { value: 'flex-start' as JustifyContent, icon: AlignLeft, title: 'Start' },\n    { value: 'center' as JustifyContent, icon: AlignCenter, title: 'Center' },\n    { value: 'flex-end' as JustifyContent, icon: AlignRight, title: 'End' },\n    { value: 'space-between' as JustifyContent, icon: AlignHorizontalDistributeCenter, title: 'Space Between' },\n    { value: 'space-around' as JustifyContent, icon: GripHorizontal, title: 'Space Around' },\n  ]\n\n  return (\n    <div className=\"puck-field\" style={styles.container}>\n      <div style={styles.header}>\n        <label style={styles.label}>\n          {label}\n        </label>\n        {value && !readOnly && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            style={styles.clearButton}\n            title=\"Reset to default\"\n          >\n            <X style={{ width: '16px', height: '16px' }} />\n          </button>\n        )}\n      </div>\n\n      <div style={styles.buttonGroup}>\n        {options.map(({ value: optionValue, icon: Icon, title }) => {\n          const isActive = currentValue === optionValue\n          return (\n            <button\n              key={optionValue}\n              type=\"button\"\n              onClick={() => handleChange(optionValue)}\n              disabled={readOnly}\n              style={{\n                ...(isActive ? styles.buttonActive : styles.button),\n                ...(readOnly ? styles.buttonDisabled : {}),\n              }}\n              title={title}\n            >\n              <Icon style={{ width: '16px', height: '16px' }} />\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport const JustifyContentField = memo(JustifyContentFieldInner)\n\n// =============================================================================\n// AlignItemsField Component\n// =============================================================================\n\nfunction AlignItemsFieldInner({\n  value,\n  onChange,\n  label = 'Align Items',\n  readOnly,\n  defaultValue = 'center',\n}: AlignItemsFieldProps) {\n  const currentValue = value ?? defaultValue\n\n  const handleChange = useCallback((alignItems: AlignItems) => {\n    onChange(alignItems)\n  }, [onChange])\n\n  const handleClear = useCallback(() => {\n    onChange(null)\n  }, [onChange])\n\n  const options = [\n    { value: 'flex-start' as AlignItems, icon: AlignStartVertical, title: 'Start' },\n    { value: 'center' as AlignItems, icon: AlignCenterVertical, title: 'Center' },\n    { value: 'flex-end' as AlignItems, icon: AlignEndVertical, title: 'End' },\n    { value: 'stretch' as AlignItems, icon: MoveVertical, title: 'Stretch' },\n  ]\n\n  return (\n    <div className=\"puck-field\" style={styles.container}>\n      <div style={styles.header}>\n        <label style={styles.label}>\n          {label}\n        </label>\n        {value && !readOnly && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            style={styles.clearButton}\n            title=\"Reset to default\"\n          >\n            <X style={{ width: '16px', height: '16px' }} />\n          </button>\n        )}\n      </div>\n\n      <div style={styles.buttonGroup}>\n        {options.map(({ value: optionValue, icon: Icon, title }) => {\n          const isActive = currentValue === optionValue\n          return (\n            <button\n              key={optionValue}\n              type=\"button\"\n              onClick={() => handleChange(optionValue)}\n              disabled={readOnly}\n              style={{\n                ...(isActive ? styles.buttonActive : styles.button),\n                ...(readOnly ? styles.buttonDisabled : {}),\n              }}\n              title={title}\n            >\n              <Icon style={{ width: '16px', height: '16px' }} />\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport const AlignItemsField = memo(AlignItemsFieldInner)\n\n// =============================================================================\n// Field Configuration Factories\n// =============================================================================\n\ninterface CreateJustifyContentFieldConfig {\n  label?: string\n  defaultValue?: JustifyContent\n}\n\ninterface CreateAlignItemsFieldConfig {\n  label?: string\n  defaultValue?: AlignItems\n}\n\n/**\n * Creates a Puck field configuration for flex justify-content control\n *\n * @example\n * ```ts\n * fields: {\n *   justifyContent: createJustifyContentField({ label: 'Justify Content' }),\n * }\n * ```\n */\nexport function createJustifyContentField(\n  config: CreateJustifyContentFieldConfig = {}\n): CustomField<JustifyContent | null> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange, readOnly }) => (\n      <JustifyContentField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        readOnly={readOnly}\n        defaultValue={config.defaultValue}\n      />\n    ),\n  }\n}\n\n/**\n * Creates a Puck field configuration for flex align-items control\n *\n * @example\n * ```ts\n * fields: {\n *   alignItems: createAlignItemsField({ label: 'Align Items' }),\n * }\n * ```\n */\nexport function createAlignItemsField(\n  config: CreateAlignItemsFieldConfig = {}\n): CustomField<AlignItems | null> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange, readOnly }) => (\n      <AlignItemsField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        readOnly={readOnly}\n        defaultValue={config.defaultValue}\n      />\n    ),\n  }\n}\n"],"names":["React","useCallback","memo","AlignLeft","AlignCenter","AlignRight","AlignHorizontalDistributeCenter","GripHorizontal","AlignStartVertical","AlignCenterVertical","AlignEndVertical","MoveVertical","X","styles","container","display","flexDirection","gap","header","alignItems","justifyContent","label","fontSize","fontWeight","color","clearButton","width","height","padding","border","borderRadius","backgroundColor","cursor","buttonGroup","button","buttonActive","buttonDisabled","opacity","JustifyContentFieldInner","value","onChange","readOnly","defaultValue","currentValue","handleChange","handleClear","options","icon","title","div","className","style","type","onClick","map","optionValue","Icon","isActive","disabled","JustifyContentField","AlignItemsFieldInner","AlignItemsField","createJustifyContentField","config","render","createAlignItemsField"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FolderPickerField.d.ts","sourceRoot":"","sources":["../../src/fields/FolderPickerField.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAcnD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAkUD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAgB,EAChB,UAA8B,GAC/B,EAAE,sBAAsB,qBAmKxB;AAMD;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,CAAC,EAAE;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAa7B"}

package/dist/fields/FolderPickerField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/FolderPickerField.tsx"],"sourcesContent":["'use client'\n\n/**\n * FolderPickerField - Custom Puck field for folder selection\n *\n * Integrates with @delmaredigital/payload-page-tree to allow\n * selecting folders from within the Puck editor.\n */\n\nimport React, { useState, useEffect } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport { Folder, FolderOpen, FolderPlus, ChevronRight, ChevronDown, Check, X } from 'lucide-react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\ninterface FolderNode {\n  id: string\n  name: string\n  pathSegment?: string\n  children?: FolderNode[]\n}\n\ninterface FolderPickerFieldProps {\n  value: string | null\n  onChange: (value: string | null) => void\n  label?: string\n  folderSlug?: string\n}\n\ninterface FolderTreeProps {\n  folders: FolderNode[]\n  selectedId: string | null\n  onSelect: (folderId: string | null) => void\n  expandedIds: Set<string>\n  onToggleExpand: (folderId: string) => void\n  level?: number\n}\n\n// =============================================================================\n// Folder Path Hook\n// =============================================================================\n\n/**\n * Fetches the folder path for display\n */\nfunction useFolderPath(folderId: string | null, folderSlug: string = 'payload-folders') {\n  const [folderPath, setFolderPath] = useState<string | null>(null)\n  const [loading, setLoading] = useState(false)\n\n  useEffect(() => {\n    if (!folderId) {\n      setFolderPath(null)\n      return\n    }\n\n    async function fetchPath() {\n      setLoading(true)\n      try {\n        // Fetch folder and build path by traversing parents\n        const response = await fetch(`/api/${folderSlug}/${folderId}?depth=2`)\n        if (!response.ok) {\n          setFolderPath(null)\n          return\n        }\n\n        const folder = await response.json()\n        const pathParts: string[] = []\n\n        // Build path from folder hierarchy\n        let current = folder\n        while (current) {\n          if (current.pathSegment || current.name) {\n            pathParts.unshift(current.pathSegment || current.name)\n          }\n          current = current.folder\n        }\n\n        setFolderPath(pathParts.length > 0 ? `/${pathParts.join('/')}` : null)\n      } catch (error) {\n        console.error('Error fetching folder path:', error)\n        setFolderPath(null)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchPath()\n  }, [folderId, folderSlug])\n\n  return { folderPath, loading }\n}\n\n/**\n * Fetches all folders for the tree\n */\nfunction useFolders(folderSlug: string = 'payload-folders') {\n  const [folders, setFolders] = useState<FolderNode[]>([])\n  const [loading, setLoading] = useState(true)\n  const [fetchCount, setFetchCount] = useState(0)\n\n  const refetch = () => setFetchCount((c) => c + 1)\n\n  useEffect(() => {\n    async function fetchFolders() {\n      setLoading(true)\n      try {\n        const response = await fetch(`/api/${folderSlug}?limit=1000&sort=name`)\n        if (!response.ok) {\n          setFolders([])\n          return\n        }\n\n        const data = await response.json()\n        const allFolders = data.docs || []\n\n        // Build tree structure\n        const folderMap = new Map<string, FolderNode>()\n        const rootFolders: FolderNode[] = []\n\n        // First pass: create all nodes\n        for (const folder of allFolders) {\n          folderMap.set(folder.id, {\n            id: folder.id,\n            name: folder.name,\n            pathSegment: folder.pathSegment,\n            children: [],\n          })\n        }\n\n        // Second pass: build hierarchy\n        for (const folder of allFolders) {\n          const node = folderMap.get(folder.id)!\n          const parentId = typeof folder.folder === 'object' ? folder.folder?.id : folder.folder\n\n          if (parentId && folderMap.has(parentId)) {\n            folderMap.get(parentId)!.children!.push(node)\n          } else {\n            rootFolders.push(node)\n          }\n        }\n\n        // Sort children by name\n        const sortChildren = (nodes: FolderNode[]) => {\n          nodes.sort((a, b) => a.name.localeCompare(b.name))\n          for (const node of nodes) {\n            if (node.children?.length) {\n              sortChildren(node.children)\n            }\n          }\n        }\n        sortChildren(rootFolders)\n\n        setFolders(rootFolders)\n      } catch (error) {\n        console.error('Error fetching folders:', error)\n        setFolders([])\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchFolders()\n  }, [folderSlug, fetchCount])\n\n  return { folders, loading, refetch }\n}\n\n// =============================================================================\n// FolderTree Component\n// =============================================================================\n\nfunction FolderTreeItem({\n  folder,\n  selectedId,\n  onSelect,\n  expandedIds,\n  onToggleExpand,\n  level = 0,\n}: {\n  folder: FolderNode\n  selectedId: string | null\n  onSelect: (folderId: string | null) => void\n  expandedIds: Set<string>\n  onToggleExpand: (folderId: string) => void\n  level?: number\n}) {\n  const hasChildren = folder.children && folder.children.length > 0\n  const isExpanded = expandedIds.has(folder.id)\n  const isSelected = folder.id === selectedId\n\n  return (\n    <div>\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: '6px 8px',\n          paddingLeft: `${8 + level * 16}px`,\n          cursor: 'pointer',\n          borderRadius: '4px',\n          backgroundColor: isSelected ? 'var(--puck-color-azure-12)' : 'transparent',\n          transition: 'background-color 0.1s ease',\n        }}\n        onClick={() => onSelect(folder.id)}\n        onMouseEnter={(e) => {\n          if (!isSelected) {\n            e.currentTarget.style.backgroundColor = 'var(--puck-color-grey-11)'\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isSelected) {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }\n        }}\n      >\n        {/* Expand/collapse button */}\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onToggleExpand(folder.id)\n            }}\n            style={{\n              background: 'none',\n              border: 'none',\n              padding: '2px',\n              cursor: 'pointer',\n              color: 'var(--puck-color-grey-05)',\n              display: 'flex',\n              alignItems: 'center',\n            }}\n          >\n            {isExpanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n          </button>\n        ) : (\n          <span style={{ width: '18px' }} />\n        )}\n\n        {/* Folder icon */}\n        {isExpanded ? (\n          <FolderOpen size={16} style={{ marginRight: '8px', color: 'var(--puck-color-azure-06)' }} />\n        ) : (\n          <Folder size={16} style={{ marginRight: '8px', color: 'var(--puck-color-grey-05)' }} />\n        )}\n\n        {/* Folder name */}\n        <span\n          style={{\n            fontSize: '14px',\n            color: isSelected ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',\n            flex: 1,\n          }}\n        >\n          {folder.name}\n        </span>\n\n        {/* Selected indicator */}\n        {isSelected && (\n          <Check size={14} style={{ color: 'var(--puck-color-azure-04)' }} />\n        )}\n      </div>\n\n      {/* Children */}\n      {hasChildren && isExpanded && (\n        <div>\n          {folder.children!.map((child) => (\n            <FolderTreeItem\n              key={child.id}\n              folder={child}\n              selectedId={selectedId}\n              onSelect={onSelect}\n              expandedIds={expandedIds}\n              onToggleExpand={onToggleExpand}\n              level={level + 1}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction FolderTree({\n  folders,\n  selectedId,\n  onSelect,\n  expandedIds,\n  onToggleExpand,\n}: FolderTreeProps) {\n  if (folders.length === 0) {\n    return (\n      <div style={{ padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }}>\n        No folders found\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ maxHeight: '300px', overflowY: 'auto' }}>\n      {/* Root option */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: '6px 8px',\n          cursor: 'pointer',\n          borderRadius: '4px',\n          backgroundColor: selectedId === null ? 'var(--puck-color-azure-12)' : 'transparent',\n          borderBottom: '1px solid var(--puck-color-grey-09)',\n          marginBottom: '4px',\n        }}\n        onClick={() => onSelect(null)}\n      >\n        <Folder size={16} style={{ marginRight: '8px', color: 'var(--puck-color-grey-05)' }} />\n        <span\n          style={{\n            fontSize: '14px',\n            color: selectedId === null ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',\n            fontStyle: 'italic',\n            flex: 1,\n          }}\n        >\n          (No folder - root level)\n        </span>\n        {selectedId === null && (\n          <Check size={14} style={{ color: 'var(--puck-color-azure-04)' }} />\n        )}\n      </div>\n\n      {/* Folder tree */}\n      {folders.map((folder) => (\n        <FolderTreeItem\n          key={folder.id}\n          folder={folder}\n          selectedId={selectedId}\n          onSelect={onSelect}\n          expandedIds={expandedIds}\n          onToggleExpand={onToggleExpand}\n        />\n      ))}\n    </div>\n  )\n}\n\n// =============================================================================\n// FolderPickerField Component\n// =============================================================================\n\nexport function FolderPickerField({\n  value,\n  onChange,\n  label = 'Folder',\n  folderSlug = 'payload-folders',\n}: FolderPickerFieldProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set())\n  const { folderPath, loading: pathLoading } = useFolderPath(value, folderSlug)\n  const { folders, loading: foldersLoading, refetch } = useFolders(folderSlug)\n\n  const handleToggleExpand = (folderId: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev)\n      if (next.has(folderId)) {\n        next.delete(folderId)\n      } else {\n        next.add(folderId)\n      }\n      return next\n    })\n  }\n\n  const handleSelect = (folderId: string | null) => {\n    onChange(folderId)\n    setIsOpen(false)\n  }\n\n  const handleOpenDropdown = () => {\n    if (!isOpen) {\n      // Refetch folders when opening to get any newly created ones\n      refetch()\n    }\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <div className=\"puck-field\" style={{ position: 'relative' }}>\n      {/* Label */}\n      <label style={{ display: 'block', fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)', marginBottom: '8px' }}>\n        {label}\n      </label>\n\n      {/* Current folder display / trigger */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: '8px 12px',\n          border: '1px solid var(--puck-color-grey-09)',\n          borderRadius: '6px',\n          backgroundColor: 'var(--puck-color-white)',\n          cursor: 'pointer',\n        }}\n        onClick={handleOpenDropdown}\n      >\n        <Folder size={16} style={{ marginRight: '8px', color: 'var(--puck-color-grey-05)' }} />\n        <span\n          style={{\n            flex: 1,\n            fontSize: '14px',\n            color: value ? 'var(--puck-color-grey-04)' : 'var(--puck-color-grey-06)',\n            fontStyle: value ? 'normal' : 'italic',\n          }}\n        >\n          {pathLoading ? 'Loading...' : folderPath || '(Root level)'}\n        </span>\n        <ChevronDown\n          size={16}\n          style={{\n            color: 'var(--puck-color-grey-05)',\n            transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n            transition: 'transform 0.2s ease',\n          }}\n        />\n      </div>\n\n      {/* Folder picker dropdown */}\n      {isOpen && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '100%',\n            left: 0,\n            right: 0,\n            marginTop: '4px',\n            backgroundColor: 'var(--puck-color-white)',\n            border: '1px solid var(--puck-color-grey-09)',\n            borderRadius: '6px',\n            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',\n            zIndex: 1000,\n          }}\n        >\n          {/* Header */}\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              padding: '8px 12px',\n              borderBottom: '1px solid var(--puck-color-grey-09)',\n            }}\n          >\n            <span style={{ fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }}>\n              Select Folder\n            </span>\n            <button\n              type=\"button\"\n              onClick={() => setIsOpen(false)}\n              style={{\n                background: 'none',\n                border: 'none',\n                padding: '4px',\n                cursor: 'pointer',\n                color: 'var(--puck-color-grey-05)',\n                display: 'flex',\n                alignItems: 'center',\n              }}\n            >\n              <X size={16} />\n            </button>\n          </div>\n\n          {/* Folder tree */}\n          <div style={{ padding: '8px' }}>\n            {foldersLoading ? (\n              <div style={{ padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }}>\n                Loading folders...\n              </div>\n            ) : (\n              <FolderTree\n                folders={folders}\n                selectedId={value}\n                onSelect={handleSelect}\n                expandedIds={expandedIds}\n                onToggleExpand={handleToggleExpand}\n              />\n            )}\n          </div>\n\n          {/* Create folder link - links to page-tree view where folders can be managed */}\n          <div\n            style={{\n              borderTop: '1px solid var(--puck-color-grey-09)',\n              padding: '8px 12px',\n            }}\n          >\n            <a\n              href=\"/admin/page-tree\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                fontSize: '13px',\n                color: 'var(--puck-color-azure-05)',\n                textDecoration: 'none',\n              }}\n              onClick={() => setIsOpen(false)}\n            >\n              <FolderPlus size={14} style={{ marginRight: '6px' }} />\n              Manage folders\n            </a>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\n/**\n * Creates a Puck field configuration for folder selection\n */\nexport function createFolderPickerField(config?: {\n  label?: string\n  folderSlug?: string\n}): CustomField<string | null> {\n  return {\n    type: 'custom',\n    label: config?.label ?? 'Folder',\n    render: ({ value, onChange }) => (\n      <FolderPickerField\n        value={value}\n        onChange={onChange}\n        label={config?.label}\n        folderSlug={config?.folderSlug}\n      />\n    ),\n  }\n}\n"],"names":["React","useState","useEffect","Folder","FolderOpen","FolderPlus","ChevronRight","ChevronDown","Check","X","useFolderPath","folderId","folderSlug","folderPath","setFolderPath","loading","setLoading","fetchPath","response","fetch","ok","folder","json","pathParts","current","pathSegment","name","unshift","length","join","error","console","useFolders","folders","setFolders","fetchCount","setFetchCount","refetch","c","fetchFolders","data","allFolders","docs","folderMap","Map","rootFolders","set","id","children","node","get","parentId","has","push","sortChildren","nodes","sort","a","b","localeCompare","FolderTreeItem","selectedId","onSelect","expandedIds","onToggleExpand","level","hasChildren","isExpanded","isSelected","div","style","display","alignItems","padding","paddingLeft","cursor","borderRadius","backgroundColor","transition","onClick","onMouseEnter","e","currentTarget","onMouseLeave","button","type","stopPropagation","background","border","color","size","span","width","marginRight","fontSize","flex","map","child","FolderTree","textAlign","maxHeight","overflowY","borderBottom","marginBottom","fontStyle","FolderPickerField","value","onChange","label","isOpen","setIsOpen","setExpandedIds","Set","pathLoading","foldersLoading","handleToggleExpand","prev","next","delete","add","handleSelect","handleOpenDropdown","className","position","fontWeight","transform","top","left","right","marginTop","boxShadow","zIndex","justifyContent","borderTop","href","target","rel","textDecoration","createFolderPickerField","config","render"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GradientEditor.d.ts","sourceRoot":"","sources":["../../src/fields/GradientEditor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAA;AAE9E,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,aAAa,CAAA;AAO1E,UAAU,mBAAmB;IAC3B,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA2YD,iBAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,qBA8L9E;AAED,eAAO,MAAM,cAAc,uDAA4B,CAAA"}

package/dist/fields/GradientEditor.js.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"LockedField.d.ts","sourceRoot":"","sources":["../../src/fields/LockedField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAOnD,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,qBAuFtB;AAMD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,cAAc,GACf,EAAE,qBAAqB,qBA0FvB;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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/LockedField.tsx"],"sourcesContent":["'use client'\n\n/**\n * LockedField - Custom Puck field wrapper that prevents accidental edits\n *\n * Wraps a field with a lock/unlock toggle. When locked, the field is read-only.\n * Click the lock icon to toggle editing.\n *\n * Exports:\n * - LockedTextField: A text input with lock/unlock functionality\n * - LockedRadioField: A radio button group with lock/unlock functionality\n * - createLockedTextField: Factory for Puck field configuration\n * - createLockedRadioField: Factory for Puck field configuration\n */\n\nimport React, { useState } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport { Lock, Unlock } from 'lucide-react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\ninterface LockedTextFieldProps {\n  value: string\n  onChange: (value: string) => void\n  label?: string\n  placeholder?: string\n  warningMessage?: string\n}\n\ninterface LockedRadioFieldProps {\n  value: boolean\n  onChange: (value: boolean) => void\n  label?: string\n  options: { label: string; value: boolean }[]\n  warningMessage?: string\n}\n\n// =============================================================================\n// LockedTextField Component\n// =============================================================================\n\nexport function LockedTextField({\n  value,\n  onChange,\n  label,\n  placeholder,\n  warningMessage,\n}: LockedTextFieldProps) {\n  const [isLocked, setIsLocked] = useState(true)\n\n  return (\n    <div className=\"puck-field\">\n      {/* Field header with label and lock toggle */}\n      <div className=\"puck-field-header\" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '8px' }}>\n        {label && (\n          <label style={{ fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }}>{label}</label>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => setIsLocked(!isLocked)}\n          style={{\n            background: 'none',\n            border: 'none',\n            padding: '4px',\n            cursor: 'pointer',\n            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-azure-04)',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            borderRadius: '4px',\n            transition: 'all 0.15s ease',\n          }}\n          title={isLocked ? 'Click to unlock' : 'Click to lock'}\n        >\n          {isLocked ? (\n            <Lock size={14} />\n          ) : (\n            <Unlock size={14} />\n          )}\n        </button>\n      </div>\n\n      {/* Input field - matches Puck's text input style */}\n      <div style={{ position: 'relative' }}>\n        <input\n          type=\"text\"\n          value={value || ''}\n          onChange={(e) => onChange(e.target.value)}\n          disabled={isLocked}\n          placeholder={placeholder}\n          style={{\n            width: '100%',\n            padding: '8px 12px',\n            paddingRight: isLocked ? '32px' : '12px',\n            fontSize: '14px',\n            border: '1px solid var(--puck-color-grey-09)',\n            borderRadius: '6px',\n            background: isLocked ? 'var(--puck-color-grey-11)' : 'var(--puck-color-white)',\n            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-grey-04)',\n            cursor: isLocked ? 'not-allowed' : 'text',\n            outline: 'none',\n            transition: 'all 0.15s ease',\n          }}\n        />\n        {isLocked && (\n          <Lock\n            size={14}\n            style={{\n              position: 'absolute',\n              right: '10px',\n              top: '50%',\n              transform: 'translateY(-50%)',\n              color: 'var(--puck-color-grey-07)',\n            }}\n          />\n        )}\n      </div>\n\n      {/* Warning message when unlocked */}\n      {!isLocked && warningMessage && (\n        <p style={{\n          marginTop: '6px',\n          fontSize: '12px',\n          color: 'var(--puck-color-grey-05)',\n          display: 'flex',\n          alignItems: 'center',\n          gap: '4px',\n        }}>\n          <span style={{ color: 'var(--puck-color-rose-07)' }}>⚠</span>\n          {warningMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\n// =============================================================================\n// LockedRadioField Component\n// =============================================================================\n\nexport function LockedRadioField({\n  value,\n  onChange,\n  label,\n  options,\n  warningMessage,\n}: LockedRadioFieldProps) {\n  const [isLocked, setIsLocked] = useState(true)\n\n  return (\n    <div className=\"puck-field\">\n      {/* Field header with label and lock toggle */}\n      <div className=\"puck-field-header\" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '8px' }}>\n        {label && (\n          <label style={{ fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }}>{label}</label>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => setIsLocked(!isLocked)}\n          style={{\n            background: 'none',\n            border: 'none',\n            padding: '4px',\n            cursor: 'pointer',\n            color: isLocked ? 'var(--puck-color-grey-05)' : 'var(--puck-color-azure-04)',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            borderRadius: '4px',\n            transition: 'all 0.15s ease',\n          }}\n          title={isLocked ? 'Click to unlock' : 'Click to lock'}\n        >\n          {isLocked ? (\n            <Lock size={14} />\n          ) : (\n            <Unlock size={14} />\n          )}\n        </button>\n      </div>\n\n      {/* Segmented button group - matches Puck's radio style */}\n      <div\n        style={{\n          display: 'flex',\n          border: '1px solid var(--puck-color-grey-09)',\n          borderRadius: '6px',\n          overflow: 'hidden',\n          opacity: isLocked ? 0.6 : 1,\n          pointerEvents: isLocked ? 'none' : 'auto',\n        }}\n      >\n        {options.map((option, index) => (\n          <button\n            key={String(option.value)}\n            type=\"button\"\n            onClick={() => onChange(option.value)}\n            disabled={isLocked}\n            style={{\n              flex: 1,\n              padding: '8px 16px',\n              fontSize: '14px',\n              fontWeight: 500,\n              border: 'none',\n              borderRight: index < options.length - 1 ? '1px solid var(--puck-color-grey-09)' : 'none',\n              background: value === option.value\n                ? 'var(--puck-color-azure-12)'\n                : 'var(--puck-color-white)',\n              color: value === option.value\n                ? 'var(--puck-color-azure-04)'\n                : 'var(--puck-color-grey-05)',\n              cursor: isLocked ? 'not-allowed' : 'pointer',\n              transition: 'all 0.15s ease',\n            }}\n          >\n            {option.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Warning message when unlocked */}\n      {!isLocked && warningMessage && (\n        <p style={{\n          marginTop: '6px',\n          fontSize: '12px',\n          color: 'var(--puck-color-grey-05)',\n          display: 'flex',\n          alignItems: 'center',\n          gap: '4px',\n        }}>\n          <span style={{ color: 'var(--puck-color-rose-07)' }}>⚠</span>\n          {warningMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\n// =============================================================================\n// Field Configuration Factories\n// =============================================================================\n\n/**\n * Creates a Puck field configuration for a locked text input\n */\nexport function createLockedTextField(config: {\n  label?: string\n  placeholder?: string\n  warningMessage?: string\n}): CustomField<string> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange }) => (\n      <LockedTextField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        placeholder={config.placeholder}\n        warningMessage={config.warningMessage}\n      />\n    ),\n  }\n}\n\n/**\n * Creates a Puck field configuration for a locked radio button group\n */\nexport function createLockedRadioField(config: {\n  label?: string\n  options: { label: string; value: boolean }[]\n  warningMessage?: string\n}): CustomField<boolean> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange }) => (\n      <LockedRadioField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        options={config.options}\n        warningMessage={config.warningMessage}\n      />\n    ),\n  }\n}\n\n// =============================================================================\n// Pre-built Field Definitions\n// =============================================================================\n\n/**\n * Pre-built locked slug field - prevents accidental URL changes\n *\n * Use in Puck root config:\n * ```tsx\n * root: {\n *   fields: {\n *     slug: lockedSlugField,\n *   }\n * }\n * ```\n */\nexport const lockedSlugField: CustomField<string> = createLockedTextField({\n  label: 'Slug',\n  placeholder: 'page-slug',\n  warningMessage: 'Changing may break existing links',\n})\n\n/**\n * Pre-built locked isHomepage field - prevents accidental homepage changes\n *\n * Use in Puck root config:\n * ```tsx\n * root: {\n *   fields: {\n *     isHomepage: lockedHomepageField,\n *   }\n * }\n * ```\n */\nexport const lockedHomepageField: CustomField<boolean> = createLockedRadioField({\n  label: 'Homepage',\n  options: [\n    { label: 'No', value: false },\n    { label: 'Yes', value: true },\n  ],\n  warningMessage: 'Only one page can be the homepage',\n})\n"],"names":["React","useState","Lock","Unlock","LockedTextField","value","onChange","label","placeholder","warningMessage","isLocked","setIsLocked","div","className","style","display","alignItems","justifyContent","marginBottom","fontSize","fontWeight","color","button","type","onClick","background","border","padding","cursor","borderRadius","transition","title","size","position","input","e","target","disabled","width","paddingRight","outline","right","top","transform","p","marginTop","gap","span","LockedRadioField","options","overflow","opacity","pointerEvents","map","option","index","flex","borderRight","length","String","createLockedTextField","config","render","createLockedRadioField","lockedSlugField","lockedHomepageField"],"mappings":"AAAA;;AAEA;;;;;;;;;;;CAWC,GAED,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,IAAI,EAAEC,MAAM,QAAQ,eAAc;AAsB3C,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,OAAO,SAASC,gBAAgB,EAC9BC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,WAAW,EACXC,cAAc,EACO;IACrB,MAAM,CAACC,UAAUC,YAAY,GAAGV,SAAS;IAEzC,qBACE,MAACW;QAAIC,WAAU;;0BAEb,MAACD;gBAAIC,WAAU;gBAAoBC,OAAO;oBAAEC,SAAS;oBAAQC,YAAY;oBAAUC,gBAAgB;oBAAiBC,cAAc;gBAAM;;oBACrIX,uBACC,KAACA;wBAAMO,OAAO;4BAAEK,UAAU;4BAAQC,YAAY;4BAAKC,OAAO;wBAA4B;kCAAId;;kCAE5F,KAACe;wBACCC,MAAK;wBACLC,SAAS,IAAMb,YAAY,CAACD;wBAC5BI,OAAO;4BACLW,YAAY;4BACZC,QAAQ;4BACRC,SAAS;4BACTC,QAAQ;4BACRP,OAAOX,WAAW,8BAA8B;4BAChDK,SAAS;4BACTC,YAAY;4BACZC,gBAAgB;4BAChBY,cAAc;4BACdC,YAAY;wBACd;wBACAC,OAAOrB,WAAW,oBAAoB;kCAErCA,yBACC,KAACR;4BAAK8B,MAAM;2CAEZ,KAAC7B;4BAAO6B,MAAM;;;;;0BAMpB,MAACpB;gBAAIE,OAAO;oBAAEmB,UAAU;gBAAW;;kCACjC,KAACC;wBACCX,MAAK;wBACLlB,OAAOA,SAAS;wBAChBC,UAAU,CAAC6B,IAAM7B,SAAS6B,EAAEC,MAAM,CAAC/B,KAAK;wBACxCgC,UAAU3B;wBACVF,aAAaA;wBACbM,OAAO;4BACLwB,OAAO;4BACPX,SAAS;4BACTY,cAAc7B,WAAW,SAAS;4BAClCS,UAAU;4BACVO,QAAQ;4BACRG,cAAc;4BACdJ,YAAYf,WAAW,8BAA8B;4BACrDW,OAAOX,WAAW,8BAA8B;4BAChDkB,QAAQlB,WAAW,gBAAgB;4BACnC8B,SAAS;4BACTV,YAAY;wBACd;;oBAEDpB,0BACC,KAACR;wBACC8B,MAAM;wBACNlB,OAAO;4BACLmB,UAAU;4BACVQ,OAAO;4BACPC,KAAK;4BACLC,WAAW;4BACXtB,OAAO;wBACT;;;;YAML,CAACX,YAAYD,gCACZ,MAACmC;gBAAE9B,OAAO;oBACR+B,WAAW;oBACX1B,UAAU;oBACVE,OAAO;oBACPN,SAAS;oBACTC,YAAY;oBACZ8B,KAAK;gBACP;;kCACE,KAACC;wBAAKjC,OAAO;4BAAEO,OAAO;wBAA4B;kCAAG;;oBACpDZ;;;;;AAKX;AAEA,gFAAgF;AAChF,6BAA6B;AAC7B,gFAAgF;AAEhF,OAAO,SAASuC,iBAAiB,EAC/B3C,KAAK,EACLC,QAAQ,EACRC,KAAK,EACL0C,OAAO,EACPxC,cAAc,EACQ;IACtB,MAAM,CAACC,UAAUC,YAAY,GAAGV,SAAS;IAEzC,qBACE,MAACW;QAAIC,WAAU;;0BAEb,MAACD;gBAAIC,WAAU;gBAAoBC,OAAO;oBAAEC,SAAS;oBAAQC,YAAY;oBAAUC,gBAAgB;oBAAiBC,cAAc;gBAAM;;oBACrIX,uBACC,KAACA;wBAAMO,OAAO;4BAAEK,UAAU;4BAAQC,YAAY;4BAAKC,OAAO;wBAA4B;kCAAId;;kCAE5F,KAACe;wBACCC,MAAK;wBACLC,SAAS,IAAMb,YAAY,CAACD;wBAC5BI,OAAO;4BACLW,YAAY;4BACZC,QAAQ;4BACRC,SAAS;4BACTC,QAAQ;4BACRP,OAAOX,WAAW,8BAA8B;4BAChDK,SAAS;4BACTC,YAAY;4BACZC,gBAAgB;4BAChBY,cAAc;4BACdC,YAAY;wBACd;wBACAC,OAAOrB,WAAW,oBAAoB;kCAErCA,yBACC,KAACR;4BAAK8B,MAAM;2CAEZ,KAAC7B;4BAAO6B,MAAM;;;;;0BAMpB,KAACpB;gBACCE,OAAO;oBACLC,SAAS;oBACTW,QAAQ;oBACRG,cAAc;oBACdqB,UAAU;oBACVC,SAASzC,WAAW,MAAM;oBAC1B0C,eAAe1C,WAAW,SAAS;gBACrC;0BAECuC,QAAQI,GAAG,CAAC,CAACC,QAAQC,sBACpB,KAACjC;wBAECC,MAAK;wBACLC,SAAS,IAAMlB,SAASgD,OAAOjD,KAAK;wBACpCgC,UAAU3B;wBACVI,OAAO;4BACL0C,MAAM;4BACN7B,SAAS;4BACTR,UAAU;4BACVC,YAAY;4BACZM,QAAQ;4BACR+B,aAAaF,QAAQN,QAAQS,MAAM,GAAG,IAAI,wCAAwC;4BAClFjC,YAAYpB,UAAUiD,OAAOjD,KAAK,GAC9B,+BACA;4BACJgB,OAAOhB,UAAUiD,OAAOjD,KAAK,GACzB,+BACA;4BACJuB,QAAQlB,WAAW,gBAAgB;4BACnCoB,YAAY;wBACd;kCAECwB,OAAO/C,KAAK;uBArBRoD,OAAOL,OAAOjD,KAAK;;YA2B7B,CAACK,YAAYD,gCACZ,MAACmC;gBAAE9B,OAAO;oBACR+B,WAAW;oBACX1B,UAAU;oBACVE,OAAO;oBACPN,SAAS;oBACTC,YAAY;oBACZ8B,KAAK;gBACP;;kCACE,KAACC;wBAAKjC,OAAO;4BAAEO,OAAO;wBAA4B;kCAAG;;oBACpDZ;;;;;AAKX;AAEA,gFAAgF;AAChF,gCAAgC;AAChC,gFAAgF;AAEhF;;CAEC,GACD,OAAO,SAASmD,sBAAsBC,MAIrC;IACC,OAAO;QACLtC,MAAM;QACNhB,OAAOsD,OAAOtD,KAAK;QACnBuD,QAAQ,CAAC,EAAEzD,KAAK,EAAEC,QAAQ,EAAE,iBAC1B,KAACF;gBACCC,OAAOA;gBACPC,UAAUA;gBACVC,OAAOsD,OAAOtD,KAAK;gBACnBC,aAAaqD,OAAOrD,WAAW;gBAC/BC,gBAAgBoD,OAAOpD,cAAc;;IAG3C;AACF;AAEA;;CAEC,GACD,OAAO,SAASsD,uBAAuBF,MAItC;IACC,OAAO;QACLtC,MAAM;QACNhB,OAAOsD,OAAOtD,KAAK;QACnBuD,QAAQ,CAAC,EAAEzD,KAAK,EAAEC,QAAQ,EAAE,iBAC1B,KAAC0C;gBACC3C,OAAOA;gBACPC,UAAUA;gBACVC,OAAOsD,OAAOtD,KAAK;gBACnB0C,SAASY,OAAOZ,OAAO;gBACvBxC,gBAAgBoD,OAAOpD,cAAc;;IAG3C;AACF;AAEA,gFAAgF;AAChF,8BAA8B;AAC9B,gFAAgF;AAEhF;;;;;;;;;;;CAWC,GACD,OAAO,MAAMuD,kBAAuCJ,sBAAsB;IACxErD,OAAO;IACPC,aAAa;IACbC,gBAAgB;AAClB,GAAE;AAEF;;;;;;;;;;;CAWC,GACD,OAAO,MAAMwD,sBAA4CF,uBAAuB;IAC9ExD,OAAO;IACP0C,SAAS;QACP;YAAE1C,OAAO;YAAMF,OAAO;QAAM;QAC5B;YAAEE,OAAO;YAAOF,OAAO;QAAK;KAC7B;IACDI,gBAAgB;AAClB,GAAE"}

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

@@ -1 +0,0 @@
-{"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,kBAAkB,CAAA;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG/C,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,qBAmJlB;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"}

package/dist/fields/MarginField.js.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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"}

package/dist/fields/MediaField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/fields/MediaField.tsx"],"sourcesContent":["'use client'\n\n/**\n * MediaField - Custom Puck field for selecting Payload CMS media\n *\n * This component provides a media picker that integrates with Payload's\n * media collection, allowing users to browse and select images.\n */\n\nimport React, { useState, useEffect, useCallback, memo, type CSSProperties } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport { Image, X, Search, Loader2, Upload, AlertCircle, Link } from 'lucide-react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface MediaReference {\n  id: string | number\n  url: string\n  alt?: string\n  width?: number\n  height?: number\n}\n\ninterface MediaFieldProps {\n  value: MediaReference | null\n  onChange: (value: MediaReference | null) => void\n  label?: string\n  readOnly?: boolean\n  apiEndpoint?: string\n}\n\ninterface MediaItem {\n  id: string | number\n  url: string\n  alt?: string\n  filename?: string\n  width?: number\n  height?: number\n  mimeType?: string\n}\n\ntype DialogTab = 'browse' | 'upload' | 'url'\n\ninterface UploadState {\n  file: File | null\n  preview: string | null\n  uploading: boolean\n  error: string | null\n}\n\ninterface UrlState {\n  url: string\n  loading: boolean\n  error: string | null\n  previewLoaded: boolean\n}\n\n// =============================================================================\n// Styles\n// =============================================================================\n\nconst styles = {\n  label: {\n    display: 'block',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-elevation-700)',\n    marginBottom: '8px',\n  } as CSSProperties,\n  previewContainer: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: '16px',\n  } as CSSProperties,\n  imagePreview: {\n    position: 'relative',\n  } as CSSProperties,\n  previewImage: {\n    width: '96px',\n    height: '96px',\n    objectFit: 'cover',\n    borderRadius: '6px',\n    border: '1px solid var(--theme-elevation-200)',\n  } as CSSProperties,\n  removeButton: {\n    position: 'absolute',\n    top: '-8px',\n    right: '-8px',\n    padding: '4px',\n    backgroundColor: 'var(--theme-error-500)',\n    color: 'white',\n    borderRadius: '50%',\n    border: 'none',\n    cursor: 'pointer',\n    opacity: 0,\n    transition: 'opacity 0.15s',\n  } as CSSProperties,\n  placeholder: {\n    width: '96px',\n    height: '96px',\n    backgroundColor: 'var(--theme-elevation-100)',\n    borderRadius: '6px',\n    border: '1px dashed var(--theme-elevation-300)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  } as CSSProperties,\n  actionsColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\n  } as CSSProperties,\n  buttonOutline: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '6px 12px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-elevation-700)',\n    backgroundColor: 'var(--theme-bg)',\n    border: '1px solid var(--theme-elevation-300)',\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s',\n  } as CSSProperties,\n  buttonGhost: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '6px 12px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-error-600)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s',\n  } as CSSProperties,\n  buttonPrimary: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-bg)',\n    backgroundColor: 'var(--theme-elevation-900)',\n    border: 'none',\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s',\n  } as CSSProperties,\n  buttonDisabled: {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  } as CSSProperties,\n  urlDisplay: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n    fontSize: '12px',\n    color: 'var(--theme-elevation-500)',\n    marginTop: '8px',\n  } as CSSProperties,\n  // Dialog styles\n  dialogOverlay: {\n    position: 'fixed',\n    inset: 0,\n    zIndex: 9999,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  } as CSSProperties,\n  dialogContent: {\n    backgroundColor: 'var(--theme-bg)',\n    borderRadius: '8px',\n    boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n    width: '100%',\n    maxWidth: '800px',\n    maxHeight: '90vh',\n    margin: '16px',\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n  } as CSSProperties,\n  dialogHeader: {\n    padding: '16px 20px',\n    borderBottom: '1px solid var(--theme-elevation-200)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexShrink: 0,\n  } as CSSProperties,\n  dialogTitle: {\n    fontSize: '18px',\n    fontWeight: 600,\n    color: 'var(--theme-elevation-900)',\n    margin: 0,\n  } as CSSProperties,\n  closeButton: {\n    padding: '4px',\n    backgroundColor: 'transparent',\n    border: 'none',\n    cursor: 'pointer',\n    color: 'var(--theme-elevation-500)',\n    borderRadius: '4px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  } as CSSProperties,\n  tabBar: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    borderBottom: '1px solid var(--theme-elevation-200)',\n    padding: '0 20px',\n    flexShrink: 0,\n  } as CSSProperties,\n  tabButton: {\n    padding: '12px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    backgroundColor: 'transparent',\n    border: 'none',\n    borderBottomWidth: '2px',\n    borderBottomStyle: 'solid',\n    borderBottomColor: 'transparent',\n    cursor: 'pointer',\n    transition: 'color 0.15s, border-color 0.15s',\n    color: 'var(--theme-elevation-500)',\n  } as CSSProperties,\n  tabButtonActive: {\n    color: 'var(--theme-elevation-900)',\n    borderBottomColor: 'var(--theme-elevation-900)',\n  } as CSSProperties,\n  searchContainer: {\n    padding: '16px 20px',\n    position: 'relative',\n    flexShrink: 0,\n  } as CSSProperties,\n  searchInput: {\n    width: '100%',\n    padding: '8px 12px 8px 40px',\n    fontSize: '14px',\n    border: '1px solid var(--theme-elevation-300)',\n    borderRadius: '6px',\n    outline: 'none',\n  } as CSSProperties,\n  searchIcon: {\n    position: 'absolute',\n    left: '32px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    color: 'var(--theme-elevation-400)',\n    pointerEvents: 'none',\n  } as CSSProperties,\n  contentArea: {\n    flex: 1,\n    overflowY: 'auto',\n    padding: '16px 20px',\n  } as CSSProperties,\n  mediaGrid: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fill, minmax(80px, 1fr))',\n    gap: '12px',\n  } as CSSProperties,\n  mediaItem: {\n    position: 'relative',\n    aspectRatio: '1',\n    overflow: 'hidden',\n    borderRadius: '6px',\n    border: '2px solid var(--theme-elevation-200)',\n    cursor: 'pointer',\n    transition: 'border-color 0.15s, box-shadow 0.15s',\n    backgroundColor: 'var(--theme-elevation-100)',\n  } as CSSProperties,\n  mediaItemSelected: {\n    borderColor: 'var(--theme-elevation-900)',\n    boxShadow: '0 0 0 2px var(--theme-elevation-200)',\n  } as CSSProperties,\n  mediaItemImage: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'cover',\n  } as CSSProperties,\n  mediaItemAlt: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    backgroundColor: 'rgba(0, 0, 0, 0.6)',\n    color: 'white',\n    fontSize: '12px',\n    padding: '4px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  } as CSSProperties,\n  loadMoreContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: '16px',\n  } as CSSProperties,\n  emptyState: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '200px',\n    color: 'var(--theme-elevation-500)',\n  } as CSSProperties,\n  skeleton: {\n    backgroundColor: 'var(--theme-elevation-200)',\n    borderRadius: '6px',\n    aspectRatio: '1',\n    animation: 'pulse 2s infinite',\n  } as CSSProperties,\n  uploadContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: '300px',\n    padding: '20px',\n  } as CSSProperties,\n  uploadPreview: {\n    width: '100%',\n    maxWidth: '448px',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '16px',\n  } as CSSProperties,\n  uploadImageContainer: {\n    position: 'relative',\n    aspectRatio: '16/9',\n    backgroundColor: 'var(--theme-elevation-100)',\n    borderRadius: '8px',\n    overflow: 'hidden',\n  } as CSSProperties,\n  uploadImage: {\n    width: '100%',\n    height: '100%',\n    objectFit: 'contain',\n  } as CSSProperties,\n  uploadMeta: {\n    fontSize: '14px',\n    color: 'var(--theme-elevation-500)',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '4px',\n  } as CSSProperties,\n  errorBox: {\n    padding: '12px',\n    backgroundColor: 'var(--theme-error-50)',\n    border: '1px solid var(--theme-error-200)',\n    borderRadius: '6px',\n    color: 'var(--theme-error-700)',\n    fontSize: '14px',\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: '8px',\n  } as CSSProperties,\n  actionsRow: {\n    display: 'flex',\n    gap: '8px',\n  } as CSSProperties,\n  dropZone: {\n    textAlign: 'center',\n  } as CSSProperties,\n  dropZoneIcon: {\n    width: '64px',\n    height: '64px',\n    color: 'var(--theme-elevation-300)',\n    margin: '0 auto 16px',\n  } as CSSProperties,\n  hiddenInput: {\n    display: 'none',\n  } as CSSProperties,\n  urlContainer: {\n    width: '100%',\n    maxWidth: '448px',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '16px',\n  } as CSSProperties,\n  urlIntro: {\n    textAlign: 'center',\n    marginBottom: '24px',\n  } as CSSProperties,\n  urlIcon: {\n    width: '48px',\n    height: '48px',\n    color: 'var(--theme-elevation-400)',\n    margin: '0 auto 8px',\n  } as CSSProperties,\n  inputGroup: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '8px',\n  } as CSSProperties,\n  inputLabel: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: 'var(--theme-elevation-700)',\n  } as CSSProperties,\n  input: {\n    width: '100%',\n    padding: '8px 12px',\n    fontSize: '14px',\n    border: '1px solid var(--theme-elevation-300)',\n    borderRadius: '6px',\n    outline: 'none',\n  } as CSSProperties,\n  previewLoading: {\n    position: 'absolute',\n    inset: 0,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: 'var(--theme-elevation-100)',\n  } as CSSProperties,\n  icon: {\n    width: '16px',\n    height: '16px',\n  } as CSSProperties,\n  iconSmall: {\n    width: '12px',\n    height: '12px',\n    flexShrink: 0,\n  } as CSSProperties,\n}\n\n// =============================================================================\n// Utility Functions\n// =============================================================================\n\nfunction formatFileSize(bytes: number | undefined): string {\n  if (!bytes) return 'Unknown'\n  if (bytes < 1024) return `${bytes} B`\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`\n}\n\n// =============================================================================\n// MediaField Component\n// =============================================================================\n\nfunction MediaFieldInner({\n  value,\n  onChange,\n  label,\n  readOnly,\n  apiEndpoint = '/api/media',\n}: MediaFieldProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [mediaList, setMediaList] = useState<MediaItem[]>([])\n  const [loading, setLoading] = useState(false)\n  const [searchQuery, setSearchQuery] = useState('')\n  const [page, setPage] = useState(1)\n  const [hasMore, setHasMore] = useState(true)\n  const [activeTab, setActiveTab] = useState<DialogTab>('browse')\n  const [hoveredItem, setHoveredItem] = useState<string | number | null>(null)\n  const [previewHovered, setPreviewHovered] = useState(false)\n  const [uploadState, setUploadState] = useState<UploadState>({\n    file: null,\n    preview: null,\n    uploading: false,\n    error: null,\n  })\n  const [urlState, setUrlState] = useState<UrlState>({\n    url: '',\n    loading: false,\n    error: null,\n    previewLoaded: false,\n  })\n\n  // Fetch media from Payload API\n  const fetchMedia = useCallback(async (searchTerm: string = '', pageNum: number = 1) => {\n    setLoading(true)\n    try {\n      const params = new URLSearchParams({\n        limit: '24',\n        page: pageNum.toString(),\n        sort: '-createdAt',\n      })\n\n      params.set('where[mimeType][contains]', 'image')\n\n      if (searchTerm) {\n        params.set('where[alt][contains]', searchTerm)\n      }\n\n      const response = await fetch(`${apiEndpoint}?${params}`)\n      if (!response.ok) throw new Error('Failed to fetch media')\n\n      const data = await response.json()\n      const items: MediaItem[] = (data.docs || []).map((doc: Record<string, unknown>) => ({\n        id: doc.id as string | number,\n        url: (doc.url as string) || '',\n        alt: (doc.alt as string) || '',\n        filename: (doc.filename as string) || '',\n        width: doc.width as number | undefined,\n        height: doc.height as number | undefined,\n        mimeType: (doc.mimeType as string) || '',\n      }))\n\n      if (pageNum === 1) {\n        setMediaList(items)\n      } else {\n        setMediaList((prev) => [...prev, ...items])\n      }\n\n      setHasMore(data.hasNextPage || false)\n    } catch (error) {\n      console.error('Error fetching media:', error)\n    } finally {\n      setLoading(false)\n    }\n  }, [apiEndpoint])\n\n  // Load media when dialog opens\n  useEffect(() => {\n    if (isOpen) {\n      setPage(1)\n      fetchMedia(searchQuery, 1)\n    }\n  }, [isOpen, fetchMedia, searchQuery])\n\n  // Handle search with debounce\n  useEffect(() => {\n    if (!isOpen) return\n\n    const timer = setTimeout(() => {\n      setPage(1)\n      fetchMedia(searchQuery, 1)\n    }, 300)\n\n    return () => clearTimeout(timer)\n  }, [searchQuery, isOpen, fetchMedia])\n\n  // Handle media selection\n  const handleSelect = (item: MediaItem) => {\n    onChange({\n      id: item.id,\n      url: item.url,\n      alt: item.alt,\n      width: item.width,\n      height: item.height,\n    })\n    setIsOpen(false)\n  }\n\n  // Handle remove\n  const handleRemove = () => {\n    onChange(null)\n  }\n\n  // Load more\n  const handleLoadMore = () => {\n    const nextPage = page + 1\n    setPage(nextPage)\n    fetchMedia(searchQuery, nextPage)\n  }\n\n  // Reset upload state\n  const resetUploadState = useCallback(() => {\n    setUploadState((prev) => {\n      if (prev.preview) URL.revokeObjectURL(prev.preview)\n      return { file: null, preview: null, uploading: false, error: null }\n    })\n  }, [])\n\n  // Reset URL state\n  const resetUrlState = useCallback(() => {\n    setUrlState({ url: '', loading: false, error: null, previewLoaded: false })\n  }, [])\n\n  // Handle URL submission\n  const handleUrlSubmit = useCallback(() => {\n    const url = urlState.url.trim()\n    if (!url) {\n      setUrlState((prev) => ({ ...prev, error: 'Please enter a URL' }))\n      return\n    }\n\n    try {\n      new URL(url)\n    } catch {\n      setUrlState((prev) => ({ ...prev, error: 'Please enter a valid URL' }))\n      return\n    }\n\n    onChange({\n      id: `external-${Date.now()}`,\n      url: url,\n      alt: '',\n    })\n    setIsOpen(false)\n    resetUrlState()\n  }, [urlState.url, onChange, resetUrlState])\n\n  const handleUrlPreviewLoad = useCallback(() => {\n    setUrlState((prev) => ({ ...prev, previewLoaded: true, error: null }))\n  }, [])\n\n  const handleUrlPreviewError = useCallback(() => {\n    setUrlState((prev) => ({\n      ...prev,\n      previewLoaded: false,\n      error: 'Unable to load image from this URL',\n    }))\n  }, [])\n\n  // Handle file selection\n  const handleFileSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0]\n    if (!file) return\n\n    if (!file.type.startsWith('image/')) {\n      setUploadState((prev) => ({ ...prev, error: 'Only image files are allowed' }))\n      return\n    }\n\n    setUploadState((prev) => {\n      if (prev.preview) URL.revokeObjectURL(prev.preview)\n      return prev\n    })\n\n    const preview = URL.createObjectURL(file)\n    setUploadState({ file, preview, uploading: false, error: null })\n  }, [])\n\n  // Handle upload\n  const handleUpload = useCallback(async () => {\n    if (!uploadState.file) return\n\n    setUploadState((prev) => ({ ...prev, uploading: true, error: null }))\n\n    try {\n      const formData = new FormData()\n      formData.append('file', uploadState.file)\n      const altText = uploadState.file.name.replace(/\\.[^/.]+$/, '').replace(/[-_]/g, ' ')\n      formData.append('alt', altText)\n\n      const response = await fetch(apiEndpoint, {\n        method: 'POST',\n        body: formData,\n      })\n\n      if (!response.ok) {\n        const error = await response.json().catch(() => ({ message: 'Upload failed' }))\n        throw new Error(error.message || error.errors?.[0]?.message || 'Upload failed')\n      }\n\n      const data = await response.json()\n      const doc = data.doc || data\n      onChange({\n        id: doc.id,\n        url: doc.url,\n        alt: doc.alt,\n        width: doc.width,\n        height: doc.height,\n      })\n      setIsOpen(false)\n      resetUploadState()\n    } catch (error) {\n      setUploadState((prev) => ({\n        ...prev,\n        uploading: false,\n        error: error instanceof Error ? error.message : 'Upload failed',\n      }))\n    }\n  }, [uploadState.file, apiEndpoint, onChange, resetUploadState])\n\n  // Handle dialog close\n  const handleDialogClose = useCallback(() => {\n    setIsOpen(false)\n    resetUploadState()\n    resetUrlState()\n    setActiveTab('browse')\n  }, [resetUploadState, resetUrlState])\n\n  // Handle escape key\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        handleDialogClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleEscape)\n    return () => document.removeEventListener('keydown', handleEscape)\n  }, [isOpen, handleDialogClose])\n\n  return (\n    <div className=\"puck-field\">\n      {label && <label style={styles.label}>{label}</label>}\n\n      <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n        <div style={styles.previewContainer}>\n          {/* Preview */}\n          {value?.url ? (\n            <div\n              style={styles.imagePreview}\n              onMouseEnter={() => setPreviewHovered(true)}\n              onMouseLeave={() => setPreviewHovered(false)}\n            >\n              {/* eslint-disable-next-line @next/next/no-img-element */}\n              <img\n                src={value.url}\n                alt={value.alt || ''}\n                style={styles.previewImage}\n              />\n              {!readOnly && (\n                <button\n                  type=\"button\"\n                  onClick={handleRemove}\n                  style={{\n                    ...styles.removeButton,\n                    opacity: previewHovered ? 1 : 0,\n                  }}\n                  aria-label=\"Remove image\"\n                >\n                  <X style={styles.iconSmall} />\n                </button>\n              )}\n            </div>\n          ) : (\n            <div style={styles.placeholder}>\n              <Image style={{ width: '32px', height: '32px', color: 'var(--theme-elevation-400)' }} />\n            </div>\n          )}\n\n          {/* Actions */}\n          {!readOnly && (\n            <div style={styles.actionsColumn}>\n              <button\n                type=\"button\"\n                onClick={() => setIsOpen(true)}\n                style={styles.buttonOutline}\n              >\n                {value ? 'Change Image' : 'Select Image'}\n              </button>\n              {value && (\n                <button\n                  type=\"button\"\n                  onClick={handleRemove}\n                  style={styles.buttonGhost}\n                >\n                  Remove\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* Current URL display */}\n        {value?.url && (\n          <div style={styles.urlDisplay}>\n            <Link style={styles.iconSmall} />\n            <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', maxWidth: '280px' }} title={value.url}>\n              {value.url}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Media Picker Dialog */}\n      {isOpen && (\n        <div style={styles.dialogOverlay} onClick={handleDialogClose}>\n          <div style={styles.dialogContent} onClick={(e) => e.stopPropagation()}>\n            {/* Header */}\n            <div style={styles.dialogHeader}>\n              <h2 style={styles.dialogTitle}>Select Media</h2>\n              <button type=\"button\" onClick={handleDialogClose} style={styles.closeButton}>\n                <X style={styles.icon} />\n              </button>\n            </div>\n\n            {/* Tab Bar */}\n            <div style={styles.tabBar}>\n              <button\n                type=\"button\"\n                onClick={() => setActiveTab('browse')}\n                style={{\n                  ...styles.tabButton,\n                  ...(activeTab === 'browse' ? styles.tabButtonActive : {}),\n                }}\n              >\n                Browse Library\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setActiveTab('upload')}\n                style={{\n                  ...styles.tabButton,\n                  ...(activeTab === 'upload' ? styles.tabButtonActive : {}),\n                }}\n              >\n                Upload New\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setActiveTab('url')}\n                style={{\n                  ...styles.tabButton,\n                  ...(activeTab === 'url' ? styles.tabButtonActive : {}),\n                }}\n              >\n                From URL\n              </button>\n            </div>\n\n            {/* Search (browse tab only) */}\n            {activeTab === 'browse' && (\n              <div style={styles.searchContainer}>\n                <Search style={styles.searchIcon as CSSProperties} />\n                <input\n                  type=\"text\"\n                  placeholder=\"Search by alt text...\"\n                  value={searchQuery}\n                  onChange={(e) => setSearchQuery(e.target.value)}\n                  style={styles.searchInput}\n                />\n              </div>\n            )}\n\n            {/* Content Area */}\n            <div style={styles.contentArea}>\n              {activeTab === 'browse' ? (\n                /* Browse Tab */\n                loading && mediaList.length === 0 ? (\n                  <div style={styles.mediaGrid}>\n                    {[...Array(8)].map((_, i) => (\n                      <div key={i} style={styles.skeleton} />\n                    ))}\n                  </div>\n                ) : mediaList.length === 0 ? (\n                  <div style={styles.emptyState}>No images found</div>\n                ) : (\n                  <>\n                    <div style={styles.mediaGrid}>\n                      {mediaList.map((item) => (\n                        <button\n                          key={item.id}\n                          type=\"button\"\n                          onClick={() => handleSelect(item)}\n                          onMouseEnter={() => setHoveredItem(item.id)}\n                          onMouseLeave={() => setHoveredItem(null)}\n                          style={{\n                            ...styles.mediaItem,\n                            ...(value?.id === item.id ? styles.mediaItemSelected : {}),\n                            ...(hoveredItem === item.id ? { borderColor: 'var(--theme-elevation-600)' } : {}),\n                          }}\n                        >\n                          {/* eslint-disable-next-line @next/next/no-img-element */}\n                          <img\n                            src={item.url}\n                            alt={item.alt || item.filename || ''}\n                            style={styles.mediaItemImage}\n                            loading=\"lazy\"\n                          />\n                          {item.alt && (\n                            <div style={styles.mediaItemAlt}>{item.alt}</div>\n                          )}\n                        </button>\n                      ))}\n                    </div>\n\n                    {hasMore && (\n                      <div style={styles.loadMoreContainer}>\n                        <button\n                          type=\"button\"\n                          onClick={handleLoadMore}\n                          disabled={loading}\n                          style={{\n                            ...styles.buttonOutline,\n                            ...(loading ? styles.buttonDisabled : {}),\n                          }}\n                        >\n                          {loading ? (\n                            <>\n                              <Loader2 style={{ ...styles.icon, marginRight: '8px', animation: 'spin 1s linear infinite' }} />\n                              Loading...\n                            </>\n                          ) : (\n                            'Load More'\n                          )}\n                        </button>\n                      </div>\n                    )}\n                  </>\n                )\n              ) : activeTab === 'upload' ? (\n                /* Upload Tab */\n                <div style={styles.uploadContainer}>\n                  {uploadState.preview ? (\n                    <div style={styles.uploadPreview}>\n                      <div style={styles.uploadImageContainer}>\n                        {/* eslint-disable-next-line @next/next/no-img-element */}\n                        <img\n                          src={uploadState.preview}\n                          alt=\"Preview\"\n                          style={styles.uploadImage}\n                        />\n                      </div>\n\n                      <div style={styles.uploadMeta}>\n                        <p><span style={{ fontWeight: 500 }}>Filename:</span> {uploadState.file?.name}</p>\n                        <p><span style={{ fontWeight: 500 }}>Size:</span> {formatFileSize(uploadState.file?.size)}</p>\n                      </div>\n\n                      {uploadState.error && (\n                        <div style={styles.errorBox}>\n                          <AlertCircle style={{ ...styles.icon, flexShrink: 0, marginTop: '2px' }} />\n                          <span>{uploadState.error}</span>\n                        </div>\n                      )}\n\n                      <div style={styles.actionsRow}>\n                        <button\n                          type=\"button\"\n                          onClick={handleUpload}\n                          disabled={uploadState.uploading}\n                          style={{\n                            ...styles.buttonPrimary,\n                            ...(uploadState.uploading ? styles.buttonDisabled : {}),\n                          }}\n                        >\n                          {uploadState.uploading ? (\n                            <>\n                              <Loader2 style={{ ...styles.icon, marginRight: '8px', animation: 'spin 1s linear infinite' }} />\n                              Uploading...\n                            </>\n                          ) : (\n                            <>\n                              <Upload style={{ ...styles.icon, marginRight: '8px' }} />\n                              Upload & Select\n                            </>\n                          )}\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={resetUploadState}\n                          disabled={uploadState.uploading}\n                          style={{\n                            ...styles.buttonOutline,\n                            ...(uploadState.uploading ? styles.buttonDisabled : {}),\n                          }}\n                        >\n                          Cancel\n                        </button>\n                      </div>\n                    </div>\n                  ) : (\n                    <div style={styles.dropZone}>\n                      <Image style={styles.dropZoneIcon} />\n                      <label style={{ cursor: 'pointer' }}>\n                        <span style={styles.buttonPrimary}>\n                          Select Image\n                        </span>\n                        <input\n                          type=\"file\"\n                          accept=\"image/*\"\n                          onChange={handleFileSelect}\n                          style={styles.hiddenInput}\n                        />\n                      </label>\n                      <p style={{ marginTop: '8px', fontSize: '14px', color: 'var(--theme-elevation-500)' }}>\n                        Select an image file to upload\n                      </p>\n                      {uploadState.error && (\n                        <div style={{ ...styles.errorBox, marginTop: '16px' }}>\n                          {uploadState.error}\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n              ) : activeTab === 'url' ? (\n                /* URL Tab */\n                <div style={styles.uploadContainer}>\n                  <div style={styles.urlContainer}>\n                    <div style={styles.urlIntro as CSSProperties}>\n                      <Link style={styles.urlIcon} />\n                      <p style={{ fontSize: '14px', color: 'var(--theme-elevation-500)' }}>\n                        Enter an image URL from an external source\n                      </p>\n                    </div>\n\n                    <div style={styles.inputGroup as CSSProperties}>\n                      <label style={styles.inputLabel} htmlFor=\"image-url\">Image URL</label>\n                      <input\n                        id=\"image-url\"\n                        type=\"url\"\n                        placeholder=\"https://example.com/image.jpg\"\n                        value={urlState.url}\n                        onChange={(e) =>\n                          setUrlState((prev) => ({\n                            ...prev,\n                            url: e.target.value,\n                            error: null,\n                            previewLoaded: false,\n                          }))\n                        }\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter') {\n                            e.preventDefault()\n                            handleUrlSubmit()\n                          }\n                        }}\n                        style={styles.input}\n                      />\n                    </div>\n\n                    {urlState.url && !urlState.error && (\n                      <div style={styles.uploadImageContainer}>\n                        {/* eslint-disable-next-line @next/next/no-img-element */}\n                        <img\n                          src={urlState.url}\n                          alt=\"Preview\"\n                          style={styles.uploadImage}\n                          onLoad={handleUrlPreviewLoad}\n                          onError={handleUrlPreviewError}\n                        />\n                        {!urlState.previewLoaded && (\n                          <div style={styles.previewLoading}>\n                            <Loader2 style={{ width: '32px', height: '32px', animation: 'spin 1s linear infinite', color: 'var(--theme-elevation-400)' }} />\n                          </div>\n                        )}\n                      </div>\n                    )}\n\n                    {urlState.error && (\n                      <div style={styles.errorBox}>\n                        <AlertCircle style={{ ...styles.icon, flexShrink: 0, marginTop: '2px' }} />\n                        <span>{urlState.error}</span>\n                      </div>\n                    )}\n\n                    <div style={styles.actionsRow}>\n                      <button\n                        type=\"button\"\n                        onClick={handleUrlSubmit}\n                        disabled={!urlState.url || urlState.loading}\n                        style={{\n                          ...styles.buttonPrimary,\n                          ...((!urlState.url || urlState.loading) ? styles.buttonDisabled : {}),\n                        }}\n                      >\n                        <Link style={{ ...styles.icon, marginRight: '8px' }} />\n                        Use This URL\n                      </button>\n                      {urlState.url && (\n                        <button\n                          type=\"button\"\n                          onClick={resetUrlState}\n                          style={styles.buttonOutline}\n                        >\n                          Clear\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\n// Memoize to prevent unnecessary re-renders\nexport const MediaField = memo(MediaFieldInner)\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\n/**\n * Creates a Puck field configuration for media selection\n */\nexport function createMediaField(config: {\n  label?: string\n  apiEndpoint?: string\n}): CustomField<MediaReference | null> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange, readOnly }) => (\n      <MediaField\n        value={value}\n        onChange={onChange}\n        label={config.label}\n        readOnly={readOnly}\n        apiEndpoint={config.apiEndpoint}\n      />\n    ),\n  }\n}\n"],"names":["React","useState","useEffect","useCallback","memo","Image","X","Search","Loader2","Upload","AlertCircle","Link","styles","label","display","fontSize","fontWeight","color","marginBottom","previewContainer","alignItems","gap","imagePreview","position","previewImage","width","height","objectFit","borderRadius","border","removeButton","top","right","padding","backgroundColor","cursor","opacity","transition","placeholder","justifyContent","actionsColumn","flexDirection","buttonOutline","buttonGhost","buttonPrimary","buttonDisabled","urlDisplay","marginTop","dialogOverlay","inset","zIndex","dialogContent","boxShadow","maxWidth","maxHeight","margin","overflow","dialogHeader","borderBottom","flexShrink","dialogTitle","closeButton","tabBar","flexWrap","tabButton","borderBottomWidth","borderBottomStyle","borderBottomColor","tabButtonActive","searchContainer","searchInput","outline","searchIcon","left","transform","pointerEvents","contentArea","flex","overflowY","mediaGrid","gridTemplateColumns","mediaItem","aspectRatio","mediaItemSelected","borderColor","mediaItemImage","mediaItemAlt","bottom","textOverflow","whiteSpace","loadMoreContainer","emptyState","skeleton","animation","uploadContainer","minHeight","uploadPreview","uploadImageContainer","uploadImage","uploadMeta","errorBox","actionsRow","dropZone","textAlign","dropZoneIcon","hiddenInput","urlContainer","urlIntro","urlIcon","inputGroup","inputLabel","input","previewLoading","icon","iconSmall","formatFileSize","bytes","toFixed","MediaFieldInner","value","onChange","readOnly","apiEndpoint","isOpen","setIsOpen","mediaList","setMediaList","loading","setLoading","searchQuery","setSearchQuery","page","setPage","hasMore","setHasMore","activeTab","setActiveTab","hoveredItem","setHoveredItem","previewHovered","setPreviewHovered","uploadState","setUploadState","file","preview","uploading","error","urlState","setUrlState","url","previewLoaded","fetchMedia","searchTerm","pageNum","params","URLSearchParams","limit","toString","sort","set","response","fetch","ok","Error","data","json","items","docs","map","doc","id","alt","filename","mimeType","prev","hasNextPage","console","timer","setTimeout","clearTimeout","handleSelect","item","handleRemove","handleLoadMore","nextPage","resetUploadState","URL","revokeObjectURL","resetUrlState","handleUrlSubmit","trim","Date","now","handleUrlPreviewLoad","handleUrlPreviewError","handleFileSelect","e","target","files","type","startsWith","createObjectURL","handleUpload","formData","FormData","append","altText","name","replace","method","body","catch","message","errors","handleDialogClose","handleEscape","key","document","addEventListener","removeEventListener","div","className","style","onMouseEnter","onMouseLeave","img","src","button","onClick","aria-label","span","title","stopPropagation","h2","length","Array","_","i","disabled","marginRight","p","size","accept","htmlFor","onKeyDown","preventDefault","onLoad","onError","MediaField","createMediaField","config","render"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PaddingField.d.ts","sourceRoot":"","sources":["../../src/fields/PaddingField.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAQ/C,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAoJD,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAgB,GACjB,EAAE,iBAAiB,qBAmJnB;AAED,eAAO,MAAM,YAAY,qDAA0B,CAAA;AAMnD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC,CAcnC"}