@react-spectrum/textfield 3.0.0-nightly.2519 → 3.0.0-nightly.2531

package/dist/import.mjs

@@ -2,6 +2,7 @@ import "./main.css";
 import {useLayoutEffect as $evhxb$useLayoutEffect, chain as $evhxb$chain, mergeProps as $evhxb$mergeProps} from "@react-aria/utils";
 import $evhxb$react, {useRef as $evhxb$useRef, useCallback as $evhxb$useCallback, useImperativeHandle as $evhxb$useImperativeHandle, cloneElement as $evhxb$cloneElement, forwardRef as $evhxb$forwardRef} from "react";
 import {useControlledState as $evhxb$useControlledState} from "@react-stately/utils";
+import {useFormProps as $evhxb$useFormProps} from "@react-spectrum/form";
 import {useProviderProps as $evhxb$useProviderProps} from "@react-spectrum/provider";
 import {useTextField as $evhxb$useTextField} from "@react-aria/textfield";
 import $evhxb$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
@@ -11,75 +12,72 @@ import {Field as $evhxb$Field} from "@react-spectrum/label";
 import {useFocusRing as $evhxb$useFocusRing} from "@react-aria/focus";
 import {useHover as $evhxb$useHover} from "@react-aria/interactions";
 
-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});
 }
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /// <reference types="css-module-types" />
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
 
+      var $parcel$global = globalThis;
+    
+var $parcel$modules = {};
+var $parcel$inits = {};
 
+var parcelRequire = $parcel$global["parcelRequire7f0c"];
 
+if (parcelRequire == null) {
+  parcelRequire = function(id) {
+    if (id in $parcel$modules) {
+      return $parcel$modules[id].exports;
+    }
+    if (id in $parcel$inits) {
+      var init = $parcel$inits[id];
+      delete $parcel$inits[id];
+      var module = {id: id, exports: {}};
+      $parcel$modules[id] = module;
+      init.call(module.exports, module, module.exports);
+      return module.exports;
+    }
+    var err = new Error("Cannot find module '" + id + "'");
+    err.code = 'MODULE_NOT_FOUND';
+    throw err;
+  };
 
+  parcelRequire.register = function register(id, init) {
+    $parcel$inits[id] = init;
+  };
 
-var $c14528ddc146317f$exports = {};
-
-$parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
-$parcel$export($c14528ddc146317f$exports, "i18nFontFamily", () => $c14528ddc146317f$export$8c4ee2c50c22c514, (v) => $c14528ddc146317f$export$8c4ee2c50c22c514 = v);
-$parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
-$parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
-$parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
-$parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing-ring", () => $c14528ddc146317f$export$4109102f950813a6, (v) => $c14528ddc146317f$export$4109102f950813a6 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing", () => $c14528ddc146317f$export$24c7f46a6e3605dd, (v) => $c14528ddc146317f$export$24c7f46a6e3605dd = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing--quiet", () => $c14528ddc146317f$export$2927016961429360, (v) => $c14528ddc146317f$export$2927016961429360 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper", () => $c14528ddc146317f$export$dd1165e0e6012973, (v) => $c14528ddc146317f$export$dd1165e0e6012973 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper--quiet", () => $c14528ddc146317f$export$9fcb3d6af94a9d12, (v) => $c14528ddc146317f$export$9fcb3d6af94a9d12 = v);
+  $parcel$global["parcelRequire7f0c"] = parcelRequire;
+}
+
+var parcelRegister = parcelRequire.register;
+parcelRegister("gALTu", function(module, exports) {
+
+$parcel$export(module.exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
+$parcel$export(module.exports, "i18nFontFamily", () => $c14528ddc146317f$export$8c4ee2c50c22c514, (v) => $c14528ddc146317f$export$8c4ee2c50c22c514 = v);
+$parcel$export(module.exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
+$parcel$export(module.exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
+$parcel$export(module.exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
+$parcel$export(module.exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
+$parcel$export(module.exports, "spectrum-FocusRing-ring", () => $c14528ddc146317f$export$4109102f950813a6, (v) => $c14528ddc146317f$export$4109102f950813a6 = v);
+$parcel$export(module.exports, "spectrum-FocusRing", () => $c14528ddc146317f$export$24c7f46a6e3605dd, (v) => $c14528ddc146317f$export$24c7f46a6e3605dd = v);
+$parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $c14528ddc146317f$export$2927016961429360, (v) => $c14528ddc146317f$export$2927016961429360 = v);
+$parcel$export(module.exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
+$parcel$export(module.exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
+$parcel$export(module.exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
+$parcel$export(module.exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
+$parcel$export(module.exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
+$parcel$export(module.exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
+$parcel$export(module.exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
+$parcel$export(module.exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
+$parcel$export(module.exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
+$parcel$export(module.exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
+$parcel$export(module.exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
+$parcel$export(module.exports, "spectrum-Textfield-wrapper", () => $c14528ddc146317f$export$dd1165e0e6012973, (v) => $c14528ddc146317f$export$dd1165e0e6012973 = v);
+$parcel$export(module.exports, "spectrum-Textfield-wrapper--quiet", () => $c14528ddc146317f$export$9fcb3d6af94a9d12, (v) => $c14528ddc146317f$export$9fcb3d6af94a9d12 = v);
 var $c14528ddc146317f$export$f39a09f249340e2a;
 var $c14528ddc146317f$export$8c4ee2c50c22c514;
 var $c14528ddc146317f$export$d35bc1e505d1ebbf;
@@ -125,11 +123,53 @@ $c14528ddc146317f$export$cf0ead5b44db0da3 = `YO3Nla_spectrum-Textfield-validatio
 $c14528ddc146317f$export$dd1165e0e6012973 = `YO3Nla_spectrum-Textfield-wrapper`;
 $c14528ddc146317f$export$9fcb3d6af94a9d12 = `YO3Nla_spectrum-Textfield-wrapper--quiet`;
 
+});
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
 
 
 
+
+var $gALTu = parcelRequire("gALTu");
+
+
 function $599adb75312e6492$var$TextFieldBase(props, ref) {
-    let { validationState: validationState, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;
+    let { validationState: validationState = props.isInvalid ? "invalid" : null, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $evhxb$useHover)({
         isDisabled: isDisabled
     });
@@ -149,7 +189,7 @@ function $599adb75312e6492$var$TextFieldBase(props, ref) {
     let ElementType = multiLine ? "textarea" : "input";
     let isInvalid = validationState === "invalid" && !isDisabled;
     if (icon) {
-        let UNSAFE_className = (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), icon.props && icon.props.UNSAFE_className, "spectrum-Textfield-icon");
+        let UNSAFE_className = (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($gALTu))), icon.props && icon.props.UNSAFE_className, "spectrum-Textfield-icon");
         icon = /*#__PURE__*/ (0, $evhxb$cloneElement)(icon, {
             UNSAFE_className: UNSAFE_className,
             size: "S"
@@ -157,14 +197,14 @@ function $599adb75312e6492$var$TextFieldBase(props, ref) {
     }
     let validationIcon = isInvalid ? /*#__PURE__*/ (0, $evhxb$react).createElement((0, $evhxb$spectrumiconsuiAlertMedium), null) : /*#__PURE__*/ (0, $evhxb$react).createElement((0, $evhxb$spectrumiconsuiCheckmarkMedium), null);
     let validation = /*#__PURE__*/ (0, $evhxb$cloneElement)(validationIcon, {
-        UNSAFE_className: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-validationIcon", validationIconClassName)
+        UNSAFE_className: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($gALTu))), "spectrum-Textfield-validationIcon", validationIconClassName)
     });
     let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $evhxb$useFocusRing)({
         isTextInput: true,
         autoFocus: autoFocus
     });
     let textField = /*#__PURE__*/ (0, $evhxb$react).createElement("div", {
-        className: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield", {
+        className: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($gALTu))), "spectrum-Textfield", {
             "spectrum-Textfield--invalid": isInvalid,
             "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
             "spectrum-Textfield--loadable": loadingIndicator,
@@ -176,7 +216,7 @@ function $599adb75312e6492$var$TextFieldBase(props, ref) {
         ...(0, $evhxb$mergeProps)(inputProps, hoverProps, focusProps),
         ref: inputRef,
         rows: multiLine ? 1 : undefined,
-        className: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-input", {
+        className: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($gALTu))), "spectrum-Textfield-input", {
             "spectrum-Textfield-inputIcon": icon,
             "is-hovered": isHovered
         }, inputClassName)
@@ -186,7 +226,7 @@ function $599adb75312e6492$var$TextFieldBase(props, ref) {
         labelProps: labelProps,
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
-        wrapperClassName: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-wrapper", {
+        wrapperClassName: (0, $evhxb$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($gALTu))), "spectrum-Textfield-wrapper", {
             "spectrum-Textfield-wrapper--quiet": isQuiet
         }),
         showErrorIcon: false,
@@ -199,11 +239,14 @@ const $599adb75312e6492$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $evhxb$forwa
 
 
 
+
 function $cc187bf91f8eea73$var$TextArea(props, ref) {
     props = (0, $evhxb$useProviderProps)(props);
+    props = (0, $evhxb$useFormProps)(props);
     let { isDisabled: isDisabled = false, isQuiet: isQuiet = false, isReadOnly: isReadOnly = false, isRequired: isRequired = false, onChange: onChange, ...otherProps } = props;
+    var _props_defaultValue;
     // not in stately because this is so we know when to re-measure, which is a spectrum design
-    let [inputValue, setInputValue] = (0, $evhxb$useControlledState)(props.value, props.defaultValue, ()=>{});
+    let [inputValue, setInputValue] = (0, $evhxb$useControlledState)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : "", ()=>{});
     let inputRef = (0, $evhxb$useRef)(null);
     let onHeightChange = (0, $evhxb$useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
@@ -237,7 +280,7 @@ function $cc187bf91f8eea73$var$TextArea(props, ref) {
         inputRef
     ]);
     if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text");
-    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $evhxb$useTextField)({
+    let result = (0, $evhxb$useTextField)({
         ...props,
         onChange: (0, $evhxb$chain)(onChange, setInputValue),
         inputElementType: "textarea"
@@ -246,10 +289,7 @@ function $cc187bf91f8eea73$var$TextArea(props, ref) {
         ...otherProps,
         ref: ref,
         inputRef: inputRef,
-        labelProps: labelProps,
-        inputProps: inputProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
+        ...result,
         multiLine: true,
         isDisabled: isDisabled,
         isQuiet: isQuiet,
@@ -278,17 +318,16 @@ function $cc187bf91f8eea73$var$TextArea(props, ref) {
 
 
 
+
 function $265457f9427aa380$var$TextField(props, ref) {
     props = (0, $evhxb$useProviderProps)(props);
+    props = (0, $evhxb$useFormProps)(props);
     let inputRef = (0, $evhxb$useRef)(null);
-    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $evhxb$useTextField)(props, inputRef);
+    let result = (0, $evhxb$useTextField)(props, inputRef);
     if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text");
     return /*#__PURE__*/ (0, $evhxb$react).createElement((0, $599adb75312e6492$export$d22444a338b6e3c2), {
         ...props,
-        labelProps: labelProps,
-        inputProps: inputProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
+        ...result,
         ref: ref,
         inputRef: inputRef
     });

package/dist/main.js

@@ -2,6 +2,7 @@ require("./main.css");
 var $74aPB$reactariautils = require("@react-aria/utils");
 var $74aPB$react = require("react");
 var $74aPB$reactstatelyutils = require("@react-stately/utils");
+var $74aPB$reactspectrumform = require("@react-spectrum/form");
 var $74aPB$reactspectrumprovider = require("@react-spectrum/provider");
 var $74aPB$reactariatextfield = require("@react-aria/textfield");
 var $74aPB$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
@@ -11,79 +12,72 @@ var $74aPB$reactspectrumlabel = require("@react-spectrum/label");
 var $74aPB$reactariafocus = require("@react-aria/focus");
 var $74aPB$reactariainteractions = require("@react-aria/interactions");
 
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
 
-$parcel$export(module.exports, "TextArea", () => $eec649e464f3832d$export$f5c9f3c2c4054eec);
-$parcel$export(module.exports, "TextField", () => $34fd51d50eb4b056$export$2c73285ae9390cec);
-$parcel$export(module.exports, "TextFieldBase", () => $86793250183ac29e$export$d22444a338b6e3c2);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /// <reference types="css-module-types" />
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
+      var $parcel$global = globalThis;
+    
+var $parcel$modules = {};
+var $parcel$inits = {};
 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
+var parcelRequire = $parcel$global["parcelRequire7f0c"];
 
+if (parcelRequire == null) {
+  parcelRequire = function(id) {
+    if (id in $parcel$modules) {
+      return $parcel$modules[id].exports;
+    }
+    if (id in $parcel$inits) {
+      var init = $parcel$inits[id];
+      delete $parcel$inits[id];
+      var module = {id: id, exports: {}};
+      $parcel$modules[id] = module;
+      init.call(module.exports, module, module.exports);
+      return module.exports;
+    }
+    var err = new Error("Cannot find module '" + id + "'");
+    err.code = 'MODULE_NOT_FOUND';
+    throw err;
+  };
 
+  parcelRequire.register = function register(id, init) {
+    $parcel$inits[id] = init;
+  };
 
+  $parcel$global["parcelRequire7f0c"] = parcelRequire;
+}
 
+var parcelRegister = parcelRequire.register;
+parcelRegister("5yTyQ", function(module, exports) {
 
-var $40cb3a00c193680f$exports = {};
-
-$parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
-$parcel$export($40cb3a00c193680f$exports, "i18nFontFamily", () => $40cb3a00c193680f$export$8c4ee2c50c22c514, (v) => $40cb3a00c193680f$export$8c4ee2c50c22c514 = v);
-$parcel$export($40cb3a00c193680f$exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
-$parcel$export($40cb3a00c193680f$exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
-$parcel$export($40cb3a00c193680f$exports, "is-hovered", () => $40cb3a00c193680f$export$b8813cd5d7824ce7, (v) => $40cb3a00c193680f$export$b8813cd5d7824ce7 = v);
-$parcel$export($40cb3a00c193680f$exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-FocusRing-ring", () => $40cb3a00c193680f$export$4109102f950813a6, (v) => $40cb3a00c193680f$export$4109102f950813a6 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-FocusRing", () => $40cb3a00c193680f$export$24c7f46a6e3605dd, (v) => $40cb3a00c193680f$export$24c7f46a6e3605dd = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-FocusRing--quiet", () => $40cb3a00c193680f$export$2927016961429360, (v) => $40cb3a00c193680f$export$2927016961429360 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--valid", () => $40cb3a00c193680f$export$c2abbc3f970170b7, (v) => $40cb3a00c193680f$export$c2abbc3f970170b7 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-wrapper", () => $40cb3a00c193680f$export$dd1165e0e6012973, (v) => $40cb3a00c193680f$export$dd1165e0e6012973 = v);
-$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-wrapper--quiet", () => $40cb3a00c193680f$export$9fcb3d6af94a9d12, (v) => $40cb3a00c193680f$export$9fcb3d6af94a9d12 = v);
+$parcel$export(module.exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
+$parcel$export(module.exports, "i18nFontFamily", () => $40cb3a00c193680f$export$8c4ee2c50c22c514, (v) => $40cb3a00c193680f$export$8c4ee2c50c22c514 = v);
+$parcel$export(module.exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
+$parcel$export(module.exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
+$parcel$export(module.exports, "is-hovered", () => $40cb3a00c193680f$export$b8813cd5d7824ce7, (v) => $40cb3a00c193680f$export$b8813cd5d7824ce7 = v);
+$parcel$export(module.exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
+$parcel$export(module.exports, "spectrum-FocusRing-ring", () => $40cb3a00c193680f$export$4109102f950813a6, (v) => $40cb3a00c193680f$export$4109102f950813a6 = v);
+$parcel$export(module.exports, "spectrum-FocusRing", () => $40cb3a00c193680f$export$24c7f46a6e3605dd, (v) => $40cb3a00c193680f$export$24c7f46a6e3605dd = v);
+$parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $40cb3a00c193680f$export$2927016961429360, (v) => $40cb3a00c193680f$export$2927016961429360 = v);
+$parcel$export(module.exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
+$parcel$export(module.exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
+$parcel$export(module.exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
+$parcel$export(module.exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
+$parcel$export(module.exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
+$parcel$export(module.exports, "spectrum-Textfield--valid", () => $40cb3a00c193680f$export$c2abbc3f970170b7, (v) => $40cb3a00c193680f$export$c2abbc3f970170b7 = v);
+$parcel$export(module.exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
+$parcel$export(module.exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
+$parcel$export(module.exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
+$parcel$export(module.exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
+$parcel$export(module.exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
+$parcel$export(module.exports, "spectrum-Textfield-wrapper", () => $40cb3a00c193680f$export$dd1165e0e6012973, (v) => $40cb3a00c193680f$export$dd1165e0e6012973 = v);
+$parcel$export(module.exports, "spectrum-Textfield-wrapper--quiet", () => $40cb3a00c193680f$export$9fcb3d6af94a9d12, (v) => $40cb3a00c193680f$export$9fcb3d6af94a9d12 = v);
 var $40cb3a00c193680f$export$f39a09f249340e2a;
 var $40cb3a00c193680f$export$8c4ee2c50c22c514;
 var $40cb3a00c193680f$export$d35bc1e505d1ebbf;
@@ -129,11 +123,57 @@ $40cb3a00c193680f$export$cf0ead5b44db0da3 = `YO3Nla_spectrum-Textfield-validatio
 $40cb3a00c193680f$export$dd1165e0e6012973 = `YO3Nla_spectrum-Textfield-wrapper`;
 $40cb3a00c193680f$export$9fcb3d6af94a9d12 = `YO3Nla_spectrum-Textfield-wrapper--quiet`;
 
+});
+
+
+$parcel$export(module.exports, "TextArea", () => $eec649e464f3832d$export$f5c9f3c2c4054eec);
+$parcel$export(module.exports, "TextField", () => $34fd51d50eb4b056$export$2c73285ae9390cec);
+$parcel$export(module.exports, "TextFieldBase", () => $86793250183ac29e$export$d22444a338b6e3c2);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
 
 
 
+
+var $5yTyQ = parcelRequire("5yTyQ");
+
+
 function $86793250183ac29e$var$TextFieldBase(props, ref) {
-    let { validationState: validationState, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;
+    let { validationState: validationState = props.isInvalid ? "invalid" : null, icon: icon, isQuiet: isQuiet = false, isDisabled: isDisabled, multiLine: multiLine, autoFocus: autoFocus, inputClassName: inputClassName, wrapperChildren: wrapperChildren, labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, inputRef: userInputRef, isLoading: isLoading, loadingIndicator: loadingIndicator, validationIconClassName: validationIconClassName, disableFocusRing: disableFocusRing } = props;
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $74aPB$reactariainteractions.useHover)({
         isDisabled: isDisabled
     });
@@ -153,7 +193,7 @@ function $86793250183ac29e$var$TextFieldBase(props, ref) {
     let ElementType = multiLine ? "textarea" : "input";
     let isInvalid = validationState === "invalid" && !isDisabled;
     if (icon) {
-        let UNSAFE_className = (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), icon.props && icon.props.UNSAFE_className, "spectrum-Textfield-icon");
+        let UNSAFE_className = (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5yTyQ))), icon.props && icon.props.UNSAFE_className, "spectrum-Textfield-icon");
         icon = /*#__PURE__*/ (0, $74aPB$react.cloneElement)(icon, {
             UNSAFE_className: UNSAFE_className,
             size: "S"
@@ -161,14 +201,14 @@ function $86793250183ac29e$var$TextFieldBase(props, ref) {
     }
     let validationIcon = isInvalid ? /*#__PURE__*/ (0, ($parcel$interopDefault($74aPB$react))).createElement((0, ($parcel$interopDefault($74aPB$spectrumiconsuiAlertMedium))), null) : /*#__PURE__*/ (0, ($parcel$interopDefault($74aPB$react))).createElement((0, ($parcel$interopDefault($74aPB$spectrumiconsuiCheckmarkMedium))), null);
     let validation = /*#__PURE__*/ (0, $74aPB$react.cloneElement)(validationIcon, {
-        UNSAFE_className: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-validationIcon", validationIconClassName)
+        UNSAFE_className: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5yTyQ))), "spectrum-Textfield-validationIcon", validationIconClassName)
     });
     let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $74aPB$reactariafocus.useFocusRing)({
         isTextInput: true,
         autoFocus: autoFocus
     });
     let textField = /*#__PURE__*/ (0, ($parcel$interopDefault($74aPB$react))).createElement("div", {
-        className: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield", {
+        className: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5yTyQ))), "spectrum-Textfield", {
             "spectrum-Textfield--invalid": isInvalid,
             "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
             "spectrum-Textfield--loadable": loadingIndicator,
@@ -180,7 +220,7 @@ function $86793250183ac29e$var$TextFieldBase(props, ref) {
         ...(0, $74aPB$reactariautils.mergeProps)(inputProps, hoverProps, focusProps),
         ref: inputRef,
         rows: multiLine ? 1 : undefined,
-        className: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-input", {
+        className: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5yTyQ))), "spectrum-Textfield-input", {
             "spectrum-Textfield-inputIcon": icon,
             "is-hovered": isHovered
         }, inputClassName)
@@ -190,7 +230,7 @@ function $86793250183ac29e$var$TextFieldBase(props, ref) {
         labelProps: labelProps,
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
-        wrapperClassName: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-wrapper", {
+        wrapperClassName: (0, $74aPB$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5yTyQ))), "spectrum-Textfield-wrapper", {
             "spectrum-Textfield-wrapper--quiet": isQuiet
         }),
         showErrorIcon: false,
@@ -203,11 +243,14 @@ const $86793250183ac29e$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $74aPB$react
 
 
 
+
 function $eec649e464f3832d$var$TextArea(props, ref) {
     props = (0, $74aPB$reactspectrumprovider.useProviderProps)(props);
+    props = (0, $74aPB$reactspectrumform.useFormProps)(props);
     let { isDisabled: isDisabled = false, isQuiet: isQuiet = false, isReadOnly: isReadOnly = false, isRequired: isRequired = false, onChange: onChange, ...otherProps } = props;
+    var _props_defaultValue;
     // not in stately because this is so we know when to re-measure, which is a spectrum design
-    let [inputValue, setInputValue] = (0, $74aPB$reactstatelyutils.useControlledState)(props.value, props.defaultValue, ()=>{});
+    let [inputValue, setInputValue] = (0, $74aPB$reactstatelyutils.useControlledState)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : "", ()=>{});
     let inputRef = (0, $74aPB$react.useRef)(null);
     let onHeightChange = (0, $74aPB$react.useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
@@ -241,7 +284,7 @@ function $eec649e464f3832d$var$TextArea(props, ref) {
         inputRef
     ]);
     if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text");
-    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $74aPB$reactariatextfield.useTextField)({
+    let result = (0, $74aPB$reactariatextfield.useTextField)({
         ...props,
         onChange: (0, $74aPB$reactariautils.chain)(onChange, setInputValue),
         inputElementType: "textarea"
@@ -250,10 +293,7 @@ function $eec649e464f3832d$var$TextArea(props, ref) {
         ...otherProps,
         ref: ref,
         inputRef: inputRef,
-        labelProps: labelProps,
-        inputProps: inputProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
+        ...result,
         multiLine: true,
         isDisabled: isDisabled,
         isQuiet: isQuiet,
@@ -282,17 +322,16 @@ function $eec649e464f3832d$var$TextArea(props, ref) {
 
 
 
+
 function $34fd51d50eb4b056$var$TextField(props, ref) {
     props = (0, $74aPB$reactspectrumprovider.useProviderProps)(props);
+    props = (0, $74aPB$reactspectrumform.useFormProps)(props);
     let inputRef = (0, $74aPB$react.useRef)(null);
-    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $74aPB$reactariatextfield.useTextField)(props, inputRef);
+    let result = (0, $74aPB$reactariatextfield.useTextField)(props, inputRef);
     if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text");
     return /*#__PURE__*/ (0, ($parcel$interopDefault($74aPB$react))).createElement((0, $86793250183ac29e$export$d22444a338b6e3c2), {
         ...props,
-        labelProps: labelProps,
-        inputProps: inputProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
+        ...result,
         ref: ref,
         inputRef: inputRef
     });