@react-spectrum/s2 1.1.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 += ' _Le11';
-    else if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' Olc11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
+    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 += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.isDisabled) rules += ' pp11';
+    if (props.isDisabled) rules += ' pp12';
     else {
-        if (props.isPressed) rules += ' po11';
-        else if (props.isFocusVisible) rules += ' po11';
-        else if (props.isHovered) rules += ' po11';
-        else rules += ' pt11';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    rules += ' sd11';
-    rules += ' eb11';
-    rules += ' _oa11';
-    rules += ' SMBFGYc11';
-    rules += ' RfBFGYc11';
-    if (props.size === "XL") rules += ' Nl11';
-    else if (props.size === "L") rules += ' Nj11';
-    else if (props.size === "S") rules += ' Nf11';
-    else if (props.size === "XS") rules += ' Ne11';
-    else rules += ' Nk11';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec11';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn11';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b11';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd11';
-    else rules += ' -SFnbic-_Jb11';
-    rules += ' -Bu7z1c-ob11';
-    rules += ' oj11';
-    rules += ' nj11';
-    rules += ' kj11';
-    rules += ' jj11';
-    rules += ' qc11';
-    rules += ' qsd11';
-    rules += ' -Qg41Lb-IAxCW0c11';
-    rules += ' -Qg41Lb-gLWx3bIy11';
-    rules += ' FRuFGYc11';
-    rules += ' zXcEWr11';
-    rules += ' yXcEWr11';
-    rules += ' BXcEWr11';
-    rules += ' AXcEWr11';
-    if (props.isQuiet) rules += ' _qd11';
-    else rules += ' _qtb11';
-    if (props.size === "XL") rules += ' -Anxdcc-Zt11';
-    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne11';
-    else if (props.size === "S") rules += ' -Anxdcc-Zr11';
-    else rules += ' -Anxdcc-Z3fn9H11';
-    rules += ' __v6TNLWb11';
-    rules += ' _Pc11';
-    rules += ' _Wd11';
-    rules += ' _je11';
-    rules += ' _jlf11';
-    if (props.isDisabled) rules += ' ilc11';
-    else rules += ' ilb11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    if (props.isQuiet) rules += ' g911';
-    else if (props.isDisabled) rules += ' gH11';
-    else if (props.isOpen) rules += ' gF11';
+    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 += ' gF11';
-        else if (props.isFocusVisible) rules += ' gF11';
-        else if (props.isHovered) rules += ' gF11';
-        else rules += ' gH11';
+        if (props.isPressed) rules += ' gF12';
+        else if (props.isFocusVisible) rules += ' gF12';
+        else if (props.isHovered) rules += ' gF12';
+        else rules += ' gH12';
     }
-    if (props.isQuiet) rules += ' Ln11';
-    rules += ' __ca11';
-    if (props.size === "XL") rules += ' -F_-Fz11';
-    else if (props.size === "L") rules += ' -F_-Fv11';
-    else if (props.size === "S") rules += ' -F_-Fp11';
-    else if (props.size === "XS") rules += ' -F_-Fn11';
-    else rules += ' -F_-Fx11';
-    if (props.isQuiet) rules += ' -S_-Sd11';
-    else rules += ' -S_-Sv11';
-    if (props.isQuiet) rules += ' -R_-Rd11';
-    else rules += ' -R_-Rv11';
+    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 = " Za11 FLvNfn11 _Pa11 _lr11 og11 ng11 kg11 jg11 g_h11 gle11";
+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 += ' _Le11';
-    rules += ' se11';
-    rules += ' Za11';
-    if (props.size === "XL") rules += ' Dk92HIe11';
-    else if (props.size === "L") rules += ' DyaX9Fb11';
-    else if (props.size === "M") rules += ' Deb5jcb11';
-    else if (props.size === "S") rules += ' DGTLJAe11';
-    rules += ' _oa11';
-    rules += ' K40ub4c11';
-    rules += ' _Na11';
-    rules += ' Pa11';
-    rules += ' Tt11';
-    rules += ' Qt11';
-    rules += ' St11';
-    rules += ' Rt11';
-    rules += ' uk11';
-    rules += ' ucJ9TBTb11';
-    rules += ' ud3Euai11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
+    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-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' __ya11';
+    rules += ' __ya12';
     return rules;
 };
 const $b9c30139cd63c62a$var$invalidBorder = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec11';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn11';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b11';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd11';
-    else rules += ' -SFnbic-_Jb11';
-    rules += ' -Bu7z1c-ob11';
-    rules += ' oj11';
-    rules += ' nj11';
-    rules += ' kj11';
-    rules += ' jj11';
-    rules += ' _Pa11';
-    rules += ' Wr11';
-    rules += ' _Er11';
-    rules += ' _lr11';
-    rules += ' _Rr11';
-    rules += ' _Ob11';
-    rules += ' _jf11';
-    rules += ' _kc11';
-    rules += ' hc11';
-    rules += ' mc11';
-    rules += ' lc11';
-    if (props.isPressed) rules += ' im11';
-    else if (props.isFocusVisible) rules += ' im11';
-    else if (props.isHovered) rules += ' im11';
-    else rules += ' ip11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
+    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 += ' _ua11';
-    else rules += ' _ub11';
-    rules += ' _Nc11';
-    rules += ' Pc11';
-    rules += ' _Yb11';
-    rules += ' _7c11';
-    rules += ' sd11';
-    rules += ' eb11';
+    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 += ' _va11';
-    rules += ' _Sd11';
-    rules += ' -_8sjo0b-t5ZbAob11';
-    if (props.isLoading) rules += ' pp11';
+    rules += ' _va12';
+    rules += ' _Sd12';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    if (props.isLoading) rules += ' pp12';
     return rules;
 };
-const $b9c30139cd63c62a$var$avatar = " z2U5Crc11 y2U5Crc11 B2U5Crc11 A2U5Crc11 Ht11 Hsu11";
-const $b9c30139cd63c62a$var$loadingWrapperStyles = " z2mU11 yzZKy11 sd11 eb11 _Ca11 Jv11 Gv11";
+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 += ' Zp11';
-    else if (props.size === "L") rules += ' Zn11';
-    else if (props.size === "M") rules += ' Zm11';
-    else if (props.size === "S") rules += ' Zu11';
-    if (props.size === "XL") rules += ' Fq11';
-    else if (props.size === "L") rules += ' Fo11';
-    else if (props.size === "M") rules += ' Fn11';
-    else if (props.size === "S") rules += ' Ft11';
+    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;
@@ -437,51 +438,51 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se11';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU11';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG11';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod11';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb11';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+                if (props.labelPosition === "side") rules += ' DPlN5qb12';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn12';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb11';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
-            if (props.labelPosition === "side") rules += ' CbRM95c11';
-            else if (props.labelPosition === "top") rules += ' Cxaocre11';
+            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-e11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-e12';
+                rules += ' vx12';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-d12';
+                rules += ' vx12';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-b12';
+                rules += ' vx12';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-a12';
+                rules += ' vx12';
             } else {
-                rules += ' -_6BNtrc-c11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-c12';
+                rules += ' vx12';
             }
-            rules += ' ea11';
-            rules += ' _Fd11';
-            rules += ' _FnuYUweb11';
-            if (props.size === "XL") rules += ' -BhX7R-Fz11';
-            else if (props.size === "L") rules += ' -BhX7R-Fv11';
-            else if (props.size === "S") rules += ' -BhX7R-Fp11';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
-            else rules += ' -BhX7R-Fx11';
-            rules += ' -AJjOLd-UVkF0Db11';
-            rules += ' qg11';
-            rules += ' __ca11';
+            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 += ' Nh11';
-                                    else rules += ' NuHSBze11';
-                                    if (props.isQuiet) rules += ' ZbWuche11';
-                                    else rules += ' ZuHSBze11';
+                                    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: " sd11 Za11 Fb11",
+                                    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: " sb11 _ub11 _Nc11 Pc11 _Yb11 _7c11",
+                                                        styles: " sb12 _ub12 _Nc12 Pc12 _Yb12 _7c12",
                                                         // @ts-ignore
                                                         'data-slot': 'label'
                                                     },
                                                     label: {
-                                                        styles: " sb11 _ub11 _Nc11 Pc11 _Yb11 _7c11",
+                                                        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
                                 });
                             }
                         }),