@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/Field.mjs

@@ -10,12 +10,12 @@ import {useDOMRef as $80ecb974df713a30$export$c2c55ef9111cafd8} from "./useDOMRe
 import {jsxs as $7A6HT$jsxs, jsx as $7A6HT$jsx, Fragment as $7A6HT$Fragment} from "react/jsx-runtime";
 import {composeRenderProps as $7A6HT$composeRenderProps} from "react-aria-components/composeRenderProps";
 import {FieldError as $7A6HT$FieldError} from "react-aria-components/FieldError";
-import {forwardRef as $7A6HT$forwardRef} from "react";
+import {forwardRef as $7A6HT$forwardRef, useContext as $7A6HT$useContext} from "react";
 import {getEventTarget as $7A6HT$getEventTarget} from "react-aria/private/utils/shadowdom/DOMFunctions";
 import {Group as $7A6HT$Group} from "react-aria-components/Group";
+import {InputContext as $7A6HT$InputContext, Input as $7A6HT$Input} from "react-aria-components/Input";
 import {Label as $7A6HT$Label} from "react-aria-components/Label";
 import {Provider as $7A6HT$Provider} from "react-aria-components/slots";
-import {Input as $7A6HT$Input} from "react-aria-components/Input";
 import {Text as $7A6HT$Text} from "react-aria-components/Text";
 import {useId as $7A6HT$useId} from "react-aria/useId";
 import {useLocalizedStringFormatter as $7A6HT$useLocalizedStringFormatter} from "react-aria/useLocalizedStringFormatter";
@@ -65,16 +65,16 @@ const $9afd80978c252040$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $7A6HT$forwa
     return /*#__PURE__*/ (0, $7A6HT$jsxs)("div", {
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' zv6x9r13';
-            rules += ' yv6x9r13';
-            rules += ' Bv6x9r13';
-            rules += ' Av6x9r13';
-            rules += ' sf13';
-            if (props.labelAlign === "end") rules += ' _Wb13';
-            else if (props.labelAlign === "start") rules += ' _Wd13';
-            if (props.labelPosition === "top") rules += ' QgOnRt13';
-            if (props.isQuiet) rules += ' _qd13';
-            else if (props.labelPosition === "top") rules += ' _qb13';
+            rules += ' zv6x9r15';
+            rules += ' yv6x9r15';
+            rules += ' Bv6x9r15';
+            rules += ' Av6x9r15';
+            rules += ' sf15';
+            if (props.labelAlign === "end") rules += ' _Wb15';
+            else if (props.labelAlign === "start") rules += ' _Wd15';
+            if (props.labelPosition === "top") rules += ' QgOnRt15';
+            if (props.isQuiet) rules += ' _qd15';
+            else if (props.labelPosition === "top") rules += ' _qb15';
             return rules;
         }({
             labelAlign: labelAlign,
@@ -89,109 +89,109 @@ const $9afd80978c252040$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $7A6HT$forwa
                 className: UNSAFE_className + (0, $feb886035e0d4633$export$e618dc39ac9ad607)(function anonymous(props) {
                     let rules = " ";
                     if (props.size === "XL") {
-                        rules += ' uk13';
-                        rules += ' ucJ9TBTb13';
-                        rules += ' ud3Euai13';
-                        rules += ' uea13';
-                        rules += ' ugb13';
-                        rules += ' uhd13';
-                        rules += ' uje13';
-                        rules += ' u2NhKxcl13';
-                        rules += ' uic13';
+                        rules += ' uk15';
+                        rules += ' ucJ9TBTb15';
+                        rules += ' ud3Euai15';
+                        rules += ' uea15';
+                        rules += ' ugb15';
+                        rules += ' uhd15';
+                        rules += ' uje15';
+                        rules += ' u2NhKxcl15';
+                        rules += ' uic15';
                     } else if (props.size === "L") {
-                        rules += ' uk13';
-                        rules += ' ucJ9TBTb13';
-                        rules += ' ud3Euai13';
-                        rules += ' uea13';
-                        rules += ' ugb13';
-                        rules += ' uhd13';
-                        rules += ' uje13';
-                        rules += ' u2NhKxcl13';
-                        rules += ' uic13';
+                        rules += ' uk15';
+                        rules += ' ucJ9TBTb15';
+                        rules += ' ud3Euai15';
+                        rules += ' uea15';
+                        rules += ' ugb15';
+                        rules += ' uhd15';
+                        rules += ' uje15';
+                        rules += ' u2NhKxcl15';
+                        rules += ' uic15';
                     } else if (props.size === "S") {
-                        rules += ' uk13';
-                        rules += ' ucJ9TBTb13';
-                        rules += ' ud3Euai13';
-                        rules += ' uea13';
-                        rules += ' ugb13';
-                        rules += ' uhd13';
-                        rules += ' uje13';
-                        rules += ' u2NhKxcl13';
-                        rules += ' uic13';
+                        rules += ' uk15';
+                        rules += ' ucJ9TBTb15';
+                        rules += ' ud3Euai15';
+                        rules += ' uea15';
+                        rules += ' ugb15';
+                        rules += ' uhd15';
+                        rules += ' uje15';
+                        rules += ' u2NhKxcl15';
+                        rules += ' uic15';
                     } else if (props.size === "XS") {
-                        rules += ' uk13';
-                        rules += ' ucJ9TBTb13';
-                        rules += ' ud3Euai13';
-                        rules += ' uea13';
-                        rules += ' ugb13';
-                        rules += ' uhd13';
-                        rules += ' uje13';
-                        rules += ' u2NhKxcl13';
-                        rules += ' uic13';
+                        rules += ' uk15';
+                        rules += ' ucJ9TBTb15';
+                        rules += ' ud3Euai15';
+                        rules += ' uea15';
+                        rules += ' ugb15';
+                        rules += ' uhd15';
+                        rules += ' uje15';
+                        rules += ' u2NhKxcl15';
+                        rules += ' uic15';
                     } else {
-                        rules += ' uk13';
-                        rules += ' ucJ9TBTb13';
-                        rules += ' ud3Euai13';
-                        rules += ' uea13';
-                        rules += ' ugb13';
-                        rules += ' uhd13';
-                        rules += ' uje13';
-                        rules += ' u2NhKxcl13';
-                        rules += ' uic13';
+                        rules += ' uk15';
+                        rules += ' ucJ9TBTb15';
+                        rules += ' ud3Euai15';
+                        rules += ' uea15';
+                        rules += ' ugb15';
+                        rules += ' uhd15';
+                        rules += ' uje15';
+                        rules += ' u2NhKxcl15';
+                        rules += ' uic15';
                     }
                     if (props.size === "XL") {
-                        rules += ' -_6BNtrc-e13';
-                        rules += ' vx13';
+                        rules += ' -_6BNtrc-e15';
+                        rules += ' vx15';
                     } else if (props.size === "L") {
-                        rules += ' -_6BNtrc-d13';
-                        rules += ' vx13';
+                        rules += ' -_6BNtrc-d15';
+                        rules += ' vx15';
                     } else if (props.size === "S") {
-                        rules += ' -_6BNtrc-b13';
-                        rules += ' vx13';
+                        rules += ' -_6BNtrc-b15';
+                        rules += ' vx15';
                     } else if (props.size === "XS") {
-                        rules += ' -_6BNtrc-a13';
-                        rules += ' vx13';
+                        rules += ' -_6BNtrc-a15';
+                        rules += ' vx15';
                     } else {
-                        rules += ' -_6BNtrc-c13';
-                        rules += ' vx13';
+                        rules += ' -_6BNtrc-c15';
+                        rules += ' vx15';
                     }
                     if (props.size === "XL") {
-                        rules += ' xb13';
-                        rules += ' _xa13';
+                        rules += ' xb15';
+                        rules += ' _xa15';
                     } else if (props.size === "L") {
-                        rules += ' xb13';
-                        rules += ' _xa13';
+                        rules += ' xb15';
+                        rules += ' _xa15';
                     } else if (props.size === "S") {
-                        rules += ' xb13';
-                        rules += ' _xa13';
+                        rules += ' xb15';
+                        rules += ' _xa15';
                     } else if (props.size === "XS") {
-                        rules += ' xb13';
-                        rules += ' _xa13';
+                        rules += ' xb15';
+                        rules += ' _xa15';
                     } else {
-                        rules += ' xb13';
-                        rules += ' _xa13';
+                        rules += ' xb15';
+                        rules += ' _xa15';
                     }
                     if (props.size === "XL") {
-                        rules += ' _Fd13';
-                        rules += ' _FnuYUweb13';
+                        rules += ' _Fd15';
+                        rules += ' _FnuYUweb15';
                     } else if (props.size === "L") {
-                        rules += ' _Fd13';
-                        rules += ' _FnuYUweb13';
+                        rules += ' _Fd15';
+                        rules += ' _FnuYUweb15';
                     } else if (props.size === "S") {
-                        rules += ' _Fd13';
-                        rules += ' _FnuYUweb13';
+                        rules += ' _Fd15';
+                        rules += ' _FnuYUweb15';
                     } else if (props.size === "XS") {
-                        rules += ' _Fd13';
-                        rules += ' _FnuYUweb13';
+                        rules += ' _Fd15';
+                        rules += ' _FnuYUweb15';
                     } else {
-                        rules += ' _Fd13';
-                        rules += ' _FnuYUweb13';
+                        rules += ' _Fd15';
+                        rules += ' _FnuYUweb15';
                     }
-                    if (props.isStaticColor) rules += ' pl13';
-                    else if (props.isDisabled) rules += ' pp13';
-                    else rules += ' pv13';
-                    rules += ' plb13';
-                    rules += ' ri13';
+                    if (props.isStaticColor) rules += ' pl15';
+                    else if (props.isDisabled) rules += ' pp15';
+                    else rules += ' pv15';
+                    rules += ' plb15';
+                    rules += ' ri15';
                     return rules;
                 }({
                     labelPosition: labelPosition,
@@ -202,19 +202,19 @@ const $9afd80978c252040$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $7A6HT$forwa
                 children: [
                     props.children,
                     (isRequired || necessityIndicator === 'label') && /*#__PURE__*/ (0, $7A6HT$jsxs)("span", {
-                        className: " _7c13",
+                        className: " _7c15",
                         children: [
                             "\xa0",
                             necessityIndicator === 'icon' && /*#__PURE__*/ (0, $7A6HT$jsx)((0, $8373af657584cab2$export$2e2bcd8739ae039), {
                                 size: size === 'S' ? 'M' : size,
-                                className: " -_8sjo0b-t5ZbAob13",
+                                className: " -_8sjo0b-t5ZbAob15",
                                 "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('label.(required)') : undefined,
                                 "aria-hidden": !includeNecessityIndicatorInAccessibilityName
                             }),
                             necessityIndicator === 'label' && /* The necessity label is hidden to screen readers if the field is required because
-              * aria-required is set on the field in that case. That will already be announced,
-              * so no need to duplicate it here. If optional, we do want it to be announced here.
-              */ /*#__PURE__*/ (0, $7A6HT$jsx)("span", {
+               * aria-required is set on the field in that case. That will already be announced,
+               * so no need to duplicate it here. If optional, we do want it to be announced here.
+               */ /*#__PURE__*/ (0, $7A6HT$jsx)("span", {
                                 "aria-hidden": !includeNecessityIndicatorInAccessibilityName ? isRequired : undefined,
                                 children: isRequired ? stringFormatter.format('label.(required)') : stringFormatter.format('label.(optional)')
                             })
@@ -223,11 +223,11 @@ const $9afd80978c252040$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $7A6HT$forwa
                 ]
             }),
             contextualHelp && /*#__PURE__*/ (0, $7A6HT$jsxs)("span", {
-                className: " _7c13",
+                className: " _7c15",
                 children: [
                     "\xa0",
                     /*#__PURE__*/ (0, $7A6HT$jsx)((0, $1f4b04be3f24aae3$export$768dac55bb57081d), {
-                        styles: " sh13 Fa13",
+                        styles: " sh15 Fa15",
                         children: /*#__PURE__*/ (0, $7A6HT$jsx)((0, $8e176595bc49ca3f$export$41b9afaaba473494).Provider, {
                             value: {
                                 id: contextualHelpId,
@@ -244,199 +244,203 @@ const $9afd80978c252040$export$1acdcf5a973a8414 = /*#__PURE__*/ (0, $7A6HT$forwa
 });
 const $9afd80978c252040$var$fieldGroupStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    rules += ' Oh13';
-    rules += ' Olc13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
     if (props.size === "XL") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "XS") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-e15';
+        rules += ' vx15';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d15';
+        rules += ' vx15';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b15';
+        rules += ' vx15';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-a15';
+        rules += ' vx15';
     } else {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c15';
+        rules += ' vx15';
     }
     if (props.size === "XL") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "L") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "S") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "XS") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     }
     if (props.size === "XL") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "L") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "S") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "XS") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     }
     if (props.isDisabled) {
-        rules += ' pp13';
-        rules += ' plc13';
+        rules += ' pp15';
+        rules += ' plc15';
     } else {
-        if (props.isPressed) rules += ' po13';
-        else if (props.isFocusVisible) rules += ' po13';
-        else if (props.isHovered) rules += ' po13';
-        else rules += ' pt13';
-        rules += ' plb13';
+        if (props.isPressed) rules += ' po15';
+        else if (props.isFocusVisible) rules += ' po15';
+        else if (props.isHovered) rules += ' po15';
+        else rules += ' pt15';
+        rules += ' plb15';
     }
-    rules += ' sd13';
-    rules += ' eb13';
-    rules += ' _oa13';
-    rules += ' SMBFGYc13';
-    rules += ' RfBFGYc13';
-    if (props.size === "XL") rules += ' Nl13';
-    else if (props.size === "L") rules += ' Nj13';
-    else if (props.size === "S") rules += ' Nf13';
-    else if (props.size === "XS") rules += ' Ne13';
-    else rules += ' Nk13';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec13';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn13';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b13';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd13';
-    else rules += ' -SFnbic-_Jb13';
-    rules += ' -Bu7z1c-ob13';
-    rules += ' oj13';
-    rules += ' nj13';
-    rules += ' kj13';
-    rules += ' jj13';
-    rules += ' FRuFGYc13';
-    rules += ' zXcEWr13';
-    rules += ' yXcEWr13';
-    rules += ' BXcEWr13';
-    rules += ' AXcEWr13';
-    if (props.isQuiet) rules += ' _qd13';
-    else rules += ' _qtb13';
-    if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-    else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-    else rules += ' -Anxdcc-Z3fn9H13';
-    rules += ' __v6TNLWb13';
-    rules += ' _kc13';
-    rules += ' hc13';
-    rules += ' mCPFGYc13';
-    rules += ' l5OFGYc13';
-    rules += ' _jf13';
-    rules += ' Yd13';
-    rules += ' Xb13';
-    rules += ' _2b13';
+    rules += ' sd15';
+    rules += ' eb15';
+    rules += ' _oa15';
+    rules += ' SMBFGYc15';
+    rules += ' RfBFGYc15';
+    if (props.size === "XL") rules += ' Nl15';
+    else if (props.size === "L") rules += ' Nj15';
+    else if (props.size === "S") rules += ' Nf15';
+    else if (props.size === "XS") rules += ' Ne15';
+    else rules += ' Nk15';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec15';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn15';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b15';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd15';
+    else rules += ' -SFnbic-_Jb15';
+    rules += ' -Bu7z1c-ob15';
+    rules += ' oj15';
+    rules += ' nj15';
+    rules += ' kj15';
+    rules += ' jj15';
+    rules += ' FRuFGYc15';
+    rules += ' zXcEWr15';
+    rules += ' yXcEWr15';
+    rules += ' BXcEWr15';
+    rules += ' AXcEWr15';
+    if (props.isQuiet) rules += ' _qd15';
+    else rules += ' _qtb15';
+    if (props.size === "XL") rules += ' -Anxdcc-Zt15';
+    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne15';
+    else if (props.size === "S") rules += ' -Anxdcc-Zr15';
+    else rules += ' -Anxdcc-Z3fn9H15';
+    rules += ' __v6TNLWb15';
+    rules += ' _kc15';
+    rules += ' hc15';
+    rules += ' mCPFGYc15';
+    rules += ' l5OFGYc15';
+    rules += ' _jf15';
+    rules += ' Yd15';
+    rules += ' Xb15';
+    rules += ' _2b15';
     if (props.isDisabled) {
-        rules += ' iq13';
-        rules += ' ilc13';
+        rules += ' iq15';
+        rules += ' ilc15';
     } else if (props.isFocusWithin) {
-        if (props.isInvalid) rules += ' im13';
-        else rules += ' in13';
-        rules += ' ild13';
+        if (props.isInvalid) rules += ' im15';
+        else rules += ' in15';
+        rules += ' ild15';
     } else if (props.isInvalid) {
-        if (props.isPressed) rules += ' im13';
-        else if (props.isFocusVisible) rules += ' im13';
-        else if (props.isHovered) rules += ' im13';
-        else rules += ' ip13';
-        rules += ' ile13';
+        if (props.isPressed) rules += ' im15';
+        else if (props.isFocusVisible) rules += ' im15';
+        else if (props.isHovered) rules += ' im15';
+        else rules += ' ip15';
+        rules += ' ile15';
     } else {
-        if (props.isPressed) rules += ' io13';
-        else if (props.isFocusVisible) rules += ' io13';
-        else if (props.isHovered) rules += ' io13';
-        else rules += ' iq13';
-        rules += ' ila13';
+        if (props.isPressed) rules += ' io15';
+        else if (props.isFocusVisible) rules += ' io15';
+        else if (props.isHovered) rules += ' io15';
+        else rules += ' iq15';
+        rules += ' ila15';
     }
-    rules += ' gX13';
-    rules += ' gl1kG7o13';
-    if (props.isDisabled) rules += ' ri13';
-    else rules += ' rD13';
-    if (props.size === "XL") rules += ' -F_-Fz13';
-    else if (props.size === "L") rules += ' -F_-Fv13';
-    else if (props.size === "S") rules += ' -F_-Fp13';
-    else if (props.size === "XS") rules += ' -F_-Fn13';
-    else rules += ' -F_-Fx13';
-    rules += ' -S_-Sv13';
-    rules += ' -R_-Rv13';
-    rules += ' -m_-mc13';
-    rules += ' -l_-lc13';
+    rules += ' gX15';
+    rules += ' gl1kG7o15';
+    if (props.isDisabled) rules += ' ri15';
+    else rules += ' rD15';
+    if (props.size === "XL") rules += ' -F_-Fz15';
+    else if (props.size === "L") rules += ' -F_-Fv15';
+    else if (props.size === "S") rules += ' -F_-Fp15';
+    else if (props.size === "XS") rules += ' -F_-Fn15';
+    else rules += ' -F_-Fx15';
+    rules += ' -S_-Sv15';
+    rules += ' -R_-Rv15';
+    rules += ' -m_-mc15';
+    rules += ' -l_-lc15';
     return rules;
 };
 const $9afd80978c252040$export$f0fe469072bc6950 = /*#__PURE__*/ (0, $7A6HT$forwardRef)(function FieldGroup(props, ref) {
-    let { shouldTurnOffFocusRing: shouldTurnOffFocusRing, ...otherProps } = props;
-    return /*#__PURE__*/ (0, $7A6HT$jsx)((0, $7A6HT$Group), {
+    let { children: children, prefix: prefix, shouldTurnOffFocusRing: shouldTurnOffFocusRing, ...otherProps } = props;
+    let ctx = (0, $7A6HT$useContext)((0, $7A6HT$InputContext));
+    let prefixId = (0, $7A6HT$useId)();
+    let newAriaLabelledby = ctx?.['aria-labelledby'];
+    if (prefix) newAriaLabelledby = newAriaLabelledby ? `${newAriaLabelledby} ${prefixId}` : prefixId;
+    return /*#__PURE__*/ (0, $7A6HT$jsxs)((0, $7A6HT$Group), {
         ref: ref,
         ...otherProps,
         onPointerDown: (e)=>{
@@ -459,7 +463,33 @@ const $9afd80978c252040$export$f0fe469072bc6950 = /*#__PURE__*/ (0, $7A6HT$forwa
                 isFocusWithin: shouldTurnOffFocusRing ? false : renderProps.isFocusWithin,
                 isFocusVisible: shouldTurnOffFocusRing ? false : renderProps.isFocusVisible,
                 size: props.size || 'M'
-            }), props.styles)
+            }), props.styles),
+        children: [
+            props.prefix ? /*#__PURE__*/ (0, $7A6HT$jsx)((0, $7A6HT$Provider), {
+                values: [
+                    [
+                        (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                        {
+                            styles: " ZuUmpre15 FuUmpre15 -_8sjo0b-t5ZbAob15"
+                        }
+                    ]
+                ],
+                children: /*#__PURE__*/ (0, $7A6HT$jsx)((0, $1f4b04be3f24aae3$export$768dac55bb57081d), {
+                    id: prefixId,
+                    styles: " pn15 _va15 Ht15 Hsu15",
+                    children: props.prefix
+                })
+            }) : null,
+            /*#__PURE__*/ (0, $7A6HT$jsx)((0, $7A6HT$InputContext).Consumer, {
+                children: (ctx)=>/*#__PURE__*/ (0, $7A6HT$jsx)((0, $7A6HT$InputContext).Provider, {
+                        value: {
+                            ...ctx,
+                            'aria-labelledby': newAriaLabelledby
+                        },
+                        children: children
+                    })
+            })
+        ]
     });
 });
 const $9afd80978c252040$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $7A6HT$forwardRef)(function Input(props, ref) {
@@ -468,158 +498,177 @@ const $9afd80978c252040$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $7A6HT$forwa
         ...otherProps,
         ref: ref,
         style: UNSAFE_style,
-        className: UNSAFE_className + (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" Td13 Qd13 Sd13 Rd13 g913 p40ub4c13 pYFIK2bn13 pYFIK2blc13 u40ub4c13 v40ub4c13 x40ub4c13 _xa13 _ub13 _vb13 Na13 Za13 _Le13 _je13 _Nc13 Pc13 _Yb13 _7c13", styles)
+        className: UNSAFE_className + (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" Td15 Qd15 Sd15 Rd15 g915 p40ub4c15 pYFIK2bn15 pYFIK2blc15 u40ub4c15 v40ub4c15 x40ub4c15 _xa15 _ub15 _vb15 Na15 Za15 _Le15 _je15 _Nc15 Pc15 _Yb15 _7c15", styles)
     });
 });
 const $9afd80978c252040$export$13b1fd5431595bf6 = function anonymous(props) {
     let rules = " ";
-    rules += ' zzBWQ8d13';
-    rules += ' yzBWQ8d13';
-    rules += ' BzBWQ8d13';
-    rules += ' AzBWQ8d13';
-    rules += ' sd13';
-    rules += ' ea13';
-    rules += ' Uc13';
-    rules += ' Usd13';
-    rules += ' qc13';
-    rules += ' qsd13';
+    rules += ' zzBWQ8d15';
+    rules += ' yzBWQ8d15';
+    rules += ' BzBWQ8d15';
+    rules += ' AzBWQ8d15';
+    rules += ' sd15';
+    rules += ' ea15';
+    rules += ' Uc15';
+    rules += ' Usd15';
+    rules += ' qc15';
+    rules += ' qsd15';
     if (props.size === "XL") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "XS") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-e15';
+        rules += ' vx15';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d15';
+        rules += ' vx15';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b15';
+        rules += ' vx15';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-a15';
+        rules += ' vx15';
     } else {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c15';
+        rules += ' vx15';
     }
     if (props.size === "XL") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "L") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "S") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "XS") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     }
     if (props.size === "XL") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "L") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "S") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "XS") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     }
     if (props.isDisabled) {
-        rules += ' pp13';
-        rules += ' plc13';
+        rules += ' pp15';
+        rules += ' plc15';
     } else if (props.isInvalid) {
-        rules += ' pq13';
-        rules += ' plQBRyrc13';
-    } else rules += ' pv13';
-    rules += ' -_8sjo0b-t5ZbAob13';
-    rules += ' _qb13';
-    rules += ' TgOnRt13';
-    if (props.isDisabled) rules += ' ri13';
-    else rules += ' rD13';
+        rules += ' pq15';
+        rules += ' plQBRyrc15';
+    } else rules += ' pv15';
+    rules += ' -_8sjo0b-t5ZbAob15';
+    rules += ' _qb15';
+    rules += ' TgOnRt15';
+    if (props.isDisabled) rules += ' ri15';
+    else rules += ' rD15';
     return rules;
 };
-function $9afd80978c252040$export$a67c0bc59081311a(props) {
-    let domDescriptionRef = (0, $80ecb974df713a30$export$c2c55ef9111cafd8)(props.descriptionRef || null);
-    let domErrorRef = (0, $80ecb974df713a30$export$c2c55ef9111cafd8)(props.errorRef || null);
-    if (!props.isInvalid && props.description) return /*#__PURE__*/ (0, $7A6HT$jsx)((0, $7A6HT$Text), {
+function $9afd80978c252040$export$a67c0bc59081311a(props1) {
+    let domDescriptionRef = (0, $80ecb974df713a30$export$c2c55ef9111cafd8)(props1.descriptionRef || null);
+    let domErrorRef = (0, $80ecb974df713a30$export$c2c55ef9111cafd8)(props1.errorRef || null);
+    if (!props1.isInvalid && props1.description) return /*#__PURE__*/ (0, $7A6HT$jsx)((0, $7A6HT$Text), {
         slot: "description",
         ref: domDescriptionRef,
-        className: $9afd80978c252040$export$13b1fd5431595bf6({
-            size: props.size || 'M',
-            isDisabled: props.isDisabled
-        }),
-        children: props.description
+        className: (0, $feb886035e0d4633$export$e618dc39ac9ad607)($9afd80978c252040$export$13b1fd5431595bf6({
+            size: props1.size || 'M',
+            isDisabled: props1.isDisabled
+        }), props1.styles),
+        children: props1.description
     });
+    if (!props1.isInvalid) return null;
     return /*#__PURE__*/ (0, $7A6HT$jsx)((0, $7A6HT$FieldError), {
-        ...props,
+        ...props1,
         ref: domErrorRef,
-        className: (renderProps)=>$9afd80978c252040$export$13b1fd5431595bf6({
+        className: (renderProps)=>(0, $feb886035e0d4633$export$e618dc39ac9ad607)($9afd80978c252040$export$13b1fd5431595bf6({
                 ...renderProps,
-                size: props.size || 'M',
-                isDisabled: props.isDisabled
-            }),
-        children: (0, $7A6HT$composeRenderProps)(props.children, (children, { validationErrors: validationErrors })=>/*#__PURE__*/ (0, $7A6HT$jsxs)((0, $7A6HT$Fragment), {
+                size: props1.size || 'M',
+                isDisabled: props1.isDisabled
+            }), props1.styles),
+        children: (0, $7A6HT$composeRenderProps)(props1.children, (children, { validationErrors: validationErrors })=>/*#__PURE__*/ (0, $7A6HT$jsxs)((0, $7A6HT$Fragment), {
                 children: [
-                    props.showErrorIcon && /*#__PURE__*/ (0, $7A6HT$jsx)((0, $1f4b04be3f24aae3$export$768dac55bb57081d), {
-                        children: /*#__PURE__*/ (0, $7A6HT$jsx)((0, $e17a4836f4b6cc28$export$2e2bcd8739ae039), {})
+                    props1.showErrorIcon && /*#__PURE__*/ (0, $7A6HT$jsx)((0, $1f4b04be3f24aae3$export$768dac55bb57081d), {
+                        children: /*#__PURE__*/ (0, $7A6HT$jsx)((0, $e17a4836f4b6cc28$export$2e2bcd8739ae039), {
+                            // @ts-ignore - ts doesn't know that AlertIcon is an icon and not a raw SVG
+                            styles: function anonymous(props) {
+                                let rules = " ";
+                                if (props.size === "XL") rules += ' Zp15';
+                                else if (props.size === "L") rules += ' Zn15';
+                                else if (props.size === "M") rules += ' Zm15';
+                                else if (props.size === "S") rules += ' Zu15';
+                                else if (props.size === "XS") rules += ' Zk15';
+                                if (props.size === "XL") rules += ' Fq15';
+                                else if (props.size === "L") rules += ' Fo15';
+                                else if (props.size === "M") rules += ' Fn15';
+                                else if (props.size === "S") rules += ' Ft15';
+                                else if (props.size === "XS") rules += ' Fl15';
+                                return rules;
+                            }({
+                                size: props1.size || 'M'
+                            })
+                        })
                     }),
                     /*#__PURE__*/ (0, $7A6HT$jsx)("span", {
                         children: children || validationErrors.join(' ')
@@ -636,9 +685,9 @@ function $9afd80978c252040$export$bda0d075e0e342c9(props) {
                 {
                     render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                         slot: 'icon',
-                        styles: " _Ja13 _va13 -_8sjo0b-tq13 -_8sjo0b-ltQBRyrc13"
+                        styles: " _Ja15 _va15 -_8sjo0b-tq15 -_8sjo0b-ltQBRyrc15"
                     }),
-                    styles: " ZuUmpre13 FuUmpre13 It13 Isu13 HAxCW0c13 _va13"
+                    styles: " ZuUmpre15 FuUmpre15 It15 Isu15 HAxCW0c15 _va15"
                 }
             ]
         ],