@jobber/components 6.123.0 → 6.123.2

package/dist/Grid-es.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { a as GridCell } from './GridCell-es.js';
 import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
 
-var styles = {"grid":"_0X4jj5NERa4-","gap":"d3vl57tdCWA-","spinning":"Y--XfgJk5Fw-"};
+var styles = {"grid":"_0X4jj5NERa4-","gap":"d3vl57tdCWA-"};
 
 var alignments = {"center":"V-24AGDyie4-","start":"H0zdYNTapmM-","end":"O5VtcGWRV3M-","stretch":"wVv5gaWrouI-","spinning":"DcsVgHCowbg-"};
 

package/dist/GridCell-cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 
-var styles = {"gridCell":"U0IgyTjmtnU-","spinning":"KceqkKMGwzE-"};
+var styles = {"gridCell":"U0IgyTjmtnU-"};
 
 /**
  * Breakpoints that we support

package/dist/GridCell-es.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var styles = {"gridCell":"U0IgyTjmtnU-","spinning":"KceqkKMGwzE-"};
+var styles = {"gridCell":"U0IgyTjmtnU-"};
 
 /**
  * Breakpoints that we support

package/dist/InputAvatar-cjs.js

@@ -8,7 +8,7 @@ var ProgressBar = require('./ProgressBar-cjs.js');
 var Button = require('./Button-cjs.js');
 require('classnames');
 
-var styles = {"inputAvatar":"CMahTsC0SPE-","preview":"VOVr4KEFeVk-","centered":"HzGL7-Sfok4-","overlay":"Cflv-yL6aVQ-","spinning":"aeMMyPDHQho-"};
+var styles = {"inputAvatar":"CMahTsC0SPE-","preview":"VOVr4KEFeVk-","centered":"HzGL7-Sfok4-","overlay":"Cflv-yL6aVQ-"};
 
 function InputAvatar(_a) {
     var { getUploadParams, onUploadComplete, onChange } = _a, avatarProps = tslib_es6.__rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);

package/dist/InputAvatar-es.js

@@ -6,7 +6,7 @@ import { P as ProgressBar } from './ProgressBar-es.js';
 import { B as Button } from './Button-es.js';
 import 'classnames';
 
-var styles = {"inputAvatar":"CMahTsC0SPE-","preview":"VOVr4KEFeVk-","centered":"HzGL7-Sfok4-","overlay":"Cflv-yL6aVQ-","spinning":"aeMMyPDHQho-"};
+var styles = {"inputAvatar":"CMahTsC0SPE-","preview":"VOVr4KEFeVk-","centered":"HzGL7-Sfok4-","overlay":"Cflv-yL6aVQ-"};
 
 function InputAvatar(_a) {
     var { getUploadParams, onUploadComplete, onChange } = _a, avatarProps = __rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);

package/dist/InputDate/index.mjs

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState, useEffect, forwardRef } from 'react';
 import { o as omit } from '../omit-es.js';
-import { k as FormField } from '../FormField-es.js';
+import { F as FormField } from '../FormField-es.js';
 import 'classnames';
 import '../tslib.es6-es.js';
 import 'react-hook-form';

package/dist/InputEmail/index.mjs

@@ -1,5 +1,5 @@
 import React__default, { forwardRef, useId, useRef } from 'react';
-import { k as FormField, b as useAtlantisFormFieldName, f as FormFieldWrapper, l as formFieldStyles, m as FormFieldPostFix } from '../FormField-es.js';
+import { F as FormField, i as useAtlantisFormFieldName, e as FormFieldWrapper, l as formFieldStyles, m as FormFieldPostFix } from '../FormField-es.js';
 import 'classnames';
 import '../tslib.es6-es.js';
 import 'react-hook-form';

package/dist/InputFile-cjs.js

@@ -330,6 +330,11 @@ function fromFileEntry(entry) {
 var _default = function (file, acceptedFiles) {
   if (file && acceptedFiles) {
     var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
+
+    if (acceptedFilesArray.length === 0) {
+      return true;
+    }
+
     var fileName = file.name || '';
     var mimeType = (file.type || '').toLowerCase();
     var baseMimeType = mimeType.replace(/\/.*$/, '');
@@ -352,7 +357,7 @@ var _default = function (file, acceptedFiles) {
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -570,7 +575,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -1440,7 +1445,7 @@ function reducer(state, action) {
 
 function noop() {}
 
-var styles = {"dropZoneBase":"fSDkYM-382I-","dropZone":"yT6m1v71VK8-","active":"fCb0O1wAjR0-","error":"Cm5wIem0XQI-","validationErrors":"wyjYhAlF1qA-","dropzoneContent":"sAxF04DcAi4-","spinning":"SUZshYRxxl4-"};
+var styles = {"dropZoneBase":"fSDkYM-382I-","dropZone":"yT6m1v71VK8-","active":"fCb0O1wAjR0-","error":"Cm5wIem0XQI-","validationErrors":"wyjYhAlF1qA-","dropzoneContent":"sAxF04DcAi4-"};
 
 var FileTypes;
 (function (FileTypes) {

package/dist/InputFile-es.js

@@ -328,6 +328,11 @@ function fromFileEntry(entry) {
 var _default = function (file, acceptedFiles) {
   if (file && acceptedFiles) {
     var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
+
+    if (acceptedFilesArray.length === 0) {
+      return true;
+    }
+
     var fileName = file.name || '';
     var mimeType = (file.type || '').toLowerCase();
     var baseMimeType = mimeType.replace(/\/.*$/, '');
@@ -350,7 +355,7 @@ var _default = function (file, acceptedFiles) {
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -568,7 +573,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -1438,7 +1443,7 @@ function reducer(state, action) {
 
 function noop() {}
 
-var styles = {"dropZoneBase":"fSDkYM-382I-","dropZone":"yT6m1v71VK8-","active":"fCb0O1wAjR0-","error":"Cm5wIem0XQI-","validationErrors":"wyjYhAlF1qA-","dropzoneContent":"sAxF04DcAi4-","spinning":"SUZshYRxxl4-"};
+var styles = {"dropZoneBase":"fSDkYM-382I-","dropZone":"yT6m1v71VK8-","active":"fCb0O1wAjR0-","error":"Cm5wIem0XQI-","validationErrors":"wyjYhAlF1qA-","dropzoneContent":"sAxF04DcAi4-"};
 
 var FileTypes;
 (function (FileTypes) {

package/dist/InputNumber/index.cjs

@@ -3,6 +3,7 @@
 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');
@@ -44,8 +45,7 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
             form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
         };
     }, [
-        ref,
-        handleReset
+        ref
     ]);
 }
 
@@ -631,6 +631,7 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
     let updateState = (React.useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
     let onFocusChange = (React.useCallback)((isFocused)=>{
         state.current.isFocused = isFocused;
+        state.current.isFocusVisible = (Text.$507fabe10e71c6fb$export$b9b3dfddab17db27)();
         setFocused(isFocused);
         updateState();
     }, [
@@ -639,7 +640,11 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
     (Text.$507fabe10e71c6fb$export$ec71b4b83ac08ec3)((isFocusVisible)=>{
         state.current.isFocusVisible = isFocusVisible;
         updateState();
-    }, [], {
+    }, [
+        isTextInput,
+        isFocused
+    ], {
+        enabled: isFocused,
         isTextInput: isTextInput
     });
     let { focusProps: focusProps } = (Text.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
@@ -964,7 +969,7 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
         // 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' && window.event.target instanceof MessagePort;
+            isIgnoredReset.current = !window.event || window.event.type === 'message' && (Text.$d4ee10de306f2510$export$e58f029f0fbfdb29)(window.event) instanceof MessagePort;
             reset === null || reset === void 0 ? void 0 : reset.call(form);
             isIgnoredReset.current = false;
         };
@@ -980,9 +985,6 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
         };
     }, [
         ref,
-        onInvalid,
-        onChange,
-        onReset,
         validationBehavior
     ]);
 }
@@ -1015,8 +1017,9 @@ function $e93e671b31057976$var$getNativeValidity(input) {
 }
 function $e93e671b31057976$var$getFirstInvalidInput(form) {
     for(let i = 0; i < form.elements.length; i++){
+        var _element_validity;
         let element = form.elements[i];
-        if (!element.validity.valid) return element;
+        if (((_element_validity = element.validity) === null || _element_validity === void 0 ? void 0 : _element_validity.valid) === false) return element;
     }
     return null;
 }
@@ -1063,25 +1066,6 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, 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.$3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
@@ -1096,7 +1080,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
             'aria-haspopup': props['aria-haspopup'],
             'aria-controls': props['aria-controls'],
             value: value,
-            onChange: (e)=>setValue(e.target.value),
+            onChange: (e)=>setValue((Text.$d4ee10de306f2510$export$e58f029f0fbfdb29)(e).value),
             autoComplete: props.autoComplete,
             autoCapitalize: props.autoCapitalize,
             maxLength: props.maxLength,
@@ -1206,11 +1190,10 @@ function $d841c8010a73d545$export$4f384c9210e583c3(props, state, inputRef) {
             input.removeEventListener('beforeinput', onBeforeInputFallback, false);
         };
     }, [
-        inputRef,
-        onBeforeInputFallback
+        inputRef
     ]);
     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);
+        let nextValue = (Text.$d4ee10de306f2510$export$e58f029f0fbfdb29)(e).value.slice(0, (Text.$d4ee10de306f2510$export$e58f029f0fbfdb29)(e).selectionStart) + e.data + (Text.$d4ee10de306f2510$export$e58f029f0fbfdb29)(e).value.slice((Text.$d4ee10de306f2510$export$e58f029f0fbfdb29)(e).selectionEnd);
         if (!state.validate(nextValue)) e.preventDefault();
     } : null;
     let { labelProps: labelProps, inputProps: textFieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = ($2d73ec29415bd339$export$712718f7aec83d5)(props, inputRef);
@@ -1328,22 +1311,25 @@ function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(props) {
         numberParser,
         inputValue
     ]);
-    let commit = ()=>{
+    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 (!inputValue.length) {
+        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(parsedValue)) {
+        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;
-        if (step === undefined || isNaN(step)) clampedValue = (Text.$9446cca9a3875146$export$7d15b64cf5a3a4c4)(parsedValue, minValue, maxValue);
-        else clampedValue = (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(parsedValue, minValue, maxValue, step);
+        if (step === undefined || isNaN(step)) clampedValue = (Text.$9446cca9a3875146$export$7d15b64cf5a3a4c4)(newParsedValue, minValue, maxValue);
+        else clampedValue = (Text.$9446cca9a3875146$export$cb6e0bb50bc19463)(newParsedValue, 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
@@ -1709,13 +1695,21 @@ function $parcel$interopDefault$1(a) {
 
 
 
+const $d2e8511e6f209edf$var$noop = ()=>{};
 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.$fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault$1($a99895ee3dc79e61$exports))), '@react-aria/spinbutton');
-    const clearAsync = ()=>clearTimeout(_async.current);
+    let isSpinning = (React.useRef)(false);
+    const clearAsync = (React.useCallback)(()=>{
+        clearTimeout(_async.current);
+        isSpinning.current = false;
+    }, []);
+    const clearAsyncEvent = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        clearAsync();
+    });
     (React.useEffect)(()=>{
-        return ()=>clearAsync();
+        return ()=>clearAsyncEvent();
     }, []);
     let onKeyDown = (e)=>{
         if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || isReadOnly || e.nativeEvent.isComposing) return;
@@ -1782,26 +1776,61 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     }, [
         ariaTextValue
     ]);
-    const onIncrementPressStart = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
+    // For touch users, if they move their finger like they're scrolling, we don't want to trigger a spin.
+    let onPointerCancel = (React.useCallback)(()=>{
         clearAsync();
-        onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+    }, [
+        clearAsync
+    ]);
+    const onIncrementEvent = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(onIncrement !== null && onIncrement !== void 0 ? onIncrement : $d2e8511e6f209edf$var$noop);
+    const onDecrementEvent = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(onDecrement !== null && onDecrement !== void 0 ? onDecrement : $d2e8511e6f209edf$var$noop);
+    const stepUpEvent = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) {
+            onIncrementEvent();
+            onIncrementPressStartEvent(60);
+        }
+    });
+    const onIncrementPressStartEvent = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
+        clearAsyncEvent();
+        isSpinning.current = true;
         // Start spinning after initial delay
-        _async.current = window.setTimeout(()=>{
-            if (maxValue === undefined || isNaN(maxValue) || value === undefined || isNaN(value) || value < maxValue) onIncrementPressStart(60);
-        }, initialStepDelay);
+        _async.current = window.setTimeout(stepUpEvent, initialStepDelay);
     });
-    const onDecrementPressStart = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
-        clearAsync();
-        onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+    const stepDownEvent = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)(()=>{
+        if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) {
+            onDecrementEvent();
+            onDecrementPressStartEvent(60);
+        }
+    });
+    const onDecrementPressStartEvent = (Text.$8ae05eaa5c114e9c$export$7f54fc3180508a52)((initialStepDelay)=>{
+        clearAsyncEvent();
+        isSpinning.current = true;
         // Start spinning after initial delay
-        _async.current = window.setTimeout(()=>{
-            if (minValue === undefined || isNaN(minValue) || value === undefined || isNaN(value) || value > minValue) onDecrementPressStart(60);
-        }, initialStepDelay);
+        _async.current = window.setTimeout(stepDownEvent, initialStepDelay);
     });
     let cancelContextMenu = (e)=>{
         e.preventDefault();
     };
     let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = (Text.$03deb23ff14920c4$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
+    ]);
     return {
         spinButtonProps: {
             role: 'spinbutton',
@@ -1817,25 +1846,68 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
             onBlur: onBlur
         },
         incrementButtonProps: {
-            onPressStart: ()=>{
-                onIncrementPressStart(400);
+            onPressStart: (e)=>{
+                clearAsync();
+                if (e.pointerType !== 'touch') {
+                    onIncrement === null || onIncrement === void 0 ? void 0 : 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');
+                }
                 addGlobalListener(window, 'contextmenu', cancelContextMenu);
             },
-            onPressEnd: ()=>{
+            onPressUp: (e)=>{
                 clearAsync();
+                if (e.pointerType === 'touch') isUp.current = true;
                 removeAllGlobalListeners();
+                setIsIncrementPressed(null);
+            },
+            onPressEnd: (e)=>{
+                clearAsync();
+                if (e.pointerType === 'touch') {
+                    if (!isSpinning.current && isUp.current) onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+                }
+                isUp.current = false;
+                setIsIncrementPressed(null);
             },
             onFocus: onFocus,
             onBlur: onBlur
         },
         decrementButtonProps: {
-            onPressStart: ()=>{
-                onDecrementPressStart(400);
-                addGlobalListener(window, 'contextmenu', cancelContextMenu);
+            onPressStart: (e)=>{
+                clearAsync();
+                if (e.pointerType !== 'touch') {
+                    onDecrement === null || onDecrement === void 0 ? void 0 : 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');
+                }
             },
-            onPressEnd: ()=>{
+            onPressUp: (e)=>{
                 clearAsync();
+                if (e.pointerType === 'touch') isUp.current = true;
                 removeAllGlobalListeners();
+                setIsDecrementPressed(null);
+            },
+            onPressEnd: (e)=>{
+                clearAsync();
+                if (e.pointerType === 'touch') {
+                    if (!isSpinning.current && isUp.current) onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+                }
+                isUp.current = false;
+                setIsDecrementPressed(null);
             },
             onFocus: onFocus,
             onBlur: onBlur
@@ -2174,15 +2246,30 @@ function $parcel$interopDefault(a) {
 
 
 
+
+
 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.$fca6afa0e843324b$export$f12b703ca79dfbb1)((($parcel$interopDefault($280a227d7cb94b92$exports))), '@react-aria/numberfield');
+    let commitAndAnnounce = (React.useCallback)(()=>{
+        var _inputRef_current, _inputRef_current1, _inputRef_current2;
+        var _inputRef_current_value;
+        let oldValue = (_inputRef_current_value = (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.value) !== null && _inputRef_current_value !== void 0 ? _inputRef_current_value : '';
+        // Set input value to normalized valid value
+        (ReactDOM.flushSync)(()=>{
+            commit();
+        });
+        var _inputRef_current_value1;
+        if (((_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.value) !== oldValue) ($319e236875307eab$export$a9b970dcc4ae71a9)((_inputRef_current_value1 = (_inputRef_current2 = inputRef.current) === null || _inputRef_current2 === void 0 ? void 0 : _inputRef_current2.value) !== null && _inputRef_current_value1 !== void 0 ? _inputRef_current_value1 : '', 'assertive');
+    }, [
+        commit,
+        inputRef
+    ]);
     let inputId = (Text.$bdb11010cef70236$export$f680877a34711e37)(id);
     let { focusProps: focusProps } = (Text.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
         onBlur () {
-            // Set input value to normalized valid value
-            commit();
+            commitAndAnnounce();
         }
     });
     let numberFormatter = ($a916eb452884faea$export$b7a616150fdb9f44)(formatOptions);
@@ -2258,6 +2345,24 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
     let onChange = (value)=>{
         if (state.validate(value)) state.setInputValue(value);
     };
+    let onPaste = (e)=>{
+        var _props_onPaste;
+        (_props_onPaste = props.onPaste) === null || _props_onPaste === void 0 ? void 0 : _props_onPaste.call(props, e);
+        let inputElement = (Text.$d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        var _inputElement_selectionEnd, _inputElement_selectionStart;
+        // 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 = inputElement.selectionEnd) !== null && _inputElement_selectionEnd !== void 0 ? _inputElement_selectionEnd : -1) - ((_inputElement_selectionStart = inputElement.selectionStart) !== null && _inputElement_selectionStart !== void 0 ? _inputElement_selectionStart : 0) === inputElement.value.length) {
+            var _e_clipboardData_getData, _e_clipboardData_getData1, _e_clipboardData;
+            e.preventDefault();
+            var _e_clipboardData_getData_trim;
+            // 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_trim = (_e_clipboardData = e.clipboardData) === null || _e_clipboardData === void 0 ? void 0 : (_e_clipboardData_getData1 = _e_clipboardData.getData) === null || _e_clipboardData_getData1 === void 0 ? void 0 : (_e_clipboardData_getData = _e_clipboardData_getData1.call(_e_clipboardData, 'text/plain')) === null || _e_clipboardData_getData === void 0 ? void 0 : _e_clipboardData_getData.trim()) !== null && _e_clipboardData_getData_trim !== void 0 ? _e_clipboardData_getData_trim : '');
+        }
+    };
     let domProps = (Text.$65484d02dcb7eb3e$export$457c3d6518dd4c6f)(props);
     let onKeyDownEnter = (React.useCallback)((e)=>{
         if (e.nativeEvent.isComposing) return;
@@ -2300,6 +2405,7 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
             onKeyDown
         ]),
         onKeyUp: onKeyUp,
+        onPaste: onPaste,
         description: description,
         errorMessage: errorMessage
     }, state, inputRef);
@@ -2321,7 +2427,7 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
         var _inputRef_current;
         // If focus is already on the input, keep it there so we don't hide the
         // software keyboard when tapping the increment/decrement buttons.
-        if (document.activeElement === inputRef.current) return;
+        if ((Text.$d4ee10de306f2510$export$cd4e5573fbe2b576)() === 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.
@@ -2404,7 +2510,8 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
 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;
+    let { elementType: elementType = 'label', ...labelProps } = props;
+    let ElementType = (Text.$64fa3d84918910a7$export$df3a06d6289f983e)[elementType];
     // @ts-ignore
     return /*#__PURE__*/ (React).createElement(ElementType, {
         className: "react-aria-Label",
@@ -2506,7 +2613,9 @@ const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /*#__PURE__*/ (React.createCon
 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 { isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
+    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 { hoverProps: hoverProps, isHovered: isHovered } = (Text.$6179b936705e76d3$export$ae780daf29e6d456)({
         onHoverStart: onHoverStart,
         onHoverChange: onHoverChange,
@@ -2516,8 +2625,6 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (React.forwardRe
     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: {
@@ -2530,7 +2637,7 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (React.forwardRe
         defaultClassName: 'react-aria-Group'
     });
     var _props_role, _props_slot;
-    return /*#__PURE__*/ (React).createElement("div", {
+    return /*#__PURE__*/ (React).createElement((Text.$64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...(Text.$3ef42575df84b30b$export$9d1611c77c2fe928)(otherProps, focusProps, hoverProps),
         ...renderProps,
         ref: ref,
@@ -2540,7 +2647,8 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (React.forwardRe
         "data-hovered": isHovered || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-disabled": isDisabled || undefined,
-        "data-invalid": isInvalid || undefined
+        "data-invalid": isInvalid || undefined,
+        "data-readonly": isReadOnly || undefined
     }, renderProps.children);
 });
 
@@ -2566,7 +2674,10 @@ let $3985021b0ad6602f$var$filterHoverProps = (props)=>{
 };
 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 { hoverProps: hoverProps, isHovered: isHovered } = (Text.$6179b936705e76d3$export$ae780daf29e6d456)({
+        ...props,
+        isDisabled: props.disabled
+    });
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = ($f7dceffc5ad7768b$export$4e328f61c538687f)({
         isTextInput: true,
         autoFocus: props.autoFocus
@@ -2583,7 +2694,7 @@ const $3985021b0ad6602f$export$f5b8910cec6cf069 = /*#__PURE__*/ (Text.$f39a9eba4
         },
         defaultClassName: 'react-aria-Input'
     });
-    return /*#__PURE__*/ (React).createElement("input", {
+    return /*#__PURE__*/ (React).createElement((Text.$64fa3d84918910a7$export$df3a06d6289f983e).input, {
         ...(Text.$3ef42575df84b30b$export$9d1611c77c2fe928)($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
         ...renderProps,
         ref: ref,
@@ -2698,7 +2809,7 @@ const $b91743d66a0ed188$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (React.forwardRe
                 validation
             ]
         ]
-    }, /*#__PURE__*/ (React).createElement("div", {
+    }, /*#__PURE__*/ (React).createElement((Text.$64fa3d84918910a7$export$df3a06d6289f983e).div, {
         ...DOMProps,
         ...renderProps,
         ref: ref,
@@ -2710,7 +2821,8 @@ const $b91743d66a0ed188$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (React.forwardRe
         type: "hidden",
         name: props.name,
         form: props.form,
-        value: isNaN(state.numberValue) ? '' : state.numberValue
+        value: isNaN(state.numberValue) ? '' : state.numberValue,
+        disabled: props.isDisabled || undefined
     }));
 });