@multiplatform.one/forms 6.7.0 → 7.1.0

package/dist/jsx/fields/ImageField/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ImageIcon","XIcon","useCallback","useEffect","useRef","useState","Image","isWeb","Text","View","styled","Field","FieldLayout","Skeleton","t","formCardColors","formCommonColors","formInputColors","clampRadiusForControl","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Fragment","jsx","jsxs","ImageContainer","name","position","alignItems","justifyContent","overflow","variants","interactive","true","cursor","hoverStyle","opacity","pressStyle","false","hasImage","borderStyle","borderWidth","borderColor","border","base","backgroundColor","background","disabledState","RemoveButton","top","insetInlineEnd","width","height","borderRadius","text","zIndex","error","ImageField","form","formProp","validators","label","labelProps","helperText","required","disabled","readOnly","size","id","idProp","value","defaultValue","onChange","onChangeProp","onValueChange","onBlur","accept","maxSize","imageWidth","imageHeight","showRemove","placeholder","skeleton","compact","resolvedForm","knobProps","resolvedValidators","cappedRadius","previewUrl","setPreviewUrl","validationError","setValidationError","fileInputRef","resolvedValue","File","url","URL","createObjectURL","revokeObjectURL","getDisplayUrl","val","validateFile","file","sizeMB","toFixed","type","startsWith","handleFileSelect","files","blurHandler","length","handleRemove","e","stopPropagation","openFileDialog","current","click","children","variant","canInteract","renderImageField","currentValue","errorProp","displayUrl","onPress","src","alt","objectFit","color","gap","fontSize","muted","textAlign","ref","target","style","display","standaloneError","field","resolvedError","fieldValue","state","handleChange"],"sources":["../../../../src/fields/ImageField/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ImageSquareIcon","XIcon","ensureFocusVisibleRing","wasKeyboardFocus","useCallback","useEffect","useRef","useState","Image","Text","View","YStack","isWeb","styled","Button","Field","FieldLayout","useFieldA11y","useFieldDescribedBy","Skeleton","t","formCommonColors","formInputColors","clampRadiusForControl","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","jsx","jsxs","IMAGE_EXT","CAPTION_MIN_EDGE","ImageFrame","name","position","alignItems","justifyContent","overflow","outlineWidth","focusStyle","focusVisibleStyle","isImageFile","file","accept","type","startsWith","test","accepted","split","map","trim","toLowerCase","some","endsWith","slice","match","replace","ImageControl","id","label","currentValue","errorProp","required","disabled","readOnly","maxSize","imageWidth","imageHeight","showRemove","placeholder","objectFit","cappedRadius","borderWidth","outlined","elevation","transition","body","gap","disabledSurface","onChange","onChangeProp","onValueChange","onInvalid","blurHandler","describedBy","fieldA11y","previewUrl","setPreviewUrl","broken","setBroken","kbFrameFocus","setKbFrameFocus","isDragOver","setIsDragOver","fileInputRef","dragDepthRef","canInteract","File","url","URL","createObjectURL","revokeObjectURL","displayUrl","hasValue","hasPreview","minEdge","Math","min","caption","showCaption","Boolean","iconSize","max","round","emit","next","validateFile","size","sizeMB","toFixed","applyFile","invalid","openFileDialog","current","click","isInteractiveChild","e","target","currentTarget","closest","interactive","handleFramePress","handleFrameKeyDown","key","preventDefault","handleRemove","stopPropagation","handleDragEnter","handleDragOver","handleDragLeave","handleDrop","dataTransfer","files","frameBorderWidth","frameBorderColor","error","text","border","base","altText","emptyName","children","width","height","borderRadius","borderStyle","borderColor","backgroundColor","background","accessibilityRole","accessibilityLabel","accessibilityHint","description","accessibilityState","outlineOffset","role","tabIndex","cursor","onFocus","onBlur","onPress","onKeyDown","onDragEnter","onDragOver","onDragLeave","onDrop","src","alt","onError","padding","color","muted","textAlign","numberOfLines","fontSize","ref","value","length","style","display","chromeless","icon","ImageField","form","formProp","validators","labelProps","helperText","idProp","defaultValue","skeleton","compact","resolvedForm","knobProps","disabledState","resolvedValidators","validationError","setValidationError","variant","controlProps","surfaceKnobProps","standaloneError","field","resolvedError","fieldValue","state","val","handleChange"],"sources":["../../../../src/fields/ImageField/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/ImageField/index.native.js

@@ -29,8 +29,10 @@ __export(ImageField_exports, {
 module.exports = __toCommonJS(ImageField_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
 var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_Skeleton = require("../../Skeleton/index.native.js");
 var import_t = require("../../shared/t.native.js");
@@ -45,67 +47,294 @@ function _instanceof(left, right) {
     return left instanceof right;
   }
 }
-var ImageContainer = (0, import_tamagui.styled)(import_tamagui.View, {
-  name: "ImageFieldContainer",
+var IMAGE_EXT = /\.(avif|bmp|gif|heic|heif|jpe?g|png|svg|webp)$/i;
+var CAPTION_MIN_EDGE = 56;
+var ImageFrame = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "ImageFieldFrame",
   position: "relative",
   alignItems: "center",
   justifyContent: "center",
   overflow: "hidden",
-  variants: {
-    interactive: {
-      true: {
+  outlineWidth: 0,
+  focusStyle: {
+    outlineWidth: 0
+  },
+  focusVisibleStyle: {
+    outlineWidth: 0
+  }
+});
+function isImageFile(file, accept) {
+  if (file.type.startsWith("image/")) return true;
+  if (IMAGE_EXT.test(file.name)) return true;
+  if (!accept) return false;
+  var accepted = accept.split(",").map(function (type) {
+    return type.trim().toLowerCase();
+  });
+  var name = file.name.toLowerCase();
+  return accepted.some(function (type) {
+    if (type.startsWith(".")) return name.endsWith(type);
+    if (type.endsWith("/*")) return file.type.startsWith(type.slice(0, -1));
+    return file.type === type || file.type.match(type.replace("*", ".*"));
+  });
+}
+function ImageControl(param) {
+  var {
+    id,
+    label,
+    currentValue,
+    errorProp,
+    required,
+    disabled,
+    readOnly,
+    accept,
+    maxSize,
+    imageWidth,
+    imageHeight,
+    showRemove,
+    placeholder,
+    objectFit,
+    cappedRadius,
+    borderWidth,
+    outlined,
+    elevation,
+    transition,
+    body,
+    gap,
+    disabledSurface,
+    onChange,
+    onChangeProp,
+    onValueChange,
+    onInvalid,
+    blurHandler
+  } = param;
+  var _ref;
+  var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
+  var fieldA11y = (0, import_fieldLayout.useFieldA11y)();
+  var [previewUrl, setPreviewUrl] = (0, import_react2.useState)(null);
+  var [broken, setBroken] = (0, import_react2.useState)(false);
+  var [kbFrameFocus, setKbFrameFocus] = (0, import_react2.useState)(false);
+  var [isDragOver, setIsDragOver] = (0, import_react2.useState)(false);
+  var fileInputRef = (0, import_react2.useRef)(null);
+  var dragDepthRef = (0, import_react2.useRef)(0);
+  var canInteract = !disabled && !readOnly;
+  (0, import_react2.useEffect)(function () {
+    setBroken(false);
+    if (!_instanceof(currentValue, File) || !import_tamagui.isWeb) {
+      setPreviewUrl(null);
+      return;
+    }
+    var url = URL.createObjectURL(currentValue);
+    setPreviewUrl(url);
+    return function () {
+      return URL.revokeObjectURL(url);
+    };
+  }, [currentValue]);
+  var displayUrl = typeof currentValue === "string" && currentValue ? currentValue : _instanceof(currentValue, File) ? previewUrl : null;
+  var hasValue = _instanceof(currentValue, File) || typeof currentValue === "string" && !!currentValue;
+  var hasPreview = !!displayUrl && !broken;
+  var minEdge = Math.min(imageWidth, imageHeight);
+  var caption = placeholder === void 0 ? (0, import_t.t)("Add image") : placeholder;
+  var showCaption = Boolean(caption) && !hasPreview && (placeholder !== void 0 || minEdge >= CAPTION_MIN_EDGE);
+  var iconSize = Math.max(14, Math.min(32, Math.round(minEdge * 0.28)));
+  var emit = (0, import_react2.useCallback)(function (next) {
+    onInvalid === null || onInvalid === void 0 ? void 0 : onInvalid(void 0);
+    onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(next);
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(next);
+    blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
+  }, [onChange, onChangeProp, onValueChange, onInvalid, blurHandler]);
+  var validateFile = (0, import_react2.useCallback)(function (file) {
+    if (maxSize && file.size > maxSize) {
+      var sizeMB = (maxSize / 1024 / 1024).toFixed(1);
+      return (0, import_t.t)("Image must be less than {{size}}MB", {
+        size: sizeMB
+      });
+    }
+    if (!isImageFile(file, accept)) {
+      return (0, import_t.t)("File must be an image");
+    }
+    return null;
+  }, [maxSize, accept]);
+  var applyFile = (0, import_react2.useCallback)(function (file) {
+    var invalid = validateFile(file);
+    if (invalid) {
+      setBroken(false);
+      onInvalid === null || onInvalid === void 0 ? void 0 : onInvalid(invalid);
+      return;
+    }
+    setBroken(false);
+    emit(file);
+  }, [validateFile, emit, onInvalid]);
+  var openFileDialog = (0, import_react2.useCallback)(function () {
+    var _fileInputRef_current;
+    if (!canInteract) return;
+    (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();
+  }, [canInteract]);
+  var isInteractiveChild = (0, import_react2.useCallback)(function (e) {
+    var target = e.target;
+    var current = e.currentTarget;
+    if (!(target === null || target === void 0 ? void 0 : target.closest) || !current) return false;
+    var interactive = target.closest('button, a, input, select, textarea, [role="button"]');
+    return !!interactive && interactive !== current;
+  }, []);
+  var handleFramePress = (0, import_react2.useCallback)(function (e) {
+    if (isInteractiveChild(e)) return;
+    openFileDialog();
+  }, [isInteractiveChild, openFileDialog]);
+  var handleFrameKeyDown = (0, import_react2.useCallback)(function (e) {
+    if (e.target !== e.currentTarget) return;
+    if (e.key === "Enter" || e.key === " ") {
+      var _e_preventDefault;
+      (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+      openFileDialog();
+    }
+  }, [openFileDialog]);
+  var handleRemove = (0, import_react2.useCallback)(function (e) {
+    var _e_stopPropagation;
+    e === null || e === void 0 ? void 0 : (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+    setBroken(false);
+    emit(null);
+  }, [emit]);
+  var handleDragEnter = (0, import_react2.useCallback)(function (e) {
+    e.preventDefault();
+    if (!canInteract) return;
+    dragDepthRef.current += 1;
+    setIsDragOver(true);
+  }, [canInteract]);
+  var handleDragOver = (0, import_react2.useCallback)(function (e) {
+    e.preventDefault();
+  }, []);
+  var handleDragLeave = (0, import_react2.useCallback)(function (e) {
+    e.preventDefault();
+    dragDepthRef.current = Math.max(0, dragDepthRef.current - 1);
+    if (dragDepthRef.current === 0) setIsDragOver(false);
+  }, []);
+  var handleDrop = (0, import_react2.useCallback)(function (e) {
+    var _e_dataTransfer_files;
+    e.preventDefault();
+    dragDepthRef.current = 0;
+    setIsDragOver(false);
+    if (!canInteract) return;
+    var file = (_e_dataTransfer_files = e.dataTransfer.files) === null || _e_dataTransfer_files === void 0 ? void 0 : _e_dataTransfer_files[0];
+    if (file) applyFile(file);
+  }, [canInteract, applyFile]);
+  var frameBorderWidth = isDragOver && canInteract ? Math.max(borderWidth, 2) : borderWidth;
+  var frameBorderColor = errorProp || isDragOver && canInteract ? errorProp ? import_colorRamps.formCommonColors.error : import_colorRamps.formCommonColors.text : import_colorRamps.formInputColors.border.base;
+  var altText = typeof label === "string" && label ? label : (fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label) || (0, import_t.t)("Selected image");
+  var emptyName = typeof label === "string" && label ? (0, import_t.t)("{{label}}: add image", {
+    label
+  }) : (0, import_t.t)("Add image");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    alignItems: "flex-start",
+    ...(gap !== null && gap !== void 0 ? gap : {
+      gap: "$2"
+    }),
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(ImageFrame, {
+      id,
+      width: imageWidth,
+      height: imageHeight,
+      borderRadius: cappedRadius,
+      borderStyle: hasPreview ? "solid" : "dashed",
+      borderWidth: frameBorderWidth,
+      borderColor: frameBorderColor,
+      backgroundColor: outlined || hasPreview ? "transparent" : import_colorRamps.formInputColors.background.base,
+      elevation,
+      transition,
+      ...(disabled ? disabledSurface : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": !!errorProp || void 0,
+      "aria-readonly": readOnly || void 0,
+      "aria-disabled": disabled || void 0,
+      "aria-describedby": describedBy,
+      ...(!import_tamagui.isWeb ? {
+        accessibilityRole: canInteract ? "button" : void 0,
+        accessibilityLabel: (_ref = fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label) !== null && _ref !== void 0 ? _ref : typeof label === "string" ? label : emptyName,
+        accessibilityHint: fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.description,
+        accessibilityState: {
+          disabled: !!disabled
+        }
+      } : {}),
+      ...(kbFrameFocus ? (0, import_theme.ensureFocusVisibleRing)({
+        outlineOffset: -2
+      }) : void 0),
+      ...(canInteract ? {
+        role: "button",
+        tabIndex: 0,
         cursor: "pointer",
-        hoverStyle: {
-          opacity: 0.9
+        onFocus: function onFocus() {
+          if ((0, import_theme.wasKeyboardFocus)()) setKbFrameFocus(true);
+        },
+        onBlur: function onBlur() {
+          return setKbFrameFocus(false);
         },
-        pressStyle: {
-          opacity: 0.8
+        ...(label && id ? null : {
+          "aria-label": emptyName
+        }),
+        onPress: handleFramePress,
+        onKeyDown: handleFrameKeyDown,
+        onDragEnter: handleDragEnter,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop
+      } : {}),
+      children: [hasPreview ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+        src: displayUrl,
+        alt: altText,
+        width: imageWidth,
+        height: imageHeight,
+        objectFit,
+        onError: function onError() {
+          return setBroken(true);
         }
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "$1",
+        padding: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageSquareIcon, {
+          size: iconSize,
+          color: "var(--color11)"
+        }), showCaption ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          ...body,
+          color: import_colorRamps.formCommonColors.muted,
+          textAlign: "center",
+          numberOfLines: 2,
+          children: hasValue && broken ? (0, import_t.t)("Image failed to load") : caption
+        }) : hasValue && broken ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          color: import_colorRamps.formCommonColors.muted,
+          textAlign: "center",
+          fontSize: "$1",
+          children: (0, import_t.t)("Image failed to load")
+        }) : null]
+      }), import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+        ref: fileInputRef,
+        type: "file",
+        accept,
+        tabIndex: -1,
+        "aria-hidden": true,
+        onChange: function onChange2(e) {
+          var files = e.target.files;
+          e.target.value = "";
+          if (!files || files.length === 0) return;
+          applyFile(files[0]);
+        },
+        style: {
+          display: "none"
+        },
+        disabled: !canInteract
+      })]
+    }), showRemove && hasValue && canInteract && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+      chromeless: true,
+      size: "$2",
+      icon: import_react.XIcon,
+      "aria-label": (0, import_t.t)("Remove image"),
+      onPress: function onPress() {
+        return handleRemove();
       },
-      false: {
-        cursor: "default"
-      }
-    },
-    hasImage: {
-      true: {
-        borderStyle: "solid",
-        borderWidth: 1,
-        borderColor: import_colorRamps.formCardColors.border.base
-      },
-      false: {
-        borderStyle: "dashed",
-        borderWidth: 1,
-        borderColor: import_colorRamps.formInputColors.border.base,
-        backgroundColor: import_colorRamps.formInputColors.background.base
-      }
-    },
-    disabledState: {
-      true: {
-        opacity: 0.5
-      },
-      false: {
-        opacity: 1
-      }
-    }
-  }
-});
-var RemoveButton = (0, import_tamagui.styled)(import_tamagui.View, {
-  name: "ImageFieldRemove",
-  position: "absolute",
-  top: -6,
-  insetInlineEnd: -6,
-  width: 18,
-  height: 18,
-  borderRadius: 1e3,
-  backgroundColor: import_colorRamps.formCommonColors.text,
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "pointer",
-  zIndex: 1,
-  hoverStyle: {
-    backgroundColor: import_colorRamps.formCommonColors.error
-  }
-});
+      children: (0, import_t.t)("Remove")
+    })]
+  });
+}
 function ImageField(param) {
   var {
     name,
@@ -131,12 +360,15 @@ function ImageField(param) {
     imageHeight = 48,
     showRemove = true,
     placeholder,
+    objectFit = "cover",
     skeleton,
     compact
   } = param;
+  var _knobProps_borderRadius_borderWidth;
   var {
     resolvedForm,
     knobProps,
+    disabledState,
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
@@ -145,63 +377,7 @@ function ImageField(param) {
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
   var cappedRadius = (0, import_utils.clampRadiusForControl)(knobProps.borderRadius.borderRadius, 6);
-  var [previewUrl, setPreviewUrl] = (0, import_react2.useState)(null);
   var [validationError, setValidationError] = (0, import_react2.useState)();
-  var fileInputRef = (0, import_react2.useRef)(null);
-  var resolvedValue = value !== void 0 ? value : defaultValue;
-  (0, import_react2.useEffect)(function () {
-    if (!_instanceof(resolvedValue, File) || !import_tamagui.isWeb) {
-      setPreviewUrl(null);
-      return;
-    }
-    var url = URL.createObjectURL(resolvedValue);
-    setPreviewUrl(url);
-    return function () {
-      return URL.revokeObjectURL(url);
-    };
-  }, [resolvedValue]);
-  var getDisplayUrl = (0, import_react2.useCallback)(function (val) {
-    if (!val) return null;
-    if (typeof val === "string") return val;
-    if (_instanceof(val, File)) return previewUrl;
-    return null;
-  }, [previewUrl]);
-  var validateFile = (0, import_react2.useCallback)(function (file) {
-    if (maxSize && file.size > maxSize) {
-      var sizeMB = (maxSize / 1024 / 1024).toFixed(1);
-      return `Image must be less than ${sizeMB}MB`;
-    }
-    if (!file.type.startsWith("image/")) {
-      return "File must be an image";
-    }
-    return null;
-  }, [maxSize]);
-  var handleFileSelect = (0, import_react2.useCallback)(function (files, onChange, blurHandler) {
-    if (!files || files.length === 0) return;
-    var file = files[0];
-    var validationError2 = validateFile(file);
-    if (validationError2) {
-      setValidationError(validationError2);
-      return;
-    }
-    setValidationError(void 0);
-    onChange === null || onChange === void 0 ? void 0 : onChange(file);
-    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(file);
-    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(file);
-    blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
-  }, [validateFile, onChangeProp, onValueChange]);
-  var handleRemove = (0, import_react2.useCallback)(function (e, onChange, blurHandler) {
-    e.stopPropagation();
-    onChange === null || onChange === void 0 ? void 0 : onChange(null);
-    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(null);
-    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(null);
-    blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
-  }, [onChangeProp, onValueChange]);
-  var openFileDialog = (0, import_react2.useCallback)(function () {
-    var _fileInputRef_current;
-    if (disabled || readOnly) return;
-    (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();
-  }, [disabled, readOnly]);
   if (skeleton) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
       id,
@@ -215,68 +391,30 @@ function ImageField(param) {
       })
     });
   }
-  var canInteract = !disabled && !readOnly;
-  var renderImageField = function renderImageField2(currentValue, errorProp, onChange, blurHandler) {
-    var displayUrl = getDisplayUrl(currentValue);
-    var hasImage = !!displayUrl;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ImageContainer, {
-      width: imageWidth,
-      height: imageHeight,
-      borderRadius: cappedRadius,
-      interactive: canInteract,
-      hasImage,
-      disabledState: !!disabled,
-      onPress: canInteract ? openFileDialog : void 0,
-      ...(errorProp ? {
-        borderColor: import_colorRamps.formCommonColors.error
-      } : void 0),
-      "aria-required": required || void 0,
-      "aria-invalid": !!errorProp || void 0,
-      "aria-readonly": readOnly || void 0,
-      children: [hasImage ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-          // src (string), not source: the RN source object leaks onto the
-          // DOM <img> as source="[object Object]" on web
-          src: displayUrl,
-          alt: typeof label === "string" && label ? label : (0, import_t.t)("Selected image"),
-          width: imageWidth,
-          height: imageHeight,
-          objectFit: "cover"
-        }), showRemove && canInteract && /* @__PURE__ */(0, import_jsx_runtime.jsx)(RemoveButton, {
-          onPress: function onPress(e) {
-            return handleRemove(e, onChange, blurHandler);
-          },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
-            size: 10,
-            color: "var(--color1)"
-          })
-        })]
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-        alignItems: "center",
-        justifyContent: "center",
-        gap: "$1",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageIcon, {
-          size: 16,
-          color: "var(--color10)"
-        }), placeholder && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: "$1",
-          color: import_colorRamps.formCommonColors.muted,
-          textAlign: "center",
-          children: placeholder
-        })]
-      }), import_tamagui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
-        ref: fileInputRef,
-        type: "file",
-        accept,
-        onChange: function onChange1(e) {
-          return handleFileSelect(e.target.files, onChange, blurHandler);
-        },
-        style: {
-          display: "none"
-        },
-        disabled: !canInteract
-      })]
-    });
+  var controlProps = {
+    id,
+    label,
+    required,
+    disabled,
+    readOnly,
+    accept,
+    maxSize,
+    imageWidth,
+    imageHeight,
+    showRemove,
+    placeholder,
+    objectFit,
+    cappedRadius,
+    borderWidth: (_knobProps_borderRadius_borderWidth = knobProps.borderRadius.borderWidth) !== null && _knobProps_borderRadius_borderWidth !== void 0 ? _knobProps_borderRadius_borderWidth : 1,
+    outlined: knobProps.outlined,
+    elevation: knobProps.elevation,
+    transition: knobProps.transition,
+    body: knobProps.body,
+    gap: knobProps.gap,
+    disabledSurface: disabled ? disabledState.surfaceKnobProps : void 0,
+    onChangeProp,
+    onValueChange,
+    onInvalid: setValidationError
   };
   if (!resolvedForm || !name) {
     var standaloneError = error !== null && error !== void 0 ? error : validationError;
@@ -289,13 +427,12 @@ function ImageField(param) {
       required,
       size,
       knobProps,
-      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
-      // the sibling label/helper readable) — it needs the disabled state.
       disabled,
-      children: (
-      /* User callbacks fire once inside handleFileSelect/handleRemove —
-      passing onValueChange as the internal handler double-fired it. */
-      renderImageField(value !== null && value !== void 0 ? value : defaultValue, standaloneError, void 0))
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageControl, {
+        ...controlProps,
+        currentValue: value !== null && value !== void 0 ? value : defaultValue,
+        errorProp: standaloneError
+      })
     });
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
@@ -317,11 +454,16 @@ function ImageField(param) {
         required,
         size,
         knobProps,
-        // LC-40: see standalone branch — FieldLayout carries dimWhole.
         disabled,
-        children: renderImageField(value !== void 0 ? value : fieldValue, resolvedError, function (val) {
-          field.handleChange(val);
-        }, blurHandler)
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageControl, {
+          ...controlProps,
+          currentValue: value !== void 0 ? value : fieldValue,
+          errorProp: resolvedError,
+          onChange: function onChange(val) {
+            return field.handleChange(val);
+          },
+          blurHandler
+        })
       });
     }
   });