@react-spectrum/label 3.6.2-nightly.3368 → 3.6.2-nightly.3378

package/dist/module.js

@@ -1,15 +1,13 @@
 import "./main.css";
 import {useStyleProps as $6WzO6$useStyleProps, classNames as $6WzO6$classNames, useDOMRef as $6WzO6$useDOMRef} from "@react-spectrum/utils";
 import {Flex as $6WzO6$Flex} from "@react-spectrum/layout";
-import {mergeProps as $6WzO6$mergeProps, mergeRefs as $6WzO6$mergeRefs, filterDOMProps as $6WzO6$filterDOMProps, useLayoutEffect as $6WzO6$useLayoutEffect} from "@react-aria/utils";
+import {mergeProps as $6WzO6$mergeProps, mergeRefs as $6WzO6$mergeRefs, filterDOMProps as $6WzO6$filterDOMProps} from "@react-aria/utils";
 import $6WzO6$react, {useCallback as $6WzO6$useCallback} from "react";
 import {useFormProps as $6WzO6$useFormProps} from "@react-spectrum/form";
-import {useMessageFormatter as $6WzO6$useMessageFormatter} from "@react-aria/i18n";
 import $6WzO6$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
 import $6WzO6$spectrumiconsuiAsterisk from "@spectrum-icons/ui/Asterisk";
+import {useLocalizedStringFormatter as $6WzO6$useLocalizedStringFormatter} from "@react-aria/i18n";
 import {useProviderProps as $6WzO6$useProviderProps} from "@react-spectrum/provider";
-import {FocusRing as $6WzO6$FocusRing} from "@react-aria/focus";
-import {useHover as $6WzO6$useHover} from "@react-aria/interactions";
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
@@ -70,141 +68,246 @@ function $8e50676506611310$var$HelpText(props, ref) {
  */ const $8e50676506611310$export$a67c0bc59081311a = /*#__PURE__*/ $6WzO6$react.forwardRef($8e50676506611310$var$HelpText);
 
 
+
+
+
 var $79b4ff1b6ea94ffc$exports = {};
 var $dfe96401c0c81db3$exports = {};
-$dfe96401c0c81db3$exports = JSON.parse("{\"(optional)\":\"(اختياري)\",\"(required)\":\"(مطلوب)\",\"(None)\":\"(None)\"}");
+$dfe96401c0c81db3$exports = {
+    "(optional)": `(اختياري)`,
+    "(required)": `(مطلوب)`
+};
 
 
 var $f504605657ece833$exports = {};
-$f504605657ece833$exports = JSON.parse("{\"(optional)\":\"(незадължително)\",\"(required)\":\"(задължително)\"}");
+$f504605657ece833$exports = {
+    "(optional)": `(незадължително)`,
+    "(required)": `(задължително)`
+};
 
 
 var $ed0ab9e7c53f9351$exports = {};
-$ed0ab9e7c53f9351$exports = JSON.parse("{\"(optional)\":\"(volitelně)\",\"(required)\":\"(požadováno)\"}");
+$ed0ab9e7c53f9351$exports = {
+    "(optional)": `(volitelně)`,
+    "(required)": `(požadováno)`
+};
 
 
 var $59d9df99e04ee555$exports = {};
-$59d9df99e04ee555$exports = JSON.parse("{\"(optional)\":\"(valgfrit)\",\"(required)\":\"(obligatorisk)\"}");
+$59d9df99e04ee555$exports = {
+    "(optional)": `(valgfrit)`,
+    "(required)": `(obligatorisk)`
+};
 
 
 var $c5df0169c370d169$exports = {};
-$c5df0169c370d169$exports = JSON.parse("{\"(optional)\":\"(optional)\",\"(required)\":\"(erforderlich)\"}");
+$c5df0169c370d169$exports = {
+    "(optional)": `(optional)`,
+    "(required)": `(erforderlich)`
+};
 
 
 var $3c9af509a01a8d08$exports = {};
-$3c9af509a01a8d08$exports = JSON.parse("{\"(optional)\":\"(προαιρετικό)\",\"(required)\":\"(απαιτείται)\"}");
+$3c9af509a01a8d08$exports = {
+    "(optional)": `(προαιρετικό)`,
+    "(required)": `(απαιτείται)`
+};
 
 
 var $aa36476f91664a08$exports = {};
-$aa36476f91664a08$exports = JSON.parse("{\"(required)\":\"(required)\",\"(optional)\":\"(optional)\",\"(None)\":\"(None)\"}");
+$aa36476f91664a08$exports = {
+    "(required)": `(required)`,
+    "(optional)": `(optional)`
+};
 
 
 var $d96f2251ced25e45$exports = {};
-$d96f2251ced25e45$exports = JSON.parse("{\"(optional)\":\"(opcional)\",\"(required)\":\"(necesario)\"}");
+$d96f2251ced25e45$exports = {
+    "(optional)": `(opcional)`,
+    "(required)": `(necesario)`
+};
 
 
 var $16ec4ffbd4b2ca4b$exports = {};
-$16ec4ffbd4b2ca4b$exports = JSON.parse("{\"(optional)\":\"(valikuline)\",\"(required)\":\"(nõutav)\"}");
+$16ec4ffbd4b2ca4b$exports = {
+    "(optional)": `(valikuline)`,
+    "(required)": `(nõutav)`
+};
 
 
 var $60f372f660e937e4$exports = {};
-$60f372f660e937e4$exports = JSON.parse("{\"(optional)\":\"(valinnainen)\",\"(required)\":\"(pakollinen)\"}");
+$60f372f660e937e4$exports = {
+    "(optional)": `(valinnainen)`,
+    "(required)": `(pakollinen)`
+};
 
 
 var $d87c5f1e899f6af1$exports = {};
-$d87c5f1e899f6af1$exports = JSON.parse("{\"(optional)\":\"(facultatif)\",\"(required)\":\"(requis)\"}");
+$d87c5f1e899f6af1$exports = {
+    "(optional)": `(facultatif)`,
+    "(required)": `(requis)`
+};
 
 
 var $6899669fa63c7816$exports = {};
-$6899669fa63c7816$exports = JSON.parse("{\"(optional)\":\"(אופציונלי)\",\"(required)\":\"(נדרש)\"}");
+$6899669fa63c7816$exports = {
+    "(optional)": `(אופציונלי)`,
+    "(required)": `(נדרש)`
+};
 
 
 var $3597d722a30a8081$exports = {};
-$3597d722a30a8081$exports = JSON.parse("{\"(optional)\":\"(opcionalno)\",\"(required)\":\"(obvezno)\"}");
+$3597d722a30a8081$exports = {
+    "(optional)": `(opcionalno)`,
+    "(required)": `(obvezno)`
+};
 
 
 var $3ef905a2ce0921cb$exports = {};
-$3ef905a2ce0921cb$exports = JSON.parse("{\"(optional)\":\"(opcionális)\",\"(required)\":\"(kötelező)\"}");
+$3ef905a2ce0921cb$exports = {
+    "(optional)": `(opcionális)`,
+    "(required)": `(kötelező)`
+};
 
 
 var $e59d2e4af9ff1c28$exports = {};
-$e59d2e4af9ff1c28$exports = JSON.parse("{\"(optional)\":\"(facoltativo)\",\"(required)\":\"(obbligatorio)\"}");
+$e59d2e4af9ff1c28$exports = {
+    "(optional)": `(facoltativo)`,
+    "(required)": `(obbligatorio)`
+};
 
 
 var $422a7013ab2cb36d$exports = {};
-$422a7013ab2cb36d$exports = JSON.parse("{\"(optional)\":\"（オプション）\",\"(required)\":\"（必須）\"}");
+$422a7013ab2cb36d$exports = {
+    "(optional)": `（オプション）`,
+    "(required)": `（必須）`
+};
 
 
 var $a58a7ab9570c5a18$exports = {};
-$a58a7ab9570c5a18$exports = JSON.parse("{\"(optional)\":\"(선택 사항)\",\"(required)\":\"(필수 사항)\"}");
+$a58a7ab9570c5a18$exports = {
+    "(optional)": `(선택 사항)`,
+    "(required)": `(필수 사항)`
+};
 
 
 var $24e660c5a5be82af$exports = {};
-$24e660c5a5be82af$exports = JSON.parse("{\"(optional)\":\"(pasirenkama)\",\"(required)\":\"(privaloma)\"}");
+$24e660c5a5be82af$exports = {
+    "(optional)": `(pasirenkama)`,
+    "(required)": `(privaloma)`
+};
 
 
 var $a222e05de6d8dce8$exports = {};
-$a222e05de6d8dce8$exports = JSON.parse("{\"(optional)\":\"(neobligāti)\",\"(required)\":\"(obligāti)\"}");
+$a222e05de6d8dce8$exports = {
+    "(optional)": `(neobligāti)`,
+    "(required)": `(obligāti)`
+};
 
 
 var $524caea23ab94ad7$exports = {};
-$524caea23ab94ad7$exports = JSON.parse("{\"(optional)\":\"(valgfritt)\",\"(required)\":\"(obligatorisk)\"}");
+$524caea23ab94ad7$exports = {
+    "(optional)": `(valgfritt)`,
+    "(required)": `(obligatorisk)`
+};
 
 
 var $572079ed86210ca9$exports = {};
-$572079ed86210ca9$exports = JSON.parse("{\"(optional)\":\"(optioneel)\",\"(required)\":\"(vereist)\"}");
+$572079ed86210ca9$exports = {
+    "(optional)": `(optioneel)`,
+    "(required)": `(vereist)`
+};
 
 
 var $6a0777ee77a74b18$exports = {};
-$6a0777ee77a74b18$exports = JSON.parse("{\"(optional)\":\"(opcjonalne)\",\"(required)\":\"(wymagane)\"}");
+$6a0777ee77a74b18$exports = {
+    "(optional)": `(opcjonalne)`,
+    "(required)": `(wymagane)`
+};
 
 
 var $ea0401974d81b469$exports = {};
-$ea0401974d81b469$exports = JSON.parse("{\"(optional)\":\"(opcional)\",\"(required)\":\"(obrigatório)\"}");
+$ea0401974d81b469$exports = {
+    "(optional)": `(opcional)`,
+    "(required)": `(obrigatório)`
+};
 
 
 var $701d0854e4f18979$exports = {};
-$701d0854e4f18979$exports = JSON.parse("{\"(optional)\":\"(opcional)\",\"(required)\":\"(obrigatório)\"}");
+$701d0854e4f18979$exports = {
+    "(optional)": `(opcional)`,
+    "(required)": `(obrigatório)`
+};
 
 
 var $dd9fccd10d0a4be3$exports = {};
-$dd9fccd10d0a4be3$exports = JSON.parse("{\"(optional)\":\"(opţional)\",\"(required)\":\"(obligatoriu)\"}");
+$dd9fccd10d0a4be3$exports = {
+    "(optional)": `(opţional)`,
+    "(required)": `(obligatoriu)`
+};
 
 
 var $3cd1eab3b0ecc980$exports = {};
-$3cd1eab3b0ecc980$exports = JSON.parse("{\"(optional)\":\"(дополнительно)\",\"(required)\":\"(обязательно)\"}");
+$3cd1eab3b0ecc980$exports = {
+    "(optional)": `(дополнительно)`,
+    "(required)": `(обязательно)`
+};
 
 
 var $d109f3d68ba24ffc$exports = {};
-$d109f3d68ba24ffc$exports = JSON.parse("{\"(optional)\":\"(nepovinné)\",\"(required)\":\"(povinné)\"}");
+$d109f3d68ba24ffc$exports = {
+    "(optional)": `(nepovinné)`,
+    "(required)": `(povinné)`
+};
 
 
 var $6382c2117e9fd1b6$exports = {};
-$6382c2117e9fd1b6$exports = JSON.parse("{\"(optional)\":\"(opcijsko)\",\"(required)\":\"(obvezno)\"}");
+$6382c2117e9fd1b6$exports = {
+    "(optional)": `(opcijsko)`,
+    "(required)": `(obvezno)`
+};
 
 
 var $ba796dd79114e2d4$exports = {};
-$ba796dd79114e2d4$exports = JSON.parse("{\"(optional)\":\"(opciono)\",\"(required)\":\"(obavezno)\"}");
+$ba796dd79114e2d4$exports = {
+    "(optional)": `(opciono)`,
+    "(required)": `(obavezno)`
+};
 
 
 var $916521e9800ac46c$exports = {};
-$916521e9800ac46c$exports = JSON.parse("{\"(optional)\":\"(valfritt)\",\"(required)\":\"(krävs)\"}");
+$916521e9800ac46c$exports = {
+    "(optional)": `(valfritt)`,
+    "(required)": `(krävs)`
+};
 
 
 var $acd72b88f580fe64$exports = {};
-$acd72b88f580fe64$exports = JSON.parse("{\"(optional)\":\"(isteğe bağlı)\",\"(required)\":\"(gerekli)\"}");
+$acd72b88f580fe64$exports = {
+    "(optional)": `(isteğe bağlı)`,
+    "(required)": `(gerekli)`
+};
 
 
 var $bd065904f1420f31$exports = {};
-$bd065904f1420f31$exports = JSON.parse("{\"(optional)\":\"(необов’язково)\",\"(required)\":\"(обов’язково)\"}");
+$bd065904f1420f31$exports = {
+    "(optional)": `(необов’язково)`,
+    "(required)": `(обов’язково)`
+};
 
 
 var $0128cc194bc107bb$exports = {};
-$0128cc194bc107bb$exports = JSON.parse("{\"(optional)\":\"（可选）\",\"(required)\":\"（必填）\"}");
+$0128cc194bc107bb$exports = {
+    "(optional)": `（可选）`,
+    "(required)": `（必填）`
+};
 
 
 var $c57738f6094a3d25$exports = {};
-$c57738f6094a3d25$exports = JSON.parse("{\"(optional)\":\"(選填)\",\"(required)\":\"(必填)\"}");
+$c57738f6094a3d25$exports = {
+    "(optional)": `(選填)`,
+    "(required)": `(必填)`
+};
 
 
 $79b4ff1b6ea94ffc$exports = {
@@ -246,10 +349,6 @@ $79b4ff1b6ea94ffc$exports = {
 
 
 
-
-
-
-
 var $cd231e464c886c86$exports = {};
 
 $parcel$export($cd231e464c886c86$exports, "spectrum-FieldLabel", () => $cd231e464c886c86$export$493d18e796ae054, (v) => $cd231e464c886c86$export$493d18e796ae054 = v);
@@ -306,11 +405,11 @@ function $00af9ba397a66f43$var$Label(props, ref) {
     let { children: children , labelPosition: labelPosition = 'top' , labelAlign: labelAlign = labelPosition === 'side' ? 'start' : null , isRequired: isRequired , necessityIndicator: necessityIndicator = isRequired != null ? 'icon' : null , includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName = false , htmlFor: htmlFor , for: labelFor , elementType: ElementType = 'label' , onClick: onClick , ...otherProps } = props;
     let domRef = $6WzO6$useDOMRef(ref);
     let { styleProps: styleProps  } = $6WzO6$useStyleProps(otherProps);
-    let formatMessage = $6WzO6$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($79b4ff1b6ea94ffc$exports)));
-    let necessityLabel = isRequired ? formatMessage('(required)') : formatMessage('(optional)');
+    let stringFormatter = $6WzO6$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($79b4ff1b6ea94ffc$exports)));
+    let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');
     let icon = /*#__PURE__*/ $6WzO6$react.createElement($6WzO6$spectrumiconsuiAsterisk, {
         UNSAFE_className: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-FieldLabel-requiredIcon'),
-        "aria-label": includeNecessityIndicatorInAccessibilityName ? formatMessage('(required)') : undefined
+        "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined
     });
     let labelClassNames = $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-FieldLabel', {
         'spectrum-FieldLabel--positionSide': labelPosition === 'side',
@@ -334,125 +433,15 @@ let $00af9ba397a66f43$export$b04be29aa201d4f5 = /*#__PURE__*/ $6WzO6$react.forwa
 
 
 
-
-
-
-var $c14528ddc146317f$exports = {};
-
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--readonly", () => $c14528ddc146317f$export$ed65520848a7d1ae, (v) => $c14528ddc146317f$export$ed65520848a7d1ae = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
-$parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
-$parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = 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-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
-$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
-$parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
-$parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
-$parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
-var $c14528ddc146317f$export$1ac009feb2b0bd0c;
-var $c14528ddc146317f$export$2c8a10299d8b3418;
-var $c14528ddc146317f$export$bffd5e3d61a81737;
-var $c14528ddc146317f$export$ed65520848a7d1ae;
-var $c14528ddc146317f$export$9699f1c538a448a0;
-var $c14528ddc146317f$export$e5b2f5233e4e5194;
-var $c14528ddc146317f$export$b8813cd5d7824ce7;
-var $c14528ddc146317f$export$c2abbc3f970170b7;
-var $c14528ddc146317f$export$58e50b10d30123df;
-var $c14528ddc146317f$export$14fd30fea6f1348c;
-var $c14528ddc146317f$export$cf0ead5b44db0da3;
-var $c14528ddc146317f$export$222d1ccd1870be1d;
-var $c14528ddc146317f$export$c1cdcaa5fe76a871;
-var $c14528ddc146317f$export$82a249fb4d6127;
-var $c14528ddc146317f$export$e7dc768d35940237;
-var $c14528ddc146317f$export$f39a09f249340e2a;
-var $c14528ddc146317f$export$d35bc1e505d1ebbf;
-$c14528ddc146317f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
-$c14528ddc146317f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
-$c14528ddc146317f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
-$c14528ddc146317f$export$ed65520848a7d1ae = "spectrum-Textfield--readonly_73bc77";
-$c14528ddc146317f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
-$c14528ddc146317f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
-$c14528ddc146317f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
-$c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
-$c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
-$c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
-$c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
-$c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
-$c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
-$c14528ddc146317f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
-$c14528ddc146317f$export$e7dc768d35940237 = "is-focused_73bc77";
-$c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
-$c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
-
-
-
-
-
-function $7eed1d699290e79c$var$ReadOnlyField(props, ref) {
-    props = $6WzO6$useFormProps(props);
-    let { isDisabled: isDisabled , readOnlyText: readOnlyText , inputProps: inputProps , autoFocus: autoFocus  } = props;
-    delete inputProps.defaultValue;
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $6WzO6$useHover({
-        isDisabled: isDisabled
-    });
-    let onHeightChange = $6WzO6$useCallback(()=>{
-        let input = ref.current;
-        let prevAlignment = input.style.alignSelf;
-        input.style.alignSelf = 'start';
-        input.style.height = 'auto';
-        input.style.height = `${input.scrollHeight}px`;
-        input.style.alignSelf = prevAlignment;
-    }, [
-        ref
-    ]);
-    $6WzO6$useLayoutEffect(()=>{
-        if (ref.current) onHeightChange();
-    }, [
-        onHeightChange,
-        readOnlyText,
-        ref
-    ]);
-    return(/*#__PURE__*/ $6WzO6$react.createElement("div", {
-        className: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield', {
-            'spectrum-Textfield--quiet': true,
-            'spectrum-Textfield--readonly': true
-        })
-    }, /*#__PURE__*/ $6WzO6$react.createElement($6WzO6$FocusRing, {
-        focusRingClass: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'focus-ring'),
-        isTextInput: true,
-        autoFocus: autoFocus
-    }, /*#__PURE__*/ $6WzO6$react.createElement("textarea", {
-        ...$6WzO6$mergeProps(inputProps, hoverProps),
-        rows: 1,
-        ref: ref,
-        value: readOnlyText,
-        className: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-input', {
-            'is-hovered': isHovered
-        })
-    }))));
-}
-let $7eed1d699290e79c$export$18fbc9a75a2c46ae = /*#__PURE__*/ $6WzO6$react.forwardRef($7eed1d699290e79c$var$ReadOnlyField);
-
-
-
-
 function $b7ca5b4454a2009d$var$Field(props, ref) {
     props = $6WzO6$useFormProps(props);
-    let { label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , isRequired: isRequired , necessityIndicator: necessityIndicator , includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName , validationState: validationState , description: description , errorMessage: errorMessage , isDisabled: isDisabled , showErrorIcon: showErrorIcon , children: children , labelProps: labelProps , readOnlyText: readOnlyText , isReadOnly: isReadOnly , inputProps: inputProps , inputRef: inputRef , descriptionProps: // Not every component that uses <Field> supports help text.
+    let { label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , isRequired: isRequired , necessityIndicator: necessityIndicator , includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName , validationState: validationState , description: description , errorMessage: errorMessage , isDisabled: isDisabled , showErrorIcon: showErrorIcon , children: children , labelProps: labelProps , descriptionProps: // Not every component that uses <Field> supports help text.
     descriptionProps = {
     } , errorMessageProps: errorMessageProps = {
     } , elementType: elementType , wrapperClassName: wrapperClassName , ...otherProps } = props;
     let { styleProps: styleProps  } = $6WzO6$useStyleProps(otherProps);
     let hasHelpText = !!description || errorMessage && validationState === 'invalid';
-    let formatMessage = $6WzO6$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($79b4ff1b6ea94ffc$exports)));
-    let displayReadOnly = isReadOnly && (readOnlyText || readOnlyText === '');
+    let mergedRefs = $b7ca5b4454a2009d$var$useMergeRefs(children.ref, ref);
     if (label || hasHelpText) {
         let labelWrapperClass = $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-Field', {
             'spectrum-Field--positionTop': labelPosition === 'top',
@@ -471,19 +460,10 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
                 showErrorIcon: showErrorIcon
             })
         ;
-        if (displayReadOnly) {
-            if (readOnlyText === '') readOnlyText = formatMessage('(None)');
-            children = /*#__PURE__*/ $6WzO6$react.createElement($7eed1d699290e79c$export$18fbc9a75a2c46ae, {
-                ...props,
-                readOnlyText: readOnlyText,
-                inputProps: inputProps,
-                ref: inputRef
-            });
-        }
         let renderChildren = ()=>/*#__PURE__*/ $6WzO6$react.createElement($6WzO6$Flex, {
                 direction: "column",
                 UNSAFE_className: $6WzO6$classNames((/*@__PURE__*/$parcel$interopDefault($cd231e464c886c86$exports)), 'spectrum-Field-wrapper')
-            }, children, hasHelpText && !displayReadOnly && renderHelpText())
+            }, children, hasHelpText && renderHelpText())
         ;
         return(/*#__PURE__*/ $6WzO6$react.createElement("div", {
             ...styleProps,
@@ -501,10 +481,14 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
     }
     return(/*#__PURE__*/ $6WzO6$react.cloneElement(children, $6WzO6$mergeProps(children.props, {
         ...styleProps,
-        // @ts-ignore
-        ref: $6WzO6$mergeRefs(children.ref, ref)
+        ref: mergedRefs
     })));
 }
+function $b7ca5b4454a2009d$var$useMergeRefs(...refs) {
+    return $6WzO6$useCallback($6WzO6$mergeRefs(...refs), [
+        ...refs
+    ]);
+}
 let $b7ca5b4454a2009d$export$a455218a85c89869 = /*#__PURE__*/ $6WzO6$react.forwardRef($b7ca5b4454a2009d$var$Field);