@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/ComboBox.cjs

@@ -1,4 +1,5 @@
 require("./ComboBox.css");
+var $38071d9ce246d4cf$exports = require("./Avatar.cjs");
 var $e991cbcdf82ced71$exports = require("./CenterBaseline.cjs");
 var $e741ea6b88ce4866$exports = require("./Menu.cjs");
 var $dba2b18fc5727f9b$exports = require("./Checkmark.cjs");
@@ -69,220 +70,221 @@ $parcel$export(module.exports, "Divider", () => $a2d5b35c01bebcd6$export$2e0a83e
 
 
 
+
 
 const $a2d5b35c01bebcd6$export$d414ccceff7063c3 = /*#__PURE__*/ (0, $1KUtr$react.createContext)(null);
 const $a2d5b35c01bebcd6$var$inputButton = 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-oa11';
-    rules += ' oj11';
-    rules += ' nj11';
-    rules += ' kj11';
-    rules += ' jj11';
-    rules += ' sd11';
-    rules += ' _Le11';
-    rules += ' _Wa11';
-    rules += ' _je11';
-    rules += ' eb11';
-    rules += ' _Ca11';
-    if (props.size === "XL") rules += ' ZC11';
-    else if (props.size === "L") rules += ' Zo11';
-    else if (props.size === "M") rules += ' Zm11';
-    else if (props.size === "S") rules += ' Zu11';
-    if (props.size === "XL") rules += ' Fx11';
-    else if (props.size === "L") rules += ' Fp11';
-    else if (props.size === "M") rules += ' Fn11';
-    else if (props.size === "S") rules += ' Ft11';
-    rules += ' Iw11';
-    rules += ' fa11';
-    rules += ' _va11';
-    rules += ' Yd11';
-    rules += ' Yle11';
-    rules += ' Xb11';
-    rules += ' Xlb11';
-    rules += ' _2b11';
-    rules += ' _2lb11';
-    if (props.isDisabled) rules += ' gH11';
-    else if (props.isOpen) rules += ' gF11';
+    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-oa12';
+    rules += ' oj12';
+    rules += ' nj12';
+    rules += ' kj12';
+    rules += ' jj12';
+    rules += ' sd12';
+    rules += ' _Le12';
+    rules += ' _Wa12';
+    rules += ' _je12';
+    rules += ' eb12';
+    rules += ' _Ca12';
+    if (props.size === "XL") rules += ' ZC12';
+    else if (props.size === "L") rules += ' Zo12';
+    else if (props.size === "M") rules += ' Zm12';
+    else if (props.size === "S") rules += ' Zu12';
+    if (props.size === "XL") rules += ' Fx12';
+    else if (props.size === "L") rules += ' Fp12';
+    else if (props.size === "M") rules += ' Fn12';
+    else if (props.size === "S") rules += ' Ft12';
+    rules += ' Iw12';
+    rules += ' fa12';
+    rules += ' _va12';
+    rules += ' Yd12';
+    rules += ' Yle12';
+    rules += ' Xb12';
+    rules += ' Xlb12';
+    rules += ' _2b12';
+    rules += ' _2lb12';
+    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.isDisabled) rules += ' gld11';
-    else if (props.isOpen) rules += ' gle11';
-    else if (props.isHovered) rules += ' gle11';
-    else rules += ' glc11';
-    if (props.isDisabled) rules += ' pp11';
+    if (props.isDisabled) rules += ' gld12';
+    else if (props.isOpen) rules += ' gle12';
+    else if (props.isHovered) rules += ' gle12';
+    else rules += ' glc12';
+    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 += ' pla11';
+    rules += ' pla12';
     return rules;
 };
-const $a2d5b35c01bebcd6$var$iconStyles = " _va11 _Sd11 -_8sjo0b-t5ZbAob11";
-const $a2d5b35c01bebcd6$var$loadingWrapperStyles = " z2mU11 yzZKy11 sd11 eb11 _Ca11 Jv11 Gv11";
+const $a2d5b35c01bebcd6$var$iconStyles = " _va12 _Sd12 -_8sjo0b-t5ZbAob12";
+const $a2d5b35c01bebcd6$var$loadingWrapperStyles = " z2mU12 yzZKy12 sd12 eb12 _Ca12 Jv12 Gv12";
 const $a2d5b35c01bebcd6$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';
     if (props.isInput) {
-        rules += ' It11';
-        rules += ' Isu11';
+        rules += ' It12';
+        rules += ' Isu12';
     }
     return rules;
 };
 const $a2d5b35c01bebcd6$var$emptyStateText = function anonymous(props) {
     let rules = " ";
-    rules += ' FRuFGYc11';
+    rules += ' FRuFGYc12';
     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 === "M") {
-        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';
     }
     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 === "M") {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        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 === "M") {
-        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';
     }
     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 === "M") {
-        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';
     }
-    if (props.size === "XL") rules += ' pt11';
-    else if (props.size === "L") rules += ' pt11';
-    else if (props.size === "M") rules += ' pt11';
-    else if (props.size === "S") rules += ' pt11';
-    rules += ' sd11';
-    rules += ' eb11';
-    rules += ' Sv11';
-    if (props.size === "XL") rules += ' -F_-Fz11';
-    else if (props.size === "L") rules += ' -F_-Fv11';
-    else if (props.size === "M") rules += ' -F_-Fx11';
-    else if (props.size === "S") rules += ' -F_-Fp11';
+    if (props.size === "XL") rules += ' pt12';
+    else if (props.size === "L") rules += ' pt12';
+    else if (props.size === "M") rules += ' pt12';
+    else if (props.size === "S") rules += ' pt12';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' Sv12';
+    if (props.size === "XL") rules += ' -F_-Fz12';
+    else if (props.size === "L") rules += ' -F_-Fv12';
+    else if (props.size === "M") rules += ' -F_-Fx12';
+    else if (props.size === "S") rules += ' -F_-Fp12';
     return rules;
 };
 let $a2d5b35c01bebcd6$export$9901d82449b93cea = function anonymous(props) {
     let rules = " ";
-    rules += ' Za11';
-    rules += ' _oa11';
-    rules += ' K40ub4c11';
-    rules += ' Pa11';
-    rules += ' _Nc11';
-    rules += ' uk11';
-    rules += ' uch11';
-    rules += ' udi11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
+    rules += ' Za12';
+    rules += ' _oa12';
+    rules += ' K40ub4c12';
+    rules += ' Pa12';
+    rules += ' _Nc12';
+    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 += ' _Le11';
+    rules += ' _Le12';
     return rules;
 };
 let $a2d5b35c01bebcd6$export$68265fb354482bae = function anonymous(props, overrides) {
@@ -291,7 +293,7 @@ let $a2d5b35c01bebcd6$export$68265fb354482bae = function anonymous(props, overri
     let position = false;
     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] === "N") minWidth = true;
         if (p[1] === "_P") position = true;
@@ -299,225 +301,226 @@ let $a2d5b35c01bebcd6$export$68265fb354482bae = function anonymous(props, overri
         if (p[1] === "y") gridColumnEnd = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
+    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';
-        rules += ' plc11';
+        rules += ' pp12';
+        rules += ' plc12';
     } 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 += ' se11';
-    rules += ' ea11';
-    rules += ' _oa11';
-    rules += ' Sd11';
-    rules += ' Rd11';
+    rules += ' se12';
+    rules += ' ea12';
+    rules += ' _oa12';
+    rules += ' Sd12';
+    rules += ' Rd12';
     if (props.size === "XL") {
-        if (!minWidth) rules += ' Nl11';
+        if (!minWidth) rules += ' Nl12';
     } else if (props.size === "L") {
-        if (!minWidth) rules += ' Nj11';
+        if (!minWidth) rules += ' Nj12';
     } else if (props.size === "S") {
-        if (!minWidth) rules += ' Nf11';
+        if (!minWidth) rules += ' Nf12';
     } else if (props.size === "XS") {
-        if (!minWidth) rules += ' Ne11';
-    } else if (!minWidth) 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 += ' qh11';
-    rules += ' -Qg41Lb-IAxCW0c11';
-    rules += ' -Qg41Lb-gLWx3bIy11';
-    rules += ' MAyFGYc11';
-    rules += ' Td11';
-    rules += ' QAzEcG11';
-    rules += ' -aRvJDd-Tu7Fubd11';
-    if (props.isFocused) rules += ' gF11';
-    else rules += ' g911';
-    if (!position) rules += ' _Pc11';
-    if (!gridColumnStart) rules += ' z2mU11';
-    if (!gridColumnEnd) rules += ' yzZKy11';
-    rules += ' CHV1uCd11';
-    if (props.size === "XL") rules += ' DTw5ujc11';
-    else if (props.size === "L") rules += ' DdpPw411';
-    else if (props.size === "M") rules += ' Dxy3qDe11';
-    else if (props.size === "S") rules += ' DfLJE011';
-    rules += ' EpvfBwb11';
-    rules += ' EDNKd2dZQmDFe11';
-    rules += ' UDNKd2dai5a011';
-    rules += ' FF11';
-    rules += ' _Xa11';
-    if (props.isLink) rules += ' ry11';
-    else rules += ' ri11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    if (props.size === "XL") rules += ' -M_-Mk11';
-    else if (props.size === "L") rules += ' -M_-Mh11';
-    else if (props.size === "S") rules += ' -M_-Mg11';
-    else if (props.size === "XS") rules += ' -M_-Mf11';
-    else rules += ' -M_-Mi11';
+        if (!minWidth) rules += ' Ne12';
+    } else if (!minWidth) 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 += ' qh12';
+    rules += ' -Qg41Lb-IAxCW0c12';
+    rules += ' -Qg41Lb-gLWx3bIy12';
+    rules += ' MAyFGYc12';
+    rules += ' Td12';
+    rules += ' QAzEcG12';
+    rules += ' -aRvJDd-Tu7Fubd12';
+    if (props.isFocused) rules += ' gF12';
+    else rules += ' g912';
+    if (!position) rules += ' _Pc12';
+    if (!gridColumnStart) rules += ' z2mU12';
+    if (!gridColumnEnd) rules += ' yzZKy12';
+    rules += ' CHV1uCd12';
+    if (props.size === "XL") rules += ' DTw5ujc12';
+    else if (props.size === "L") rules += ' DdpPw412';
+    else if (props.size === "M") rules += ' Dxy3qDe12';
+    else if (props.size === "S") rules += ' DfLJE012';
+    rules += ' EpvfBwb12';
+    rules += ' EDNKd2dZQmDFe12';
+    rules += ' UDNKd2dai5a012';
+    rules += ' FF12';
+    rules += ' _Xa12';
+    if (props.isLink) rules += ' ry12';
+    else rules += ' ri12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    if (props.size === "XL") rules += ' -M_-Mk12';
+    else if (props.size === "L") rules += ' -M_-Mh12';
+    else if (props.size === "S") rules += ' -M_-Mg12';
+    else if (props.size === "XS") rules += ' -M_-Mf12';
+    else rules += ' -M_-Mi12';
     return rules;
 };
 let $a2d5b35c01bebcd6$export$c040ba7a724e8da1 = function anonymous(props) {
     let rules = " ";
-    rules += ' pt11';
-    rules += ' _oa11';
-    rules += ' MAyFGYc11';
-    rules += ' Tu7Fubd11';
-    rules += ' Qu7Fubd11';
-    if (props.size === "XL") rules += ' I2d3n11';
-    else if (props.size === "L") rules += ' IaxPIqb11';
-    else if (props.size === "M") rules += ' Ip2UVod11';
-    else if (props.size === "S") rules += ' IH8XZ7c11';
-    if (props.size === "XL") rules += ' H2d3n11';
-    else if (props.size === "L") rules += ' HaxPIqb11';
-    else if (props.size === "M") rules += ' Hp2UVod11';
-    else if (props.size === "S") rules += ' HH8XZ7c11';
-    if (props.size === "XL") rules += ' -M_-Mk11';
-    else if (props.size === "L") rules += ' -M_-Mh11';
-    else if (props.size === "S") rules += ' -M_-Mg11';
-    else if (props.size === "XS") rules += ' -M_-Mf11';
-    else rules += ' -M_-Mi11';
+    rules += ' pt12';
+    rules += ' _oa12';
+    rules += ' MAyFGYc12';
+    rules += ' Tu7Fubd12';
+    rules += ' Qu7Fubd12';
+    if (props.size === "XL") rules += ' I2d3n12';
+    else if (props.size === "L") rules += ' IaxPIqb12';
+    else if (props.size === "M") rules += ' Ip2UVod12';
+    else if (props.size === "S") rules += ' IH8XZ7c12';
+    if (props.size === "XL") rules += ' H2d3n12';
+    else if (props.size === "L") rules += ' HaxPIqb12';
+    else if (props.size === "M") rules += ' Hp2UVod12';
+    else if (props.size === "S") rules += ' HH8XZ7c12';
+    if (props.size === "XL") rules += ' -M_-Mk12';
+    else if (props.size === "L") rules += ' -M_-Mh12';
+    else if (props.size === "S") rules += ' -M_-Mg12';
+    else if (props.size === "XS") rules += ' -M_-Mf12';
+    else rules += ' -M_-Mi12';
     return rules;
 };
 const $a2d5b35c01bebcd6$var$separatorWrapper = function anonymous(props) {
     let rules = " ";
-    rules += ' sd11';
-    if (props.size === "XL") rules += ' I2d3n11';
-    else if (props.size === "L") rules += ' IaxPIqb11';
-    else if (props.size === "M") rules += ' Ip2UVod11';
-    else if (props.size === "S") rules += ' IH8XZ7c11';
-    if (props.size === "XL") rules += ' H2d3n11';
-    else if (props.size === "L") rules += ' HaxPIqb11';
-    else if (props.size === "M") rules += ' Hp2UVod11';
-    else if (props.size === "S") rules += ' HH8XZ7c11';
-    rules += ' Fk11';
-    rules += ' eb11';
+    rules += ' sd12';
+    if (props.size === "XL") rules += ' I2d3n12';
+    else if (props.size === "L") rules += ' IaxPIqb12';
+    else if (props.size === "M") rules += ' Ip2UVod12';
+    else if (props.size === "S") rules += ' IH8XZ7c12';
+    if (props.size === "XL") rules += ' H2d3n12';
+    else if (props.size === "L") rules += ' HaxPIqb12';
+    else if (props.size === "M") rules += ' Hp2UVod12';
+    else if (props.size === "S") rules += ' HH8XZ7c12';
+    rules += ' Fk12';
+    rules += ' eb12';
     return rules;
 };
-const $a2d5b35c01bebcd6$var$dividerStyle = " gF11 gl_a11 og11 ng11 kg11 jg11 FLvNfn11 Za11";
+const $a2d5b35c01bebcd6$var$dividerStyle = " gF12 gl_a12 og12 ng12 kg12 jg12 FLvNfn12 Za12";
+const $a2d5b35c01bebcd6$var$avatar = " z2U5Crc12 y2U5Crc12 B2U5Crc12 A2U5Crc12 Ht12 Hsu12";
 const $a2d5b35c01bebcd6$export$83379f5245567d78 = {
     S: {
         medium: 24,
@@ -552,58 +555,58 @@ const $a2d5b35c01bebcd6$export$72b9695b8216309a = /*#__PURE__*/ (0, $1KUtr$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,
@@ -620,6 +623,12 @@ const $a2d5b35c01bebcd6$export$72b9695b8216309a = /*#__PURE__*/ (0, $1KUtr$react
             })
     });
 });
+const $a2d5b35c01bebcd6$var$avatarSize = {
+    S: 16,
+    M: 20,
+    L: 22,
+    XL: 26
+};
 const $a2d5b35c01bebcd6$var$checkmarkIconSize = {
     S: 'XS',
     M: 'M',
@@ -659,6 +668,17 @@ function $a2d5b35c01bebcd6$export$b674b8ff01584ab1(props) {
                                 }
                             }
                         ],
+                        [
+                            (0, $38071d9ce246d4cf$exports.AvatarContext),
+                            {
+                                slots: {
+                                    avatar: {
+                                        size: $a2d5b35c01bebcd6$var$avatarSize[size],
+                                        styles: $a2d5b35c01bebcd6$var$avatar
+                                    }
+                                }
+                            }
+                        ],
                         [
                             (0, $6367bc87eb7d24ad$exports.TextContext),
                             {
@@ -679,7 +699,7 @@ function $a2d5b35c01bebcd6$export$b674b8ff01584ab1(props) {
                         ]
                     ],
                     children: [
-                        !isLink && /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $dba2b18fc5727f9b$exports.default), {
+                        !isLink && !props.onAction && /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $dba2b18fc5727f9b$exports.default), {
                             size: $a2d5b35c01bebcd6$var$checkmarkIconSize[size],
                             className: (0, $e741ea6b88ce4866$exports.checkmark)({
                                 ...renderProps,
@@ -854,26 +874,26 @@ const $a2d5b35c01bebcd6$var$ComboboxInner = /*#__PURE__*/ (0, $1KUtr$react.forwa
                     size: size,
                     styles: function anonymous(props) {
                         let rules = " ";
-                        rules += ' zXcEWr11';
-                        rules += ' yXcEWr11';
-                        rules += ' BXcEWr11';
-                        rules += ' AXcEWr11';
-                        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.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 += ' SMBFGYc11';
-                        rules += ' RfBFGYc11';
-                        rules += ' -S_-Sv11';
-                        rules += ' -R_-Rjxyh811';
+                        rules += ' zXcEWr12';
+                        rules += ' yXcEWr12';
+                        rules += ' BXcEWr12';
+                        rules += ' AXcEWr12';
+                        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.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 += ' SMBFGYc12';
+                        rules += ' RfBFGYc12';
+                        rules += ' -S_-Sv12';
+                        rules += ' -R_-Rjxyh812';
                         return rules;
                     }({
                         size: size
@@ -928,70 +948,72 @@ const $a2d5b35c01bebcd6$var$ComboboxInner = /*#__PURE__*/ (0, $1KUtr$react.forwa
                     description: descriptionMessage,
                     children: errorMessage
                 }),
-                /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $493371ef39bf7a55$exports.PopoverBase), {
+                /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $493371ef39bf7a55$exports.Popover), {
                     hideArrow: true,
                     triggerRef: triggerRef,
                     offset: menuOffset,
                     placement: `${direction} ${align}`,
                     shouldFlip: shouldFlip,
                     UNSAFE_style: {
-                        width: menuWidth ? `${menuWidth}px` : undefined,
-                        // manually subtract border as we can't set Popover to border-box, it causes the contents to spill out
-                        '--trigger-width': `calc(${triggerWidth} - 2px)`
+                        '--trigger-width': menuWidth ? menuWidth + 'px' : triggerWidth
                     },
-                    styles: " NuHSBze11 ZuHSBze11",
-                    children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Provider), {
-                        values: [
-                            [
-                                (0, $6367bc87eb7d24ad$exports.HeaderContext),
-                                {
-                                    styles: $a2d5b35c01bebcd6$export$c040ba7a724e8da1({
-                                        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
-                                            })
+                    padding: "none",
+                    styles: " NuHSBze12 ZuHSBze12",
+                    children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)("div", {
+                        className: " sd12 Za12 Fb12",
+                        children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Provider), {
+                            values: [
+                                [
+                                    (0, $6367bc87eb7d24ad$exports.HeaderContext),
+                                    {
+                                        styles: $a2d5b35c01bebcd6$export$c040ba7a724e8da1({
+                                            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, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Virtualizer), {
-                            layout: (0, $1KUtr$reactariacomponents.ListLayout),
-                            layoutOptions: {
-                                estimatedRowHeight: 32,
-                                padding: 8,
-                                estimatedHeadingHeight: 50,
-                                loaderHeight: $a2d5b35c01bebcd6$export$83379f5245567d78[size][scale]
-                            },
-                            children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.ListBox), {
-                                dependencies: props1.dependencies,
-                                renderEmptyState: ()=>/*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)("span", {
-                                        className: $a2d5b35c01bebcd6$var$emptyStateText({
-                                            size: size
+                                ]
+                            ],
+                            children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Virtualizer), {
+                                layout: (0, $1KUtr$reactariacomponents.ListLayout),
+                                layoutOptions: {
+                                    estimatedRowHeight: 32,
+                                    padding: 8,
+                                    estimatedHeadingHeight: 50,
+                                    loaderHeight: $a2d5b35c01bebcd6$export$83379f5245567d78[size][scale]
+                                },
+                                children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.ListBox), {
+                                    dependencies: props1.dependencies,
+                                    renderEmptyState: ()=>/*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)("span", {
+                                            className: $a2d5b35c01bebcd6$var$emptyStateText({
+                                                size: size
+                                            }),
+                                            children: loadingState === 'loading' ? stringFormatter.format('table.loading') : stringFormatter.format('combobox.noResults')
                                         }),
-                                        children: loadingState === 'loading' ? stringFormatter.format('table.loading') : stringFormatter.format('combobox.noResults')
+                                    items: items,
+                                    className: $a2d5b35c01bebcd6$export$9901d82449b93cea({
+                                        size: size
                                     }),
-                                items: items,
-                                className: $a2d5b35c01bebcd6$export$9901d82449b93cea({
-                                    size: size
-                                }),
-                                children: renderer
+                                    children: renderer
+                                })
                             })
                         })
                     })