@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/components/NavBarSection/NavBarSection.js

@@ -1,68 +1,44 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _focus = require("@react-aria/focus");
-
 var _interactions = require("@react-aria/interactions");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _ = require("../../");
-
+var _ = require("../..");
 var _NavBarContext = require("../../context/NavBarContext");
-
 var _NavBarItemBody = _interopRequireDefault(require("./NavBarItemBody"));
-
 var _NavBarItemHeader = _interopRequireDefault(require("./NavBarItemHeader"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["hasSeparator", "title", "items"],
-    _excluded2 = ["key", "children"];
-
+  _excluded2 = ["key", "children"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * Composed component that creates a group
  * with title, and separator options.
  *
  */
+
 var NavBarSection = function NavBarSection(_ref) {
   var hasSeparator = _ref.hasSeparator,
-      title = _ref.title,
-      items = _ref.items,
-      others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    title = _ref.title,
+    items = _ref.items,
+    others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var ref = (0, _react.useRef)();
   var childrenItems = (0, _filter["default"])(items).call(items, function (item) {
     return item.children;
@@ -70,7 +46,7 @@ var NavBarSection = function NavBarSection(_ref) {
   return (0, _react2.jsx)(_react["default"].Fragment, null, hasSeparator && (0, _react2.jsx)(_.Separator, {
     variant: "separator.navBarSeparator"
   }), title && (0, _react2.jsx)(_.Text, {
-    variant: "text.navBarSubtitle",
+    variant: "variants.navBar.subtitle",
     mt: hasSeparator ? '0' : undefined
   }, title), (0, _react2.jsx)("ul", (0, _extends2["default"])({
     ref: ref,
@@ -88,89 +64,68 @@ var NavBarSection = function NavBarSection(_ref) {
     }));
   })));
 };
-
 var SectionItem = function SectionItem(_ref2) {
   var item = _ref2.item;
   var key = item.key,
-      children = item.children,
-      others = (0, _objectWithoutProperties2["default"])(item, _excluded2);
-  var headerButtonRef = (0, _react.useRef)();
+    children = item.children,
+    others = (0, _objectWithoutProperties2["default"])(item, _excluded2);
   var navBarState = (0, _NavBarContext.useNavBarContext)();
   var expandedKeys = navBarState.expandedKeys,
-      setExpandedKeys = navBarState.setExpandedKeys;
+    setExpandedKeys = navBarState.setExpandedKeys;
   var isExpanded = (0, _includes["default"])(expandedKeys).call(expandedKeys, key);
   var firstChildKey = children.length ? children[0].key : null;
   var lastChildKey = children.length ? children[children.length - 1].key : null;
-
   var onExpandedChange = function onExpandedChange(isOpen) {
     var newArray;
-
     if (isOpen) {
       var _context;
-
       newArray = (0, _concat["default"])(_context = []).call(_context, expandedKeys, [key]);
     } else {
       newArray = (0, _filter["default"])(expandedKeys).call(expandedKeys, function (thiskey) {
         return thiskey !== key;
       });
     }
-
     setExpandedKeys(newArray);
   };
-
   var focusManager = (0, _focus.useFocusManager)();
-
   var _onKeyDown = function onKeyDown(e, childKey) {
     var _e$target;
-
     switch (e.which) {
       case 39:
       case 40:
         if (childKey !== lastChildKey) {
           focusManager.focusNext();
         }
-
         e.preventDefault();
         break;
-
       case 37:
       case 38:
         if (childKey !== firstChildKey) {
           focusManager.focusPrevious();
         }
-
         e.preventDefault();
         break;
-
       case 27:
         onExpandedChange(false);
-        headerButtonRef.current.focus();
         break;
-
       case 32:
         if (childKey && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.href) {
           e.target.click();
         }
-
         break;
-
       default:
         break;
     }
   };
-
   var _useKeyboard = (0, _interactions.useKeyboard)({
-    onKeyDown: function onKeyDown(e) {
-      _onKeyDown(e);
-
-      e.continuePropagation();
-    }
-  }),
-      keyboardProps = _useKeyboard.keyboardProps;
-
+      onKeyDown: function onKeyDown(e) {
+        _onKeyDown(e);
+        e.continuePropagation();
+      }
+    }),
+    keyboardProps = _useKeyboard.keyboardProps;
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Button, (0, _extends2["default"])({
-    ref: headerButtonRef,
-    variant: "navBarSectionButton",
+    variant: "variants.navBar.sectionButton",
     onPress: function onPress() {
       return onExpandedChange(!isExpanded);
     }
@@ -181,17 +136,14 @@ var SectionItem = function SectionItem(_ref2) {
     onKeyDown: _onKeyDown
   }));
 };
-
 NavBarSection.defaultProps = {
   hasSeparator: false
 };
 NavBarSection.propTypes = {
   /** If true, a separator will render at the end of the section */
   hasSeparator: _propTypes["default"].bool,
-
   /** If present, this string will render at the top of the section */
   title: _propTypes["default"].string,
-
   /**
    * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
    * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).

package/lib/cjs/components/NavBarSection/index.js

@@ -1,45 +1,35 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "NavBarItem", {
   enumerable: true,
   get: function get() {
     return _NavBarItem["default"];
   }
 });
-
 _Object$defineProperty(exports, "NavBarItemButton", {
   enumerable: true,
   get: function get() {
     return _NavBarItemButton["default"];
   }
 });
-
 _Object$defineProperty(exports, "NavBarItemLink", {
   enumerable: true,
   get: function get() {
     return _NavBarItemLink["default"];
   }
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _NavBarSection["default"];
   }
 });
-
-var _NavBarSection = _interopRequireDefault(require("./NavBarSection"));
-
+var _NavBarItem = _interopRequireDefault(require("./NavBarItem"));
 var _NavBarItemButton = _interopRequireDefault(require("./NavBarItemButton"));
-
 var _NavBarItemLink = _interopRequireDefault(require("./NavBarItemLink"));
-
-var _NavBarItem = _interopRequireDefault(require("./NavBarItem"));
+var _NavBarSection = _interopRequireDefault(require("./NavBarSection"));

package/lib/cjs/components/NumberField/NumberField.js

@@ -1,79 +1,43 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/trim"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _MenuUpIcon = _interopRequireDefault(require("mdi-react/MenuUpIcon"));
-
-var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
-
-var _numberfield = require("@react-aria/numberfield");
-
-var _numberfield2 = require("@react-stately/numberfield");
-
+var _reactAria = require("react-aria");
+var _reactStately = require("react-stately");
 var _i18n = require("@react-aria/i18n");
-
-var _utils = require("@react-aria/utils");
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
+var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
+var _MenuUpIcon = _interopRequireDefault(require("mdi-react/MenuUpIcon"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
-
-var _ = require("../../");
-
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-
+var _ = require("../..");
 var _hooks = require("../../hooks");
-
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
+var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Number fields allow users to enter a number, and increment or
  * decrement the value using stepper buttons.
@@ -82,43 +46,36 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * and [useNumberFieldState](https://react-spectrum.adobe.com/react-stately/useNumberFieldState.html) from
  * React Stately.
  */
+
 var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
-      status = props.status;
-
+    status = props.status;
   var _useLocale = (0, _i18n.useLocale)(),
-      locale = _useLocale.locale;
-
-  var state = (0, _numberfield2.useNumberFieldState)(_objectSpread(_objectSpread({}, props), {}, {
+    locale = _useLocale.locale;
+  var state = (0, _reactStately.useNumberFieldState)(_objectSpread(_objectSpread({}, props), {}, {
     locale: locale
   }));
-
   var inputRef = _react["default"].useRef();
-
   var incrRef = _react["default"].useRef();
-
   var decRef = _react["default"].useRef();
-
-  var _useNumberField = (0, _numberfield.useNumberField)(props, state, inputRef),
-      labelProps = _useNumberField.labelProps,
-      groupProps = _useNumberField.groupProps,
-      inputProps = _useNumberField.inputProps,
-      incrementButtonProps = _useNumberField.incrementButtonProps,
-      decrementButtonProps = _useNumberField.decrementButtonProps;
-
+  var _useNumberField = (0, _reactAria.useNumberField)(props, state, inputRef),
+    labelProps = _useNumberField.labelProps,
+    groupProps = _useNumberField.groupProps,
+    inputProps = _useNumberField.inputProps,
+    incrementButtonProps = _useNumberField.incrementButtonProps,
+    decrementButtonProps = _useNumberField.decrementButtonProps;
   var _useField = (0, _hooks.useField)(props),
-      fieldContainerProps = _useField.fieldContainerProps,
-      fieldControlProps = _useField.fieldControlProps,
-      fieldLabelProps = _useField.fieldLabelProps;
-
+    fieldContainerProps = _useField.fieldContainerProps,
+    fieldControlInputProps = _useField.fieldControlInputProps,
+    fieldControlWrapperProps = _useField.fieldControlWrapperProps,
+    fieldLabelProps = _useField.fieldLabelProps;
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   (0, _react.useImperativeHandle)(ref, function () {
     return inputRef.current;
   });
   var ControlArrows = (0, _react2.jsx)(_.Box, {
-    variant: "numberField.arrows"
+    variant: "forms.numberField.arrows"
   }, (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({}, incrementButtonProps, {
     ref: decRef,
     tabIndex: "-1",
@@ -133,64 +90,60 @@ var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }), (0, _react2.jsx)(_.Icon, {
     icon: _MenuDownIcon["default"],
     size: 18
-  }))); // this needed to remove console warning in React 16
-  // I believe once we update to 17 - we can remove this
+  })));
 
+  // this needed to remove console warning in React 16
+  // I believe once we update to 17 - we can remove this
   var onInputFocus = (0, _react.useCallback)(function (e) {
     e.persist();
-    fieldControlProps.onFocus(e);
+    fieldControlInputProps.onFocus(e);
     inputProps.onFocus(e);
-  }, [fieldControlProps, inputProps]);
+  }, [fieldControlInputProps, inputProps]);
   var onInputBlur = (0, _react.useCallback)(function (e) {
     e.persist();
-    fieldControlProps.onBlur(e);
+    fieldControlInputProps.onBlur(e);
     inputProps.onBlur(e);
-  }, [fieldControlProps, inputProps]);
-  var updatedFieldControlProps = (0, _react.useMemo)(function () {
-    return _objectSpread(_objectSpread({}, fieldControlProps), {}, {
+  }, [fieldControlInputProps, inputProps]);
+  var updatedFieldControlInputProps = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, fieldControlInputProps), {}, {
       onFocus: onInputFocus,
       onBlur: onInputBlur
     });
-  }, [fieldControlProps, onInputBlur, onInputFocus]);
-
+  }, [fieldControlInputProps, onInputBlur, onInputFocus]);
   var onInputChange = function onInputChange(e) {
     var _context;
-
     var minValue = props.minValue;
     var trimmedInputValue = (0, _trim["default"])(_context = e.target.value).call(_context);
-
     var trimmedValueEvent = _objectSpread(_objectSpread({}, e), {}, {
       target: _objectSpread(_objectSpread({}, e.target), {}, {
         value: trimmedInputValue
       })
     });
-
     if (!trimmedInputValue && typeof minValue !== 'undefined') {
       var minValueEvent = _objectSpread(_objectSpread({}, e), {}, {
         target: _objectSpread(_objectSpread({}, e.target), {}, {
           value: minValue.toString()
         })
       });
-
       inputProps.onChange(minValueEvent);
     } else {
       inputProps.onChange(trimmedValueEvent);
     }
   };
-
   inputProps['aria-roledescription'] = null;
-  var helperTextId = (0, _uuid.v4)();
-  return (0, _react2.jsx)(_.Box, fieldContainerProps, (0, _react2.jsx)(_.Label, (0, _utils.mergeProps)(fieldLabelProps, labelProps)), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
-    variant: "numberField.noDefaultArrows"
-  }, groupProps), (0, _react2.jsx)(_.Box, {
-    variant: "numberField.arrowsWrapper",
-    className: fieldControlProps.className
-  }, (0, _react2.jsx)(_.Input, (0, _extends2["default"])({
+  var helperTextId = (0, _react.useMemo)(function () {
+    return (0, _uuid.v4)();
+  }, []);
+  return (0, _react2.jsx)(_.Box, fieldContainerProps, (0, _react2.jsx)(_.Label, (0, _reactAria.mergeProps)(fieldLabelProps, labelProps)), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+    variant: "forms.numberField.noDefaultArrows"
+  }, groupProps), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+    variant: "forms.numberField.arrowsWrapper"
+  }, fieldControlWrapperProps), (0, _react2.jsx)(_.Input, (0, _extends2["default"])({
     variant: "forms.input.numberField",
-    ref: inputRef // we don't want to merge this props, we want to
+    ref: inputRef
+    // we don't want to merge this props, we want to
     // overwrite them like defaultValue, value, ect.
-
-  }, updatedFieldControlProps, (0, _omit["default"])(inputProps, ['name', 'onFocus', 'onBlur']), {
+  }, updatedFieldControlInputProps, (0, _omit["default"])(inputProps, ['name', 'onFocus', 'onBlur']), {
     onChange: onInputChange,
     "aria-describedby": helperText && helperTextId,
     role: "textbox"
@@ -201,89 +154,67 @@ var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 });
 var _default = NumberField;
 exports["default"] = _default;
-NumberField.propTypes = _objectSpread({
+NumberField.propTypes = _objectSpread(_objectSpread({
   /** A custom aria-label for the decrement button.
    * If not provided, the localized string "Decrement" is used. */
   decrementAriaLabel: _propTypes["default"].string,
-
   /** A custom aria-label for the increment button.
    * If not provided, the localized string "Increment" is used. */
   incrementAriaLabel: _propTypes["default"].string,
-
   /** Formatting options for the value displayed in the number field.
    * This also affects what characters are allowed to be typed by the user.
    * See [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat)
    * */
   formatOptions: _propTypes["default"].shape({}),
-
   /** Whether the input is disabled. */
   isDisabled: _propTypes["default"].bool,
-
   /** Whether the input can be selected but not changed by the user. */
   isReadOnly: _propTypes["default"].bool,
-
   /** Whether user input is required on the input before form submission. */
   isRequired: _propTypes["default"].bool,
-
   /** Whether the element should receive focus on render. */
   hasAutoFocus: _propTypes["default"].bool,
-
   /**
    * Callback fired when focus is lost on the input element.
    */
   onBlur: _propTypes["default"].func,
-
   /**
    * Callback fired when focus is lost on the input element.
    */
   onFocus: _propTypes["default"].func,
-
   /** Handler that is called when the element's focus status changes. */
   onFocusChange: _propTypes["default"].func,
-
   /** Handler that is called when a key is pressed. */
   onKeyDown: _propTypes["default"].func,
-
   /** Handler that is called when a key is released. */
   onKeyUp: _propTypes["default"].func,
-
   /** Temporary text that occupies the text input when it is empty. */
   placeholder: _propTypes["default"].string,
-
   /** The amount that the input value changes with each increment or decrement "tick".
    * The step prop can be used to snap the value to certain increments.
    * You can read more about this prop here
    * [Step values](https://react-spectrum.adobe.com/react-aria/useNumberField.html#step-values)
    * */
   step: _propTypes["default"].number,
-
   /** The smallest value allowed for the input. */
   minValue: _propTypes["default"].number,
-
   /** The largest value allowed for the input. */
   maxValue: _propTypes["default"].number,
-
   /** The rendered label for the field. */
   label: _propTypes["default"].node,
-
   /** Text rendered below the input. */
   helperText: _propTypes["default"].node,
-
   /** If present this prop will cause a help hint to render in the label of the field. */
   hintText: _propTypes["default"].string,
-
   /**
    * Handler that is called when the value changes.
    * (value: number) => void
    */
   onChange: _propTypes["default"].func,
-
   /** Determines the input status indicator and helper text styling. */
   status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
-
   /** The default value (uncontrolled). */
   defaultValue: _propTypes["default"].number,
-
   /** The current value (controlled). */
   value: _propTypes["default"].number
-}, _ariaAttributes.ariaAttributesBasePropTypes);
+}, _ariaAttributes.ariaAttributesBasePropTypes), _fieldAttributes.inputFieldAttributesBasePropTypes);