@multiplatform.one/forms 7.90.5 → 8.0.0

package/src/fields/Combobox/Combobox.stories.tsx

@@ -182,9 +182,9 @@ export const Basic: Story = {
         <Combobox
           {...args}
           value={value}
-          onValueChange={(val) => {
+          onChange={(val) => {
             setValue(Array.isArray(val) ? val[0] : val);
-            action("onValueChange")(val);
+            action("onChange")(val);
           }}
         />
         {value && <Text color="$colorHover">Selected: {value}</Text>}
@@ -203,7 +203,7 @@ export const WithLabel: Story = {
           helperText="Select an author from the list"
           options={authorOptions}
           value={value}
-          onValueChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
+          onChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
           placeholder="Select an author..."
           searchPlaceholder="Type to search..."
         />
@@ -251,7 +251,7 @@ export const Interactive: Story = {
             label="Pick an author"
             options={authorOptions}
             value={value}
-            onValueChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
+            onChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
             placeholder="Select an author..."
           />
           <Text>Selected: {value || "None"}</Text>
@@ -275,7 +275,7 @@ export const CustomTrigger: StoryObj<typeof Combobox> = {
             <Combobox
               options={authorOptions}
               value={value}
-              onValueChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
+              onChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
               searchPlaceholder="Type to search..."
               popoverWidth={260}
               trigger={(selected) => (
@@ -321,7 +321,7 @@ export const ManyOptions: StoryObj<typeof Combobox> = {
           label="Pick an item"
           options={options}
           value={value}
-          onValueChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
+          onChange={(v) => setValue(Array.isArray(v) ? v[0] : v)}
           placeholder="Select from 100 items..."
           searchPlaceholder="Type to filter..."
           emptyMessage="No matching items."

package/src/fields/Combobox/index.tsx

@@ -163,11 +163,8 @@ export interface ComboboxProps {
   defaultValue?: string | string[];
   /**
    * Canonical change handler, consistent with the rest of the field family.
-   * Prefer this over `onValueChange`.
    */
   onChange?: (value: string | string[]) => void;
-  /** @deprecated Use `onChange` instead. */
-  onValueChange?: (value: string | string[]) => void;
   placeholder?: string;
   searchPlaceholder?: string;
   emptyMessage?: string;
@@ -2564,7 +2561,6 @@ export function Combobox({
   value: valueProp,
   defaultValue,
   onChange,
-  onValueChange,
   placeholder: placeholderProp,
   searchPlaceholder: searchPlaceholderProp,
   emptyMessage: emptyMessageProp,
@@ -2704,10 +2700,9 @@ export function Combobox({
         onValueChange={(value) => {
           if (disabled) return;
           handleValueChange?.(value);
-          // Canonical `onChange` and the alias `onValueChange` both fire from
+          // Canonical `onChange` fires from
           // this single emit site (same reconciliation as Switch).
           onChange?.(value);
-          onValueChange?.(value);
         }}
         onBlur={handleBlur}
         placeholder={placeholder}

package/src/fields/DatePicker/DatePicker.spec.tsx

@@ -82,12 +82,11 @@ describe("DatePicker", () => {
       expect(document.querySelector('[data-testid="floating-panel-viewport"]')).toBeNull();
     });
 
-    it("fires canonical onChange and the deprecated onValueChange alias once when a day is picked", async () => {
+    it("fires canonical onChange once when a day is picked", async () => {
       const DatePicker = await loadDatePicker();
       const onChange = vi.fn();
-      const onValueChange = vi.fn();
       const result = renderWithProviders(
-        <DatePicker label="Date" name="date" onChange={onChange} onValueChange={onValueChange} />,
+        <DatePicker label="Date" name="date" onChange={onChange} />,
       );
 
       const trigger = result.container.querySelector("input,button,[role='button']");
@@ -106,9 +105,7 @@ describe("DatePicker", () => {
       });
 
       expect(onChange).toHaveBeenCalledTimes(1);
-      expect(onValueChange).toHaveBeenCalledTimes(1);
       expect(onChange.mock.calls[0][0]).toBeInstanceOf(Date);
-      expect(onChange.mock.calls[0][0]).toEqual(onValueChange.mock.calls[0][0]);
     });
   });
 
@@ -262,32 +259,18 @@ describe("DatePicker", () => {
     it("standalone controlled: a value arriving after mount displays, without onChange", async () => {
       const DatePicker = await loadDatePicker();
       const onChange = vi.fn();
-      const onValueChange = vi.fn();
       const result = renderWithProviders(
-        <DatePicker
-          label="Due Date"
-          value={null}
-          onChange={onChange}
-          onValueChange={onValueChange}
-        />,
+        <DatePicker label="Due Date" value={null} onChange={onChange} />,
       );
       expect(getDisplayInput(result.container)?.value ?? "").toBe("");
 
       // Late seed: the upstream doc value (frappe wire string) arrives after
       // first paint.
-      result.rerender(
-        <DatePicker
-          label="Due Date"
-          value="2026-03-05"
-          onChange={onChange}
-          onValueChange={onValueChange}
-        />,
-      );
+      result.rerender(<DatePicker label="Due Date" value="2026-03-05" onChange={onChange} />);
       await waitFor(() => {
         expect(getDisplayInput(result.container)?.value).toBe("Mar 5, 2026");
       });
       expect(onChange).not.toHaveBeenCalled();
-      expect(onValueChange).not.toHaveBeenCalled();
     });
 
     it("form-integrated: a field value set after mount displays, without onChange", async () => {

package/src/fields/DatePicker/DatetimePicker.catalog.tsx

@@ -75,11 +75,8 @@ export type DatetimePickerProps<
     value?: Date | string | null;
     /**
      * Canonical change handler, consistent with the rest of the field family.
-     * Prefer this over `onValueChange`.
      */
     onChange?: (value: Date | null) => void;
-    /** @deprecated Use `onChange` instead. */
-    onValueChange?: (value: Date | null) => void;
     /** Native only. `false` keeps the catalog overlay; omit for the OS picker. */
     native?: boolean;
     /**
@@ -359,7 +356,6 @@ export function DatetimePicker<
     defaultValue,
     value: controlledValue,
     onChange,
-    onValueChange,
     form,
     inputProps: _inputProps,
     placeholder = t("Select date and time"),
@@ -419,11 +415,10 @@ export function DatetimePicker<
       setSelectedDatetime(date);
       setDisplayDate(date);
       fieldChange?.(date);
-      // Canonical `onChange` and the alias `onValueChange` both fire (single emit).
+      // Canonical `onChange` fires (single emit).
       onChange?.(date);
-      onValueChange?.(date);
     },
-    [minDate, maxDate, setDisplayDate, onChange, onValueChange],
+    [minDate, maxDate, setDisplayDate, onChange],
   );
 
   const handleClearDatetime = useCallback(
@@ -432,9 +427,8 @@ export function DatetimePicker<
       setDisplayDate(new Date());
       fieldChange?.(null);
       onChange?.(null);
-      onValueChange?.(null);
     },
-    [setDisplayDate, onChange, onValueChange],
+    [setDisplayDate, onChange],
   );
 
   const displayValue = useMemo(

package/src/fields/DatePicker/DatetimePicker.native.spec.tsx

@@ -66,10 +66,7 @@ describe("native DatetimePicker ownership", () => {
 
   it("opens from its full-width native target and commits exactly once", () => {
     const onChange = vi.fn();
-    const onValueChange = vi.fn();
-    const result = renderWithProviders(
-      <DatetimePicker onChange={onChange} onValueChange={onValueChange} />,
-    );
+    const result = renderWithProviders(<DatetimePicker onChange={onChange} />);
     const trigger = result.getByRole("button", { name: "Date and time" });
     expect(getComputedStyle(trigger).width).toBe("100%");
     fireEvent.click(trigger);
@@ -77,7 +74,6 @@ describe("native DatetimePicker ownership", () => {
     fireEvent.click(result.getByRole("button", { name: "Confirm OS selection" }));
     expect(result.queryByRole("dialog")).toBeNull();
     expect(onChange).toHaveBeenCalledExactlyOnceWith(picked);
-    expect(onValueChange).toHaveBeenCalledExactlyOnceWith(picked);
     expect(result.container.querySelector("input")?.value).toContain("Mar 5, 2026");
   });
 
@@ -107,19 +103,13 @@ describe("native DatetimePicker ownership", () => {
 
   it("adopts controlled values after mount without emitting changes or opening", async () => {
     const onChange = vi.fn();
-    const onValueChange = vi.fn();
-    const result = renderWithProviders(
-      <DatetimePicker value={null} onChange={onChange} onValueChange={onValueChange} />,
-    );
+    const result = renderWithProviders(<DatetimePicker value={null} onChange={onChange} />);
     expect(result.container.querySelector("input")?.value).toBe("");
-    result.rerender(
-      <DatetimePicker value={picked} onChange={onChange} onValueChange={onValueChange} />,
-    );
+    result.rerender(<DatetimePicker value={picked} onChange={onChange} />);
     await waitFor(() =>
       expect(result.container.querySelector("input")?.value).toContain("Mar 5, 2026"),
     );
     expect(onChange).not.toHaveBeenCalled();
-    expect(onValueChange).not.toHaveBeenCalled();
     expect(result.queryByRole("dialog")).toBeNull();
   });
 

package/src/fields/DatePicker/DatetimePicker.native.tsx

@@ -55,7 +55,6 @@ export type DatetimePickerProps<
     skeleton?: boolean;
     value?: Date | string | null;
     onChange?: (value: Date | null) => void;
-    onValueChange?: (value: Date | null) => void;
     native?: boolean;
     /** How wide the catalog picker opens (`native={false}`), LC-112. */
     panelWidth?: PanelWidth;
@@ -88,7 +87,6 @@ export function DatetimePicker<
     defaultValue,
     value: controlledValue,
     onChange,
-    onValueChange,
     form,
     placeholder = t("Select date & time"),
     minDate,
@@ -134,10 +132,9 @@ export function DatetimePicker<
       setSelected(date);
       fieldChange?.(date);
       onChange?.(date);
-      onValueChange?.(date);
       setOpen(false);
     },
-    [onChange, onValueChange],
+    [onChange],
   );
 
   const renderControl = (

package/src/fields/DatePicker/DatetimePicker.spec.tsx

@@ -92,16 +92,10 @@ describe("DatetimePicker", () => {
       expect(trigger.getAttribute("aria-labelledby")).toBe(`${trigger.id}-label`);
     });
 
-    it("fires canonical onChange and the deprecated onValueChange alias once when a day is picked", async () => {
+    it("fires canonical onChange once when a day is picked", async () => {
       const onChange = vi.fn();
-      const onValueChange = vi.fn();
       const result = renderWithProviders(
-        <DatetimePicker
-          label="Appointment"
-          name="appt"
-          onChange={onChange}
-          onValueChange={onValueChange}
-        />,
+        <DatetimePicker label="Appointment" name="appt" onChange={onChange} />,
       );
 
       const trigger = result.container.querySelector("input,button,[role='button']");
@@ -120,9 +114,7 @@ describe("DatetimePicker", () => {
       });
 
       expect(onChange).toHaveBeenCalledTimes(1);
-      expect(onValueChange).toHaveBeenCalledTimes(1);
       expect(onChange.mock.calls[0][0]).toBeInstanceOf(Date);
-      expect(onChange.mock.calls[0][0]).toEqual(onValueChange.mock.calls[0][0]);
     });
   });
 
@@ -186,19 +178,13 @@ describe("DatetimePicker", () => {
     // onChange (LC-14: a seeded value is not a user edit).
     it("form-integrated: a field value set after mount displays, without onChange", async () => {
       const onChange = vi.fn();
-      const onValueChange = vi.fn();
       let formApi: { setFieldValue: (name: "appt", value: Date | null) => void } | undefined;
       const TestComponent = () => {
         const form = useForm({ defaultValues: { appt: null as Date | null } });
         formApi = form as unknown as typeof formApi;
         return (
           <Form form={form}>
-            <DatetimePicker
-              name="appt"
-              label="Appointment"
-              onChange={onChange}
-              onValueChange={onValueChange}
-            />
+            <DatetimePicker name="appt" label="Appointment" onChange={onChange} />
           </Form>
         );
       };
@@ -213,7 +199,6 @@ describe("DatetimePicker", () => {
         expect(getInput()?.value ?? "").toContain("Mar 5, 2026");
       });
       expect(onChange).not.toHaveBeenCalled();
-      expect(onValueChange).not.toHaveBeenCalled();
     });
   });
 });

package/src/fields/DatePicker/DatetimePicker.stories.tsx

@@ -131,11 +131,11 @@ export const ControlledRejection: Story = {
           <DatetimePicker
             label="Pinned Value"
             value={pinned}
-            onValueChange={(v) => {
+            onChange={(v) => {
               setAttempts((a) => a + 1);
-              action("onValueChange")(v);
+              action("onChange")(v);
             }}
-            helperText="Parent ignores onValueChange — the value must not drift"
+            helperText="Parent ignores onChange — the value must not drift"
           />
           <Text>{`attempts:${attempts}`}</Text>
         </YStack>

package/src/fields/DatePicker/catalog.tsx

@@ -72,11 +72,8 @@ export type DatePickerProps<
     value?: Date | string | null;
     /**
      * Canonical change handler, consistent with the rest of the field family.
-     * Prefer this over `onValueChange`.
      */
     onChange?: (value: Date | null) => void;
-    /** @deprecated Use `onChange` instead. */
-    onValueChange?: (value: Date | null) => void;
     /** Native only. `false` keeps the catalog calendar; omit for the OS picker. */
     native?: boolean;
     /**
@@ -189,7 +186,6 @@ export function DatePicker<
     defaultValue,
     value: controlledValue,
     onChange,
-    onValueChange,
     form,
     inputProps: _inputProps,
     placeholder = t("Select date"),
@@ -253,12 +249,11 @@ export function DatePicker<
       setDisplayDate(date);
       // Form mode: commit into TanStack field state (clears meta errors on change).
       fieldChange?.(date);
-      // Canonical `onChange` and the alias `onValueChange` both fire (single emit).
+      // Canonical `onChange` fires (single emit).
       onChange?.(date);
-      onValueChange?.(date);
       closePopover();
     },
-    [minDate, maxDate, setDisplayDate, closePopover, onChange, onValueChange],
+    [minDate, maxDate, setDisplayDate, closePopover, onChange],
   );
 
   const handleClearDate = useCallback(
@@ -267,9 +262,8 @@ export function DatePicker<
       setDisplayDate(new Date());
       fieldChange?.(null);
       onChange?.(null);
-      onValueChange?.(null);
     },
-    [setDisplayDate, onChange, onValueChange],
+    [setDisplayDate, onChange],
   );
 
   const calendarContent = (fieldChange?: (value: any) => void) => (

package/src/fields/DatePicker/index.native.tsx

@@ -53,7 +53,6 @@ export type DatePickerProps<
     skeleton?: boolean;
     value?: Date | string | null;
     onChange?: (value: Date | null) => void;
-    onValueChange?: (value: Date | null) => void;
     /**
      * Opt out of the OS picker and keep the catalog calendar. Default on
      * native is the OS picker (iOS calendar / time wheel).
@@ -89,7 +88,6 @@ export function DatePicker<
     defaultValue,
     value: controlledValue,
     onChange,
-    onValueChange,
     form,
     placeholder = t("Select date"),
     minDate,
@@ -128,10 +126,9 @@ export function DatePicker<
       setSelectedDate(date);
       fieldChange?.(date);
       onChange?.(date);
-      onValueChange?.(date);
       setOpen(false);
     },
-    [onChange, onValueChange],
+    [onChange],
   );
 
   const renderControl = (

package/src/fields/FileUpload/FileUpload.spec.tsx

@@ -150,16 +150,10 @@ describe("FileUpload", () => {
     expect(result.findTextElement("Pick file")).toBeDefined();
   });
 
-  it("fires canonical onChange and the deprecated onValueChange alias once when a file is chosen", async () => {
+  it("fires canonical onChange once when a file is chosen", async () => {
     const onChange = vi.fn();
-    const onValueChange = vi.fn();
     const result = renderWithProviders(
-      <FileUpload
-        label="Attachment"
-        name="attachment"
-        onChange={onChange}
-        onValueChange={onValueChange}
-      />,
+      <FileUpload label="Attachment" name="attachment" onChange={onChange} />,
     );
 
     const input = result.container.querySelector("input[type='file']") as HTMLInputElement | null;
@@ -171,8 +165,6 @@ describe("FileUpload", () => {
 
     expect(onChange).toHaveBeenCalledTimes(1);
     expect(onChange).toHaveBeenCalledWith(file);
-    expect(onValueChange).toHaveBeenCalledTimes(1);
-    expect(onValueChange).toHaveBeenCalledWith(file);
   });
 
   it("associates the label with the dropzone (htmlFor resolves, aria-labelledby names it)", () => {

package/src/fields/FileUpload/index.tsx

@@ -90,11 +90,9 @@ export type FileUploadProps<
     onUpload?: FileUploadHandler;
     /**
      * Canonical change handler, consistent with the rest of the field family.
-     * Fires in both standalone and form mode. Prefer this over `onValueChange`.
+     * Fires in both standalone and form mode.
      */
     onChange?: (value: TData) => void;
-    /** @deprecated Use `onChange` instead. */
-    onValueChange?: (value: TData) => void;
     /**
      * Which native picker the field opens (no effect on web, which always
      * uses `<input type="file">`). `auto` sends an image-only `accept` to the
@@ -220,7 +218,6 @@ export function FileUpload<
     onFileRemove,
     onUpload,
     onChange: onChangeProp,
-    onValueChange: onValueChangeProp,
     pickerMode = "auto",
     mode,
     name,
@@ -242,14 +239,13 @@ export function FileUpload<
   });
   if (isWeb) ensureKeyboardModalityTracking();
   const [kbZoneFocus, setKbZoneFocus] = useState(false);
-  // Canonical `onChange` and the alias `onValueChange` both fire once per
+  // Canonical `onChange` fires once per
   // change through the internal handler chain (same reconciliation as Switch).
   const emitChange = useCallback(
     (nextValue: TData) => {
       onChangeProp?.(nextValue);
-      onValueChangeProp?.(nextValue);
     },
-    [onChangeProp, onValueChangeProp],
+    [onChangeProp],
   );
   const resolvedValidators = useResolvedValidators(
     fieldProps.required,

package/src/fields/Geolocation/Geolocation.spec.tsx

@@ -297,7 +297,7 @@ describe("Geolocation", () => {
       typeSearch(result.container, "manner");
       await waitFor(() => {
         expect(document.body.textContent).toContain(
-          "Search is unavailable — check your connection",
+          "Search is unavailable. Check your connection.",
         );
       });
 
@@ -334,7 +334,7 @@ describe("Geolocation", () => {
       typeSearch(result.container, "manner");
       await waitFor(() => {
         expect(document.body.textContent).toContain(
-          "Search is unavailable — check your connection",
+          "Search is unavailable. Check your connection.",
         );
       });
       fireEvent.keyDown(document, { key: "Escape" });
@@ -365,7 +365,7 @@ describe("Geolocation", () => {
       typeSearch(result.container, "60.169, 24.935");
       await waitFor(() => {
         expect(document.body.textContent).toContain("Go to 60.16900, 24.93500");
-        expect(document.body.textContent).toContain("Exact coordinates — no address");
+        expect(document.body.textContent).toContain("Exact coordinates, no address");
       });
       expect(geocode).not.toHaveBeenCalled();
       fireEvent.click(

package/src/fields/Geolocation/index.tsx

@@ -431,7 +431,7 @@ function SearchResultsList({
       ) : null}
       {status === "error" ? (
         <StatusRow testID="geolocation-search-status">
-          {t("Search is unavailable — check your connection")}
+          {t("Search is unavailable. Check your connection.")}
         </StatusRow>
       ) : null}
       {status === "empty" && !pair ? (
@@ -443,7 +443,7 @@ function SearchResultsList({
         <ResultRow
           testID="geolocation-coord-result"
           label={t("Go to {{pair}}", { pair: formatCoordPair(pair.lat, pair.lng) })}
-          description={t("Exact coordinates — no address")}
+          description={t("Exact coordinates, no address")}
           onPress={() => onPickPair(pair.lat, pair.lng)}
         />
       ) : null}
@@ -574,7 +574,7 @@ function GeoMapSurface({
         open={coordsOpen}
         onOpenChange={handleCoordsOpenChange}
         disabled={disabled}
-        fitContent={false}
+        widthMode="at-least-trigger"
         sizing="fill"
         contentPadding="none"
         trigger={
@@ -1371,7 +1371,7 @@ export function Geolocation({
           open={cellOpen}
           onOpenChange={setCellOpen}
           disabled={disabled}
-          fitContent={false}
+          widthMode="at-least-trigger"
           contentPadding="none"
           trigger={face}
         >

package/src/fields/Icon/index.tsx

@@ -58,8 +58,6 @@ export type IconProps<
     placeholder?: string;
     value?: string;
     onChange?: (value: string) => void;
-    /** @deprecated Use `onChange` instead. */
-    onValueChange?: (value: string) => void;
     skeleton?: boolean;
     /** Restrict the picker to a subset of the drawn set (df.options). */
     icons?: readonly string[];
@@ -411,7 +409,6 @@ export function Icon<
     onBlur,
     value: controlledValue,
     onChange,
-    onValueChange,
     skeleton,
     id: idProp,
     icons,
@@ -426,9 +423,8 @@ export function Icon<
   const emitValueChange = useCallback(
     (newValue: string) => {
       onChange?.(newValue);
-      onValueChange?.(newValue);
     },
-    [onChange, onValueChange],
+    [onChange],
   );
 
   const { resolvedForm, knobProps, id } = useFormField({ form, id: idProp });

package/src/fields/ImageField/ImageField.spec.tsx

@@ -129,16 +129,10 @@ describe("ImageField", () => {
       expect(onChange).toHaveBeenCalledWith(null);
     });
 
-    it("fires canonical onChange and the deprecated onValueChange alias once when an image is chosen", async () => {
+    it("fires canonical onChange once when an image is chosen", async () => {
       const onChange = vi.fn();
-      const onValueChange = vi.fn();
       const result = renderWithProviders(
-        <ImageField
-          label="Avatar"
-          name="avatar"
-          onChange={onChange}
-          onValueChange={onValueChange}
-        />,
+        <ImageField label="Avatar" name="avatar" onChange={onChange} />,
       );
 
       const input = result.container.querySelector("input[type='file']") as HTMLInputElement | null;
@@ -151,8 +145,6 @@ describe("ImageField", () => {
       // Exactly once each — guards against the standalone double-fire bug.
       expect(onChange).toHaveBeenCalledTimes(1);
       expect(onChange).toHaveBeenCalledWith(file);
-      expect(onValueChange).toHaveBeenCalledTimes(1);
-      expect(onValueChange).toHaveBeenCalledWith(file);
     });
   });
 

package/src/fields/ImageField/index.tsx

@@ -58,11 +58,9 @@ export interface ImageFieldProps {
   defaultValue?: string | File | null;
   /**
    * Canonical change handler, consistent with the rest of the field family.
-   * Fires in both standalone and form mode. Prefer this over `onValueChange`.
+   * Fires in both standalone and form mode.
    */
   onChange?: (value: string | File | null) => void;
-  /** @deprecated Use `onChange` instead. */
-  onValueChange?: (value: string | File | null) => void;
   onBlur?: (...args: any[]) => void;
   /** Accepted image types (default: "image/*") */
   accept?: string;
@@ -112,7 +110,6 @@ type ImageControlProps = {
   disabledSurface?: DisabledSurfaceProps;
   onChange?: (val: string | File | null) => void;
   onChangeProp?: (val: string | File | null) => void;
-  onValueChange?: (val: string | File | null) => void;
   onInvalid?: (message: string | undefined) => void;
   blurHandler?: (...args: any[]) => void;
 };
@@ -149,7 +146,6 @@ function ImageControl({
   disabledSurface,
   onChange,
   onChangeProp,
-  onValueChange,
   onInvalid,
   blurHandler,
 }: ImageControlProps) {
@@ -197,10 +193,9 @@ function ImageControl({
       onInvalid?.(undefined);
       onChange?.(next);
       onChangeProp?.(next);
-      onValueChange?.(next);
       blurHandler?.();
     },
-    [onChange, onChangeProp, onValueChange, onInvalid, blurHandler],
+    [onChange, onChangeProp, onInvalid, blurHandler],
   );
 
   const validateFile = useCallback(
@@ -449,7 +444,6 @@ export function ImageField({
   value,
   defaultValue,
   onChange: onChangeProp,
-  onValueChange,
   onBlur,
   accept = "image/*",
   maxSize,
@@ -491,7 +485,6 @@ export function ImageField({
     knobProps,
     disabledSurface: disabled ? disabledState.surfaceKnobProps : undefined,
     onChangeProp,
-    onValueChange,
     onInvalid: setValidationError,
   };