@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/fields/TransformField.js.map

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

package/dist/fields/VerticalAlignmentField.d.ts

@@ -14,7 +14,7 @@ interface VerticalAlignmentFieldProps {
     readOnly?: boolean;
     defaultValue?: VerticalAlignment;
 }
-declare function VerticalAlignmentFieldInner({ value, onChange, label, readOnly, defaultValue, }: VerticalAlignmentFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function VerticalAlignmentFieldInner({ value, onChange, label, readOnly, defaultValue, }: VerticalAlignmentFieldProps): React.JSX.Element;
 export declare const VerticalAlignmentField: React.MemoExoticComponent<typeof VerticalAlignmentFieldInner>;
 interface CreateVerticalAlignmentFieldConfig {
     label?: string;

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

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

package/dist/fields/VerticalAlignmentField.js

@@ -5,9 +5,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Used for grid item self-alignment (e.g., in TextImageSplit)
  * Controls how an item aligns itself within its grid/flex cell.
- */
-import { useCallback, memo } from 'react';
-import { AlignStartVertical, AlignCenterVertical, AlignEndVertical, X, } from 'lucide-react';
+ */ import React, { useCallback, memo } from 'react';
+import { AlignStartVertical, AlignCenterVertical, AlignEndVertical, X } from 'lucide-react';
 // =============================================================================
 // Styles
 // =============================================================================
@@ -15,17 +14,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',
@@ -38,11 +37,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',
@@ -55,7 +54,7 @@ const styles = {
         borderRadius: '4px',
         backgroundColor: 'var(--theme-bg)',
         color: 'var(--theme-elevation-700)',
-        cursor: 'pointer',
+        cursor: 'pointer'
     },
     buttonActive: {
         display: 'flex',
@@ -68,38 +67,96 @@ 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'
+    }
 };
 // =============================================================================
 // VerticalAlignmentField Component
 // =============================================================================
-function VerticalAlignmentFieldInner({ value, onChange, label = 'Vertical Alignment', readOnly, defaultValue = 'center', }) {
+function VerticalAlignmentFieldInner({ value, onChange, label = 'Vertical Alignment', readOnly, defaultValue = 'center' }) {
     const currentValue = value ?? defaultValue;
-    const handleChange = useCallback((alignment) => {
+    const handleChange = useCallback((alignment)=>{
         onChange(alignment);
-    }, [onChange]);
-    const handleClear = useCallback(() => {
+    }, [
+        onChange
+    ]);
+    const handleClear = useCallback(()=>{
         onChange(null);
-    }, [onChange]);
+    }, [
+        onChange
+    ]);
     const options = [
-        { value: 'flex-start', icon: AlignStartVertical, title: 'Top' },
-        { value: 'center', icon: AlignCenterVertical, title: 'Center' },
-        { value: 'flex-end', icon: AlignEndVertical, title: 'Bottom' },
+        {
+            value: 'flex-start',
+            icon: AlignStartVertical,
+            title: 'Top'
+        },
+        {
+            value: 'center',
+            icon: AlignCenterVertical,
+            title: 'Center'
+        },
+        {
+            value: 'flex-end',
+            icon: AlignEndVertical,
+            title: 'Bottom'
+        }
     ];
-    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("label", { style: styles.label, children: label }), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, style: styles.clearButton, title: "Reset to default", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.buttonGroup, children: options.map(({ value: optionValue, icon: Icon, title }) => {
+    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 VerticalAlignmentField = memo(VerticalAlignmentFieldInner);
+export const VerticalAlignmentField = /*#__PURE__*/ memo(VerticalAlignmentFieldInner);
 /**
  * Creates a Puck field configuration for vertical/self alignment control
  *
@@ -109,12 +166,18 @@ export const VerticalAlignmentField = memo(VerticalAlignmentFieldInner);
  *   verticalAlignment: createVerticalAlignmentField({ label: 'Vertical Alignment' }),
  * }
  * ```
- */
-export function createVerticalAlignmentField(config = {}) {
+ */ export function createVerticalAlignmentField(config = {}) {
     return {
         type: 'custom',
         label: config.label,
-        render: ({ value, onChange, readOnly }) => (_jsx(VerticalAlignmentField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, defaultValue: config.defaultValue })),
+        render: ({ value, onChange, readOnly })=>/*#__PURE__*/ _jsx(VerticalAlignmentField, {
+                value: value,
+                onChange: onChange,
+                label: config.label,
+                readOnly: readOnly,
+                defaultValue: config.defaultValue
+            })
     };
 }
+
 //# sourceMappingURL=VerticalAlignmentField.js.map

package/dist/fields/VerticalAlignmentField.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalAlignmentField.js","sourceRoot":"","sources":["../../src/fields/VerticalAlignmentField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../src/fields/VerticalAlignmentField.tsx"],"sourcesContent":["'use client'\n\n/**\n * VerticalAlignmentField - Icon toggle buttons for vertical/self alignment\n *\n * Used for grid item self-alignment (e.g., in TextImageSplit)\n * Controls how an item aligns itself within its grid/flex cell.\n */\n\nimport React, { useCallback, memo, type CSSProperties } from 'react'\nimport type { CustomField } from '@puckeditor/core'\nimport {\n  AlignStartVertical,\n  AlignCenterVertical,\n  AlignEndVertical,\n  X,\n} from 'lucide-react'\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type VerticalAlignment = 'flex-start' | 'center' | 'flex-end'\n\ninterface VerticalAlignmentFieldProps {\n  value: VerticalAlignment | null\n  onChange: (value: VerticalAlignment | null) => void\n  label?: string\n  readOnly?: boolean\n  defaultValue?: VerticalAlignment\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// VerticalAlignmentField Component\n// =============================================================================\n\nfunction VerticalAlignmentFieldInner({\n  value,\n  onChange,\n  label = 'Vertical Alignment',\n  readOnly,\n  defaultValue = 'center',\n}: VerticalAlignmentFieldProps) {\n  const currentValue = value ?? defaultValue\n\n  const handleChange = useCallback((alignment: VerticalAlignment) => {\n    onChange(alignment)\n  }, [onChange])\n\n  const handleClear = useCallback(() => {\n    onChange(null)\n  }, [onChange])\n\n  const options = [\n    { value: 'flex-start' as VerticalAlignment, icon: AlignStartVertical, title: 'Top' },\n    { value: 'center' as VerticalAlignment, icon: AlignCenterVertical, title: 'Center' },\n    { value: 'flex-end' as VerticalAlignment, icon: AlignEndVertical, title: 'Bottom' },\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 VerticalAlignmentField = memo(VerticalAlignmentFieldInner)\n\n// =============================================================================\n// Field Configuration Factory\n// =============================================================================\n\ninterface CreateVerticalAlignmentFieldConfig {\n  label?: string\n  defaultValue?: VerticalAlignment\n}\n\n/**\n * Creates a Puck field configuration for vertical/self alignment control\n *\n * @example\n * ```ts\n * fields: {\n *   verticalAlignment: createVerticalAlignmentField({ label: 'Vertical Alignment' }),\n * }\n * ```\n */\nexport function createVerticalAlignmentField(\n  config: CreateVerticalAlignmentFieldConfig = {}\n): CustomField<VerticalAlignment | null> {\n  return {\n    type: 'custom',\n    label: config.label,\n    render: ({ value, onChange, readOnly }) => (\n      <VerticalAlignmentField\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","AlignStartVertical","AlignCenterVertical","AlignEndVertical","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","VerticalAlignmentFieldInner","value","onChange","readOnly","defaultValue","currentValue","handleChange","alignment","handleClear","options","icon","title","div","className","style","type","onClick","map","optionValue","Icon","isActive","disabled","VerticalAlignmentField","createVerticalAlignmentField","config","render"],"mappings":"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"}

package/dist/fields/WidthField.d.ts

@@ -9,14 +9,14 @@
  */
 import React from 'react';
 import type { CustomField } from '@puckeditor/core';
-import type { WidthValue } from './shared';
+import type { WidthValue } from './shared.js';
 interface WidthFieldProps {
     value: WidthValue | null;
     onChange: (value: WidthValue | null) => void;
     label?: string;
     readOnly?: boolean;
 }
-declare function WidthFieldInner({ value, onChange, label, readOnly, }: WidthFieldProps): import("react/jsx-runtime").JSX.Element;
+declare function WidthFieldInner({ value, onChange, label, readOnly, }: WidthFieldProps): React.JSX.Element;
 export declare const WidthField: React.MemoExoticComponent<typeof WidthFieldInner>;
 /**
  * Creates a Puck field configuration for width control

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

@@ -1 +1 @@
-{"version":3,"file":"WidthField.d.ts","sourceRoot":"","sources":["../../src/fields/WidthField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAUnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAU1C,UAAU,eAAe;IACvB,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAoPD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE,eAAe,2CAoMjB;AAED,eAAO,MAAM,UAAU,mDAAwB,CAAA;AAM/C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAajC"}
+{"version":3,"file":"WidthField.d.ts","sourceRoot":"","sources":["../../src/fields/WidthField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAUnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAU7C,UAAU,eAAe;IACvB,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAoPD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE,eAAe,qBAoMjB;AAED,eAAO,MAAM,UAAU,mDAAwB,CAAA;AAM/C;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAajC"}