@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/Picker.cjs

@@ -1,4 +1,6 @@
 require("./Picker.css");
+var $38071d9ce246d4cf$exports = require("./Avatar.cjs");
+var $af04e099a53d3e85$exports = require("./Checkbox.cjs");
 var $e991cbcdf82ced71$exports = require("./CenterBaseline.cjs");
 var $e741ea6b88ce4866$exports = require("./Menu.cjs");
 var $dba2b18fc5727f9b$exports = require("./Checkmark.cjs");
@@ -9,6 +11,7 @@ var $bfa4962d90c8af48$exports = require("./Form.cjs");
 var $6367bc87eb7d24ad$exports = require("./Content.cjs");
 var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
 var $4526404114e78c80$exports = require("./intlStrings.cjs");
+var $308b180f49d82d28$exports = require("../icons/runtime.cjs");
 var $493371ef39bf7a55$exports = require("./Popover.cjs");
 var $2061c83559b50a66$exports = require("./pressScale.cjs");
 var $1c116ea4b0d2d023$exports = require("./ProgressCircle.cjs");
@@ -65,6 +68,9 @@ $parcel$export(module.exports, "PickerSection", () => $b9c30139cd63c62a$export$a
 
 
 
+
+
+
 
 
 
@@ -72,304 +78,305 @@ $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 += ' _Mc11';
-    rules += ' _Kd11';
+    if (props.isQuiet) rules += ' _Le12';
+    else if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     if (props.size === "XL") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        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 += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        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 += ' uch11';
-    rules += ' udi11';
-    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 += ' uch12';
+    rules += ' udi12';
+    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';
     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$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)({
@@ -422,6 +429,8 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
         ]
     });
     let scale = (0, $ee7b4c497f520c08$exports.useScale)();
+    let { direction: dir } = (0, $ceqeb$reactariai18n.useLocale)();
+    let RTLFlipOffset = dir === 'rtl' ? -1 : 1;
     return /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.Select), {
         ...pickerProps,
         "aria-describedby": spinnerId,
@@ -431,58 +440,58 @@ 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|Z|N|L)[^\s]+/g);
+            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);
             for (let p of matches){
                 if (p[1] === "z") gridColumnStart = true;
                 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 += ' _FezxGHba11';
-            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 += ' _FezxGHba12';
+            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,
@@ -536,9 +545,11 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
                                 padding: 8,
                                 loaderHeight: (0, $a2d5b35c01bebcd6$exports.LOADER_ROW_HEIGHTS)[size][scale]
                             },
-                            children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $493371ef39bf7a55$exports.PopoverBase), {
+                            children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $493371ef39bf7a55$exports.Popover), {
                                 hideArrow: true,
+                                padding: "none",
                                 offset: menuOffset,
+                                crossOffset: isQuiet ? RTLFlipOffset * -12 : undefined,
                                 placement: `${direction} ${align}`,
                                 shouldFlip: shouldFlip,
                                 UNSAFE_style: {
@@ -546,52 +557,53 @@ const $b9c30139cd63c62a$export$ba25329847403e11 = /*#__PURE__*/ (0, $ceqeb$react
                                 },
                                 styles: function anonymous(props) {
                                     let rules = " ";
-                                    rules += ' IswFGYc11';
-                                    if (props.isQuiet) rules += ' Nh11';
-                                    else rules += ' NuHSBze11';
-                                    if (props.isQuiet) rules += ' ZkFlLfe11';
-                                    else rules += ' ZuHSBze11';
-                                    if (props.isQuiet) rules += ' -I_-Id11';
+                                    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)((0, $ceqeb$reactariacomponents.Provider), {
-                                    values: [
-                                        [
-                                            (0, $6367bc87eb7d24ad$exports.HeaderContext),
-                                            {
-                                                styles: (0, $a2d5b35c01bebcd6$exports.listboxHeader)({
-                                                    size: size
-                                                })
-                                            }
-                                        ],
-                                        [
-                                            (0, $6367bc87eb7d24ad$exports.HeadingContext),
-                                            {
-                                                // @ts-ignore
-                                                role: 'presentation',
-                                                styles: (0, $e741ea6b88ce4866$exports.sectionHeading)
-                                            }
-                                        ],
-                                        [
-                                            (0, $6367bc87eb7d24ad$exports.TextContext),
-                                            {
-                                                slots: {
-                                                    description: {
-                                                        styles: (0, $e741ea6b88ce4866$exports.description)({
-                                                            size: size
-                                                        })
+                                children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)("div", {
+                                    className: " sd12 Za12 Fb12",
+                                    children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.Provider), {
+                                        values: [
+                                            [
+                                                (0, $6367bc87eb7d24ad$exports.HeaderContext),
+                                                {
+                                                    styles: (0, $a2d5b35c01bebcd6$exports.listboxHeader)({
+                                                        size: size
+                                                    })
+                                                }
+                                            ],
+                                            [
+                                                (0, $6367bc87eb7d24ad$exports.HeadingContext),
+                                                {
+                                                    // @ts-ignore
+                                                    role: 'presentation',
+                                                    styles: (0, $e741ea6b88ce4866$exports.sectionHeading)
+                                                }
+                                            ],
+                                            [
+                                                (0, $6367bc87eb7d24ad$exports.TextContext),
+                                                {
+                                                    slots: {
+                                                        description: {
+                                                            styles: (0, $e741ea6b88ce4866$exports.description)({
+                                                                size: size
+                                                            })
+                                                        }
                                                     }
                                                 }
-                                            }
-                                        ]
-                                    ],
-                                    children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.ListBox), {
-                                        dependencies: props1.dependencies,
-                                        items: items,
-                                        className: (0, $a2d5b35c01bebcd6$exports.listbox)({
-                                            size: size
-                                        }),
-                                        children: renderer
+                                            ]
+                                        ],
+                                        children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.ListBox), {
+                                            dependencies: props1.dependencies,
+                                            items: items,
+                                            className: (0, $a2d5b35c01bebcd6$exports.listbox)({
+                                                size: size
+                                            }),
+                                            children: renderer
+                                        })
                                     })
                                 })
                             })
@@ -613,9 +625,16 @@ function $b9c30139cd63c62a$var$PickerProgressCircle(props) {
         })
     });
 }
+const $b9c30139cd63c62a$var$avatarSize = {
+    S: 16,
+    M: 20,
+    L: 22,
+    XL: 26
+};
 // 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 stringFormatter = (0, $ceqeb$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
     // 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.
@@ -651,8 +670,8 @@ const $b9c30139cd63c62a$var$PickerButton = (0, $ceqeb$reactariacollections.creat
                         /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.SelectValue), {
                             className: $b9c30139cd63c62a$var$valueStyles({
                                 isQuiet: isQuiet
-                            }) + ' ' + "WzII9b",
-                            children: ({ defaultChildren: defaultChildren })=>{
+                            }) + ' ' + "pqYuhc",
+                            children: ({ selectedItems: selectedItems, defaultChildren: defaultChildren })=>{
                                 return /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $ceqeb$reactariacomponents.Provider), {
                                     values: [
                                         [
@@ -669,13 +688,31 @@ const $b9c30139cd63c62a$var$PickerButton = (0, $ceqeb$reactariacollections.creat
                                                 }
                                             }
                                         ],
+                                        [
+                                            (0, $38071d9ce246d4cf$exports.AvatarContext),
+                                            {
+                                                slots: {
+                                                    avatar: {
+                                                        size: $b9c30139cd63c62a$var$avatarSize[size ?? 'M'],
+                                                        styles: $b9c30139cd63c62a$var$avatar
+                                                    }
+                                                }
+                                            }
+                                        ],
                                         [
                                             (0, $6367bc87eb7d24ad$exports.TextContext),
                                             {
                                                 slots: {
                                                     description: {},
+                                                    [(0, $ceqeb$reactariacomponents.DEFAULT_SLOT)]: {
+                                                        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'
                                                     }
                                                 }
                                             }
@@ -685,7 +722,12 @@ const $b9c30139cd63c62a$var$PickerButton = (0, $ceqeb$reactariacollections.creat
                                             true
                                         ]
                                     ],
-                                    children: defaultChildren
+                                    children: selectedItems.length <= 1 ? defaultChildren : /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+                                        slot: "label",
+                                        children: stringFormatter.format('picker.selectedCount', {
+                                            count: selectedItems.length
+                                        })
+                                    })
                                 });
                             }
                         }),
@@ -736,6 +778,16 @@ function $b9c30139cd63c62a$export$d601881f38163e28(props) {
             }, props.styles),
         children: (renderProps)=>{
             let { children: children } = props;
+            let checkboxRenderProps = {
+                ...renderProps,
+                size: size,
+                isFocused: false,
+                isFocusVisible: false,
+                isIndeterminate: false,
+                isReadOnly: false,
+                isInvalid: false,
+                isRequired: false
+            };
             return /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)($b9c30139cd63c62a$var$DefaultProvider, {
                 context: (0, $bde97c91243ed164$exports.IconContext),
                 value: {
@@ -749,36 +801,59 @@ function $b9c30139cd63c62a$export$d601881f38163e28(props) {
                         }
                     }
                 },
-                children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsxs)($b9c30139cd63c62a$var$DefaultProvider, {
-                    context: (0, $6367bc87eb7d24ad$exports.TextContext),
+                children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)($b9c30139cd63c62a$var$DefaultProvider, {
+                    context: (0, $38071d9ce246d4cf$exports.AvatarContext),
                     value: {
                         slots: {
-                            label: {
-                                styles: (0, $e741ea6b88ce4866$exports.label)({
-                                    size: size
-                                })
-                            },
-                            description: {
-                                styles: (0, $e741ea6b88ce4866$exports.description)({
-                                    ...renderProps,
-                                    size: size
-                                })
+                            avatar: {
+                                size: $b9c30139cd63c62a$var$avatarSize[size],
+                                styles: $b9c30139cd63c62a$var$avatar
                             }
                         }
                     },
-                    children: [
-                        !isLink && /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $dba2b18fc5727f9b$exports.default), {
-                            size: $b9c30139cd63c62a$var$checkmarkIconSize[size],
-                            className: (0, $e741ea6b88ce4866$exports.checkmark)({
-                                ...renderProps,
-                                size: size
-                            })
-                        }),
-                        typeof children === 'string' ? /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
-                            slot: "label",
-                            children: children
-                        }) : children
-                    ]
+                    children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsxs)($b9c30139cd63c62a$var$DefaultProvider, {
+                        context: (0, $6367bc87eb7d24ad$exports.TextContext),
+                        value: {
+                            slots: {
+                                [(0, $ceqeb$reactariacomponents.DEFAULT_SLOT)]: {
+                                    styles: (0, $e741ea6b88ce4866$exports.label)({
+                                        size: size
+                                    })
+                                },
+                                label: {
+                                    styles: (0, $e741ea6b88ce4866$exports.label)({
+                                        size: size
+                                    })
+                                },
+                                description: {
+                                    styles: (0, $e741ea6b88ce4866$exports.description)({
+                                        ...renderProps,
+                                        size: size
+                                    })
+                                }
+                            }
+                        },
+                        children: [
+                            renderProps.selectionMode === 'single' && !isLink && /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $dba2b18fc5727f9b$exports.default), {
+                                size: $b9c30139cd63c62a$var$checkmarkIconSize[size],
+                                className: (0, $e741ea6b88ce4866$exports.checkmark)({
+                                    ...renderProps,
+                                    size: size
+                                })
+                            }),
+                            renderProps.selectionMode === 'multiple' && !isLink && /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)("div", {
+                                className: (0, $308b180f49d82d28$exports.mergeStyles)((0, $e741ea6b88ce4866$exports.checkbox), (0, $af04e099a53d3e85$exports.box)(checkboxRenderProps)),
+                                children: /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $dba2b18fc5727f9b$exports.default), {
+                                    size: size,
+                                    className: (0, $af04e099a53d3e85$exports.iconStyles)
+                                })
+                            }),
+                            typeof children === 'string' ? /*#__PURE__*/ (0, $ceqeb$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+                                slot: "label",
+                                children: children
+                            }) : children
+                        ]
+                    })
                 })
             });
         }