@react-spectrum/s2 1.0.0 → 1.2.0

package/dist/Picker.cjs

@@ -20,10 +20,10 @@ var $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
 var $ceqeb$reactjsxruntime = require("react/jsx-runtime");
 var $ceqeb$reactariacomponents = require("react-aria-components");
 var $ceqeb$reactariacollections = require("@react-aria/collections");
+var $ceqeb$reactariautils = require("@react-aria/utils");
 var $ceqeb$reactariainteractions = require("@react-aria/interactions");
 var $ceqeb$react = require("react");
 var $ceqeb$reactspectrumutils = require("@react-spectrum/utils");
-var $ceqeb$reactariautils = require("@react-aria/utils");
 var $ceqeb$reactariai18n = require("@react-aria/i18n");
 
 
@@ -78,296 +78,297 @@ $parcel$export(module.exports, "PickerSection", () => $b9c30139cd63c62a$export$a
 const $b9c30139cd63c62a$export$b72b8dade9393cd5 = /*#__PURE__*/ (0, $ceqeb$react.createContext)(null);
 const $b9c30139cd63c62a$var$inputButton = function anonymous(props) {
     let rules = " ";
-    if (props.isQuiet) rules += ' _Le1';
-    else if (props.isFocusVisible) rules += ' _Lf1';
-    else rules += ' _Le1';
-    rules += ' Oh1';
-    rules += ' Olc1';
-    rules += ' _Mc1';
-    rules += ' _Kd1';
+    if (props.isQuiet) rules += ' _Le12';
+    else if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     if (props.size === "XL") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.isDisabled) rules += ' pp1';
+    if (props.isDisabled) rules += ' pp12';
     else {
-        if (props.isPressed) rules += ' po1';
-        else if (props.isFocusVisible) rules += ' po1';
-        else if (props.isHovered) rules += ' po1';
-        else rules += ' pt1';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    rules += ' sd1';
-    rules += ' eb1';
-    rules += ' _oa1';
-    rules += ' SMBFGYc1';
-    rules += ' RfBFGYc1';
-    if (props.size === "XL") rules += ' Nl1';
-    else if (props.size === "L") rules += ' Nj1';
-    else if (props.size === "S") rules += ' Nf1';
-    else if (props.size === "XS") rules += ' Ne1';
-    else rules += ' Nk1';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec1';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn1';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b1';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd1';
-    else rules += ' -SFnbic-_Jb1';
-    rules += ' -Bu7z1c-ob1';
-    rules += ' oj1';
-    rules += ' nj1';
-    rules += ' kj1';
-    rules += ' jj1';
-    rules += ' qc1';
-    rules += ' qsd1';
-    rules += ' -Qg41Lb-IAxCW0c1';
-    rules += ' -Qg41Lb-gLWx3bIy1';
-    rules += ' FRuFGYc1';
-    rules += ' zXcEWr1';
-    rules += ' yXcEWr1';
-    rules += ' BXcEWr1';
-    rules += ' AXcEWr1';
-    if (props.isQuiet) rules += ' _qd1';
-    else rules += ' _qtb1';
-    if (props.size === "XL") rules += ' -Anxdcc-Zt1';
-    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne1';
-    else if (props.size === "S") rules += ' -Anxdcc-Zr1';
-    else rules += ' -Anxdcc-Z3fn9H1';
-    rules += ' __v6TNLWb1';
-    rules += ' _Pc1';
-    rules += ' _Wd1';
-    rules += ' _je1';
-    rules += ' _jlf1';
-    if (props.isDisabled) rules += ' ilc1';
-    else rules += ' ilb1';
-    rules += ' Yd1';
-    rules += ' Xb1';
-    rules += ' _2b1';
-    if (props.isQuiet) rules += ' g91';
-    else if (props.isDisabled) rules += ' gH1';
-    else if (props.isOpen) rules += ' gF1';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' _oa12';
+    rules += ' SMBFGYc12';
+    rules += ' RfBFGYc12';
+    if (props.size === "XL") rules += ' Nl12';
+    else if (props.size === "L") rules += ' Nj12';
+    else if (props.size === "S") rules += ' Nf12';
+    else if (props.size === "XS") rules += ' Ne12';
+    else rules += ' Nk12';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec12';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn12';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b12';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd12';
+    else rules += ' -SFnbic-_Jb12';
+    rules += ' -Bu7z1c-ob12';
+    rules += ' oj12';
+    rules += ' nj12';
+    rules += ' kj12';
+    rules += ' jj12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' -Qg41Lb-IAxCW0c12';
+    rules += ' -Qg41Lb-gLWx3bIy12';
+    rules += ' FRuFGYc12';
+    rules += ' zXcEWr12';
+    rules += ' yXcEWr12';
+    rules += ' BXcEWr12';
+    rules += ' AXcEWr12';
+    if (props.isQuiet) rules += ' _qd12';
+    else rules += ' _qtb12';
+    if (props.size === "XL") rules += ' -Anxdcc-Zt12';
+    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne12';
+    else if (props.size === "S") rules += ' -Anxdcc-Zr12';
+    else rules += ' -Anxdcc-Z3fn9H12';
+    rules += ' __v6TNLWb12';
+    rules += ' _Pc12';
+    rules += ' _Wd12';
+    rules += ' _je12';
+    rules += ' _jlf12';
+    if (props.isDisabled) rules += ' ilc12';
+    else rules += ' ilb12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    if (props.isQuiet) rules += ' g912';
+    else if (props.isDisabled) rules += ' gH12';
+    else if (props.isOpen) rules += ' gF12';
     else {
-        if (props.isPressed) rules += ' gF1';
-        else if (props.isFocusVisible) rules += ' gF1';
-        else if (props.isHovered) rules += ' gF1';
-        else rules += ' gH1';
+        if (props.isPressed) rules += ' gF12';
+        else if (props.isFocusVisible) rules += ' gF12';
+        else if (props.isHovered) rules += ' gF12';
+        else rules += ' gH12';
     }
-    if (props.isQuiet) rules += ' Ln1';
-    rules += ' __ca1';
-    if (props.size === "XL") rules += ' -F_-Fz1';
-    else if (props.size === "L") rules += ' -F_-Fv1';
-    else if (props.size === "S") rules += ' -F_-Fp1';
-    else if (props.size === "XS") rules += ' -F_-Fn1';
-    else rules += ' -F_-Fx1';
-    if (props.isQuiet) rules += ' -S_-Sd1';
-    else rules += ' -S_-Sv1';
-    if (props.isQuiet) rules += ' -R_-Rd1';
-    else rules += ' -R_-Rv1';
+    if (props.isQuiet) rules += ' Ln12';
+    rules += ' __ca12';
+    if (props.size === "XL") rules += ' -F_-Fz12';
+    else if (props.size === "L") rules += ' -F_-Fv12';
+    else if (props.size === "S") rules += ' -F_-Fp12';
+    else if (props.size === "XS") rules += ' -F_-Fn12';
+    else rules += ' -F_-Fx12';
+    if (props.isQuiet) rules += ' -S_-Sd12';
+    else rules += ' -S_-Sv12';
+    if (props.isQuiet) rules += ' -R_-Rd12';
+    else rules += ' -R_-Rv12';
     return rules;
 };
-const $b9c30139cd63c62a$var$quietFocusLine = " Za1 FLvNfn1 _Pa1 _lr1 og1 ng1 kg1 jg1 g_h1 gle1";
+const $b9c30139cd63c62a$var$quietFocusLine = " Za12 FLvNfn12 _Pa12 _lr12 og12 ng12 kg12 jg12 g_h12 gle12";
 let $b9c30139cd63c62a$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " ";
-    rules += ' _Le1';
-    rules += ' se1';
-    rules += ' Za1';
-    if (props.size === "XL") rules += ' Dk92HIe1';
-    else if (props.size === "L") rules += ' DyaX9Fb1';
-    else if (props.size === "M") rules += ' Deb5jcb1';
-    else if (props.size === "S") rules += ' DGTLJAe1';
-    rules += ' _oa1';
-    rules += ' K40ub4c1';
-    rules += ' _Na1';
-    rules += ' Pa1';
-    rules += ' Tt1';
-    rules += ' Qt1';
-    rules += ' St1';
-    rules += ' Rt1';
-    rules += ' uk1';
-    rules += ' ucJ9TBTb1';
-    rules += ' ud3Euai1';
-    rules += ' uea1';
-    rules += ' ugb1';
-    rules += ' uhd1';
-    rules += ' uje1';
-    rules += ' u2NhKxcl1';
-    rules += ' uic1';
+    rules += ' _Le12';
+    rules += ' se12';
+    rules += ' Za12';
+    if (props.size === "XL") rules += ' Dk92HIe12';
+    else if (props.size === "L") rules += ' DyaX9Fb12';
+    else if (props.size === "M") rules += ' Deb5jcb12';
+    else if (props.size === "S") rules += ' DGTLJAe12';
+    rules += ' _oa12';
+    rules += ' K40ub4c12';
+    rules += ' _Na12';
+    rules += ' Pa12';
+    rules += ' Tt12';
+    rules += ' Qt12';
+    rules += ' St12';
+    rules += ' Rt12';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' __ya1';
+    rules += ' __ya12';
     return rules;
 };
 const $b9c30139cd63c62a$var$invalidBorder = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec1';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn1';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b1';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd1';
-    else rules += ' -SFnbic-_Jb1';
-    rules += ' -Bu7z1c-ob1';
-    rules += ' oj1';
-    rules += ' nj1';
-    rules += ' kj1';
-    rules += ' jj1';
-    rules += ' _Pa1';
-    rules += ' Wr1';
-    rules += ' _Er1';
-    rules += ' _lr1';
-    rules += ' _Rr1';
-    rules += ' _Ob1';
-    rules += ' _jf1';
-    rules += ' _kc1';
-    rules += ' hc1';
-    rules += ' mc1';
-    rules += ' lc1';
-    if (props.isPressed) rules += ' im1';
-    else if (props.isFocusVisible) rules += ' im1';
-    else if (props.isHovered) rules += ' im1';
-    else rules += ' ip1';
-    rules += ' Yd1';
-    rules += ' Xb1';
-    rules += ' _2b1';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec12';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn12';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b12';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd12';
+    else rules += ' -SFnbic-_Jb12';
+    rules += ' -Bu7z1c-ob12';
+    rules += ' oj12';
+    rules += ' nj12';
+    rules += ' kj12';
+    rules += ' jj12';
+    rules += ' _Pa12';
+    rules += ' Wr12';
+    rules += ' _Er12';
+    rules += ' _lr12';
+    rules += ' _Rr12';
+    rules += ' _Ob12';
+    rules += ' _jf12';
+    rules += ' _kc12';
+    rules += ' hc12';
+    rules += ' mc12';
+    rules += ' lc12';
+    if (props.isPressed) rules += ' im12';
+    else if (props.isFocusVisible) rules += ' im12';
+    else if (props.isHovered) rules += ' im12';
+    else rules += ' ip12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
     return rules;
 };
 const $b9c30139cd63c62a$var$valueStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isQuiet) rules += ' _ua1';
-    else rules += ' _ub1';
-    rules += ' _Nc1';
-    rules += ' Pc1';
-    rules += ' _Yb1';
-    rules += ' _7c1';
-    rules += ' sd1';
-    rules += ' eb1';
+    if (props.isQuiet) rules += ' _ua12';
+    else rules += ' _ub12';
+    rules += ' _Nc12';
+    rules += ' Pc12';
+    rules += ' _Yb12';
+    rules += ' _7c12';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' Fb12';
     return rules;
 };
 const $b9c30139cd63c62a$var$iconStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' _va1';
-    rules += ' _Sd1';
-    rules += ' -_8sjo0b-t5ZbAob1';
-    if (props.isLoading) rules += ' pp1';
+    rules += ' _va12';
+    rules += ' _Sd12';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    if (props.isLoading) rules += ' pp12';
     return rules;
 };
-const $b9c30139cd63c62a$var$avatar = " z2U5Crc1 y2U5Crc1 B2U5Crc1 A2U5Crc1 Ht1 Hsu1";
-const $b9c30139cd63c62a$var$loadingWrapperStyles = " z2mU1 yzZKy1 sd1 eb1 _Ca1 Jv1 Gv1";
+const $b9c30139cd63c62a$var$avatar = " z2U5Crc12 y2U5Crc12 B2U5Crc12 A2U5Crc12 Ht12 Hsu12";
+const $b9c30139cd63c62a$var$loadingWrapperStyles = " z2mU12 yzZKy12 sd12 eb12 _Ca12 Jv12 Gv12";
 const $b9c30139cd63c62a$var$progressCircleStyles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zp1';
-    else if (props.size === "L") rules += ' Zn1';
-    else if (props.size === "M") rules += ' Zm1';
-    else if (props.size === "S") rules += ' Zu1';
-    if (props.size === "XL") rules += ' Fq1';
-    else if (props.size === "L") rules += ' Fo1';
-    else if (props.size === "M") rules += ' Fn1';
-    else if (props.size === "S") rules += ' Ft1';
+    if (props.size === "XL") rules += ' Zp12';
+    else if (props.size === "L") rules += ' Zn12';
+    else if (props.size === "M") rules += ' Zm12';
+    else if (props.size === "S") rules += ' Zu12';
+    if (props.size === "XL") rules += ' Fq12';
+    else if (props.size === "L") rules += ' Fo12';
+    else if (props.size === "M") rules += ' Fn12';
+    else if (props.size === "S") rules += ' Ft12';
     return rules;
 };
 let $b9c30139cd63c62a$var$InternalPickerContext = /*#__PURE__*/ (0, $ceqeb$react.createContext)({
@@ -380,7 +381,7 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
     let domRef = (0, $ceqeb$reactspectrumutils.useFocusableRef)(ref);
     let formContext = (0, $ceqeb$react.useContext)((0, $bfa4962d90c8af48$exports.FormContext));
     props1 = (0, $bfa4962d90c8af48$exports.useFormProps)(props1);
-    let { direction: direction = 'bottom', align: align = 'start', shouldFlip: shouldFlip = true, menuWidth: menuWidth, label: label, description: descriptionMessage, errorMessage: errorMessage, children: children, items: items, size: size = 'M', labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, placeholder: placeholder = stringFormatter.format('picker.placeholder'), isQuiet: isQuiet, loadingState: loadingState, onLoadMore: onLoadMore, ...pickerProps } = props1;
+    let { direction: direction = 'bottom', align: align = 'start', shouldFlip: shouldFlip = true, menuWidth: menuWidth, label: label, description: descriptionMessage, errorMessage: errorMessage, children: children, items: items, size: size = 'M', labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, placeholder: placeholder = stringFormatter.format('picker.placeholder'), isQuiet: isQuiet, loadingState: loadingState, renderValue: renderValue, onLoadMore: onLoadMore, ...pickerProps } = props1;
     // Better way to encode this into a style? need to account for flipping
     let menuOffset;
     if (size === 'S') menuOffset = 6;
@@ -431,57 +432,57 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
             let rules = " ";
             let gridColumnStart = false;
             let gridColumnEnd = false;
-            let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
+            let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
             for (let p of matches){
                 if (p[1] === "z") gridColumnStart = true;
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se1';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU1';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG1';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod1';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb1';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn1';
+                if (props.labelPosition === "side") rules += ' DPlN5qb12';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn12';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb1';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc1';
-            if (props.labelPosition === "side") rules += ' CbRM95c1';
-            else if (props.labelPosition === "top") rules += ' Cxaocre1';
+            if (props.labelPosition === "side") rules += ' EPlN5qb12';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc12';
+            if (props.labelPosition === "side") rules += ' CbRM95c12';
+            else if (props.labelPosition === "top") rules += ' Cxaocre12';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-e12';
+                rules += ' vx12';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-d12';
+                rules += ' vx12';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-b12';
+                rules += ' vx12';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-a12';
+                rules += ' vx12';
             } else {
-                rules += ' -_6BNtrc-c1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-c12';
+                rules += ' vx12';
             }
-            rules += ' ea1';
-            rules += ' _Fd1';
-            rules += ' _FnuYUweb1';
-            if (props.size === "XL") rules += ' -BhX7R-Fz1';
-            else if (props.size === "L") rules += ' -BhX7R-Fv1';
-            else if (props.size === "S") rules += ' -BhX7R-Fp1';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn1';
-            else rules += ' -BhX7R-Fx1';
-            rules += ' -AJjOLd-UVkF0Db1';
-            rules += ' qg1';
-            rules += ' __ca1';
+            rules += ' ea12';
+            rules += ' _Fd12';
+            rules += ' _FnuYUweb12';
+            if (props.size === "XL") rules += ' -BhX7R-Fz12';
+            else if (props.size === "L") rules += ' -BhX7R-Fv12';
+            else if (props.size === "S") rules += ' -BhX7R-Fp12';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn12';
+            else rules += ' -BhX7R-Fx12';
+            rules += ' -AJjOLd-UVkF0Db12';
+            rules += ' qg12';
+            rules += ' __ca12';
             return rules;
         }({
             isInForm: !!formContext,
@@ -508,6 +509,7 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
                         }),
                         /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)($b9c30139cd63c62a$var$PickerButton, {
                             loadingState: loadingState,
+                            renderValue: renderValue,
                             isOpen: isOpen,
                             isQuiet: isQuiet,
                             isFocusVisible: isFocusVisible,
@@ -548,14 +550,14 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
                                 },
                                 styles: function anonymous(props) {
                                     let rules = " ";
-                                    if (props.isQuiet) rules += ' Nh1';
-                                    else rules += ' NuHSBze1';
-                                    if (props.isQuiet) rules += ' ZbWuche1';
-                                    else rules += ' ZuHSBze1';
+                                    if (props.isQuiet) rules += ' Nh12';
+                                    else rules += ' NuHSBze12';
+                                    if (props.isQuiet) rules += ' ZbWuche12';
+                                    else rules += ' ZuHSBze12';
                                     return rules;
                                 }(props1),
                                 children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)("div", {
-                                    className: " sd1 Za1 Fb1",
+                                    className: " sd12 Za12 Fb12",
                                     children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.Provider), {
                                         values: [
                                             [
@@ -622,10 +624,51 @@ const $b9c30139cd63c62a$var$avatarSize = {
     L: 22,
     XL: 26
 };
+// https://w3c.github.io/aria/#widget_roles
+let $b9c30139cd63c62a$var$INTERACTIVE_ARIA_ROLES = new Set([
+    'application',
+    'button',
+    'checkbox',
+    'combobox',
+    'gridcell',
+    'link',
+    'menuitem',
+    'menuitemcheckbox',
+    'menuitemradio',
+    'option',
+    'radio',
+    'searchbox',
+    'separator',
+    'slider',
+    'spinbutton',
+    'switch',
+    'tab',
+    'textbox',
+    'treeitem'
+]);
 // Needs to be hidable component or otherwise the PressResponder throws a warning when rendered in the fake DOM and tries to register
 const $b9c30139cd63c62a$var$PickerButton = (0, $ceqeb$reactariacollections.createHideableComponent)(function PickerButton(props) {
-    let { isOpen: isOpen, isQuiet: isQuiet, isFocusVisible: isFocusVisible, size: size, isInvalid: isInvalid, isDisabled: isDisabled, loadingState: loadingState, loadingCircle: loadingCircle, buttonRef: buttonRef } = props;
+    let { isOpen: isOpen, isQuiet: isQuiet, isFocusVisible: isFocusVisible, size: size, isInvalid: isInvalid, isDisabled: isDisabled, loadingState: loadingState, loadingCircle: loadingCircle, buttonRef: buttonRef, renderValue: renderValue } = props;
     let stringFormatter = (0, $ceqeb$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
+    let renderValueRef = (0, $ceqeb$react.useRef)(null);
+    let state = (0, $ceqeb$react.useContext)((0, $ceqeb$reactariacomponents.SelectStateContext));
+    (0, $ceqeb$react.useEffect)(()=>{
+        if (process.env.NODE_ENV === 'production' || !renderValue) return;
+        if (!renderValueRef.current) return;
+        let doc = (0, $ceqeb$reactariautils.getOwnerDocument)(renderValueRef.current);
+        let walker = (0, $ceqeb$reactariautils.createShadowTreeWalker)(doc, renderValueRef.current, NodeFilter.SHOW_ELEMENT, {
+            acceptNode (node) {
+                let role = node.getAttribute('role');
+                let interactive = (0, $ceqeb$reactariautils.isFocusable)(node) || role != null && $b9c30139cd63c62a$var$INTERACTIVE_ARIA_ROLES.has(role);
+                return interactive ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+            }
+        });
+        let next = walker.nextNode();
+        if (next) console.warn('Picker\'s value should not have interactive children for accessibility.');
+    }, [
+        state.selectedItems,
+        renderValue
+    ]);
     // For mouse interactions, pickers open on press start. When the popover underlay appears
     // it covers the trigger button, causing onPressEnd to fire immediately and no press scaling
     // to occur. We override this by listening for pointerup on the document ourselves.
@@ -661,8 +704,16 @@ const $b9c30139cd63c62a$var$PickerButton = (0, $ceqeb$reactariacollections.creat
                         /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.SelectValue), {
                             className: $b9c30139cd63c62a$var$valueStyles({
                                 isQuiet: isQuiet
-                            }) + ' ' + "pqYuhc",
+                            }) + (renderValue ? '' : " pqYuhc"),
                             children: ({ selectedItems: selectedItems, defaultChildren: defaultChildren })=>{
+                                const selectedValues = selectedItems.filter((item)=>item != null);
+                                const defaultRenderedValue = selectedItems.length <= 1 ? defaultChildren : /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+                                    slot: "label",
+                                    children: stringFormatter.format('picker.selectedCount', {
+                                        count: selectedItems.length
+                                    })
+                                });
+                                const renderedValue = selectedItems.length > 0 && renderValue ? renderValue(selectedValues) : defaultRenderedValue;
                                 return /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.Provider), {
                                     values: [
                                         [
@@ -696,12 +747,12 @@ const $b9c30139cd63c62a$var$PickerButton = (0, $ceqeb$reactariacollections.creat
                                                 slots: {
                                                     description: {},
                                                     [(0, $ceqeb$reactariacomponents.DEFAULT_SLOT)]: {
-                                                        styles: " sb1 _ub1 _Nc1 Pc1 _Yb1 _7c1",
+                                                        styles: " sb12 _ub12 _Nc12 Pc12 _Yb12 _7c12",
                                                         // @ts-ignore
                                                         'data-slot': 'label'
                                                     },
                                                     label: {
-                                                        styles: " sb1 _ub1 _Nc1 Pc1 _Yb1 _7c1",
+                                                        styles: " sb12 _ub12 _Nc12 Pc12 _Yb12 _7c12",
                                                         // @ts-ignore not technically necessary, but good for consistency
                                                         'data-slot': 'label'
                                                     }
@@ -713,12 +764,13 @@ const $b9c30139cd63c62a$var$PickerButton = (0, $ceqeb$reactariacollections.creat
                                             true
                                         ]
                                     ],
-                                    children: selectedItems.length <= 1 ? defaultChildren : /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
-                                        slot: "label",
-                                        children: stringFormatter.format('picker.selectedCount', {
-                                            count: selectedItems.length
-                                        })
-                                    })
+                                    children: renderValue ? /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)("div", {
+                                        ref: renderValueRef,
+                                        style: {
+                                            display: 'contents'
+                                        },
+                                        children: renderedValue
+                                    }) : renderedValue
                                 });
                             }
                         }),