@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/inputgroup_vars_css.mjs

@@ -56,32 +56,32 @@ var $72253bfa9e12da0c$export$92706f5c6fe4074;
 var $72253bfa9e12da0c$export$dcc9e00cdad967fa;
 var $72253bfa9e12da0c$export$f7ab13ee113f4884;
 var $72253bfa9e12da0c$export$5e116178f9b1556a;
-$72253bfa9e12da0c$export$f39a09f249340e2a = `nWhlFW_focus-ring`;
-$72253bfa9e12da0c$export$8c4ee2c50c22c514 = `nWhlFW_i18nFontFamily`;
-$72253bfa9e12da0c$export$d35bc1e505d1ebbf = `nWhlFW_is-disabled`;
-$72253bfa9e12da0c$export$e7dc768d35940237 = `nWhlFW_is-focused`;
-$72253bfa9e12da0c$export$b8813cd5d7824ce7 = `nWhlFW_is-hovered`;
-$72253bfa9e12da0c$export$1e0fb04f31d3c22a = `nWhlFW_is-selected`;
-$72253bfa9e12da0c$export$58dd7cd23c92699f = `nWhlFW_spectrum-Datepicker--datetimeRange`;
-$72253bfa9e12da0c$export$1d8b0b29e11d7cd = `nWhlFW_spectrum-Datepicker--range`;
-$72253bfa9e12da0c$export$202113e883898dc = `nWhlFW_spectrum-Datepicker--rangeDash`;
-$72253bfa9e12da0c$export$1c72fb41fa4f21ee = `nWhlFW_spectrum-Datepicker-endField`;
-$72253bfa9e12da0c$export$eb262b15b9261fde = `nWhlFW_spectrum-Datepicker-focusRing`;
-$72253bfa9e12da0c$export$80f9c838a8406469 = `nWhlFW_spectrum-Datepicker-startField`;
-$72253bfa9e12da0c$export$a024c99ecf6b5741 = `nWhlFW_spectrum-FieldButton`;
-$72253bfa9e12da0c$export$c9f503f672e8a3c1 = `nWhlFW_spectrum-FieldButton--invalid`;
-$72253bfa9e12da0c$export$4109102f950813a6 = `nWhlFW_spectrum-FocusRing-ring`;
-$72253bfa9e12da0c$export$24c7f46a6e3605dd = `nWhlFW_spectrum-FocusRing ${$72253bfa9e12da0c$export$4109102f950813a6}`;
-$72253bfa9e12da0c$export$2927016961429360 = `nWhlFW_spectrum-FocusRing--quiet`;
-$72253bfa9e12da0c$export$5be359c1227eedcb = `nWhlFW_spectrum-InputGroup ${$72253bfa9e12da0c$export$24c7f46a6e3605dd}`;
-$72253bfa9e12da0c$export$3b48509739a9cda0 = `nWhlFW_spectrum-InputGroup--invalid`;
-$72253bfa9e12da0c$export$ebf265ffc062029b = `nWhlFW_spectrum-InputGroup--quiet ${$72253bfa9e12da0c$export$2927016961429360}`;
-$72253bfa9e12da0c$export$ea77459595e26bec = `nWhlFW_spectrum-InputGroup-field`;
-$72253bfa9e12da0c$export$b91b6af799fd93a8 = `nWhlFW_spectrum-InputGroup-icon`;
-$72253bfa9e12da0c$export$92706f5c6fe4074 = `nWhlFW_spectrum-InputGroup-input`;
-$72253bfa9e12da0c$export$dcc9e00cdad967fa = `nWhlFW_spectrum-InputGroup-input-circleLoader`;
-$72253bfa9e12da0c$export$f7ab13ee113f4884 = `nWhlFW_spectrum-InputGroup-input-validationIcon`;
-$72253bfa9e12da0c$export$5e116178f9b1556a = `nWhlFW_spectrum-InputGroup-popover--quiet`;
+$72253bfa9e12da0c$export$f39a09f249340e2a = `rQp3-W_focus-ring`;
+$72253bfa9e12da0c$export$8c4ee2c50c22c514 = `rQp3-W_i18nFontFamily`;
+$72253bfa9e12da0c$export$d35bc1e505d1ebbf = `rQp3-W_is-disabled`;
+$72253bfa9e12da0c$export$e7dc768d35940237 = `rQp3-W_is-focused`;
+$72253bfa9e12da0c$export$b8813cd5d7824ce7 = `rQp3-W_is-hovered`;
+$72253bfa9e12da0c$export$1e0fb04f31d3c22a = `rQp3-W_is-selected`;
+$72253bfa9e12da0c$export$58dd7cd23c92699f = `rQp3-W_spectrum-Datepicker--datetimeRange`;
+$72253bfa9e12da0c$export$1d8b0b29e11d7cd = `rQp3-W_spectrum-Datepicker--range`;
+$72253bfa9e12da0c$export$202113e883898dc = `rQp3-W_spectrum-Datepicker--rangeDash`;
+$72253bfa9e12da0c$export$1c72fb41fa4f21ee = `rQp3-W_spectrum-Datepicker-endField`;
+$72253bfa9e12da0c$export$eb262b15b9261fde = `rQp3-W_spectrum-Datepicker-focusRing`;
+$72253bfa9e12da0c$export$80f9c838a8406469 = `rQp3-W_spectrum-Datepicker-startField`;
+$72253bfa9e12da0c$export$a024c99ecf6b5741 = `rQp3-W_spectrum-FieldButton`;
+$72253bfa9e12da0c$export$c9f503f672e8a3c1 = `rQp3-W_spectrum-FieldButton--invalid`;
+$72253bfa9e12da0c$export$4109102f950813a6 = `rQp3-W_spectrum-FocusRing-ring`;
+$72253bfa9e12da0c$export$24c7f46a6e3605dd = `rQp3-W_spectrum-FocusRing ${$72253bfa9e12da0c$export$4109102f950813a6}`;
+$72253bfa9e12da0c$export$2927016961429360 = `rQp3-W_spectrum-FocusRing--quiet`;
+$72253bfa9e12da0c$export$5be359c1227eedcb = `rQp3-W_spectrum-InputGroup ${$72253bfa9e12da0c$export$24c7f46a6e3605dd}`;
+$72253bfa9e12da0c$export$3b48509739a9cda0 = `rQp3-W_spectrum-InputGroup--invalid`;
+$72253bfa9e12da0c$export$ebf265ffc062029b = `rQp3-W_spectrum-InputGroup--quiet ${$72253bfa9e12da0c$export$2927016961429360}`;
+$72253bfa9e12da0c$export$ea77459595e26bec = `rQp3-W_spectrum-InputGroup-field`;
+$72253bfa9e12da0c$export$b91b6af799fd93a8 = `rQp3-W_spectrum-InputGroup-icon`;
+$72253bfa9e12da0c$export$92706f5c6fe4074 = `rQp3-W_spectrum-InputGroup-input`;
+$72253bfa9e12da0c$export$dcc9e00cdad967fa = `rQp3-W_spectrum-InputGroup-input-circleLoader`;
+$72253bfa9e12da0c$export$f7ab13ee113f4884 = `rQp3-W_spectrum-InputGroup-input-validationIcon`;
+$72253bfa9e12da0c$export$5e116178f9b1556a = `rQp3-W_spectrum-InputGroup-popover--quiet`;
 
 
 export {$72253bfa9e12da0c$exports as default};

package/dist/private/intl/actionbar/en-US.cjs.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,eAAe,CAAC;IACrD,YAAY,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,aAAa,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAS,CAAC;QAAA,IAAI;IACpJ,eAAe,CAAC,YAAY,CAAC;IAC7B,WAAW,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,kBAAkB,CAAC;AAC1C","sources":["packages/@adobe/react-spectrum/intl/actionbar/en-US.json"],"sourcesContent":["{\n  \"clearSelection\": \"Clear selection\",\n  \"selected\": \"{count, plural, =0 {None selected} other {# selected}}\",\n  \"selectedAll\": \"All selected\",\n  \"actions\": \"Actions\",\n  \"actionsAvailable\": \"Actions available.\"\n}"],"names":[],"version":3,"file":"en-US.cjs.map"}
+{"mappings":"AAAA,iBAAiB;IAAG,kBAAkB,CAAC,eAAe,CAAC;IACrD,YAAY,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,aAAa,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAS,CAAC;QAAA,IAAI;IACpJ,eAAe,CAAC,YAAY,CAAC;IAC7B,WAAW,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,kBAAkB,CAAC;AAC1C","sources":["packages/@adobe/react-spectrum/intl/actionbar/en-US.json"],"sourcesContent":["{\n  \"clearSelection\": \"Clear selection\",\n  \"selected\": \"{count, plural, =0 {None selected} other {# selected}}\",\n  \"selectedAll\": \"All selected\",\n  \"actions\": \"Actions\",\n  \"actionsAvailable\": \"Actions available.\"\n}\n"],"names":[],"version":3,"file":"en-US.cjs.map"}

package/dist/private/intl/actionbar/en-US.js.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,eAAe,CAAC;IACrD,YAAY,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,aAAa,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAS,CAAC;QAAA,IAAI;IACpJ,eAAe,CAAC,YAAY,CAAC;IAC7B,WAAW,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,kBAAkB,CAAC;AAC1C","sources":["packages/@adobe/react-spectrum/intl/actionbar/en-US.json"],"sourcesContent":["{\n  \"clearSelection\": \"Clear selection\",\n  \"selected\": \"{count, plural, =0 {None selected} other {# selected}}\",\n  \"selectedAll\": \"All selected\",\n  \"actions\": \"Actions\",\n  \"actionsAvailable\": \"Actions available.\"\n}"],"names":[],"version":3,"file":"en-US.js.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,eAAe,CAAC;IACrD,YAAY,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,aAAa,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAS,CAAC;QAAA,IAAI;IACpJ,eAAe,CAAC,YAAY,CAAC;IAC7B,WAAW,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,kBAAkB,CAAC;AAC1C","sources":["packages/@adobe/react-spectrum/intl/actionbar/en-US.json"],"sourcesContent":["{\n  \"clearSelection\": \"Clear selection\",\n  \"selected\": \"{count, plural, =0 {None selected} other {# selected}}\",\n  \"selectedAll\": \"All selected\",\n  \"actions\": \"Actions\",\n  \"actionsAvailable\": \"Actions available.\"\n}\n"],"names":[],"version":3,"file":"en-US.js.map"}

package/dist/private/intl/actionbar/en-US.mjs.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,eAAe,CAAC;IACrD,YAAY,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,aAAa,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAS,CAAC;QAAA,IAAI;IACpJ,eAAe,CAAC,YAAY,CAAC;IAC7B,WAAW,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,kBAAkB,CAAC;AAC1C","sources":["packages/@adobe/react-spectrum/intl/actionbar/en-US.json"],"sourcesContent":["{\n  \"clearSelection\": \"Clear selection\",\n  \"selected\": \"{count, plural, =0 {None selected} other {# selected}}\",\n  \"selectedAll\": \"All selected\",\n  \"actions\": \"Actions\",\n  \"actionsAvailable\": \"Actions available.\"\n}"],"names":[],"version":3,"file":"en-US.mjs.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,kBAAkB,CAAC,eAAe,CAAC;IACrD,YAAY,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,aAAa,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,SAAS,CAAC;QAAA,IAAI;IACpJ,eAAe,CAAC,YAAY,CAAC;IAC7B,WAAW,CAAC,OAAO,CAAC;IACpB,oBAAoB,CAAC,kBAAkB,CAAC;AAC1C","sources":["packages/@adobe/react-spectrum/intl/actionbar/en-US.json"],"sourcesContent":["{\n  \"clearSelection\": \"Clear selection\",\n  \"selected\": \"{count, plural, =0 {None selected} other {# selected}}\",\n  \"selectedAll\": \"All selected\",\n  \"actions\": \"Actions\",\n  \"actionsAvailable\": \"Actions available.\"\n}\n"],"names":[],"version":3,"file":"en-US.mjs.map"}

package/dist/private/intl/combobox/en-US.cjs.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;IACzC,aAAa,CAAC,UAAU,CAAC;IACzB,SAAS,CAAC,KAAK,CAAC;IAChB,WAAW,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,OAAO,CAAC;AACpB","sources":["packages/@adobe/react-spectrum/intl/combobox/en-US.json"],"sourcesContent":["{\n  \"loading\": \"Loading...\",\n  \"noResults\": \"No results\",\n  \"clear\": \"Clear\",\n  \"invalid\": \"(invalid)\",\n  \"valid\": \"(valid)\"\n\n}\n"],"names":[],"version":3,"file":"en-US.cjs.map"}
+{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;IACzC,aAAa,CAAC,UAAU,CAAC;IACzB,SAAS,CAAC,KAAK,CAAC;IAChB,WAAW,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,OAAO,CAAC;AACpB","sources":["packages/@adobe/react-spectrum/intl/combobox/en-US.json"],"sourcesContent":["{\n  \"loading\": \"Loading...\",\n  \"noResults\": \"No results\",\n  \"clear\": \"Clear\",\n  \"invalid\": \"(invalid)\",\n  \"valid\": \"(valid)\"\n}\n"],"names":[],"version":3,"file":"en-US.cjs.map"}

package/dist/private/intl/combobox/en-US.js.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;IACzC,aAAa,CAAC,UAAU,CAAC;IACzB,SAAS,CAAC,KAAK,CAAC;IAChB,WAAW,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,OAAO,CAAC;AACpB","sources":["packages/@adobe/react-spectrum/intl/combobox/en-US.json"],"sourcesContent":["{\n  \"loading\": \"Loading...\",\n  \"noResults\": \"No results\",\n  \"clear\": \"Clear\",\n  \"invalid\": \"(invalid)\",\n  \"valid\": \"(valid)\"\n\n}\n"],"names":[],"version":3,"file":"en-US.js.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;IACzC,aAAa,CAAC,UAAU,CAAC;IACzB,SAAS,CAAC,KAAK,CAAC;IAChB,WAAW,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,OAAO,CAAC;AACpB","sources":["packages/@adobe/react-spectrum/intl/combobox/en-US.json"],"sourcesContent":["{\n  \"loading\": \"Loading...\",\n  \"noResults\": \"No results\",\n  \"clear\": \"Clear\",\n  \"invalid\": \"(invalid)\",\n  \"valid\": \"(valid)\"\n}\n"],"names":[],"version":3,"file":"en-US.js.map"}

package/dist/private/intl/combobox/en-US.mjs.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;IACzC,aAAa,CAAC,UAAU,CAAC;IACzB,SAAS,CAAC,KAAK,CAAC;IAChB,WAAW,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,OAAO,CAAC;AACpB","sources":["packages/@adobe/react-spectrum/intl/combobox/en-US.json"],"sourcesContent":["{\n  \"loading\": \"Loading...\",\n  \"noResults\": \"No results\",\n  \"clear\": \"Clear\",\n  \"invalid\": \"(invalid)\",\n  \"valid\": \"(valid)\"\n\n}\n"],"names":[],"version":3,"file":"en-US.mjs.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;IACzC,aAAa,CAAC,UAAU,CAAC;IACzB,SAAS,CAAC,KAAK,CAAC;IAChB,WAAW,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,OAAO,CAAC;AACpB","sources":["packages/@adobe/react-spectrum/intl/combobox/en-US.json"],"sourcesContent":["{\n  \"loading\": \"Loading...\",\n  \"noResults\": \"No results\",\n  \"clear\": \"Clear\",\n  \"invalid\": \"(invalid)\",\n  \"valid\": \"(valid)\"\n}\n"],"names":[],"version":3,"file":"en-US.mjs.map"}

package/dist/private/intl/menu/en-US.cjs.map

@@ -1 +1 @@
-{"mappings":"AAAA,iBAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,eAAe,CAAC,+BAA+B,CAAC;IAChD,cAAc,CAAC,OAAS,CAAC,UAAU,EAAE,KAAK,cAAc,EAAE;AAC5D","sources":["packages/@adobe/react-spectrum/intl/menu/en-US.json"],"sourcesContent":["{\n    \"moreActions\": \"More actions\",\n    \"unavailable\": \"Unavailable, expand for details\",\n    \"backButton\": \"Return to {prevMenuButton}\"\n}\n"],"names":[],"version":3,"file":"en-US.cjs.map"}
+{"mappings":"AAAA,iBAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,eAAe,CAAC,+BAA+B,CAAC;IAChD,cAAc,CAAC,OAAS,CAAC,UAAU,EAAE,KAAK,cAAc,EAAE;AAC5D","sources":["packages/@adobe/react-spectrum/intl/menu/en-US.json"],"sourcesContent":["{\n  \"moreActions\": \"More actions\",\n  \"unavailable\": \"Unavailable, expand for details\",\n  \"backButton\": \"Return to {prevMenuButton}\"\n}\n"],"names":[],"version":3,"file":"en-US.cjs.map"}

package/dist/private/intl/menu/en-US.js.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,eAAe,CAAC,+BAA+B,CAAC;IAChD,cAAc,CAAC,OAAS,CAAC,UAAU,EAAE,KAAK,cAAc,EAAE;AAC5D","sources":["packages/@adobe/react-spectrum/intl/menu/en-US.json"],"sourcesContent":["{\n    \"moreActions\": \"More actions\",\n    \"unavailable\": \"Unavailable, expand for details\",\n    \"backButton\": \"Return to {prevMenuButton}\"\n}\n"],"names":[],"version":3,"file":"en-US.js.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,eAAe,CAAC,+BAA+B,CAAC;IAChD,cAAc,CAAC,OAAS,CAAC,UAAU,EAAE,KAAK,cAAc,EAAE;AAC5D","sources":["packages/@adobe/react-spectrum/intl/menu/en-US.json"],"sourcesContent":["{\n  \"moreActions\": \"More actions\",\n  \"unavailable\": \"Unavailable, expand for details\",\n  \"backButton\": \"Return to {prevMenuButton}\"\n}\n"],"names":[],"version":3,"file":"en-US.js.map"}

package/dist/private/intl/menu/en-US.mjs.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,eAAe,CAAC,+BAA+B,CAAC;IAChD,cAAc,CAAC,OAAS,CAAC,UAAU,EAAE,KAAK,cAAc,EAAE;AAC5D","sources":["packages/@adobe/react-spectrum/intl/menu/en-US.json"],"sourcesContent":["{\n    \"moreActions\": \"More actions\",\n    \"unavailable\": \"Unavailable, expand for details\",\n    \"backButton\": \"Return to {prevMenuButton}\"\n}\n"],"names":[],"version":3,"file":"en-US.mjs.map"}
+{"mappings":";AAAA,4BAAiB;IAAG,eAAe,CAAC,YAAY,CAAC;IAC/C,eAAe,CAAC,+BAA+B,CAAC;IAChD,cAAc,CAAC,OAAS,CAAC,UAAU,EAAE,KAAK,cAAc,EAAE;AAC5D","sources":["packages/@adobe/react-spectrum/intl/menu/en-US.json"],"sourcesContent":["{\n  \"moreActions\": \"More actions\",\n  \"unavailable\": \"Unavailable, expand for details\",\n  \"backButton\": \"Return to {prevMenuButton}\"\n}\n"],"names":[],"version":3,"file":"en-US.mjs.map"}

package/dist/private/label/Field.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/label/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {Flex} from '../layout/Flex';\nimport {HelpText} from './HelpText';\nimport {Label, SpectrumLabelPropsBase} from './Label';\nimport {LabelPosition, RefObject, SpectrumFieldValidation, SpectrumHelpTextProps, Validation, ValidationResult} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {HTMLAttributes, LabelHTMLAttributes, ReactElement, ReactNode, Ref} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumFieldProps extends SpectrumLabelPropsBase, SpectrumHelpTextProps, Omit<Validation<any>, 'validationState'>, SpectrumFieldValidation<any>, Partial<ValidationResult> {\n  children: ReactElement,\n  label?: ReactNode,\n  contextualHelp?: ReactNode,\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>,\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  wrapperClassName?: string,\n  wrapperProps?: HTMLAttributes<HTMLElement>\n}\n\nexport const Field = React.forwardRef(function Field(props: SpectrumFieldProps, ref: Ref<HTMLElement>) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null\n      ? errorMessage({\n        isInvalid,\n        validationErrors,\n        validationDetails\n      })\n      : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n      labelStyles,\n      'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n      styleProps.className,\n      wrapperClassName\n    );\n\n  children = React.cloneElement(children, mergeProps(children.props as any, {\n    className: classNames(\n        labelStyles,\n        'spectrum-Field-field'\n      )\n  }));\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText} />\n    );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp &&\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      }\n    </>\n    );\n\n    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n    // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    (<div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>)\n  );\n});\n"],"names":[],"version":3,"file":"Field.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAwCM,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,MAC7C,KAAyB,EACzB,GAAqB;IAErB,IAAI,YAAY,CAAA,GAAA,sCAAW,EAAE;IAC7B,IAAI,WAAW,cAAc;IAC7B,QAAQ;IACR,IAAI,SACF,KAAK,iBACL,gBAAgB,mBAChB,UAAU,cACV,UAAU,sBACV,kBAAkB,gDAClB,4CAA4C,mBAC5C,eAAe,aACf,SAAS,eACT,WAAW,gBACX,eAAe,CAAA,IAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,wBAC5C,gBAAgB,qBAChB,iBAAiB,cACjB,UAAU,iBACV,aAAa,kBACb,cAAc,YACd,QAAQ,cACR,aAAa,CAAC,qBACd,4DAA4D;IAC5D,mBAAmB,CAAC,sBACpB,oBAAoB,CAAC,gBACrB,WAAW,oBACX,gBAAgB,gBAChB,eAAe,CAAC,GAChB,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,qBAAgC;IACpC,IAAI,OAAO,iBAAiB,YAC1B,qBACE,aAAa,QAAQ,oBAAoB,QAAQ,qBAAqB,OAClE,aAAa;mBACX;0BACA;2BACA;IACF,KACA;SAEN,qBAAqB;IAEvB,IAAI,cACF,CAAC,CAAC,eAAgB,sBAAuB,CAAA,aAAa,oBAAoB,SAAQ;IACpF,IAAI,mBAAmB,CAAA,GAAA,2BAAI;IAE3B,IAAI,uBAAuB,CAAA,GAAA,2BAAI;IAC/B,IAAI,SAAS,kBAAkB,CAAC,WAAW,EAAE,EAC3C,WAAW,EAAE,GAAG;IAGlB,IAAI,oBAAoB,CAAA,GAAA,oCAAS,EAC/B,CAAA,GAAA,mDAAU,GACV,kBACA;QACE,+BAA+B,kBAAkB;QACjD,gCAAgC,kBAAkB;QAClD,4BAA4B,eAAe;QAC3C,qCAAqC,CAAC,CAAC,MAAM,cAAc;IAC7D,GACA,WAAW,SAAS,EACpB;IAGF,yBAAW,CAAA,GAAA,sCAAI,EAAE,YAAY,CAC3B,UACA,CAAA,GAAA,qCAAS,EAAE,SAAS,KAAK,EAAS;QAChC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;IACrC;IAGF,IAAI,iBAAiB,kBACnB,0DAAC,CAAA,GAAA,kCAAO;YACN,kBAAkB;YAClB,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,iBAAiB;YACjB,WAAW;YACX,YAAY;YACZ,eAAe;YACf,UAAU,CAAA,GAAA,mDAAU,EAAE,QAAQ;;IAIlC,IAAI,iBAAiB;QACnB,IAAI,kBAAkB,QACpB,qBACE,0DAAC,CAAA,GAAA,8BAAG;YACF,WAAU;YACV,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;WACzC,UACA,eAAe;QAKtB,qBACE,sHACG,UACA,eAAe;IAGtB;IAEA,IAAI,uCACF,sHACG,uBACC,0DAAC,CAAA,GAAA,+BAAI;QACF,GAAG,UAAU;QACd,eAAe;QACf,YAAY;QACZ,YAAY;QACZ,oBAAoB;QACpB,8CACE;QAEF,aAAa;OACZ,QAGJ,SAAS,gCACR,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;gBAC1C,IAAI;gBACJ,mBAAmB,YAAY,KAAK,GAAG,WAAW,EAAE,CAAC,CAAC,EAAE,kBAAkB,GAAG;YAC/E;QACF;OACC;IAMT,2FAA2F;IAC3F,+CAA+C;IAC/C,IAAI,YAAY,kBAAkB,UAAU,SAAS,gBACnD,uCACE,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;qBACtC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAU,GAAG;OACrC;IAMT,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,YAAY;QAChB,KAAK;QACL,WAAW;OACV,wBACA;AAGP","sources":["packages/@adobe/react-spectrum/src/label/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {Flex} from '../layout/Flex';\nimport {HelpText} from './HelpText';\nimport {Label, SpectrumLabelPropsBase} from './Label';\nimport {\n  LabelPosition,\n  RefObject,\n  SpectrumFieldValidation,\n  SpectrumHelpTextProps,\n  Validation,\n  ValidationResult\n} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {HTMLAttributes, LabelHTMLAttributes, ReactElement, ReactNode, Ref} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumFieldProps\n  extends\n    SpectrumLabelPropsBase,\n    SpectrumHelpTextProps,\n    Omit<Validation<any>, 'validationState'>,\n    SpectrumFieldValidation<any>,\n    Partial<ValidationResult> {\n  children: ReactElement;\n  label?: ReactNode;\n  contextualHelp?: ReactNode;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  wrapperClassName?: string;\n  wrapperProps?: HTMLAttributes<HTMLElement>;\n}\n\nexport const Field = React.forwardRef(function Field(\n  props: SpectrumFieldProps,\n  ref: Ref<HTMLElement>\n) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString =\n      isInvalid != null && validationErrors != null && validationDetails != null\n        ? errorMessage({\n            isInvalid,\n            validationErrors,\n            validationDetails\n          })\n        : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText =\n    !!description || (errorMessageString && (isInvalid || validationState === 'invalid'));\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n    labelStyles,\n    'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n    styleProps.className,\n    wrapperClassName\n  );\n\n  children = React.cloneElement(\n    children,\n    mergeProps(children.props as any, {\n      className: classNames(labelStyles, 'spectrum-Field-field')\n    })\n  );\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText}\n    />\n  );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex\n          direction=\"column\"\n          UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={\n            includeNecessityIndicatorInAccessibilityName\n          }\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp && (\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      )}\n    </>\n  );\n\n  // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n  // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Field.cjs.map"}

package/dist/private/label/Field.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/label/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {Flex} from '../layout/Flex';\nimport {HelpText} from './HelpText';\nimport {Label, SpectrumLabelPropsBase} from './Label';\nimport {LabelPosition, RefObject, SpectrumFieldValidation, SpectrumHelpTextProps, Validation, ValidationResult} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {HTMLAttributes, LabelHTMLAttributes, ReactElement, ReactNode, Ref} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumFieldProps extends SpectrumLabelPropsBase, SpectrumHelpTextProps, Omit<Validation<any>, 'validationState'>, SpectrumFieldValidation<any>, Partial<ValidationResult> {\n  children: ReactElement,\n  label?: ReactNode,\n  contextualHelp?: ReactNode,\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>,\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  wrapperClassName?: string,\n  wrapperProps?: HTMLAttributes<HTMLElement>\n}\n\nexport const Field = React.forwardRef(function Field(props: SpectrumFieldProps, ref: Ref<HTMLElement>) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null\n      ? errorMessage({\n        isInvalid,\n        validationErrors,\n        validationDetails\n      })\n      : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n      labelStyles,\n      'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n      styleProps.className,\n      wrapperClassName\n    );\n\n  children = React.cloneElement(children, mergeProps(children.props as any, {\n    className: classNames(\n        labelStyles,\n        'spectrum-Field-field'\n      )\n  }));\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText} />\n    );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp &&\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      }\n    </>\n    );\n\n    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n    // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    (<div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>)\n  );\n});\n"],"names":[],"version":3,"file":"Field.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/label/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {Flex} from '../layout/Flex';\nimport {HelpText} from './HelpText';\nimport {Label, SpectrumLabelPropsBase} from './Label';\nimport {\n  LabelPosition,\n  RefObject,\n  SpectrumFieldValidation,\n  SpectrumHelpTextProps,\n  Validation,\n  ValidationResult\n} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {HTMLAttributes, LabelHTMLAttributes, ReactElement, ReactNode, Ref} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumFieldProps\n  extends\n    SpectrumLabelPropsBase,\n    SpectrumHelpTextProps,\n    Omit<Validation<any>, 'validationState'>,\n    SpectrumFieldValidation<any>,\n    Partial<ValidationResult> {\n  children: ReactElement;\n  label?: ReactNode;\n  contextualHelp?: ReactNode;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  wrapperClassName?: string;\n  wrapperProps?: HTMLAttributes<HTMLElement>;\n}\n\nexport const Field = React.forwardRef(function Field(\n  props: SpectrumFieldProps,\n  ref: Ref<HTMLElement>\n) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString =\n      isInvalid != null && validationErrors != null && validationDetails != null\n        ? errorMessage({\n            isInvalid,\n            validationErrors,\n            validationDetails\n          })\n        : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText =\n    !!description || (errorMessageString && (isInvalid || validationState === 'invalid'));\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n    labelStyles,\n    'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n    styleProps.className,\n    wrapperClassName\n  );\n\n  children = React.cloneElement(\n    children,\n    mergeProps(children.props as any, {\n      className: classNames(labelStyles, 'spectrum-Field-field')\n    })\n  );\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText}\n    />\n  );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex\n          direction=\"column\"\n          UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={\n            includeNecessityIndicatorInAccessibilityName\n          }\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp && (\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      )}\n    </>\n  );\n\n  // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n  // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Field.js.map"}

package/dist/private/label/Field.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA2BM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAAqB;IACnG,IAAI,YAAY,CAAA,GAAA,yCAAW,EAAE;IAC7B,IAAI,WAAW,cAAc;IAC7B,QAAQ;IACR,IAAI,SACF,KAAK,iBACL,gBAAgB,mBAChB,UAAU,cACV,UAAU,sBACV,kBAAkB,gDAClB,4CAA4C,mBAC5C,eAAe,aACf,SAAS,eACT,WAAW,gBACX,eAAe,CAAA,IAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,wBAC5C,gBAAgB,qBAChB,iBAAiB,cACjB,UAAU,iBACV,aAAa,kBACb,cAAc,YACd,QAAQ,cACR,aAAa,CAAC,qBACd,4DAA4D;IAC5D,mBAAmB,CAAC,sBACpB,oBAAoB,CAAC,gBACrB,WAAW,oBACX,gBAAgB,gBAChB,eAAe,CAAC,GAChB,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,qBAAgC;IACpC,IAAI,OAAO,iBAAiB,YAC1B,qBAAqB,aAAa,QAAQ,oBAAoB,QAAQ,qBAAqB,OACvF,aAAa;mBACb;0BACA;2BACA;IACF,KACE;SAEJ,qBAAqB;IAEvB,IAAI,cAAc,CAAC,CAAC,eAAe,sBAAuB,CAAA,aAAa,oBAAoB,SAAQ;IACnG,IAAI,mBAAmB,CAAA,GAAA,YAAI;IAE3B,IAAI,uBAAuB,CAAA,GAAA,YAAI;IAC/B,IAAI,SAAS,kBAAkB,CAAC,WAAW,EAAE,EAC3C,WAAW,EAAE,GAAG;IAGlB,IAAI,oBAAoB,CAAA,GAAA,yCAAS,EAC7B,CAAA,GAAA,uDAAU,GACV,kBACF;QACE,+BAA+B,kBAAkB;QACjD,gCAAgC,kBAAkB;QAClD,4BAA4B,eAAe;QAC3C,qCAAqC,CAAC,CAAC,MAAM,cAAc;IAC7D,GACE,WAAW,SAAS,EACpB;IAGJ,yBAAW,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,UAAU,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,EAAS;QACxE,WAAW,CAAA,GAAA,yCAAS,EAChB,CAAA,GAAA,uDAAU,GACV;IAEN;IAEA,IAAI,iBAAiB,kBACnB,gCAAC,CAAA,GAAA,yCAAO;YACN,kBAAkB;YAClB,mBAAmB;YACnB,aAAa;YACb,cAAc;YACd,iBAAiB;YACjB,WAAW;YACX,YAAY;YACZ,eAAe;YACf,UAAU,CAAA,GAAA,uDAAU,EAAE,QAAQ;;IAGlC,IAAI,iBAAiB;QACnB,IAAI,kBAAkB,QACpB,qBACE,gCAAC,CAAA,GAAA,yCAAG;YAAE,WAAU;YAAS,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAU,GAAG;WAChE,UACA,eAAe;QAKtB,qBACE,kEACG,UACA,eAAe;IAGtB;IAEA,IAAI,uCACF,kEACG,uBACC,gCAAC,CAAA,GAAA,yCAAI;QACF,GAAG,UAAU;QACd,eAAe;QACf,YAAY;QACZ,YAAY;QACZ,oBAAoB;QACpB,8CAA8C;QAC9C,aAAa;OACZ,QAGJ,SAAS,gCACR,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,cAAc;gBACZ,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAU,GAAG;gBAC1C,IAAI;gBACJ,mBAAmB,YAAY,KAAK,GAAG,WAAW,EAAE,CAAC,CAAC,EAAE,kBAAkB,GAAG;YAC/E;QACF;OACC;IAMP,2FAA2F;IAC3F,+CAA+C;IACjD,IAAI,YAAY,kBAAkB,UAAU,SAAS,gBACnD,uCACE,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAU,GAAG;qBACtC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAU,GAAG;OACrC;IAMT,qBACG,gCAAC;QACC,GAAG,UAAU;QACb,GAAG,YAAY;QAChB,KAAK;QACL,WAAW;OACV,wBACA;AAGP","sources":["packages/@adobe/react-spectrum/src/label/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {Flex} from '../layout/Flex';\nimport {HelpText} from './HelpText';\nimport {Label, SpectrumLabelPropsBase} from './Label';\nimport {LabelPosition, RefObject, SpectrumFieldValidation, SpectrumHelpTextProps, Validation, ValidationResult} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {HTMLAttributes, LabelHTMLAttributes, ReactElement, ReactNode, Ref} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumFieldProps extends SpectrumLabelPropsBase, SpectrumHelpTextProps, Omit<Validation<any>, 'validationState'>, SpectrumFieldValidation<any>, Partial<ValidationResult> {\n  children: ReactElement,\n  label?: ReactNode,\n  contextualHelp?: ReactNode,\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>,\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  wrapperClassName?: string,\n  wrapperProps?: HTMLAttributes<HTMLElement>\n}\n\nexport const Field = React.forwardRef(function Field(props: SpectrumFieldProps, ref: Ref<HTMLElement>) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null\n      ? errorMessage({\n        isInvalid,\n        validationErrors,\n        validationDetails\n      })\n      : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n      labelStyles,\n      'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n      styleProps.className,\n      wrapperClassName\n    );\n\n  children = React.cloneElement(children, mergeProps(children.props as any, {\n    className: classNames(\n        labelStyles,\n        'spectrum-Field-field'\n      )\n  }));\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText} />\n    );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex direction=\"column\" UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={includeNecessityIndicatorInAccessibilityName}\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp &&\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      }\n    </>\n    );\n\n    // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n    // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    (<div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>)\n  );\n});\n"],"names":[],"version":3,"file":"Field.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/label/Field.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {Flex} from '../layout/Flex';\nimport {HelpText} from './HelpText';\nimport {Label, SpectrumLabelPropsBase} from './Label';\nimport {\n  LabelPosition,\n  RefObject,\n  SpectrumFieldValidation,\n  SpectrumHelpTextProps,\n  Validation,\n  ValidationResult\n} from '@react-types/shared';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {HTMLAttributes, LabelHTMLAttributes, ReactElement, ReactNode, Ref} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport {useFormProps} from '../form/Form';\nimport {useId} from 'react-aria/useId';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumFieldProps\n  extends\n    SpectrumLabelPropsBase,\n    SpectrumHelpTextProps,\n    Omit<Validation<any>, 'validationState'>,\n    SpectrumFieldValidation<any>,\n    Partial<ValidationResult> {\n  children: ReactElement;\n  label?: ReactNode;\n  contextualHelp?: ReactNode;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  wrapperClassName?: string;\n  wrapperProps?: HTMLAttributes<HTMLElement>;\n}\n\nexport const Field = React.forwardRef(function Field(\n  props: SpectrumFieldProps,\n  ref: Ref<HTMLElement>\n) {\n  let formProps = useFormProps(props);\n  let isInForm = formProps !== props;\n  props = formProps;\n  let {\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    isRequired,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName,\n    validationState,\n    isInvalid,\n    description,\n    errorMessage = e => e.validationErrors.join(' '),\n    validationErrors,\n    validationDetails,\n    isDisabled,\n    showErrorIcon,\n    contextualHelp,\n    children,\n    labelProps = {},\n    // Not every component that uses <Field> supports help text.\n    descriptionProps = {},\n    errorMessageProps = {},\n    elementType,\n    wrapperClassName,\n    wrapperProps = {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let errorMessageString: ReactNode = null;\n  if (typeof errorMessage === 'function') {\n    errorMessageString =\n      isInvalid != null && validationErrors != null && validationDetails != null\n        ? errorMessage({\n            isInvalid,\n            validationErrors,\n            validationDetails\n          })\n        : null;\n  } else {\n    errorMessageString = errorMessage;\n  }\n  let hasHelpText =\n    !!description || (errorMessageString && (isInvalid || validationState === 'invalid'));\n  let contextualHelpId = useId();\n\n  let fallbackLabelPropsId = useId();\n  if (label && contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  let labelWrapperClass = classNames(\n    labelStyles,\n    'spectrum-Field',\n    {\n      'spectrum-Field--positionTop': labelPosition === 'top',\n      'spectrum-Field--positionSide': labelPosition === 'side',\n      'spectrum-Field--alignEnd': labelAlign === 'end',\n      'spectrum-Field--hasContextualHelp': !!props.contextualHelp\n    },\n    styleProps.className,\n    wrapperClassName\n  );\n\n  children = React.cloneElement(\n    children,\n    mergeProps(children.props as any, {\n      className: classNames(labelStyles, 'spectrum-Field-field')\n    })\n  );\n\n  let renderHelpText = () => (\n    <HelpText\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      description={description}\n      errorMessage={errorMessageString}\n      validationState={validationState}\n      isInvalid={isInvalid}\n      isDisabled={isDisabled}\n      showErrorIcon={showErrorIcon}\n      gridArea={labelStyles.helpText}\n    />\n  );\n\n  let renderChildren = () => {\n    if (labelPosition === 'side') {\n      return (\n        <Flex\n          direction=\"column\"\n          UNSAFE_className={classNames(labelStyles, 'spectrum-Field-wrapper')}>\n          {children}\n          {hasHelpText && renderHelpText()}\n        </Flex>\n      );\n    }\n\n    return (\n      <>\n        {children}\n        {hasHelpText && renderHelpText()}\n      </>\n    );\n  };\n\n  let labelAndContextualHelp = (\n    <>\n      {label && (\n        <Label\n          {...labelProps}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}\n          includeNecessityIndicatorInAccessibilityName={\n            includeNecessityIndicatorInAccessibilityName\n          }\n          elementType={elementType}>\n          {label}\n        </Label>\n      )}\n      {label && contextualHelp && (\n        <SlotProvider\n          slots={{\n            actionButton: {\n              UNSAFE_className: classNames(labelStyles, 'spectrum-Field-contextualHelp'),\n              id: contextualHelpId,\n              'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined\n            }\n          }}>\n          {contextualHelp}\n        </SlotProvider>\n      )}\n    </>\n  );\n\n  // Need to add an extra wrapper for the label and contextual help if labelPosition is side,\n  // so that the table layout works inside forms.\n  if (isInForm && labelPosition === 'side' && label && contextualHelp) {\n    labelAndContextualHelp = (\n      <div className={classNames(labelStyles, 'spectrum-Field-labelCell')}>\n        <div className={classNames(labelStyles, 'spectrum-Field-labelWrapper')}>\n          {labelAndContextualHelp}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...wrapperProps}\n      ref={ref as RefObject<HTMLDivElement | null>}\n      className={labelWrapperClass}>\n      {labelAndContextualHelp}\n      {renderChildren()}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Field.mjs.map"}

package/dist/private/label/HelpText.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAAS,KAAoB,EAAE,GAA2B;IAC1G,IAAI,eACF,WAAW,gBACX,YAAY,mBACZ,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,oBACb,gBAAgB,qBAChB,iBAAiB,EAClB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,iBAAiB,gBAAiB,CAAA,aAAa,oBAAoB,SAAQ;IAC/E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,qBACE,0DAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,qBACA,CAAC,mBAAmB,EAAE,iBAAiB,aAAa,WAAW,EAC/D;YAAC,eAAe;QAAU,GAC1B,WAAW,SAAS;QAEtB,KAAK;OACJ,+BACC,sHACG,+BAAiB,0DAAC,CAAA,GAAA,2DAAU;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACpE,0DAAC;QAAK,GAAG,iBAAiB;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACvD,+BAIL,0DAAC;QAAK,GAAG,gBAAgB;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACtD;AAKX","sources":["packages/@adobe/react-spectrum/src/label/HelpText.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, SpectrumFieldValidation, SpectrumHelpTextProps, StyleProps, Validation} from '@react-types/shared';\nimport React, {HTMLAttributes, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface HelpTextProps extends Omit<SpectrumHelpTextProps, 'errorMessage'>, Omit<Validation<any>, 'validationState'>, SpectrumFieldValidation<any>, StyleProps {\n  /** Props for the help text description element. */\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  /** Props for the help text error message element. */\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  /** An error message for the field. */\n  errorMessage?: ReactNode\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.\n */\nexport const HelpText = React.forwardRef(function HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    description,\n    errorMessage,\n    validationState,\n    isInvalid,\n    isDisabled,\n    showErrorIcon,\n    descriptionProps,\n    errorMessageProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={classNames(\n        styles,\n        'spectrum-HelpText',\n        `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n        {'is-disabled': isDisabled},\n        styleProps.className\n      )}\n      ref={domRef}>\n      {isErrorMessage ? (\n        <>\n          {showErrorIcon && <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')} />}\n          <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n            {errorMessage}\n          </div>\n        </>\n      ) : (\n        <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"HelpText.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkCM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAAoB,EACpB,GAA2B;IAE3B,IAAI,eACF,WAAW,gBACX,YAAY,mBACZ,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,oBACb,gBAAgB,qBAChB,iBAAiB,EAClB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,iBAAiB,gBAAiB,CAAA,aAAa,oBAAoB,SAAQ;IAC/E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,qBACE,0DAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,qBACA,CAAC,mBAAmB,EAAE,iBAAiB,aAAa,WAAW,EAC/D;YAAC,eAAe;QAAU,GAC1B,WAAW,SAAS;QAEtB,KAAK;OACJ,+BACC,sHACG,+BACC,0DAAC,CAAA,GAAA,2DAAU;QACT,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBAGzC,0DAAC;QAAK,GAAG,iBAAiB;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACvD,+BAIL,0DAAC;QAAK,GAAG,gBAAgB;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACtD;AAKX","sources":["packages/@adobe/react-spectrum/src/label/HelpText.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {\n  DOMRef,\n  SpectrumFieldValidation,\n  SpectrumHelpTextProps,\n  StyleProps,\n  Validation\n} from '@react-types/shared';\nimport React, {HTMLAttributes, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface HelpTextProps\n  extends\n    Omit<SpectrumHelpTextProps, 'errorMessage'>,\n    Omit<Validation<any>, 'validationState'>,\n    SpectrumFieldValidation<any>,\n    StyleProps {\n  /** Props for the help text description element. */\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  /** Props for the help text error message element. */\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  /** An error message for the field. */\n  errorMessage?: ReactNode;\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context\n * about what a user needs to input. It's commonly used in forms.\n */\nexport const HelpText = React.forwardRef(function HelpText(\n  props: HelpTextProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    description,\n    errorMessage,\n    validationState,\n    isInvalid,\n    isDisabled,\n    showErrorIcon,\n    descriptionProps,\n    errorMessageProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={classNames(\n        styles,\n        'spectrum-HelpText',\n        `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n        {'is-disabled': isDisabled},\n        styleProps.className\n      )}\n      ref={domRef}>\n      {isErrorMessage ? (\n        <>\n          {showErrorIcon && (\n            <AlertMedium\n              UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')}\n            />\n          )}\n          <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n            {errorMessage}\n          </div>\n        </>\n      ) : (\n        <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"HelpText.cjs.map"}

package/dist/private/label/HelpText.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAAS,KAAoB,EAAE,GAA2B;IAC1G,IAAI,eACF,WAAW,gBACX,YAAY,mBACZ,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,oBACb,gBAAgB,qBAChB,iBAAiB,EAClB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,iBAAiB,gBAAiB,CAAA,aAAa,oBAAoB,SAAQ;IAC/E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,qBACE,gCAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,qDAAK,GACL,qBACA,CAAC,mBAAmB,EAAE,iBAAiB,aAAa,WAAW,EAC/D;YAAC,eAAe;QAAU,GAC1B,WAAW,SAAS;QAEtB,KAAK;OACJ,+BACC,kEACG,+BAAiB,gCAAC,CAAA,GAAA,iCAAU;QAAE,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACpE,gCAAC;QAAK,GAAG,iBAAiB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACvD,+BAIL,gCAAC;QAAK,GAAG,gBAAgB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACtD;AAKX","sources":["packages/@adobe/react-spectrum/src/label/HelpText.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, SpectrumFieldValidation, SpectrumHelpTextProps, StyleProps, Validation} from '@react-types/shared';\nimport React, {HTMLAttributes, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface HelpTextProps extends Omit<SpectrumHelpTextProps, 'errorMessage'>, Omit<Validation<any>, 'validationState'>, SpectrumFieldValidation<any>, StyleProps {\n  /** Props for the help text description element. */\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  /** Props for the help text error message element. */\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  /** An error message for the field. */\n  errorMessage?: ReactNode\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.\n */\nexport const HelpText = React.forwardRef(function HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    description,\n    errorMessage,\n    validationState,\n    isInvalid,\n    isDisabled,\n    showErrorIcon,\n    descriptionProps,\n    errorMessageProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={classNames(\n        styles,\n        'spectrum-HelpText',\n        `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n        {'is-disabled': isDisabled},\n        styleProps.className\n      )}\n      ref={domRef}>\n      {isErrorMessage ? (\n        <>\n          {showErrorIcon && <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')} />}\n          <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n            {errorMessage}\n          </div>\n        </>\n      ) : (\n        <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"HelpText.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAAoB,EACpB,GAA2B;IAE3B,IAAI,eACF,WAAW,gBACX,YAAY,mBACZ,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,oBACb,gBAAgB,qBAChB,iBAAiB,EAClB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,iBAAiB,gBAAiB,CAAA,aAAa,oBAAoB,SAAQ;IAC/E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,qBACE,gCAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,qDAAK,GACL,qBACA,CAAC,mBAAmB,EAAE,iBAAiB,aAAa,WAAW,EAC/D;YAAC,eAAe;QAAU,GAC1B,WAAW,SAAS;QAEtB,KAAK;OACJ,+BACC,kEACG,+BACC,gCAAC,CAAA,GAAA,iCAAU;QACT,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBAGzC,gCAAC;QAAK,GAAG,iBAAiB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACvD,+BAIL,gCAAC;QAAK,GAAG,gBAAgB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACtD;AAKX","sources":["packages/@adobe/react-spectrum/src/label/HelpText.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {\n  DOMRef,\n  SpectrumFieldValidation,\n  SpectrumHelpTextProps,\n  StyleProps,\n  Validation\n} from '@react-types/shared';\nimport React, {HTMLAttributes, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface HelpTextProps\n  extends\n    Omit<SpectrumHelpTextProps, 'errorMessage'>,\n    Omit<Validation<any>, 'validationState'>,\n    SpectrumFieldValidation<any>,\n    StyleProps {\n  /** Props for the help text description element. */\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  /** Props for the help text error message element. */\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  /** An error message for the field. */\n  errorMessage?: ReactNode;\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context\n * about what a user needs to input. It's commonly used in forms.\n */\nexport const HelpText = React.forwardRef(function HelpText(\n  props: HelpTextProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    description,\n    errorMessage,\n    validationState,\n    isInvalid,\n    isDisabled,\n    showErrorIcon,\n    descriptionProps,\n    errorMessageProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={classNames(\n        styles,\n        'spectrum-HelpText',\n        `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n        {'is-disabled': isDisabled},\n        styleProps.className\n      )}\n      ref={domRef}>\n      {isErrorMessage ? (\n        <>\n          {showErrorIcon && (\n            <AlertMedium\n              UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')}\n            />\n          )}\n          <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n            {errorMessage}\n          </div>\n        </>\n      ) : (\n        <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"HelpText.js.map"}

package/dist/private/label/HelpText.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAsBM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAAS,KAAoB,EAAE,GAA2B;IAC1G,IAAI,eACF,WAAW,gBACX,YAAY,mBACZ,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,oBACb,gBAAgB,qBAChB,iBAAiB,EAClB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,iBAAiB,gBAAiB,CAAA,aAAa,oBAAoB,SAAQ;IAC/E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,qBACE,gCAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,qDAAK,GACL,qBACA,CAAC,mBAAmB,EAAE,iBAAiB,aAAa,WAAW,EAC/D;YAAC,eAAe;QAAU,GAC1B,WAAW,SAAS;QAEtB,KAAK;OACJ,+BACC,kEACG,+BAAiB,gCAAC,CAAA,GAAA,iCAAU;QAAE,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBACpE,gCAAC;QAAK,GAAG,iBAAiB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACvD,+BAIL,gCAAC;QAAK,GAAG,gBAAgB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACtD;AAKX","sources":["packages/@adobe/react-spectrum/src/label/HelpText.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, SpectrumFieldValidation, SpectrumHelpTextProps, StyleProps, Validation} from '@react-types/shared';\nimport React, {HTMLAttributes, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface HelpTextProps extends Omit<SpectrumHelpTextProps, 'errorMessage'>, Omit<Validation<any>, 'validationState'>, SpectrumFieldValidation<any>, StyleProps {\n  /** Props for the help text description element. */\n  descriptionProps?: HTMLAttributes<HTMLElement>,\n  /** Props for the help text error message element. */\n  errorMessageProps?: HTMLAttributes<HTMLElement>,\n  /** An error message for the field. */\n  errorMessage?: ReactNode\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context about what a user needs to input. It's commonly used in forms.\n */\nexport const HelpText = React.forwardRef(function HelpText(props: HelpTextProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    description,\n    errorMessage,\n    validationState,\n    isInvalid,\n    isDisabled,\n    showErrorIcon,\n    descriptionProps,\n    errorMessageProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={classNames(\n        styles,\n        'spectrum-HelpText',\n        `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n        {'is-disabled': isDisabled},\n        styleProps.className\n      )}\n      ref={domRef}>\n      {isErrorMessage ? (\n        <>\n          {showErrorIcon && <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')} />}\n          <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n            {errorMessage}\n          </div>\n        </>\n      ) : (\n        <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"HelpText.mjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAAoB,EACpB,GAA2B;IAE3B,IAAI,eACF,WAAW,gBACX,YAAY,mBACZ,eAAe,aACf,SAAS,cACT,UAAU,iBACV,aAAa,oBACb,gBAAgB,qBAChB,iBAAiB,EAClB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,iBAAiB,gBAAiB,CAAA,aAAa,oBAAoB,SAAQ;IAC/E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,qBACE,gCAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,qDAAK,GACL,qBACA,CAAC,mBAAmB,EAAE,iBAAiB,aAAa,WAAW,EAC/D;YAAC,eAAe;QAAU,GAC1B,WAAW,SAAS;QAEtB,KAAK;OACJ,+BACC,kEACG,+BACC,gCAAC,CAAA,GAAA,iCAAU;QACT,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;sBAGzC,gCAAC;QAAK,GAAG,iBAAiB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACvD,+BAIL,gCAAC;QAAK,GAAG,gBAAgB;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,qDAAK,GAAG;OACtD;AAKX","sources":["packages/@adobe/react-spectrum/src/label/HelpText.tsx"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {\n  DOMRef,\n  SpectrumFieldValidation,\n  SpectrumHelpTextProps,\n  StyleProps,\n  Validation\n} from '@react-types/shared';\nimport React, {HTMLAttributes, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/helptext/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface HelpTextProps\n  extends\n    Omit<SpectrumHelpTextProps, 'errorMessage'>,\n    Omit<Validation<any>, 'validationState'>,\n    SpectrumFieldValidation<any>,\n    StyleProps {\n  /** Props for the help text description element. */\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  /** Props for the help text error message element. */\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  /** An error message for the field. */\n  errorMessage?: ReactNode;\n}\n\n/**\n * Help text provides either an informative description or an error message that gives more context\n * about what a user needs to input. It's commonly used in forms.\n */\nexport const HelpText = React.forwardRef(function HelpText(\n  props: HelpTextProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    description,\n    errorMessage,\n    validationState,\n    isInvalid,\n    isDisabled,\n    showErrorIcon,\n    descriptionProps,\n    errorMessageProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');\n  let {styleProps} = useStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={classNames(\n        styles,\n        'spectrum-HelpText',\n        `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`,\n        {'is-disabled': isDisabled},\n        styleProps.className\n      )}\n      ref={domRef}>\n      {isErrorMessage ? (\n        <>\n          {showErrorIcon && (\n            <AlertMedium\n              UNSAFE_className={classNames(styles, 'spectrum-HelpText-validationIcon')}\n            />\n          )}\n          <div {...errorMessageProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n            {errorMessage}\n          </div>\n        </>\n      ) : (\n        <div {...descriptionProps} className={classNames(styles, 'spectrum-HelpText-text')}>\n          {description}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"HelpText.mjs.map"}

package/dist/private/label/Label.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAgCM,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAA6B;IAC3G,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,YACF,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,kBAAkB,SAAS,UAAU,kBAClD,UAAU,sBACV,qBAAqB,cAAc,OAAO,SAAS,oDACnD,+CAA+C,gBAC/C,OAAO,EACP,KAAK,QAAQ,EACb,aAAa,cAAc,OAAO,WAClC,OAAO,EACP,GAAG,YACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAiB,aAAa,gBAAgB,MAAM,CAAC,gBAAgB,gBAAgB,MAAM,CAAC;IAChG,IAAI,qBACF,0DAAC,CAAA,GAAA,wDAAO;QACN,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,cAAY,+CAA+C,gBAAgB,MAAM,CAAC,gBAAgB;;IAGtG,IAAI,kBAAkB,CAAA,GAAA,oCAAS,EAC7B,CAAA,GAAA,mDAAK,GACL,uBACA;QACE,qCAAqC,kBAAkB;QACvD,iCAAiC,eAAe;IAClD,GACA,WAAW,SAAS;IAGtB,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,SAAS;QACT,KAAK;QACL,WAAW;QACX,SAAS,gBAAgB,UAAU,YAAY,UAAU;OACxD,UACA,AAAC,CAAA,uBAAuB,WAAY,uBAAuB,UAAU,UAAU,KAAM,WAIrF,uBAAuB,yBAAW,0DAAC;QAAK,eAAa,CAAC,+CAA+C,aAAa;OAAY,iBAC9H,uBAAuB,UAAU,cAAc;AAGtD","sources":["packages/@adobe/react-spectrum/src/label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Alignment, DOMProps, DOMRef, LabelPosition, NecessityIndicator, StyleProps} from '@react-types/shared';\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport intlMessages from '../../intl/label/*.json';\nimport React, {ElementType, HTMLAttributes, ReactNode} from 'react';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface LabelProps {\n  children?: ReactNode,\n  htmlFor?: string, // for compatibility with React\n  for?: string,\n  elementType?: ElementType\n}\n\nexport interface SpectrumLabelPropsBase extends LabelProps, DOMProps, StyleProps {\n  labelPosition?: LabelPosition, // default top\n  labelAlign?: Alignment, // default start\n  isRequired?: boolean,\n  necessityIndicator?: NecessityIndicator, // default icon\n  includeNecessityIndicatorInAccessibilityName?: boolean\n}\n\nexport interface SpectrumLabelProps extends SpectrumLabelPropsBase, HTMLAttributes<HTMLElement> {}\n\nexport const Label = React.forwardRef(function Label(props: SpectrumLabelProps, ref: DOMRef<HTMLLabelElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    labelPosition = 'top',\n    labelAlign = labelPosition === 'side' ? 'start' : null,\n    isRequired,\n    necessityIndicator = isRequired != null ? 'icon' : null,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    for: labelFor,\n    elementType: ElementType = 'label',\n    onClick,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/label');\n  let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');\n  let icon = (\n    <Asterisk\n      UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n      aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined} />\n  );\n\n  let labelClassNames = classNames(\n    styles,\n    'spectrum-FieldLabel',\n    {\n      'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n      'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n    },\n    styleProps.className\n  );\n\n  return (\n    <ElementType\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      onClick={onClick}\n      ref={domRef}\n      className={labelClassNames}\n      htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n      {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) && ' \\u200b'}\n      {/* necessityLabel is hidden to screen readers if the field is required because\n        * aria-required is set on the field in that case. That will already be announced,\n        * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n      {necessityIndicator === 'label' && <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>{necessityLabel}</span>}\n      {necessityIndicator === 'icon' && isRequired && icon}\n    </ElementType>\n  );\n});\n"],"names":[],"version":3,"file":"Label.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAuCM,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,MAC7C,KAAyB,EACzB,GAA6B;IAE7B,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,YACF,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,kBAAkB,SAAS,UAAU,kBAClD,UAAU,sBACV,qBAAqB,cAAc,OAAO,SAAS,oDACnD,+CAA+C,gBAC/C,OAAO,EACP,KAAK,QAAQ,EACb,aAAa,cAAc,OAAO,WAClC,OAAO,EACP,GAAG,YACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,iBAAiB,aACjB,gBAAgB,MAAM,CAAC,gBACvB,gBAAgB,MAAM,CAAC;IAC3B,IAAI,qBACF,0DAAC,CAAA,GAAA,wDAAO;QACN,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QACrC,cACE,+CACI,gBAAgB,MAAM,CAAC,gBACvB;;IAKV,IAAI,kBAAkB,CAAA,GAAA,oCAAS,EAC7B,CAAA,GAAA,mDAAK,GACL,uBACA;QACE,qCAAqC,kBAAkB;QACvD,iCAAiC,eAAe;IAClD,GACA,WAAW,SAAS;IAGtB,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,SAAS;QACT,KAAK;QACL,WAAW;QACX,SAAS,gBAAgB,UAAU,YAAY,UAAU;OACxD,UACA,AAAC,CAAA,uBAAuB,WAAY,uBAAuB,UAAU,UAAU,KAC9E,WAID,uBAAuB,yBACtB,0DAAC;QAAK,eAAa,CAAC,+CAA+C,aAAa;OAC7E,iBAGJ,uBAAuB,UAAU,cAAc;AAGtD","sources":["packages/@adobe/react-spectrum/src/label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Alignment,\n  DOMProps,\n  DOMRef,\n  LabelPosition,\n  NecessityIndicator,\n  StyleProps\n} from '@react-types/shared';\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport intlMessages from '../../intl/label/*.json';\nimport React, {ElementType, HTMLAttributes, ReactNode} from 'react';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface LabelProps {\n  children?: ReactNode;\n  htmlFor?: string; // for compatibility with React\n  for?: string;\n  elementType?: ElementType;\n}\n\nexport interface SpectrumLabelPropsBase extends LabelProps, DOMProps, StyleProps {\n  labelPosition?: LabelPosition; // default top\n  labelAlign?: Alignment; // default start\n  isRequired?: boolean;\n  necessityIndicator?: NecessityIndicator; // default icon\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n}\n\nexport interface SpectrumLabelProps extends SpectrumLabelPropsBase, HTMLAttributes<HTMLElement> {}\n\nexport const Label = React.forwardRef(function Label(\n  props: SpectrumLabelProps,\n  ref: DOMRef<HTMLLabelElement>\n) {\n  props = useProviderProps(props);\n  let {\n    children,\n    labelPosition = 'top',\n    labelAlign = labelPosition === 'side' ? 'start' : null,\n    isRequired,\n    necessityIndicator = isRequired != null ? 'icon' : null,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    for: labelFor,\n    elementType: ElementType = 'label',\n    onClick,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/label');\n  let necessityLabel = isRequired\n    ? stringFormatter.format('(required)')\n    : stringFormatter.format('(optional)');\n  let icon = (\n    <Asterisk\n      UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n      aria-label={\n        includeNecessityIndicatorInAccessibilityName\n          ? stringFormatter.format('(required)')\n          : undefined\n      }\n    />\n  );\n\n  let labelClassNames = classNames(\n    styles,\n    'spectrum-FieldLabel',\n    {\n      'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n      'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n    },\n    styleProps.className\n  );\n\n  return (\n    <ElementType\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      onClick={onClick}\n      ref={domRef}\n      className={labelClassNames}\n      htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n      {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) &&\n        ' \\u200b'}\n      {/* necessityLabel is hidden to screen readers if the field is required because\n       * aria-required is set on the field in that case. That will already be announced,\n       * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n      {necessityIndicator === 'label' && (\n        <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>\n          {necessityLabel}\n        </span>\n      )}\n      {necessityIndicator === 'icon' && isRequired && icon}\n    </ElementType>\n  );\n});\n"],"names":[],"version":3,"file":"Label.cjs.map"}

package/dist/private/label/Label.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAgCM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAA6B;IAC3G,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YACF,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,kBAAkB,SAAS,UAAU,kBAClD,UAAU,sBACV,qBAAqB,cAAc,OAAO,SAAS,oDACnD,+CAA+C,gBAC/C,OAAO,EACP,KAAK,QAAQ,EACb,aAAa,cAAc,OAAO,WAClC,OAAO,EACP,GAAG,YACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,iBAAiB,aAAa,gBAAgB,MAAM,CAAC,gBAAgB,gBAAgB,MAAM,CAAC;IAChG,IAAI,qBACF,gCAAC,CAAA,GAAA,8BAAO;QACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;QACrC,cAAY,+CAA+C,gBAAgB,MAAM,CAAC,gBAAgB;;IAGtG,IAAI,kBAAkB,CAAA,GAAA,yCAAS,EAC7B,CAAA,GAAA,uDAAK,GACL,uBACA;QACE,qCAAqC,kBAAkB;QACvD,iCAAiC,eAAe;IAClD,GACA,WAAW,SAAS;IAGtB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,SAAS;QACT,KAAK;QACL,WAAW;QACX,SAAS,gBAAgB,UAAU,YAAY,UAAU;OACxD,UACA,AAAC,CAAA,uBAAuB,WAAY,uBAAuB,UAAU,UAAU,KAAM,WAIrF,uBAAuB,yBAAW,gCAAC;QAAK,eAAa,CAAC,+CAA+C,aAAa;OAAY,iBAC9H,uBAAuB,UAAU,cAAc;AAGtD","sources":["packages/@adobe/react-spectrum/src/label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Alignment, DOMProps, DOMRef, LabelPosition, NecessityIndicator, StyleProps} from '@react-types/shared';\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport intlMessages from '../../intl/label/*.json';\nimport React, {ElementType, HTMLAttributes, ReactNode} from 'react';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface LabelProps {\n  children?: ReactNode,\n  htmlFor?: string, // for compatibility with React\n  for?: string,\n  elementType?: ElementType\n}\n\nexport interface SpectrumLabelPropsBase extends LabelProps, DOMProps, StyleProps {\n  labelPosition?: LabelPosition, // default top\n  labelAlign?: Alignment, // default start\n  isRequired?: boolean,\n  necessityIndicator?: NecessityIndicator, // default icon\n  includeNecessityIndicatorInAccessibilityName?: boolean\n}\n\nexport interface SpectrumLabelProps extends SpectrumLabelPropsBase, HTMLAttributes<HTMLElement> {}\n\nexport const Label = React.forwardRef(function Label(props: SpectrumLabelProps, ref: DOMRef<HTMLLabelElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    labelPosition = 'top',\n    labelAlign = labelPosition === 'side' ? 'start' : null,\n    isRequired,\n    necessityIndicator = isRequired != null ? 'icon' : null,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    for: labelFor,\n    elementType: ElementType = 'label',\n    onClick,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/label');\n  let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');\n  let icon = (\n    <Asterisk\n      UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n      aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined} />\n  );\n\n  let labelClassNames = classNames(\n    styles,\n    'spectrum-FieldLabel',\n    {\n      'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n      'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n    },\n    styleProps.className\n  );\n\n  return (\n    <ElementType\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      onClick={onClick}\n      ref={domRef}\n      className={labelClassNames}\n      htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n      {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) && ' \\u200b'}\n      {/* necessityLabel is hidden to screen readers if the field is required because\n        * aria-required is set on the field in that case. That will already be announced,\n        * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n      {necessityIndicator === 'label' && <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>{necessityLabel}</span>}\n      {necessityIndicator === 'icon' && isRequired && icon}\n    </ElementType>\n  );\n});\n"],"names":[],"version":3,"file":"Label.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAuCM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAC7C,KAAyB,EACzB,GAA6B;IAE7B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YACF,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,kBAAkB,SAAS,UAAU,kBAClD,UAAU,sBACV,qBAAqB,cAAc,OAAO,SAAS,oDACnD,+CAA+C,gBAC/C,OAAO,EACP,KAAK,QAAQ,EACb,aAAa,cAAc,OAAO,WAClC,OAAO,EACP,GAAG,YACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,iBAAiB,aACjB,gBAAgB,MAAM,CAAC,gBACvB,gBAAgB,MAAM,CAAC;IAC3B,IAAI,qBACF,gCAAC,CAAA,GAAA,8BAAO;QACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;QACrC,cACE,+CACI,gBAAgB,MAAM,CAAC,gBACvB;;IAKV,IAAI,kBAAkB,CAAA,GAAA,yCAAS,EAC7B,CAAA,GAAA,uDAAK,GACL,uBACA;QACE,qCAAqC,kBAAkB;QACvD,iCAAiC,eAAe;IAClD,GACA,WAAW,SAAS;IAGtB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,SAAS;QACT,KAAK;QACL,WAAW;QACX,SAAS,gBAAgB,UAAU,YAAY,UAAU;OACxD,UACA,AAAC,CAAA,uBAAuB,WAAY,uBAAuB,UAAU,UAAU,KAC9E,WAID,uBAAuB,yBACtB,gCAAC;QAAK,eAAa,CAAC,+CAA+C,aAAa;OAC7E,iBAGJ,uBAAuB,UAAU,cAAc;AAGtD","sources":["packages/@adobe/react-spectrum/src/label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Alignment,\n  DOMProps,\n  DOMRef,\n  LabelPosition,\n  NecessityIndicator,\n  StyleProps\n} from '@react-types/shared';\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport intlMessages from '../../intl/label/*.json';\nimport React, {ElementType, HTMLAttributes, ReactNode} from 'react';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface LabelProps {\n  children?: ReactNode;\n  htmlFor?: string; // for compatibility with React\n  for?: string;\n  elementType?: ElementType;\n}\n\nexport interface SpectrumLabelPropsBase extends LabelProps, DOMProps, StyleProps {\n  labelPosition?: LabelPosition; // default top\n  labelAlign?: Alignment; // default start\n  isRequired?: boolean;\n  necessityIndicator?: NecessityIndicator; // default icon\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n}\n\nexport interface SpectrumLabelProps extends SpectrumLabelPropsBase, HTMLAttributes<HTMLElement> {}\n\nexport const Label = React.forwardRef(function Label(\n  props: SpectrumLabelProps,\n  ref: DOMRef<HTMLLabelElement>\n) {\n  props = useProviderProps(props);\n  let {\n    children,\n    labelPosition = 'top',\n    labelAlign = labelPosition === 'side' ? 'start' : null,\n    isRequired,\n    necessityIndicator = isRequired != null ? 'icon' : null,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    for: labelFor,\n    elementType: ElementType = 'label',\n    onClick,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/label');\n  let necessityLabel = isRequired\n    ? stringFormatter.format('(required)')\n    : stringFormatter.format('(optional)');\n  let icon = (\n    <Asterisk\n      UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n      aria-label={\n        includeNecessityIndicatorInAccessibilityName\n          ? stringFormatter.format('(required)')\n          : undefined\n      }\n    />\n  );\n\n  let labelClassNames = classNames(\n    styles,\n    'spectrum-FieldLabel',\n    {\n      'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n      'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n    },\n    styleProps.className\n  );\n\n  return (\n    <ElementType\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      onClick={onClick}\n      ref={domRef}\n      className={labelClassNames}\n      htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n      {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) &&\n        ' \\u200b'}\n      {/* necessityLabel is hidden to screen readers if the field is required because\n       * aria-required is set on the field in that case. That will already be announced,\n       * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n      {necessityIndicator === 'label' && (\n        <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>\n          {necessityLabel}\n        </span>\n      )}\n      {necessityIndicator === 'icon' && isRequired && icon}\n    </ElementType>\n  );\n});\n"],"names":[],"version":3,"file":"Label.js.map"}

package/dist/private/label/Label.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAgCM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAAM,KAAyB,EAAE,GAA6B;IAC3G,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YACF,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,kBAAkB,SAAS,UAAU,kBAClD,UAAU,sBACV,qBAAqB,cAAc,OAAO,SAAS,oDACnD,+CAA+C,gBAC/C,OAAO,EACP,KAAK,QAAQ,EACb,aAAa,cAAc,OAAO,WAClC,OAAO,EACP,GAAG,YACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,aAAa,gBAAgB,MAAM,CAAC,gBAAgB,gBAAgB,MAAM,CAAC;IAChG,IAAI,qBACF,gCAAC,CAAA,GAAA,8BAAO;QACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;QACrC,cAAY,+CAA+C,gBAAgB,MAAM,CAAC,gBAAgB;;IAGtG,IAAI,kBAAkB,CAAA,GAAA,yCAAS,EAC7B,CAAA,GAAA,uDAAK,GACL,uBACA;QACE,qCAAqC,kBAAkB;QACvD,iCAAiC,eAAe;IAClD,GACA,WAAW,SAAS;IAGtB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,SAAS;QACT,KAAK;QACL,WAAW;QACX,SAAS,gBAAgB,UAAU,YAAY,UAAU;OACxD,UACA,AAAC,CAAA,uBAAuB,WAAY,uBAAuB,UAAU,UAAU,KAAM,WAIrF,uBAAuB,yBAAW,gCAAC;QAAK,eAAa,CAAC,+CAA+C,aAAa;OAAY,iBAC9H,uBAAuB,UAAU,cAAc;AAGtD","sources":["packages/@adobe/react-spectrum/src/label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Alignment, DOMProps, DOMRef, LabelPosition, NecessityIndicator, StyleProps} from '@react-types/shared';\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport intlMessages from '../../intl/label/*.json';\nimport React, {ElementType, HTMLAttributes, ReactNode} from 'react';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface LabelProps {\n  children?: ReactNode,\n  htmlFor?: string, // for compatibility with React\n  for?: string,\n  elementType?: ElementType\n}\n\nexport interface SpectrumLabelPropsBase extends LabelProps, DOMProps, StyleProps {\n  labelPosition?: LabelPosition, // default top\n  labelAlign?: Alignment, // default start\n  isRequired?: boolean,\n  necessityIndicator?: NecessityIndicator, // default icon\n  includeNecessityIndicatorInAccessibilityName?: boolean\n}\n\nexport interface SpectrumLabelProps extends SpectrumLabelPropsBase, HTMLAttributes<HTMLElement> {}\n\nexport const Label = React.forwardRef(function Label(props: SpectrumLabelProps, ref: DOMRef<HTMLLabelElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    labelPosition = 'top',\n    labelAlign = labelPosition === 'side' ? 'start' : null,\n    isRequired,\n    necessityIndicator = isRequired != null ? 'icon' : null,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    for: labelFor,\n    elementType: ElementType = 'label',\n    onClick,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/label');\n  let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');\n  let icon = (\n    <Asterisk\n      UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n      aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined} />\n  );\n\n  let labelClassNames = classNames(\n    styles,\n    'spectrum-FieldLabel',\n    {\n      'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n      'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n    },\n    styleProps.className\n  );\n\n  return (\n    <ElementType\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      onClick={onClick}\n      ref={domRef}\n      className={labelClassNames}\n      htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n      {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) && ' \\u200b'}\n      {/* necessityLabel is hidden to screen readers if the field is required because\n        * aria-required is set on the field in that case. That will already be announced,\n        * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n      {necessityIndicator === 'label' && <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>{necessityLabel}</span>}\n      {necessityIndicator === 'icon' && isRequired && icon}\n    </ElementType>\n  );\n});\n"],"names":[],"version":3,"file":"Label.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAuCM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,MAC7C,KAAyB,EACzB,GAA6B;IAE7B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YACF,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,kBAAkB,SAAS,UAAU,kBAClD,UAAU,sBACV,qBAAqB,cAAc,OAAO,SAAS,oDACnD,+CAA+C,gBAC/C,OAAO,EACP,KAAK,QAAQ,EACb,aAAa,cAAc,OAAO,WAClC,OAAO,EACP,GAAG,YACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,iBAAiB,aACjB,gBAAgB,MAAM,CAAC,gBACvB,gBAAgB,MAAM,CAAC;IAC3B,IAAI,qBACF,gCAAC,CAAA,GAAA,8BAAO;QACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,uDAAK,GAAG;QACrC,cACE,+CACI,gBAAgB,MAAM,CAAC,gBACvB;;IAKV,IAAI,kBAAkB,CAAA,GAAA,yCAAS,EAC7B,CAAA,GAAA,uDAAK,GACL,uBACA;QACE,qCAAqC,kBAAkB;QACvD,iCAAiC,eAAe;IAClD,GACA,WAAW,SAAS;IAGtB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,SAAS;QACT,KAAK;QACL,WAAW;QACX,SAAS,gBAAgB,UAAU,YAAY,UAAU;OACxD,UACA,AAAC,CAAA,uBAAuB,WAAY,uBAAuB,UAAU,UAAU,KAC9E,WAID,uBAAuB,yBACtB,gCAAC;QAAK,eAAa,CAAC,+CAA+C,aAAa;OAC7E,iBAGJ,uBAAuB,UAAU,cAAc;AAGtD","sources":["packages/@adobe/react-spectrum/src/label/Label.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Alignment,\n  DOMProps,\n  DOMRef,\n  LabelPosition,\n  NecessityIndicator,\n  StyleProps\n} from '@react-types/shared';\nimport Asterisk from '@spectrum-icons/ui/Asterisk';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport intlMessages from '../../intl/label/*.json';\nimport React, {ElementType, HTMLAttributes, ReactNode} from 'react';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface LabelProps {\n  children?: ReactNode;\n  htmlFor?: string; // for compatibility with React\n  for?: string;\n  elementType?: ElementType;\n}\n\nexport interface SpectrumLabelPropsBase extends LabelProps, DOMProps, StyleProps {\n  labelPosition?: LabelPosition; // default top\n  labelAlign?: Alignment; // default start\n  isRequired?: boolean;\n  necessityIndicator?: NecessityIndicator; // default icon\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n}\n\nexport interface SpectrumLabelProps extends SpectrumLabelPropsBase, HTMLAttributes<HTMLElement> {}\n\nexport const Label = React.forwardRef(function Label(\n  props: SpectrumLabelProps,\n  ref: DOMRef<HTMLLabelElement>\n) {\n  props = useProviderProps(props);\n  let {\n    children,\n    labelPosition = 'top',\n    labelAlign = labelPosition === 'side' ? 'start' : null,\n    isRequired,\n    necessityIndicator = isRequired != null ? 'icon' : null,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    for: labelFor,\n    elementType: ElementType = 'label',\n    onClick,\n    ...otherProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/label');\n  let necessityLabel = isRequired\n    ? stringFormatter.format('(required)')\n    : stringFormatter.format('(optional)');\n  let icon = (\n    <Asterisk\n      UNSAFE_className={classNames(styles, 'spectrum-FieldLabel-requiredIcon')}\n      aria-label={\n        includeNecessityIndicatorInAccessibilityName\n          ? stringFormatter.format('(required)')\n          : undefined\n      }\n    />\n  );\n\n  let labelClassNames = classNames(\n    styles,\n    'spectrum-FieldLabel',\n    {\n      'spectrum-FieldLabel--positionSide': labelPosition === 'side',\n      'spectrum-FieldLabel--alignEnd': labelAlign === 'end'\n    },\n    styleProps.className\n  );\n\n  return (\n    <ElementType\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      onClick={onClick}\n      ref={domRef}\n      className={labelClassNames}\n      htmlFor={ElementType === 'label' ? labelFor || htmlFor : undefined}>\n      {children}\n      {(necessityIndicator === 'label' || (necessityIndicator === 'icon' && isRequired)) &&\n        ' \\u200b'}\n      {/* necessityLabel is hidden to screen readers if the field is required because\n       * aria-required is set on the field in that case. That will already be announced,\n       * so no need to duplicate it here. If optional, we do want it to be announced here. */}\n      {necessityIndicator === 'label' && (\n        <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>\n          {necessityLabel}\n        </span>\n      )}\n      {necessityIndicator === 'icon' && isRequired && icon}\n    </ElementType>\n  );\n});\n"],"names":[],"version":3,"file":"Label.mjs.map"}

package/dist/private/labeledvalue/LabeledValue.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/labeledvalue/LabeledValue.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarDate, CalendarDateTime, getLocalTimeZone, Time, toCalendarDateTime, today, ZonedDateTime} from '@internationalized/date';\nimport {classNames} from '../utils/classNames';\nimport type {DOMProps, DOMRef, RangeValue, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport React, {ReactElement, ReactNode, useEffect} from 'react';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useListFormatter} from 'react-aria/useListFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\n\n// NOTE: the types here need to be synchronized with the ones in docs/types.ts, which are simpler so the documentation generator can handle them.\n\nexport interface LabeledValueBaseProps extends DOMProps, StyleProps, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>, DOMProps {\n  /** The content to display as the label. */\n  label: ReactNode\n}\n\ntype NumberValue = number | RangeValue<number>;\ninterface NumberProps<T extends NumberValue> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: Intl.NumberFormatOptions\n}\n\nexport type DateTime = Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time;\ntype RangeDateTime = RangeValue<DateTime>;\ntype DateTimeValue = DateTime | RangeDateTime;\ninterface DateProps<T extends DateTimeValue> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: Intl.DateTimeFormatOptions\n}\n\ninterface StringProps<T extends string> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: never\n}\n\ninterface StringListProps<T extends string[]> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: Intl.ListFormatOptions\n}\n\ninterface ReactElementProps<T extends ReactElement> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: never\n}\n\ntype LabeledValueProps<T> =\n  T extends NumberValue ? NumberProps<T> :\n  T extends DateTimeValue ? DateProps<T> :\n  T extends string[] ? StringListProps<T> :\n  T extends string ? StringProps<T> :\n  T extends ReactElement ? ReactElementProps<T> :\n  never;\n\ntype SpectrumLabeledValueTypes = string[] | string | Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time | number | RangeValue<number> | RangeValue<DateTime> | ReactElement;\nexport type SpectrumLabeledValueProps<T> = LabeledValueProps<T> & LabeledValueBaseProps;\n\n/**\n * A LabeledValue displays a non-editable value with a label. It formats numbers, dates, times, and lists according to the user's locale.\n */\nexport const LabeledValue = React.forwardRef(function LabeledValue<T extends SpectrumLabeledValueTypes>(props: SpectrumLabeledValueProps<T>, ref: DOMRef<HTMLElement>) {\n  let {\n    value,\n    formatOptions\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  useEffect(() => {\n    if (\n      domRef?.current &&\n      domRef.current.querySelectorAll('input, [contenteditable], textarea')\n        .length > 0\n    ) {\n      throw new Error('LabeledValue cannot contain an editable value.');\n    }\n  }, [domRef]);\n  \n\n  let children;\n  if (Array.isArray(value)) {\n    children = <FormattedStringList value={value} formatOptions={formatOptions as Intl.ListFormatOptions} />;\n  }\n\n  if (typeof value === 'object' && 'start' in value && typeof value.start === 'number' && typeof value.end === 'number') {\n    children = <FormattedNumber value={value as NumberValue} formatOptions={formatOptions as Intl.NumberFormatOptions}  />;\n  }\n\n  if (typeof value === 'object' && 'start' in value && typeof value.start !== 'number' && typeof value.end !== 'number') {\n    children = <FormattedDate value={value as DateTimeValue} formatOptions={formatOptions as Intl.DateTimeFormatOptions} />;\n  }\n\n  if (typeof value === 'number') {\n    children = <FormattedNumber value={value} formatOptions={formatOptions as Intl.NumberFormatOptions} />;\n  }\n\n  if (typeof value === 'object' && ('calendar' in value || 'hour' in value) || (value instanceof Date)) {\n    children = <FormattedDate value={value} formatOptions={formatOptions as Intl.DateTimeFormatOptions} />;\n  }\n\n  if (typeof value === 'string') {\n    children = value;\n  }\n\n  if (React.isValidElement(value)) {\n    children = value;\n  }\n\n  return (\n    <Field {...props as any} wrapperProps={filterDOMProps(props as any)} ref={domRef} elementType=\"span\" wrapperClassName={classNames(labelStyles, 'spectrum-LabeledValue')}>\n      <span>{children}</span>\n    </Field>\n  );\n});\n\nfunction FormattedStringList<T extends string[]>(props: StringListProps<T>) {\n  let stringFormatter = useListFormatter(props.formatOptions);\n\n  return (\n    <>{stringFormatter.format(props.value)}</>\n  );\n}\n\nfunction FormattedNumber<T extends NumberValue>(props: NumberProps<T>) {\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let value = props.value;\n\n  if (typeof value === 'object') {\n    return <>{numberFormatter.formatRange(value.start, value.end)}</>;\n  }\n\n  return <>{numberFormatter.format(value)}</>;\n}\n\nfunction FormattedDate<T extends DateTimeValue>(props: DateProps<T>) {\n  let {value, formatOptions} = props;\n  if (!formatOptions) {\n    formatOptions = getDefaultFormatOptions('start' in value ? value.start : value);\n  }\n\n  let dateFormatter = useDateFormatter(formatOptions);\n  let timeZone = dateFormatter.resolvedOptions().timeZone || getLocalTimeZone();\n  let final: Date;\n\n  if ('start' in value && 'end' in value) {\n    let start = value.start;\n    let end = value.end;\n\n    start = convertDateTime(start, timeZone);\n    end = convertDateTime(end, timeZone);\n\n    return <>{dateFormatter.formatRange(start, end)}</>;\n  }\n\n  final = convertDateTime(value, timeZone);\n  return <>{dateFormatter.format(final)}</>;\n}\n\nfunction convertDateTime(value: DateTime, timeZone: any) {\n  if ('timeZone' in value) {\n    return value.toDate();\n  } else if ('calendar' in value) {\n    return value.toDate(timeZone);\n  } else if (!(value instanceof Date)) {\n    return convertValue(value).toDate(timeZone);\n  }\n\n  return value;\n}\n\nfunction getDefaultFormatOptions(value: DateTime): Intl.DateTimeFormatOptions {\n  if (value instanceof Date) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('timeZone' in value) {\n    return {year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', timeZone: value.timeZone, timeZoneName: 'short'};\n  } else if ('hour' in value && 'year' in value) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('hour' in value) {\n    return {timeStyle: 'short'};\n  } else {\n    return {dateStyle: 'long'};\n  }\n}\n\nfunction convertValue(value: Time) {\n  let date = today(getLocalTimeZone());\n\n  return toCalendarDateTime(date, value);\n}\n"],"names":[],"version":3,"file":"LabeledValue.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/labeledvalue/LabeledValue.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CalendarDate,\n  CalendarDateTime,\n  getLocalTimeZone,\n  Time,\n  toCalendarDateTime,\n  today,\n  ZonedDateTime\n} from '@internationalized/date';\nimport {classNames} from '../utils/classNames';\nimport type {\n  DOMProps,\n  DOMRef,\n  RangeValue,\n  SpectrumLabelableProps,\n  StyleProps\n} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport React, {ReactElement, ReactNode, useEffect} from 'react';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useListFormatter} from 'react-aria/useListFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\n\n// NOTE: the types here need to be synchronized with the ones in docs/types.ts, which are simpler so the documentation generator can handle them.\n\nexport interface LabeledValueBaseProps\n  extends\n    DOMProps,\n    StyleProps,\n    Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>,\n    DOMProps {\n  /** The content to display as the label. */\n  label: ReactNode;\n}\n\ntype NumberValue = number | RangeValue<number>;\ninterface NumberProps<T extends NumberValue> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport type DateTime = Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time;\ntype RangeDateTime = RangeValue<DateTime>;\ntype DateTimeValue = DateTime | RangeDateTime;\ninterface DateProps<T extends DateTimeValue> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.DateTimeFormatOptions;\n}\n\ninterface StringProps<T extends string> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: never;\n}\n\ninterface StringListProps<T extends string[]> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.ListFormatOptions;\n}\n\ninterface ReactElementProps<T extends ReactElement> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: never;\n}\n\ntype LabeledValueProps<T> = T extends NumberValue\n  ? NumberProps<T>\n  : T extends DateTimeValue\n    ? DateProps<T>\n    : T extends string[]\n      ? StringListProps<T>\n      : T extends string\n        ? StringProps<T>\n        : T extends ReactElement\n          ? ReactElementProps<T>\n          : never;\n\ntype SpectrumLabeledValueTypes =\n  | string[]\n  | string\n  | Date\n  | CalendarDate\n  | CalendarDateTime\n  | ZonedDateTime\n  | Time\n  | number\n  | RangeValue<number>\n  | RangeValue<DateTime>\n  | ReactElement;\nexport type SpectrumLabeledValueProps<T> = LabeledValueProps<T> & LabeledValueBaseProps;\n\n/**\n * A LabeledValue displays a non-editable value with a label. It formats numbers, dates, times, and\n * lists according to the user's locale.\n */\nexport const LabeledValue = React.forwardRef(function LabeledValue<\n  T extends SpectrumLabeledValueTypes\n>(props: SpectrumLabeledValueProps<T>, ref: DOMRef<HTMLElement>) {\n  let {value, formatOptions} = props;\n  let domRef = useDOMRef(ref);\n\n  useEffect(() => {\n    if (\n      domRef?.current &&\n      domRef.current.querySelectorAll('input, [contenteditable], textarea').length > 0\n    ) {\n      throw new Error('LabeledValue cannot contain an editable value.');\n    }\n  }, [domRef]);\n\n  let children;\n  if (Array.isArray(value)) {\n    children = (\n      <FormattedStringList value={value} formatOptions={formatOptions as Intl.ListFormatOptions} />\n    );\n  }\n\n  if (\n    typeof value === 'object' &&\n    'start' in value &&\n    typeof value.start === 'number' &&\n    typeof value.end === 'number'\n  ) {\n    children = (\n      <FormattedNumber\n        value={value as NumberValue}\n        formatOptions={formatOptions as Intl.NumberFormatOptions}\n      />\n    );\n  }\n\n  if (\n    typeof value === 'object' &&\n    'start' in value &&\n    typeof value.start !== 'number' &&\n    typeof value.end !== 'number'\n  ) {\n    children = (\n      <FormattedDate\n        value={value as DateTimeValue}\n        formatOptions={formatOptions as Intl.DateTimeFormatOptions}\n      />\n    );\n  }\n\n  if (typeof value === 'number') {\n    children = (\n      <FormattedNumber value={value} formatOptions={formatOptions as Intl.NumberFormatOptions} />\n    );\n  }\n\n  if (\n    (typeof value === 'object' && ('calendar' in value || 'hour' in value)) ||\n    value instanceof Date\n  ) {\n    children = (\n      <FormattedDate value={value} formatOptions={formatOptions as Intl.DateTimeFormatOptions} />\n    );\n  }\n\n  if (typeof value === 'string') {\n    children = value;\n  }\n\n  if (React.isValidElement(value)) {\n    children = value;\n  }\n\n  return (\n    <Field\n      {...(props as any)}\n      wrapperProps={filterDOMProps(props as any)}\n      ref={domRef}\n      elementType=\"span\"\n      wrapperClassName={classNames(labelStyles, 'spectrum-LabeledValue')}>\n      <span>{children}</span>\n    </Field>\n  );\n});\n\nfunction FormattedStringList<T extends string[]>(props: StringListProps<T>) {\n  let stringFormatter = useListFormatter(props.formatOptions);\n\n  return <>{stringFormatter.format(props.value)}</>;\n}\n\nfunction FormattedNumber<T extends NumberValue>(props: NumberProps<T>) {\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let value = props.value;\n\n  if (typeof value === 'object') {\n    return <>{numberFormatter.formatRange(value.start, value.end)}</>;\n  }\n\n  return <>{numberFormatter.format(value)}</>;\n}\n\nfunction FormattedDate<T extends DateTimeValue>(props: DateProps<T>) {\n  let {value, formatOptions} = props;\n  if (!formatOptions) {\n    formatOptions = getDefaultFormatOptions('start' in value ? value.start : value);\n  }\n\n  let dateFormatter = useDateFormatter(formatOptions);\n  let timeZone = dateFormatter.resolvedOptions().timeZone || getLocalTimeZone();\n  let final: Date;\n\n  if ('start' in value && 'end' in value) {\n    let start = value.start;\n    let end = value.end;\n\n    start = convertDateTime(start, timeZone);\n    end = convertDateTime(end, timeZone);\n\n    return <>{dateFormatter.formatRange(start, end)}</>;\n  }\n\n  final = convertDateTime(value, timeZone);\n  return <>{dateFormatter.format(final)}</>;\n}\n\nfunction convertDateTime(value: DateTime, timeZone: any) {\n  if ('timeZone' in value) {\n    return value.toDate();\n  } else if ('calendar' in value) {\n    return value.toDate(timeZone);\n  } else if (!(value instanceof Date)) {\n    return convertValue(value).toDate(timeZone);\n  }\n\n  return value;\n}\n\nfunction getDefaultFormatOptions(value: DateTime): Intl.DateTimeFormatOptions {\n  if (value instanceof Date) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('timeZone' in value) {\n    return {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n      timeZone: value.timeZone,\n      timeZoneName: 'short'\n    };\n  } else if ('hour' in value && 'year' in value) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('hour' in value) {\n    return {timeStyle: 'short'};\n  } else {\n    return {dateStyle: 'long'};\n  }\n}\n\nfunction convertValue(value: Time) {\n  let date = today(getLocalTimeZone());\n\n  return toCalendarDateTime(date, value);\n}\n"],"names":[],"version":3,"file":"LabeledValue.cjs.map"}

package/dist/private/labeledvalue/LabeledValue.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/labeledvalue/LabeledValue.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CalendarDate, CalendarDateTime, getLocalTimeZone, Time, toCalendarDateTime, today, ZonedDateTime} from '@internationalized/date';\nimport {classNames} from '../utils/classNames';\nimport type {DOMProps, DOMRef, RangeValue, SpectrumLabelableProps, StyleProps} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport React, {ReactElement, ReactNode, useEffect} from 'react';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useListFormatter} from 'react-aria/useListFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\n\n// NOTE: the types here need to be synchronized with the ones in docs/types.ts, which are simpler so the documentation generator can handle them.\n\nexport interface LabeledValueBaseProps extends DOMProps, StyleProps, Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>, DOMProps {\n  /** The content to display as the label. */\n  label: ReactNode\n}\n\ntype NumberValue = number | RangeValue<number>;\ninterface NumberProps<T extends NumberValue> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: Intl.NumberFormatOptions\n}\n\nexport type DateTime = Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time;\ntype RangeDateTime = RangeValue<DateTime>;\ntype DateTimeValue = DateTime | RangeDateTime;\ninterface DateProps<T extends DateTimeValue> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: Intl.DateTimeFormatOptions\n}\n\ninterface StringProps<T extends string> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: never\n}\n\ninterface StringListProps<T extends string[]> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: Intl.ListFormatOptions\n}\n\ninterface ReactElementProps<T extends ReactElement> {\n  /** The value to display. */\n  value: T,\n  /** Formatting options for the value. */\n  formatOptions?: never\n}\n\ntype LabeledValueProps<T> =\n  T extends NumberValue ? NumberProps<T> :\n  T extends DateTimeValue ? DateProps<T> :\n  T extends string[] ? StringListProps<T> :\n  T extends string ? StringProps<T> :\n  T extends ReactElement ? ReactElementProps<T> :\n  never;\n\ntype SpectrumLabeledValueTypes = string[] | string | Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time | number | RangeValue<number> | RangeValue<DateTime> | ReactElement;\nexport type SpectrumLabeledValueProps<T> = LabeledValueProps<T> & LabeledValueBaseProps;\n\n/**\n * A LabeledValue displays a non-editable value with a label. It formats numbers, dates, times, and lists according to the user's locale.\n */\nexport const LabeledValue = React.forwardRef(function LabeledValue<T extends SpectrumLabeledValueTypes>(props: SpectrumLabeledValueProps<T>, ref: DOMRef<HTMLElement>) {\n  let {\n    value,\n    formatOptions\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  useEffect(() => {\n    if (\n      domRef?.current &&\n      domRef.current.querySelectorAll('input, [contenteditable], textarea')\n        .length > 0\n    ) {\n      throw new Error('LabeledValue cannot contain an editable value.');\n    }\n  }, [domRef]);\n  \n\n  let children;\n  if (Array.isArray(value)) {\n    children = <FormattedStringList value={value} formatOptions={formatOptions as Intl.ListFormatOptions} />;\n  }\n\n  if (typeof value === 'object' && 'start' in value && typeof value.start === 'number' && typeof value.end === 'number') {\n    children = <FormattedNumber value={value as NumberValue} formatOptions={formatOptions as Intl.NumberFormatOptions}  />;\n  }\n\n  if (typeof value === 'object' && 'start' in value && typeof value.start !== 'number' && typeof value.end !== 'number') {\n    children = <FormattedDate value={value as DateTimeValue} formatOptions={formatOptions as Intl.DateTimeFormatOptions} />;\n  }\n\n  if (typeof value === 'number') {\n    children = <FormattedNumber value={value} formatOptions={formatOptions as Intl.NumberFormatOptions} />;\n  }\n\n  if (typeof value === 'object' && ('calendar' in value || 'hour' in value) || (value instanceof Date)) {\n    children = <FormattedDate value={value} formatOptions={formatOptions as Intl.DateTimeFormatOptions} />;\n  }\n\n  if (typeof value === 'string') {\n    children = value;\n  }\n\n  if (React.isValidElement(value)) {\n    children = value;\n  }\n\n  return (\n    <Field {...props as any} wrapperProps={filterDOMProps(props as any)} ref={domRef} elementType=\"span\" wrapperClassName={classNames(labelStyles, 'spectrum-LabeledValue')}>\n      <span>{children}</span>\n    </Field>\n  );\n});\n\nfunction FormattedStringList<T extends string[]>(props: StringListProps<T>) {\n  let stringFormatter = useListFormatter(props.formatOptions);\n\n  return (\n    <>{stringFormatter.format(props.value)}</>\n  );\n}\n\nfunction FormattedNumber<T extends NumberValue>(props: NumberProps<T>) {\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let value = props.value;\n\n  if (typeof value === 'object') {\n    return <>{numberFormatter.formatRange(value.start, value.end)}</>;\n  }\n\n  return <>{numberFormatter.format(value)}</>;\n}\n\nfunction FormattedDate<T extends DateTimeValue>(props: DateProps<T>) {\n  let {value, formatOptions} = props;\n  if (!formatOptions) {\n    formatOptions = getDefaultFormatOptions('start' in value ? value.start : value);\n  }\n\n  let dateFormatter = useDateFormatter(formatOptions);\n  let timeZone = dateFormatter.resolvedOptions().timeZone || getLocalTimeZone();\n  let final: Date;\n\n  if ('start' in value && 'end' in value) {\n    let start = value.start;\n    let end = value.end;\n\n    start = convertDateTime(start, timeZone);\n    end = convertDateTime(end, timeZone);\n\n    return <>{dateFormatter.formatRange(start, end)}</>;\n  }\n\n  final = convertDateTime(value, timeZone);\n  return <>{dateFormatter.format(final)}</>;\n}\n\nfunction convertDateTime(value: DateTime, timeZone: any) {\n  if ('timeZone' in value) {\n    return value.toDate();\n  } else if ('calendar' in value) {\n    return value.toDate(timeZone);\n  } else if (!(value instanceof Date)) {\n    return convertValue(value).toDate(timeZone);\n  }\n\n  return value;\n}\n\nfunction getDefaultFormatOptions(value: DateTime): Intl.DateTimeFormatOptions {\n  if (value instanceof Date) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('timeZone' in value) {\n    return {year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric', timeZone: value.timeZone, timeZoneName: 'short'};\n  } else if ('hour' in value && 'year' in value) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('hour' in value) {\n    return {timeStyle: 'short'};\n  } else {\n    return {dateStyle: 'long'};\n  }\n}\n\nfunction convertValue(value: Time) {\n  let date = today(getLocalTimeZone());\n\n  return toCalendarDateTime(date, value);\n}\n"],"names":[],"version":3,"file":"LabeledValue.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/labeledvalue/LabeledValue.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  CalendarDate,\n  CalendarDateTime,\n  getLocalTimeZone,\n  Time,\n  toCalendarDateTime,\n  today,\n  ZonedDateTime\n} from '@internationalized/date';\nimport {classNames} from '../utils/classNames';\nimport type {\n  DOMProps,\n  DOMRef,\n  RangeValue,\n  SpectrumLabelableProps,\n  StyleProps\n} from '@react-types/shared';\nimport {Field} from '../label/Field';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport React, {ReactElement, ReactNode, useEffect} from 'react';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useListFormatter} from 'react-aria/useListFormatter';\nimport {useNumberFormatter} from 'react-aria/useNumberFormatter';\n\n// NOTE: the types here need to be synchronized with the ones in docs/types.ts, which are simpler so the documentation generator can handle them.\n\nexport interface LabeledValueBaseProps\n  extends\n    DOMProps,\n    StyleProps,\n    Omit<SpectrumLabelableProps, 'necessityIndicator' | 'isRequired'>,\n    DOMProps {\n  /** The content to display as the label. */\n  label: ReactNode;\n}\n\ntype NumberValue = number | RangeValue<number>;\ninterface NumberProps<T extends NumberValue> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport type DateTime = Date | CalendarDate | CalendarDateTime | ZonedDateTime | Time;\ntype RangeDateTime = RangeValue<DateTime>;\ntype DateTimeValue = DateTime | RangeDateTime;\ninterface DateProps<T extends DateTimeValue> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.DateTimeFormatOptions;\n}\n\ninterface StringProps<T extends string> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: never;\n}\n\ninterface StringListProps<T extends string[]> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: Intl.ListFormatOptions;\n}\n\ninterface ReactElementProps<T extends ReactElement> {\n  /** The value to display. */\n  value: T;\n  /** Formatting options for the value. */\n  formatOptions?: never;\n}\n\ntype LabeledValueProps<T> = T extends NumberValue\n  ? NumberProps<T>\n  : T extends DateTimeValue\n    ? DateProps<T>\n    : T extends string[]\n      ? StringListProps<T>\n      : T extends string\n        ? StringProps<T>\n        : T extends ReactElement\n          ? ReactElementProps<T>\n          : never;\n\ntype SpectrumLabeledValueTypes =\n  | string[]\n  | string\n  | Date\n  | CalendarDate\n  | CalendarDateTime\n  | ZonedDateTime\n  | Time\n  | number\n  | RangeValue<number>\n  | RangeValue<DateTime>\n  | ReactElement;\nexport type SpectrumLabeledValueProps<T> = LabeledValueProps<T> & LabeledValueBaseProps;\n\n/**\n * A LabeledValue displays a non-editable value with a label. It formats numbers, dates, times, and\n * lists according to the user's locale.\n */\nexport const LabeledValue = React.forwardRef(function LabeledValue<\n  T extends SpectrumLabeledValueTypes\n>(props: SpectrumLabeledValueProps<T>, ref: DOMRef<HTMLElement>) {\n  let {value, formatOptions} = props;\n  let domRef = useDOMRef(ref);\n\n  useEffect(() => {\n    if (\n      domRef?.current &&\n      domRef.current.querySelectorAll('input, [contenteditable], textarea').length > 0\n    ) {\n      throw new Error('LabeledValue cannot contain an editable value.');\n    }\n  }, [domRef]);\n\n  let children;\n  if (Array.isArray(value)) {\n    children = (\n      <FormattedStringList value={value} formatOptions={formatOptions as Intl.ListFormatOptions} />\n    );\n  }\n\n  if (\n    typeof value === 'object' &&\n    'start' in value &&\n    typeof value.start === 'number' &&\n    typeof value.end === 'number'\n  ) {\n    children = (\n      <FormattedNumber\n        value={value as NumberValue}\n        formatOptions={formatOptions as Intl.NumberFormatOptions}\n      />\n    );\n  }\n\n  if (\n    typeof value === 'object' &&\n    'start' in value &&\n    typeof value.start !== 'number' &&\n    typeof value.end !== 'number'\n  ) {\n    children = (\n      <FormattedDate\n        value={value as DateTimeValue}\n        formatOptions={formatOptions as Intl.DateTimeFormatOptions}\n      />\n    );\n  }\n\n  if (typeof value === 'number') {\n    children = (\n      <FormattedNumber value={value} formatOptions={formatOptions as Intl.NumberFormatOptions} />\n    );\n  }\n\n  if (\n    (typeof value === 'object' && ('calendar' in value || 'hour' in value)) ||\n    value instanceof Date\n  ) {\n    children = (\n      <FormattedDate value={value} formatOptions={formatOptions as Intl.DateTimeFormatOptions} />\n    );\n  }\n\n  if (typeof value === 'string') {\n    children = value;\n  }\n\n  if (React.isValidElement(value)) {\n    children = value;\n  }\n\n  return (\n    <Field\n      {...(props as any)}\n      wrapperProps={filterDOMProps(props as any)}\n      ref={domRef}\n      elementType=\"span\"\n      wrapperClassName={classNames(labelStyles, 'spectrum-LabeledValue')}>\n      <span>{children}</span>\n    </Field>\n  );\n});\n\nfunction FormattedStringList<T extends string[]>(props: StringListProps<T>) {\n  let stringFormatter = useListFormatter(props.formatOptions);\n\n  return <>{stringFormatter.format(props.value)}</>;\n}\n\nfunction FormattedNumber<T extends NumberValue>(props: NumberProps<T>) {\n  let numberFormatter = useNumberFormatter(props.formatOptions);\n  let value = props.value;\n\n  if (typeof value === 'object') {\n    return <>{numberFormatter.formatRange(value.start, value.end)}</>;\n  }\n\n  return <>{numberFormatter.format(value)}</>;\n}\n\nfunction FormattedDate<T extends DateTimeValue>(props: DateProps<T>) {\n  let {value, formatOptions} = props;\n  if (!formatOptions) {\n    formatOptions = getDefaultFormatOptions('start' in value ? value.start : value);\n  }\n\n  let dateFormatter = useDateFormatter(formatOptions);\n  let timeZone = dateFormatter.resolvedOptions().timeZone || getLocalTimeZone();\n  let final: Date;\n\n  if ('start' in value && 'end' in value) {\n    let start = value.start;\n    let end = value.end;\n\n    start = convertDateTime(start, timeZone);\n    end = convertDateTime(end, timeZone);\n\n    return <>{dateFormatter.formatRange(start, end)}</>;\n  }\n\n  final = convertDateTime(value, timeZone);\n  return <>{dateFormatter.format(final)}</>;\n}\n\nfunction convertDateTime(value: DateTime, timeZone: any) {\n  if ('timeZone' in value) {\n    return value.toDate();\n  } else if ('calendar' in value) {\n    return value.toDate(timeZone);\n  } else if (!(value instanceof Date)) {\n    return convertValue(value).toDate(timeZone);\n  }\n\n  return value;\n}\n\nfunction getDefaultFormatOptions(value: DateTime): Intl.DateTimeFormatOptions {\n  if (value instanceof Date) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('timeZone' in value) {\n    return {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n      timeZone: value.timeZone,\n      timeZoneName: 'short'\n    };\n  } else if ('hour' in value && 'year' in value) {\n    return {dateStyle: 'long', timeStyle: 'short'};\n  } else if ('hour' in value) {\n    return {timeStyle: 'short'};\n  } else {\n    return {dateStyle: 'long'};\n  }\n}\n\nfunction convertValue(value: Time) {\n  let date = today(getLocalTimeZone());\n\n  return toCalendarDateTime(date, value);\n}\n"],"names":[],"version":3,"file":"LabeledValue.js.map"}