@base-ui/react 1.2.0 → 1.4.0

package/esm/number-field/decrement/NumberFieldDecrement.js

@@ -19,6 +19,7 @@ export const NumberFieldDecrement = /*#__PURE__*/React.forwardRef(function Numbe
     className,
     disabled: disabledProp = false,
     nativeButton = true,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -30,15 +31,10 @@ export const NumberFieldDecrement = /*#__PURE__*/React.forwardRef(function Numbe
     incrementValue,
     inputRef,
     inputValue,
-    intentionalTouchCheckTimeout,
-    isPressedRef,
     minWithDefault,
-    movesAfterTouchRef,
     readOnly,
     setValue,
-    startAutoChange,
     state,
-    stopAutoChange,
     value,
     valueRef,
     locale,
@@ -50,8 +46,6 @@ export const NumberFieldDecrement = /*#__PURE__*/React.forwardRef(function Numbe
   const props = useNumberFieldButton({
     isIncrement: false,
     inputRef,
-    startAutoChange,
-    stopAutoChange,
     inputValue,
     disabled,
     readOnly,
@@ -62,9 +56,6 @@ export const NumberFieldDecrement = /*#__PURE__*/React.forwardRef(function Numbe
     allowInputSyncRef,
     formatOptionsRef,
     valueRef,
-    isPressedRef,
-    intentionalTouchCheckTimeout,
-    movesAfterTouchRef,
     locale,
     lastChangedValueRef,
     onValueCommitted

package/esm/number-field/group/NumberFieldGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
+import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 import type { BaseUIComponentProps } from "../../utils/types.js";
 /**
  * Groups the input with the increment and decrement buttons.
@@ -8,8 +8,8 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
  * Documentation: [Base UI Number Field](https://base-ui.com/react/components/number-field)
  */
 export declare const NumberFieldGroup: React.ForwardRefExoticComponent<Omit<NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface NumberFieldGroupState extends NumberFieldRoot.State {}
-export interface NumberFieldGroupProps extends BaseUIComponentProps<'div', NumberFieldGroup.State> {}
+export interface NumberFieldGroupState extends NumberFieldRootState {}
+export interface NumberFieldGroupProps extends BaseUIComponentProps<'div', NumberFieldGroupState> {}
 export declare namespace NumberFieldGroup {
   type State = NumberFieldGroupState;
   type Props = NumberFieldGroupProps;

package/esm/number-field/group/NumberFieldGroup.js

@@ -15,6 +15,7 @@ export const NumberFieldGroup = /*#__PURE__*/React.forwardRef(function NumberFie
   const {
     render,
     className,
+    style,
     ...elementProps
   } = componentProps;
   const {

package/esm/number-field/increment/NumberFieldIncrement.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { BaseUIComponentProps, NativeButtonProps } from "../../utils/types.js";
-import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
+import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 /**
  * A stepper button that increases the field value when clicked.
  * Renders an `<button>` element.
@@ -8,8 +8,8 @@ import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
  * Documentation: [Base UI Number Field](https://base-ui.com/react/components/number-field)
  */
 export declare const NumberFieldIncrement: React.ForwardRefExoticComponent<Omit<NumberFieldIncrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export interface NumberFieldIncrementState extends NumberFieldRoot.State {}
-export interface NumberFieldIncrementProps extends NativeButtonProps, BaseUIComponentProps<'button', NumberFieldIncrement.State> {}
+export interface NumberFieldIncrementState extends NumberFieldRootState {}
+export interface NumberFieldIncrementProps extends NativeButtonProps, BaseUIComponentProps<'button', NumberFieldIncrementState> {}
 export declare namespace NumberFieldIncrement {
   type State = NumberFieldIncrementState;
   type Props = NumberFieldIncrementProps;

package/esm/number-field/increment/NumberFieldIncrement.js

@@ -19,6 +19,7 @@ export const NumberFieldIncrement = /*#__PURE__*/React.forwardRef(function Numbe
     className,
     disabled: disabledProp = false,
     nativeButton = true,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -30,16 +31,11 @@ export const NumberFieldIncrement = /*#__PURE__*/React.forwardRef(function Numbe
     incrementValue,
     inputRef,
     inputValue,
-    intentionalTouchCheckTimeout,
-    isPressedRef,
     locale,
     maxWithDefault,
-    movesAfterTouchRef,
     readOnly,
     setValue,
-    startAutoChange,
     state,
-    stopAutoChange,
     value,
     valueRef,
     lastChangedValueRef,
@@ -50,8 +46,6 @@ export const NumberFieldIncrement = /*#__PURE__*/React.forwardRef(function Numbe
   const props = useNumberFieldButton({
     isIncrement: true,
     inputRef,
-    startAutoChange,
-    stopAutoChange,
     inputValue,
     disabled,
     readOnly,
@@ -62,9 +56,6 @@ export const NumberFieldIncrement = /*#__PURE__*/React.forwardRef(function Numbe
     allowInputSyncRef,
     formatOptionsRef,
     valueRef,
-    isPressedRef,
-    intentionalTouchCheckTimeout,
-    movesAfterTouchRef,
     locale,
     lastChangedValueRef,
     onValueCommitted

package/esm/number-field/input/NumberFieldInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { BaseUIComponentProps } from "../../utils/types.js";
-import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
+import type { NumberFieldRootState } from "../root/NumberFieldRoot.js";
 /**
  * The native input control in the number field.
  * Renders an `<input>` element.
@@ -8,8 +8,8 @@ import type { NumberFieldRoot } from "../root/NumberFieldRoot.js";
  * Documentation: [Base UI Number Field](https://base-ui.com/react/components/number-field)
  */
 export declare const NumberFieldInput: React.ForwardRefExoticComponent<Omit<NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export interface NumberFieldInputState extends NumberFieldRoot.State {}
-export interface NumberFieldInputProps extends BaseUIComponentProps<'input', NumberFieldInput.State> {
+export interface NumberFieldInputState extends NumberFieldRootState {}
+export interface NumberFieldInputProps extends BaseUIComponentProps<'input', NumberFieldInputState> {
   /**
    * A string value that provides a user-friendly name for the role of the input.
    * @default 'Number field'

package/esm/number-field/input/NumberFieldInput.js

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { stopEvent } from "../../floating-ui-react/utils.js";
 import { useNumberFieldRootContext } from "../root/NumberFieldRootContext.js";
 import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
+import { useRegisterFieldControl } from "../../field/root/useRegisterFieldControl.js";
 import { fieldValidityMapping } from "../../field/utils/constants.js";
-import { useField } from "../../field/useField.js";
 import { useFormContext } from "../../form/FormContext.js";
 import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
 import { DEFAULT_STEP } from "../utils/constants.js";
@@ -32,6 +32,7 @@ export const NumberFieldInput = /*#__PURE__*/React.forwardRef(function NumberFie
   const {
     render,
     className,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -76,13 +77,9 @@ export const NumberFieldInput = /*#__PURE__*/React.forwardRef(function NumberFie
   } = useLabelableContext();
   const hasTouchedInputRef = React.useRef(false);
   const blockRevalidationRef = React.useRef(false);
-  useField({
+  useRegisterFieldControl(inputRef, {
     id,
-    commit: validation.commit,
-    value,
-    controlRef: inputRef,
-    name,
-    getValue: () => value ?? null
+    value
   });
   useValueChanged(value, previousValue => {
     const validateOnChange = shouldValidateOnChange();
@@ -175,8 +172,7 @@ export const NumberFieldInput = /*#__PURE__*/React.forwardRef(function NumberFie
 
       // Normalize only the displayed text
       const canonicalText = formatNumber(committed, locale, formatOptions);
-      const maxPrecisionText = formatNumberMaxPrecision(parsedValue, locale, formatOptions);
-      const shouldPreserveFullPrecision = !hasExplicitPrecision && parsedValue === value && inputValue === maxPrecisionText;
+      const shouldPreserveFullPrecision = !hasExplicitPrecision && parsedValue === value && inputValue === formatNumberMaxPrecision(parsedValue, locale, formatOptions);
       if (!shouldPreserveFullPrecision && inputValue !== canonicalText) {
         setInputValue(canonicalText);
       }
@@ -187,7 +183,7 @@ export const NumberFieldInput = /*#__PURE__*/React.forwardRef(function NumberFie
         return;
       }
       allowInputSyncRef.current = false;
-      const targetValue = event.target.value;
+      const targetValue = event.currentTarget.value;
       if (targetValue.trim() === '') {
         setInputValue(targetValue);
         setValue(null, createChangeEventDetails(REASONS.inputClear, event.nativeEvent));

package/esm/number-field/root/NumberFieldRoot.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { FieldRoot } from "../../field/root/FieldRoot.js";
+import type { FieldRootState } from "../../field/root/FieldRoot.js";
 import type { BaseUIComponentProps } from "../../utils/types.js";
 import type { ChangeEventCustomProperties } from "../utils/types.js";
 import { type BaseUIChangeEventDetails, type BaseUIGenericEventDetails } from "../../utils/createBaseUIEventDetails.js";
@@ -43,7 +43,7 @@ export interface NumberFieldRootProps extends Omit<BaseUIComponentProps<'div', N
    * Specify `step="any"` to always disable step validation.
    * @default 1
    */
-  step?: (number | 'any') | undefined;
+  step?: number | 'any' | undefined;
   /**
    * The large step value of the input element when incrementing while the shift key is held. Snaps
    * to multiples of this value.
@@ -69,12 +69,17 @@ export interface NumberFieldRootProps extends Omit<BaseUIComponentProps<'div', N
    * Identifies the field when a form is submitted.
    */
   name?: string | undefined;
+  /**
+   * Identifies the form that owns the hidden input.
+   * Useful when the number field is rendered outside the form.
+   */
+  form?: string | undefined;
   /**
    * The raw numeric value of the field.
    */
-  value?: (number | null) | undefined;
+  value?: number | null | undefined;
   /**
-   * The uncontrolled value of the field when it’s initially rendered.
+   * The uncontrolled value of the field when it's initially rendered.
    *
    * To render a controlled number field, use the `value` prop instead.
    */
@@ -129,7 +134,7 @@ export interface NumberFieldRootProps extends Omit<BaseUIComponentProps<'div', N
    */
   inputRef?: React.Ref<HTMLInputElement> | undefined;
 }
-export interface NumberFieldRootState extends FieldRoot.State {
+export interface NumberFieldRootState extends FieldRootState {
   /**
    * The raw numeric value of the field.
    */

package/esm/number-field/root/NumberFieldRoot.js

@@ -1,17 +1,17 @@
 'use client';
 
 import * as React from 'react';
+import { addEventListener } from '@base-ui/utils/addEventListener';
 import { useControlled } from '@base-ui/utils/useControlled';
 import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { useTimeout } from '@base-ui/utils/useTimeout';
-import { useInterval } from '@base-ui/utils/useInterval';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { useValueAsRef } from '@base-ui/utils/useValueAsRef';
 import { useForcedRerendering } from '@base-ui/utils/useForcedRerendering';
 import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
 import { visuallyHidden, visuallyHiddenInput } from '@base-ui/utils/visuallyHidden';
-import { ownerDocument, ownerWindow } from '@base-ui/utils/owner';
+import { ownerDocument } from '@base-ui/utils/owner';
 import { isIOS } from '@base-ui/utils/detectBrowser';
+import { activeElement } from "../../floating-ui-react/utils.js";
 import { NumberFieldRootContext } from "./NumberFieldRootContext.js";
 import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
 import { useLabelableId } from "../../labelable-provider/useLabelableId.js";
@@ -19,9 +19,9 @@ import { stateAttributesMapping } from "../utils/stateAttributesMapping.js";
 import { useRenderElement } from "../../utils/useRenderElement.js";
 import { getNumberLocaleDetails, PERMILLE, PERCENTAGES, SPACE_SEPARATOR_RE, BASE_NON_NUMERIC_SYMBOLS, MINUS_SIGNS_WITH_ASCII, PLUS_SIGNS_WITH_ASCII } from "../utils/parse.js";
 import { formatNumber, formatNumberMaxPrecision } from "../../utils/formatNumber.js";
-import { CHANGE_VALUE_TICK_DELAY, DEFAULT_STEP, START_AUTO_CHANGE_DELAY } from "../utils/constants.js";
+import { DEFAULT_STEP } from "../utils/constants.js";
 import { toValidatedNumber } from "../utils/validate.js";
-import { createChangeEventDetails, createGenericEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
 import { REASONS } from "../../utils/reasons.js";
 
 /**
@@ -42,6 +42,7 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     required = false,
     disabled: disabledProp = false,
     readOnly = false,
+    form,
     name: nameProp,
     defaultValue,
     value: valueProp,
@@ -55,6 +56,7 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     render,
     className,
     inputRef: inputRefProp,
+    style,
     ...elementProps
   } = componentProps;
   const {
@@ -99,14 +101,8 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     hasPendingCommitRef.current = false;
     onValueCommittedProp?.(nextValue, eventDetails);
   });
-  const startTickTimeout = useTimeout();
-  const tickInterval = useInterval();
-  const intentionalTouchCheckTimeout = useTimeout();
-  const isPressedRef = React.useRef(false);
-  const movesAfterTouchRef = React.useRef(0);
   const allowInputSyncRef = React.useRef(true);
   const lastChangedValueRef = React.useRef(null);
-  const unsubscribeFromGlobalContextMenuRef = React.useRef(() => {});
 
   // During SSR, the value is formatted on the server, whose locale may differ from the client's
   // locale. This causes a hydration mismatch, which we manually suppress. This is preferable to
@@ -232,58 +228,6 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
       direction
     }));
   });
-  const stopAutoChange = useStableCallback(() => {
-    intentionalTouchCheckTimeout.clear();
-    startTickTimeout.clear();
-    tickInterval.clear();
-    unsubscribeFromGlobalContextMenuRef.current();
-    movesAfterTouchRef.current = 0;
-  });
-  const startAutoChange = useStableCallback((isIncrement, triggerEvent) => {
-    stopAutoChange();
-    if (!inputRef.current) {
-      return;
-    }
-    const win = ownerWindow(inputRef.current);
-    function handleContextMenu(event) {
-      event.preventDefault();
-    }
-
-    // A global context menu is necessary to prevent the context menu from appearing when the touch
-    // is slightly outside of the element's hit area.
-    win.addEventListener('contextmenu', handleContextMenu);
-    unsubscribeFromGlobalContextMenuRef.current = () => {
-      win.removeEventListener('contextmenu', handleContextMenu);
-    };
-    win.addEventListener('pointerup', event => {
-      isPressedRef.current = false;
-      stopAutoChange();
-      const committed = lastChangedValueRef.current ?? valueRef.current;
-      const commitReason = isIncrement ? 'increment' : 'decrement';
-      onValueCommitted(committed, createGenericEventDetails(commitReason, event));
-    }, {
-      once: true
-    });
-    function tick() {
-      const amount = getStepAmount(triggerEvent) ?? DEFAULT_STEP;
-      return incrementValue(amount, {
-        direction: isIncrement ? 1 : -1,
-        event: triggerEvent,
-        reason: isIncrement ? 'increment-press' : 'decrement-press'
-      });
-    }
-    if (!tick()) {
-      stopAutoChange();
-      return;
-    }
-    startTickTimeout.start(START_AUTO_CHANGE_DELAY, () => {
-      tickInterval.start(CHANGE_VALUE_TICK_DELAY, () => {
-        if (!tick()) {
-          stopAutoChange();
-        }
-      });
-    });
-  });
 
   // We need to update the input value when the external `value` prop changes. This ends up acting
   // as a single source of truth to update the input value, bypassing the need to manually set it in
@@ -321,9 +265,6 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     }
     setInputMode(computedInputMode);
   }, [minWithDefault, formatStyle]);
-  React.useEffect(() => {
-    return () => stopAutoChange();
-  }, [stopAutoChange]);
 
   // The `onWheel` prop can't be prevented, so we need to use a global event listener.
   React.useEffect(function registerElementWheelListener() {
@@ -334,7 +275,7 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     function handleWheel(event) {
       if (
       // Allow pinch-zooming.
-      event.ctrlKey || ownerDocument(inputRef.current).activeElement !== inputRef.current) {
+      event.ctrlKey || activeElement(ownerDocument(inputRef.current)) !== inputRef.current) {
         return;
       }
 
@@ -347,10 +288,7 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
         reason: 'wheel'
       });
     }
-    element.addEventListener('wheel', handleWheel);
-    return () => {
-      element.removeEventListener('wheel', handleWheel);
-    };
+    return addEventListener(element, 'wheel', handleWheel);
   }, [allowWheelScrub, incrementValue, disabled, readOnly, largeStep, step, getStepAmount]);
   const state = React.useMemo(() => ({
     ...fieldState,
@@ -365,8 +303,6 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     inputRef,
     inputValue,
     value,
-    startAutoChange,
-    stopAutoChange,
     minWithDefault,
     maxWithDefault,
     disabled,
@@ -380,9 +316,6 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     valueRef,
     lastChangedValueRef,
     hasPendingCommitRef,
-    isPressedRef,
-    intentionalTouchCheckTimeout,
-    movesAfterTouchRef,
     name,
     required,
     invalid,
@@ -396,7 +329,7 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
     setIsScrubbing,
     state,
     onValueCommitted
-  }), [inputRef, inputValue, value, startAutoChange, stopAutoChange, minWithDefault, maxWithDefault, disabled, readOnly, id, setValue, incrementValue, getStepAmount, formatOptionsRef, valueRef, intentionalTouchCheckTimeout, name, required, invalid, inputMode, getAllowedNonNumericKeys, min, max, setInputValue, locale, isScrubbing, state, onValueCommitted]);
+  }), [inputRef, inputValue, value, minWithDefault, maxWithDefault, disabled, readOnly, id, setValue, incrementValue, getStepAmount, formatOptionsRef, valueRef, name, required, invalid, inputMode, getAllowedNonNumericKeys, min, max, setInputValue, locale, isScrubbing, state, onValueCommitted]);
   const element = useRenderElement('div', componentProps, {
     ref: forwardedRef,
     state,
@@ -429,6 +362,7 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
       }),
       ref: hiddenInputRef,
       type: "number",
+      form: form,
       name: name,
       value: value ?? '',
       min: min,
@@ -441,7 +375,8 @@ export const NumberFieldRoot = /*#__PURE__*/React.forwardRef(function NumberFiel
       required: required,
       "aria-hidden": true,
       tabIndex: -1,
-      style: name ? visuallyHiddenInput : visuallyHidden
+      style: name ? visuallyHiddenInput : visuallyHidden,
+      suppressHydrationWarning: true
     })]
   });
 });

package/esm/number-field/root/NumberFieldRootContext.d.ts

@@ -1,14 +1,11 @@
 import * as React from 'react';
-import { Timeout } from '@base-ui/utils/useTimeout';
-import type { NumberFieldRoot } from "./NumberFieldRoot.js";
+import type { NumberFieldRoot, NumberFieldRootState } from "./NumberFieldRoot.js";
 import { EventWithOptionalKeyState } from "../utils/types.js";
 import type { IncrementValueParameters } from "../utils/types.js";
 export type InputMode = 'numeric' | 'decimal' | 'text';
 export interface NumberFieldRootContext {
   inputValue: string;
   value: number | null;
-  startAutoChange: (isIncrement: boolean, event?: React.MouseEvent | Event) => void;
-  stopAutoChange: () => void;
   minWithDefault: number;
   maxWithDefault: number;
   disabled: boolean;
@@ -23,9 +20,6 @@ export interface NumberFieldRootContext {
   valueRef: React.RefObject<number | null>;
   lastChangedValueRef: React.RefObject<number | null>;
   hasPendingCommitRef: React.RefObject<boolean>;
-  isPressedRef: React.RefObject<boolean | null>;
-  intentionalTouchCheckTimeout: Timeout;
-  movesAfterTouchRef: React.RefObject<number | null>;
   name: string | undefined;
   required: boolean;
   invalid: boolean | undefined;
@@ -37,7 +31,7 @@ export interface NumberFieldRootContext {
   locale: Intl.LocalesArgument;
   isScrubbing: boolean;
   setIsScrubbing: React.Dispatch<React.SetStateAction<boolean>>;
-  state: NumberFieldRoot.State;
+  state: NumberFieldRootState;
   onValueCommitted: (value: number | null, eventDetails: NumberFieldRoot.CommitEventDetails) => void;
 }
 export declare const NumberFieldRootContext: React.Context<NumberFieldRootContext | undefined>;

package/esm/number-field/root/useNumberFieldButton.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import type { Timeout } from '@base-ui/utils/useTimeout';
 import type { EventWithOptionalKeyState, IncrementValueParameters } from "../utils/types.js";
 import type { NumberFieldRoot } from "./NumberFieldRoot.js";
 import type { HTMLProps } from "../../utils/types.js";
-export declare function useNumberFieldButton(params: useNumberFieldButton.Parameters): React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export declare function useNumberFieldButton(params: UseNumberFieldButtonParameters): React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
 export interface UseNumberFieldButtonParameters {
   allowInputSyncRef: React.RefObject<boolean | null>;
   disabled: boolean;
@@ -13,15 +12,10 @@ export interface UseNumberFieldButtonParameters {
   incrementValue: (amount: number, params: IncrementValueParameters) => boolean;
   inputRef: React.RefObject<HTMLInputElement | null>;
   inputValue: string;
-  intentionalTouchCheckTimeout: Timeout;
   isIncrement: boolean;
-  isPressedRef: React.RefObject<boolean | null>;
   locale?: Intl.LocalesArgument | undefined;
-  movesAfterTouchRef: React.RefObject<number | null>;
   readOnly: boolean;
   setValue: (value: number | null, details: NumberFieldRoot.ChangeEventDetails) => boolean;
-  startAutoChange: (isIncrement: boolean, event?: React.MouseEvent | Event) => void;
-  stopAutoChange: () => void;
   valueRef: React.RefObject<number | null>;
   lastChangedValueRef: React.RefObject<number | null>;
   onValueCommitted: (value: number | null, eventDetails: NumberFieldRoot.CommitEventDetails) => void;
@@ -29,7 +23,4 @@ export interface UseNumberFieldButtonParameters {
 export interface UseNumberFieldButtonReturnValue {
   props: HTMLProps;
 }
-export declare namespace useNumberFieldButton {
-  type Parameters = UseNumberFieldButtonParameters;
-  type ReturnValue = UseNumberFieldButtonReturnValue;
-}
+export interface UseNumberFieldButtonState {}