@jobber/components 7.1.2-CLEANUPru-6f79eb6.8 → 7.1.2

package/dist/InputNumber/index.cjs

@@ -3,7 +3,6 @@
 var React = require('react');
 var tslib_es6 = require('../tslib.es6-cjs.js');
 var Text = require('../Text-cjs2.js');
-var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var Icon = require('../Icon-cjs.js');
 var Text$1 = require('../Text-cjs.js');
@@ -21,50 +20,8 @@ require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
 require('react-router-dom');
 
-function $0c4a58759813079a$export$4e328f61c538687f(props = {}) {
-    let { autoFocus: autoFocus = false, isTextInput: isTextInput, within: within } = props;
-    let state = (React.useRef)({
-        isFocused: false,
-        isFocusVisible: autoFocus || (Text.$8f5a2122b0992be3$export$b9b3dfddab17db27)()
-    });
-    let [isFocused, setFocused] = (React.useState)(false);
-    let [isFocusVisibleState, setFocusVisible] = (React.useState)(()=>state.current.isFocused && state.current.isFocusVisible);
-    let updateState = (React.useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
-    let onFocusChange = (React.useCallback)((isFocused)=>{
-        state.current.isFocused = isFocused;
-        state.current.isFocusVisible = (Text.$8f5a2122b0992be3$export$b9b3dfddab17db27)();
-        setFocused(isFocused);
-        updateState();
-    }, [
-        updateState
-    ]);
-    (Text.$8f5a2122b0992be3$export$ec71b4b83ac08ec3)((isFocusVisible)=>{
-        state.current.isFocusVisible = isFocusVisible;
-        updateState();
-    }, [
-        isTextInput,
-        isFocused
-    ], {
-        enabled: isFocused,
-        isTextInput: isTextInput
-    });
-    let { focusProps: focusProps } = (Text.$1e74c67db218ce67$export$f8168d8dd8fd66e6)({
-        isDisabled: within,
-        onFocusChange: onFocusChange
-    });
-    let { focusWithinProps: focusWithinProps } = (Text.$2c9edc598a03d523$export$420e68273165f4ec)({
-        isDisabled: !within,
-        onFocusWithinChange: onFocusChange
-    });
-    return {
-        isFocused: isFocused,
-        isFocusVisible: isFocusVisibleState,
-        focusProps: within ? focusWithinProps : focusProps
-    };
-}
-
 /*
- * Copyright 2022 Adobe. All rights reserved.
+ * Copyright 2023 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
@@ -75,19 +32,22 @@ function $0c4a58759813079a$export$4e328f61c538687f(props = {}) {
  * governing permissions and limitations under the License.
  */ 
 
-
-const $43a3b93638fe5db9$export$75b6ee27786ba447 = /*#__PURE__*/ (React.createContext)({});
-const $43a3b93638fe5db9$export$b04be29aa201d4f5 = /*#__PURE__*/ (Text.$d7f64c32b702fe2c$export$86427a43e3e48ebb)(function Label(props, ref) {
-    [props, ref] = (Text.$7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $43a3b93638fe5db9$export$75b6ee27786ba447);
-    let { elementType: elementType = 'label', ...labelProps } = props;
-    let ElementType = (Text.$7230ffa83bc0c2cf$export$df3a06d6289f983e)[elementType];
-    // @ts-ignore
-    return /*#__PURE__*/ (React).createElement(ElementType, {
-        className: "react-aria-Label",
-        ...labelProps,
-        ref: ref
+function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
+    let handleReset = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        if (onReset) onReset(initialValue);
     });
-});
+    (React.useEffect)(()=>{
+        var _ref_current;
+        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+        form === null || form === void 0 ? void 0 : form.addEventListener('reset', handleReset);
+        return ()=>{
+            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
+        };
+    }, [
+        ref,
+        handleReset
+    ]);
+}
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -99,29 +59,97 @@ const $43a3b93638fe5db9$export$b04be29aa201d4f5 = /*#__PURE__*/ (Text.$d7f64c32b
  * 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 $0beb20c9744a2065$export$8467354a121f1b9f(props) {
-    let { id: id, label: label, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, labelElementType: labelElementType = 'label' } = props;
-    id = (Text.$390e54f620492c70$export$f680877a34711e37)(id);
-    let labelId = (Text.$390e54f620492c70$export$f680877a34711e37)();
-    let labelProps = {};
-    if (label) {
-        ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
-        labelProps = {
-            id: labelId,
-            htmlFor: labelElementType === 'label' ? id : undefined
-        };
-    } else if (!ariaLabelledby && !ariaLabel && process.env.NODE_ENV !== 'production') console.warn('If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility');
-    let fieldProps = (Text.$e8ac3c3f5d4bae7f$export$d6875122194c7b44)({
-        id: id,
-        'aria-label': ariaLabel,
-        'aria-labelledby': ariaLabelledby
-    });
-    return {
-        labelProps: labelProps,
-        fieldProps: fieldProps
-    };
+ */ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7000;
+let $319e236875307eab$var$liveAnnouncer = null;
+function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
+    if (!$319e236875307eab$var$liveAnnouncer) {
+        $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
+        // wait for the live announcer regions to be added to the dom, then announce
+        // otherwise Safari won't announce the message if it's added too quickly
+        // found most times less than 100ms were not consistent when announcing with Safari
+        // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.
+        // https://github.com/reactwg/react-18/discussions/102
+        // if we're in a test environment, announce without waiting
+        // @ts-ignore
+        if (!(typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined')) setTimeout(()=>{
+            if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+        }, 100);
+        else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+    } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+}
+function $319e236875307eab$export$d10ae4f68404609a(assertiveness) {
+    if ($319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer.clear(assertiveness);
+}
+// LiveAnnouncer is implemented using vanilla DOM, not React. That's because as of React 18
+// ReactDOM.render is deprecated, and the replacement, ReactDOM.createRoot is moved into a
+// subpath import `react-dom/client`. That makes it hard for us to support multiple React versions.
+// As a global API, we can't use portals without introducing a breaking API change. LiveAnnouncer
+// is simple enough to implement without React, so that's what we do here.
+// See this discussion for more details: https://github.com/reactwg/react-18/discussions/125#discussioncomment-2382638
+class $319e236875307eab$var$LiveAnnouncer {
+    isAttached() {
+        var _this_node;
+        return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
+    }
+    createLog(ariaLive) {
+        let node = document.createElement('div');
+        node.setAttribute('role', 'log');
+        node.setAttribute('aria-live', ariaLive);
+        node.setAttribute('aria-relevant', 'additions');
+        return node;
+    }
+    destroy() {
+        if (!this.node) return;
+        document.body.removeChild(this.node);
+        this.node = null;
+    }
+    announce(message, assertiveness = 'assertive', timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
+        var _this_assertiveLog, _this_politeLog;
+        if (!this.node) return;
+        let node = document.createElement('div');
+        if (typeof message === 'object') {
+            // To read an aria-labelledby, the element must have an appropriate role, such as img.
+            node.setAttribute('role', 'img');
+            node.setAttribute('aria-labelledby', message['aria-labelledby']);
+        } else node.textContent = message;
+        if (assertiveness === 'assertive') (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
+        else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
+        if (message !== '') setTimeout(()=>{
+            node.remove();
+        }, timeout);
+    }
+    clear(assertiveness) {
+        if (!this.node) return;
+        if ((!assertiveness || assertiveness === 'assertive') && this.assertiveLog) this.assertiveLog.innerHTML = '';
+        if ((!assertiveness || assertiveness === 'polite') && this.politeLog) this.politeLog.innerHTML = '';
+    }
+    constructor(){
+        this.node = null;
+        this.assertiveLog = null;
+        this.politeLog = null;
+        if (typeof document !== 'undefined') {
+            this.node = document.createElement('div');
+            this.node.dataset.liveAnnouncer = 'true';
+            // copied from VisuallyHidden
+            Object.assign(this.node.style, {
+                border: 0,
+                clip: 'rect(0 0 0 0)',
+                clipPath: 'inset(50%)',
+                height: '1px',
+                margin: '-1px',
+                overflow: 'hidden',
+                padding: 0,
+                position: 'absolute',
+                width: '1px',
+                whiteSpace: 'nowrap'
+            });
+            this.assertiveLog = this.createLog('assertive');
+            this.node.appendChild(this.assertiveLog);
+            this.politeLog = this.createLog('polite');
+            this.node.appendChild(this.politeLog);
+            document.body.prepend(this.node);
+        }
+    }
 }
 
 /*
@@ -134,17 +162,17 @@ function $0beb20c9744a2065$export$8467354a121f1b9f(props) {
  * 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.
- */ let $1dfb119a85e764e5$var$formatterCache = new Map();
-let $1dfb119a85e764e5$var$supportsSignDisplay = false;
+ */ let $488c6ddbf4ef74c2$var$formatterCache = new Map();
+let $488c6ddbf4ef74c2$var$supportsSignDisplay = false;
 try {
-    $1dfb119a85e764e5$var$supportsSignDisplay = new Intl.NumberFormat('de-DE', {
+    $488c6ddbf4ef74c2$var$supportsSignDisplay = new Intl.NumberFormat('de-DE', {
         signDisplay: 'exceptZero'
     }).resolvedOptions().signDisplay === 'exceptZero';
 // eslint-disable-next-line no-empty
 } catch  {}
-let $1dfb119a85e764e5$var$supportsUnit = false;
+let $488c6ddbf4ef74c2$var$supportsUnit = false;
 try {
-    $1dfb119a85e764e5$var$supportsUnit = new Intl.NumberFormat('de-DE', {
+    $488c6ddbf4ef74c2$var$supportsUnit = new Intl.NumberFormat('de-DE', {
         style: 'unit',
         unit: 'degree'
     }).resolvedOptions().style === 'unit';
@@ -153,7 +181,7 @@ try {
 // Polyfill for units since Safari doesn't support them yet. See https://bugs.webkit.org/show_bug.cgi?id=215438.
 // Currently only polyfilling the unit degree in narrow format for ColorSlider in our supported locales.
 // Values were determined by switching to each locale manually in Chrome.
-const $1dfb119a85e764e5$var$UNITS = {
+const $488c6ddbf4ef74c2$var$UNITS = {
     degree: {
         narrow: {
             default: "\xb0",
@@ -163,19 +191,16 @@ const $1dfb119a85e764e5$var$UNITS = {
         }
     }
 };
-class $1dfb119a85e764e5$export$cc77c4ff7e8673c5 {
-    constructor(locale, options = {}){
-        this.numberFormatter = $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options);
-        this.options = options;
-    }
+class $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 {
     /** Formats a number value as a string, according to the locale and options provided to the constructor. */ format(value) {
         let res = '';
-        if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) res = $1dfb119a85e764e5$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
+        if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) res = $488c6ddbf4ef74c2$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
         else res = this.numberFormatter.format(value);
-        if (this.options.style === 'unit' && !$1dfb119a85e764e5$var$supportsUnit) {
+        if (this.options.style === 'unit' && !$488c6ddbf4ef74c2$var$supportsUnit) {
+            var _UNITS_unit;
             let { unit: unit, unitDisplay: unitDisplay = 'short', locale: locale } = this.resolvedOptions();
             if (!unit) return res;
-            let values = $1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay];
+            let values = (_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay];
             res += values[locale] || values.default;
         }
         return res;
@@ -213,11 +238,11 @@ class $1dfb119a85e764e5$export$cc77c4ff7e8673c5 {
     }
     /** Returns the resolved formatting options based on the values passed to the constructor. */ resolvedOptions() {
         let options = this.numberFormatter.resolvedOptions();
-        if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) options = {
+        if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null) options = {
             ...options,
             signDisplay: this.options.signDisplay
         };
-        if (!$1dfb119a85e764e5$var$supportsUnit && this.options.style === 'unit') options = {
+        if (!$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === 'unit') options = {
             ...options,
             style: 'unit',
             unit: this.options.unit,
@@ -225,29 +250,34 @@ class $1dfb119a85e764e5$export$cc77c4ff7e8673c5 {
         };
         return options;
     }
+    constructor(locale, options = {}){
+        this.numberFormatter = $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options);
+        this.options = options;
+    }
 }
-function $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options = {}) {
+function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options = {}) {
     let { numberingSystem: numberingSystem } = options;
     if (numberingSystem && locale.includes('-nu-')) {
         if (!locale.includes('-u-')) locale += '-u-';
         locale += `-nu-${numberingSystem}`;
     }
-    if (options.style === 'unit' && !$1dfb119a85e764e5$var$supportsUnit) {
+    if (options.style === 'unit' && !$488c6ddbf4ef74c2$var$supportsUnit) {
+        var _UNITS_unit;
         let { unit: unit, unitDisplay: unitDisplay = 'short' } = options;
         if (!unit) throw new Error('unit option must be provided with style: "unit"');
-        if (!$1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay]) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
+        if (!((_UNITS_unit = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || _UNITS_unit === void 0 ? void 0 : _UNITS_unit[unitDisplay])) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
         options = {
             ...options,
             style: 'decimal'
         };
     }
     let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : '');
-    if ($1dfb119a85e764e5$var$formatterCache.has(cacheKey)) return $1dfb119a85e764e5$var$formatterCache.get(cacheKey);
+    if ($488c6ddbf4ef74c2$var$formatterCache.has(cacheKey)) return $488c6ddbf4ef74c2$var$formatterCache.get(cacheKey);
     let numberFormatter = new Intl.NumberFormat(locale, options);
-    $1dfb119a85e764e5$var$formatterCache.set(cacheKey, numberFormatter);
+    $488c6ddbf4ef74c2$var$formatterCache.set(cacheKey, numberFormatter);
     return numberFormatter;
 }
-function $1dfb119a85e764e5$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
+function $488c6ddbf4ef74c2$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
     if (signDisplay === 'auto') return numberFormat.format(num);
     else if (signDisplay === 'never') return numberFormat.format(Math.abs(num));
     else {
@@ -282,8 +312,8 @@ function $1dfb119a85e764e5$export$711b50b3c525e0f2(numberFormat, signDisplay, nu
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-const $eb76cf4feb040f77$var$CURRENCY_SIGN_REGEX = new RegExp('^.*\\(.*\\).*$');
-const $eb76cf4feb040f77$var$NUMBERING_SYSTEMS = [
+const $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp('^.*\\(.*\\).*$');
+const $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
     'latn',
     'arab',
     'hanidec',
@@ -291,81 +321,62 @@ const $eb76cf4feb040f77$var$NUMBERING_SYSTEMS = [
     'beng',
     'fullwide'
 ];
-class $eb76cf4feb040f77$export$cd11ab140839f11d {
-    constructor(locale, options = {}){
-        this.locale = locale;
-        this.options = options;
-    }
+class $6c7bd7858deea686$export$cd11ab140839f11d {
     /**
    * Parses the given string to a number. Returns NaN if a valid number could not be parsed.
    */ parse(value) {
-        return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).parse(value);
+        return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).parse(value);
     }
     /**
    * Returns whether the given string could potentially be a valid number. This should be used to
    * validate user input as the user types. If a `minValue` or `maxValue` is provided, the validity
    * of the minus/plus sign characters can be checked.
    */ isValidPartialNumber(value, minValue, maxValue) {
-        return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).isValidPartialNumber(value, minValue, maxValue);
+        return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).isValidPartialNumber(value, minValue, maxValue);
     }
     /**
    * Returns a numbering system for which the given string is valid in the current locale.
    * If no numbering system could be detected, the default numbering system for the current
    * locale is returned.
    */ getNumberingSystem(value) {
-        return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).options.numberingSystem;
+        return $6c7bd7858deea686$var$getNumberParserImpl(this.locale, this.options, value).options.numberingSystem;
+    }
+    constructor(locale, options = {}){
+        this.locale = locale;
+        this.options = options;
     }
 }
-const $eb76cf4feb040f77$var$numberParserCache = new Map();
-function $eb76cf4feb040f77$var$getNumberParserImpl(locale, options, value) {
+const $6c7bd7858deea686$var$numberParserCache = new Map();
+function $6c7bd7858deea686$var$getNumberParserImpl(locale, options, value) {
     // First try the default numbering system for the provided locale
-    let defaultParser = $eb76cf4feb040f77$var$getCachedNumberParser(locale, options);
+    let defaultParser = $6c7bd7858deea686$var$getCachedNumberParser(locale, options);
     // If that doesn't match, and the locale doesn't include a hard coded numbering system,
     // try each of the other supported numbering systems until we find one that matches.
     if (!locale.includes('-nu-') && !defaultParser.isValidPartialNumber(value)) {
-        for (let numberingSystem of $eb76cf4feb040f77$var$NUMBERING_SYSTEMS)if (numberingSystem !== defaultParser.options.numberingSystem) {
-            let parser = $eb76cf4feb040f77$var$getCachedNumberParser(locale + (locale.includes('-u-') ? '-nu-' : '-u-nu-') + numberingSystem, options);
+        for (let numberingSystem of $6c7bd7858deea686$var$NUMBERING_SYSTEMS)if (numberingSystem !== defaultParser.options.numberingSystem) {
+            let parser = $6c7bd7858deea686$var$getCachedNumberParser(locale + (locale.includes('-u-') ? '-nu-' : '-u-nu-') + numberingSystem, options);
             if (parser.isValidPartialNumber(value)) return parser;
         }
     }
     return defaultParser;
 }
-function $eb76cf4feb040f77$var$getCachedNumberParser(locale, options) {
+function $6c7bd7858deea686$var$getCachedNumberParser(locale, options) {
     let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : '');
-    let parser = $eb76cf4feb040f77$var$numberParserCache.get(cacheKey);
+    let parser = $6c7bd7858deea686$var$numberParserCache.get(cacheKey);
     if (!parser) {
-        parser = new $eb76cf4feb040f77$var$NumberParserImpl(locale, options);
-        $eb76cf4feb040f77$var$numberParserCache.set(cacheKey, parser);
+        parser = new $6c7bd7858deea686$var$NumberParserImpl(locale, options);
+        $6c7bd7858deea686$var$numberParserCache.set(cacheKey, parser);
     }
     return parser;
 }
 // The actual number parser implementation. Instances of this class are cached
 // based on the locale, options, and detected numbering system.
-class $eb76cf4feb040f77$var$NumberParserImpl {
-    constructor(locale, options = {}){
-        this.locale = locale;
-        // see https://tc39.es/ecma402/#sec-setnfdigitoptions, when using roundingIncrement, the maximumFractionDigits and minimumFractionDigits must be equal
-        // by default, they are 0 and 3 respectively, so we set them to 0 if neither are set
-        if (options.roundingIncrement !== 1 && options.roundingIncrement != null) {
-            if (options.maximumFractionDigits == null && options.minimumFractionDigits == null) {
-                options.maximumFractionDigits = 0;
-                options.minimumFractionDigits = 0;
-            } else if (options.maximumFractionDigits == null) options.maximumFractionDigits = options.minimumFractionDigits;
-            else if (options.minimumFractionDigits == null) options.minimumFractionDigits = options.maximumFractionDigits;
-        // if both are specified, let the normal Range Error be thrown
-        }
-        this.formatter = new Intl.NumberFormat(locale, options);
-        this.options = this.formatter.resolvedOptions();
-        this.symbols = $eb76cf4feb040f77$var$getSymbols(locale, this.formatter, this.options, options);
-        if (this.options.style === 'percent' && ((this.options.minimumFractionDigits ?? 0) > 18 || (this.options.maximumFractionDigits ?? 0) > 18)) console.warn('NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.');
-    }
+class $6c7bd7858deea686$var$NumberParserImpl {
     parse(value) {
-        let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
         // to parse the number, we need to remove anything that isn't actually part of the number, for example we want '-10.40' not '-10.40 USD'
         let fullySanitizedValue = this.sanitize(value);
-        // Return NaN if there is a group symbol but useGrouping is false
-        if (!isGroupSymbolAllowed && this.symbols.group && fullySanitizedValue.includes(this.symbols.group)) return NaN;
-        else if (this.symbols.group) fullySanitizedValue = fullySanitizedValue.replaceAll(this.symbols.group, '');
+        if (this.symbols.group) // Remove group characters, and replace decimal points and numerals with ASCII values.
+        fullySanitizedValue = $6c7bd7858deea686$var$replaceAll(fullySanitizedValue, this.symbols.group, '');
         if (this.symbols.decimal) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.decimal, '.');
         if (this.symbols.minusSign) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.minusSign, '-');
         fullySanitizedValue = fullySanitizedValue.replace(this.symbols.numeral, this.symbols.index);
@@ -386,24 +397,22 @@ class $eb76cf4feb040f77$var$NumberParserImpl {
         let newValue = fullySanitizedValue ? +fullySanitizedValue : NaN;
         if (isNaN(newValue)) return NaN;
         if (this.options.style === 'percent') {
+            var _this_options_minimumFractionDigits, _this_options_maximumFractionDigits;
             // extra step for rounding percents to what our formatter would output
             let options = {
                 ...this.options,
                 style: 'decimal',
-                minimumFractionDigits: Math.min((this.options.minimumFractionDigits ?? 0) + 2, 20),
-                maximumFractionDigits: Math.min((this.options.maximumFractionDigits ?? 0) + 2, 20)
+                minimumFractionDigits: Math.min(((_this_options_minimumFractionDigits = this.options.minimumFractionDigits) !== null && _this_options_minimumFractionDigits !== void 0 ? _this_options_minimumFractionDigits : 0) + 2, 20),
+                maximumFractionDigits: Math.min(((_this_options_maximumFractionDigits = this.options.maximumFractionDigits) !== null && _this_options_maximumFractionDigits !== void 0 ? _this_options_maximumFractionDigits : 0) + 2, 20)
             };
-            return new $eb76cf4feb040f77$export$cd11ab140839f11d(this.locale, options).parse(new ($1dfb119a85e764e5$export$cc77c4ff7e8673c5)(this.locale, options).format(newValue));
+            return new $6c7bd7858deea686$export$cd11ab140839f11d(this.locale, options).parse(new ($488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(this.locale, options).format(newValue));
         }
         // accounting will always be stripped to a positive number, so if it's accounting and has a () around everything, then we need to make it negative again
-        if (this.options.currencySign === 'accounting' && $eb76cf4feb040f77$var$CURRENCY_SIGN_REGEX.test(value)) newValue = -1 * newValue;
+        if (this.options.currencySign === 'accounting' && $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX.test(value)) newValue = -1 * newValue;
         return newValue;
     }
     sanitize(value) {
-        let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
-        // If the value is only a unit and it matches one of the formatted numbers where the value is part of the unit and doesn't have any numerals, then
-        // return the known value for that case.
-        if (this.symbols.noNumeralUnits.length > 0 && this.symbols.noNumeralUnits.find((obj)=>obj.unit === value)) return this.symbols.noNumeralUnits.find((obj)=>obj.unit === value).value.toString();
+        // Remove literals and whitespace, which are allowed anywhere in the string
         value = value.replace(this.symbols.literals, '');
         // Replace the ASCII minus sign with the minus sign used in the current locale
         // so that both are allowed in case the user's keyboard doesn't have the locale's minus sign.
@@ -412,39 +421,58 @@ class $eb76cf4feb040f77$var$NumberParserImpl {
         // instead they use the , (44) character or apparently the (1548) character.
         if (this.options.numberingSystem === 'arab') {
             if (this.symbols.decimal) {
-                value = $eb76cf4feb040f77$var$replaceAll(value, ',', this.symbols.decimal);
-                value = $eb76cf4feb040f77$var$replaceAll(value, String.fromCharCode(1548), this.symbols.decimal);
+                value = value.replace(',', this.symbols.decimal);
+                value = value.replace(String.fromCharCode(1548), this.symbols.decimal);
             }
-            if (this.symbols.group && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, '.', this.symbols.group);
+            if (this.symbols.group) value = $6c7bd7858deea686$var$replaceAll(value, '.', this.symbols.group);
         }
         // In some locale styles, such as swiss currency, the group character can be a special single quote
         // that keyboards don't typically have. This expands the character to include the easier to type single quote.
-        if (this.symbols.group === "\u2019" && value.includes("'") && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, "'", this.symbols.group);
+        if (this.symbols.group === "\u2019" && value.includes("'")) value = $6c7bd7858deea686$var$replaceAll(value, "'", this.symbols.group);
         // fr-FR group character is narrow non-breaking space, char code 8239 (U+202F), but that's not a key on the french keyboard,
         // so allow space and non-breaking space as a group char as well
-        if (this.options.locale === 'fr-FR' && this.symbols.group && isGroupSymbolAllowed) {
-            value = $eb76cf4feb040f77$var$replaceAll(value, ' ', this.symbols.group);
-            value = $eb76cf4feb040f77$var$replaceAll(value, /\u00A0/g, this.symbols.group);
+        if (this.options.locale === 'fr-FR' && this.symbols.group) {
+            value = $6c7bd7858deea686$var$replaceAll(value, ' ', this.symbols.group);
+            value = $6c7bd7858deea686$var$replaceAll(value, /\u00A0/g, this.symbols.group);
         }
         return value;
     }
     isValidPartialNumber(value, minValue = -Infinity, maxValue = Infinity) {
-        let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
         value = this.sanitize(value);
         // Remove minus or plus sign, which must be at the start of the string.
         if (this.symbols.minusSign && value.startsWith(this.symbols.minusSign) && minValue < 0) value = value.slice(this.symbols.minusSign.length);
         else if (this.symbols.plusSign && value.startsWith(this.symbols.plusSign) && maxValue > 0) value = value.slice(this.symbols.plusSign.length);
+        // Numbers cannot start with a group separator
+        if (this.symbols.group && value.startsWith(this.symbols.group)) return false;
         // Numbers that can't have any decimal values fail if a decimal character is typed
         if (this.symbols.decimal && value.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0) return false;
         // Remove numerals, groups, and decimals
-        if (this.symbols.group && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, this.symbols.group, '');
+        if (this.symbols.group) value = $6c7bd7858deea686$var$replaceAll(value, this.symbols.group, '');
         value = value.replace(this.symbols.numeral, '');
         if (this.symbols.decimal) value = value.replace(this.symbols.decimal, '');
         // The number is valid if there are no remaining characters
         return value.length === 0;
     }
+    constructor(locale, options = {}){
+        this.locale = locale;
+        // see https://tc39.es/ecma402/#sec-setnfdigitoptions, when using roundingIncrement, the maximumFractionDigits and minimumFractionDigits must be equal
+        // by default, they are 0 and 3 respectively, so we set them to 0 if neither are set
+        if (options.roundingIncrement !== 1 && options.roundingIncrement != null) {
+            if (options.maximumFractionDigits == null && options.minimumFractionDigits == null) {
+                options.maximumFractionDigits = 0;
+                options.minimumFractionDigits = 0;
+            } else if (options.maximumFractionDigits == null) options.maximumFractionDigits = options.minimumFractionDigits;
+            else if (options.minimumFractionDigits == null) options.minimumFractionDigits = options.maximumFractionDigits;
+        // if both are specified, let the normal Range Error be thrown
+        }
+        this.formatter = new Intl.NumberFormat(locale, options);
+        this.options = this.formatter.resolvedOptions();
+        this.symbols = $6c7bd7858deea686$var$getSymbols(locale, this.formatter, this.options, options);
+        var _this_options_minimumFractionDigits, _this_options_maximumFractionDigits;
+        if (this.options.style === 'percent' && (((_this_options_minimumFractionDigits = this.options.minimumFractionDigits) !== null && _this_options_minimumFractionDigits !== void 0 ? _this_options_minimumFractionDigits : 0) > 18 || ((_this_options_maximumFractionDigits = this.options.maximumFractionDigits) !== null && _this_options_maximumFractionDigits !== void 0 ? _this_options_maximumFractionDigits : 0) > 18)) console.warn('NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.');
+    }
 }
-const $eb76cf4feb040f77$var$nonLiteralParts = new Set([
+const $6c7bd7858deea686$var$nonLiteralParts = new Set([
     'decimal',
     'fraction',
     'integer',
@@ -455,7 +483,7 @@ const $eb76cf4feb040f77$var$nonLiteralParts = new Set([
 // This list is derived from https://www.unicode.org/cldr/charts/43/supplemental/language_plural_rules.html#comparison and includes
 // all unique numbers which we need to check in order to determine all the plural forms for a given locale.
 // See: https://github.com/adobe/react-spectrum/pull/5134/files#r1337037855 for used script
-const $eb76cf4feb040f77$var$pluralNumbers = [
+const $6c7bd7858deea686$var$pluralNumbers = [
     0,
     4,
     2,
@@ -469,7 +497,8 @@ const $eb76cf4feb040f77$var$pluralNumbers = [
     0.1,
     1.1
 ];
-function $eb76cf4feb040f77$var$getSymbols(locale, formatter, intlOptions, originalOptions) {
+function $6c7bd7858deea686$var$getSymbols(locale, formatter, intlOptions, originalOptions) {
+    var _allParts_find, _posAllParts_find, _decimalParts_find, _allParts_find1;
     // formatter needs access to all decimal places in order to generate the correct literal strings for the plural set
     let symbolFormatter = new Intl.NumberFormat(locale, {
         ...intlOptions,
@@ -478,27 +507,18 @@ function $eb76cf4feb040f77$var$getSymbols(locale, formatter, intlOptions, origin
         maximumSignificantDigits: 21,
         roundingIncrement: 1,
         roundingPriority: 'auto',
-        roundingMode: 'halfExpand',
-        useGrouping: true
+        roundingMode: 'halfExpand'
     });
     // Note: some locale's don't add a group symbol until there is a ten thousands place
     let allParts = symbolFormatter.formatToParts(-10000.111);
     let posAllParts = symbolFormatter.formatToParts(10000.111);
-    let pluralParts = $eb76cf4feb040f77$var$pluralNumbers.map((n)=>symbolFormatter.formatToParts(n));
-    // if the plural parts include a unit but no integer or fraction, then we need to add the unit to the special set
-    let noNumeralUnits = pluralParts.map((p, i)=>{
-        let unit = p.find((p)=>p.type === 'unit');
-        if (unit && !p.some((p)=>p.type === 'integer' || p.type === 'fraction')) return {
-            unit: unit.value,
-            value: $eb76cf4feb040f77$var$pluralNumbers[i]
-        };
-        return null;
-    }).filter((p)=>!!p);
-    let minusSign = allParts.find((p)=>p.type === 'minusSign')?.value ?? '-';
-    let plusSign = posAllParts.find((p)=>p.type === 'plusSign')?.value;
+    let pluralParts = $6c7bd7858deea686$var$pluralNumbers.map((n)=>symbolFormatter.formatToParts(n));
+    var _allParts_find_value;
+    let minusSign = (_allParts_find_value = (_allParts_find = allParts.find((p)=>p.type === 'minusSign')) === null || _allParts_find === void 0 ? void 0 : _allParts_find.value) !== null && _allParts_find_value !== void 0 ? _allParts_find_value : '-';
+    let plusSign = (_posAllParts_find = posAllParts.find((p)=>p.type === 'plusSign')) === null || _posAllParts_find === void 0 ? void 0 : _posAllParts_find.value;
     // Safari does not support the signDisplay option, but our number parser polyfills it.
     // If no plus sign was returned, but the original options contained signDisplay, default to the '+' character.
-    if (!plusSign && (originalOptions?.signDisplay === 'exceptZero' || originalOptions?.signDisplay === 'always')) plusSign = '+';
+    if (!plusSign && ((originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === 'exceptZero' || (originalOptions === null || originalOptions === void 0 ? void 0 : originalOptions.signDisplay) === 'always')) plusSign = '+';
     // If maximumSignificantDigits is 1 (the minimum) then we won't get decimal characters out of the above formatters
     // Percent also defaults to 0 fractionDigits, so we need to make a new one that isn't percent to get an accurate decimal
     let decimalParts = new Intl.NumberFormat(locale, {
@@ -506,20 +526,19 @@ function $eb76cf4feb040f77$var$getSymbols(locale, formatter, intlOptions, origin
         minimumFractionDigits: 2,
         maximumFractionDigits: 2
     }).formatToParts(0.001);
-    let decimal = decimalParts.find((p)=>p.type === 'decimal')?.value;
-    let group = allParts.find((p)=>p.type === 'group')?.value;
+    let decimal = (_decimalParts_find = decimalParts.find((p)=>p.type === 'decimal')) === null || _decimalParts_find === void 0 ? void 0 : _decimalParts_find.value;
+    let group = (_allParts_find1 = allParts.find((p)=>p.type === 'group')) === null || _allParts_find1 === void 0 ? void 0 : _allParts_find1.value;
     // this set is also for a regex, it's all literals that might be in the string we want to eventually parse that
     // don't contribute to the numerical value
-    let allPartsLiterals = allParts.filter((p)=>!$eb76cf4feb040f77$var$nonLiteralParts.has(p.type)).map((p)=>$eb76cf4feb040f77$var$escapeRegex(p.value));
-    let pluralPartsLiterals = pluralParts.flatMap((p)=>p.filter((p)=>!$eb76cf4feb040f77$var$nonLiteralParts.has(p.type)).map((p)=>$eb76cf4feb040f77$var$escapeRegex(p.value)));
+    let allPartsLiterals = allParts.filter((p)=>!$6c7bd7858deea686$var$nonLiteralParts.has(p.type)).map((p)=>$6c7bd7858deea686$var$escapeRegex(p.value));
+    let pluralPartsLiterals = pluralParts.flatMap((p)=>p.filter((p)=>!$6c7bd7858deea686$var$nonLiteralParts.has(p.type)).map((p)=>$6c7bd7858deea686$var$escapeRegex(p.value)));
     let sortedLiterals = [
         ...new Set([
             ...allPartsLiterals,
             ...pluralPartsLiterals
         ])
     ].sort((a, b)=>b.length - a.length);
-    // Match both whitespace and formatting characters
-    let literals = sortedLiterals.length === 0 ? new RegExp('\\p{White_Space}|\\p{Cf}', 'gu') : new RegExp(`${sortedLiterals.join('|')}|\\p{White_Space}|\\p{Cf}`, 'gu');
+    let literals = sortedLiterals.length === 0 ? new RegExp('[\\p{White_Space}]', 'gu') : new RegExp(`${sortedLiterals.join('|')}|[\\p{White_Space}]`, 'gu');
     // These are for replacing non-latn characters with the latn equivalent
     let numerals = [
         ...new Intl.NumberFormat(intlOptions.locale, {
@@ -539,16 +558,14 @@ function $eb76cf4feb040f77$var$getSymbols(locale, formatter, intlOptions, origin
         group: group,
         literals: literals,
         numeral: numeral,
-        numerals: numerals,
-        index: index,
-        noNumeralUnits: noNumeralUnits
+        index: index
     };
 }
-function $eb76cf4feb040f77$var$replaceAll(str, find, replace) {
+function $6c7bd7858deea686$var$replaceAll(str, find, replace) {
     if (str.replaceAll) return str.replaceAll(find, replace);
     return str.split(find).join(replace);
 }
-function $eb76cf4feb040f77$var$escapeRegex(string) {
+function $6c7bd7858deea686$var$escapeRegex(string) {
     return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
 
@@ -565,16 +582,16 @@ function $eb76cf4feb040f77$var$escapeRegex(string) {
  */ 
 
 
-function $bd90acf18e792be6$export$b7a616150fdb9f44(options = {}) {
-    let { locale: locale } = (Text.$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
-    return (React.useMemo)(()=>new ($1dfb119a85e764e5$export$cc77c4ff7e8673c5)(locale, options), [
+function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
+    let { locale: locale } = (Text.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
+    return (React.useMemo)(()=>new ($488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(locale, options), [
         locale,
         options
     ]);
 }
 
 /*
- * Copyright 2020 Adobe. All rights reserved.
+ * Copyright 2021 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
@@ -583,99 +600,65 @@ function $bd90acf18e792be6$export$b7a616150fdb9f44(options = {}) {
  * 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.
- */ /* Inspired by https://github.com/AlmeroSteyn/react-aria-live */ const $a46cf152bb926da5$var$LIVEREGION_TIMEOUT_DELAY = 7000;
-let $a46cf152bb926da5$var$liveAnnouncer = null;
-function $a46cf152bb926da5$export$a9b970dcc4ae71a9(message, assertiveness = 'assertive', timeout = $a46cf152bb926da5$var$LIVEREGION_TIMEOUT_DELAY) {
-    if (!$a46cf152bb926da5$var$liveAnnouncer) {
-        $a46cf152bb926da5$var$liveAnnouncer = new $a46cf152bb926da5$var$LiveAnnouncer();
-        // wait for the live announcer regions to be added to the dom, then announce
-        // otherwise Safari won't announce the message if it's added too quickly
-        // found most times less than 100ms were not consistent when announcing with Safari
-        // IS_REACT_ACT_ENVIRONMENT is used by React 18. Previous versions checked for the `jest` global.
-        // https://github.com/reactwg/react-18/discussions/102
-        // if we're in a test environment, announce without waiting
-        // @ts-ignore
-        if (!(typeof IS_REACT_ACT_ENVIRONMENT === 'boolean' ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== 'undefined')) setTimeout(()=>{
-            if ($a46cf152bb926da5$var$liveAnnouncer?.isAttached()) $a46cf152bb926da5$var$liveAnnouncer?.announce(message, assertiveness, timeout);
-        }, 100);
-        else $a46cf152bb926da5$var$liveAnnouncer.announce(message, assertiveness, timeout);
-    } else $a46cf152bb926da5$var$liveAnnouncer.announce(message, assertiveness, timeout);
+ */ 
+
+function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
+    let { onScroll: onScroll, isDisabled: isDisabled } = props;
+    let onScrollHandler = (React.useCallback)((e)=>{
+        // If the ctrlKey is pressed, this is a zoom event, do nothing.
+        if (e.ctrlKey) return;
+        // stop scrolling the page
+        e.preventDefault();
+        e.stopPropagation();
+        if (onScroll) onScroll({
+            deltaX: e.deltaX,
+            deltaY: e.deltaY
+        });
+    }, [
+        onScroll
+    ]);
+    (Text.$e9faafb641e167db$export$90fc3a17d93f704c)(ref, 'wheel', isDisabled ? undefined : onScrollHandler);
 }
-function $a46cf152bb926da5$export$d10ae4f68404609a(assertiveness) {
-    if ($a46cf152bb926da5$var$liveAnnouncer) $a46cf152bb926da5$var$liveAnnouncer.clear(assertiveness);
-}
-// LiveAnnouncer is implemented using vanilla DOM, not React. That's because as of React 18
-// ReactDOM.render is deprecated, and the replacement, ReactDOM.createRoot is moved into a
-// subpath import `react-dom/client`. That makes it hard for us to support multiple React versions.
-// As a global API, we can't use portals without introducing a breaking API change. LiveAnnouncer
-// is simple enough to implement without React, so that's what we do here.
-// See this discussion for more details: https://github.com/reactwg/react-18/discussions/125#discussioncomment-2382638
-class $a46cf152bb926da5$var$LiveAnnouncer {
-    constructor(){
-        this.node = null;
-        this.assertiveLog = null;
-        this.politeLog = null;
-        if (typeof document !== 'undefined') {
-            this.node = document.createElement('div');
-            this.node.dataset.liveAnnouncer = 'true';
-            // copied from VisuallyHidden
-            Object.assign(this.node.style, {
-                border: 0,
-                clip: 'rect(0 0 0 0)',
-                clipPath: 'inset(50%)',
-                height: '1px',
-                margin: '-1px',
-                overflow: 'hidden',
-                padding: 0,
-                position: 'absolute',
-                width: '1px',
-                whiteSpace: 'nowrap'
-            });
-            this.assertiveLog = this.createLog('assertive');
-            this.node.appendChild(this.assertiveLog);
-            this.politeLog = this.createLog('polite');
-            this.node.appendChild(this.politeLog);
-            document.body.prepend(this.node);
-        }
-    }
-    isAttached() {
-        return this.node?.isConnected;
-    }
-    createLog(ariaLive) {
-        let node = document.createElement('div');
-        node.setAttribute('role', 'log');
-        node.setAttribute('aria-live', ariaLive);
-        node.setAttribute('aria-relevant', 'additions');
-        return node;
-    }
-    destroy() {
-        if (!this.node) return;
-        document.body.removeChild(this.node);
-        this.node = null;
-    }
-    announce(message, assertiveness = 'assertive', timeout = $a46cf152bb926da5$var$LIVEREGION_TIMEOUT_DELAY) {
-        if (!this.node) return;
-        let node = document.createElement('div');
-        if (typeof message === 'object') {
-            // To read an aria-labelledby, the element must have an appropriate role, such as img.
-            node.setAttribute('role', 'img');
-            node.setAttribute('aria-labelledby', message['aria-labelledby']);
-        } else node.textContent = message;
-        if (assertiveness === 'assertive') this.assertiveLog?.appendChild(node);
-        else this.politeLog?.appendChild(node);
-        if (message !== '') setTimeout(()=>{
-            node.remove();
-        }, timeout);
-    }
-    clear(assertiveness) {
-        if (!this.node) return;
-        if ((!assertiveness || assertiveness === 'assertive') && this.assertiveLog) this.assertiveLog.innerHTML = '';
-        if ((!assertiveness || assertiveness === 'polite') && this.politeLog) this.politeLog.innerHTML = '';
-    }
+
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+    let { autoFocus: autoFocus = false, isTextInput: isTextInput, within: within } = props;
+    let state = (React.useRef)({
+        isFocused: false,
+        isFocusVisible: autoFocus || (Text.$507fabe10e71c6fb$export$b9b3dfddab17db27)()
+    });
+    let [isFocused, setFocused] = (React.useState)(false);
+    let [isFocusVisibleState, setFocusVisible] = (React.useState)(()=>state.current.isFocused && state.current.isFocusVisible);
+    let updateState = (React.useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+    let onFocusChange = (React.useCallback)((isFocused)=>{
+        state.current.isFocused = isFocused;
+        setFocused(isFocused);
+        updateState();
+    }, [
+        updateState
+    ]);
+    (Text.$507fabe10e71c6fb$export$ec71b4b83ac08ec3)((isFocusVisible)=>{
+        state.current.isFocusVisible = isFocusVisible;
+        updateState();
+    }, [], {
+        isTextInput: isTextInput
+    });
+    let { focusProps: focusProps } = (Text.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
+        isDisabled: within,
+        onFocusChange: onFocusChange
+    });
+    let { focusWithinProps: focusWithinProps } = (Text.$9ab94262bd0047c7$export$420e68273165f4ec)({
+        isDisabled: !within,
+        onFocusWithinChange: onFocusChange
+    });
+    return {
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisibleState,
+        focusProps: within ? focusWithinProps : focusProps
+    };
 }
 
 /*
- * Copyright 2022 Adobe. All rights reserved.
+ * 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
@@ -685,20 +668,31 @@ class $a46cf152bb926da5$var$LiveAnnouncer {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-
-
-
-
-
-
-
-
-
-
-const $7705c033048f6da7$export$24d547caef80ccd1 = /*#__PURE__*/ (React.createContext)({});
+function $d191a55c9702f145$export$8467354a121f1b9f(props) {
+    let { id: id, label: label, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, labelElementType: labelElementType = 'label' } = props;
+    id = (Text.$bdb11010cef70236$export$f680877a34711e37)(id);
+    let labelId = (Text.$bdb11010cef70236$export$f680877a34711e37)();
+    let labelProps = {};
+    if (label) {
+        ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
+        labelProps = {
+            id: labelId,
+            htmlFor: labelElementType === 'label' ? id : undefined
+        };
+    } else if (!ariaLabelledby && !ariaLabel && process.env.NODE_ENV !== 'production') console.warn('If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility');
+    let fieldProps = (Text.$313b98861ee5dd6c$export$d6875122194c7b44)({
+        id: id,
+        'aria-label': ariaLabel,
+        'aria-labelledby': ariaLabelledby
+    });
+    return {
+        labelProps: labelProps,
+        fieldProps: fieldProps
+    };
+}
 
 /*
- * Copyright 2023 Adobe. All rights reserved.
+ * Copyright 2021 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
@@ -709,38 +703,40 @@ const $7705c033048f6da7$export$24d547caef80ccd1 = /*#__PURE__*/ (React.createCon
  * governing permissions and limitations under the License.
  */ 
 
-
-
-const $1f3c3b1a70cec653$export$ff05c3ac10437e03 = /*#__PURE__*/ (React.createContext)(null);
-const $1f3c3b1a70cec653$export$f551688fc98f2e09 = /*#__PURE__*/ (React.forwardRef)(function FieldError(props, ref) {
-    let validation = (React.useContext)($1f3c3b1a70cec653$export$ff05c3ac10437e03);
-    if (!validation?.isInvalid) return null;
-    return /*#__PURE__*/ (React).createElement($1f3c3b1a70cec653$var$FieldErrorInner, {
-        ...props,
-        ref: ref
-    });
-});
-const $1f3c3b1a70cec653$var$FieldErrorInner = /*#__PURE__*/ (React.forwardRef)((props, ref)=>{
-    let validation = (React.useContext)($1f3c3b1a70cec653$export$ff05c3ac10437e03);
-    let { elementType: elementType, ...restProps } = props;
-    let domProps = (Text.$8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(restProps, {
-        global: true
-    });
-    let renderProps = (Text.$7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
-        ...restProps,
-        defaultClassName: 'react-aria-FieldError',
-        defaultChildren: validation.validationErrors.length === 0 ? undefined : validation.validationErrors.join(' '),
-        values: validation
-    });
-    if (renderProps.children == null) return null;
-    return /*#__PURE__*/ (React).createElement((Text.$efe09c6d1c304b50$export$5f1af8db9871e1d6), {
-        slot: "errorMessage",
-        elementType: elementType,
-        ...domProps,
-        ...renderProps,
-        ref: ref
+function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
+    let { description: description, errorMessage: errorMessage, isInvalid: isInvalid, validationState: validationState } = props;
+    let { labelProps: labelProps, fieldProps: fieldProps } = ($d191a55c9702f145$export$8467354a121f1b9f)(props);
+    let descriptionId = (Text.$bdb11010cef70236$export$b4cc09c592e8fdb8)([
+        Boolean(description),
+        Boolean(errorMessage),
+        isInvalid,
+        validationState
+    ]);
+    let errorMessageId = (Text.$bdb11010cef70236$export$b4cc09c592e8fdb8)([
+        Boolean(description),
+        Boolean(errorMessage),
+        isInvalid,
+        validationState
+    ]);
+    fieldProps = (Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(fieldProps, {
+        'aria-describedby': [
+            descriptionId,
+            // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+            errorMessageId,
+            props['aria-describedby']
+        ].filter(Boolean).join(' ') || undefined
     });
-});
+    return {
+        labelProps: labelProps,
+        fieldProps: fieldProps,
+        descriptionProps: {
+            id: descriptionId
+        },
+        errorMessageProps: {
+            id: errorMessageId
+        }
+    };
+}
 
 /*
  * Copyright 2023 Adobe. All rights reserved.
@@ -753,7 +749,7 @@ const $1f3c3b1a70cec653$var$FieldErrorInner = /*#__PURE__*/ (React.forwardRef)((
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-const $fd2148440a13ec26$export$aca958c65c314e6c = {
+const $e5be200c675c3b3a$export$aca958c65c314e6c = {
     badInput: false,
     customError: false,
     patternMismatch: false,
@@ -766,22 +762,22 @@ const $fd2148440a13ec26$export$aca958c65c314e6c = {
     valueMissing: false,
     valid: true
 };
-const $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE = {
-    ...$fd2148440a13ec26$export$aca958c65c314e6c,
+const $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE = {
+    ...$e5be200c675c3b3a$export$aca958c65c314e6c,
     customError: true,
     valid: false
 };
-const $fd2148440a13ec26$export$dad6ae84456c676a = {
+const $e5be200c675c3b3a$export$dad6ae84456c676a = {
     isInvalid: false,
-    validationDetails: $fd2148440a13ec26$export$aca958c65c314e6c,
+    validationDetails: $e5be200c675c3b3a$export$aca958c65c314e6c,
     validationErrors: []
 };
-const $fd2148440a13ec26$export$571b5131b7e65c11 = (React.createContext)({});
-const $fd2148440a13ec26$export$a763b9476acd3eb = '__reactAriaFormValidationState';
-function $fd2148440a13ec26$export$fc1a364ae1f3ff10(props) {
+const $e5be200c675c3b3a$export$571b5131b7e65c11 = (React.createContext)({});
+const $e5be200c675c3b3a$export$a763b9476acd3eb = '__formValidationState' + Date.now();
+function $e5be200c675c3b3a$export$fc1a364ae1f3ff10(props) {
     // Private prop for parent components to pass state to children.
-    if (props[$fd2148440a13ec26$export$a763b9476acd3eb]) {
-        let { realtimeValidation: realtimeValidation, displayValidation: displayValidation, updateValidation: updateValidation, resetValidation: resetValidation, commitValidation: commitValidation } = props[$fd2148440a13ec26$export$a763b9476acd3eb];
+    if (props[$e5be200c675c3b3a$export$a763b9476acd3eb]) {
+        let { realtimeValidation: realtimeValidation, displayValidation: displayValidation, updateValidation: updateValidation, resetValidation: resetValidation, commitValidation: commitValidation } = props[$e5be200c675c3b3a$export$a763b9476acd3eb];
         return {
             realtimeValidation: realtimeValidation,
             displayValidation: displayValidation,
@@ -791,32 +787,32 @@ function $fd2148440a13ec26$export$fc1a364ae1f3ff10(props) {
         };
     }
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    return $fd2148440a13ec26$var$useFormValidationStateImpl(props);
+    return $e5be200c675c3b3a$var$useFormValidationStateImpl(props);
 }
-function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
+function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
     let { isInvalid: isInvalid, validationState: validationState, name: name, value: value, builtinValidation: builtinValidation, validate: validate, validationBehavior: validationBehavior = 'aria' } = props;
     // backward compatibility.
-    if (validationState) isInvalid ||= validationState === 'invalid';
+    if (validationState) isInvalid || (isInvalid = validationState === 'invalid');
     // If the isInvalid prop is controlled, update validation result in realtime.
     let controlledError = isInvalid !== undefined ? {
         isInvalid: isInvalid,
         validationErrors: [],
-        validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+        validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
     } : null;
     // Perform custom client side validation.
     let clientError = (React.useMemo)(()=>{
         if (!validate || value == null) return null;
-        let validateErrors = $fd2148440a13ec26$var$runValidate(validate, value);
-        return $fd2148440a13ec26$var$getValidationResult(validateErrors);
+        let validateErrors = $e5be200c675c3b3a$var$runValidate(validate, value);
+        return $e5be200c675c3b3a$var$getValidationResult(validateErrors);
     }, [
         validate,
         value
     ]);
-    if (builtinValidation?.validationDetails.valid) builtinValidation = undefined;
+    if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = undefined;
     // Get relevant server errors from the form.
-    let serverErrors = (React.useContext)($fd2148440a13ec26$export$571b5131b7e65c11);
+    let serverErrors = (React.useContext)($e5be200c675c3b3a$export$571b5131b7e65c11);
     let serverErrorMessages = (React.useMemo)(()=>{
-        if (name) return Array.isArray(name) ? name.flatMap((name)=>$fd2148440a13ec26$var$asArray(serverErrors[name])) : $fd2148440a13ec26$var$asArray(serverErrors[name]);
+        if (name) return Array.isArray(name) ? name.flatMap((name)=>$e5be200c675c3b3a$var$asArray(serverErrors[name])) : $e5be200c675c3b3a$var$asArray(serverErrors[name]);
         return [];
     }, [
         serverErrors,
@@ -829,19 +825,19 @@ function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
         setLastServerErrors(serverErrors);
         setServerErrorCleared(false);
     }
-    let serverError = (React.useMemo)(()=>$fd2148440a13ec26$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
+    let serverError = (React.useMemo)(()=>$e5be200c675c3b3a$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
         isServerErrorCleared,
         serverErrorMessages
     ]);
     // Track the next validation state in a ref until commitValidation is called.
-    let nextValidation = (React.useRef)($fd2148440a13ec26$export$dad6ae84456c676a);
-    let [currentValidity, setCurrentValidity] = (React.useState)($fd2148440a13ec26$export$dad6ae84456c676a);
-    let lastError = (React.useRef)($fd2148440a13ec26$export$dad6ae84456c676a);
+    let nextValidation = (React.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
+    let [currentValidity, setCurrentValidity] = (React.useState)($e5be200c675c3b3a$export$dad6ae84456c676a);
+    let lastError = (React.useRef)($e5be200c675c3b3a$export$dad6ae84456c676a);
     let commitValidation = ()=>{
         if (!commitQueued) return;
         setCommitQueued(false);
         let error = clientError || builtinValidation || nextValidation.current;
-        if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+        if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
             lastError.current = error;
             setCurrentValidity(error);
         }
@@ -851,21 +847,21 @@ function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
     // realtimeValidation is used to update the native input element's state based on custom validation logic.
     // displayValidation is the currently displayed validation state that the user sees (e.g. on input change/form submit).
     // With validationBehavior="aria", all errors are displayed in realtime rather than on submit.
-    let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $fd2148440a13ec26$export$dad6ae84456c676a;
+    let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $e5be200c675c3b3a$export$dad6ae84456c676a;
     let displayValidation = validationBehavior === 'native' ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
     return {
         realtimeValidation: realtimeValidation,
         displayValidation: displayValidation,
         updateValidation (value) {
             // If validationBehavior is 'aria', update in realtime. Otherwise, store in a ref until commit.
-            if (validationBehavior === 'aria' && !$fd2148440a13ec26$var$isEqualValidation(currentValidity, value)) setCurrentValidity(value);
+            if (validationBehavior === 'aria' && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value)) setCurrentValidity(value);
             else nextValidation.current = value;
         },
         resetValidation () {
             // Update the currently displayed validation state to valid on form reset,
             // even if the native validity says it isn't. It'll show again on the next form submit.
-            let error = $fd2148440a13ec26$export$dad6ae84456c676a;
-            if (!$fd2148440a13ec26$var$isEqualValidation(error, lastError.current)) {
+            let error = $e5be200c675c3b3a$export$dad6ae84456c676a;
+            if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
                 lastError.current = error;
                 setCurrentValidity(error);
             }
@@ -882,121 +878,31 @@ function $fd2148440a13ec26$var$useFormValidationStateImpl(props) {
         }
     };
 }
-function $fd2148440a13ec26$var$asArray(v) {
+function $e5be200c675c3b3a$var$asArray(v) {
     if (!v) return [];
     return Array.isArray(v) ? v : [
         v
     ];
 }
-function $fd2148440a13ec26$var$runValidate(validate, value) {
+function $e5be200c675c3b3a$var$runValidate(validate, value) {
     if (typeof validate === 'function') {
         let e = validate(value);
-        if (e && typeof e !== 'boolean') return $fd2148440a13ec26$var$asArray(e);
+        if (e && typeof e !== 'boolean') return $e5be200c675c3b3a$var$asArray(e);
     }
     return [];
 }
-function $fd2148440a13ec26$var$getValidationResult(errors) {
+function $e5be200c675c3b3a$var$getValidationResult(errors) {
     return errors.length ? {
         isInvalid: true,
         validationErrors: errors,
-        validationDetails: $fd2148440a13ec26$var$CUSTOM_VALIDITY_STATE
+        validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
     } : null;
 }
-function $fd2148440a13ec26$var$isEqualValidation(a, b) {
+function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
     if (a === b) return true;
     return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a, i)=>a === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v])=>b.validationDetails[k] === v);
 }
 
-/*
- * Copyright 2023 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.
- */ 
-
-
-const $cdaed739b1139372$export$c24727297075ec6a = /*#__PURE__*/ (React.createContext)(null);
-
-/*
- * Copyright 2021 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 $191c9b6d48a0a4e2$export$294aa081a6c6f55d(props) {
-    let { description: description, errorMessage: errorMessage, isInvalid: isInvalid, validationState: validationState } = props;
-    let { labelProps: labelProps, fieldProps: fieldProps } = ($0beb20c9744a2065$export$8467354a121f1b9f)(props);
-    let descriptionId = (Text.$390e54f620492c70$export$b4cc09c592e8fdb8)([
-        Boolean(description),
-        Boolean(errorMessage),
-        isInvalid,
-        validationState
-    ]);
-    let errorMessageId = (Text.$390e54f620492c70$export$b4cc09c592e8fdb8)([
-        Boolean(description),
-        Boolean(errorMessage),
-        isInvalid,
-        validationState
-    ]);
-    fieldProps = (Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)(fieldProps, {
-        'aria-describedby': [
-            descriptionId,
-            // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
-            errorMessageId,
-            props['aria-describedby']
-        ].filter(Boolean).join(' ') || undefined
-    });
-    return {
-        labelProps: labelProps,
-        fieldProps: fieldProps,
-        descriptionProps: {
-            id: descriptionId
-        },
-        errorMessageProps: {
-            id: errorMessageId
-        }
-    };
-}
-
-/*
- * Copyright 2023 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 $3274bf1495747a7b$export$5add1d006293d136(ref, initialValue, onReset) {
-    let handleReset = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{
-        if (onReset && !e.defaultPrevented) onReset(initialValue);
-    });
-    (React.useEffect)(()=>{
-        let form = ref?.current?.form;
-        form?.addEventListener('reset', handleReset);
-        return ()=>{
-            form?.removeEventListener('reset', handleReset);
-        };
-    }, [
-        ref
-    ]);
-}
-
 /*
  * Copyright 2023 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -1010,74 +916,77 @@ function $3274bf1495747a7b$export$5add1d006293d136(ref, initialValue, onReset) {
  */ 
 
 
-
-
-function $860f7da480e22816$export$b8473d3665f3a75a(props, state, ref) {
+function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
     let { validationBehavior: validationBehavior, focus: focus } = props;
     // This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
-    (Text.$c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
-        if (validationBehavior === 'native' && ref?.current && !ref.current.disabled) {
+    (Text.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
+        if (validationBehavior === 'native' && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
             let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
             ref.current.setCustomValidity(errorMessage);
             // Prevent default tooltip for validation message.
             // https://bugzilla.mozilla.org/show_bug.cgi?id=605277
             if (!ref.current.hasAttribute('title')) ref.current.title = '';
-            if (!state.realtimeValidation.isInvalid) state.updateValidation($860f7da480e22816$var$getNativeValidity(ref.current));
+            if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
         }
     });
     let isIgnoredReset = (React.useRef)(false);
-    let onReset = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)(()=>{
+    let onReset = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
         if (!isIgnoredReset.current) state.resetValidation();
     });
-    let onInvalid = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{
+    let onInvalid = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
+        var _ref_current;
         // Only commit validation if we are not already displaying one.
         // This avoids clearing server errors that the user didn't actually fix.
         if (!state.displayValidation.isInvalid) state.commitValidation();
         // Auto focus the first invalid input in a form, unless the error already had its default prevented.
-        let form = ref?.current?.form;
-        if (!e.defaultPrevented && ref && form && $860f7da480e22816$var$getFirstInvalidInput(form) === ref.current) {
+        let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+        if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
+            var _ref_current1;
             if (focus) focus();
-            else ref.current?.focus();
+            else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
             // Always show focus ring.
-            (Text.$8f5a2122b0992be3$export$8397ddfc504fdb9a)('keyboard');
+            (Text.$507fabe10e71c6fb$export$8397ddfc504fdb9a)('keyboard');
         }
         // Prevent default browser error UI from appearing.
         e.preventDefault();
     });
-    let onChange = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)(()=>{
+    let onChange = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
         state.commitValidation();
     });
     (React.useEffect)(()=>{
-        let input = ref?.current;
+        let input = ref === null || ref === void 0 ? void 0 : ref.current;
         if (!input) return;
         let form = input.form;
-        let reset = form?.reset;
+        let reset = form === null || form === void 0 ? void 0 : form.reset;
         if (form) // Try to detect React's automatic form reset behavior so we don't clear
         // validation errors that are returned by server actions.
         // To do this, we ignore programmatic form resets that occur outside a user event.
         // This is best-effort. There may be false positives, e.g. setTimeout.
         form.reset = ()=>{
             // React uses MessageChannel for scheduling, so ignore 'message' events.
-            isIgnoredReset.current = !window.event || window.event.type === 'message' && (Text.$23f2114a1b82827e$export$e58f029f0fbfdb29)(window.event) instanceof MessagePort;
-            reset?.call(form);
+            isIgnoredReset.current = !window.event || window.event.type === 'message' && window.event.target instanceof MessagePort;
+            reset === null || reset === void 0 ? void 0 : reset.call(form);
             isIgnoredReset.current = false;
         };
         input.addEventListener('invalid', onInvalid);
         input.addEventListener('change', onChange);
-        form?.addEventListener('reset', onReset);
+        form === null || form === void 0 ? void 0 : form.addEventListener('reset', onReset);
         return ()=>{
             input.removeEventListener('invalid', onInvalid);
             input.removeEventListener('change', onChange);
-            form?.removeEventListener('reset', onReset);
+            form === null || form === void 0 ? void 0 : form.removeEventListener('reset', onReset);
             if (form) // @ts-ignore
             form.reset = reset;
         };
     }, [
         ref,
+        onInvalid,
+        onChange,
+        onReset,
         validationBehavior
     ]);
 }
-function $860f7da480e22816$var$getValidity(input) {
+function $e93e671b31057976$var$getValidity(input) {
     // The native ValidityState object is live, meaning each property is a getter that returns the current state.
     // We need to create a snapshot of the validity state at the time this function is called to avoid unpredictable React renders.
     let validity = input.validity;
@@ -1095,25 +1004,25 @@ function $860f7da480e22816$var$getValidity(input) {
         valid: validity.valid
     };
 }
-function $860f7da480e22816$var$getNativeValidity(input) {
+function $e93e671b31057976$var$getNativeValidity(input) {
     return {
         isInvalid: !input.validity.valid,
-        validationDetails: $860f7da480e22816$var$getValidity(input),
+        validationDetails: $e93e671b31057976$var$getValidity(input),
         validationErrors: input.validationMessage ? [
             input.validationMessage
         ] : []
     };
 }
-function $860f7da480e22816$var$getFirstInvalidInput(form) {
+function $e93e671b31057976$var$getFirstInvalidInput(form) {
     for(let i = 0; i < form.elements.length; i++){
         let element = form.elements[i];
-        if (element.validity?.valid === false) return element;
+        if (!element.validity.valid) return element;
     }
     return null;
 }
 
 /*
- * Copyright 2022 Adobe. All rights reserved.
+ * 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
@@ -1127,138 +1036,23 @@ function $860f7da480e22816$var$getFirstInvalidInput(form) {
 
 
 
-const $3a442827418ebe87$export$f9c6924e160136d1 = /*#__PURE__*/ (React.createContext)({});
-const $3a442827418ebe87$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (React.forwardRef)(function Group(props, ref) {
-    [props, ref] = (Text.$7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $3a442827418ebe87$export$f9c6924e160136d1);
-    let { isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
-    isDisabled ??= !!props['aria-disabled'] && props['aria-disabled'] !== 'false';
-    isInvalid ??= !!props['aria-invalid'] && props['aria-invalid'] !== 'false';
-    let { hoverProps: hoverProps, isHovered: isHovered } = (Text.$e969f22b6713ca4a$export$ae780daf29e6d456)({
-        onHoverStart: onHoverStart,
-        onHoverChange: onHoverChange,
-        onHoverEnd: onHoverEnd,
-        isDisabled: isDisabled
-    });
-    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = ($0c4a58759813079a$export$4e328f61c538687f)({
-        within: true
-    });
-    let renderProps = (Text.$7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
-        ...props,
-        values: {
-            isHovered: isHovered,
-            isFocusWithin: isFocused,
-            isFocusVisible: isFocusVisible,
-            isDisabled: isDisabled,
-            isInvalid: isInvalid
-        },
-        defaultClassName: 'react-aria-Group'
-    });
-    return /*#__PURE__*/ (React).createElement((Text.$7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
-        ...(Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)(otherProps, focusProps, hoverProps),
-        ...renderProps,
-        ref: ref,
-        role: props.role ?? 'group',
-        slot: props.slot ?? undefined,
-        "data-focus-within": isFocused || undefined,
-        "data-hovered": isHovered || undefined,
-        "data-focus-visible": isFocusVisible || undefined,
-        "data-disabled": isDisabled || undefined,
-        "data-invalid": isInvalid || undefined,
-        "data-readonly": isReadOnly || undefined
-    }, renderProps.children);
-});
-
-/*
- * Copyright 2022 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.
- */ 
-
-
-
 
 
-const $41fb335299a4a39e$export$37fb8590cf2c088c = /*#__PURE__*/ (React.createContext)({});
-let $41fb335299a4a39e$var$filterHoverProps = (props)=>{
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
-    return otherProps;
-};
-const $41fb335299a4a39e$export$f5b8910cec6cf069 = /*#__PURE__*/ (Text.$d7f64c32b702fe2c$export$86427a43e3e48ebb)(function Input(props, ref) {
-    [props, ref] = (Text.$7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $41fb335299a4a39e$export$37fb8590cf2c088c);
-    let { hoverProps: hoverProps, isHovered: isHovered } = (Text.$e969f22b6713ca4a$export$ae780daf29e6d456)({
-        ...props,
-        isDisabled: props.disabled
-    });
-    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = ($0c4a58759813079a$export$4e328f61c538687f)({
-        isTextInput: true,
-        autoFocus: props.autoFocus
-    });
-    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';
-    let renderProps = (Text.$7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
-        ...props,
-        values: {
-            isHovered: isHovered,
-            isFocused: isFocused,
-            isFocusVisible: isFocusVisible,
-            isDisabled: props.disabled || false,
-            isInvalid: isInvalid
-        },
-        defaultClassName: 'react-aria-Input'
-    });
-    return /*#__PURE__*/ (React).createElement((Text.$7230ffa83bc0c2cf$export$df3a06d6289f983e).input, {
-        ...(Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)($41fb335299a4a39e$var$filterHoverProps(props), focusProps, hoverProps),
-        ...renderProps,
-        ref: ref,
-        "data-focused": isFocused || undefined,
-        "data-disabled": props.disabled || undefined,
-        "data-hovered": isHovered || undefined,
-        "data-focus-visible": isFocusVisible || undefined,
-        "data-invalid": isInvalid || undefined
-    });
-});
-
-/*
- * 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 $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
-    let { inputElementType: inputElementType = 'input', isDisabled: isDisabled = false, isRequired: isRequired = false, isReadOnly: isReadOnly = false, type: type = 'text', validationBehavior: validationBehavior = 'aria' } = props;
-    let [value, setValue] = (Text.$3e6197669829fe11$export$40bfa8c7b0832715)(props.value, props.defaultValue || '', props.onChange);
-    let { focusableProps: focusableProps } = (Text.$d1116acdf220c2da$export$4c014de7c8940b4c)(props, ref);
-    let validationState = ($fd2148440a13ec26$export$fc1a364ae1f3ff10)({
+function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
+    let { inputElementType: inputElementType = 'input', isDisabled: isDisabled = false, isRequired: isRequired = false, isReadOnly: isReadOnly = false, type: type = 'text', validationBehavior: validationBehavior = 'aria' } = props;
+    let [value, setValue] = (Text.$458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue || '', props.onChange);
+    let { focusableProps: focusableProps } = (Text.$f645667febf57a63$export$4c014de7c8940b4c)(props, ref);
+    let validationState = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
         ...props,
         value: value
     });
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;
-    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($191c9b6d48a0a4e2$export$294aa081a6c6f55d)({
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($2baaea4c71418dea$export$294aa081a6c6f55d)({
         ...props,
         isInvalid: isInvalid,
         errorMessage: props.errorMessage || validationErrors
     });
-    let domProps = (Text.$8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props, {
+    let domProps = (Text.$65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         labelable: true
     });
     const inputOnlyProps = {
@@ -1266,11 +1060,31 @@ function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
         pattern: props.pattern
     };
     let [initialValue] = (React.useState)(value);
-    ($3274bf1495747a7b$export$5add1d006293d136)(ref, props.defaultValue ?? initialValue, setValue);
-    ($860f7da480e22816$export$b8473d3665f3a75a)(props, validationState, ref);
+    var _props_defaultValue;
+    ($99facab73266f662$export$5add1d006293d136)(ref, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValue, setValue);
+    ($e93e671b31057976$export$b8473d3665f3a75a)(props, validationState, ref);
+    (React.useEffect)(()=>{
+        // This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
+        // We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
+        // which causes Chrome to skip validation. Only updating `value` is ok in our case since our
+        // textareas are always controlled. React is planning on removing this synchronization in a
+        // future major version.
+        // https://github.com/facebook/react/issues/19474
+        // https://github.com/facebook/react/issues/11896
+        if (ref.current instanceof (Text.$431fbd86ca7dc216$export$f21a1ffae260145a)(ref.current).HTMLTextAreaElement) {
+            let input = ref.current;
+            Object.defineProperty(input, 'defaultValue', {
+                get: ()=>input.value,
+                set: ()=>{},
+                configurable: true
+            });
+        }
+    }, [
+        ref
+    ]);
     return {
         labelProps: labelProps,
-        inputProps: (Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
+        inputProps: (Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
             disabled: isDisabled,
             readOnly: isReadOnly,
             required: isRequired && validationBehavior === 'native',
@@ -1282,7 +1096,7 @@ function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
             'aria-haspopup': props['aria-haspopup'],
             'aria-controls': props['aria-controls'],
             value: value,
-            onChange: (e)=>setValue((Text.$23f2114a1b82827e$export$e58f029f0fbfdb29)(e).value),
+            onChange: (e)=>setValue(e.target.value),
             autoComplete: props.autoComplete,
             autoCapitalize: props.autoCapitalize,
             maxLength: props.maxLength,
@@ -1331,19 +1145,17 @@ function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
  */ 
 
 
-
-
-function $62888b2ec35be488$var$supportsNativeBeforeInputEvent() {
+function $d841c8010a73d545$var$supportsNativeBeforeInputEvent() {
     return typeof window !== 'undefined' && window.InputEvent && typeof InputEvent.prototype.getTargetRanges === 'function';
 }
-function $62888b2ec35be488$export$4f384c9210e583c3(props, state, inputRef) {
+function $d841c8010a73d545$export$4f384c9210e583c3(props, state, inputRef) {
     // All browsers implement the 'beforeinput' event natively except Firefox
     // (currently behind a flag as of Firefox 84). React's polyfill does not
     // run in all cases that the native event fires, e.g. when deleting text.
     // Use the native event if available so that we can prevent invalid deletions.
     // We do not attempt to polyfill this in Firefox since it would be very complicated,
     // the benefit of doing so is fairly minor, and it's going to be natively supported soon.
-    let onBeforeInputFallback = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)((e)=>{
+    let onBeforeInputFallback = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
         let input = inputRef.current;
         if (!input) return;
         // Compute the next value of the input if the event is allowed to proceed.
@@ -1387,23 +1199,24 @@ function $62888b2ec35be488$export$4f384c9210e583c3(props, state, inputRef) {
         if (nextValue == null || !state.validate(nextValue)) e.preventDefault();
     });
     (React.useEffect)(()=>{
-        if (!$62888b2ec35be488$var$supportsNativeBeforeInputEvent() || !inputRef.current) return;
+        if (!$d841c8010a73d545$var$supportsNativeBeforeInputEvent() || !inputRef.current) return;
         let input = inputRef.current;
         input.addEventListener('beforeinput', onBeforeInputFallback, false);
         return ()=>{
             input.removeEventListener('beforeinput', onBeforeInputFallback, false);
         };
     }, [
-        inputRef
+        inputRef,
+        onBeforeInputFallback
     ]);
-    let onBeforeInput = !$62888b2ec35be488$var$supportsNativeBeforeInputEvent() ? (e)=>{
-        let nextValue = (Text.$23f2114a1b82827e$export$e58f029f0fbfdb29)(e).value.slice(0, (Text.$23f2114a1b82827e$export$e58f029f0fbfdb29)(e).selectionStart) + e.data + (Text.$23f2114a1b82827e$export$e58f029f0fbfdb29)(e).value.slice((Text.$23f2114a1b82827e$export$e58f029f0fbfdb29)(e).selectionEnd);
+    let onBeforeInput = !$d841c8010a73d545$var$supportsNativeBeforeInputEvent() ? (e)=>{
+        let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
         if (!state.validate(nextValue)) e.preventDefault();
     } : null;
-    let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = ($054f71d2330da2e3$export$712718f7aec83d5)(props, inputRef);
+    let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = ($2d73ec29415bd339$export$712718f7aec83d5)(props, inputRef);
     let compositionStartState = (React.useRef)(null);
     return {
-        inputProps: (Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)(textFieldProps, {
+        inputProps: (Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(textFieldProps, {
             onBeforeInput: onBeforeInput,
             onCompositionStart () {
                 // Chrome does not implement Input Events Level 2, which specifies the insertFromComposition
@@ -1444,7 +1257,7 @@ function $62888b2ec35be488$export$4f384c9210e583c3(props, state, inputRef) {
 }
 
 /*
- * Copyright 2021 Adobe. All rights reserved.
+ * 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
@@ -1455,195 +1268,358 @@ function $62888b2ec35be488$export$4f384c9210e583c3(props, state, inputRef) {
  * governing permissions and limitations under the License.
  */ 
 
-function $14554ba6a2007b17$export$2123ff2b87c81ca(props, ref) {
-    let { onScroll: onScroll, isDisabled: isDisabled } = props;
-    let onScrollHandler = (React.useCallback)((e)=>{
-        // If the ctrlKey is pressed, this is a zoom event, do nothing.
-        if (e.ctrlKey) return;
-        // stop scrolling the page
-        e.preventDefault();
-        e.stopPropagation();
-        if (onScroll) onScroll({
-            deltaX: e.deltaX,
-            deltaY: e.deltaY
-        });
-    }, [
-        onScroll
+
+
+function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(props) {
+    let { minValue: minValue, maxValue: maxValue, step: step, formatOptions: formatOptions, value: value, defaultValue: defaultValue = NaN, onChange: onChange, locale: locale, isDisabled: isDisabled, isReadOnly: isReadOnly } = props;
+    if (value === null) value = NaN;
+    if (value !== undefined && !isNaN(value)) {
+        if (step !== undefined && !isNaN(step)) value = (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(value, minValue, maxValue, step);
+        else value = (Text.$9446cca9a3875146$export$7d15b64cf5a3a4c4)(value, minValue, maxValue);
+    }
+    if (!isNaN(defaultValue)) {
+        if (step !== undefined && !isNaN(step)) defaultValue = (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(defaultValue, minValue, maxValue, step);
+        else defaultValue = (Text.$9446cca9a3875146$export$7d15b64cf5a3a4c4)(defaultValue, minValue, maxValue);
+    }
+    let [numberValue, setNumberValue] = (Text.$458b0a5536c1a7cf$export$40bfa8c7b0832715)(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);
+    let [initialValue] = (React.useState)(numberValue);
+    let [inputValue, setInputValue] = (React.useState)(()=>isNaN(numberValue) ? '' : new ($488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(locale, formatOptions).format(numberValue));
+    let numberParser = (React.useMemo)(()=>new ($6c7bd7858deea686$export$cd11ab140839f11d)(locale, formatOptions), [
+        locale,
+        formatOptions
+    ]);
+    let numberingSystem = (React.useMemo)(()=>numberParser.getNumberingSystem(inputValue), [
+        numberParser,
+        inputValue
+    ]);
+    let formatter = (React.useMemo)(()=>new ($488c6ddbf4ef74c2$export$cc77c4ff7e8673c5)(locale, {
+            ...formatOptions,
+            numberingSystem: numberingSystem
+        }), [
+        locale,
+        formatOptions,
+        numberingSystem
+    ]);
+    let intlOptions = (React.useMemo)(()=>formatter.resolvedOptions(), [
+        formatter
+    ]);
+    let format = (React.useCallback)((value)=>isNaN(value) || value === null ? '' : formatter.format(value), [
+        formatter
+    ]);
+    let validation = ($e5be200c675c3b3a$export$fc1a364ae1f3ff10)({
+        ...props,
+        value: numberValue
+    });
+    let clampStep = step !== undefined && !isNaN(step) ? step : 1;
+    if (intlOptions.style === 'percent' && (step === undefined || isNaN(step))) clampStep = 0.01;
+    // Update the input value when the number value or format options change. This is done
+    // in a useEffect so that the controlled behavior is correct and we only update the
+    // textfield after prop changes.
+    let [prevValue, setPrevValue] = (React.useState)(numberValue);
+    let [prevLocale, setPrevLocale] = (React.useState)(locale);
+    let [prevFormatOptions, setPrevFormatOptions] = (React.useState)(formatOptions);
+    if (!Object.is(numberValue, prevValue) || locale !== prevLocale || formatOptions !== prevFormatOptions) {
+        setInputValue(format(numberValue));
+        setPrevValue(numberValue);
+        setPrevLocale(locale);
+        setPrevFormatOptions(formatOptions);
+    }
+    let parsedValue = (React.useMemo)(()=>numberParser.parse(inputValue), [
+        numberParser,
+        inputValue
+    ]);
+    let commit = ()=>{
+        // Set to empty state if input value is empty
+        if (!inputValue.length) {
+            setNumberValue(NaN);
+            setInputValue(value === undefined ? '' : format(numberValue));
+            return;
+        }
+        // if it failed to parse, then reset input to formatted version of current number
+        if (isNaN(parsedValue)) {
+            setInputValue(format(numberValue));
+            return;
+        }
+        // Clamp to min and max, round to the nearest step, and round to specified number of digits
+        let clampedValue;
+        if (step === undefined || isNaN(step)) clampedValue = (Text.$9446cca9a3875146$export$7d15b64cf5a3a4c4)(parsedValue, minValue, maxValue);
+        else clampedValue = (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(parsedValue, minValue, maxValue, step);
+        clampedValue = numberParser.parse(format(clampedValue));
+        setNumberValue(clampedValue);
+        // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
+        setInputValue(format(value === undefined ? clampedValue : numberValue));
+        validation.commitValidation();
+    };
+    let safeNextStep = (operation, minMax = 0)=>{
+        let prev = parsedValue;
+        if (isNaN(prev)) {
+            // if the input is empty, start from the min/max value when incrementing/decrementing,
+            // or zero if there is no min/max value defined.
+            let newValue = isNaN(minMax) ? 0 : minMax;
+            return (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(newValue, minValue, maxValue, clampStep);
+        } else {
+            // otherwise, first snap the current value to the nearest step. if it moves in the direction
+            // we're going, use that value, otherwise add the step and snap that value.
+            let newValue = (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(prev, minValue, maxValue, clampStep);
+            if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) return newValue;
+            return (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)($de67e98908f0c6ee$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
+        }
+    };
+    let increment = ()=>{
+        let newValue = safeNextStep('+', minValue);
+        // if we've arrived at the same value that was previously in the state, the
+        // input value should be updated to match
+        // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
+        // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
+        if (newValue === numberValue) setInputValue(format(newValue));
+        setNumberValue(newValue);
+        validation.commitValidation();
+    };
+    let decrement = ()=>{
+        let newValue = safeNextStep('-', maxValue);
+        if (newValue === numberValue) setInputValue(format(newValue));
+        setNumberValue(newValue);
+        validation.commitValidation();
+    };
+    let incrementToMax = ()=>{
+        if (maxValue != null) {
+            setNumberValue((Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(maxValue, minValue, maxValue, clampStep));
+            validation.commitValidation();
+        }
+    };
+    let decrementToMin = ()=>{
+        if (minValue != null) {
+            setNumberValue(minValue);
+            validation.commitValidation();
+        }
+    };
+    let canIncrement = (React.useMemo)(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || maxValue === undefined || isNaN(maxValue) || (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(parsedValue, minValue, maxValue, clampStep) > parsedValue || $de67e98908f0c6ee$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue), [
+        isDisabled,
+        isReadOnly,
+        minValue,
+        maxValue,
+        clampStep,
+        parsedValue
+    ]);
+    let canDecrement = (React.useMemo)(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || minValue === undefined || isNaN(minValue) || (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(parsedValue, minValue, maxValue, clampStep) < parsedValue || $de67e98908f0c6ee$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue), [
+        isDisabled,
+        isReadOnly,
+        minValue,
+        maxValue,
+        clampStep,
+        parsedValue
     ]);
-    (Text.$600b3cf69ae46262$export$90fc3a17d93f704c)(ref, 'wheel', isDisabled ? undefined : onScrollHandler);
+    let validate = (value)=>numberParser.isValidPartialNumber(value, minValue, maxValue);
+    return {
+        ...validation,
+        validate: validate,
+        increment: increment,
+        incrementToMax: incrementToMax,
+        decrement: decrement,
+        decrementToMin: decrementToMin,
+        canIncrement: canIncrement,
+        canDecrement: canDecrement,
+        minValue: minValue,
+        maxValue: maxValue,
+        numberValue: parsedValue,
+        defaultNumberValue: isNaN(defaultValue) ? initialValue : defaultValue,
+        setNumberValue: setNumberValue,
+        setInputValue: setInputValue,
+        inputValue: inputValue,
+        commit: commit
+    };
+}
+function $de67e98908f0c6ee$var$handleDecimalOperation(operator, value1, value2) {
+    let result = operator === '+' ? value1 + value2 : value1 - value2;
+    // Check if we have decimals
+    if (value1 % 1 !== 0 || value2 % 1 !== 0) {
+        const value1Decimal = value1.toString().split('.');
+        const value2Decimal = value2.toString().split('.');
+        const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
+        const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
+        const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));
+        // Transform the decimals to integers based on the precision
+        value1 = Math.round(value1 * multiplier);
+        value2 = Math.round(value2 * multiplier);
+        // Perform the operation on integers values to make sure we don't get a fancy decimal value
+        result = operator === '+' ? value1 + value2 : value1 - value2;
+        // Transform the integer result back to decimal
+        result /= multiplier;
+    }
+    return result;
 }
 
-var $c03aa2dde3f54f51$exports = {};
-$c03aa2dde3f54f51$exports = {
+var $ed6aae4e5f766f1e$exports = {};
+$ed6aae4e5f766f1e$exports = {
     "Empty": `\u{641}\u{627}\u{631}\u{63A}`
 };
 
-var $d612b270ee5ea6ca$exports = {};
-$d612b270ee5ea6ca$exports = {
+var $38854e2b175151fa$exports = {};
+$38854e2b175151fa$exports = {
     "Empty": `\u{418}\u{437}\u{43F}\u{440}\u{430}\u{437}\u{43D}\u{438}`
 };
 
-var $9516ade4a4f015ec$exports = {};
-$9516ade4a4f015ec$exports = {
+var $15b25ab20f3945b2$exports = {};
+$15b25ab20f3945b2$exports = {
     "Empty": `Pr\xe1zdn\xe9`
 };
 
-var $41d49e6197917be1$exports = {};
-$41d49e6197917be1$exports = {
+var $692a4298b6b649a2$exports = {};
+$692a4298b6b649a2$exports = {
     "Empty": `Tom`
 };
 
-var $23b4dd964f7cc840$exports = {};
-$23b4dd964f7cc840$exports = {
+var $1c6e1539193f1243$exports = {};
+$1c6e1539193f1243$exports = {
     "Empty": `Leer`
 };
 
-var $18cf3acc4056ec0e$exports = {};
-$18cf3acc4056ec0e$exports = {
+var $1e8678632c464b6d$exports = {};
+$1e8678632c464b6d$exports = {
     "Empty": `\u{386}\u{3B4}\u{3B5}\u{3B9}\u{3BF}`
 };
 
-var $df59f74ff621f180$exports = {};
-$df59f74ff621f180$exports = {
+var $4adc85d9bf5b9eed$exports = {};
+$4adc85d9bf5b9eed$exports = {
     "Empty": `Empty`
 };
 
-var $1a750506d5a4610f$exports = {};
-$1a750506d5a4610f$exports = {
+var $41c4b2bb61dafbca$exports = {};
+$41c4b2bb61dafbca$exports = {
     "Empty": `Vac\xedo`
 };
 
-var $8e1ed6a70b6e99d0$exports = {};
-$8e1ed6a70b6e99d0$exports = {
+var $405f8b24f5dd2a60$exports = {};
+$405f8b24f5dd2a60$exports = {
     "Empty": `T\xfchjenda`
 };
 
-var $bda17b3c68ec60e0$exports = {};
-$bda17b3c68ec60e0$exports = {
+var $7efe3ed02b9b9dd4$exports = {};
+$7efe3ed02b9b9dd4$exports = {
     "Empty": `Tyhj\xe4`
 };
 
-var $dfccc3416d8619f2$exports = {};
-$dfccc3416d8619f2$exports = {
+var $99fc4c101d92daf3$exports = {};
+$99fc4c101d92daf3$exports = {
     "Empty": `Vide`
 };
 
-var $03ad7cde4af17dbc$exports = {};
-$03ad7cde4af17dbc$exports = {
+var $f9e155e6e8cacaa2$exports = {};
+$f9e155e6e8cacaa2$exports = {
     "Empty": `\u{5E8}\u{5D9}\u{5E7}`
 };
 
-var $3d83efd6529bcc21$exports = {};
-$3d83efd6529bcc21$exports = {
+var $c31b5e8e9a249fd5$exports = {};
+$c31b5e8e9a249fd5$exports = {
     "Empty": `Prazno`
 };
 
-var $3cf52fb2bf374b1e$exports = {};
-$3cf52fb2bf374b1e$exports = {
+var $9c5435bc17499bd9$exports = {};
+$9c5435bc17499bd9$exports = {
     "Empty": `\xdcres`
 };
 
-var $6a6f2c49f92bd42e$exports = {};
-$6a6f2c49f92bd42e$exports = {
+var $6d1fc8e84d8165e1$exports = {};
+$6d1fc8e84d8165e1$exports = {
     "Empty": `Vuoto`
 };
 
-var $3cc0319ead4d5f7a$exports = {};
-$3cc0319ead4d5f7a$exports = {
+var $46ea6b3641b83e71$exports = {};
+$46ea6b3641b83e71$exports = {
     "Empty": `\u{7A7A}`
 };
 
-var $24d65dbbedc50cf8$exports = {};
-$24d65dbbedc50cf8$exports = {
+var $0e3cc9a288289dc5$exports = {};
+$0e3cc9a288289dc5$exports = {
     "Empty": `\u{BE44}\u{C5B4} \u{C788}\u{C74C}`
 };
 
-var $9022dcf5dfa5b508$exports = {};
-$9022dcf5dfa5b508$exports = {
+var $4ff2bb25c0089ffb$exports = {};
+$4ff2bb25c0089ffb$exports = {
     "Empty": `Tu\u{161}\u{10D}ias`
 };
 
-var $6746207c35f8a73d$exports = {};
-$6746207c35f8a73d$exports = {
+var $6cf33cd4c010a2fb$exports = {};
+$6cf33cd4c010a2fb$exports = {
     "Empty": `Tuk\u{161}s`
 };
 
-var $e23e2c12aa0580ab$exports = {};
-$e23e2c12aa0580ab$exports = {
+var $5a9f8486f8b8837e$exports = {};
+$5a9f8486f8b8837e$exports = {
     "Empty": `Tom`
 };
 
-var $7a42c3dae25ebf3e$exports = {};
-$7a42c3dae25ebf3e$exports = {
+var $583f94d807f6ecea$exports = {};
+$583f94d807f6ecea$exports = {
     "Empty": `Leeg`
 };
 
-var $f033322c769d9228$exports = {};
-$f033322c769d9228$exports = {
+var $cc4dcfeea2b4050d$exports = {};
+$cc4dcfeea2b4050d$exports = {
     "Empty": `Pusty`
 };
 
-var $bff6557112f09a21$exports = {};
-$bff6557112f09a21$exports = {
+var $68ac2954d56e12b4$exports = {};
+$68ac2954d56e12b4$exports = {
     "Empty": `Vazio`
 };
 
-var $69371b06c393f3b9$exports = {};
-$69371b06c393f3b9$exports = {
+var $fdb0616f309780b0$exports = {};
+$fdb0616f309780b0$exports = {
     "Empty": `Vazio`
 };
 
-var $76fd2ca03adf7a37$exports = {};
-$76fd2ca03adf7a37$exports = {
+var $fe1eccf4ee1d6f52$exports = {};
+$fe1eccf4ee1d6f52$exports = {
     "Empty": `Gol`
 };
 
-var $fa02fe0d4c09a614$exports = {};
-$fa02fe0d4c09a614$exports = {
+var $a38b6c4e18725976$exports = {};
+$a38b6c4e18725976$exports = {
     "Empty": `\u{41D}\u{435} \u{437}\u{430}\u{43F}\u{43E}\u{43B}\u{43D}\u{435}\u{43D}\u{43E}`
 };
 
-var $a240aba809e2b311$exports = {};
-$a240aba809e2b311$exports = {
+var $6c14ae2b766b652c$exports = {};
+$6c14ae2b766b652c$exports = {
     "Empty": `Pr\xe1zdne`
 };
 
-var $2c29d48084ee6251$exports = {};
-$2c29d48084ee6251$exports = {
+var $8f1c9692e16dc5eb$exports = {};
+$8f1c9692e16dc5eb$exports = {
     "Empty": `Prazen`
 };
 
-var $254c7eb682749050$exports = {};
-$254c7eb682749050$exports = {
+var $d2aa7abea627cafa$exports = {};
+$d2aa7abea627cafa$exports = {
     "Empty": `Prazno`
 };
 
-var $add997722e4d4b6e$exports = {};
-$add997722e4d4b6e$exports = {
+var $676b82e4b56408e6$exports = {};
+$676b82e4b56408e6$exports = {
     "Empty": `Tomt`
 };
 
-var $542f020fc9285606$exports = {};
-$542f020fc9285606$exports = {
+var $14c9042552d7ce08$exports = {};
+$14c9042552d7ce08$exports = {
     "Empty": `Bo\u{15F}`
 };
 
-var $3135b03c5e7cb78f$exports = {};
-$3135b03c5e7cb78f$exports = {
+var $393254ebcb66c9f5$exports = {};
+$393254ebcb66c9f5$exports = {
     "Empty": `\u{41F}\u{443}\u{441}\u{442}\u{43E}`
 };
 
-var $29092b8c778be040$exports = {};
-$29092b8c778be040$exports = {
+var $d49d621f310cf6ce$exports = {};
+$d49d621f310cf6ce$exports = {
     "Empty": `\u{7A7A}`
 };
 
-var $94b34635baf16223$exports = {};
-$94b34635baf16223$exports = {
+var $94b60c866ca5dfe6$exports = {};
+$94b60c866ca5dfe6$exports = {
     "Empty": `\u{7A7A}\u{767D}`
 };
 
-var $6279e3628ec747df$exports = {};
+var $a99895ee3dc79e61$exports = {};
 
 
 
@@ -1678,41 +1654,41 @@ var $6279e3628ec747df$exports = {};
 
 
 
-$6279e3628ec747df$exports = {
-    "ar-AE": $c03aa2dde3f54f51$exports,
-    "bg-BG": $d612b270ee5ea6ca$exports,
-    "cs-CZ": $9516ade4a4f015ec$exports,
-    "da-DK": $41d49e6197917be1$exports,
-    "de-DE": $23b4dd964f7cc840$exports,
-    "el-GR": $18cf3acc4056ec0e$exports,
-    "en-US": $df59f74ff621f180$exports,
-    "es-ES": $1a750506d5a4610f$exports,
-    "et-EE": $8e1ed6a70b6e99d0$exports,
-    "fi-FI": $bda17b3c68ec60e0$exports,
-    "fr-FR": $dfccc3416d8619f2$exports,
-    "he-IL": $03ad7cde4af17dbc$exports,
-    "hr-HR": $3d83efd6529bcc21$exports,
-    "hu-HU": $3cf52fb2bf374b1e$exports,
-    "it-IT": $6a6f2c49f92bd42e$exports,
-    "ja-JP": $3cc0319ead4d5f7a$exports,
-    "ko-KR": $24d65dbbedc50cf8$exports,
-    "lt-LT": $9022dcf5dfa5b508$exports,
-    "lv-LV": $6746207c35f8a73d$exports,
-    "nb-NO": $e23e2c12aa0580ab$exports,
-    "nl-NL": $7a42c3dae25ebf3e$exports,
-    "pl-PL": $f033322c769d9228$exports,
-    "pt-BR": $bff6557112f09a21$exports,
-    "pt-PT": $69371b06c393f3b9$exports,
-    "ro-RO": $76fd2ca03adf7a37$exports,
-    "ru-RU": $fa02fe0d4c09a614$exports,
-    "sk-SK": $a240aba809e2b311$exports,
-    "sl-SI": $2c29d48084ee6251$exports,
-    "sr-SP": $254c7eb682749050$exports,
-    "sv-SE": $add997722e4d4b6e$exports,
-    "tr-TR": $542f020fc9285606$exports,
-    "uk-UA": $3135b03c5e7cb78f$exports,
-    "zh-CN": $29092b8c778be040$exports,
-    "zh-TW": $94b34635baf16223$exports
+$a99895ee3dc79e61$exports = {
+    "ar-AE": $ed6aae4e5f766f1e$exports,
+    "bg-BG": $38854e2b175151fa$exports,
+    "cs-CZ": $15b25ab20f3945b2$exports,
+    "da-DK": $692a4298b6b649a2$exports,
+    "de-DE": $1c6e1539193f1243$exports,
+    "el-GR": $1e8678632c464b6d$exports,
+    "en-US": $4adc85d9bf5b9eed$exports,
+    "es-ES": $41c4b2bb61dafbca$exports,
+    "et-EE": $405f8b24f5dd2a60$exports,
+    "fi-FI": $7efe3ed02b9b9dd4$exports,
+    "fr-FR": $99fc4c101d92daf3$exports,
+    "he-IL": $f9e155e6e8cacaa2$exports,
+    "hr-HR": $c31b5e8e9a249fd5$exports,
+    "hu-HU": $9c5435bc17499bd9$exports,
+    "it-IT": $6d1fc8e84d8165e1$exports,
+    "ja-JP": $46ea6b3641b83e71$exports,
+    "ko-KR": $0e3cc9a288289dc5$exports,
+    "lt-LT": $4ff2bb25c0089ffb$exports,
+    "lv-LV": $6cf33cd4c010a2fb$exports,
+    "nb-NO": $5a9f8486f8b8837e$exports,
+    "nl-NL": $583f94d807f6ecea$exports,
+    "pl-PL": $cc4dcfeea2b4050d$exports,
+    "pt-BR": $68ac2954d56e12b4$exports,
+    "pt-PT": $fdb0616f309780b0$exports,
+    "ro-RO": $fe1eccf4ee1d6f52$exports,
+    "ru-RU": $a38b6c4e18725976$exports,
+    "sk-SK": $6c14ae2b766b652c$exports,
+    "sl-SI": $8f1c9692e16dc5eb$exports,
+    "sr-SP": $d2aa7abea627cafa$exports,
+    "sv-SE": $676b82e4b56408e6$exports,
+    "tr-TR": $14c9042552d7ce08$exports,
+    "uk-UA": $393254ebcb66c9f5$exports,
+    "zh-CN": $d49d621f310cf6ce$exports,
+    "zh-TW": $94b60c866ca5dfe6$exports
 };
 
 function $parcel$interopDefault$1(a) {
@@ -1733,22 +1709,13 @@ function $parcel$interopDefault$1(a) {
 
 
 
-
-const $757ec6630f26125c$var$noop = ()=>{};
-function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
+function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     const _async = (React.useRef)(undefined);
     let { value: value, textValue: textValue, minValue: minValue, maxValue: maxValue, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, onIncrement: onIncrement, onIncrementPage: onIncrementPage, onDecrement: onDecrement, onDecrementPage: onDecrementPage, onDecrementToMin: onDecrementToMin, onIncrementToMax: onIncrementToMax } = props;
-    const stringFormatter = (Text.$cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$1($6279e3628ec747df$exports))), '@react-aria/spinbutton');
-    let isSpinning = (React.useRef)(false);
-    const clearAsync = (React.useCallback)(()=>{
-        clearTimeout(_async.current);
-        isSpinning.current = false;
-    }, []);
-    const clearAsyncEvent = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)(()=>{
-        clearAsync();
-    });
+    const stringFormatter = (Text.$fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault$1($a99895ee3dc79e61$exports))), '@react-aria/spinbutton');
+    const clearAsync = ()=>clearTimeout(_async.current);
     (React.useEffect)(()=>{
-        return ()=>clearAsyncEvent();
+        return ()=>clearAsync();
     }, []);
     let onKeyDown = (e)=>{
         if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly || e.nativeEvent.isComposing) return;
@@ -1756,7 +1723,7 @@ function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
             case 'PageUp':
                 if (onIncrementPage) {
                     e.preventDefault();
-                    onIncrementPage?.();
+                    onIncrementPage === null || onIncrementPage === void 0 ? void 0 : onIncrementPage();
                     break;
                 }
             // fallthrough!
@@ -1764,13 +1731,13 @@ function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
             case 'Up':
                 if (onIncrement) {
                     e.preventDefault();
-                    onIncrement?.();
+                    onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
                 }
                 break;
             case 'PageDown':
                 if (onDecrementPage) {
                     e.preventDefault();
-                    onDecrementPage?.();
+                    onDecrementPage === null || onDecrementPage === void 0 ? void 0 : onDecrementPage();
                     break;
                 }
             // fallthrough
@@ -1778,19 +1745,19 @@ function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
             case 'Down':
                 if (onDecrement) {
                     e.preventDefault();
-                    onDecrement?.();
+                    onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
                 }
                 break;
             case 'Home':
                 if (onDecrementToMin) {
                     e.preventDefault();
-                    onDecrementToMin?.();
+                    onDecrementToMin === null || onDecrementToMin === void 0 ? void 0 : onDecrementToMin();
                 }
                 break;
             case 'End':
                 if (onIncrementToMax) {
                     e.preventDefault();
-                    onIncrementToMax?.();
+                    onIncrementToMax === null || onIncrementToMax === void 0 ? void 0 : onIncrementToMax();
                 }
                 break;
         }
@@ -1809,67 +1776,32 @@ function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
     let ariaTextValue = textValue === '' ? stringFormatter.format('Empty') : (textValue || `${value}`).replace('-', '\u2212');
     (React.useEffect)(()=>{
         if (isFocused.current) {
-            ($a46cf152bb926da5$export$d10ae4f68404609a)('assertive');
-            ($a46cf152bb926da5$export$a9b970dcc4ae71a9)(ariaTextValue, 'assertive');
+            ($319e236875307eab$export$d10ae4f68404609a)('assertive');
+            ($319e236875307eab$export$a9b970dcc4ae71a9)(ariaTextValue, 'assertive');
         }
     }, [
         ariaTextValue
     ]);
-    // For touch users, if they move their finger like they're scrolling, we don't want to trigger a spin.
-    let onPointerCancel = (React.useCallback)(()=>{
+    const onIncrementPressStart = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
         clearAsync();
-    }, [
-        clearAsync
-    ]);
-    const onIncrementEvent = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)(onIncrement ?? $757ec6630f26125c$var$noop);
-    const onDecrementEvent = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)(onDecrement ?? $757ec6630f26125c$var$noop);
-    const stepUpEvent = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)(()=>{
-        if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) {
-            onIncrementEvent();
-            onIncrementPressStartEvent(60);
-        }
-    });
-    const onIncrementPressStartEvent = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)((initialStepDelay)=>{
-        clearAsyncEvent();
-        isSpinning.current = true;
+        onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
         // Start spinning after initial delay
-        _async.current = window.setTimeout(stepUpEvent, initialStepDelay);
-    });
-    const stepDownEvent = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)(()=>{
-        if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) {
-            onDecrementEvent();
-            onDecrementPressStartEvent(60);
-        }
+        _async.current = window.setTimeout(()=>{
+            if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) onIncrementPressStart(60);
+        }, initialStepDelay);
     });
-    const onDecrementPressStartEvent = (Text.$fe16bffc7a557bf0$export$7f54fc3180508a52)((initialStepDelay)=>{
-        clearAsyncEvent();
-        isSpinning.current = true;
+    const onDecrementPressStart = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
+        clearAsync();
+        onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
         // Start spinning after initial delay
-        _async.current = window.setTimeout(stepDownEvent, initialStepDelay);
+        _async.current = window.setTimeout(()=>{
+            if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) onDecrementPressStart(60);
+        }, initialStepDelay);
     });
     let cancelContextMenu = (e)=>{
         e.preventDefault();
     };
-    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (Text.$48a7d519b337145d$export$4eaf04e54aa8eed6)();
-    // Tracks in touch if the press end event was preceded by a press up.
-    // If it wasn't, then we know the finger left the button while still in contact with the screen.
-    // This means that the user is trying to scroll or interact in some way that shouldn't trigger
-    // an increment or decrement.
-    let isUp = (React.useRef)(false);
-    let [isIncrementPressed, setIsIncrementPressed] = (React.useState)(null);
-    (React.useEffect)(()=>{
-        if (isIncrementPressed === 'touch') onIncrementPressStartEvent(600);
-        else if (isIncrementPressed) onIncrementPressStartEvent(400);
-    }, [
-        isIncrementPressed
-    ]);
-    let [isDecrementPressed, setIsDecrementPressed] = (React.useState)(null);
-    (React.useEffect)(()=>{
-        if (isDecrementPressed === 'touch') onDecrementPressStartEvent(600);
-        else if (isDecrementPressed) onDecrementPressStartEvent(400);
-    }, [
-        isDecrementPressed
-    ]);
+    let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (Text.$03deb23ff14920c4$export$4eaf04e54aa8eed6)();
     return {
         spinButtonProps: {
             role: 'spinbutton',
@@ -1885,68 +1817,25 @@ function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
             onBlur: onBlur
         },
         incrementButtonProps: {
-            onPressStart: (e)=>{
-                clearAsync();
-                if (e.pointerType !== 'touch') {
-                    onIncrement?.();
-                    setIsIncrementPressed('mouse');
-                } else {
-                    addGlobalListener(window, 'pointercancel', onPointerCancel, {
-                        capture: true
-                    });
-                    isUp.current = false;
-                    // For touch users, don't trigger a decrement on press start, we'll wait for the press end to trigger it if
-                    // the control isn't spinning.
-                    setIsIncrementPressed('touch');
-                }
+            onPressStart: ()=>{
+                onIncrementPressStart(400);
                 addGlobalListener(window, 'contextmenu', cancelContextMenu);
             },
-            onPressUp: (e)=>{
+            onPressEnd: ()=>{
                 clearAsync();
-                if (e.pointerType === 'touch') isUp.current = true;
                 removeAllGlobalListeners();
-                setIsIncrementPressed(null);
-            },
-            onPressEnd: (e)=>{
-                clearAsync();
-                if (e.pointerType === 'touch') {
-                    if (!isSpinning.current && isUp.current) onIncrement?.();
-                }
-                isUp.current = false;
-                setIsIncrementPressed(null);
             },
             onFocus: onFocus,
             onBlur: onBlur
         },
         decrementButtonProps: {
-            onPressStart: (e)=>{
-                clearAsync();
-                if (e.pointerType !== 'touch') {
-                    onDecrement?.();
-                    setIsDecrementPressed('mouse');
-                } else {
-                    addGlobalListener(window, 'pointercancel', onPointerCancel, {
-                        capture: true
-                    });
-                    isUp.current = false;
-                    // For touch users, don't trigger a decrement on press start, we'll wait for the press end to trigger it if
-                    // the control isn't spinning.
-                    setIsDecrementPressed('touch');
-                }
+            onPressStart: ()=>{
+                onDecrementPressStart(400);
+                addGlobalListener(window, 'contextmenu', cancelContextMenu);
             },
-            onPressUp: (e)=>{
+            onPressEnd: ()=>{
                 clearAsync();
-                if (e.pointerType === 'touch') isUp.current = true;
                 removeAllGlobalListeners();
-                setIsDecrementPressed(null);
-            },
-            onPressEnd: (e)=>{
-                clearAsync();
-                if (e.pointerType === 'touch') {
-                    if (!isSpinning.current && isUp.current) onDecrement?.();
-                }
-                isUp.current = false;
-                setIsDecrementPressed(null);
             },
             onFocus: onFocus,
             onBlur: onBlur
@@ -1954,245 +1843,245 @@ function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
     };
 }
 
-var $50f1093a6d23d116$exports = {};
-$50f1093a6d23d116$exports = {
+var $fb78e0f6ab6349ed$exports = {};
+$fb78e0f6ab6349ed$exports = {
     "decrease": (args)=>`\u{62E}\u{641}\u{636} ${args.fieldLabel}`,
     "increase": (args)=>`\u{632}\u{64A}\u{627}\u{62F}\u{629} ${args.fieldLabel}`,
     "numberField": `\u{62D}\u{642}\u{644} \u{631}\u{642}\u{645}\u{64A}`
 };
 
-var $8f4fd2367d49b0f4$exports = {};
-$8f4fd2367d49b0f4$exports = {
+var $2776acdd9959a647$exports = {};
+$2776acdd9959a647$exports = {
     "decrease": (args)=>`\u{41D}\u{430}\u{43C}\u{430}\u{43B}\u{44F}\u{432}\u{430}\u{43D}\u{435} ${args.fieldLabel}`,
     "increase": (args)=>`\u{423}\u{441}\u{438}\u{43B}\u{432}\u{430}\u{43D}\u{435} ${args.fieldLabel}`,
     "numberField": `\u{41D}\u{43E}\u{43C}\u{435}\u{440} \u{43D}\u{430} \u{43F}\u{43E}\u{43B}\u{435}\u{442}\u{43E}`
 };
 
-var $060018a1c3ec2fce$exports = {};
-$060018a1c3ec2fce$exports = {
+var $741954410a365ad3$exports = {};
+$741954410a365ad3$exports = {
     "decrease": (args)=>`Sn\xed\u{17E}it ${args.fieldLabel}`,
     "increase": (args)=>`Zv\xfd\u{161}it ${args.fieldLabel}`,
     "numberField": `\u{10C}\xedseln\xe9 pole`
 };
 
-var $34605f3e0266a8f3$exports = {};
-$34605f3e0266a8f3$exports = {
+var $8321ed0f8ab642f0$exports = {};
+$8321ed0f8ab642f0$exports = {
     "decrease": (args)=>`Reducer ${args.fieldLabel}`,
     "increase": (args)=>`\xd8g ${args.fieldLabel}`,
     "numberField": `Talfelt`
 };
 
-var $64f20e1112866bbd$exports = {};
-$64f20e1112866bbd$exports = {
+var $92978e0c4ecafa32$exports = {};
+$92978e0c4ecafa32$exports = {
     "decrease": (args)=>`${args.fieldLabel} verringern`,
     "increase": (args)=>`${args.fieldLabel} erh\xf6hen`,
     "numberField": `Nummernfeld`
 };
 
-var $bfa0aaf1a402f382$exports = {};
-$bfa0aaf1a402f382$exports = {
+var $ac5ff71962864a84$exports = {};
+$ac5ff71962864a84$exports = {
     "decrease": (args)=>`\u{39C}\u{3B5}\u{3AF}\u{3C9}\u{3C3}\u{3B7} ${args.fieldLabel}`,
     "increase": (args)=>`\u{391}\u{3CD}\u{3BE}\u{3B7}\u{3C3}\u{3B7} ${args.fieldLabel}`,
     "numberField": `\u{3A0}\u{3B5}\u{3B4}\u{3AF}\u{3BF} \u{3B1}\u{3C1}\u{3B9}\u{3B8}\u{3BC}\u{3BF}\u{3CD}`
 };
 
-var $2656ce930519213b$exports = {};
-$2656ce930519213b$exports = {
+var $efe4685e2440d8be$exports = {};
+$efe4685e2440d8be$exports = {
     "decrease": (args)=>`Decrease ${args.fieldLabel}`,
     "increase": (args)=>`Increase ${args.fieldLabel}`,
     "numberField": `Number field`
 };
 
-var $260cc0fc04d161dd$exports = {};
-$260cc0fc04d161dd$exports = {
+var $e50a9a48739b90e1$exports = {};
+$e50a9a48739b90e1$exports = {
     "decrease": (args)=>`Reducir ${args.fieldLabel}`,
     "increase": (args)=>`Aumentar ${args.fieldLabel}`,
     "numberField": `Campo de n\xfamero`
 };
 
-var $5929126f62332a39$exports = {};
-$5929126f62332a39$exports = {
+var $6e0d5294ecbb8ab6$exports = {};
+$6e0d5294ecbb8ab6$exports = {
     "decrease": (args)=>`V\xe4henda ${args.fieldLabel}`,
     "increase": (args)=>`Suurenda ${args.fieldLabel}`,
     "numberField": `Numbri v\xe4li`
 };
 
-var $fc98374bce6a8f49$exports = {};
-$fc98374bce6a8f49$exports = {
+var $e7129d65f607f77f$exports = {};
+$e7129d65f607f77f$exports = {
     "decrease": (args)=>`V\xe4henn\xe4 ${args.fieldLabel}`,
     "increase": (args)=>`Lis\xe4\xe4 ${args.fieldLabel}`,
     "numberField": `Numerokentt\xe4`
 };
 
-var $574239e9a0c4ce9f$exports = {};
-$574239e9a0c4ce9f$exports = {
+var $d72adf5b20573e34$exports = {};
+$d72adf5b20573e34$exports = {
     "decrease": (args)=>`Diminuer ${args.fieldLabel}`,
     "increase": (args)=>`Augmenter ${args.fieldLabel}`,
     "numberField": `Champ de nombre`
 };
 
-var $a80db10c45105af6$exports = {};
-$a80db10c45105af6$exports = {
+var $a25c707e88b844a7$exports = {};
+$a25c707e88b844a7$exports = {
     "decrease": (args)=>`\u{5D4}\u{5E7}\u{5D8}\u{5DF} ${args.fieldLabel}`,
     "increase": (args)=>`\u{5D4}\u{5D2}\u{5D3}\u{5DC} ${args.fieldLabel}`,
     "numberField": `\u{5E9}\u{5D3}\u{5D4} \u{5DE}\u{5E1}\u{5E4}\u{5E8}`
 };
 
-var $1df8c58f234da60a$exports = {};
-$1df8c58f234da60a$exports = {
+var $69b41140b9a4ca54$exports = {};
+$69b41140b9a4ca54$exports = {
     "decrease": (args)=>`Smanji ${args.fieldLabel}`,
     "increase": (args)=>`Pove\u{107}aj ${args.fieldLabel}`,
     "numberField": `Polje broja`
 };
 
-var $c990249689bb58d0$exports = {};
-$c990249689bb58d0$exports = {
+var $81dab28f37f59d1a$exports = {};
+$81dab28f37f59d1a$exports = {
     "decrease": (args)=>`${args.fieldLabel} cs\xf6kkent\xe9se`,
     "increase": (args)=>`${args.fieldLabel} n\xf6vel\xe9se`,
     "numberField": `Sz\xe1mmez\u{151}`
 };
 
-var $03e73e050e75c075$exports = {};
-$03e73e050e75c075$exports = {
+var $866555b31f2d7711$exports = {};
+$866555b31f2d7711$exports = {
     "decrease": (args)=>`Riduci ${args.fieldLabel}`,
     "increase": (args)=>`Aumenta ${args.fieldLabel}`,
     "numberField": `Campo numero`
 };
 
-var $1486a16b22508ab9$exports = {};
-$1486a16b22508ab9$exports = {
+var $dafcd55d52b9d371$exports = {};
+$dafcd55d52b9d371$exports = {
     "decrease": (args)=>`${args.fieldLabel}\u{3092}\u{7E2E}\u{5C0F}`,
     "increase": (args)=>`${args.fieldLabel}\u{3092}\u{62E1}\u{5927}`,
     "numberField": `\u{6570}\u{5024}\u{30D5}\u{30A3}\u{30FC}\u{30EB}\u{30C9}`
 };
 
-var $da3ce82ad291e297$exports = {};
-$da3ce82ad291e297$exports = {
+var $f090c1f8c5da0145$exports = {};
+$f090c1f8c5da0145$exports = {
     "decrease": (args)=>`${args.fieldLabel} \u{AC10}\u{C18C}`,
     "increase": (args)=>`${args.fieldLabel} \u{C99D}\u{AC00}`,
     "numberField": `\u{BC88}\u{D638} \u{D544}\u{B4DC}`
 };
 
-var $f06e9c465fb83243$exports = {};
-$f06e9c465fb83243$exports = {
+var $6f10f3a13360a75c$exports = {};
+$6f10f3a13360a75c$exports = {
     "decrease": (args)=>`Suma\u{17E}inti ${args.fieldLabel}`,
     "increase": (args)=>`Padidinti ${args.fieldLabel}`,
     "numberField": `Numerio laukas`
 };
 
-var $02ed0f44dca8e510$exports = {};
-$02ed0f44dca8e510$exports = {
+var $47432cefd4b7bd1b$exports = {};
+$47432cefd4b7bd1b$exports = {
     "decrease": (args)=>`Samazin\u{101}\u{161}ana ${args.fieldLabel}`,
     "increase": (args)=>`Palielin\u{101}\u{161}ana ${args.fieldLabel}`,
     "numberField": `Skait\u{13C}u lauks`
 };
 
-var $7d2396d9fde5f3f5$exports = {};
-$7d2396d9fde5f3f5$exports = {
+var $dc578a950a2bf23d$exports = {};
+$dc578a950a2bf23d$exports = {
     "decrease": (args)=>`Reduser ${args.fieldLabel}`,
     "increase": (args)=>`\xd8k ${args.fieldLabel}`,
     "numberField": `Tallfelt`
 };
 
-var $294f579ef11ab713$exports = {};
-$294f579ef11ab713$exports = {
+var $353f1bfca4dc395a$exports = {};
+$353f1bfca4dc395a$exports = {
     "decrease": (args)=>`${args.fieldLabel} verlagen`,
     "increase": (args)=>`${args.fieldLabel} verhogen`,
     "numberField": `Getalveld`
 };
 
-var $46b77281e4caa836$exports = {};
-$46b77281e4caa836$exports = {
+var $241bc0bbd870e982$exports = {};
+$241bc0bbd870e982$exports = {
     "decrease": (args)=>`Zmniejsz ${args.fieldLabel}`,
     "increase": (args)=>`Zwi\u{119}ksz ${args.fieldLabel}`,
     "numberField": `Pole numeru`
 };
 
-var $f12d8c9bdaa0bcb1$exports = {};
-$f12d8c9bdaa0bcb1$exports = {
+var $da3005c7bd72b0a8$exports = {};
+$da3005c7bd72b0a8$exports = {
     "decrease": (args)=>`Diminuir ${args.fieldLabel}`,
     "increase": (args)=>`Aumentar ${args.fieldLabel}`,
     "numberField": `Campo de n\xfamero`
 };
 
-var $8b1446e7064e2ed7$exports = {};
-$8b1446e7064e2ed7$exports = {
+var $cf48bfc540882310$exports = {};
+$cf48bfc540882310$exports = {
     "decrease": (args)=>`Diminuir ${args.fieldLabel}`,
     "increase": (args)=>`Aumentar ${args.fieldLabel}`,
     "numberField": `Campo num\xe9rico`
 };
 
-var $c709bb06dc2a8e23$exports = {};
-$c709bb06dc2a8e23$exports = {
+var $b63a28c481ab9ee3$exports = {};
+$b63a28c481ab9ee3$exports = {
     "decrease": (args)=>`Sc\u{103}dere ${args.fieldLabel}`,
     "increase": (args)=>`Cre\u{219}tere ${args.fieldLabel}`,
     "numberField": `C\xe2mp numeric`
 };
 
-var $915fe8001bee7d0a$exports = {};
-$915fe8001bee7d0a$exports = {
+var $19f9df95c2464ab6$exports = {};
+$19f9df95c2464ab6$exports = {
     "decrease": (args)=>`\u{423}\u{43C}\u{435}\u{43D}\u{44C}\u{448}\u{435}\u{43D}\u{438}\u{435} ${args.fieldLabel}`,
     "increase": (args)=>`\u{423}\u{432}\u{435}\u{43B}\u{438}\u{447}\u{435}\u{43D}\u{438}\u{435} ${args.fieldLabel}`,
     "numberField": `\u{427}\u{438}\u{441}\u{43B}\u{43E}\u{432}\u{43E}\u{435} \u{43F}\u{43E}\u{43B}\u{435}`
 };
 
-var $79e778f6a71e6e7d$exports = {};
-$79e778f6a71e6e7d$exports = {
+var $b272932a685e8482$exports = {};
+$b272932a685e8482$exports = {
     "decrease": (args)=>`Zn\xed\u{17E}i\u{165} ${args.fieldLabel}`,
     "increase": (args)=>`Zv\xfd\u{161}i\u{165} ${args.fieldLabel}`,
     "numberField": `\u{10C}\xedseln\xe9 pole`
 };
 
-var $6799bde136a492e8$exports = {};
-$6799bde136a492e8$exports = {
+var $cbaf8b5b61f9e544$exports = {};
+$cbaf8b5b61f9e544$exports = {
     "decrease": (args)=>`Upadati ${args.fieldLabel}`,
     "increase": (args)=>`Pove\u{10D}ajte ${args.fieldLabel}`,
     "numberField": `\u{160}tevil\u{10D}no polje`
 };
 
-var $ca2ffb0adac8e2d5$exports = {};
-$ca2ffb0adac8e2d5$exports = {
+var $e0a3af6ac1449b2f$exports = {};
+$e0a3af6ac1449b2f$exports = {
     "decrease": (args)=>`Smanji ${args.fieldLabel}`,
     "increase": (args)=>`Pove\u{107}aj ${args.fieldLabel}`,
     "numberField": `Polje broja`
 };
 
-var $23a41be500b56b00$exports = {};
-$23a41be500b56b00$exports = {
+var $71e167d2458a6019$exports = {};
+$71e167d2458a6019$exports = {
     "decrease": (args)=>`Minska ${args.fieldLabel}`,
     "increase": (args)=>`\xd6ka ${args.fieldLabel}`,
     "numberField": `Nummerf\xe4lt`
 };
 
-var $5847a002bd1a8278$exports = {};
-$5847a002bd1a8278$exports = {
+var $3719245abc082946$exports = {};
+$3719245abc082946$exports = {
     "decrease": (args)=>`${args.fieldLabel} azalt`,
     "increase": (args)=>`${args.fieldLabel} artt\u{131}r`,
     "numberField": `Say\u{131} alan\u{131}`
 };
 
-var $e802b0c478fad83f$exports = {};
-$e802b0c478fad83f$exports = {
+var $2ccc589e2f51824d$exports = {};
+$2ccc589e2f51824d$exports = {
     "decrease": (args)=>`\u{417}\u{43C}\u{435}\u{43D}\u{448}\u{438}\u{442}\u{438} ${args.fieldLabel}`,
     "increase": (args)=>`\u{417}\u{431}\u{456}\u{43B}\u{44C}\u{448}\u{438}\u{442}\u{438} ${args.fieldLabel}`,
     "numberField": `\u{41F}\u{43E}\u{43B}\u{435} \u{43D}\u{43E}\u{43C}\u{435}\u{440}\u{430}`
 };
 
-var $9bee35dcd8ee2f43$exports = {};
-$9bee35dcd8ee2f43$exports = {
+var $e1103cb9b4c13942$exports = {};
+$e1103cb9b4c13942$exports = {
     "decrease": (args)=>`\u{964D}\u{4F4E} ${args.fieldLabel}`,
     "increase": (args)=>`\u{63D0}\u{9AD8} ${args.fieldLabel}`,
     "numberField": `\u{6570}\u{5B57}\u{5B57}\u{6BB5}`
 };
 
-var $7f5044f0e0d68e7e$exports = {};
-$7f5044f0e0d68e7e$exports = {
+var $448607634f80dccb$exports = {};
+$448607634f80dccb$exports = {
     "decrease": (args)=>`\u{7E2E}\u{5C0F} ${args.fieldLabel}`,
     "increase": (args)=>`\u{653E}\u{5927} ${args.fieldLabel}`,
     "numberField": `\u{6578}\u{5B57}\u{6B04}\u{4F4D}`
 };
 
-var $fda7dc186b468fdb$exports = {};
+var $280a227d7cb94b92$exports = {};
 
 
 
@@ -2227,41 +2116,41 @@ var $fda7dc186b468fdb$exports = {};
 
 
 
-$fda7dc186b468fdb$exports = {
-    "ar-AE": $50f1093a6d23d116$exports,
-    "bg-BG": $8f4fd2367d49b0f4$exports,
-    "cs-CZ": $060018a1c3ec2fce$exports,
-    "da-DK": $34605f3e0266a8f3$exports,
-    "de-DE": $64f20e1112866bbd$exports,
-    "el-GR": $bfa0aaf1a402f382$exports,
-    "en-US": $2656ce930519213b$exports,
-    "es-ES": $260cc0fc04d161dd$exports,
-    "et-EE": $5929126f62332a39$exports,
-    "fi-FI": $fc98374bce6a8f49$exports,
-    "fr-FR": $574239e9a0c4ce9f$exports,
-    "he-IL": $a80db10c45105af6$exports,
-    "hr-HR": $1df8c58f234da60a$exports,
-    "hu-HU": $c990249689bb58d0$exports,
-    "it-IT": $03e73e050e75c075$exports,
-    "ja-JP": $1486a16b22508ab9$exports,
-    "ko-KR": $da3ce82ad291e297$exports,
-    "lt-LT": $f06e9c465fb83243$exports,
-    "lv-LV": $02ed0f44dca8e510$exports,
-    "nb-NO": $7d2396d9fde5f3f5$exports,
-    "nl-NL": $294f579ef11ab713$exports,
-    "pl-PL": $46b77281e4caa836$exports,
-    "pt-BR": $f12d8c9bdaa0bcb1$exports,
-    "pt-PT": $8b1446e7064e2ed7$exports,
-    "ro-RO": $c709bb06dc2a8e23$exports,
-    "ru-RU": $915fe8001bee7d0a$exports,
-    "sk-SK": $79e778f6a71e6e7d$exports,
-    "sl-SI": $6799bde136a492e8$exports,
-    "sr-SP": $ca2ffb0adac8e2d5$exports,
-    "sv-SE": $23a41be500b56b00$exports,
-    "tr-TR": $5847a002bd1a8278$exports,
-    "uk-UA": $e802b0c478fad83f$exports,
-    "zh-CN": $9bee35dcd8ee2f43$exports,
-    "zh-TW": $7f5044f0e0d68e7e$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 $parcel$interopDefault(a) {
@@ -2285,46 +2174,24 @@ function $parcel$interopDefault(a) {
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
+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 = (Text.$cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault($fda7dc186b468fdb$exports))), '@react-aria/numberfield');
-    let commitAndAnnounce = (React.useCallback)(()=>{
-        let oldValue = inputRef.current?.value ?? '';
-        // Set input value to normalized valid value
-        (ReactDOM.flushSync)(()=>{
-            commit();
-        });
-        if (inputRef.current?.value !== oldValue) ($a46cf152bb926da5$export$a9b970dcc4ae71a9)(inputRef.current?.value ?? '', 'assertive');
-    }, [
-        commit,
-        inputRef
-    ]);
-    let inputId = (Text.$390e54f620492c70$export$f680877a34711e37)(id);
-    let { focusProps: focusProps } = (Text.$1e74c67db218ce67$export$f8168d8dd8fd66e6)({
+    const stringFormatter = (Text.$fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault($280a227d7cb94b92$exports))), '@react-aria/numberfield');
+    let inputId = (Text.$bdb11010cef70236$export$f680877a34711e37)(id);
+    let { focusProps: focusProps } = (Text.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
         onBlur () {
-            commitAndAnnounce();
+            // Set input value to normalized valid value
+            commit();
         }
     });
-    let numberFormatter = ($bd90acf18e792be6$export$b7a616150fdb9f44)(formatOptions);
+    let numberFormatter = ($a916eb452884faea$export$b7a616150fdb9f44)(formatOptions);
     let intlOptions = (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 = ($bd90acf18e792be6$export$b7a616150fdb9f44)({
+    let textValueFormatter = ($a916eb452884faea$export$b7a616150fdb9f44)({
         ...formatOptions,
         currencySign: undefined
     });
@@ -2332,7 +2199,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
         textValueFormatter,
         numberValue
     ]);
-    let { spinButtonProps: spinButtonProps, incrementButtonProps: incButtonProps, decrementButtonProps: decButtonProps } = ($757ec6630f26125c$export$e908e06f4b8e3402)({
+    let { spinButtonProps: spinButtonProps, incrementButtonProps: incButtonProps, decrementButtonProps: decButtonProps } = ($d2e8511e6f209edf$export$e908e06f4b8e3402)({
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -2346,7 +2213,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
         textValue: textValue
     });
     let [focusWithin, setFocusWithin] = (React.useState)(false);
-    let { focusWithinProps: focusWithinProps } = (Text.$2c9edc598a03d523$export$420e68273165f4ec)({
+    let { focusWithinProps: focusWithinProps } = (Text.$9ab94262bd0047c7$export$420e68273165f4ec)({
         isDisabled: isDisabled,
         onFocusWithinChange: setFocusWithin
     });
@@ -2364,24 +2231,25 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
     ]);
     // If the input isn't supposed to receive input, disable scrolling.
     let scrollingDisabled = isWheelDisabled || isDisabled || isReadOnly || !focusWithin;
-    ($14554ba6a2007b17$export$2123ff2b87c81ca)({
+    ($7d0a636d7a4dcefd$export$2123ff2b87c81ca)({
         onScroll: onWheel,
         isDisabled: scrollingDisabled
     }, inputRef);
+    var _intlOptions_maximumFractionDigits;
     // 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) > 0;
+    let hasDecimals = ((_intlOptions_maximumFractionDigits = intlOptions.maximumFractionDigits) !== null && _intlOptions_maximumFractionDigits !== void 0 ? _intlOptions_maximumFractionDigits : 0) > 0;
     let hasNegative = state.minValue === undefined || isNaN(state.minValue) || state.minValue < 0;
     let inputMode = 'numeric';
-    if ((Text.$2add3ce32c6007eb$export$186c6964ca17d99)()) {
+    if ((Text.$c87311424ea30a05$export$186c6964ca17d99)()) {
         // 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 ((Text.$2add3ce32c6007eb$export$a11b0059900ceec8)()) {
+    } else if ((Text.$c87311424ea30a05$export$a11b0059900ceec8)()) {
         // Android numeric has both a decimal point and minus key.
         // decimal does not have a minus key.
         if (hasNegative) inputMode = 'numeric';
@@ -2390,27 +2258,11 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
     let onChange = (value)=>{
         if (state.validate(value)) state.setInputValue(value);
     };
-    let onPaste = (e)=>{
-        props.onPaste?.(e);
-        let inputElement = (Text.$23f2114a1b82827e$export$e58f029f0fbfdb29)(e);
-        // we can only handle the case where the paste takes over the entire input, otherwise things get very complicated
-        // trying to calculate the new string based on what the paste is replacing and where in the source string it is
-        if (inputElement && (inputElement.selectionEnd ?? -1) - (inputElement.selectionStart ?? 0) === inputElement.value.length) {
-            e.preventDefault();
-            // commit so that the user gets to see what it formats to immediately
-            // paste happens before inputRef's value is updated, so have to prevent the default and do it ourselves
-            // spin button will then handle announcing the new value, this should work with controlled state as well
-            // because the announcement is done as a result of the new rendered input value if there is one
-            commit(e.clipboardData?.getData?.('text/plain')?.trim() ?? '');
-        }
-    };
-    let domProps = (Text.$8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props);
+    let domProps = (Text.$65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props);
     let onKeyDownEnter = (React.useCallback)((e)=>{
         if (e.nativeEvent.isComposing) return;
         if (e.key === 'Enter') {
-            (ReactDOM.flushSync)(()=>{
-                commit();
-            });
+            commit();
             commitValidation();
         } else e.continuePropagation();
     }, [
@@ -2418,7 +2270,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
         commitValidation
     ]);
     let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
-    let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($62888b2ec35be488$export$4f384c9210e583c3)({
+    let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($d841c8010a73d545$export$4f384c9210e583c3)({
         ...otherProps,
         ...domProps,
         // These props are added to a hidden input rather than the formatted textfield.
@@ -2430,7 +2282,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
         isReadOnly: isReadOnly,
         isRequired: isRequired,
         validate: undefined,
-        [($fd2148440a13ec26$export$a763b9476acd3eb)]: state,
+        [($e5be200c675c3b3a$export$a763b9476acd3eb)]: state,
         value: inputValue,
         defaultValue: '!',
         autoComplete: 'off',
@@ -2443,22 +2295,20 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
         onBlur: onBlur,
         onFocus: onFocus,
         onFocusChange: onFocusChange,
-        onKeyDown: (React.useMemo)(()=>(Text.$a4e76a5424781910$export$e08e3b67e392101e)(onKeyDownEnter, onKeyDown), [
+        onKeyDown: (React.useMemo)(()=>(Text.$ff5963eb1fccf552$export$e08e3b67e392101e)(onKeyDownEnter, onKeyDown), [
             onKeyDownEnter,
             onKeyDown
         ]),
         onKeyUp: onKeyUp,
-        onPaste: onPaste,
         description: description,
         errorMessage: errorMessage
     }, state, inputRef);
-    ($3274bf1495747a7b$export$5add1d006293d136)(inputRef, state.defaultNumberValue, state.setNumberValue);
-    $cd2fa56213693c5e$var$useNativeValidation(state, props.validationBehavior, props.commitBehavior, inputRef, state.minValue, state.maxValue, props.step, state.numberValue);
-    let inputProps = (Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)(spinButtonProps, focusProps, textFieldProps, {
+    ($99facab73266f662$export$5add1d006293d136)(inputRef, state.defaultNumberValue, state.setNumberValue);
+    let inputProps = (Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(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': !(Text.$2add3ce32c6007eb$export$fedb369cb70207f1)() ? stringFormatter.format('numberField') : null,
+        'aria-roledescription': !(Text.$c87311424ea30a05$export$fedb369cb70207f1)() ? stringFormatter.format('numberField') : null,
         'aria-valuemax': null,
         'aria-valuemin': null,
         'aria-valuenow': null,
@@ -2468,13 +2318,14 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
     });
     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 ((Text.$23f2114a1b82827e$export$cd4e5573fbe2b576)() === inputRef.current) return;
+        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?.focus();
+        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:
@@ -2490,9 +2341,9 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
     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 = (Text.$390e54f620492c70$export$f680877a34711e37)();
-    let decrementId = (Text.$390e54f620492c70$export$f680877a34711e37)();
-    let incrementButtonProps = (Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)(incButtonProps, {
+    let incrementId = (Text.$bdb11010cef70236$export$f680877a34711e37)();
+    let decrementId = (Text.$bdb11010cef70236$export$f680877a34711e37)();
+    let incrementButtonProps = (Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(incButtonProps, {
         'aria-label': incrementAriaLabel || stringFormatter.format('increase', {
             fieldLabel: fieldLabel
         }).trim(),
@@ -2505,7 +2356,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
         isDisabled: !state.canIncrement,
         onPressStart: onButtonPressStart
     });
-    let decrementButtonProps = (Text.$bbaa08b3cd72f041$export$9d1611c77c2fe928)(decButtonProps, {
+    let decrementButtonProps = (Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(decButtonProps, {
         'aria-label': decrementAriaLabel || stringFormatter.format('decrease', {
             fieldLabel: fieldLabel
         }).trim(),
@@ -2536,54 +2387,34 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
         validationDetails: validationDetails
     };
 }
-let $cd2fa56213693c5e$var$numberInput = null;
-function $cd2fa56213693c5e$var$useNativeValidation(state, validationBehavior, commitBehavior, inputRef, min, max, step, value) {
-    (Text.$c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
-        let input = inputRef.current;
-        if (commitBehavior !== 'validate' || state.realtimeValidation.isInvalid || !input || input.disabled) return;
-        // Create a native number input and use it to implement validation of min/max/step.
-        // This lets us get the native validation message provided by the browser instead of needing our own translations.
-        if (!$cd2fa56213693c5e$var$numberInput && typeof document !== 'undefined') {
-            $cd2fa56213693c5e$var$numberInput = document.createElement('input');
-            $cd2fa56213693c5e$var$numberInput.type = 'number';
-        }
-        if (!$cd2fa56213693c5e$var$numberInput) // For TypeScript.
-        return;
-        $cd2fa56213693c5e$var$numberInput.min = min != null && !isNaN(min) ? String(min) : '';
-        $cd2fa56213693c5e$var$numberInput.max = max != null && !isNaN(max) ? String(max) : '';
-        $cd2fa56213693c5e$var$numberInput.step = step != null && !isNaN(step) ? String(step) : '';
-        $cd2fa56213693c5e$var$numberInput.value = value != null && !isNaN(value) ? String(value) : '';
-        // Merge validity with the visible text input (for other validations like required).
-        let valid = input.validity.valid && $cd2fa56213693c5e$var$numberInput.validity.valid;
-        let validationMessage = input.validationMessage || $cd2fa56213693c5e$var$numberInput.validationMessage;
-        let validity = {
-            isInvalid: !valid,
-            validationErrors: validationMessage ? [
-                validationMessage
-            ] : [],
-            validationDetails: {
-                badInput: input.validity.badInput,
-                customError: input.validity.customError,
-                patternMismatch: input.validity.patternMismatch,
-                rangeOverflow: $cd2fa56213693c5e$var$numberInput.validity.rangeOverflow,
-                rangeUnderflow: $cd2fa56213693c5e$var$numberInput.validity.rangeUnderflow,
-                stepMismatch: $cd2fa56213693c5e$var$numberInput.validity.stepMismatch,
-                tooLong: input.validity.tooLong,
-                tooShort: input.validity.tooShort,
-                typeMismatch: input.validity.typeMismatch,
-                valueMissing: input.validity.valueMissing,
-                valid: valid
-            }
-        };
-        state.updateValidation(validity);
-        // Block form submission if validation behavior is native.
-        // This won't overwrite any user-defined validation message because we checked realtimeValidation above.
-        if (validationBehavior === 'native' && !$cd2fa56213693c5e$var$numberInput.validity.valid) input.setCustomValidity($cd2fa56213693c5e$var$numberInput.validationMessage);
+
+/*
+ * Copyright 2022 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.
+ */ 
+
+
+const $01b77f81d0f07f68$export$75b6ee27786ba447 = /*#__PURE__*/ (React.createContext)({});
+const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /*#__PURE__*/ (Text.$f39a9eba43920ace$export$86427a43e3e48ebb)(function Label(props, ref) {
+    [props, ref] = (Text.$64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
+    let { elementType: ElementType = 'label', ...labelProps } = props;
+    // @ts-ignore
+    return /*#__PURE__*/ (React).createElement(ElementType, {
+        className: "react-aria-Label",
+        ...labelProps,
+        ref: ref
     });
-}
+});
 
 /*
- * Copyright 2020 Adobe. All rights reserved.
+ * Copyright 2022 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
@@ -2597,187 +2428,121 @@ function $cd2fa56213693c5e$var$useNativeValidation(state, validationBehavior, co
 
 
 
-function $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c(props) {
-    let { minValue: minValue, maxValue: maxValue, step: step, formatOptions: formatOptions, value: value, defaultValue: defaultValue = NaN, onChange: onChange, locale: locale, isDisabled: isDisabled, isReadOnly: isReadOnly, commitBehavior: commitBehavior = 'snap' } = props;
-    if (value === null) value = NaN;
-    let snapValue = (React.useCallback)((value)=>{
-        return step === undefined || isNaN(step) ? (Text.$240e9101ba2842f5$export$7d15b64cf5a3a4c4)(value, minValue, maxValue) : (Text.$240e9101ba2842f5$export$cb6e0bb50bc19463)(value, minValue, maxValue, step);
-    }, [
-        step,
-        minValue,
-        maxValue
-    ]);
-    if (value !== undefined && !isNaN(value) && commitBehavior === 'snap') value = snapValue(value);
-    if (!isNaN(defaultValue) && commitBehavior === 'snap') defaultValue = snapValue(defaultValue);
-    let [numberValue, setNumberValue] = (Text.$3e6197669829fe11$export$40bfa8c7b0832715)(value, isNaN(defaultValue) ? NaN : defaultValue, onChange);
-    let [initialValue] = (React.useState)(numberValue);
-    let [inputValue, setInputValue] = (React.useState)(()=>isNaN(numberValue) ? '' : new ($1dfb119a85e764e5$export$cc77c4ff7e8673c5)(locale, formatOptions).format(numberValue));
-    let numberParser = (React.useMemo)(()=>new ($eb76cf4feb040f77$export$cd11ab140839f11d)(locale, formatOptions), [
-        locale,
-        formatOptions
-    ]);
-    let numberingSystem = (React.useMemo)(()=>numberParser.getNumberingSystem(inputValue), [
-        numberParser,
-        inputValue
-    ]);
-    let formatter = (React.useMemo)(()=>new ($1dfb119a85e764e5$export$cc77c4ff7e8673c5)(locale, {
-            ...formatOptions,
-            numberingSystem: numberingSystem
-        }), [
-        locale,
-        formatOptions,
-        numberingSystem
-    ]);
-    let intlOptions = (React.useMemo)(()=>formatter.resolvedOptions(), [
-        formatter
-    ]);
-    let format = (React.useCallback)((value)=>isNaN(value) || value === null ? '' : formatter.format(value), [
-        formatter
-    ]);
-    let validation = ($fd2148440a13ec26$export$fc1a364ae1f3ff10)({
+
+
+const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ (React.createContext)({});
+
+/*
+ * Copyright 2023 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.
+ */ 
+
+
+
+const $ee014567cb39d3f0$export$ff05c3ac10437e03 = /*#__PURE__*/ (React.createContext)(null);
+const $ee014567cb39d3f0$export$f551688fc98f2e09 = /*#__PURE__*/ (React.forwardRef)(function FieldError(props, ref) {
+    let validation = (React.useContext)($ee014567cb39d3f0$export$ff05c3ac10437e03);
+    if (!(validation === null || validation === void 0 ? void 0 : validation.isInvalid)) return null;
+    return /*#__PURE__*/ (React).createElement($ee014567cb39d3f0$var$FieldErrorInner, {
         ...props,
-        value: numberValue
+        ref: ref
     });
-    let clampStep = step !== undefined && !isNaN(step) ? step : 1;
-    if (intlOptions.style === 'percent' && (step === undefined || isNaN(step))) clampStep = 0.01;
-    // Update the input value when the number value or format options change. This is done
-    // in a useEffect so that the controlled behavior is correct and we only update the
-    // textfield after prop changes.
-    let [prevValue, setPrevValue] = (React.useState)(numberValue);
-    let [prevLocale, setPrevLocale] = (React.useState)(locale);
-    let [prevFormatOptions, setPrevFormatOptions] = (React.useState)(formatOptions);
-    if (!Object.is(numberValue, prevValue) || locale !== prevLocale || formatOptions !== prevFormatOptions) {
-        setInputValue(format(numberValue));
-        setPrevValue(numberValue);
-        setPrevLocale(locale);
-        setPrevFormatOptions(formatOptions);
-    }
-    let parsedValue = (React.useMemo)(()=>numberParser.parse(inputValue), [
-        numberParser,
-        inputValue
-    ]);
-    let commit = (overrideValue)=>{
-        let newInputValue = overrideValue === undefined ? inputValue : overrideValue;
-        let newParsedValue = parsedValue;
-        if (overrideValue !== undefined) newParsedValue = numberParser.parse(newInputValue);
-        // Set to empty state if input value is empty
-        if (!newInputValue.length) {
-            setNumberValue(NaN);
-            setInputValue(value === undefined ? '' : format(numberValue));
-            return;
-        }
-        // if it failed to parse, then reset input to formatted version of current number
-        if (isNaN(newParsedValue)) {
-            setInputValue(format(numberValue));
-            return;
-        }
-        // Clamp to min and max, round to the nearest step, and round to specified number of digits
-        let clampedValue = commitBehavior === 'snap' ? snapValue(newParsedValue) : newParsedValue;
-        clampedValue = numberParser.parse(format(clampedValue));
-        let shouldValidate = clampedValue !== numberValue;
-        setNumberValue(clampedValue);
-        // in a controlled state, the numberValue won't change, so we won't go back to our old input without help
-        setInputValue(format(value === undefined ? clampedValue : numberValue));
-        if (shouldValidate) validation.commitValidation();
-    };
-    let safeNextStep = (operation, minMax = 0)=>{
-        let prev = parsedValue;
-        if (isNaN(prev)) {
-            // if the input is empty, start from the min/max value when incrementing/decrementing,
-            // or zero if there is no min/max value defined.
-            let newValue = isNaN(minMax) ? 0 : minMax;
-            return (Text.$240e9101ba2842f5$export$cb6e0bb50bc19463)(newValue, minValue, maxValue, clampStep);
-        } else {
-            // otherwise, first snap the current value to the nearest step. if it moves in the direction
-            // we're going, use that value, otherwise add the step and snap that value.
-            let newValue = (Text.$240e9101ba2842f5$export$cb6e0bb50bc19463)(prev, minValue, maxValue, clampStep);
-            if (operation === '+' && newValue > prev || operation === '-' && newValue < prev) return newValue;
-            return (Text.$240e9101ba2842f5$export$cb6e0bb50bc19463)($3d0ee518c6f3d04f$var$handleDecimalOperation(operation, prev, clampStep), minValue, maxValue, clampStep);
-        }
-    };
-    let increment = ()=>{
-        let newValue = safeNextStep('+', minValue);
-        // if we've arrived at the same value that was previously in the state, the
-        // input value should be updated to match
-        // ex type 4, press increment, highlight the number in the input, type 4 again, press increment
-        // you'd be at 5, then incrementing to 5 again, so no re-render would happen and 4 would be left in the input
-        if (newValue === numberValue) setInputValue(format(newValue));
-        setNumberValue(newValue);
-        validation.commitValidation();
-    };
-    let decrement = ()=>{
-        let newValue = safeNextStep('-', maxValue);
-        if (newValue === numberValue) setInputValue(format(newValue));
-        setNumberValue(newValue);
-        validation.commitValidation();
-    };
-    let incrementToMax = ()=>{
-        if (maxValue != null) {
-            setNumberValue((Text.$240e9101ba2842f5$export$cb6e0bb50bc19463)(maxValue, minValue, maxValue, clampStep));
-            validation.commitValidation();
-        }
-    };
-    let decrementToMin = ()=>{
-        if (minValue != null) {
-            setNumberValue(minValue);
-            validation.commitValidation();
-        }
-    };
-    let canIncrement = (React.useMemo)(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || maxValue === undefined || isNaN(maxValue) || (Text.$240e9101ba2842f5$export$cb6e0bb50bc19463)(parsedValue, minValue, maxValue, clampStep) > parsedValue || $3d0ee518c6f3d04f$var$handleDecimalOperation('+', parsedValue, clampStep) <= maxValue), [
-        isDisabled,
-        isReadOnly,
-        minValue,
-        maxValue,
-        clampStep,
-        parsedValue
-    ]);
-    let canDecrement = (React.useMemo)(()=>!isDisabled && !isReadOnly && (isNaN(parsedValue) || minValue === undefined || isNaN(minValue) || (Text.$240e9101ba2842f5$export$cb6e0bb50bc19463)(parsedValue, minValue, maxValue, clampStep) < parsedValue || $3d0ee518c6f3d04f$var$handleDecimalOperation('-', parsedValue, clampStep) >= minValue), [
-        isDisabled,
-        isReadOnly,
-        minValue,
-        maxValue,
-        clampStep,
-        parsedValue
-    ]);
-    let validate = (value)=>numberParser.isValidPartialNumber(value, minValue, maxValue);
-    return {
-        ...validation,
-        validate: validate,
-        increment: increment,
-        incrementToMax: incrementToMax,
-        decrement: decrement,
-        decrementToMin: decrementToMin,
-        canIncrement: canIncrement,
-        canDecrement: canDecrement,
-        minValue: minValue,
-        maxValue: maxValue,
-        numberValue: parsedValue,
-        defaultNumberValue: isNaN(defaultValue) ? initialValue : defaultValue,
-        setNumberValue: setNumberValue,
-        setInputValue: setInputValue,
-        inputValue: inputValue,
-        commit: commit
-    };
-}
-function $3d0ee518c6f3d04f$var$handleDecimalOperation(operator, value1, value2) {
-    let result = operator === '+' ? value1 + value2 : value1 - value2;
-    // Check if we have decimals
-    if (value1 % 1 !== 0 || value2 % 1 !== 0) {
-        const value1Decimal = value1.toString().split('.');
-        const value2Decimal = value2.toString().split('.');
-        const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
-        const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
-        const multiplier = Math.pow(10, Math.max(value1DecimalLength, value2DecimalLength));
-        // Transform the decimals to integers based on the precision
-        value1 = Math.round(value1 * multiplier);
-        value2 = Math.round(value2 * multiplier);
-        // Perform the operation on integers values to make sure we don't get a fancy decimal value
-        result = operator === '+' ? value1 + value2 : value1 - value2;
-        // Transform the integer result back to decimal
-        result /= multiplier;
-    }
-    return result;
-}
+});
+const $ee014567cb39d3f0$var$FieldErrorInner = /*#__PURE__*/ (React.forwardRef)((props, ref)=>{
+    let validation = (React.useContext)($ee014567cb39d3f0$export$ff05c3ac10437e03);
+    let domProps = (Text.$65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
+        global: true
+    });
+    let renderProps = (Text.$64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-FieldError',
+        defaultChildren: validation.validationErrors.length === 0 ? undefined : validation.validationErrors.join(' '),
+        values: validation
+    });
+    if (renderProps.children == null) return null;
+    return /*#__PURE__*/ (React).createElement((Text.$514c0188e459b4c0$export$5f1af8db9871e1d6), {
+        slot: "errorMessage",
+        ...domProps,
+        ...renderProps,
+        ref: ref
+    });
+});
+
+/*
+ * Copyright 2023 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.
+ */ 
+
+
+const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /*#__PURE__*/ (React.createContext)(null);
+
+/*
+ * Copyright 2022 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.
+ */ 
+
+
+const $a049562f99e7db0e$export$f9c6924e160136d1 = /*#__PURE__*/ (React.createContext)({});
+const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (React.forwardRef)(function Group(props, ref) {
+    [props, ref] = (Text.$64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
+    let { isDisabled: isDisabled, isInvalid: isInvalid, onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (Text.$6179b936705e76d3$export$ae780daf29e6d456)({
+        onHoverStart: onHoverStart,
+        onHoverChange: onHoverChange,
+        onHoverEnd: onHoverEnd,
+        isDisabled: isDisabled
+    });
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = ($f7dceffc5ad7768b$export$4e328f61c538687f)({
+        within: true
+    });
+    isDisabled !== null && isDisabled !== void 0 ? isDisabled : isDisabled = !!props['aria-disabled'] && props['aria-disabled'] !== 'false';
+    isInvalid !== null && isInvalid !== void 0 ? isInvalid : isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';
+    let renderProps = (Text.$64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            isInvalid: isInvalid
+        },
+        defaultClassName: 'react-aria-Group'
+    });
+    var _props_role, _props_slot;
+    return /*#__PURE__*/ (React).createElement("div", {
+        ...(Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(otherProps, focusProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        role: (_props_role = props.role) !== null && _props_role !== void 0 ? _props_role : 'group',
+        slot: (_props_slot = props.slot) !== null && _props_slot !== void 0 ? _props_slot : undefined,
+        "data-focus-within": isFocused || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-invalid": isInvalid || undefined
+    }, renderProps.children);
+});
 
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -2793,6 +2558,56 @@ function $3d0ee518c6f3d04f$var$handleDecimalOperation(operator, value1, value2)
 
 
 
+const $3985021b0ad6602f$export$37fb8590cf2c088c = /*#__PURE__*/ (React.createContext)({});
+let $3985021b0ad6602f$var$filterHoverProps = (props)=>{
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
+    return otherProps;
+};
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /*#__PURE__*/ (Text.$f39a9eba43920ace$export$86427a43e3e48ebb)(function Input(props, ref) {
+    [props, ref] = (Text.$64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (Text.$6179b936705e76d3$export$ae780daf29e6d456)(props);
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = ($f7dceffc5ad7768b$export$4e328f61c538687f)({
+        isTextInput: true,
+        autoFocus: props.autoFocus
+    });
+    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';
+    let renderProps = (Text.$64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.disabled || false,
+            isInvalid: isInvalid
+        },
+        defaultClassName: 'react-aria-Input'
+    });
+    return /*#__PURE__*/ (React).createElement("input", {
+        ...(Text.$3ef42575df84b30b$export$9d1611c77c2fe928)($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        "data-focused": isFocused || undefined,
+        "data-disabled": props.disabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-invalid": isInvalid || undefined
+    });
+});
+
+/*
+ * Copyright 2022 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.
+ */ 
+
+
 
 
 
@@ -2802,66 +2617,66 @@ function $3d0ee518c6f3d04f$var$handleDecimalOperation(operator, value1, value2)
 
 
 
-const $10076bcc592bc574$export$b414a48cf5dcbc11 = /*#__PURE__*/ (React.createContext)(null);
-const $10076bcc592bc574$export$6cc906c6cff9bec5 = /*#__PURE__*/ (React.createContext)(null);
-const $10076bcc592bc574$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (React.forwardRef)(function NumberField(props, ref) {
-    [props, ref] = (Text.$7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $10076bcc592bc574$export$b414a48cf5dcbc11);
-    let { validationBehavior: formValidationBehavior } = (Text.$7230ffa83bc0c2cf$export$fabf2dc03a41866e)(($cdaed739b1139372$export$c24727297075ec6a)) || {};
-    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
-    let { locale: locale } = (Text.$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
-    let state = ($3d0ee518c6f3d04f$export$7f629e9dc1ecf37c)({
+const $b91743d66a0ed188$export$b414a48cf5dcbc11 = /*#__PURE__*/ (React.createContext)(null);
+const $b91743d66a0ed188$export$6cc906c6cff9bec5 = /*#__PURE__*/ (React.createContext)(null);
+const $b91743d66a0ed188$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (React.forwardRef)(function NumberField(props, ref) {
+    [props, ref] = (Text.$64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $b91743d66a0ed188$export$b414a48cf5dcbc11);
+    let { validationBehavior: formValidationBehavior } = (Text.$64fa3d84918910a7$export$fabf2dc03a41866e)(($d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};
+    var _props_validationBehavior, _ref;
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
+    let { locale: locale } = (Text.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7)();
+    let state = ($de67e98908f0c6ee$export$7f629e9dc1ecf37c)({
         ...props,
         locale: locale,
         validationBehavior: validationBehavior
     });
     let inputRef = (React.useRef)(null);
-    let [labelRef, label] = (Text.$7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
-    let { labelProps: labelProps, groupProps: groupProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = ($cd2fa56213693c5e$export$23f548e970bdf099)({
-        ...(Text.$7230ffa83bc0c2cf$export$ef03459518577ad4)(props),
+    let [labelRef, label] = (Text.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);
+    let { labelProps: labelProps, groupProps: groupProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = ($81397a9303501bda$export$23f548e970bdf099)({
+        ...(Text.$64fa3d84918910a7$export$ef03459518577ad4)(props),
         label: label,
         validationBehavior: validationBehavior
     }, state, inputRef);
-    let renderProps = (Text.$7230ffa83bc0c2cf$export$4d86445c2cf5e3)({
+    let renderProps = (Text.$64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
         values: {
             state: state,
             isDisabled: props.isDisabled || false,
             isInvalid: validation.isInvalid || false,
-            isRequired: props.isRequired || false,
-            isReadOnly: props.isReadOnly || false
+            isRequired: props.isRequired || false
         },
         defaultClassName: 'react-aria-NumberField'
     });
-    let DOMProps = (Text.$8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props, {
+    let DOMProps = (Text.$65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props, {
         global: true
     });
     delete DOMProps.id;
-    return /*#__PURE__*/ (React).createElement((Text.$7230ffa83bc0c2cf$export$2881499e37b75b9a), {
+    return /*#__PURE__*/ (React).createElement((Text.$64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
-                $10076bcc592bc574$export$6cc906c6cff9bec5,
+                $b91743d66a0ed188$export$6cc906c6cff9bec5,
                 state
             ],
             [
-                ($3a442827418ebe87$export$f9c6924e160136d1),
+                ($a049562f99e7db0e$export$f9c6924e160136d1),
                 groupProps
             ],
             [
-                ($41fb335299a4a39e$export$37fb8590cf2c088c),
+                ($3985021b0ad6602f$export$37fb8590cf2c088c),
                 {
                     ...inputProps,
                     ref: inputRef
                 }
             ],
             [
-                ($43a3b93638fe5db9$export$75b6ee27786ba447),
+                ($01b77f81d0f07f68$export$75b6ee27786ba447),
                 {
                     ...labelProps,
                     ref: labelRef
                 }
             ],
             [
-                ($7705c033048f6da7$export$24d547caef80ccd1),
+                ($d2b4bc8c273e7be6$export$24d547caef80ccd1),
                 {
                     slots: {
                         increment: incrementButtonProps,
@@ -2870,7 +2685,7 @@ const $10076bcc592bc574$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (React.forwardRe
                 }
             ],
             [
-                (Text.$efe09c6d1c304b50$export$9afb8bc826b033ea),
+                (Text.$514c0188e459b4c0$export$9afb8bc826b033ea),
                 {
                     slots: {
                         description: descriptionProps,
@@ -2879,25 +2694,23 @@ const $10076bcc592bc574$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (React.forwardRe
                 }
             ],
             [
-                ($1f3c3b1a70cec653$export$ff05c3ac10437e03),
+                ($ee014567cb39d3f0$export$ff05c3ac10437e03),
                 validation
             ]
         ]
-    }, /*#__PURE__*/ (React).createElement((Text.$7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {
+    }, /*#__PURE__*/ (React).createElement("div", {
         ...DOMProps,
         ...renderProps,
         ref: ref,
         slot: props.slot || undefined,
         "data-disabled": props.isDisabled || undefined,
-        "data-readonly": props.isReadOnly || undefined,
         "data-required": props.isRequired || undefined,
         "data-invalid": validation.isInvalid || undefined
     }), props.name && /*#__PURE__*/ (React).createElement("input", {
         type: "hidden",
         name: props.name,
         form: props.form,
-        value: isNaN(state.numberValue) ? '' : state.numberValue,
-        disabled: props.isDisabled || undefined
+        value: isNaN(state.numberValue) ? '' : state.numberValue
     }));
 });
 
@@ -2930,15 +2743,15 @@ const InputNumberRebuilt = React.forwardRef((props, ref) => {
     const { align, description, disabled, error, inline, invalid, placeholder, readOnly, showMiniLabel = true, size, minValue, maxValue } = props, ariaNumberFieldProps = tslib_es6.__rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readOnly", "showMiniLabel", "size", "minValue", "maxValue"]);
     const dataAttrs = filterDataAttributes.filterDataAttributes(props);
     const stringDescription = typeof description === "string";
-    return (React.createElement($10076bcc592bc574$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, isWheelDisabled: true, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onClick: props.onClick, onMouseDown: props.onMouseDown, onMouseUp: props.onMouseUp, onPointerDown: props.onPointerDown, onPointerUp: props.onPointerUp, onChange: handleChange }),
-        React.createElement($3a442827418ebe87$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },
+    return (React.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, isWheelDisabled: true, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onClick: props.onClick, onMouseDown: props.onMouseDown, onMouseUp: props.onMouseUp, onPointerDown: props.onPointerDown, onPointerUp: props.onPointerUp, onChange: handleChange }),
+        React.createElement($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },
             React.createElement("div", { className: styles.horizontalWrapper },
                 React.createElement("div", { className: classnames(styles.inputWrapper, disabled && styles.disabled, !showMiniLabel && styles.hideLabel, size && styles[size]) },
-                    React.createElement($41fb335299a4a39e$export$f5b8910cec6cf069, Object.assign({ className: styles.input, placeholder: " " // used for CSS minilabel
+                    React.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, Object.assign({ className: styles.input, placeholder: " " // used for CSS minilabel
                         , ref: inputRef }, dataAttrs)),
-                    React.createElement($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: styles.label }, placeholder)))),
-        description && (React.createElement(Text.$efe09c6d1c304b50$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" }, stringDescription ? (React.createElement(Text$1.Text, { size: "small", variation: "subdued" }, description)) : (description))),
-        error && (React.createElement($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: styles.fieldError },
+                    React.createElement($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: styles.label }, placeholder)))),
+        description && (React.createElement(Text.$514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" }, stringDescription ? (React.createElement(Text$1.Text, { size: "small", variation: "subdued" }, description)) : (description))),
+        error && (React.createElement($ee014567cb39d3f0$export$f551688fc98f2e09, { className: styles.fieldError },
             React.createElement(Icon.Icon, { color: "critical", name: "alert", size: "small" }),
             React.createElement(Text$1.Text, { size: "small", variation: "error" }, error)))));
 });