@multiplatform.one/forms 7.46.0 → 7.47.1

package/dist/cjs/fields/Duration/index.native.js

@@ -67,6 +67,8 @@ var defaultPresets = [{
   label: "8h",
   seconds: 28800
 }];
+var DIGIT_PROBE = "000";
+var CARET_ALLOWANCE = 2;
 var DURATION_PRESET_SIZE = "$2";
 function DurationSegment(param) {
   var {
@@ -83,13 +85,15 @@ function DurationSegment(param) {
     placeholder,
     required,
     hasError,
-    sizeToken
+    sizeToken,
+    digitAdvance
   } = param;
   var [draft, setDraft] = (0, import_react2.useState)(null);
   var shown = draft !== null && draft !== void 0 ? draft : wide ? String(value) : String(value).padStart(2, "0");
   var locked = !!(disabled || readOnly);
   var recipe = (0, import_theme2.sizeRecipeForToken)(sizeToken);
-  var segmentWidth = (0, import_durationMath.durationSegmentWidth)(sizeToken, wide ? 3 : 2);
+  var digits = Math.max(1, shown.length);
+  var segmentWidth = digitAdvance == null ? (0, import_durationMath.durationSegmentWidth)(sizeToken, digits) : Math.ceil(digitAdvance * digits) + CARET_ALLOWANCE;
   var commitDraft = function commitDraft2() {
     if (draft == null) return;
     var n = (0, import_durationMath.normalizeSeconds)(draft === "" ? 0 : Number(draft));
@@ -116,9 +120,8 @@ function DurationSegment(param) {
       "aria-required": required || void 0,
       "aria-invalid": hasError || void 0,
       color: import_colorRamps.formCommonColors.text,
-      textAlign: "right",
+      textAlign: "left",
       ...knobProps.controlType,
-      flex: 0,
       width: segmentWidth,
       minWidth: segmentWidth,
       maxWidth: segmentWidth,
@@ -206,6 +209,7 @@ function DurationControl(param) {
   var resolvedClock = clockIcon === void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
     size: recipe.iconSize
   }) : clockIcon;
+  var [digitAdvance, setDigitAdvance] = (0, import_react2.useState)(null);
   var commitParts = (0, import_react2.useCallback)(function (patch) {
     onChange((0, import_durationMath.partsToSeconds)({
       ...parts,
@@ -217,111 +221,117 @@ function DurationControl(param) {
     ...(hasError ? {
       theme: "error"
     } : void 0),
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
-      elevation: void 0,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
       disabled,
       role: "group",
       "aria-label": hasLabel ? void 0 : (0, import_t.t)("Duration"),
       "data-ring-target": "box",
       "data-duration-box": "",
       justifyContent: "flex-start",
-      alignItems: "stretch",
       size: sizeToken,
-      height: recipe.height,
-      sizeRecipeEscape: "duration-box",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+      children: [resolvedClock != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+        adornment: "leading",
+        children: resolvedClock
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
         justifyContent: "flex-start",
-        alignItems: "stretch",
+        height: "100%",
         flexGrow: 1,
         flexShrink: 1,
-        flexBasis: "auto",
         minWidth: 0,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          alignItems: "center",
-          justifyContent: "flex-start",
-          width: "100%",
-          height: "100%",
-          flexGrow: 0,
-          flexShrink: 1,
-          gap: recipe.gap,
-          "data-duration-row": "",
-          children: [resolvedClock != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
-            adornment: "leading",
-            children: resolvedClock
-          }) : null, !hideDays ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
-            id,
-            unit: (0, import_t.t)("d"),
-            ariaLabel: (0, import_t.t)("Days"),
-            value: parts.days,
-            onCommit: function onCommit(days) {
-              return commitParts({
-                days
-              });
-            },
-            onPasteDuration: onChange,
-            disabled,
-            readOnly,
-            knobProps,
-            placeholder,
-            required,
-            hasError,
-            sizeToken
-          }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
-            id: hideDays ? id : `${id}-hours`,
-            unit: (0, import_t.t)("h"),
-            ariaLabel: (0, import_t.t)("Hours"),
-            value: parts.hours,
-            onCommit: function onCommit(hours) {
-              return commitParts({
-                hours
-              });
-            },
-            onPasteDuration: onChange,
-            disabled,
-            readOnly,
-            knobProps,
-            wide: true,
-            placeholder: hideDays ? placeholder : void 0,
-            required,
-            hasError,
-            sizeToken
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
-            id: `${id}-minutes`,
-            unit: (0, import_t.t)("m"),
-            ariaLabel: (0, import_t.t)("Min"),
-            value: parts.minutes,
-            onCommit: function onCommit(minutes) {
-              return commitParts({
-                minutes
-              });
-            },
-            onPasteDuration: onChange,
-            disabled,
-            readOnly,
-            knobProps,
-            required,
-            hasError,
-            sizeToken
-          }), showSeconds ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
-            id: `${id}-seconds`,
-            unit: (0, import_t.t)("s"),
-            ariaLabel: (0, import_t.t)("Sec"),
-            value: parts.seconds,
-            onCommit: function onCommit(secs) {
-              return commitParts({
-                seconds: secs
-              });
-            },
-            onPasteDuration: onChange,
-            disabled,
-            readOnly,
-            knobProps,
-            required,
-            hasError,
-            sizeToken
-          }) : null]
-        })
-      })
+        gap: recipe.gap,
+        "data-duration-row": "",
+        children: [!hideDays ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
+          id,
+          unit: (0, import_t.t)("d"),
+          ariaLabel: (0, import_t.t)("Days"),
+          value: parts.days,
+          onCommit: function onCommit(days) {
+            return commitParts({
+              days
+            });
+          },
+          onPasteDuration: onChange,
+          disabled,
+          readOnly,
+          knobProps,
+          placeholder,
+          required,
+          hasError,
+          sizeToken,
+          digitAdvance
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
+          id: hideDays ? id : `${id}-hours`,
+          unit: (0, import_t.t)("h"),
+          ariaLabel: (0, import_t.t)("Hours"),
+          value: parts.hours,
+          onCommit: function onCommit(hours) {
+            return commitParts({
+              hours
+            });
+          },
+          onPasteDuration: onChange,
+          disabled,
+          readOnly,
+          knobProps,
+          wide: true,
+          placeholder: hideDays ? placeholder : void 0,
+          required,
+          hasError,
+          sizeToken,
+          digitAdvance
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
+          id: `${id}-minutes`,
+          unit: (0, import_t.t)("m"),
+          ariaLabel: (0, import_t.t)("Min"),
+          value: parts.minutes,
+          onCommit: function onCommit(minutes) {
+            return commitParts({
+              minutes
+            });
+          },
+          onPasteDuration: onChange,
+          disabled,
+          readOnly,
+          knobProps,
+          required,
+          hasError,
+          sizeToken,
+          digitAdvance
+        }), showSeconds ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DurationSegment, {
+          id: `${id}-seconds`,
+          unit: (0, import_t.t)("s"),
+          ariaLabel: (0, import_t.t)("Sec"),
+          value: parts.seconds,
+          onCommit: function onCommit(secs) {
+            return commitParts({
+              seconds: secs
+            });
+          },
+          onPasteDuration: onChange,
+          disabled,
+          readOnly,
+          knobProps,
+          required,
+          hasError,
+          sizeToken,
+          digitAdvance
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          "aria-hidden": true,
+          position: "absolute",
+          opacity: 0,
+          pointerEvents: "none",
+          numberOfLines: 1,
+          ...knobProps.body,
+          ...knobProps.controlType,
+          fontSize: recipe.fontSize,
+          onLayout: function onLayout(e) {
+            var width = e.nativeEvent.layout.width;
+            if (width > 0) setDigitAdvance(width / DIGIT_PROBE.length);
+          },
+          children: DIGIT_PROBE
+        })]
+      })]
     })
   });
 }

package/dist/cjs/fields/Duration/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Duration_exports","__export","DURATION_PRESET_SIZE","Duration","durationSegmentWidth","import_durationMath","normalizeSeconds","parseDurationText","partsToSeconds","secondsToParts","module","exports","import_jsx_runtime","require","import_theme","import_theme2","import_react","import_react2","import_tamagui","import_Button","import_Skeleton","import_fieldLayout","import_InputParts","import_colorRamps","import_t","import_tableCellContext","import_utils","defaultPresets","label","seconds","DurationSegment","param","id","unit","ariaLabel","onCommit","onPasteDuration","disabled","readOnly","knobProps","wide","placeholder","required","hasError","sizeToken","draft","setDraft","useState","shown","String","padStart","locked","recipe","sizeRecipeForToken","segmentWidth","commitDraft","commitDraft2","n","Number","jsxs","XStack","alignItems","gap","flexGrow","flexShrink","height","children","jsx","Input","Area","keyboardType","color","formCommonColors","text","textAlign","controlType","flex","width","minWidth","maxWidth","minHeight","maxHeight","size","paddingHorizontal","maxLength","isWeb","tabIndex","onChangeText","test","onBlur","onFocus","fontVariantNumeric","onKeyDown","e","_ref","_e_nativeEvent","key","nativeEvent","_e_preventDefault","preventDefault","call","_e_preventDefault1","Math","max","_e_preventDefault2","onPaste","_e_clipboardData_getData","_e_clipboardData","clipboardData","getData","parsed","Text","body","muted","textTransform","DurationControl","onChange","hideDays","showSeconds","clockIcon","hasLabel","parts","resolvedClock","ClockIcon","iconSize","commitParts","useCallback","patch","theme","Box","elevation","role","t","justifyContent","sizeRecipeEscape","Section","flexBasis","Icon","adornment","days","hours","minutes","secs","DurationPresets","presets","length","flexWrap","map","preset","selected","Button","outlined","accent","onPress","name","form","formProp","validators","labelProps","helperText","error","idProp","defaultValue","skeleton","hydrationTouch","useTouchSurface","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","isControlled","internal","setInternal","inTableCell","useIsInTableCell","resolvedSize","visualHeight","getFieldHeight","handleChange","next","fieldChange","FieldLayout","Skeleton","variant","fieldBody","fieldBody2","current","onValueChange","YStack","Boolean","s","Field","field","_field_state_value","resolvedError","getFieldError","fieldValue","state","mergeFieldHandler","v"],"sources":["../../../../src/fields/Duration/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Duration_exports","__export","DURATION_PRESET_SIZE","Duration","durationSegmentWidth","import_durationMath","normalizeSeconds","parseDurationText","partsToSeconds","secondsToParts","module","exports","import_jsx_runtime","require","import_theme","import_theme2","import_react","import_react2","import_tamagui","import_Button","import_Skeleton","import_fieldLayout","import_InputParts","import_colorRamps","import_t","import_tableCellContext","import_utils","defaultPresets","label","seconds","DIGIT_PROBE","CARET_ALLOWANCE","DurationSegment","param","id","unit","ariaLabel","onCommit","onPasteDuration","disabled","readOnly","knobProps","wide","placeholder","required","hasError","sizeToken","digitAdvance","draft","setDraft","useState","shown","String","padStart","locked","recipe","sizeRecipeForToken","digits","Math","max","length","segmentWidth","ceil","commitDraft","commitDraft2","n","Number","jsxs","XStack","alignItems","gap","flexGrow","flexShrink","height","children","jsx","Input","Area","keyboardType","color","formCommonColors","text","textAlign","controlType","width","minWidth","maxWidth","minHeight","maxHeight","size","paddingHorizontal","maxLength","isWeb","tabIndex","onChangeText","test","onBlur","onFocus","fontVariantNumeric","onKeyDown","e","_ref","_e_nativeEvent","key","nativeEvent","_e_preventDefault","preventDefault","call","_e_preventDefault1","_e_preventDefault2","onPaste","_e_clipboardData_getData","_e_clipboardData","clipboardData","getData","parsed","Text","body","muted","textTransform","DurationControl","onChange","hideDays","showSeconds","clockIcon","hasLabel","parts","resolvedClock","ClockIcon","iconSize","setDigitAdvance","commitParts","useCallback","patch","theme","Box","role","t","justifyContent","Icon","adornment","days","hours","minutes","secs","position","opacity","pointerEvents","numberOfLines","fontSize","onLayout","layout","DurationPresets","presets","flexWrap","map","preset","selected","Button","outlined","accent","onPress","name","form","formProp","validators","labelProps","helperText","error","idProp","defaultValue","skeleton","hydrationTouch","useTouchSurface","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","isControlled","internal","setInternal","inTableCell","useIsInTableCell","resolvedSize","visualHeight","getFieldHeight","handleChange","next","fieldChange","FieldLayout","Skeleton","variant","fieldBody","fieldBody2","current","onValueChange","YStack","Boolean","s","Field","field","_field_state_value","resolvedError","getFieldError","fieldValue","state","mergeFieldHandler","v"],"sources":["../../../../src/fields/Duration/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/FileUpload/index.cjs

@@ -110,6 +110,7 @@ const UploadTileGridFrame = (0, import_tamagui2.styled)(import_tamagui2.XStack,
 });
 function FileUpload(props) {
   const hydrationTouch = (0, import_theme2.useTouchSurface)();
+  const media = (0, import_tamagui.useMedia)();
   const {
     defaultValue,
     form,
@@ -162,6 +163,28 @@ function FileUpload(props) {
   const tilePx = (0, import_utils.getFieldHeight)(knobProps.sizeToken, 2, hydrationTouch);
   const tileRemoveInset = -Math.round(knobProps.nestedControl.px / 4);
   const [selectedFiles, setSelectedFiles] = (0, import_react2.useState)([]);
+  const [replacing, setReplacing] = (0, import_react2.useState)(false);
+  const [existingRemoved, setExistingRemoved] = (0, import_react2.useState)(false);
+  const [pixelated, setPixelated] = (0, import_react2.useState)(false);
+  const replaceRef = (0, import_react2.useRef)(null);
+  const sourceRef = (0, import_react2.useRef)(null);
+  const storedSrcRef = (0, import_react2.useRef)(existing?.src);
+  const previousReplacing = (0, import_react2.useRef)(replacing);
+  (0, import_react2.useEffect)(() => {
+    if (storedSrcRef.current === existing?.src) return;
+    storedSrcRef.current = existing?.src;
+    const currentFiles = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+    if (existing?.src || !selectedFiles.every(file => currentFiles.includes(file))) setSelectedFiles([]);
+    setExistingRemoved(false);
+    setReplacing(false);
+  }, [existing?.src]);
+  (0, import_react2.useEffect)(() => {
+    if (previousReplacing.current === replacing) return;
+    previousReplacing.current = replacing;
+    if (!import_tamagui2.isWeb) return;
+    const target = replacing ? sourceRef : replaceRef;
+    target.current?.querySelector('button, [role="button"]')?.focus();
+  }, [replacing]);
   const [transfers, setTransfers] = (0, import_react2.useState)([]);
   const [isDragOver, setIsDragOver] = (0, import_react2.useState)(false);
   const [validationError, setValidationError] = (0, import_react2.useState)();
@@ -257,13 +280,14 @@ function FileUpload(props) {
       });
       if (controller.signal.aborted) return;
       setTransfersAndRef(prev => prev.filter(item => item.id !== id2));
+      setReplacing(false);
       setSelectedFiles(prev => {
         const nextFiles = multipleRef.current ? [...prev, file] : [file];
         syncFieldValue(nextFiles, emitFieldRef.current);
         return nextFiles;
       });
     } catch (err) {
-      if (controller.signal.aborted || err instanceof DOMException && err.name === "AbortError") {
+      if (controller.signal.aborted || err instanceof Error && err.name === "AbortError" || typeof DOMException !== "undefined" && err instanceof DOMException && err.name === "AbortError") {
         setTransfersAndRef(prev => prev.filter(item => item.id !== id2));
         return;
       }
@@ -346,6 +370,7 @@ function FileUpload(props) {
       if (onUploadRef.current) {
         validFiles.forEach(file => startTransfer(file));
       } else {
+        setReplacing(false);
         setSelectedFiles(prev => {
           const nextFiles = multiple ? [...prev, ...validFiles] : validFiles.slice(0, 1);
           syncFieldValue(nextFiles, onValueChange);
@@ -368,8 +393,11 @@ function FileUpload(props) {
       syncFieldValue(nextFiles, onValueChange);
       return nextFiles;
     });
+    if (fileInputRef.current) fileInputRef.current.value = "";
+    setReplacing(false);
+    if (!multiple) setExistingRemoved(true);
     onFileRemove?.(fileToRemove);
-  }, [onFileRemove, syncFieldValue]);
+  }, [multiple, onFileRemove, syncFieldValue]);
   const dragDepthRef = (0, import_react2.useRef)(0);
   const handleDragEnter = (0, import_react2.useCallback)(e => {
     e.preventDefault();
@@ -481,7 +509,7 @@ function FileUpload(props) {
     return null;
   }, []);
   if (skeleton) {
-    const minHeightPx = (0, import_utils.getFieldHeight)(fieldProps.size || knobProps.sizeToken, 5, hydrationTouch);
+    const minHeightPx = (0, import_utils.getFieldHeight)(fieldProps.size || knobProps.sizeToken, 2, hydrationTouch);
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
       id,
       label: fieldProps.label,
@@ -495,7 +523,11 @@ function FileUpload(props) {
     });
   }
   const canInteract = !disabled && !readOnly;
-  const showExisting = Boolean(existing?.src) && selectedFiles.length === 0 && transfers.length === 0;
+  const showExisting = Boolean(existing?.src) && !existingRemoved && selectedFiles.length === 0;
+  const singleFile = !multiple ? selectedFiles[0] : void 0;
+  const filled = !multiple && (showExisting || Boolean(singleFile));
+  const storedImage = existing?.isImage ?? /^(data:image\/)|\.(png|jpe?g|gif|webp|svg|avif|bmp)(?:[?#]|$)/i.test(existing?.src ?? "");
+  const singlePreview = showPreview ? singleFile ? getFilePreview(singleFile) : storedImage ? existing?.src : void 0 : void 0;
   const existingName = existing?.name || fileNameFromSrc(existing?.src ?? "");
   const hasRows = selectedFiles.length > 0 || transfers.length > 0 || showExisting;
   const renderRemoveDisc = (ariaLabel, onPress) => canInteract ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
@@ -581,13 +613,13 @@ function FileUpload(props) {
     };
     const zoneInteractionProps = canInteract ? import_tamagui2.isWeb ? {
       // DROPZONE-FULL-TARGET: the entire surface is the click target.
-      role: "button",
-      tabIndex: 0,
+      role: filled ? "group" : "button",
+      tabIndex: filled ? void 0 : 0,
       onFocus: handleZoneFocus,
       onBlur: handleZoneBlur,
       cursor: "pointer",
-      onClick: handleZoneClick,
-      onKeyDown: handleZoneKeyDown,
+      onClick: filled ? void 0 : handleZoneClick,
+      onKeyDown: filled ? void 0 : handleZoneKeyDown,
       ...(dragDrop ? {
         onDragEnter: handleDragEnter,
         onDragOver: handleDragOver,
@@ -597,7 +629,7 @@ function FileUpload(props) {
           onBlurHandler?.();
         }
       } : null)
-    } : {
+    } : filled ? {} : {
       role: "button",
       onPress: requestFiles
     } : {
@@ -630,7 +662,6 @@ function FileUpload(props) {
       } : void 0),
       elevation: knobProps.elevation,
       ...(0, import_theme.transitionProps)(knobProps.motion.control),
-      minHeight: (0, import_utils.getFieldHeight)(fieldProps.size || knobProps.sizeToken, 5, hydrationTouch),
       "aria-required": fieldProps.required || void 0,
       "aria-invalid": !!errorProp || void 0,
       "aria-readonly": readOnly || void 0,
@@ -643,7 +674,7 @@ function FileUpload(props) {
         backgroundColor: import_colorRamps.formInputColors.background.focus
       } : void 0,
       ...zoneInteractionProps,
-      ...(canInteract ?
+      ...(canInteract && !filled ?
       // Labeled fields get aria-labelledby auto-wired by the FieldLayout
       // Label (tamagui Label htmlFor → this id); the aria-label fallback
       // covers label-less usage, and is what a screen reader announces
@@ -682,29 +713,108 @@ function FileUpload(props) {
         })]
       }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
         ...knobProps.panelPadding,
-        flexGrow: 1,
         width: "100%",
         alignItems: "center",
         justifyContent: "center",
         ...knobProps.gap,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
+        children: [filled ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+          "data-file-upload": "preview",
+          width: "100%",
           alignItems: "center",
-          justifyContent: "center",
-          flexWrap: "wrap",
-          maxWidth: "100%",
+          ...knobProps.gap,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
+            "data-file-upload": showExisting ? "existing" : "selected",
+            alignItems: "center",
+            width: "100%",
+            children: singlePreview ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Image, {
+              src: singlePreview,
+              alt: singleFile?.name ?? existingName,
+              width: "$14",
+              height: "$14",
+              maxWidth: "100%",
+              objectFit: "contain",
+              onLoad: event => {
+                if (!import_tamagui2.isWeb) return;
+                const image = event.currentTarget;
+                setPixelated(image.naturalWidth > 0 && image.naturalWidth < image.width);
+              },
+              ...(import_tamagui2.isWeb && pixelated ? {
+                style: {
+                  imageRendering: "pixelated"
+                }
+              } : {})
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+              alignItems: "center",
+              ...knobProps.gap,
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+                size: rowGlyphSize
+              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+                ...knobProps.body,
+                textAlign: "center",
+                numberOfLines: 2,
+                children: singleFile?.name ?? existingName
+              })]
+            })
+          }), canInteract ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
+            ref: replaceRef,
+            ...knobProps.gap,
+            justifyContent: "center",
+            flexWrap: "wrap",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+              size: knobProps.sizeToken,
+              "aria-label": replacing ? (0, import_t.t)("Cancel replacement") : (0, import_t.t)("Replace"),
+              "aria-expanded": replacing,
+              onPress: event => {
+                event.stopPropagation();
+                if (replacing) {
+                  transfersRef.current.forEach(item => item.controller.abort());
+                  setTransfersAndRef(() => []);
+                  if (fileInputRef.current) fileInputRef.current.value = "";
+                  if (import_tamagui2.isWeb) replaceRef.current?.querySelector('button, [role="button"]')?.focus();
+                }
+                setReplacing(!replacing);
+              },
+              children: replacing ? (0, import_t.t)("Cancel") : (0, import_t.t)("Replace")
+            }), singleFile || onExistingRemove ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+              size: knobProps.sizeToken,
+              outlined: true,
+              "aria-label": (0, import_t.t)("Remove {{name}}", {
+                name: singleFile?.name ?? existingName
+              }),
+              onPress: event => {
+                event.stopPropagation();
+                transfersRef.current.forEach(item => item.controller.abort());
+                setTransfersAndRef(() => []);
+                if (singleFile) handleFileRemove(singleFile, onValueChange);else onExistingRemove?.();
+                setReplacing(false);
+              },
+              children: (0, import_t.t)("Remove")
+            }) : null]
+          }) : null]
+        }) : null, !filled || replacing ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
+          ref: sourceRef,
+          "data-file-upload": "sources",
+          width: "100%",
+          flexDirection: media.xs ? "column" : "row",
+          alignItems: "stretch",
           ...knobProps.gap,
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
-            onPress: requestFiles,
+            alignSelf: "stretch",
+            flex: media.xs ? void 0 : 1,
+            onPress: event => {
+              event.stopPropagation();
+              requestFiles();
+            },
             disabled: !canInteract,
             size: knobProps.sizeToken,
-            tabIndex: -1,
+            tabIndex: replacing ? 0 : -1,
             icon: import_react.UploadIcon,
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
               ...knobProps.body,
               children: buttonText
             })
           }), actions]
-        }), selectedFiles.length === 0 && transfers.length === 0 && !showExisting && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+        }) : null, !hasRows && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
           color: import_colorRamps.formCommonColors.muted,
           textAlign: "center",
           ...knobProps.body,
@@ -724,10 +834,10 @@ function FileUpload(props) {
           },
           disabled: !canInteract
         }) : null]
-      }), hasRows && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(UploadFileListFrame, {
+      }), (multiple && hasRows || transfers.length > 0) && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(UploadFileListFrame, {
         "data-file-upload": "files",
         borderTopWidth: knobProps.borderRadius.borderWidth ?? 1,
-        children: [showExisting && existing ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(UploadTileGridFrame, {
+        children: [multiple && showExisting && existing ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(UploadTileGridFrame, {
           "data-file-upload": "tiles",
           ...knobProps.gap,
           ...knobProps.panelPadding,
@@ -754,7 +864,7 @@ function FileUpload(props) {
               }), onExistingRemove)
             }) : null]
           })
-        }) : null, imageTiles.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(UploadTileGridFrame, {
+        }) : null, multiple && imageTiles.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(UploadTileGridFrame, {
           "data-file-upload": "tiles",
           ...knobProps.gap,
           ...knobProps.panelPadding,
@@ -762,7 +872,7 @@ function FileUpload(props) {
             file,
             preview
           }) => renderImageTile(file, preview, onValueChange))
-        }) : null, fileRows.map(({
+        }) : null, (multiple ? fileRows : []).map(({
           file,
           preview,
           index
@@ -857,7 +967,7 @@ function FileUpload(props) {
       size: fieldProps.size,
       knobProps,
       disabled,
-      children: renderUploadArea(standaloneError, emitChange)
+      children: renderUploadArea(standaloneError, emitChange, fieldProps.onBlur)
     });
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {