@react-spectrum/numberfield 3.7.3 → 3.8.1

package/dist/import.mjs

@@ -1,3 +1,5 @@
+"use client";
+
 import "./main.css";
 import {useStyleProps as $k6K00$useStyleProps, useFocusableRef as $k6K00$useFocusableRef, classNames as $k6K00$classNames} from "@react-spectrum/utils";
 import {Field as $k6K00$Field} from "@react-spectrum/label";
@@ -6,6 +8,7 @@ import {mergeProps as $k6K00$mergeProps} from "@react-aria/utils";
 import {useNumberFieldState as $k6K00$useNumberFieldState} from "@react-stately/numberfield";
 import $k6K00$react, {useRef as $k6K00$useRef} from "react";
 import {TextFieldBase as $k6K00$TextFieldBase} from "@react-spectrum/textfield";
+import {useFormProps as $k6K00$useFormProps} from "@react-spectrum/form";
 import {useHover as $k6K00$useHover} from "@react-aria/interactions";
 import {useLocale as $k6K00$useLocale} from "@react-aria/i18n";
 import {useNumberField as $k6K00$useNumberField} from "@react-aria/numberfield";
@@ -16,9 +19,11 @@ import $k6K00$spectrumiconsuiChevronUpSmall from "@spectrum-icons/ui/ChevronUpSm
 import $k6K00$spectrumiconsworkflowRemove from "@spectrum-icons/workflow/Remove";
 import {useButton as $k6K00$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});
 }
@@ -254,8 +259,10 @@ function $7f00b388e0d3b2f6$var$StepButton(props, ref) {
 
 
 
+
 function $48b879bdd771eb85$var$NumberField(props, ref) {
     props = (0, $k6K00$useProviderProps)(props);
+    props = (0, $k6K00$useFormProps)(props);
     let provider = (0, $k6K00$useProvider)();
     let { isQuiet: isQuiet, isReadOnly: isReadOnly, isDisabled: isDisabled, hideStepper: hideStepper } = props;
     let { styleProps: style } = (0, $k6K00$useStyleProps)(props);
@@ -266,17 +273,18 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
     });
     let inputRef = (0, $k6K00$useRef)();
     let domRef = (0, $k6K00$useFocusableRef)(ref, inputRef);
-    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $k6K00$useNumberField)(props, state, inputRef);
+    let { groupProps: groupProps, labelProps: labelProps, inputProps: inputProps, incrementButtonProps: incrementButtonProps, decrementButtonProps: decrementButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $k6K00$useNumberField)(props, state, inputRef);
     let isMobile = provider.scale === "large";
     let showStepper = !hideStepper;
     let { isHovered: isHovered, hoverProps: hoverProps } = (0, $k6K00$useHover)({
         isDisabled: isDisabled
     });
+    let validationState = props.validationState || (isInvalid ? "invalid" : null);
     let className = (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper", {
         "spectrum-Stepper--isQuiet": isQuiet,
         "is-disabled": isDisabled,
         "spectrum-Stepper--readonly": isReadOnly,
-        "is-invalid": props.validationState === "invalid" && !isDisabled,
+        "is-invalid": validationState === "invalid" && !isDisabled,
         "spectrum-Stepper--showStepper": showStepper,
         "spectrum-Stepper--isMobile": isMobile,
         "is-hovered": isHovered,
@@ -287,6 +295,9 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
         ...props,
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
         labelProps: labelProps,
         ref: domRef,
         wrapperClassName: (0, $k6K00$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ba58a329f3e1a776$exports))), "spectrum-Stepper-container", {
@@ -301,7 +312,8 @@ function $48b879bdd771eb85$var$NumberField(props, ref) {
         decrementProps: decrementButtonProps,
         className: className,
         style: style,
-        state: state
+        state: state,
+        validationState: validationState
     }));
 }
 const $48b879bdd771eb85$var$NumberFieldInput = /*#__PURE__*/ (0, $k6K00$react).forwardRef(function NumberFieldInput(props, ref) {