@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/tags_vars.css

@@ -1,38 +1,38 @@
 .MUkjgG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.MUkjgG_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh-SG), .MUkjgG_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .MUkjgG_spectrum-FocusRing-ring {
@@ -41,58 +41,68 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.MUkjgG_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.MUkjgG_spectrum-FocusRing.MUkjgG_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+.MUkjgG_spectrum-FocusRing {
+  &.MUkjgG_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-.MUkjgG_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.MUkjgG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.MUkjgG_spectrum-FocusRing--quiet.MUkjgG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.MUkjgG_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .MUkjgG_spectrum-FocusRing, .MUkjgG_spectrum-FocusRing-ring, .MUkjgG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.MUkjgG_spectrum-FocusRing, .MUkjgG_spectrum-FocusRing-ring, .MUkjgG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
 .MUkjgG_spectrum-Tags {
   display: inline;
-}
 
-.MUkjgG_spectrum-Tags.MUkjgG_focus-ring {
-  box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-  outline: none;
-  display: block;
+  &.MUkjgG_focus-ring {
+    box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+    outline: none;
+    display: block;
+  }
 }
 
-.MUkjgG_spectrum-Tags-container:not(.MUkjgG_spectrum-Tags-container--empty) {
-  margin-inline-start: calc(calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2) * -1);
-  margin-inline-end: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
+.MUkjgG_spectrum-Tags-container {
+  &:not(.MUkjgG_spectrum-Tags-container--empty) {
+    margin-inline-start: calc(calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2) * -1);
+    margin-inline-end: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
+  }
 }
 
 .MUkjgG_spectrum-Tag {
@@ -119,76 +129,80 @@
   padding-inline-start: calc(var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)));
   display: inline-grid;
   position: relative;
-}
 
-.MUkjgG_spectrum-Tag[data-href] {
-  cursor: pointer;
-}
+  &[data-href] {
+    cursor: pointer;
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_is-disabled {
-  cursor: default;
-  pointer-events: none;
-}
+  &.MUkjgG_is-disabled {
+    cursor: default;
+    pointer-events: none;
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-removeButton {
-  height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - (2 * var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin))));
-  width: var(--spectrum-global-dimension-size-300);
-  grid-area: MUkjgG_action;
-}
+  & .MUkjgG_spectrum-Tag-removeButton {
+    height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - (2 * var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin))));
+    width: var(--spectrum-global-dimension-size-300);
+    grid-area: MUkjgG_action;
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-cell {
-  text-overflow: ellipsis;
-  grid-template-columns: auto 1fr auto;
-  grid-template-areas: "MUkjgG_decoration MUkjgG_content MUkjgG_action";
-  align-items: center;
-  display: grid;
-  overflow: hidden;
-}
+  & .MUkjgG_spectrum-Tag-cell {
+    text-overflow: ellipsis;
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: "MUkjgG_decoration MUkjgG_content MUkjgG_action";
+    align-items: center;
+    display: grid;
+    overflow: hidden;
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-icon, .MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-avatar {
-  grid-area: MUkjgG_decoration;
-  margin-inline-end: var(--spectrum-global-dimension-size-100);
-}
+  & .MUkjgG_spectrum-Tag-icon, & .MUkjgG_spectrum-Tag-avatar {
+    grid-area: MUkjgG_decoration;
+    margin-inline-end: var(--spectrum-global-dimension-size-100);
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-content {
-  line-height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - calc(var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)) * 2));
-  font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  outline: none;
-  flex: auto;
-  grid-area: MUkjgG_content;
-  margin-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
-  overflow: hidden;
-}
+  & .MUkjgG_spectrum-Tag-content {
+    line-height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - calc(var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)) * 2));
+    font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    outline: none;
+    flex: auto;
+    grid-area: MUkjgG_content;
+    margin-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+    overflow: hidden;
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable .MUkjgG_spectrum-Tag-content {
-  margin-inline-end: 0;
+  &.MUkjgG_spectrum-Tag--removable {
+    & .MUkjgG_spectrum-Tag-content {
+      margin-inline-end: 0;
+    }
+  }
 }
 
 .MUkjgG_spectrum-Tags-actions {
   display: inline;
-}
 
-.MUkjgG_spectrum-Tags-actions .MUkjgG_spectrum-Tags-actionButton {
-  height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));
-  font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
-  margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2)
+  & .MUkjgG_spectrum-Tags-actionButton {
+    height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));
+    font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
+    margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2)
     calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
-  display: inline;
-}
-
-.MUkjgG_spectrum-Tags-actions .MUkjgG_spectrum-Tags-actionButton.MUkjgG_spectrum-Tags-actionButton > span {
-  padding-inline-start: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
-  padding-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+    display: inline;
+
+    &.MUkjgG_spectrum-Tags-actionButton {
+      & > span {
+        padding-inline-start: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+        padding-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+      }
+    }
+  }
 }
 
 .MUkjgG_spectrum-Tags-fieldWrapper.MUkjgG_spectrum-Tags-fieldWrapper {
   width: unset;
-}
 
-.MUkjgG_spectrum-Tags-fieldWrapper.MUkjgG_spectrum-Tags-fieldWrapper:not(.MUkjgG_spectrum-Tags-fieldWrapper--positionSide) {
-  display: grid;
+  &:not(.MUkjgG_spectrum-Tags-fieldWrapper--positionSide) {
+    display: grid;
+  }
 }
 
 .MUkjgG_spectrum-Tags-empty-state {
@@ -199,56 +213,60 @@
   color: var(--spectrum-tag-text-color, var(--spectrum-global-color-gray-700));
   background-color: var(--spectrum-tag-background-color, var(--spectrum-global-color-gray-75));
   border-color: var(--spectrum-tag-border-color, var(--spectrum-global-color-gray-600));
-}
 
-.MUkjgG_spectrum-Tag.MUkjgG_is-hovered {
-  background-color: var(--spectrum-tag-background-color-hover, var(--spectrum-global-color-gray-75));
-  color: var(--spectrum-tag-text-color-hover, var(--spectrum-global-color-gray-900));
-  border-color: var(--spectrum-tag-border-color-hover, var(--spectrum-global-color-gray-900));
-}
+  &.MUkjgG_is-hovered {
+    background-color: var(--spectrum-tag-background-color-hover, var(--spectrum-global-color-gray-75));
+    color: var(--spectrum-tag-text-color-hover, var(--spectrum-global-color-gray-900));
+    border-color: var(--spectrum-tag-border-color-hover, var(--spectrum-global-color-gray-900));
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_focus-ring {
-  background-color: var(--spectrum-tag-background-color-key-focus, var(--spectrum-global-color-gray-75));
-  color: var(--spectrum-tag-text-color-key-focus, var(--spectrum-global-color-gray-900));
-  border-color: var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
+  &.MUkjgG_focus-ring {
+    background-color: var(--spectrum-tag-background-color-key-focus, var(--spectrum-global-color-gray-75));
+    color: var(--spectrum-tag-text-color-key-focus, var(--spectrum-global-color-gray-900));
+    border-color: var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
 
-.MUkjgG_spectrum-Tag.MUkjgG_focus-ring:after {
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-border-size)
+    &:after {
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-border-size)
         var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_is-disabled {
-  color: var(--spectrum-tag-text-color-disabled, var(--spectrum-global-color-gray-500));
-  background-color: var(--spectrum-tag-background-color-disabled, var(--spectrum-global-color-gray-200));
-  border-color: var(--spectrum-tag-border-color-disabled, var(--spectrum-global-color-gray-200));
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_is-disabled .MUkjgG_spectrum-Tag-avatar {
-  opacity: var(--spectrum-avatar-small-opacity-disabled, .3);
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable.MUkjgG_is-hovered {
-  color: var(--spectrum-tag-removable-text-color-hover, var(--spectrum-global-color-gray-900));
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable:active {
-  color: var(--spectrum-tag-removable-text-color-down, var(--spectrum-global-color-gray-700));
-}
+    }
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable.MUkjgG_is-focused {
-  color: var(--spectrum-tag-removable-text-color-key-focus, var(--spectrum-global-color-gray-700));
-}
+  &.MUkjgG_is-disabled {
+    color: var(--spectrum-tag-text-color-disabled, var(--spectrum-global-color-gray-500));
+    background-color: var(--spectrum-tag-background-color-disabled, var(--spectrum-global-color-gray-200));
+    border-color: var(--spectrum-tag-border-color-disabled, var(--spectrum-global-color-gray-200));
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable .MUkjgG_spectrum-Tag-removeButton.MUkjgG_is-focused {
-  border: 2px solid var(--spectrum-tag-removable-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  background-color: var(--spectrum-tag-removable-button-background-color-key-focus, var(--spectrum-global-color-gray-600));
-  color: var(--spectrum-tag-removable-button-icon-color-key-focus, var(--spectrum-global-color-gray-900));
-}
+    & .MUkjgG_spectrum-Tag-avatar {
+      opacity: var(--spectrum-avatar-small-opacity-disabled, .3);
+    }
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable .MUkjgG_spectrum-Tag-removeButton.MUkjgG_is-hovered {
-  color: var(--spectrum-tag-removable-button-icon-color-hover, var(--spectrum-global-color-gray-900));
+  &.MUkjgG_spectrum-Tag--removable {
+    &.MUkjgG_is-hovered {
+      color: var(--spectrum-tag-removable-text-color-hover, var(--spectrum-global-color-gray-900));
+    }
+
+    &:active {
+      color: var(--spectrum-tag-removable-text-color-down, var(--spectrum-global-color-gray-700));
+    }
+
+    &.MUkjgG_is-focused {
+      color: var(--spectrum-tag-removable-text-color-key-focus, var(--spectrum-global-color-gray-700));
+    }
+
+    & .MUkjgG_spectrum-Tag-removeButton {
+      &.MUkjgG_is-focused {
+        border: 2px solid var(--spectrum-tag-removable-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+        border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+        background-color: var(--spectrum-tag-removable-button-background-color-key-focus, var(--spectrum-global-color-gray-600));
+        color: var(--spectrum-tag-removable-button-icon-color-key-focus, var(--spectrum-global-color-gray-900));
+      }
+
+      &.MUkjgG_is-hovered {
+        color: var(--spectrum-tag-removable-button-icon-color-hover, var(--spectrum-global-color-gray-900));
+      }
+    }
+  }
 }
 
 @media (forced-colors: active) {

package/dist/private/tags_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHE;;;;AAIA;;;;AAKE","sources":["packages/@adobe/spectrum-css-temp/components/tags/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"tags_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCF;;;;;;;;;EAUI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0EA;;;;IAIA;;;;;;;;IAOE;;;;;;;;MAQJ","sources":["packages/@adobe/spectrum-css-temp/components/tags/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"tags_vars.css.map"}

package/dist/private/textfield/TextArea.cjs

@@ -36,12 +36,14 @@ $parcel$export(module.exports, "TextArea", function () { return $0620308f3abbcb1
 
 
 const $0620308f3abbcb1c$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, ($parcel$interopDefault($bdIb0$react))).forwardRef(function TextArea(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $544fc82701fc93e9$exports.useProviderProps)(props);
     props = (0, $1af2ca8553741739$exports.useFormProps)(props);
     let { isDisabled: isDisabled = false, isQuiet: isQuiet = false, isReadOnly: isReadOnly = false, isRequired: isRequired = false, onChange: onChange, ...otherProps } = props;
     // not in stately because this is so we know when to re-measure, which is a spectrum design
     let [inputValue, setInputValue] = (0, $bdIb0$reactstatelyuseControlledState.useControlledState)(props.value, props.defaultValue ?? '', ()=>{});
     let inputRef = (0, $bdIb0$react.useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let onHeightChange = (0, $bdIb0$react.useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
         // Standard textareas also grow by default, unless an explicit height is set.

package/dist/private/textfield/TextArea.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,wDAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAuB;IAE3C,IAAI,iBAAiB,CAAA,GAAA,wBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,yCAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,2BAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,0DAAC,CAAA,GAAA,uCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,gDAAgD;IAChD,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,wDAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAuB;IAE3C,gDAAgD;IAChD,IAAI,iBAAiB,CAAA,GAAA,wBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,yCAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,2BAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,0DAAC,CAAA,GAAA,uCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // oxlint-disable-next-line react/react-compiler\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.cjs.map"}

package/dist/private/textfield/TextArea.js

@@ -26,6 +26,7 @@ import {useLayoutEffect as $jbNGj$useLayoutEffect} from "react-aria/private/util
 
 
 const $fee5ca43c2eb72c2$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $jbNGj$react).forwardRef(function TextArea(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $089943c7a219141c$export$521c373ccc32c300)(props);
     props = (0, $d23ca6800ac02cf1$export$a6b5be5c6b451665)(props);
     let { isDisabled: isDisabled = false, isQuiet: isQuiet = false, isReadOnly: isReadOnly = false, isRequired: isRequired = false, onChange: onChange, ...otherProps } = props;
@@ -33,6 +34,7 @@ const $fee5ca43c2eb72c2$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $jbNGj$react
     // not in stately because this is so we know when to re-measure, which is a spectrum design
     let [inputValue, setInputValue] = (0, $jbNGj$useControlledState)(props.value, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : '', ()=>{});
     let inputRef = (0, $jbNGj$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let onHeightChange = (0, $jbNGj$useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
         // Standard textareas also grow by default, unless an explicit height is set.

package/dist/private/textfield/TextArea.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;QAKF;IAHF,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,CAAA,sBAAA,MAAM,YAAY,cAAlB,iCAAA,sBAAsB,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.js.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,gDAAgD;IAChD,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;QAKF;IAHF,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,CAAA,sBAAA,MAAM,YAAY,cAAlB,iCAAA,sBAAsB,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,gDAAgD;IAChD,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // oxlint-disable-next-line react/react-compiler\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.js.map"}

package/dist/private/textfield/TextArea.mjs

@@ -26,12 +26,14 @@ import {useLayoutEffect as $65ICI$useLayoutEffect} from "react-aria/private/util
 
 
 const $14a1c0edab339433$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $65ICI$react).forwardRef(function TextArea(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $71dfb0e0358a12de$export$521c373ccc32c300)(props);
     props = (0, $c29c48d4ef19ffc4$export$a6b5be5c6b451665)(props);
     let { isDisabled: isDisabled = false, isQuiet: isQuiet = false, isReadOnly: isReadOnly = false, isRequired: isRequired = false, onChange: onChange, ...otherProps } = props;
     // not in stately because this is so we know when to re-measure, which is a spectrum design
     let [inputValue, setInputValue] = (0, $65ICI$useControlledState)(props.value, props.defaultValue ?? '', ()=>{});
     let inputRef = (0, $65ICI$useRef)(null);
+    // oxlint-disable-next-line react/react-compiler
     let onHeightChange = (0, $65ICI$useCallback)(()=>{
         // Quiet textareas always grow based on their text content.
         // Standard textareas also grow by default, unless an explicit height is set.

package/dist/private/textfield/TextArea.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwCM,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,SAChD,KAA4B,EAC5B,GAA2C;IAE3C,gDAAgD;IAChD,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,cACF,aAAa,gBACb,UAAU,mBACV,aAAa,mBACb,aAAa,iBACb,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,2FAA2F;IAC3F,IAAI,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,yBAAiB,EACjD,MAAM,KAAK,EACX,MAAM,YAAY,IAAI,IACtB,KAAO;IAET,IAAI,WAAW,CAAA,GAAA,aAAK,EAAuB;IAE3C,gDAAgD;IAChD,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,2DAA2D;QAC3D,6EAA6E;QAC7E,IAAI,AAAC,CAAA,WAAW,CAAC,MAAM,MAAM,AAAD,KAAM,SAAS,OAAO,EAAE;YAClD,IAAI,QAAQ,SAAS,OAAO;YAC5B,IAAI,gBAAgB,MAAM,KAAK,CAAC,SAAS;YACzC,IAAI,eAAe,MAAM,KAAK,CAAC,QAAQ;YACvC,6FAA6F;YAC7F,2EAA2E;YAC3E,mFAAmF;YACnF,IAAI,YAAY,mBAAmB,MAAM,KAAK;YAC9C,IAAI,CAAC,WACH,MAAM,KAAK,CAAC,QAAQ,GAAG;YAEzB,MAAM,KAAK,CAAC,SAAS,GAAG;YACxB,MAAM,KAAK,CAAC,MAAM,GAAG;YACrB,+DAA+D;YAC/D,MAAM,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,YAAY,GAAI,CAAA,MAAM,YAAY,GAAG,MAAM,YAAY,AAAD,EAAG,EAAE,CAAC;YAC1F,MAAM,KAAK,CAAC,QAAQ,GAAG;YACvB,MAAM,KAAK,CAAC,SAAS,GAAG;QAC1B;IACF,GAAG;QAAC;QAAS;QAAU,MAAM,MAAM;KAAC;IAEpC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,SAAS,OAAO,EAClB;IAEJ,GAAG;QAAC;QAAgB;QAAY;KAAS;IAEzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,IAAI,SAAS,CAAA,GAAA,mBAAW,EACtB;QACE,GAAG,KAAK;QACR,UAAU,CAAA,GAAA,YAAI,EAAE,UAAU;QAC1B,kBAAkB;IACpB,GACA;IAGF,qBACE,gCAAC,CAAA,GAAA,yCAAY;QACV,GAAI,UAAU;QACf,KAAK;QACL,UAAU;QACT,GAAG,MAAM;QACV,WAAA;QACA,YAAY;QACZ,SAAS;QACT,YAAY;QACZ,YAAY;;AAGlB","sources":["packages/@adobe/react-spectrum/src/textfield/TextArea.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\n\nimport {chain} from 'react-aria/chain';\nimport React, {ReactElement, Ref, useCallback, useEffect, useRef} from 'react';\nimport {\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport {TextFieldBase} from './TextFieldBase';\nimport {TextFieldRef} from './TextField';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useFormProps} from '../form/Form';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextAreaProps\n  extends\n    SpectrumTextInputBase,\n    Omit<\n      AriaTextFieldProps<HTMLTextAreaElement>,\n      'isInvalid' | 'validationState' | 'type' | 'pattern'\n    >,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter. They allow for all customizations that\n * are available to text fields.\n */\nexport const TextArea = React.forwardRef(function TextArea(\n  props: SpectrumTextAreaProps,\n  ref: Ref<TextFieldRef<HTMLTextAreaElement>>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isDisabled = false,\n    isQuiet = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    ...otherProps\n  } = props;\n\n  // not in stately because this is so we know when to re-measure, which is a spectrum design\n  let [inputValue, setInputValue] = useControlledState(\n    props.value,\n    props.defaultValue ?? '',\n    () => {}\n  );\n  let inputRef = useRef<HTMLTextAreaElement>(null);\n\n  // oxlint-disable-next-line react/react-compiler\n  let onHeightChange = useCallback(() => {\n    // Quiet textareas always grow based on their text content.\n    // Standard textareas also grow by default, unless an explicit height is set.\n    if ((isQuiet || !props.height) && inputRef.current) {\n      let input = inputRef.current;\n      let prevAlignment = input.style.alignSelf;\n      let prevOverflow = input.style.overflow;\n      // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.\n      // The measure/applied height is also incorrect/reset if we turn on and off\n      // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062\n      let isFirefox = 'MozAppearance' in input.style;\n      if (!isFirefox) {\n        input.style.overflow = 'hidden';\n      }\n      input.style.alignSelf = 'start';\n      input.style.height = 'auto';\n      // offsetHeight - clientHeight accounts for the border/padding.\n      input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;\n      input.style.overflow = prevOverflow;\n      input.style.alignSelf = prevAlignment;\n    }\n  }, [isQuiet, inputRef, props.height]);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      onHeightChange();\n    }\n  }, [onHeightChange, inputValue, inputRef]);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  let result = useTextField(\n    {\n      ...props,\n      onChange: chain(onChange, setInputValue),\n      inputElementType: 'textarea'\n    },\n    inputRef\n  );\n\n  return (\n    <TextFieldBase\n      {...(otherProps as any)}\n      ref={ref}\n      inputRef={inputRef}\n      {...result}\n      multiLine\n      isDisabled={isDisabled}\n      isQuiet={isQuiet}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"TextArea.mjs.map"}

package/dist/private/textfield/TextField.cjs

@@ -30,6 +30,7 @@ $parcel$export(module.exports, "TextField", function () { return $1d771798824a7f
 
 
 const $1d771798824a7f90$export$2c73285ae9390cec = /*#__PURE__*/ (0, $iyxHv$react.forwardRef)(function TextField(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $544fc82701fc93e9$exports.useProviderProps)(props);
     props = (0, $1af2ca8553741739$exports.useFormProps)(props);
     let inputRef = (0, $iyxHv$react.useRef)(null);

package/dist/private/textfield/TextField.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,uBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,yCAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,0DAAC,CAAA,GAAA,uCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/TextField.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,uBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,gDAAgD;IAChD,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,yCAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,0DAAC,CAAA,GAAA,uCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/TextField.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.cjs.map"}

package/dist/private/textfield/TextField.js

@@ -20,6 +20,7 @@ import $83uWs$react, {forwardRef as $83uWs$forwardRef, useRef as $83uWs$useRef,
 
 
 const $79f51739ebc77ec5$export$2c73285ae9390cec = /*#__PURE__*/ (0, $83uWs$forwardRef)(function TextField(props, ref) {
+    // oxlint-disable-next-line react/react-compiler
     props = (0, $089943c7a219141c$export$521c373ccc32c300)(props);
     props = (0, $d23ca6800ac02cf1$export$a6b5be5c6b451665)(props);
     let inputRef = (0, $83uWs$useRef)(null);

package/dist/private/textfield/TextField.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/TextField.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.js.map"}
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAwCM,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAC3C,KAA6B,EAC7B,GAAsB;IAEtB,gDAAgD;IAChD,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE;IAErB,IAAI,WAAW,CAAA,GAAA,aAAK,EAAoB;IACxC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE,OAAO;IAEjC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,MAAM,WAAW,IAAI,CAAC,UAAU,OAAO,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAAc;YACpF,QAAQ,IAAI,CACV;YAEF,UAAU,OAAO,GAAG;QACtB;IACF,GAAG;QAAC,MAAM,WAAW;KAAC;IAEtB,qBAAO,gCAAC,CAAA,GAAA,yCAAY;QAAG,GAAG,KAAK;QAAG,GAAG,MAAM;QAAE,KAAK;QAAK,UAAU;;AACnE","sources":["packages/@adobe/react-spectrum/src/textfield/TextField.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 {AriaTextFieldProps, useTextField} from 'react-aria/useTextField';\nimport {\n  FocusableRefValue,\n  SpectrumFieldValidation,\n  SpectrumLabelableProps,\n  SpectrumTextInputBase,\n  StyleProps\n} from '@react-types/shared';\nimport React, {forwardRef, ReactElement, Ref, useEffect, useRef} from 'react';\nimport {TextFieldBase} from './TextFieldBase';\nimport {useFormProps} from '../form/Form';\nimport {useProviderProps} from '../provider/Provider';\n\nexport interface SpectrumTextFieldProps\n  extends\n    SpectrumTextInputBase,\n    Omit<AriaTextFieldProps, 'isInvalid' | 'validationState'>,\n    SpectrumFieldValidation<string>,\n    SpectrumLabelableProps,\n    StyleProps {\n  /** An icon to display at the start of the input. */\n  icon?: ReactElement | null;\n  /** Whether the input should be displayed with a quiet style. */\n  isQuiet?: boolean;\n}\n\nexport interface TextFieldRef<\n  T extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement\n> extends FocusableRefValue<T, HTMLDivElement> {\n  select(): void;\n  getInputElement(): T | null;\n}\n\n/**\n * TextFields are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nexport const TextField = forwardRef(function TextField(\n  props: SpectrumTextFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  // oxlint-disable-next-line react/react-compiler\n  props = useProviderProps(props);\n  props = useFormProps(props);\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let result = useTextField(props, inputRef);\n\n  let hasWarned = useRef(false);\n  useEffect(() => {\n    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text'\n      );\n      hasWarned.current = true;\n    }\n  }, [props.placeholder]);\n\n  return <TextFieldBase {...props} {...result} ref={ref} inputRef={inputRef} />;\n});\n"],"names":[],"version":3,"file":"TextField.js.map"}