@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/fields/DimensionsField.js.map

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

@@ -23,9 +23,9 @@ interface AlignItemsFieldProps {
     readOnly?: boolean;
     defaultValue?: AlignItems;
 }
-declare function JustifyContentFieldInner({ value, onChange, label, readOnly, defaultValue, }: JustifyContentFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function JustifyContentFieldInner({ value, onChange, label, readOnly, defaultValue, }: JustifyContentFieldProps): React.JSX.Element;
 export declare const JustifyContentField: React.MemoExoticComponent<typeof JustifyContentFieldInner>;
-declare function AlignItemsFieldInner({ value, onChange, label, readOnly, defaultValue, }: AlignItemsFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function AlignItemsFieldInner({ value, onChange, label, readOnly, defaultValue, }: AlignItemsFieldProps): React.JSX.Element;
 export declare const AlignItemsField: React.MemoExoticComponent<typeof AlignItemsFieldInner>;
 interface CreateJustifyContentFieldConfig {
     label?: string;

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

@@ -1 +1 @@
-{"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,2CA2D1B;AAED,eAAO,MAAM,mBAAmB,4DAAiC,CAAA;AAMjE,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAqB,EACrB,QAAQ,EACR,YAAuB,GACxB,EAAE,oBAAoB,2CA0DtB;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"}
+{"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

@@ -6,9 +6,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Provides two specialized fields:
  * - JustifyContentField: Controls main-axis distribution (horizontal in row, vertical in column)
  * - AlignItemsField: Controls cross-axis alignment (vertical in row, horizontal in column)
- */
-import { useCallback, memo } from 'react';
-import { AlignLeft, AlignCenter, AlignRight, AlignHorizontalDistributeCenter, GripHorizontal, AlignStartVertical, AlignCenterVertical, AlignEndVertical, MoveVertical, X, } from 'lucide-react';
+ */ import React, { useCallback, memo } from 'react';
+import { AlignLeft, AlignCenter, AlignRight, AlignHorizontalDistributeCenter, GripHorizontal, AlignStartVertical, AlignCenterVertical, AlignEndVertical, MoveVertical, X } from 'lucide-react';
 // =============================================================================
 // Styles
 // =============================================================================
@@ -16,17 +15,17 @@ const styles = {
     container: {
         display: 'flex',
         flexDirection: 'column',
-        gap: '8px',
+        gap: '8px'
     },
     header: {
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'space-between',
+        justifyContent: 'space-between'
     },
     label: {
         fontSize: '14px',
         fontWeight: 500,
-        color: 'var(--theme-elevation-800)',
+        color: 'var(--theme-elevation-800)'
     },
     clearButton: {
         display: 'flex',
@@ -39,11 +38,11 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'transparent',
         color: 'var(--theme-elevation-500)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonGroup: {
         display: 'flex',
-        gap: '4px',
+        gap: '4px'
     },
     button: {
         display: 'flex',
@@ -56,7 +55,7 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-bg)',
         color: 'var(--theme-elevation-700)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonActive: {
         display: 'flex',
@@ -69,66 +68,194 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-elevation-800)',
         color: 'var(--theme-bg)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonDisabled: {
         opacity: 0.5,
-        cursor: 'not-allowed',
-    },
+        cursor: 'not-allowed'
+    }
 };
 // =============================================================================
 // JustifyContentField Component
 // =============================================================================
-function JustifyContentFieldInner({ value, onChange, label = 'Justify Content', readOnly, defaultValue = 'flex-start', }) {
+function JustifyContentFieldInner({ value, onChange, label = 'Justify Content', readOnly, defaultValue = 'flex-start' }) {
     const currentValue = value ?? defaultValue;
-    const handleChange = useCallback((justifyContent) => {
+    const handleChange = useCallback((justifyContent)=>{
         onChange(justifyContent);
-    }, [onChange]);
-    const handleClear = useCallback(() => {
+    }, [
+        onChange
+    ]);
+    const handleClear = useCallback(()=>{
         onChange(null);
-    }, [onChange]);
+    }, [
+        onChange
+    ]);
     const options = [
-        { value: 'flex-start', icon: AlignLeft, title: 'Start' },
-        { value: 'center', icon: AlignCenter, title: 'Center' },
-        { value: 'flex-end', icon: AlignRight, title: 'End' },
-        { value: 'space-between', icon: AlignHorizontalDistributeCenter, title: 'Space Between' },
-        { value: 'space-around', icon: GripHorizontal, title: 'Space Around' },
+        {
+            value: 'flex-start',
+            icon: AlignLeft,
+            title: 'Start'
+        },
+        {
+            value: 'center',
+            icon: AlignCenter,
+            title: 'Center'
+        },
+        {
+            value: 'flex-end',
+            icon: AlignRight,
+            title: 'End'
+        },
+        {
+            value: 'space-between',
+            icon: AlignHorizontalDistributeCenter,
+            title: 'Space Between'
+        },
+        {
+            value: 'space-around',
+            icon: GripHorizontal,
+            title: 'Space Around'
+        }
     ];
-    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("label", { style: styles.label, children: label }), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, style: styles.clearButton, title: "Reset to default", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.buttonGroup, children: options.map(({ value: optionValue, icon: Icon, title }) => {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "puck-field",
+        style: styles.container,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: styles.header,
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        style: styles.label,
+                        children: label
+                    }),
+                    value && !readOnly && /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: handleClear,
+                        style: styles.clearButton,
+                        title: "Reset to default",
+                        children: /*#__PURE__*/ _jsx(X, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: styles.buttonGroup,
+                children: options.map(({ value: optionValue, icon: Icon, title })=>{
                     const isActive = currentValue === optionValue;
-                    return (_jsx("button", { type: "button", onClick: () => handleChange(optionValue), disabled: readOnly, style: {
-                            ...(isActive ? styles.buttonActive : styles.button),
-                            ...(readOnly ? styles.buttonDisabled : {}),
-                        }, title: title, children: _jsx(Icon, { style: { width: '16px', height: '16px' } }) }, optionValue));
-                }) })] }));
+                    return /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: ()=>handleChange(optionValue),
+                        disabled: readOnly,
+                        style: {
+                            ...isActive ? styles.buttonActive : styles.button,
+                            ...readOnly ? styles.buttonDisabled : {}
+                        },
+                        title: title,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        })
+                    }, optionValue);
+                })
+            })
+        ]
+    });
 }
-export const JustifyContentField = memo(JustifyContentFieldInner);
+export const JustifyContentField = /*#__PURE__*/ memo(JustifyContentFieldInner);
 // =============================================================================
 // AlignItemsField Component
 // =============================================================================
-function AlignItemsFieldInner({ value, onChange, label = 'Align Items', readOnly, defaultValue = 'center', }) {
+function AlignItemsFieldInner({ value, onChange, label = 'Align Items', readOnly, defaultValue = 'center' }) {
     const currentValue = value ?? defaultValue;
-    const handleChange = useCallback((alignItems) => {
+    const handleChange = useCallback((alignItems)=>{
         onChange(alignItems);
-    }, [onChange]);
-    const handleClear = useCallback(() => {
+    }, [
+        onChange
+    ]);
+    const handleClear = useCallback(()=>{
         onChange(null);
-    }, [onChange]);
+    }, [
+        onChange
+    ]);
     const options = [
-        { value: 'flex-start', icon: AlignStartVertical, title: 'Start' },
-        { value: 'center', icon: AlignCenterVertical, title: 'Center' },
-        { value: 'flex-end', icon: AlignEndVertical, title: 'End' },
-        { value: 'stretch', icon: MoveVertical, title: 'Stretch' },
+        {
+            value: 'flex-start',
+            icon: AlignStartVertical,
+            title: 'Start'
+        },
+        {
+            value: 'center',
+            icon: AlignCenterVertical,
+            title: 'Center'
+        },
+        {
+            value: 'flex-end',
+            icon: AlignEndVertical,
+            title: 'End'
+        },
+        {
+            value: 'stretch',
+            icon: MoveVertical,
+            title: 'Stretch'
+        }
     ];
-    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("label", { style: styles.label, children: label }), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, style: styles.clearButton, title: "Reset to default", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.buttonGroup, children: options.map(({ value: optionValue, icon: Icon, title }) => {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "puck-field",
+        style: styles.container,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                style: styles.header,
+                children: [
+                    /*#__PURE__*/ _jsx("label", {
+                        style: styles.label,
+                        children: label
+                    }),
+                    value && !readOnly && /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: handleClear,
+                        style: styles.clearButton,
+                        title: "Reset to default",
+                        children: /*#__PURE__*/ _jsx(X, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                style: styles.buttonGroup,
+                children: options.map(({ value: optionValue, icon: Icon, title })=>{
                     const isActive = currentValue === optionValue;
-                    return (_jsx("button", { type: "button", onClick: () => handleChange(optionValue), disabled: readOnly, style: {
-                            ...(isActive ? styles.buttonActive : styles.button),
-                            ...(readOnly ? styles.buttonDisabled : {}),
-                        }, title: title, children: _jsx(Icon, { style: { width: '16px', height: '16px' } }) }, optionValue));
-                }) })] }));
+                    return /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: ()=>handleChange(optionValue),
+                        disabled: readOnly,
+                        style: {
+                            ...isActive ? styles.buttonActive : styles.button,
+                            ...readOnly ? styles.buttonDisabled : {}
+                        },
+                        title: title,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            style: {
+                                width: '16px',
+                                height: '16px'
+                            }
+                        })
+                    }, optionValue);
+                })
+            })
+        ]
+    });
 }
-export const AlignItemsField = memo(AlignItemsFieldInner);
+export const AlignItemsField = /*#__PURE__*/ memo(AlignItemsFieldInner);
 /**
  * Creates a Puck field configuration for flex justify-content control
  *
@@ -138,12 +265,17 @@ export const AlignItemsField = memo(AlignItemsFieldInner);
  *   justifyContent: createJustifyContentField({ label: 'Justify Content' }),
  * }
  * ```
- */
-export function createJustifyContentField(config = {}) {
+ */ export function createJustifyContentField(config = {}) {
     return {
         type: 'custom',
         label: config.label,
-        render: ({ value, onChange, readOnly }) => (_jsx(JustifyContentField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, defaultValue: config.defaultValue })),
+        render: ({ value, onChange, readOnly })=>/*#__PURE__*/ _jsx(JustifyContentField, {
+                value: value,
+                onChange: onChange,
+                label: config.label,
+                readOnly: readOnly,
+                defaultValue: config.defaultValue
+            })
     };
 }
 /**
@@ -155,12 +287,18 @@ export function createJustifyContentField(config = {}) {
  *   alignItems: createAlignItemsField({ label: 'Align Items' }),
  * }
  * ```
- */
-export function createAlignItemsField(config = {}) {
+ */ export function createAlignItemsField(config = {}) {
     return {
         type: 'custom',
         label: config.label,
-        render: ({ value, onChange, readOnly }) => (_jsx(AlignItemsField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, defaultValue: config.defaultValue })),
+        render: ({ value, onChange, readOnly })=>/*#__PURE__*/ _jsx(AlignItemsField, {
+                value: value,
+                onChange: onChange,
+                label: config.label,
+                readOnly: readOnly,
+                defaultValue: config.defaultValue
+            })
     };
 }
+
 //# sourceMappingURL=FlexAlignmentField.js.map

package/dist/fields/FlexAlignmentField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlexAlignmentField.js","sourceRoot":"","sources":["../../src/fields/FlexAlignmentField.tsx"],"names":[],"mappings":"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"}
+{"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":"AAAA;;AAEA;;;;;;CAMC,GAED,OAAOA,SAASC,WAAW,EAAEC,IAAI,QAA4B,QAAO;AAEpE,SACEC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,+BAA+B,EAC/BC,cAAc,EACdC,kBAAkB,EAClBC,mBAAmB,EACnBC,gBAAgB,EAChBC,YAAY,EACZC,CAAC,QACI,eAAc;AAyBrB,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAMC,SAAS;IACbC,WAAW;QACTC,SAAS;QACTC,eAAe;QACfC,KAAK;IACP;IACAC,QAAQ;QACNH,SAAS;QACTI,YAAY;QACZC,gBAAgB;IAClB;IACAC,OAAO;QACLC,UAAU;QACVC,YAAY;QACZC,OAAO;IACT;IACAC,aAAa;QACXV,SAAS;QACTI,YAAY;QACZC,gBAAgB;QAChBM,OAAO;QACPC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,cAAc;QACdC,iBAAiB;QACjBP,OAAO;QACPQ,QAAQ;IACV;IACAC,aAAa;QACXlB,SAAS;QACTE,KAAK;IACP;IACAiB,QAAQ;QACNnB,SAAS;QACTI,YAAY;QACZC,gBAAgB;QAChBM,OAAO;QACPC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,cAAc;QACdC,iBAAiB;QACjBP,OAAO;QACPQ,QAAQ;IACV;IACAG,cAAc;QACZpB,SAAS;QACTI,YAAY;QACZC,gBAAgB;QAChBM,OAAO;QACPC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,cAAc;QACdC,iBAAiB;QACjBP,OAAO;QACPQ,QAAQ;IACV;IACAI,gBAAgB;QACdC,SAAS;QACTL,QAAQ;IACV;AACF;AAEA,gFAAgF;AAChF,gCAAgC;AAChC,gFAAgF;AAEhF,SAASM,yBAAyB,EAChCC,KAAK,EACLC,QAAQ,EACRnB,QAAQ,iBAAiB,EACzBoB,QAAQ,EACRC,eAAe,YAAY,EACF;IACzB,MAAMC,eAAeJ,SAASG;IAE9B,MAAME,eAAe3C,YAAY,CAACmB;QAChCoB,SAASpB;IACX,GAAG;QAACoB;KAAS;IAEb,MAAMK,cAAc5C,YAAY;QAC9BuC,SAAS;IACX,GAAG;QAACA;KAAS;IAEb,MAAMM,UAAU;QACd;YAAEP,OAAO;YAAgCQ,MAAM5C;YAAW6C,OAAO;QAAQ;QACzE;YAAET,OAAO;YAA4BQ,MAAM3C;YAAa4C,OAAO;QAAS;QACxE;YAAET,OAAO;YAA8BQ,MAAM1C;YAAY2C,OAAO;QAAM;QACtE;YAAET,OAAO;YAAmCQ,MAAMzC;YAAiC0C,OAAO;QAAgB;QAC1G;YAAET,OAAO;YAAkCQ,MAAMxC;YAAgByC,OAAO;QAAe;KACxF;IAED,qBACE,MAACC;QAAIC,WAAU;QAAaC,OAAOtC,OAAOC,SAAS;;0BACjD,MAACmC;gBAAIE,OAAOtC,OAAOK,MAAM;;kCACvB,KAACG;wBAAM8B,OAAOtC,OAAOQ,KAAK;kCACvBA;;oBAEFkB,SAAS,CAACE,0BACT,KAACP;wBACCkB,MAAK;wBACLC,SAASR;wBACTM,OAAOtC,OAAOY,WAAW;wBACzBuB,OAAM;kCAEN,cAAA,KAACpC;4BAAEuC,OAAO;gCAAEzB,OAAO;gCAAQC,QAAQ;4BAAO;;;;;0BAKhD,KAACsB;gBAAIE,OAAOtC,OAAOoB,WAAW;0BAC3Ba,QAAQQ,GAAG,CAAC,CAAC,EAAEf,OAAOgB,WAAW,EAAER,MAAMS,IAAI,EAAER,KAAK,EAAE;oBACrD,MAAMS,WAAWd,iBAAiBY;oBAClC,qBACE,KAACrB;wBAECkB,MAAK;wBACLC,SAAS,IAAMT,aAAaW;wBAC5BG,UAAUjB;wBACVU,OAAO;4BACL,GAAIM,WAAW5C,OAAOsB,YAAY,GAAGtB,OAAOqB,MAAM;4BAClD,GAAIO,WAAW5B,OAAOuB,cAAc,GAAG,CAAC,CAAC;wBAC3C;wBACAY,OAAOA;kCAEP,cAAA,KAACQ;4BAAKL,OAAO;gCAAEzB,OAAO;gCAAQC,QAAQ;4BAAO;;uBAVxC4B;gBAaX;;;;AAIR;AAEA,OAAO,MAAMI,oCAAsBzD,KAAKoC,0BAAyB;AAEjE,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,SAASsB,qBAAqB,EAC5BrB,KAAK,EACLC,QAAQ,EACRnB,QAAQ,aAAa,EACrBoB,QAAQ,EACRC,eAAe,QAAQ,EACF;IACrB,MAAMC,eAAeJ,SAASG;IAE9B,MAAME,eAAe3C,YAAY,CAACkB;QAChCqB,SAASrB;IACX,GAAG;QAACqB;KAAS;IAEb,MAAMK,cAAc5C,YAAY;QAC9BuC,SAAS;IACX,GAAG;QAACA;KAAS;IAEb,MAAMM,UAAU;QACd;YAAEP,OAAO;YAA4BQ,MAAMvC;YAAoBwC,OAAO;QAAQ;QAC9E;YAAET,OAAO;YAAwBQ,MAAMtC;YAAqBuC,OAAO;QAAS;QAC5E;YAAET,OAAO;YAA0BQ,MAAMrC;YAAkBsC,OAAO;QAAM;QACxE;YAAET,OAAO;YAAyBQ,MAAMpC;YAAcqC,OAAO;QAAU;KACxE;IAED,qBACE,MAACC;QAAIC,WAAU;QAAaC,OAAOtC,OAAOC,SAAS;;0BACjD,MAACmC;gBAAIE,OAAOtC,OAAOK,MAAM;;kCACvB,KAACG;wBAAM8B,OAAOtC,OAAOQ,KAAK;kCACvBA;;oBAEFkB,SAAS,CAACE,0BACT,KAACP;wBACCkB,MAAK;wBACLC,SAASR;wBACTM,OAAOtC,OAAOY,WAAW;wBACzBuB,OAAM;kCAEN,cAAA,KAACpC;4BAAEuC,OAAO;gCAAEzB,OAAO;gCAAQC,QAAQ;4BAAO;;;;;0BAKhD,KAACsB;gBAAIE,OAAOtC,OAAOoB,WAAW;0BAC3Ba,QAAQQ,GAAG,CAAC,CAAC,EAAEf,OAAOgB,WAAW,EAAER,MAAMS,IAAI,EAAER,KAAK,EAAE;oBACrD,MAAMS,WAAWd,iBAAiBY;oBAClC,qBACE,KAACrB;wBAECkB,MAAK;wBACLC,SAAS,IAAMT,aAAaW;wBAC5BG,UAAUjB;wBACVU,OAAO;4BACL,GAAIM,WAAW5C,OAAOsB,YAAY,GAAGtB,OAAOqB,MAAM;4BAClD,GAAIO,WAAW5B,OAAOuB,cAAc,GAAG,CAAC,CAAC;wBAC3C;wBACAY,OAAOA;kCAEP,cAAA,KAACQ;4BAAKL,OAAO;gCAAEzB,OAAO;gCAAQC,QAAQ;4BAAO;;uBAVxC4B;gBAaX;;;;AAIR;AAEA,OAAO,MAAMM,gCAAkB3D,KAAK0D,sBAAqB;AAgBzD;;;;;;;;;CASC,GACD,OAAO,SAASE,0BACdC,SAA0C,CAAC,CAAC;IAE5C,OAAO;QACLX,MAAM;QACN/B,OAAO0C,OAAO1C,KAAK;QACnB2C,QAAQ,CAAC,EAAEzB,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,iBACpC,KAACkB;gBACCpB,OAAOA;gBACPC,UAAUA;gBACVnB,OAAO0C,OAAO1C,KAAK;gBACnBoB,UAAUA;gBACVC,cAAcqB,OAAOrB,YAAY;;IAGvC;AACF;AAEA;;;;;;;;;CASC,GACD,OAAO,SAASuB,sBACdF,SAAsC,CAAC,CAAC;IAExC,OAAO;QACLX,MAAM;QACN/B,OAAO0C,OAAO1C,KAAK;QACnB2C,QAAQ,CAAC,EAAEzB,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,iBACpC,KAACoB;gBACCtB,OAAOA;gBACPC,UAAUA;gBACVnB,OAAO0C,OAAO1C,KAAK;gBACnBoB,UAAUA;gBACVC,cAAcqB,OAAOrB,YAAY;;IAGvC;AACF"}

package/dist/fields/FolderPickerField.d.ts

@@ -1,3 +1,10 @@
+/**
+ * FolderPickerField - Custom Puck field for folder selection
+ *
+ * Integrates with @delmaredigital/payload-page-tree to allow
+ * selecting folders from within the Puck editor.
+ */
+import React from 'react';
 import type { CustomField } from '@puckeditor/core';
 interface FolderPickerFieldProps {
     value: string | null;
@@ -5,7 +12,7 @@ interface FolderPickerFieldProps {
     label?: string;
     folderSlug?: string;
 }
-export declare function FolderPickerField({ value, onChange, label, folderSlug, }: FolderPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FolderPickerField({ value, onChange, label, folderSlug, }: FolderPickerFieldProps): React.JSX.Element;
 /**
  * Creates a Puck field configuration for folder selection
  */

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

@@ -1 +1 @@
-{"version":3,"file":"FolderPickerField.d.ts","sourceRoot":"","sources":["../../src/fields/FolderPickerField.tsx"],"names":[],"mappings":"AAUA,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,2CAmKxB;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"}
+{"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"}