@react-spectrum/numberfield 3.0.0-nightly.1349 → 3.0.0-nightly.1356

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;;;ACFD,oCAAiB;AACf,qBAAmB,wBADJ;AAEf,2BAAyB,8BAFV;AAGf,0BAAwB,6BAHT;AAIf,0BAAwB,6BAJT;AAKf,0BAAwB,6BALT;AAMf,6BAA2B,gCANZ;AAOf,gBAAc,mBAPC;AAQf,mBAAiB,sBARF;AASf,uCAAqC,0CATtB;AAUf,wCAAsC,2CAVvB;AAWf,gBAAc,mBAXC;AAYf,2BAAyB,8BAZV;AAaf,iCAA+B,oCAbhB;AAcf,gCAA8B,mCAdf;AAef,kCAAgC,qCAfjB;AAgBf,iBAAe,oBAhBA;AAiBf,aAAW,gBAjBI;AAkBf,iCAA+B,oCAlBhB;AAmBf,0CAAwC,6CAnBzB;AAoBf,iCAA+B,oCApBhB;AAqBf,sBAAoB,yBArBL;AAsBf,gCAA8B,mCAtBf;AAuBf,qCAAmC,wCAvBpB;AAwBf,uCAAqC,0CAxBtB;AAyBf,4BAA0B,+BAzBX;AA0Bf,2BAAyB,8BA1BV;AA2Bf,+BAA6B,kCA3Bd;AA4Bf,mCAAiC,sCA5BlB;AA6Bf,4BAA0B,+BA7BX;AA8Bf,gCAA8B,mCA9Bf;AA+Bf,0CAAwC,6CA/BzB;AAgCf,kCAAgC,qCAhCjB;AAiCf,eAAa,kBAjCE;AAkCf,gBAAc,mBAlCC;AAmCf,gBAAc;AAnCC,CAAjB;;;AC+BA,SAASG,gDAAT,CAAoBC,KAApB,EAA4CC,GAA5C,EAA4E;AAC1ED,EAAAA,KAAK,GAAGE,gBAAgB,CAACF,KAAD,CAAxB;AACA,MAAI;AAACG,IAAAA;AAAD,MAAUC,WAAW,EAAzB;AACA,MAAI;AAACC,IAAAA,SAAD;AAAYC,IAAAA,UAAZ;AAAwBC,IAAAA;AAAxB,MAAmCP,KAAvC;AACA;;;;;AAIA,MAAI;AAACQ,IAAAA,WAAD;AAAcC,IAAAA;AAAd,MAA2BC,SAAS,iCAAKV,KAAL;AAAYW,IAAAA,WAAW,EAAE;AAAzB,MAAiCV,GAAjC,CAAxC;AACA,MAAI;AAACW,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAA0BC,QAAQ,CAACd,KAAD,CAAtC;AACA,sBACE,qBAAC,SAAD;AAAW,IAAA,cAAc,EAAEe,UAAU,6CAAe,YAAf;AAArC,kBACE;AACE,IAAA,SAAS,EACPA,UAAU,6CAER,yBAFQ,EAGR;AACE,yCAAmCV,SAAS,KAAK,IADnD;AAEE,2CAAqCA,SAAS,KAAK,MAFrD;AAGE,0CAAoCE,OAHtC;AAIE,oBAAcM,SAJhB;AAKE,mBAAaJ,SALf;AAME,qBAAeH;AANjB,KAHQ;AAFd,KAeMU,UAAU,CAACJ,UAAD,EAAaJ,WAAb,CAfhB;AAgBE,IAAA,GAAG,EAAEP;AAhBP,MAiBGI,SAAS,KAAK,IAAd,IAAsBF,KAAK,KAAK,OAAhC,iBACC,qBAAC,yBAAD;AAAK,IAAA,gBAAgB,EAAEY,UAAU,6CAAe,8BAAf,EAA+C,6BAA/C,CAAjC;AAAgH,IAAA,IAAI,EAAC;AAArH,IAlBJ,EAoBGV,SAAS,KAAK,IAAd,IAAsBF,KAAK,KAAK,QAAhC,iBACC,qBAAC,8BAAD;AAAgB,IAAA,gBAAgB,EAAEY,UAAU,6CAAe,8BAAf,EAA+C,6BAA/C;AAA5C,IArBJ,EAuBGV,SAAS,KAAK,MAAd,IAAwBF,KAAK,KAAK,OAAlC,iBACC,qBAAC,4BAAD;AAAQ,IAAA,gBAAgB,EAAEY,UAAU,6CAAe,8BAAf,EAA+C,+BAA/C,CAApC;AAAqH,IAAA,IAAI,EAAC;AAA1H,IAxBJ,EA0BGV,SAAS,KAAK,MAAd,IAAwBF,KAAK,KAAK,QAAlC,iBACC,qBAAC,gCAAD;AAAkB,IAAA,gBAAgB,EAAEY,UAAU,6CAAe,8BAAf,EAA+C,+BAA/C;AAA9C,IA3BJ,CADF,CADF;AAkCD;AAED;;;;;AAGA,IAAIE,mDAAW,gBAAGC,MAAK,CAACC,UAAN,CAAiBpB,gDAAjB,CAAlB;;ACnDA,SAASqB,iDAAT,CAAqBpB,KAArB,EAAsDC,GAAtD,EAAsF;AACpFD,EAAAA,KAAK,GAAGE,gBAAgB,CAACF,KAAD,CAAxB;AACA,MAAIqB,QAAQ,GAAGjB,WAAW,EAA1B;AACA,MAAI;AACFG,IAAAA,OADE;AAEFe,IAAAA,UAFE;AAGFhB,IAAAA,UAHE;AAIFiB,IAAAA;AAJE,MAKAvB,KALJ;AAOA,MAAI;AAACwB,IAAAA,UAAU,EAAEC;AAAb,MAAsBC,aAAa,CAAC1B,KAAD,CAAvC;AAEA,MAAI;AAAC2B,IAAAA;AAAD,MAAWC,SAAS,EAAxB;AACA,MAAIC,KAAK,GAAGC,mBAAmB,iCAAK9B,KAAL;AAAY2B,IAAAA;AAAZ,KAA/B;AACA,MAAII,QAAQ,GAAGC,MAAM,EAArB;AACA,MAAIC,MAAM,GAAGC,eAAe,CAAcjC,GAAd,EAAmB8B,QAAnB,CAA5B;AACA,MAAI;AACFI,IAAAA,UADE;AAEFC,IAAAA,UAFE;AAGFC,IAAAA,UAHE;AAIFC,IAAAA,oBAJE;AAKFC,IAAAA,oBALE;AAMFC,IAAAA,gBANE;AAOFC,IAAAA;AAPE,MAQAC,cAAc,CAAC1C,KAAD,EAAQ6B,KAAR,EAAeE,QAAf,CARlB;AASA,MAAIY,QAAQ,GAAGtB,QAAQ,CAAClB,KAAT,KAAmB,OAAlC;AACA,MAAIyC,WAAW,GAAG,CAACrB,WAAnB;AAEA,MAAI;AAACV,IAAAA,SAAD;AAAYD,IAAAA;AAAZ,MAA0BE,QAAQ,CAAC;AAACR,IAAAA;AAAD,GAAD,CAAtC;AAEA,MAAIuC,SAAS,GACX9B,UAAU,6CAER,kBAFQ,EAGR;AACE,iCAA6BR,OAD/B;AAEE,mBAAeD,UAFjB;AAGE,kCAA8BgB,UAHhC;AAIE,kBAActB,KAAK,CAAC8C,eAAN,KAA0B,SAJ1C;AAKE,qCAAiCF,WALnC;AAME,kCAA8BD,QANhC;AAOE,kBAAc9B,SAPhB;AAQE;AACA,KAACY,KAAK,CAACoB,SAAP,GAAmB,CAAC7C,KAAK,CAAC+C,KAAP,IAAgBtB,KAAK,CAACoB;AAT3C,GAHQ,CADZ;AAiBA,sBACE,qBAAC,KAAD,kCACM7C,KADN;AAEE,IAAA,gBAAgB,EAAEwC,gBAFpB;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,UAAU,EAAEL,UAJd;AAKE,IAAA,GAAG,EAAEH,MALP;AAME,IAAA,gBAAgB,EAAElB,UAAU,6CAE1B,4BAF0B,EAG1B;AACE,8CAAwC4B;AAD1C,KAH0B;AAN9B,mBAaE,qBAAC,sDAAD,kCACM3C,KADN;AAEE,IAAA,UAAU,EAAEgB,UAAU,CAACmB,UAAD,EAAavB,UAAb,CAFxB;AAGE,IAAA,UAAU,EAAEyB,UAHd;AAIE,IAAA,QAAQ,EAAEN,QAJZ;AAKE,IAAA,cAAc,EAAEO,oBALlB;AAME,IAAA,cAAc,EAAEC,oBANlB;AAOE,IAAA,SAAS,EAAEM,SAPb;AAQE,IAAA,KAAK,EAAEpB;AART,KAbF,CADF;AAyBD;;AAaD,MAAMuB,sDAAgB,gBAAG9B,MAAK,CAACC,UAAN,CAAiB,SAAS6B,gBAAT,CAA0BhD,KAA1B,EAAwDC,GAAxD,EAAqF;AAC7H,MAAI;AACFkC,IAAAA,UADE;AAEFE,IAAAA,UAFE;AAGFN,IAAAA,QAHE;AAIFkB,IAAAA,cAJE;AAKFC,IAAAA,cALE;AAMFL,IAAAA,SANE;AAOFpB,IAAAA,KAPE;AAQF0B,IAAAA,SARE;AASF5C,IAAAA,OATE;AAUFgB,IAAAA,WAVE;AAWFuB,IAAAA;AAXE,MAYA9C,KAZJ;AAaA,MAAI4C,WAAW,GAAG,CAACrB,WAAnB;AAEA,sBACE,qBAAC,SAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,WAAW,MAFb;AAGE,IAAA,UAAU,EAAER,UAAU,6CAAe,YAAf,CAHxB;AAIE,IAAA,cAAc,EAAEA,UAAU,6CAAe,YAAf,CAJ5B;AAKE,IAAA,SAAS,EAAEoC;AALb,kBAME,4DACMhB,UADN;AAEE,IAAA,GAAG,EAAElC,GAFP;AAGE,IAAA,KAAK,EAAEwB,KAHT;AAIE,IAAA,SAAS,EAAEoB;AAJb,mBAKE,qBAAC,aAAD;AACE,IAAA,gBAAgB,EACd9B,UAAU,6CAER,wBAFQ,CAFd;AAOE,IAAA,cAAc,EACZA,UAAU,6CAER,wBAFQ,CARd;AAaE,IAAA,uBAAuB,EACrBA,UAAU,6CAER,uBAFQ,CAdd;AAmBE,IAAA,OAAO,EAAER,OAnBX;AAoBE,IAAA,QAAQ,EAAEwB,QApBZ;AAqBE,IAAA,eAAe,EAAEe,eArBnB;AAsBE,IAAA,UAAU,EAAET;AAtBd,IALF,EA4BGO,WAAW,iBACZ,yDACE;AAAY,IAAA,SAAS,EAAC,IAAtB;AAA2B,IAAA,OAAO,EAAErC;AAApC,KAAiD0C,cAAjD,EADF,eAEE;AAAY,IAAA,SAAS,EAAC,MAAtB;AAA6B,IAAA,OAAO,EAAE1C;AAAtC,KAAmD2C,cAAnD,EAFF,CA7BF,CANF,CADF;AA4CD,CA5DwB,CAAzB;AA8DA;;;;;AAGA,IAAIE,WAAY,gBAAGlC,MAAK,CAACC,UAAN,CAAiBC,iDAAjB,CAAnB","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/stepper/vars.css","./packages/@react-spectrum/numberfield/src/StepButton.tsx","./packages/@react-spectrum/numberfield/src/NumberField.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n  isQuiet: boolean,\n  direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {scale} = useProvider();\n  let {direction, isDisabled, isQuiet} = props;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {hoverProps, isHovered} = useHover(props);\n  return (\n    <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n      <div\n        className={\n          classNames(\n            stepperStyle,\n            'spectrum-Stepper-button',\n            {\n              'spectrum-Stepper-button--stepUp': direction === 'up',\n              'spectrum-Stepper-button--stepDown': direction === 'down',\n              'spectrum-Stepper-button--isQuiet': isQuiet,\n              'is-hovered': isHovered,\n              'is-active': isPressed,\n              'is-disabled': isDisabled\n            }\n          )\n        }\n        {...mergeProps(hoverProps, buttonProps)}\n        ref={ref}>\n        {direction === 'up' && scale === 'large' &&\n          <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n        }\n        {direction === 'up' && scale === 'medium' &&\n          <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n        }\n        {direction === 'down' && scale === 'large' &&\n          <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n        }\n        {direction === 'down' && scale === 'medium' &&\n          <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n        }\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let provider = useProvider();\n  let {\n    isQuiet,\n    isReadOnly,\n    isDisabled,\n    hideStepper\n  } = props;\n\n  let {styleProps: style} = useStyleProps(props);\n\n  let {locale} = useLocale();\n  let state = useNumberFieldState({...props, locale});\n  let inputRef = useRef<HTMLInputElement>();\n  let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps\n  } = useNumberField(props, state, inputRef);\n  let isMobile = provider.scale === 'large';\n  let showStepper = !hideStepper;\n\n  let {isHovered, hoverProps} = useHover({isDisabled});\n\n  let className =\n    classNames(\n      stepperStyle,\n      'spectrum-Stepper',\n      {\n        'spectrum-Stepper--isQuiet': isQuiet,\n        'is-disabled': isDisabled,\n        'spectrum-Stepper--readonly': isReadOnly,\n        'is-invalid': props.validationState === 'invalid',\n        'spectrum-Stepper--showStepper': showStepper,\n        'spectrum-Stepper--isMobile': isMobile,\n        'is-hovered': isHovered,\n        // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n        [style.className]: !props.label && style.className\n      }\n    );\n\n  return (\n    <Field\n      {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      labelProps={labelProps}\n      ref={domRef}\n      wrapperClassName={classNames(\n        stepperStyle,\n        'spectrum-Stepper-container',\n        {\n          'spectrum-Stepper-container--isMobile': isMobile\n        }\n      )}>\n      <NumberFieldInput\n        {...props}\n        groupProps={mergeProps(groupProps, hoverProps)}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        incrementProps={incrementButtonProps}\n        decrementProps={decrementButtonProps}\n        className={className}\n        style={style} />\n    </Field>\n  );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n  groupProps: HTMLAttributes<HTMLDivElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  incrementProps: AriaButtonProps,\n  decrementProps: AriaButtonProps,\n  className?: string,\n  style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n  let {\n    groupProps,\n    inputProps,\n    inputRef,\n    incrementProps,\n    decrementProps,\n    className,\n    style,\n    autoFocus,\n    isQuiet,\n    hideStepper,\n    validationState\n  } = props;\n  let showStepper = !hideStepper;\n\n  return (\n    <FocusRing\n      within\n      isTextInput\n      focusClass={classNames(stepperStyle, 'is-focused')}\n      focusRingClass={classNames(stepperStyle, 'focus-ring')}\n      autoFocus={autoFocus}>\n      <div\n        {...groupProps}\n        ref={ref as RefObject<HTMLDivElement>}\n        style={style}\n        className={className}>\n        <TextFieldBase\n          UNSAFE_className={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-field'\n            )\n          }\n          inputClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-input'\n            )\n          }\n          validationIconClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-icon'\n            )\n          }\n          isQuiet={isQuiet}\n          inputRef={inputRef}\n          validationState={validationState}\n          inputProps={inputProps} />\n        {showStepper &&\n        <>\n          <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n          <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n        </>\n        }\n      </div>\n    </FocusRing>\n  );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n"],"names":["$parcel$interopDefault","a","__esModule","default","StepButton","props","ref","useProviderProps","scale","useProvider","direction","isDisabled","isQuiet","buttonProps","isPressed","useButton","elementType","hoverProps","isHovered","useHover","classNames","mergeProps","_StepButton","React","forwardRef","NumberField","provider","isReadOnly","hideStepper","styleProps","style","useStyleProps","locale","useLocale","state","useNumberFieldState","inputRef","useRef","domRef","useFocusableRef","groupProps","labelProps","inputProps","incrementButtonProps","decrementButtonProps","descriptionProps","errorMessageProps","useNumberField","isMobile","showStepper","className","validationState","label","NumberFieldInput","incrementProps","decrementProps","autoFocus","_NumberField"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/numberfield/src/index.ts","packages/@react-spectrum/numberfield/src/NumberField.tsx","packages/@react-spectrum/numberfield/src/StepButton.tsx","packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n/// <reference types=\"intl-types-extension\" />\n\nexport * from './NumberField';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaButtonProps} from '@react-types/button';\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {Field} from '@react-spectrum/label';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {HTMLAttributes, InputHTMLAttributes, RefObject, useRef} from 'react';\nimport {SpectrumNumberFieldProps} from '@react-types/numberfield';\nimport {StepButton} from './StepButton';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useNumberField} from '@react-aria/numberfield';\nimport {useNumberFieldState} from '@react-stately/numberfield';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\nfunction NumberField(props: SpectrumNumberFieldProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n  let provider = useProvider();\n  let {\n    isQuiet,\n    isReadOnly,\n    isDisabled,\n    hideStepper\n  } = props;\n\n  let {styleProps: style} = useStyleProps(props);\n\n  let {locale} = useLocale();\n  let state = useNumberFieldState({...props, locale});\n  let inputRef = useRef<HTMLInputElement>();\n  let domRef = useFocusableRef<HTMLElement>(ref, inputRef);\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    descriptionProps,\n    errorMessageProps\n  } = useNumberField(props, state, inputRef);\n  let isMobile = provider.scale === 'large';\n  let showStepper = !hideStepper;\n\n  let {isHovered, hoverProps} = useHover({isDisabled});\n\n  let className =\n    classNames(\n      stepperStyle,\n      'spectrum-Stepper',\n      {\n        'spectrum-Stepper--isQuiet': isQuiet,\n        'is-disabled': isDisabled,\n        'spectrum-Stepper--readonly': isReadOnly,\n        'is-invalid': props.validationState === 'invalid',\n        'spectrum-Stepper--showStepper': showStepper,\n        'spectrum-Stepper--isMobile': isMobile,\n        'is-hovered': isHovered,\n        // because FocusRing won't pass along the className from Field, we have to handle that ourselves\n        [style.className]: !props.label && style.className\n      }\n    );\n\n  return (\n    <Field\n      {...props as Omit<SpectrumNumberFieldProps, 'onChange'>}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      labelProps={labelProps}\n      ref={domRef}\n      wrapperClassName={classNames(\n        stepperStyle,\n        'spectrum-Stepper-container',\n        {\n          'spectrum-Stepper-container--isMobile': isMobile\n        }\n      )}>\n      <NumberFieldInput\n        {...props}\n        groupProps={mergeProps(groupProps, hoverProps)}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        incrementProps={incrementButtonProps}\n        decrementProps={decrementButtonProps}\n        className={className}\n        style={style} />\n    </Field>\n  );\n}\n\n\ninterface NumberFieldInputProps extends SpectrumNumberFieldProps {\n  groupProps: HTMLAttributes<HTMLDivElement>,\n  inputProps: InputHTMLAttributes<HTMLInputElement>,\n  inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement>,\n  incrementProps: AriaButtonProps,\n  decrementProps: AriaButtonProps,\n  className?: string,\n  style?: React.CSSProperties\n}\n\nconst NumberFieldInput = React.forwardRef(function NumberFieldInput(props: NumberFieldInputProps, ref: RefObject<HTMLElement>) {\n  let {\n    groupProps,\n    inputProps,\n    inputRef,\n    incrementProps,\n    decrementProps,\n    className,\n    style,\n    autoFocus,\n    isQuiet,\n    hideStepper,\n    validationState\n  } = props;\n  let showStepper = !hideStepper;\n\n  return (\n    <FocusRing\n      within\n      isTextInput\n      focusClass={classNames(stepperStyle, 'is-focused')}\n      focusRingClass={classNames(stepperStyle, 'focus-ring')}\n      autoFocus={autoFocus}>\n      <div\n        {...groupProps}\n        ref={ref as RefObject<HTMLDivElement>}\n        style={style}\n        className={className}>\n        <TextFieldBase\n          UNSAFE_className={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-field'\n            )\n          }\n          inputClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-input'\n            )\n          }\n          validationIconClassName={\n            classNames(\n              stepperStyle,\n              'spectrum-Stepper-icon'\n            )\n          }\n          isQuiet={isQuiet}\n          inputRef={inputRef}\n          validationState={validationState}\n          inputProps={inputProps} />\n        {showStepper &&\n        <>\n          <StepButton direction=\"up\" isQuiet={isQuiet} {...incrementProps} />\n          <StepButton direction=\"down\" isQuiet={isQuiet} {...decrementProps} />\n        </>\n        }\n      </div>\n    </FocusRing>\n  );\n});\n\n/**\n * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.\n */\nlet _NumberField = React.forwardRef(NumberField);\nexport {_NumberField as NumberField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Add from '@spectrum-icons/workflow/Add';\nimport {AriaButtonProps} from '@react-types/button';\nimport ChevronDownSmall from '@spectrum-icons/ui/ChevronDownSmall';\nimport ChevronUpSmall from '@spectrum-icons/ui/ChevronUpSmall';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {RefObject} from 'react';\nimport Remove from '@spectrum-icons/workflow/Remove';\nimport stepperStyle from '@adobe/spectrum-css-temp/components/stepper/vars.css';\nimport {useButton} from '@react-aria/button';\nimport {useHover} from '@react-aria/interactions';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\n\ninterface StepButtonProps extends AriaButtonProps {\n  isQuiet: boolean,\n  direction: 'up' | 'down'\n}\n\nfunction StepButton(props: StepButtonProps, ref: RefObject<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {scale} = useProvider();\n  let {direction, isDisabled, isQuiet} = props;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {hoverProps, isHovered} = useHover(props);\n  return (\n    <FocusRing focusRingClass={classNames(stepperStyle, 'focus-ring')}>\n      <div\n        className={\n          classNames(\n            stepperStyle,\n            'spectrum-Stepper-button',\n            {\n              'spectrum-Stepper-button--stepUp': direction === 'up',\n              'spectrum-Stepper-button--stepDown': direction === 'down',\n              'spectrum-Stepper-button--isQuiet': isQuiet,\n              'is-hovered': isHovered,\n              'is-active': isPressed,\n              'is-disabled': isDisabled\n            }\n          )\n        }\n        {...mergeProps(hoverProps, buttonProps)}\n        ref={ref}>\n        {direction === 'up' && scale === 'large' &&\n          <Add UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} size=\"S\" />\n        }\n        {direction === 'up' && scale === 'medium' &&\n          <ChevronUpSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')} />\n        }\n        {direction === 'down' && scale === 'large' &&\n          <Remove UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} size=\"S\" />\n        }\n        {direction === 'down' && scale === 'medium' &&\n          <ChevronDownSmall UNSAFE_className={classNames(stepperStyle, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')} />\n        }\n      </div>\n    </FocusRing>\n  );\n}\n\n/**\n * Buttons for NumberField.\n */\nlet _StepButton = React.forwardRef(StepButton);\nexport {_StepButton as StepButton};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,236 +1,291 @@
-import { useNumberFieldState } from "@react-stately/numberfield";
-import { useNumberField } from "@react-aria/numberfield";
-import { useLocale } from "@react-aria/i18n";
-import { TextFieldBase } from "@react-spectrum/textfield";
-import { useProvider, useProviderProps } from "@react-spectrum/provider";
-import { useHover } from "@react-aria/interactions";
-import { useButton } from "@react-aria/button";
-import _spectrumIconsWorkflowRemove from "@spectrum-icons/workflow/Remove";
-import _spectrumIconsUiChevronUpSmall from "@spectrum-icons/ui/ChevronUpSmall";
-import _spectrumIconsUiChevronDownSmall from "@spectrum-icons/ui/ChevronDownSmall";
-import _spectrumIconsWorkflowAdd from "@spectrum-icons/workflow/Add";
-import _react, { useRef } from "react";
-import { mergeProps } from "@react-aria/utils";
-import { FocusRing } from "@react-aria/focus";
-import { Field } from "@react-spectrum/label";
-import { classNames, useFocusableRef, useStyleProps } from "@react-spectrum/utils";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
 import "./main.css";
+import {useStyleProps as $kyoOw$useStyleProps, useFocusableRef as $kyoOw$useFocusableRef, classNames as $kyoOw$classNames} from "@react-spectrum/utils";
+import {Field as $kyoOw$Field} from "@react-spectrum/label";
+import {FocusRing as $kyoOw$FocusRing} from "@react-aria/focus";
+import {mergeProps as $kyoOw$mergeProps} from "@react-aria/utils";
+import $kyoOw$react, {useRef as $kyoOw$useRef} from "react";
+import {TextFieldBase as $kyoOw$TextFieldBase} from "@react-spectrum/textfield";
+import {useHover as $kyoOw$useHover} from "@react-aria/interactions";
+import {useLocale as $kyoOw$useLocale} from "@react-aria/i18n";
+import {useNumberField as $kyoOw$useNumberField} from "@react-aria/numberfield";
+import {useNumberFieldState as $kyoOw$useNumberFieldState} from "@react-stately/numberfield";
+import {useProviderProps as $kyoOw$useProviderProps, useProvider as $kyoOw$useProvider} from "@react-spectrum/provider";
+import $kyoOw$spectrumiconsworkflowAdd from "@spectrum-icons/workflow/Add";
+import $kyoOw$spectrumiconsuiChevronDownSmall from "@spectrum-icons/ui/ChevronDownSmall";
+import $kyoOw$spectrumiconsuiChevronUpSmall from "@spectrum-icons/ui/ChevronUpSmall";
+import $kyoOw$spectrumiconsworkflowRemove from "@spectrum-icons/workflow/Remove";
+import {useButton as $kyoOw$useButton} from "@react-aria/button";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $0e945f48ce411d88$exports = {};
+
+$parcel$export($0e945f48ce411d88$exports, "NumberField", () => $0e945f48ce411d88$export$63c5fa0b2fdccd2e);
+
+
+
+
+
+
+
+
+
+
+
+
+
+var $d2f65e6b9eacd894$exports = {};
+
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Button", () => $d2f65e6b9eacd894$export$1db4cca5b4ade39a, (v) => $d2f65e6b9eacd894$export$1db4cca5b4ade39a = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ActionButton", () => $d2f65e6b9eacd894$export$53da69f51b770d3, (v) => $d2f65e6b9eacd894$export$53da69f51b770d3 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-LogicButton", () => $d2f65e6b9eacd894$export$36ae67a131730482, (v) => $d2f65e6b9eacd894$export$36ae67a131730482 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-FieldButton", () => $d2f65e6b9eacd894$export$a024c99ecf6b5741, (v) => $d2f65e6b9eacd894$export$a024c99ecf6b5741 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ClearButton", () => $d2f65e6b9eacd894$export$b752ce409e5660c, (v) => $d2f65e6b9eacd894$export$b752ce409e5660c = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-button", () => $d2f65e6b9eacd894$export$4e11596482f95f63, (v) => $d2f65e6b9eacd894$export$4e11596482f95f63 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "focus-ring", () => $d2f65e6b9eacd894$export$f39a09f249340e2a, (v) => $d2f65e6b9eacd894$export$f39a09f249340e2a = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Icon", () => $d2f65e6b9eacd894$export$d374b04f30360026, (v) => $d2f65e6b9eacd894$export$d374b04f30360026 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ActionButton--emphasized", () => $d2f65e6b9eacd894$export$5aabb61a966e266f, (v) => $d2f65e6b9eacd894$export$5aabb61a966e266f = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ActionButton--staticColor", () => $d2f65e6b9eacd894$export$29b7b5d6a5a497c5, (v) => $d2f65e6b9eacd894$export$29b7b5d6a5a497c5 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "is-hovered", () => $d2f65e6b9eacd894$export$b8813cd5d7824ce7, (v) => $d2f65e6b9eacd894$export$b8813cd5d7824ce7 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Button-label", () => $d2f65e6b9eacd894$export$c081ba562e204942, (v) => $d2f65e6b9eacd894$export$c081ba562e204942 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ActionButton-label", () => $d2f65e6b9eacd894$export$ebb4635c66bacdb9, (v) => $d2f65e6b9eacd894$export$ebb4635c66bacdb9 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ActionButton-hold", () => $d2f65e6b9eacd894$export$4a4f01c443eff992, (v) => $d2f65e6b9eacd894$export$4a4f01c443eff992 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ActionButton--quiet", () => $d2f65e6b9eacd894$export$40e1f009544bacf3, (v) => $d2f65e6b9eacd894$export$40e1f009544bacf3 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "is-disabled", () => $d2f65e6b9eacd894$export$d35bc1e505d1ebbf, (v) => $d2f65e6b9eacd894$export$d35bc1e505d1ebbf = v);
+$parcel$export($d2f65e6b9eacd894$exports, "is-open", () => $d2f65e6b9eacd894$export$a9781837241c946d, (v) => $d2f65e6b9eacd894$export$a9781837241c946d = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-FieldButton--quiet", () => $d2f65e6b9eacd894$export$5ca7b274e4fff9fc, (v) => $d2f65e6b9eacd894$export$5ca7b274e4fff9fc = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ClearButton--overBackground", () => $d2f65e6b9eacd894$export$116f2fccf941d34d, (v) => $d2f65e6b9eacd894$export$116f2fccf941d34d = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-ClearButton--small", () => $d2f65e6b9eacd894$export$49280ffa5236ba8b, (v) => $d2f65e6b9eacd894$export$49280ffa5236ba8b = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper", () => $d2f65e6b9eacd894$export$f49c123746e1fb8, (v) => $d2f65e6b9eacd894$export$f49c123746e1fb8 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper--isMobile", () => $d2f65e6b9eacd894$export$75e6f9c4d1d95421, (v) => $d2f65e6b9eacd894$export$75e6f9c4d1d95421 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-button--stepUp", () => $d2f65e6b9eacd894$export$6c76d609d604c6e5, (v) => $d2f65e6b9eacd894$export$6c76d609d604c6e5 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-button--stepDown", () => $d2f65e6b9eacd894$export$e4ad52f6ba4e317b, (v) => $d2f65e6b9eacd894$export$e4ad52f6ba4e317b = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-field", () => $d2f65e6b9eacd894$export$faac6573b15f75d6, (v) => $d2f65e6b9eacd894$export$faac6573b15f75d6 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-icon", () => $d2f65e6b9eacd894$export$639c56ba6082b615, (v) => $d2f65e6b9eacd894$export$639c56ba6082b615 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper--isQuiet", () => $d2f65e6b9eacd894$export$70ed0eb2ba7512f8, (v) => $d2f65e6b9eacd894$export$70ed0eb2ba7512f8 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper--showStepper", () => $d2f65e6b9eacd894$export$a4e366275982a12f, (v) => $d2f65e6b9eacd894$export$a4e366275982a12f = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-input", () => $d2f65e6b9eacd894$export$8273fb931edd57d4, (v) => $d2f65e6b9eacd894$export$8273fb931edd57d4 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-container", () => $d2f65e6b9eacd894$export$f49a6eb8460c3f93, (v) => $d2f65e6b9eacd894$export$f49a6eb8460c3f93 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-container--isMobile", () => $d2f65e6b9eacd894$export$3486d98f7bb904b1, (v) => $d2f65e6b9eacd894$export$3486d98f7bb904b1 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "spectrum-Stepper-button-icon", () => $d2f65e6b9eacd894$export$7d7cb0c4055e98ab, (v) => $d2f65e6b9eacd894$export$7d7cb0c4055e98ab = v);
+$parcel$export($d2f65e6b9eacd894$exports, "is-active", () => $d2f65e6b9eacd894$export$20fd0f7cd4e6112f, (v) => $d2f65e6b9eacd894$export$20fd0f7cd4e6112f = v);
+$parcel$export($d2f65e6b9eacd894$exports, "is-focused", () => $d2f65e6b9eacd894$export$e7dc768d35940237, (v) => $d2f65e6b9eacd894$export$e7dc768d35940237 = v);
+$parcel$export($d2f65e6b9eacd894$exports, "is-invalid", () => $d2f65e6b9eacd894$export$14a30de2866685fa, (v) => $d2f65e6b9eacd894$export$14a30de2866685fa = v);
+var $d2f65e6b9eacd894$export$1db4cca5b4ade39a;
+var $d2f65e6b9eacd894$export$53da69f51b770d3;
+var $d2f65e6b9eacd894$export$36ae67a131730482;
+var $d2f65e6b9eacd894$export$a024c99ecf6b5741;
+var $d2f65e6b9eacd894$export$b752ce409e5660c;
+var $d2f65e6b9eacd894$export$4e11596482f95f63;
+var $d2f65e6b9eacd894$export$f39a09f249340e2a;
+var $d2f65e6b9eacd894$export$d374b04f30360026;
+var $d2f65e6b9eacd894$export$5aabb61a966e266f;
+var $d2f65e6b9eacd894$export$29b7b5d6a5a497c5;
+var $d2f65e6b9eacd894$export$b8813cd5d7824ce7;
+var $d2f65e6b9eacd894$export$c081ba562e204942;
+var $d2f65e6b9eacd894$export$ebb4635c66bacdb9;
+var $d2f65e6b9eacd894$export$4a4f01c443eff992;
+var $d2f65e6b9eacd894$export$40e1f009544bacf3;
+var $d2f65e6b9eacd894$export$d35bc1e505d1ebbf;
+var $d2f65e6b9eacd894$export$a9781837241c946d;
+var $d2f65e6b9eacd894$export$5ca7b274e4fff9fc;
+var $d2f65e6b9eacd894$export$116f2fccf941d34d;
+var $d2f65e6b9eacd894$export$49280ffa5236ba8b;
+var $d2f65e6b9eacd894$export$f49c123746e1fb8;
+var $d2f65e6b9eacd894$export$75e6f9c4d1d95421;
+var $d2f65e6b9eacd894$export$6c76d609d604c6e5;
+var $d2f65e6b9eacd894$export$e4ad52f6ba4e317b;
+var $d2f65e6b9eacd894$export$faac6573b15f75d6;
+var $d2f65e6b9eacd894$export$639c56ba6082b615;
+var $d2f65e6b9eacd894$export$70ed0eb2ba7512f8;
+var $d2f65e6b9eacd894$export$a4e366275982a12f;
+var $d2f65e6b9eacd894$export$8273fb931edd57d4;
+var $d2f65e6b9eacd894$export$f49a6eb8460c3f93;
+var $d2f65e6b9eacd894$export$3486d98f7bb904b1;
+var $d2f65e6b9eacd894$export$7d7cb0c4055e98ab;
+var $d2f65e6b9eacd894$export$20fd0f7cd4e6112f;
+var $d2f65e6b9eacd894$export$e7dc768d35940237;
+var $d2f65e6b9eacd894$export$14a30de2866685fa;
+$d2f65e6b9eacd894$export$1db4cca5b4ade39a = "_spectrum-Button_8890ad";
+$d2f65e6b9eacd894$export$53da69f51b770d3 = "_spectrum-ActionButton_8890ad";
+$d2f65e6b9eacd894$export$36ae67a131730482 = "_spectrum-LogicButton_8890ad";
+$d2f65e6b9eacd894$export$a024c99ecf6b5741 = "_spectrum-FieldButton_8890ad";
+$d2f65e6b9eacd894$export$b752ce409e5660c = "_spectrum-ClearButton_8890ad";
+$d2f65e6b9eacd894$export$4e11596482f95f63 = "_spectrum-Stepper-button_8890ad";
+$d2f65e6b9eacd894$export$f39a09f249340e2a = "_focus-ring_8890ad";
+$d2f65e6b9eacd894$export$d374b04f30360026 = "_spectrum-Icon_8890ad";
+$d2f65e6b9eacd894$export$5aabb61a966e266f = "_spectrum-ActionButton--emphasized_8890ad";
+$d2f65e6b9eacd894$export$29b7b5d6a5a497c5 = "_spectrum-ActionButton--staticColor_8890ad";
+$d2f65e6b9eacd894$export$b8813cd5d7824ce7 = "_is-hovered_8890ad";
+$d2f65e6b9eacd894$export$c081ba562e204942 = "_spectrum-Button-label_8890ad";
+$d2f65e6b9eacd894$export$ebb4635c66bacdb9 = "_spectrum-ActionButton-label_8890ad";
+$d2f65e6b9eacd894$export$4a4f01c443eff992 = "_spectrum-ActionButton-hold_8890ad";
+$d2f65e6b9eacd894$export$40e1f009544bacf3 = "_spectrum-ActionButton--quiet_8890ad";
+$d2f65e6b9eacd894$export$d35bc1e505d1ebbf = "_is-disabled_8890ad";
+$d2f65e6b9eacd894$export$a9781837241c946d = "_is-open_8890ad";
+$d2f65e6b9eacd894$export$5ca7b274e4fff9fc = "_spectrum-FieldButton--quiet_8890ad";
+$d2f65e6b9eacd894$export$116f2fccf941d34d = "_spectrum-ClearButton--overBackground_8890ad";
+$d2f65e6b9eacd894$export$49280ffa5236ba8b = "_spectrum-ClearButton--small_8890ad";
+$d2f65e6b9eacd894$export$f49c123746e1fb8 = "_spectrum-Stepper_8890ad";
+$d2f65e6b9eacd894$export$75e6f9c4d1d95421 = "_spectrum-Stepper--isMobile_8890ad";
+$d2f65e6b9eacd894$export$6c76d609d604c6e5 = "_spectrum-Stepper-button--stepUp_8890ad";
+$d2f65e6b9eacd894$export$e4ad52f6ba4e317b = "_spectrum-Stepper-button--stepDown_8890ad";
+$d2f65e6b9eacd894$export$faac6573b15f75d6 = "_spectrum-Stepper-field_8890ad";
+$d2f65e6b9eacd894$export$639c56ba6082b615 = "_spectrum-Stepper-icon_8890ad";
+$d2f65e6b9eacd894$export$70ed0eb2ba7512f8 = "_spectrum-Stepper--isQuiet_8890ad";
+$d2f65e6b9eacd894$export$a4e366275982a12f = "_spectrum-Stepper--showStepper_8890ad";
+$d2f65e6b9eacd894$export$8273fb931edd57d4 = "_spectrum-Stepper-input_8890ad";
+$d2f65e6b9eacd894$export$f49a6eb8460c3f93 = "_spectrum-Stepper-container_8890ad";
+$d2f65e6b9eacd894$export$3486d98f7bb904b1 = "_spectrum-Stepper-container--isMobile_8890ad";
+$d2f65e6b9eacd894$export$7d7cb0c4055e98ab = "_spectrum-Stepper-button-icon_8890ad";
+$d2f65e6b9eacd894$export$20fd0f7cd4e6112f = "_is-active_8890ad";
+$d2f65e6b9eacd894$export$e7dc768d35940237 = "_is-focused_8890ad";
+$d2f65e6b9eacd894$export$14a30de2866685fa = "_is-invalid_8890ad";
 
-// ASSET: /home/circleci/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/stepper/vars.css
-var $f59dc5c86d09fd6e5e0bfdeb14adb76$exports = {};
-$f59dc5c86d09fd6e5e0bfdeb14adb76$exports = {
-  "spectrum-Button": "_spectrum-Button_8b355",
-  "spectrum-ActionButton": "_spectrum-ActionButton_8b355",
-  "spectrum-LogicButton": "_spectrum-LogicButton_8b355",
-  "spectrum-FieldButton": "_spectrum-FieldButton_8b355",
-  "spectrum-ClearButton": "_spectrum-ClearButton_8b355",
-  "spectrum-Stepper-button": "_spectrum-Stepper-button_8b355",
-  "focus-ring": "_focus-ring_8b355",
-  "spectrum-Icon": "_spectrum-Icon_8b355",
-  "spectrum-ActionButton--emphasized": "_spectrum-ActionButton--emphasized_8b355",
-  "spectrum-ActionButton--staticColor": "_spectrum-ActionButton--staticColor_8b355",
-  "is-hovered": "_is-hovered_8b355",
-  "spectrum-Button-label": "_spectrum-Button-label_8b355",
-  "spectrum-ActionButton-label": "_spectrum-ActionButton-label_8b355",
-  "spectrum-ActionButton-hold": "_spectrum-ActionButton-hold_8b355",
-  "spectrum-ActionButton--quiet": "_spectrum-ActionButton--quiet_8b355",
-  "is-disabled": "_is-disabled_8b355",
-  "is-open": "_is-open_8b355",
-  "spectrum-FieldButton--quiet": "_spectrum-FieldButton--quiet_8b355",
-  "spectrum-ClearButton--overBackground": "_spectrum-ClearButton--overBackground_8b355",
-  "spectrum-ClearButton--small": "_spectrum-ClearButton--small_8b355",
-  "spectrum-Stepper": "_spectrum-Stepper_8b355",
-  "spectrum-Stepper--isMobile": "_spectrum-Stepper--isMobile_8b355",
-  "spectrum-Stepper-button--stepUp": "_spectrum-Stepper-button--stepUp_8b355",
-  "spectrum-Stepper-button--stepDown": "_spectrum-Stepper-button--stepDown_8b355",
-  "spectrum-Stepper-field": "_spectrum-Stepper-field_8b355",
-  "spectrum-Stepper-icon": "_spectrum-Stepper-icon_8b355",
-  "spectrum-Stepper--isQuiet": "_spectrum-Stepper--isQuiet_8b355",
-  "spectrum-Stepper--showStepper": "_spectrum-Stepper--showStepper_8b355",
-  "spectrum-Stepper-input": "_spectrum-Stepper-input_8b355",
-  "spectrum-Stepper-container": "_spectrum-Stepper-container_8b355",
-  "spectrum-Stepper-container--isMobile": "_spectrum-Stepper-container--isMobile_8b355",
-  "spectrum-Stepper-button-icon": "_spectrum-Stepper-button-icon_8b355",
-  "is-active": "_is-active_8b355",
-  "is-focused": "_is-focused_8b355",
-  "is-invalid": "_is-invalid_8b355"
-};
-var $f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default = $parcel$interopDefault($f59dc5c86d09fd6e5e0bfdeb14adb76$exports);
-
-function $e8890c86611923a54f7b8663bc47c34$var$StepButton(props, ref) {
-  props = useProviderProps(props);
-  let {
-    scale
-  } = useProvider();
-  let {
-    direction,
-    isDisabled,
-    isQuiet
-  } = props;
-  /**
+
+
+
+
+function $984816e77920a288$var$StepButton(props, ref) {
+    props = $kyoOw$useProviderProps(props);
+    let { scale: scale  } = $kyoOw$useProvider();
+    let { direction: direction , isDisabled: isDisabled , isQuiet: isQuiet  } = props;
+    /**
    * Must use div for now because Safari pointer event bugs on disabled form elements.
    * Link https://bugs.webkit.org/show_bug.cgi?id=219188.
-   */
-
-  let {
-    buttonProps,
-    isPressed
-  } = useButton(_babelRuntimeHelpersEsmExtends({}, props, {
-    elementType: 'div'
-  }), ref);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover(props);
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'focus-ring')
-  }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({
-    className: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-button', {
-      'spectrum-Stepper-button--stepUp': direction === 'up',
-      'spectrum-Stepper-button--stepDown': direction === 'down',
-      'spectrum-Stepper-button--isQuiet': isQuiet,
-      'is-hovered': isHovered,
-      'is-active': isPressed,
-      'is-disabled': isDisabled
-    })
-  }, mergeProps(hoverProps, buttonProps), {
-    ref: ref
-  }), direction === 'up' && scale === 'large' && /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowAdd, {
-    UNSAFE_className: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
-    size: "S"
-  }), direction === 'up' && scale === 'medium' && /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronUpSmall, {
-    UNSAFE_className: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
-  }), direction === 'down' && scale === 'large' && /*#__PURE__*/_react.createElement(_spectrumIconsWorkflowRemove, {
-    UNSAFE_className: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
-    size: "S"
-  }), direction === 'down' && scale === 'medium' && /*#__PURE__*/_react.createElement(_spectrumIconsUiChevronDownSmall, {
-    UNSAFE_className: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
-  })));
+   */ let { buttonProps: buttonProps , isPressed: isPressed  } = $kyoOw$useButton({
+        ...props,
+        elementType: 'div'
+    }, ref);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $kyoOw$useHover(props);
+    return(/*#__PURE__*/ $kyoOw$react.createElement($kyoOw$FocusRing, {
+        focusRingClass: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'focus-ring')
+    }, /*#__PURE__*/ $kyoOw$react.createElement("div", {
+        className: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-button', {
+            'spectrum-Stepper-button--stepUp': direction === 'up',
+            'spectrum-Stepper-button--stepDown': direction === 'down',
+            'spectrum-Stepper-button--isQuiet': isQuiet,
+            'is-hovered': isHovered,
+            'is-active': isPressed,
+            'is-disabled': isDisabled
+        }),
+        ...$kyoOw$mergeProps(hoverProps, buttonProps),
+        ref: ref
+    }, direction === 'up' && scale === 'large' && /*#__PURE__*/ $kyoOw$react.createElement($kyoOw$spectrumiconsworkflowAdd, {
+        UNSAFE_className: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon'),
+        size: "S"
+    }), direction === 'up' && scale === 'medium' && /*#__PURE__*/ $kyoOw$react.createElement($kyoOw$spectrumiconsuiChevronUpSmall, {
+        UNSAFE_className: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepUpIcon')
+    }), direction === 'down' && scale === 'large' && /*#__PURE__*/ $kyoOw$react.createElement($kyoOw$spectrumiconsworkflowRemove, {
+        UNSAFE_className: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon'),
+        size: "S"
+    }), direction === 'down' && scale === 'medium' && /*#__PURE__*/ $kyoOw$react.createElement($kyoOw$spectrumiconsuiChevronDownSmall, {
+        UNSAFE_className: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-button-icon', 'spectrum-Stepper-stepDownIcon')
+    }))));
 }
 /**
  * Buttons for NumberField.
- */
-
-
-let $e8890c86611923a54f7b8663bc47c34$export$StepButton = /*#__PURE__*/_react.forwardRef($e8890c86611923a54f7b8663bc47c34$var$StepButton);
-
-function $ee8e20060759cc50b79d382e771e4d9e$var$NumberField(props, ref) {
-  props = useProviderProps(props);
-  let provider = useProvider();
-  let {
-    isQuiet,
-    isReadOnly,
-    isDisabled,
-    hideStepper
-  } = props;
-  let {
-    styleProps: style
-  } = useStyleProps(props);
-  let {
-    locale
-  } = useLocale();
-  let state = useNumberFieldState(_babelRuntimeHelpersEsmExtends({}, props, {
-    locale
-  }));
-  let inputRef = useRef();
-  let domRef = useFocusableRef(ref, inputRef);
-  let {
-    groupProps,
-    labelProps,
-    inputProps,
-    incrementButtonProps,
-    decrementButtonProps,
-    descriptionProps,
-    errorMessageProps
-  } = useNumberField(props, state, inputRef);
-  let isMobile = provider.scale === 'large';
-  let showStepper = !hideStepper;
-  let {
-    isHovered,
-    hoverProps
-  } = useHover({
-    isDisabled
-  });
-  let className = classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper', {
-    'spectrum-Stepper--isQuiet': isQuiet,
-    'is-disabled': isDisabled,
-    'spectrum-Stepper--readonly': isReadOnly,
-    'is-invalid': props.validationState === 'invalid',
-    'spectrum-Stepper--showStepper': showStepper,
-    'spectrum-Stepper--isMobile': isMobile,
-    'is-hovered': isHovered,
-    // because FocusRing won't pass along the className from Field, we have to handle that ourselves
-    [style.className]: !props.label && style.className
-  });
-  return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersEsmExtends({}, props, {
-    descriptionProps: descriptionProps,
-    errorMessageProps: errorMessageProps,
-    labelProps: labelProps,
-    ref: domRef,
-    wrapperClassName: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-container', {
-      'spectrum-Stepper-container--isMobile': isMobile
-    })
-  }), /*#__PURE__*/_react.createElement($ee8e20060759cc50b79d382e771e4d9e$var$NumberFieldInput, _babelRuntimeHelpersEsmExtends({}, props, {
-    groupProps: mergeProps(groupProps, hoverProps),
-    inputProps: inputProps,
-    inputRef: inputRef,
-    incrementProps: incrementButtonProps,
-    decrementProps: decrementButtonProps,
-    className: className,
-    style: style
-  })));
-}
+ */ let $984816e77920a288$export$b2f6b60c1d32d6aa = /*#__PURE__*/ $kyoOw$react.forwardRef($984816e77920a288$var$StepButton);
+
+
+
 
-const $ee8e20060759cc50b79d382e771e4d9e$var$NumberFieldInput = /*#__PURE__*/_react.forwardRef(function NumberFieldInput(props, ref) {
-  let {
-    groupProps,
-    inputProps,
-    inputRef,
-    incrementProps,
-    decrementProps,
-    className,
-    style,
-    autoFocus,
-    isQuiet,
-    hideStepper,
-    validationState
-  } = props;
-  let showStepper = !hideStepper;
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    within: true,
-    isTextInput: true,
-    focusClass: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'is-focused'),
-    focusRingClass: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'focus-ring'),
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, groupProps, {
-    ref: ref,
-    style: style,
-    className: className
-  }), /*#__PURE__*/_react.createElement(TextFieldBase, {
-    UNSAFE_className: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-field'),
-    inputClassName: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-input'),
-    validationIconClassName: classNames($f59dc5c86d09fd6e5e0bfdeb14adb76$$interop$default, 'spectrum-Stepper-icon'),
-    isQuiet: isQuiet,
-    inputRef: inputRef,
-    validationState: validationState,
-    inputProps: inputProps
-  }), showStepper && /*#__PURE__*/_react.createElement(_react.Fragment, null, /*#__PURE__*/_react.createElement($e8890c86611923a54f7b8663bc47c34$export$StepButton, _babelRuntimeHelpersEsmExtends({
-    direction: "up",
-    isQuiet: isQuiet
-  }, incrementProps)), /*#__PURE__*/_react.createElement($e8890c86611923a54f7b8663bc47c34$export$StepButton, _babelRuntimeHelpersEsmExtends({
-    direction: "down",
-    isQuiet: isQuiet
-  }, decrementProps)))));
+
+
+
+
+
+function $0e945f48ce411d88$var$NumberField(props, ref) {
+    props = $kyoOw$useProviderProps(props);
+    let provider = $kyoOw$useProvider();
+    let { isQuiet: isQuiet , isReadOnly: isReadOnly , isDisabled: isDisabled , hideStepper: hideStepper  } = props;
+    let { styleProps: style  } = $kyoOw$useStyleProps(props);
+    let { locale: locale  } = $kyoOw$useLocale();
+    let state = $kyoOw$useNumberFieldState({
+        ...props,
+        locale: locale
+    });
+    let inputRef = $kyoOw$useRef();
+    let domRef = $kyoOw$useFocusableRef(ref, inputRef);
+    let { groupProps: groupProps , labelProps: labelProps , inputProps: inputProps , incrementButtonProps: incrementButtonProps , decrementButtonProps: decrementButtonProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $kyoOw$useNumberField(props, state, inputRef);
+    let isMobile = provider.scale === 'large';
+    let showStepper = !hideStepper;
+    let { isHovered: isHovered , hoverProps: hoverProps  } = $kyoOw$useHover({
+        isDisabled: isDisabled
+    });
+    let className = $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper', {
+        'spectrum-Stepper--isQuiet': isQuiet,
+        'is-disabled': isDisabled,
+        'spectrum-Stepper--readonly': isReadOnly,
+        'is-invalid': props.validationState === 'invalid',
+        'spectrum-Stepper--showStepper': showStepper,
+        'spectrum-Stepper--isMobile': isMobile,
+        'is-hovered': isHovered,
+        // because FocusRing won't pass along the className from Field, we have to handle that ourselves
+        [style.className]: !props.label && style.className
+    });
+    return(/*#__PURE__*/ $kyoOw$react.createElement($kyoOw$Field, {
+        ...props,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        labelProps: labelProps,
+        ref: domRef,
+        wrapperClassName: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-container', {
+            'spectrum-Stepper-container--isMobile': isMobile
+        })
+    }, /*#__PURE__*/ $kyoOw$react.createElement($0e945f48ce411d88$var$NumberFieldInput, {
+        ...props,
+        groupProps: $kyoOw$mergeProps(groupProps, hoverProps),
+        inputProps: inputProps,
+        inputRef: inputRef,
+        incrementProps: incrementButtonProps,
+        decrementProps: decrementButtonProps,
+        className: className,
+        style: style
+    })));
+}
+const $0e945f48ce411d88$var$NumberFieldInput = /*#__PURE__*/ $kyoOw$react.forwardRef(function NumberFieldInput(props, ref) {
+    let { groupProps: groupProps , inputProps: inputProps , inputRef: inputRef , incrementProps: incrementProps , decrementProps: decrementProps , className: className , style: style , autoFocus: autoFocus , isQuiet: isQuiet , hideStepper: hideStepper , validationState: validationState  } = props;
+    let showStepper = !hideStepper;
+    return(/*#__PURE__*/ $kyoOw$react.createElement($kyoOw$FocusRing, {
+        within: true,
+        isTextInput: true,
+        focusClass: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'is-focused'),
+        focusRingClass: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ $kyoOw$react.createElement("div", {
+        ...groupProps,
+        ref: ref,
+        style: style,
+        className: className
+    }, /*#__PURE__*/ $kyoOw$react.createElement($kyoOw$TextFieldBase, {
+        UNSAFE_className: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-field'),
+        inputClassName: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-input'),
+        validationIconClassName: $kyoOw$classNames((/*@__PURE__*/$parcel$interopDefault($d2f65e6b9eacd894$exports)), 'spectrum-Stepper-icon'),
+        isQuiet: isQuiet,
+        inputRef: inputRef,
+        validationState: validationState,
+        inputProps: inputProps
+    }), showStepper && /*#__PURE__*/ $kyoOw$react.createElement($kyoOw$react.Fragment, null, /*#__PURE__*/ $kyoOw$react.createElement($984816e77920a288$export$b2f6b60c1d32d6aa, {
+        direction: "up",
+        isQuiet: isQuiet,
+        ...incrementProps
+    }), /*#__PURE__*/ $kyoOw$react.createElement($984816e77920a288$export$b2f6b60c1d32d6aa, {
+        direction: "down",
+        isQuiet: isQuiet,
+        ...decrementProps
+    })))));
 });
 /**
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
- */
+ */ let $0e945f48ce411d88$export$63c5fa0b2fdccd2e = /*#__PURE__*/ $kyoOw$react.forwardRef($0e945f48ce411d88$var$NumberField);
+
+
 
 
-export let NumberField = /*#__PURE__*/_react.forwardRef($ee8e20060759cc50b79d382e771e4d9e$var$NumberField);
+export {$0e945f48ce411d88$export$63c5fa0b2fdccd2e as NumberField};
 //# sourceMappingURL=module.js.map