@react-aria/numberfield 3.11.1 → 3.11.3

package/dist/module.js

@@ -1,60 +1,6 @@
-import $fb78e0f6ab6349ed$exports from "./ar-AE.module.js";
-import $2776acdd9959a647$exports from "./bg-BG.module.js";
-import $741954410a365ad3$exports from "./cs-CZ.module.js";
-import $8321ed0f8ab642f0$exports from "./da-DK.module.js";
-import $92978e0c4ecafa32$exports from "./de-DE.module.js";
-import $ac5ff71962864a84$exports from "./el-GR.module.js";
-import $efe4685e2440d8be$exports from "./en-US.module.js";
-import $e50a9a48739b90e1$exports from "./es-ES.module.js";
-import $6e0d5294ecbb8ab6$exports from "./et-EE.module.js";
-import $e7129d65f607f77f$exports from "./fi-FI.module.js";
-import $d72adf5b20573e34$exports from "./fr-FR.module.js";
-import $a25c707e88b844a7$exports from "./he-IL.module.js";
-import $69b41140b9a4ca54$exports from "./hr-HR.module.js";
-import $81dab28f37f59d1a$exports from "./hu-HU.module.js";
-import $866555b31f2d7711$exports from "./it-IT.module.js";
-import $dafcd55d52b9d371$exports from "./ja-JP.module.js";
-import $f090c1f8c5da0145$exports from "./ko-KR.module.js";
-import $6f10f3a13360a75c$exports from "./lt-LT.module.js";
-import $47432cefd4b7bd1b$exports from "./lv-LV.module.js";
-import $dc578a950a2bf23d$exports from "./nb-NO.module.js";
-import $353f1bfca4dc395a$exports from "./nl-NL.module.js";
-import $241bc0bbd870e982$exports from "./pl-PL.module.js";
-import $da3005c7bd72b0a8$exports from "./pt-BR.module.js";
-import $cf48bfc540882310$exports from "./pt-PT.module.js";
-import $b63a28c481ab9ee3$exports from "./ro-RO.module.js";
-import $19f9df95c2464ab6$exports from "./ru-RU.module.js";
-import $b272932a685e8482$exports from "./sk-SK.module.js";
-import $cbaf8b5b61f9e544$exports from "./sl-SI.module.js";
-import $e0a3af6ac1449b2f$exports from "./sr-SP.module.js";
-import $71e167d2458a6019$exports from "./sv-SE.module.js";
-import $3719245abc082946$exports from "./tr-TR.module.js";
-import $2ccc589e2f51824d$exports from "./uk-UA.module.js";
-import $e1103cb9b4c13942$exports from "./zh-CN.module.js";
-import $448607634f80dccb$exports from "./zh-TW.module.js";
-import {useId as $gfhJl$useId, isIPhone as $gfhJl$isIPhone, isAndroid as $gfhJl$isAndroid, filterDOMProps as $gfhJl$filterDOMProps, chain as $gfhJl$chain, useFormReset as $gfhJl$useFormReset, mergeProps as $gfhJl$mergeProps, isIOS as $gfhJl$isIOS} from "@react-aria/utils";
-import {useMemo as $gfhJl$useMemo, useState as $gfhJl$useState, useCallback as $gfhJl$useCallback} from "react";
-import {privateValidationStateProp as $gfhJl$privateValidationStateProp} from "@react-stately/form";
-import {useFocus as $gfhJl$useFocus, useFocusWithin as $gfhJl$useFocusWithin, useScrollWheel as $gfhJl$useScrollWheel} from "@react-aria/interactions";
-import {useFormattedTextField as $gfhJl$useFormattedTextField} from "@react-aria/textfield";
-import {useLocalizedStringFormatter as $gfhJl$useLocalizedStringFormatter, useNumberFormatter as $gfhJl$useNumberFormatter} from "@react-aria/i18n";
-import {useSpinButton as $gfhJl$useSpinButton} from "@react-aria/spinbutton";
+import {useNumberField as $81397a9303501bda$export$23f548e970bdf099} from "./useNumberField.module.js";
 
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
 /*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
@@ -66,296 +12,6 @@ function $parcel$interopDefault(a) {
  * governing permissions and limitations under the License.
  */ 
 
-var $280a227d7cb94b92$exports = {};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-$280a227d7cb94b92$exports = {
-    "ar-AE": $fb78e0f6ab6349ed$exports,
-    "bg-BG": $2776acdd9959a647$exports,
-    "cs-CZ": $741954410a365ad3$exports,
-    "da-DK": $8321ed0f8ab642f0$exports,
-    "de-DE": $92978e0c4ecafa32$exports,
-    "el-GR": $ac5ff71962864a84$exports,
-    "en-US": $efe4685e2440d8be$exports,
-    "es-ES": $e50a9a48739b90e1$exports,
-    "et-EE": $6e0d5294ecbb8ab6$exports,
-    "fi-FI": $e7129d65f607f77f$exports,
-    "fr-FR": $d72adf5b20573e34$exports,
-    "he-IL": $a25c707e88b844a7$exports,
-    "hr-HR": $69b41140b9a4ca54$exports,
-    "hu-HU": $81dab28f37f59d1a$exports,
-    "it-IT": $866555b31f2d7711$exports,
-    "ja-JP": $dafcd55d52b9d371$exports,
-    "ko-KR": $f090c1f8c5da0145$exports,
-    "lt-LT": $6f10f3a13360a75c$exports,
-    "lv-LV": $47432cefd4b7bd1b$exports,
-    "nb-NO": $dc578a950a2bf23d$exports,
-    "nl-NL": $353f1bfca4dc395a$exports,
-    "pl-PL": $241bc0bbd870e982$exports,
-    "pt-BR": $da3005c7bd72b0a8$exports,
-    "pt-PT": $cf48bfc540882310$exports,
-    "ro-RO": $b63a28c481ab9ee3$exports,
-    "ru-RU": $19f9df95c2464ab6$exports,
-    "sk-SK": $b272932a685e8482$exports,
-    "sl-SI": $cbaf8b5b61f9e544$exports,
-    "sr-SP": $e0a3af6ac1449b2f$exports,
-    "sv-SE": $71e167d2458a6019$exports,
-    "tr-TR": $3719245abc082946$exports,
-    "uk-UA": $2ccc589e2f51824d$exports,
-    "zh-CN": $e1103cb9b4c13942$exports,
-    "zh-TW": $448607634f80dccb$exports
-};
-
-
-
-
-
-
-
-function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
-    let { id: id, decrementAriaLabel: decrementAriaLabel, incrementAriaLabel: incrementAriaLabel, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, minValue: minValue, maxValue: maxValue, autoFocus: autoFocus, label: label, formatOptions: formatOptions, onBlur: onBlur = ()=>{}, onFocus: onFocus, onFocusChange: onFocusChange, onKeyDown: onKeyDown, onKeyUp: onKeyUp, description: description, errorMessage: errorMessage, isWheelDisabled: isWheelDisabled, ...otherProps } = props;
-    let { increment: increment, incrementToMax: incrementToMax, decrement: decrement, decrementToMin: decrementToMin, numberValue: numberValue, inputValue: inputValue, commit: commit, commitValidation: commitValidation } = state;
-    const stringFormatter = (0, $gfhJl$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($280a227d7cb94b92$exports))), "@react-aria/numberfield");
-    let inputId = (0, $gfhJl$useId)(id);
-    let { focusProps: focusProps } = (0, $gfhJl$useFocus)({
-        onBlur () {
-            // Set input value to normalized valid value
-            commit();
-        }
-    });
-    let numberFormatter = (0, $gfhJl$useNumberFormatter)(formatOptions);
-    let intlOptions = (0, $gfhJl$useMemo)(()=>numberFormatter.resolvedOptions(), [
-        numberFormatter
-    ]);
-    // Replace negative textValue formatted using currencySign: 'accounting'
-    // with a textValue that can be announced using a minus sign.
-    let textValueFormatter = (0, $gfhJl$useNumberFormatter)({
-        ...formatOptions,
-        currencySign: undefined
-    });
-    let textValue = (0, $gfhJl$useMemo)(()=>isNaN(numberValue) ? "" : textValueFormatter.format(numberValue), [
-        textValueFormatter,
-        numberValue
-    ]);
-    let { spinButtonProps: spinButtonProps, incrementButtonProps: incButtonProps, decrementButtonProps: decButtonProps } = (0, $gfhJl$useSpinButton)({
-        isDisabled: isDisabled,
-        isReadOnly: isReadOnly,
-        isRequired: isRequired,
-        maxValue: maxValue,
-        minValue: minValue,
-        onIncrement: increment,
-        onIncrementToMax: incrementToMax,
-        onDecrement: decrement,
-        onDecrementToMin: decrementToMin,
-        value: numberValue,
-        textValue: textValue
-    });
-    let [focusWithin, setFocusWithin] = (0, $gfhJl$useState)(false);
-    let { focusWithinProps: focusWithinProps } = (0, $gfhJl$useFocusWithin)({
-        isDisabled: isDisabled,
-        onFocusWithinChange: setFocusWithin
-    });
-    let onWheel = (0, $gfhJl$useCallback)((e)=>{
-        // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change
-        // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec
-        // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication
-        // especially if the user is scrolling near 45deg
-        if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
-        if (e.deltaY > 0) increment();
-        else if (e.deltaY < 0) decrement();
-    }, [
-        decrement,
-        increment
-    ]);
-    // If the input isn't supposed to receive input, disable scrolling.
-    let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;
-    (0, $gfhJl$useScrollWheel)({
-        onScroll: onWheel,
-        isDisabled: scrollingDisabled
-    }, inputRef);
-    // The inputMode attribute influences the software keyboard that is shown on touch devices.
-    // Browsers and operating systems are quite inconsistent about what keys are available, however.
-    // We choose between numeric and decimal based on whether we allow negative and fractional numbers,
-    // and based on testing on various devices to determine what keys are available in each inputMode.
-    let hasDecimals = intlOptions.maximumFractionDigits > 0;
-    let hasNegative = state.minValue === undefined || isNaN(state.minValue) || state.minValue < 0;
-    let inputMode = "numeric";
-    if ((0, $gfhJl$isIPhone)()) {
-        // iPhone doesn't have a minus sign in either numeric or decimal.
-        // Note this is only for iPhone, not iPad, which always has both
-        // minus and decimal in numeric.
-        if (hasNegative) inputMode = "text";
-        else if (hasDecimals) inputMode = "decimal";
-    } else if ((0, $gfhJl$isAndroid)()) {
-        // Android numeric has both a decimal point and minus key.
-        // decimal does not have a minus key.
-        if (hasNegative) inputMode = "numeric";
-        else if (hasDecimals) inputMode = "decimal";
-    }
-    let onChange = (value)=>{
-        if (state.validate(value)) state.setInputValue(value);
-    };
-    let domProps = (0, $gfhJl$filterDOMProps)(props);
-    let onKeyDownEnter = (0, $gfhJl$useCallback)((e)=>{
-        if (e.key === "Enter") {
-            commit();
-            commitValidation();
-        } else e.continuePropagation();
-    }, [
-        commit,
-        commitValidation
-    ]);
-    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
-    let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $gfhJl$useFormattedTextField)({
-        ...otherProps,
-        ...domProps,
-        name: undefined,
-        label: label,
-        autoFocus: autoFocus,
-        isDisabled: isDisabled,
-        isReadOnly: isReadOnly,
-        isRequired: isRequired,
-        validate: undefined,
-        [(0, $gfhJl$privateValidationStateProp)]: state,
-        value: inputValue,
-        defaultValue: undefined,
-        autoComplete: "off",
-        "aria-label": props["aria-label"] || undefined,
-        "aria-labelledby": props["aria-labelledby"] || undefined,
-        id: inputId,
-        type: "text",
-        inputMode: inputMode,
-        onChange: onChange,
-        onBlur: onBlur,
-        onFocus: onFocus,
-        onFocusChange: onFocusChange,
-        onKeyDown: (0, $gfhJl$useMemo)(()=>(0, $gfhJl$chain)(onKeyDownEnter, onKeyDown), [
-            onKeyDownEnter,
-            onKeyDown
-        ]),
-        onKeyUp: onKeyUp,
-        description: description,
-        errorMessage: errorMessage
-    }, state, inputRef);
-    (0, $gfhJl$useFormReset)(inputRef, state.numberValue, state.setNumberValue);
-    let inputProps = (0, $gfhJl$mergeProps)(spinButtonProps, focusProps, textFieldProps, {
-        // override the spinbutton role, we can't focus a spin button with VO
-        role: null,
-        // ignore aria-roledescription on iOS so that required state will announce when it is present
-        "aria-roledescription": !(0, $gfhJl$isIOS)() ? stringFormatter.format("numberField") : null,
-        "aria-valuemax": null,
-        "aria-valuemin": null,
-        "aria-valuenow": null,
-        "aria-valuetext": null,
-        autoCorrect: "off",
-        spellCheck: "false"
-    });
-    if (props.validationBehavior === "native") inputProps["aria-required"] = undefined;
-    let onButtonPressStart = (e)=>{
-        var _inputRef_current;
-        // If focus is already on the input, keep it there so we don't hide the
-        // software keyboard when tapping the increment/decrement buttons.
-        if (document.activeElement === inputRef.current) return;
-        // Otherwise, when using a mouse, move focus to the input.
-        // On touch, or with a screen reader, focus the button so that the software
-        // keyboard does not appear and the screen reader cursor is not moved off the button.
-        if (e.pointerType === "mouse") (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
-        else e.target.focus();
-    };
-    // Determine the label for the increment and decrement buttons. There are 4 cases:
-    //
-    // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`
-    // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'
-    // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`
-    // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`
-    //
-    // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in
-    // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change
-    // the order or add additional words around the label if needed.
-    let fieldLabel = props["aria-label"] || (typeof props.label === "string" ? props.label : "");
-    let ariaLabelledby;
-    if (!fieldLabel) ariaLabelledby = props.label != null ? labelProps.id : props["aria-labelledby"];
-    let incrementId = (0, $gfhJl$useId)();
-    let decrementId = (0, $gfhJl$useId)();
-    let incrementButtonProps = (0, $gfhJl$mergeProps)(incButtonProps, {
-        "aria-label": incrementAriaLabel || stringFormatter.format("increase", {
-            fieldLabel: fieldLabel
-        }).trim(),
-        id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,
-        "aria-labelledby": ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,
-        "aria-controls": inputId,
-        excludeFromTabOrder: true,
-        preventFocusOnPress: true,
-        allowFocusWhenDisabled: true,
-        isDisabled: !state.canIncrement,
-        onPressStart: onButtonPressStart
-    });
-    let decrementButtonProps = (0, $gfhJl$mergeProps)(decButtonProps, {
-        "aria-label": decrementAriaLabel || stringFormatter.format("decrease", {
-            fieldLabel: fieldLabel
-        }).trim(),
-        id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,
-        "aria-labelledby": ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,
-        "aria-controls": inputId,
-        excludeFromTabOrder: true,
-        preventFocusOnPress: true,
-        allowFocusWhenDisabled: true,
-        isDisabled: !state.canDecrement,
-        onPressStart: onButtonPressStart
-    });
-    return {
-        groupProps: {
-            ...focusWithinProps,
-            role: "group",
-            "aria-disabled": isDisabled,
-            "aria-invalid": isInvalid ? "true" : undefined
-        },
-        labelProps: labelProps,
-        inputProps: inputProps,
-        incrementButtonProps: incrementButtonProps,
-        decrementButtonProps: decrementButtonProps,
-        errorMessageProps: errorMessageProps,
-        descriptionProps: descriptionProps,
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails
-    };
-}
-
-
-
 
 export {$81397a9303501bda$export$23f548e970bdf099 as useNumberField};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-aria/numberfield/src/index.ts","packages/@react-aria/numberfield/src/useNumberField.ts","packages/@react-aria/numberfield/src/*.js"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useNumberField} from './useNumberField';\nexport type {AriaNumberFieldProps} from '@react-types/numberfield';\nexport type {NumberFieldAria} from './useNumberField';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {AriaNumberFieldProps} from '@react-types/numberfield';\nimport {chain, filterDOMProps, isAndroid, isIOS, isIPhone, mergeProps, useFormReset, useId} from '@react-aria/utils';\nimport {DOMAttributes, GroupDOMAttributes, TextInputDOMProps, ValidationResult} from '@react-types/shared';\nimport {\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  RefObject,\n  useCallback,\n  useMemo,\n  useState\n} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFieldState} from '@react-stately/numberfield';\nimport {privateValidationStateProp} from '@react-stately/form';\nimport {useFocus, useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {\n  useLocalizedStringFormatter,\n  useNumberFormatter\n} from '@react-aria/i18n';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\nexport interface NumberFieldAria extends ValidationResult {\n  /** Props for the label element. */\n  labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n  /** Props for the group wrapper around the input and stepper buttons. */\n  groupProps: GroupDOMAttributes,\n  /** Props for the input element. */\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  /** Props for the increment button, to be passed to [useButton](useButton.html). */\n  incrementButtonProps: AriaButtonProps,\n  /** Props for the decrement button, to be passed to [useButton](useButton.html). */\n  decrementButtonProps: AriaButtonProps,\n  /** Props for the number field's description element, if any. */\n  descriptionProps: DOMAttributes,\n  /** Props for the number field's error message element, if any. */\n  errorMessageProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a number field component.\n * Number fields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nexport function useNumberField(props: AriaNumberFieldProps, state: NumberFieldState, inputRef: RefObject<HTMLInputElement>): NumberFieldAria {\n  let {\n    id,\n    decrementAriaLabel,\n    incrementAriaLabel,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    autoFocus,\n    label,\n    formatOptions,\n    onBlur = () => {},\n    onFocus,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    description,\n    errorMessage,\n    isWheelDisabled,\n    ...otherProps\n  } = props;\n\n  let {\n    increment,\n    incrementToMax,\n    decrement,\n    decrementToMin,\n    numberValue,\n    inputValue,\n    commit,\n    commitValidation\n  } = state;\n\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/numberfield');\n\n  let inputId = useId(id);\n  let {focusProps} = useFocus({\n    onBlur() {\n      // Set input value to normalized valid value\n      commit();\n    }\n  });\n\n  let numberFormatter = useNumberFormatter(formatOptions);\n  let intlOptions = useMemo(() => numberFormatter.resolvedOptions(), [numberFormatter]);\n\n  // Replace negative textValue formatted using currencySign: 'accounting'\n  // with a textValue that can be announced using a minus sign.\n  let textValueFormatter = useNumberFormatter({...formatOptions, currencySign: undefined});\n  let textValue = useMemo(() => isNaN(numberValue) ? '' : textValueFormatter.format(numberValue), [textValueFormatter, numberValue]);\n\n  let {\n    spinButtonProps,\n    incrementButtonProps: incButtonProps,\n    decrementButtonProps: decButtonProps\n  } = useSpinButton(\n    {\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      maxValue,\n      minValue,\n      onIncrement: increment,\n      onIncrementToMax: incrementToMax,\n      onDecrement: decrement,\n      onDecrementToMin: decrementToMin,\n      value: numberValue,\n      textValue\n    }\n  );\n\n  let [focusWithin, setFocusWithin] = useState(false);\n  let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n  let onWheel = useCallback((e) => {\n    // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change\n    // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec\n    // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication\n    // especially if the user is scrolling near 45deg\n    if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n      return;\n    }\n    if (e.deltaY > 0) {\n      increment();\n    } else if (e.deltaY < 0) {\n      decrement();\n    }\n  }, [decrement, increment]);\n  // If the input isn't supposed to receive input, disable scrolling.\n  let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;\n  useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, inputRef);\n\n  // The inputMode attribute influences the software keyboard that is shown on touch devices.\n  // Browsers and operating systems are quite inconsistent about what keys are available, however.\n  // We choose between numeric and decimal based on whether we allow negative and fractional numbers,\n  // and based on testing on various devices to determine what keys are available in each inputMode.\n  let hasDecimals = intlOptions.maximumFractionDigits > 0;\n  let hasNegative = (state.minValue === undefined || isNaN(state.minValue)) || state.minValue < 0;\n  let inputMode: TextInputDOMProps['inputMode'] = 'numeric';\n  if (isIPhone()) {\n    // iPhone doesn't have a minus sign in either numeric or decimal.\n    // Note this is only for iPhone, not iPad, which always has both\n    // minus and decimal in numeric.\n    if (hasNegative) {\n      inputMode = 'text';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  } else if (isAndroid()) {\n    // Android numeric has both a decimal point and minus key.\n    // decimal does not have a minus key.\n    if (hasNegative) {\n      inputMode = 'numeric';\n    } else if (hasDecimals) {\n      inputMode = 'decimal';\n    }\n  }\n\n  let onChange = value => {\n    if (state.validate(value)) {\n      state.setInputValue(value);\n    }\n  };\n\n  let domProps = filterDOMProps(props);\n  let onKeyDownEnter = useCallback((e) => {\n    if (e.key === 'Enter') {\n      commit();\n      commitValidation();\n    } else {\n      e.continuePropagation();\n    }\n  }, [commit, commitValidation]);\n\n  let {isInvalid, validationErrors, validationDetails} = state.displayValidation;\n  let {labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps} = useFormattedTextField({\n    ...otherProps,\n    ...domProps,\n    name: undefined,\n    label,\n    autoFocus,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    validate: undefined,\n    [privateValidationStateProp]: state,\n    value: inputValue,\n    defaultValue: undefined, // defaultValue already used to populate state.inputValue, unneeded here\n    autoComplete: 'off',\n    'aria-label': props['aria-label'] || undefined,\n    'aria-labelledby': props['aria-labelledby'] || undefined,\n    id: inputId,\n    type: 'text', // Can't use type=\"number\" because then we can't have things like $ in the field.\n    inputMode,\n    onChange,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    onKeyDown: useMemo(() => chain(onKeyDownEnter, onKeyDown), [onKeyDownEnter, onKeyDown]),\n    onKeyUp,\n    description,\n    errorMessage\n  }, state, inputRef);\n\n  useFormReset(inputRef, state.numberValue, state.setNumberValue);\n\n  let inputProps: InputHTMLAttributes<HTMLInputElement> = mergeProps(\n    spinButtonProps,\n    focusProps,\n    textFieldProps,\n    {\n      // override the spinbutton role, we can't focus a spin button with VO\n      role: null,\n      // ignore aria-roledescription on iOS so that required state will announce when it is present\n      'aria-roledescription': (!isIOS() ? stringFormatter.format('numberField') : null),\n      'aria-valuemax': null,\n      'aria-valuemin': null,\n      'aria-valuenow': null,\n      'aria-valuetext': null,\n      autoCorrect: 'off',\n      spellCheck: 'false'\n    }\n  );\n\n  if (props.validationBehavior === 'native') {\n    inputProps['aria-required'] = undefined;\n  }\n\n  let onButtonPressStart = (e) => {\n    // If focus is already on the input, keep it there so we don't hide the\n    // software keyboard when tapping the increment/decrement buttons.\n    if (document.activeElement === inputRef.current) {\n      return;\n    }\n\n    // Otherwise, when using a mouse, move focus to the input.\n    // On touch, or with a screen reader, focus the button so that the software\n    // keyboard does not appear and the screen reader cursor is not moved off the button.\n    if (e.pointerType === 'mouse') {\n      inputRef.current?.focus();\n    } else {\n      e.target.focus();\n    }\n  };\n\n  // Determine the label for the increment and decrement buttons. There are 4 cases:\n  //\n  // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`\n  // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'\n  // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`\n  // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`\n  //\n  // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in\n  // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change\n  // the order or add additional words around the label if needed.\n  let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let ariaLabelledby: string | undefined;\n  if (!fieldLabel) {\n    ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];\n  }\n\n  let incrementId = useId();\n  let decrementId = useId();\n\n  let incrementButtonProps: AriaButtonProps = mergeProps(incButtonProps, {\n    'aria-label': incrementAriaLabel || stringFormatter.format('increase', {fieldLabel}).trim(),\n    id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,\n    'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    allowFocusWhenDisabled: true,\n    isDisabled: !state.canIncrement,\n    onPressStart: onButtonPressStart\n  });\n\n  let decrementButtonProps: AriaButtonProps = mergeProps(decButtonProps, {\n    'aria-label': decrementAriaLabel || stringFormatter.format('decrease', {fieldLabel}).trim(),\n    id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,\n    'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,\n    'aria-controls': inputId,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    allowFocusWhenDisabled: true,\n    isDisabled: !state.canDecrement,\n    onPressStart: onButtonPressStart\n  });\n\n  return {\n    groupProps: {\n      ...focusWithinProps,\n      role: 'group',\n      'aria-disabled': isDisabled,\n      'aria-invalid': isInvalid ? 'true' : undefined\n    },\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    errorMessageProps,\n    descriptionProps,\n    isInvalid,\n    validationErrors,\n    validationDetails\n  };\n}\n","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n  \"ar-AE\": _temp0,\n  \"bg-BG\": _temp1,\n  \"cs-CZ\": _temp2,\n  \"da-DK\": _temp3,\n  \"de-DE\": _temp4,\n  \"el-GR\": _temp5,\n  \"en-US\": _temp6,\n  \"es-ES\": _temp7,\n  \"et-EE\": _temp8,\n  \"fi-FI\": _temp9,\n  \"fr-FR\": _temp10,\n  \"he-IL\": _temp11,\n  \"hr-HR\": _temp12,\n  \"hu-HU\": _temp13,\n  \"it-IT\": _temp14,\n  \"ja-JP\": _temp15,\n  \"ko-KR\": _temp16,\n  \"lt-LT\": _temp17,\n  \"lv-LV\": _temp18,\n  \"nb-NO\": _temp19,\n  \"nl-NL\": _temp20,\n  \"pl-PL\": _temp21,\n  \"pt-BR\": _temp22,\n  \"pt-PT\": _temp23,\n  \"ro-RO\": _temp24,\n  \"ru-RU\": _temp25,\n  \"sk-SK\": _temp26,\n  \"sl-SI\": _temp27,\n  \"sr-SP\": _temp28,\n  \"sv-SE\": _temp29,\n  \"tr-TR\": _temp30,\n  \"uk-UA\": _temp31,\n  \"zh-CN\": _temp32,\n  \"zh-TW\": _temp33\n}"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/numberfield/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useNumberField} from './useNumberField';\nexport type {AriaNumberFieldProps} from '@react-types/numberfield';\nexport type {NumberFieldAria} from './useNumberField';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/useNumberField.main.js

@@ -0,0 +1,249 @@
+var $4932e21065cdc2cd$exports = require("./intlStrings.main.js");
+var $9WaOX$reactariautils = require("@react-aria/utils");
+var $9WaOX$react = require("react");
+var $9WaOX$reactstatelyform = require("@react-stately/form");
+var $9WaOX$reactariainteractions = require("@react-aria/interactions");
+var $9WaOX$reactariatextfield = require("@react-aria/textfield");
+var $9WaOX$reactariai18n = require("@react-aria/i18n");
+var $9WaOX$reactariaspinbutton = require("@react-aria/spinbutton");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useNumberField", () => $fa863e9b015ae839$export$23f548e970bdf099);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $fa863e9b015ae839$export$23f548e970bdf099(props, state, inputRef) {
+    let { id: id, decrementAriaLabel: decrementAriaLabel, incrementAriaLabel: incrementAriaLabel, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, minValue: minValue, maxValue: maxValue, autoFocus: autoFocus, label: label, formatOptions: formatOptions, onBlur: onBlur = ()=>{}, onFocus: onFocus, onFocusChange: onFocusChange, onKeyDown: onKeyDown, onKeyUp: onKeyUp, description: description, errorMessage: errorMessage, isWheelDisabled: isWheelDisabled, ...otherProps } = props;
+    let { increment: increment, incrementToMax: incrementToMax, decrement: decrement, decrementToMin: decrementToMin, numberValue: numberValue, inputValue: inputValue, commit: commit, commitValidation: commitValidation } = state;
+    const stringFormatter = (0, $9WaOX$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4932e21065cdc2cd$exports))), '@react-aria/numberfield');
+    let inputId = (0, $9WaOX$reactariautils.useId)(id);
+    let { focusProps: focusProps } = (0, $9WaOX$reactariainteractions.useFocus)({
+        onBlur () {
+            // Set input value to normalized valid value
+            commit();
+        }
+    });
+    let numberFormatter = (0, $9WaOX$reactariai18n.useNumberFormatter)(formatOptions);
+    let intlOptions = (0, $9WaOX$react.useMemo)(()=>numberFormatter.resolvedOptions(), [
+        numberFormatter
+    ]);
+    // Replace negative textValue formatted using currencySign: 'accounting'
+    // with a textValue that can be announced using a minus sign.
+    let textValueFormatter = (0, $9WaOX$reactariai18n.useNumberFormatter)({
+        ...formatOptions,
+        currencySign: undefined
+    });
+    let textValue = (0, $9WaOX$react.useMemo)(()=>isNaN(numberValue) ? '' : textValueFormatter.format(numberValue), [
+        textValueFormatter,
+        numberValue
+    ]);
+    let { spinButtonProps: spinButtonProps, incrementButtonProps: incButtonProps, decrementButtonProps: decButtonProps } = (0, $9WaOX$reactariaspinbutton.useSpinButton)({
+        isDisabled: isDisabled,
+        isReadOnly: isReadOnly,
+        isRequired: isRequired,
+        maxValue: maxValue,
+        minValue: minValue,
+        onIncrement: increment,
+        onIncrementToMax: incrementToMax,
+        onDecrement: decrement,
+        onDecrementToMin: decrementToMin,
+        value: numberValue,
+        textValue: textValue
+    });
+    let [focusWithin, setFocusWithin] = (0, $9WaOX$react.useState)(false);
+    let { focusWithinProps: focusWithinProps } = (0, $9WaOX$reactariainteractions.useFocusWithin)({
+        isDisabled: isDisabled,
+        onFocusWithinChange: setFocusWithin
+    });
+    let onWheel = (0, $9WaOX$react.useCallback)((e)=>{
+        // if on a trackpad, users can scroll in both X and Y at once, check the magnitude of the change
+        // if it's mostly in the X direction, then just return, the user probably doesn't mean to inc/dec
+        // this isn't perfect, events come in fast with small deltas and a part of the scroll may give a false indication
+        // especially if the user is scrolling near 45deg
+        if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
+        if (e.deltaY > 0) increment();
+        else if (e.deltaY < 0) decrement();
+    }, [
+        decrement,
+        increment
+    ]);
+    // If the input isn't supposed to receive input, disable scrolling.
+    let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;
+    (0, $9WaOX$reactariainteractions.useScrollWheel)({
+        onScroll: onWheel,
+        isDisabled: scrollingDisabled
+    }, inputRef);
+    // The inputMode attribute influences the software keyboard that is shown on touch devices.
+    // Browsers and operating systems are quite inconsistent about what keys are available, however.
+    // We choose between numeric and decimal based on whether we allow negative and fractional numbers,
+    // and based on testing on various devices to determine what keys are available in each inputMode.
+    let hasDecimals = intlOptions.maximumFractionDigits > 0;
+    let hasNegative = state.minValue === undefined || isNaN(state.minValue) || state.minValue < 0;
+    let inputMode = 'numeric';
+    if ((0, $9WaOX$reactariautils.isIPhone)()) {
+        // iPhone doesn't have a minus sign in either numeric or decimal.
+        // Note this is only for iPhone, not iPad, which always has both
+        // minus and decimal in numeric.
+        if (hasNegative) inputMode = 'text';
+        else if (hasDecimals) inputMode = 'decimal';
+    } else if ((0, $9WaOX$reactariautils.isAndroid)()) {
+        // Android numeric has both a decimal point and minus key.
+        // decimal does not have a minus key.
+        if (hasNegative) inputMode = 'numeric';
+        else if (hasDecimals) inputMode = 'decimal';
+    }
+    let onChange = (value)=>{
+        if (state.validate(value)) state.setInputValue(value);
+    };
+    let domProps = (0, $9WaOX$reactariautils.filterDOMProps)(props);
+    let onKeyDownEnter = (0, $9WaOX$react.useCallback)((e)=>{
+        if (e.key === 'Enter') {
+            commit();
+            commitValidation();
+        } else e.continuePropagation();
+    }, [
+        commit,
+        commitValidation
+    ]);
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $9WaOX$reactariatextfield.useFormattedTextField)({
+        ...otherProps,
+        ...domProps,
+        name: undefined,
+        label: label,
+        autoFocus: autoFocus,
+        isDisabled: isDisabled,
+        isReadOnly: isReadOnly,
+        isRequired: isRequired,
+        validate: undefined,
+        [(0, $9WaOX$reactstatelyform.privateValidationStateProp)]: state,
+        value: inputValue,
+        defaultValue: undefined,
+        autoComplete: 'off',
+        'aria-label': props['aria-label'] || undefined,
+        'aria-labelledby': props['aria-labelledby'] || undefined,
+        id: inputId,
+        type: 'text',
+        inputMode: inputMode,
+        onChange: onChange,
+        onBlur: onBlur,
+        onFocus: onFocus,
+        onFocusChange: onFocusChange,
+        onKeyDown: (0, $9WaOX$react.useMemo)(()=>(0, $9WaOX$reactariautils.chain)(onKeyDownEnter, onKeyDown), [
+            onKeyDownEnter,
+            onKeyDown
+        ]),
+        onKeyUp: onKeyUp,
+        description: description,
+        errorMessage: errorMessage
+    }, state, inputRef);
+    (0, $9WaOX$reactariautils.useFormReset)(inputRef, state.numberValue, state.setNumberValue);
+    let inputProps = (0, $9WaOX$reactariautils.mergeProps)(spinButtonProps, focusProps, textFieldProps, {
+        // override the spinbutton role, we can't focus a spin button with VO
+        role: null,
+        // ignore aria-roledescription on iOS so that required state will announce when it is present
+        'aria-roledescription': !(0, $9WaOX$reactariautils.isIOS)() ? stringFormatter.format('numberField') : null,
+        'aria-valuemax': null,
+        'aria-valuemin': null,
+        'aria-valuenow': null,
+        'aria-valuetext': null,
+        autoCorrect: 'off',
+        spellCheck: 'false'
+    });
+    if (props.validationBehavior === 'native') inputProps['aria-required'] = undefined;
+    let onButtonPressStart = (e)=>{
+        var _inputRef_current;
+        // If focus is already on the input, keep it there so we don't hide the
+        // software keyboard when tapping the increment/decrement buttons.
+        if (document.activeElement === inputRef.current) return;
+        // Otherwise, when using a mouse, move focus to the input.
+        // On touch, or with a screen reader, focus the button so that the software
+        // keyboard does not appear and the screen reader cursor is not moved off the button.
+        if (e.pointerType === 'mouse') (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+        else e.target.focus();
+    };
+    // Determine the label for the increment and decrement buttons. There are 4 cases:
+    //
+    // 1. With a visible label that is a string: aria-label: `Increase ${props.label}`
+    // 2. With a visible label that is JSX: aria-label: 'Increase', aria-labelledby: '${incrementId} ${labelId}'
+    // 3. With an aria-label: aria-label: `Increase ${props['aria-label']}`
+    // 4. With an aria-labelledby: aria-label: 'Increase', aria-labelledby: `${incrementId} ${props['aria-labelledby']}`
+    //
+    // (1) and (2) could possibly be combined and both use aria-labelledby. However, placing the label in
+    // the aria-label string rather than using aria-labelledby gives more flexibility to translators to change
+    // the order or add additional words around the label if needed.
+    let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');
+    let ariaLabelledby;
+    if (!fieldLabel) ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];
+    let incrementId = (0, $9WaOX$reactariautils.useId)();
+    let decrementId = (0, $9WaOX$reactariautils.useId)();
+    let incrementButtonProps = (0, $9WaOX$reactariautils.mergeProps)(incButtonProps, {
+        'aria-label': incrementAriaLabel || stringFormatter.format('increase', {
+            fieldLabel: fieldLabel
+        }).trim(),
+        id: ariaLabelledby && !incrementAriaLabel ? incrementId : null,
+        'aria-labelledby': ariaLabelledby && !incrementAriaLabel ? `${incrementId} ${ariaLabelledby}` : null,
+        'aria-controls': inputId,
+        excludeFromTabOrder: true,
+        preventFocusOnPress: true,
+        allowFocusWhenDisabled: true,
+        isDisabled: !state.canIncrement,
+        onPressStart: onButtonPressStart
+    });
+    let decrementButtonProps = (0, $9WaOX$reactariautils.mergeProps)(decButtonProps, {
+        'aria-label': decrementAriaLabel || stringFormatter.format('decrease', {
+            fieldLabel: fieldLabel
+        }).trim(),
+        id: ariaLabelledby && !decrementAriaLabel ? decrementId : null,
+        'aria-labelledby': ariaLabelledby && !decrementAriaLabel ? `${decrementId} ${ariaLabelledby}` : null,
+        'aria-controls': inputId,
+        excludeFromTabOrder: true,
+        preventFocusOnPress: true,
+        allowFocusWhenDisabled: true,
+        isDisabled: !state.canDecrement,
+        onPressStart: onButtonPressStart
+    });
+    return {
+        groupProps: {
+            ...focusWithinProps,
+            role: 'group',
+            'aria-disabled': isDisabled,
+            'aria-invalid': isInvalid ? 'true' : undefined
+        },
+        labelProps: labelProps,
+        inputProps: inputProps,
+        incrementButtonProps: incrementButtonProps,
+        decrementButtonProps: decrementButtonProps,
+        errorMessageProps: errorMessageProps,
+        descriptionProps: descriptionProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails
+    };
+}
+
+
+//# sourceMappingURL=useNumberField.main.js.map