@jobber/components 8.20.2 → 8.21.0

package/dist/NumberFieldInput-cjs.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
-var clamp = require('./clamp-cjs.js');
 var React = require('react');
+var useButton = require('./useButton-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
+var useLabel = require('./useLabel-cjs.js');
+var clamp = require('./clamp-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
-var ReactDOM = require('react-dom');
+var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -25,7 +26,6 @@ function _interopNamespaceDefault(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
 /**
  * Returns a function that forces a rerender.
@@ -37,377 +37,6 @@ function useForcedRerendering() {
   }, []);
 }
 
-let FieldControlDataAttributes = /*#__PURE__*/function (FieldControlDataAttributes) {
-  /**
-   * Present when the field is disabled.
-   */
-  FieldControlDataAttributes["disabled"] = "data-disabled";
-  /**
-   * Present when the field is in valid state.
-   */
-  FieldControlDataAttributes["valid"] = "data-valid";
-  /**
-   * Present when the field is in invalid state.
-   */
-  FieldControlDataAttributes["invalid"] = "data-invalid";
-  /**
-   * Present when the field has been touched.
-   */
-  FieldControlDataAttributes["touched"] = "data-touched";
-  /**
-   * Present when the field's value has changed.
-   */
-  FieldControlDataAttributes["dirty"] = "data-dirty";
-  /**
-   * Present when the field is filled.
-   */
-  FieldControlDataAttributes["filled"] = "data-filled";
-  /**
-   * Present when the field control is focused.
-   */
-  FieldControlDataAttributes["focused"] = "data-focused";
-  return FieldControlDataAttributes;
-}({});
-
-const DEFAULT_VALIDITY_STATE = {
-  badInput: false,
-  customError: false,
-  patternMismatch: false,
-  rangeOverflow: false,
-  rangeUnderflow: false,
-  stepMismatch: false,
-  tooLong: false,
-  tooShort: false,
-  typeMismatch: false,
-  valid: null,
-  valueMissing: false
-};
-const DEFAULT_FIELD_STATE_ATTRIBUTES = {
-  valid: null,
-  touched: false,
-  dirty: false,
-  filled: false,
-  focused: false
-};
-const DEFAULT_FIELD_ROOT_STATE = {
-  disabled: false,
-  ...DEFAULT_FIELD_STATE_ATTRIBUTES
-};
-const fieldValidityMapping = {
-  valid(value) {
-    if (value === null) {
-      return null;
-    }
-    if (value) {
-      return {
-        [FieldControlDataAttributes.valid]: ''
-      };
-    }
-    return {
-      [FieldControlDataAttributes.invalid]: ''
-    };
-  }
-};
-
-const FieldRootContext = /*#__PURE__*/React__namespace.createContext({
-  invalid: undefined,
-  name: undefined,
-  validityData: {
-    state: DEFAULT_VALIDITY_STATE,
-    errors: [],
-    error: '',
-    value: '',
-    initialValue: null
-  },
-  setValidityData: useRenderElement.NOOP,
-  disabled: undefined,
-  touched: DEFAULT_FIELD_STATE_ATTRIBUTES.touched,
-  setTouched: useRenderElement.NOOP,
-  dirty: DEFAULT_FIELD_STATE_ATTRIBUTES.dirty,
-  setDirty: useRenderElement.NOOP,
-  filled: DEFAULT_FIELD_STATE_ATTRIBUTES.filled,
-  setFilled: useRenderElement.NOOP,
-  focused: DEFAULT_FIELD_STATE_ATTRIBUTES.focused,
-  setFocused: useRenderElement.NOOP,
-  validate: () => null,
-  validationMode: 'onSubmit',
-  validationDebounceTime: 0,
-  shouldValidateOnChange: () => false,
-  state: DEFAULT_FIELD_ROOT_STATE,
-  markedDirtyRef: {
-    current: false
-  },
-  validation: {
-    getValidationProps: (props = useRenderElement.EMPTY_OBJECT) => props,
-    getInputValidationProps: (props = useRenderElement.EMPTY_OBJECT) => props,
-    inputRef: {
-      current: null
-    },
-    commit: async () => {}
-  }
-});
-if (process.env.NODE_ENV !== "production") FieldRootContext.displayName = "FieldRootContext";
-function useFieldRootContext(optional = true) {
-  const context = React__namespace.useContext(FieldRootContext);
-  if (context.setValidityData === useRenderElement.NOOP && !optional) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.' : useRenderElement.formatErrorMessage(28));
-  }
-  return context;
-}
-
-/**
- * Combines the field's client-side, stateful validity data with the external invalid state to
- * determine the field's true validity.
- */
-function getCombinedFieldValidityData(validityData, invalid) {
-  return {
-    ...validityData,
-    state: {
-      ...validityData.state,
-      valid: !invalid && validityData.state.valid
-    }
-  };
-}
-
-const FormContext = /*#__PURE__*/React__namespace.createContext({
-  formRef: {
-    current: {
-      fields: new Map()
-    }
-  },
-  errors: {},
-  clearErrors: useRenderElement.NOOP,
-  validationMode: 'onSubmit',
-  submitAttemptedRef: {
-    current: false
-  }
-});
-if (process.env.NODE_ENV !== "production") FormContext.displayName = "FormContext";
-function useFormContext() {
-  return React__namespace.useContext(FormContext);
-}
-
-function useField(params) {
-  const {
-    enabled = true,
-    value,
-    id,
-    name,
-    controlRef,
-    commit
-  } = params;
-  const {
-    formRef
-  } = useFormContext();
-  const {
-    invalid,
-    markedDirtyRef,
-    validityData,
-    setValidityData
-  } = useFieldRootContext();
-  const getValue = clamp.useStableCallback(params.getValue);
-  clamp.useIsoLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    let initialValue = value;
-    if (initialValue === undefined) {
-      initialValue = getValue();
-    }
-    if (validityData.initialValue === null && initialValue !== null) {
-      setValidityData(prev => ({
-        ...prev,
-        initialValue
-      }));
-    }
-  }, [enabled, setValidityData, value, validityData.initialValue, getValue]);
-  clamp.useIsoLayoutEffect(() => {
-    if (!enabled || !id) {
-      return;
-    }
-    formRef.current.fields.set(id, {
-      getValue,
-      name,
-      controlRef,
-      validityData: getCombinedFieldValidityData(validityData, invalid),
-      validate(flushSync = true) {
-        let nextValue = value;
-        if (nextValue === undefined) {
-          nextValue = getValue();
-        }
-        markedDirtyRef.current = true;
-        if (!flushSync) {
-          commit(nextValue);
-        } else {
-          // Synchronously update the validity state so the submit event can be prevented.
-          ReactDOM__namespace.flushSync(() => commit(nextValue));
-        }
-      }
-    });
-  }, [commit, controlRef, enabled, formRef, getValue, id, invalid, markedDirtyRef, name, validityData, value]);
-  clamp.useIsoLayoutEffect(() => {
-    const fields = formRef.current.fields;
-    return () => {
-      if (id) {
-        fields.delete(id);
-      }
-    };
-  }, [formRef, id]);
-}
-
-/**
- * A context for providing [labelable elements](https://html.spec.whatwg.org/multipage/forms.html#category-label)\
- * with an accessible name (label) and description.
- */
-const LabelableContext = /*#__PURE__*/React__namespace.createContext({
-  controlId: undefined,
-  registerControlId: useRenderElement.NOOP,
-  labelId: undefined,
-  setLabelId: useRenderElement.NOOP,
-  messageIds: [],
-  setMessageIds: useRenderElement.NOOP,
-  getDescriptionProps: externalProps => externalProps
-});
-if (process.env.NODE_ENV !== "production") LabelableContext.displayName = "LabelableContext";
-function useLabelableContext() {
-  return React__namespace.useContext(LabelableContext);
-}
-
-function useLabelableId(params = {}) {
-  const {
-    id,
-    implicit = false,
-    controlRef
-  } = params;
-  const {
-    controlId,
-    registerControlId
-  } = useLabelableContext();
-  const defaultId = clamp.useBaseUiId(id);
-  const controlIdForEffect = implicit ? controlId : undefined;
-  const controlSourceRef = useRenderElement.useRefWithInit(() => Symbol('labelable-control'));
-  const hasRegisteredRef = React__namespace.useRef(false);
-  const hadExplicitIdRef = React__namespace.useRef(id != null);
-  const unregisterControlId = clamp.useStableCallback(() => {
-    if (!hasRegisteredRef.current || registerControlId === useRenderElement.NOOP) {
-      return;
-    }
-    hasRegisteredRef.current = false;
-    registerControlId(controlSourceRef.current, undefined);
-  });
-  clamp.useIsoLayoutEffect(() => {
-    if (registerControlId === useRenderElement.NOOP) {
-      return undefined;
-    }
-    let nextId;
-    if (implicit) {
-      const elem = controlRef?.current;
-      if (floatingUi_utils_dom.isElement(elem) && elem.closest('label') != null) {
-        nextId = id ?? null;
-      } else {
-        nextId = controlIdForEffect ?? defaultId;
-      }
-    } else if (id != null) {
-      hadExplicitIdRef.current = true;
-      nextId = id;
-    } else if (hadExplicitIdRef.current) {
-      nextId = defaultId;
-    } else {
-      unregisterControlId();
-      return undefined;
-    }
-    if (nextId === undefined) {
-      unregisterControlId();
-      return undefined;
-    }
-    hasRegisteredRef.current = true;
-    registerControlId(controlSourceRef.current, nextId);
-    return undefined;
-  }, [id, controlRef, controlIdForEffect, registerControlId, implicit, defaultId, controlSourceRef, unregisterControlId]);
-  React__namespace.useEffect(() => {
-    return unregisterControlId;
-  }, [unregisterControlId]);
-  return controlId ?? defaultId;
-}
-
-function useRegisteredLabelId(idProp, setLabelId) {
-  const id = clamp.useBaseUiId(idProp);
-  clamp.useIsoLayoutEffect(() => {
-    setLabelId(id);
-    return () => {
-      setLabelId(undefined);
-    };
-  }, [id, setLabelId]);
-  return id;
-}
-
-function useLabel(params = {}) {
-  const {
-    id: idProp,
-    fallbackControlId,
-    native = false,
-    setLabelId: setLabelIdProp,
-    focusControl: focusControlProp
-  } = params;
-  const {
-    controlId: contextControlId,
-    setLabelId: setContextLabelId
-  } = useLabelableContext();
-  const syncLabelId = clamp.useStableCallback(nextLabelId => {
-    setContextLabelId(nextLabelId);
-    setLabelIdProp?.(nextLabelId);
-  });
-  const id = useRegisteredLabelId(idProp, syncLabelId);
-  const resolvedControlId = contextControlId ?? fallbackControlId;
-  function focusControl(event) {
-    if (focusControlProp) {
-      focusControlProp(event, resolvedControlId);
-      return;
-    }
-    if (!resolvedControlId) {
-      return;
-    }
-    const controlElement = clamp.ownerDocument(event.currentTarget).getElementById(resolvedControlId);
-    if (floatingUi_utils_dom.isHTMLElement(controlElement)) {
-      focusElementWithVisible(controlElement);
-    }
-  }
-  function handleInteraction(event) {
-    const target = clamp.getTarget(event.nativeEvent);
-    if (target?.closest('button,input,select,textarea')) {
-      return;
-    }
-
-    // Prevent text selection when double clicking label.
-    if (!event.defaultPrevented && event.detail > 1) {
-      event.preventDefault();
-    }
-    if (native) {
-      return;
-    }
-    focusControl(event);
-  }
-  return native ? {
-    id,
-    htmlFor: resolvedControlId ?? undefined,
-    onMouseDown: handleInteraction
-  } : {
-    id,
-    onClick: handleInteraction,
-    onPointerDown(event) {
-      event.preventDefault();
-    }
-  };
-}
-function focusElementWithVisible(element) {
-  element.focus({
-    // Available from Chrome 144+ (January 2026).
-    // Safari and Firefox already support it.
-    // @ts-expect-error not available in types yet
-    focusVisible: true
-  });
-}
-
 const cache = new Map();
 function getFormatter(locale, options) {
   const optionsString = JSON.stringify({
@@ -436,7 +65,7 @@ function formatNumberMaxPrecision(value, locale, options) {
 }
 
 const EMPTY = 0;
-class Interval extends clamp.Timeout {
+class Interval extends useButton.Timeout {
   static create() {
     return new Interval();
   }
@@ -463,7 +92,7 @@ class Interval extends clamp.Timeout {
  */
 function useInterval() {
   const timeout = useRenderElement.useRefWithInit(Interval.create).current;
-  clamp.useOnMount(timeout.disposeEffect);
+  useButton.useOnMount(timeout.disposeEffect);
   return timeout;
 }
 
@@ -480,7 +109,7 @@ function useNumberFieldRootContext() {
 const stateAttributesMapping$1 = {
   inputValue: () => null,
   value: () => null,
-  ...fieldValidityMapping
+  ...useLabel.fieldValidityMapping
 };
 
 const HAN_NUMERALS = ['零', '〇', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
@@ -815,7 +444,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     state: fieldState,
     validation,
     shouldValidateOnChange
-  } = useFieldRootContext();
+  } = useLabel.useFieldRootContext();
   const disabled = fieldDisabled || disabledProp;
   const name = fieldName ?? nameProp;
   const step = stepProp === 'any' ? 1 : stepProp;
@@ -826,30 +455,30 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   const formatStyle = format?.style;
   const inputRef = React__namespace.useRef(null);
   const hiddenInputRef = useRenderElement.useMergedRefs(inputRefProp, validation.inputRef);
-  const id = useLabelableId({
+  const id = useLabel.useLabelableId({
     id: idProp
   });
-  const [valueUnwrapped, setValueUnwrapped] = clamp.useControlled({
+  const [valueUnwrapped, setValueUnwrapped] = useButton.useControlled({
     controlled: valueProp,
     default: defaultValue,
     name: 'NumberField',
     state: 'value'
   });
   const value = valueUnwrapped ?? null;
-  const valueRef = clamp.useValueAsRef(value);
-  clamp.useIsoLayoutEffect(() => {
+  const valueRef = useButton.useValueAsRef(value);
+  useButton.useIsoLayoutEffect(() => {
     setFilled(value !== null);
   }, [setFilled, value]);
   const forceRender = useForcedRerendering();
-  const formatOptionsRef = clamp.useValueAsRef(format);
+  const formatOptionsRef = useButton.useValueAsRef(format);
   const hasPendingCommitRef = React__namespace.useRef(false);
-  const onValueCommitted = clamp.useStableCallback((nextValue, eventDetails) => {
+  const onValueCommitted = useButton.useStableCallback((nextValue, eventDetails) => {
     hasPendingCommitRef.current = false;
     onValueCommittedProp?.(nextValue, eventDetails);
   });
-  const startTickTimeout = clamp.useTimeout();
+  const startTickTimeout = useButton.useTimeout();
   const tickInterval = useInterval();
-  const intentionalTouchCheckTimeout = clamp.useTimeout();
+  const intentionalTouchCheckTimeout = useButton.useTimeout();
   const isPressedRef = React__namespace.useRef(false);
   const movesAfterTouchRef = React__namespace.useRef(0);
   const allowInputSyncRef = React__namespace.useRef(true);
@@ -867,7 +496,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     return formatNumber(value, locale, format);
   });
   const [inputMode, setInputMode] = React__namespace.useState('numeric');
-  const getAllowedNonNumericKeys = clamp.useStableCallback(() => {
+  const getAllowedNonNumericKeys = useButton.useStableCallback(() => {
     const {
       decimal,
       group,
@@ -912,7 +541,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     }
     return keys;
   });
-  const getStepAmount = clamp.useStableCallback(event => {
+  const getStepAmount = useButton.useStableCallback(event => {
     if (event?.altKey) {
       return smallStep;
     }
@@ -921,13 +550,13 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     }
     return step;
   });
-  const setValue = clamp.useStableCallback((unvalidatedValue, details) => {
+  const setValue = useButton.useStableCallback((unvalidatedValue, details) => {
     const eventWithOptionalKeyState = details.event;
     const dir = details.direction;
     const reason = details.reason;
     // Only allow out-of-range values for direct text entry (native-like behavior).
     // Step-based interactions (keyboard arrows, buttons, wheel, scrub) still clamp to min/max.
-    const shouldClampValue = !allowOutOfRange || !(reason === clamp.inputChange || reason === clamp.inputBlur || reason === clamp.inputPaste || reason === clamp.inputClear || reason === clamp.none);
+    const shouldClampValue = !allowOutOfRange || !(reason === useButton.inputChange || reason === useButton.inputBlur || reason === useButton.inputPaste || reason === useButton.inputClear || reason === useButton.none);
     const validatedValue = toValidatedNumber(unvalidatedValue, {
       step: dir ? getStepAmount(eventWithOptionalKeyState) * dir : undefined,
       format: formatOptionsRef.current,
@@ -942,7 +571,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     // Determine whether we should notify about a change even if the numeric value is unchanged.
     // This is needed when the user input is clamped/snapped to the same current value, or when
     // the source value differs but validation normalizes to the existing value.
-    const isInputReason = details.reason === clamp.inputChange || details.reason === clamp.inputClear || details.reason === clamp.inputBlur || details.reason === clamp.inputPaste || details.reason === clamp.none;
+    const isInputReason = details.reason === useButton.inputChange || details.reason === useButton.inputClear || details.reason === useButton.inputBlur || details.reason === useButton.inputPaste || details.reason === useButton.none;
     const shouldFireChange = validatedValue !== value || isInputReason && (unvalidatedValue !== value || allowInputSyncRef.current === false);
     if (shouldFireChange) {
       lastChangedValueRef.current = validatedValue;
@@ -967,7 +596,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     forceRender();
     return shouldFireChange;
   });
-  const incrementValue = clamp.useStableCallback((amount, {
+  const incrementValue = useButton.useStableCallback((amount, {
     direction,
     currentValue,
     event,
@@ -976,18 +605,18 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     const prevValue = currentValue == null ? valueRef.current : currentValue;
     const nextValue = typeof prevValue === 'number' ? prevValue + amount * direction : Math.max(0, min ?? 0);
     const nativeEvent = event;
-    return setValue(nextValue, clamp.createChangeEventDetails(reason, nativeEvent, undefined, {
+    return setValue(nextValue, useButton.createChangeEventDetails(reason, nativeEvent, undefined, {
       direction
     }));
   });
-  const stopAutoChange = clamp.useStableCallback(() => {
+  const stopAutoChange = useButton.useStableCallback(() => {
     intentionalTouchCheckTimeout.clear();
     startTickTimeout.clear();
     tickInterval.clear();
     unsubscribeFromGlobalContextMenuRef.current();
     movesAfterTouchRef.current = 0;
   });
-  const startAutoChange = clamp.useStableCallback((isIncrement, triggerEvent) => {
+  const startAutoChange = useButton.useStableCallback((isIncrement, triggerEvent) => {
     stopAutoChange();
     if (!inputRef.current) {
       return;
@@ -1007,8 +636,8 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       isPressedRef.current = false;
       stopAutoChange();
       const committed = lastChangedValueRef.current ?? valueRef.current;
-      const commitReason = isIncrement ? clamp.incrementPress : clamp.decrementPress;
-      onValueCommitted(committed, clamp.createGenericEventDetails(commitReason, event));
+      const commitReason = isIncrement ? useButton.incrementPress : useButton.decrementPress;
+      onValueCommitted(committed, useButton.createGenericEventDetails(commitReason, event));
     }, {
       once: true
     });
@@ -1043,7 +672,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   // ESLint is disabled because it needs to run even if the parsed value hasn't changed, since the
   // value still can be formatted differently.
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  clamp.useIsoLayoutEffect(function syncFormattedInputValueOnValueChange() {
+  useButton.useIsoLayoutEffect(function syncFormattedInputValueOnValueChange() {
     // This ensures the value is only updated on blur rather than every keystroke, but still
     // allows the input value to be updated when the value is changed externally.
     if (!allowInputSyncRef.current) {
@@ -1054,8 +683,8 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       setInputValue(nextInputValue);
     }
   });
-  clamp.useIsoLayoutEffect(function setDynamicInputModeForIOS() {
-    if (!clamp.isIOS) {
+  useButton.useIsoLayoutEffect(function setDynamicInputModeForIOS() {
+    if (!useButton.isIOS) {
       return;
     }
 
@@ -1082,7 +711,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     function handleWheel(event) {
       if (
       // Allow pinch-zooming.
-      event.ctrlKey || clamp.ownerDocument(inputRef.current).activeElement !== inputRef.current) {
+      event.ctrlKey || useButton.ownerDocument(inputRef.current).activeElement !== inputRef.current) {
         return;
       }
 
@@ -1167,7 +796,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
           // Handle browser autofill.
           const nextValue = event.currentTarget.valueAsNumber;
           const parsedValue = Number.isNaN(nextValue) ? null : nextValue;
-          const details = clamp.createChangeEventDetails(clamp.none, event.nativeEvent);
+          const details = useButton.createChangeEventDetails(useButton.none, event.nativeEvent);
           setDirty(parsedValue !== validityData.initialValue);
           setValue(parsedValue, details);
           if (shouldValidateOnChange()) {
@@ -1189,7 +818,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       required: required,
       "aria-hidden": true,
       tabIndex: -1,
-      style: name ? clamp.visuallyHiddenInput : clamp.visuallyHidden
+      style: name ? useButton.visuallyHiddenInput : useButton.visuallyHidden
     })]
   });
 });
@@ -1272,7 +901,7 @@ function useNumberFieldButton(params) {
       // The increment value function needs to know the current input value to increment it
       // correctly.
       valueRef.current = parsedValue;
-      setValue(parsedValue, clamp.createChangeEventDetails(pressReason, nativeEvent, undefined, {
+      setValue(parsedValue, useButton.createChangeEventDetails(pressReason, nativeEvent, undefined, {
         direction: isIncrement ? 1 : -1
       }));
     }
@@ -1313,7 +942,7 @@ function useNumberFieldButton(params) {
       });
       const committed = lastChangedValueRef.current ?? valueRef.current;
       if (committed !== prev) {
-        onValueCommitted(committed, clamp.createGenericEventDetails(pressReason, event.nativeEvent));
+        onValueCommitted(committed, useButton.createGenericEventDetails(pressReason, event.nativeEvent));
       }
     },
     onPointerDown(event) {
@@ -1471,7 +1100,7 @@ const NumberFieldIncrement = /*#__PURE__*/React__namespace.forwardRef(function N
   const {
     getButtonProps,
     buttonRef
-  } = clamp.useButton({
+  } = useButton.useButton({
     disabled,
     native: nativeButton,
     focusableWhenDisabled: true
@@ -1555,7 +1184,7 @@ const NumberFieldDecrement = /*#__PURE__*/React__namespace.forwardRef(function N
   const {
     getButtonProps,
     buttonRef
-  } = clamp.useButton({
+  } = useButton.useButton({
     disabled,
     native: nativeButton,
     focusableWhenDisabled: true
@@ -1575,7 +1204,7 @@ const NumberFieldDecrement = /*#__PURE__*/React__namespace.forwardRef(function N
 if (process.env.NODE_ENV !== "production") NumberFieldDecrement.displayName = "NumberFieldDecrement";
 
 const stateAttributesMapping = {
-  ...fieldValidityMapping,
+  ...useLabel.fieldValidityMapping,
   ...stateAttributesMapping$1
 };
 const NAVIGATE_KEYS = new Set(['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Escape']);
@@ -1620,7 +1249,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
   } = useNumberFieldRootContext();
   const {
     clearErrors
-  } = useFormContext();
+  } = useLabel.useFormContext();
   const {
     validationMode,
     setTouched,
@@ -1628,13 +1257,13 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
     invalid,
     shouldValidateOnChange,
     validation
-  } = useFieldRootContext();
+  } = useLabel.useFieldRootContext();
   const {
     labelId
-  } = useLabelableContext();
+  } = useLabel.useLabelableContext();
   const hasTouchedInputRef = React__namespace.useRef(false);
   const blockRevalidationRef = React__namespace.useRef(false);
-  useField({
+  useLabel.useField({
     id,
     commit: validation.commit,
     value,
@@ -1642,7 +1271,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
     name,
     getValue: () => value ?? null
   });
-  clamp.useValueChanged(value, previousValue => {
+  useButton.useValueChanged(value, previousValue => {
     const validateOnChange = shouldValidateOnChange();
     clearErrors(name);
     if (validateOnChange) {
@@ -1700,11 +1329,11 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const hadPendingProgrammaticChange = hasPendingCommitRef.current;
       allowInputSyncRef.current = true;
       if (inputValue.trim() === '') {
-        setValue(null, clamp.createChangeEventDetails(clamp.inputClear, event.nativeEvent));
+        setValue(null, useButton.createChangeEventDetails(useButton.inputClear, event.nativeEvent));
         if (validationMode === 'onBlur') {
           validation.commit(null);
         }
-        onValueCommitted(null, clamp.createGenericEventDetails(clamp.inputClear, event.nativeEvent));
+        onValueCommitted(null, useButton.createGenericEventDetails(useButton.inputClear, event.nativeEvent));
         return;
       }
       const formatOptions = formatOptionsRef.current;
@@ -1717,7 +1346,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const hasExplicitPrecision = formatOptions?.maximumFractionDigits != null || formatOptions?.minimumFractionDigits != null;
       const maxFrac = formatOptions?.maximumFractionDigits;
       const committed = hasExplicitPrecision && typeof maxFrac === 'number' ? Number(parsedValue.toFixed(maxFrac)) : parsedValue;
-      const nextEventDetails = clamp.createGenericEventDetails(clamp.inputBlur, event.nativeEvent);
+      const nextEventDetails = useButton.createGenericEventDetails(useButton.inputBlur, event.nativeEvent);
       const shouldUpdateValue = value !== committed;
       const shouldCommit = hadManualInput || shouldUpdateValue || hadPendingProgrammaticChange;
       if (validationMode === 'onBlur') {
@@ -1725,7 +1354,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       }
       if (shouldUpdateValue) {
         blockRevalidationRef.current = true;
-        setValue(committed, clamp.createChangeEventDetails(clamp.inputBlur, event.nativeEvent));
+        setValue(committed, useButton.createChangeEventDetails(useButton.inputBlur, event.nativeEvent));
       }
       if (shouldCommit) {
         onValueCommitted(committed, nextEventDetails);
@@ -1748,7 +1377,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const targetValue = event.target.value;
       if (targetValue.trim() === '') {
         setInputValue(targetValue);
-        setValue(null, clamp.createChangeEventDetails(clamp.inputClear, event.nativeEvent));
+        setValue(null, useButton.createChangeEventDetails(useButton.inputClear, event.nativeEvent));
         return;
       }
 
@@ -1771,7 +1400,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const parsedValue = parseNumber(targetValue, locale, formatOptionsRef.current);
       setInputValue(targetValue);
       if (parsedValue !== null) {
-        setValue(parsedValue, clamp.createChangeEventDetails(clamp.inputChange, event.nativeEvent));
+        setValue(parsedValue, useButton.createChangeEventDetails(useButton.inputChange, event.nativeEvent));
       }
     },
     onKeyDown(event) {
@@ -1831,14 +1460,14 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const amount = getStepAmount(event) ?? DEFAULT_STEP;
 
       // Prevent insertion of text or caret from moving.
-      clamp.stopEvent(event);
-      const commitDetails = clamp.createGenericEventDetails(clamp.keyboard, nativeEvent);
+      useButton.stopEvent(event);
+      const commitDetails = useButton.createGenericEventDetails(useButton.keyboard, nativeEvent);
       if (event.key === 'ArrowUp') {
         incrementValue(amount, {
           direction: 1,
           currentValue: parsedValue,
           event: nativeEvent,
-          reason: clamp.keyboard
+          reason: useButton.keyboard
         });
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       } else if (event.key === 'ArrowDown') {
@@ -1846,14 +1475,14 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
           direction: -1,
           currentValue: parsedValue,
           event: nativeEvent,
-          reason: clamp.keyboard
+          reason: useButton.keyboard
         });
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       } else if (event.key === 'Home' && min != null) {
-        setValue(min, clamp.createChangeEventDetails(clamp.keyboard, nativeEvent));
+        setValue(min, useButton.createChangeEventDetails(useButton.keyboard, nativeEvent));
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       } else if (event.key === 'End' && max != null) {
-        setValue(max, clamp.createChangeEventDetails(clamp.keyboard, nativeEvent));
+        setValue(max, useButton.createChangeEventDetails(useButton.keyboard, nativeEvent));
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       }
     },
@@ -1869,7 +1498,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const parsedValue = parseNumber(pastedData, locale, formatOptionsRef.current);
       if (parsedValue !== null) {
         allowInputSyncRef.current = false;
-        setValue(parsedValue, clamp.createChangeEventDetails(clamp.inputPaste, event.nativeEvent));
+        setValue(parsedValue, useButton.createChangeEventDetails(useButton.inputPaste, event.nativeEvent));
         setInputValue(pastedData);
       }
     }
@@ -1884,23 +1513,11 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
 });
 if (process.env.NODE_ENV !== "production") NumberFieldInput.displayName = "NumberFieldInput";
 
-exports.DEFAULT_FIELD_STATE_ATTRIBUTES = DEFAULT_FIELD_STATE_ATTRIBUTES;
 exports.DEFAULT_STEP = DEFAULT_STEP;
-exports.DEFAULT_VALIDITY_STATE = DEFAULT_VALIDITY_STATE;
-exports.FieldRootContext = FieldRootContext;
-exports.LabelableContext = LabelableContext;
 exports.NumberFieldDecrement = NumberFieldDecrement;
 exports.NumberFieldGroup = NumberFieldGroup;
 exports.NumberFieldIncrement = NumberFieldIncrement;
 exports.NumberFieldInput = NumberFieldInput;
 exports.NumberFieldRoot = NumberFieldRoot;
-exports.fieldValidityMapping = fieldValidityMapping;
-exports.getCombinedFieldValidityData = getCombinedFieldValidityData;
 exports.stateAttributesMapping = stateAttributesMapping$1;
-exports.useField = useField;
-exports.useFieldRootContext = useFieldRootContext;
-exports.useFormContext = useFormContext;
-exports.useLabel = useLabel;
-exports.useLabelableContext = useLabelableContext;
-exports.useLabelableId = useLabelableId;
 exports.useNumberFieldRootContext = useNumberFieldRootContext;