@react-spectrum/s2 0.11.2 → 0.12.0

package/dist/ComboBox.mjs

@@ -1,4 +1,5 @@
 import "./ComboBox.css";
+import {AvatarContext as $3ffa2cd930156220$export$a20dad690e1279e2} from "./Avatar.mjs";
 import {centerBaseline as $1f4b04be3f24aae3$export$9d7e2342a7e53afa} from "./CenterBaseline.mjs";
 import {checkmark as $13afb0ea5f0ed767$export$292abbf31ed842a, description as $13afb0ea5f0ed767$export$6d59db4903f20f7d, icon as $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27, iconCenterWrapper as $13afb0ea5f0ed767$export$31d1842a0fd736e6, label as $13afb0ea5f0ed767$export$1237798dc640739a, sectionHeading as $13afb0ea5f0ed767$export$300ac6f106ef584d} from "./Menu.mjs";
 import $81cf3d4588736e7d$export$2e2bcd8739ae039 from "./Checkmark.mjs";
@@ -8,7 +9,7 @@ import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps a
 import {HeaderContext as $8e847109a6ab556d$export$e0e4026c12a8bdbb, HeadingContext as $8e847109a6ab556d$export$d688439359537581, Text as $8e847109a6ab556d$export$5f1af8db9871e1d6, TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
 import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../icons/Icon.mjs";
 import $5rXoR$intlStringsmjs from "./intlStrings.mjs";
-import {PopoverBase as $88b746eba92c8d0d$export$fde1b04c590741a3} from "./Popover.mjs";
+import {Popover as $88b746eba92c8d0d$export$5b6b19405a83ff9d} from "./Popover.mjs";
 import {pressScale as $10ea7662e51a285b$export$56e8cba416805d8d} from "./pressScale.mjs";
 import {ProgressCircle as $41ddd91dbbf0c389$export$c79b9d6b4cc92af7} from "./ProgressCircle.mjs";
 import {useScale as $859432f3b3573fcb$export$a8d2043b2d807f4d} from "./utils.mjs";
@@ -55,220 +56,221 @@ function $parcel$interopDefault(a) {
 
 
 
+
 
 const $a2f262fac286a920$export$d414ccceff7063c3 = /*#__PURE__*/ (0, $5rXoR$createContext)(null);
 const $a2f262fac286a920$var$inputButton = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec112';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn112';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b112';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd112';
-    else rules += ' -SFnbic-_Jb112';
-    rules += ' -Bu7z1c-oa112';
-    rules += ' oj112';
-    rules += ' nj112';
-    rules += ' kj112';
-    rules += ' jj112';
-    rules += ' sd112';
-    rules += ' _Le112';
-    rules += ' _Wa112';
-    rules += ' _je112';
-    rules += ' eb112';
-    rules += ' _Ca112';
-    if (props.size === "XL") rules += ' ZC112';
-    else if (props.size === "L") rules += ' Zo112';
-    else if (props.size === "M") rules += ' Zm112';
-    else if (props.size === "S") rules += ' Zu112';
-    if (props.size === "XL") rules += ' Fx112';
-    else if (props.size === "L") rules += ' Fp112';
-    else if (props.size === "M") rules += ' Fn112';
-    else if (props.size === "S") rules += ' Ft112';
-    rules += ' Iw112';
-    rules += ' fa112';
-    rules += ' _va112';
-    rules += ' Yd112';
-    rules += ' Yle112';
-    rules += ' Xb112';
-    rules += ' Xlb112';
-    rules += ' _2b112';
-    rules += ' _2lb112';
-    if (props.isDisabled) rules += ' gH112';
-    else if (props.isOpen) rules += ' gF112';
+    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 += ' gF112';
-        else if (props.isFocusVisible) rules += ' gF112';
-        else if (props.isHovered) rules += ' gF112';
-        else rules += ' gH112';
+        if (props.isPressed) rules += ' gF12';
+        else if (props.isFocusVisible) rules += ' gF12';
+        else if (props.isHovered) rules += ' gF12';
+        else rules += ' gH12';
     }
-    if (props.isDisabled) rules += ' gld112';
-    else if (props.isOpen) rules += ' gle112';
-    else if (props.isHovered) rules += ' gle112';
-    else rules += ' glc112';
-    if (props.isDisabled) rules += ' pp112';
+    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 += ' po112';
-        else if (props.isFocusVisible) rules += ' po112';
-        else if (props.isHovered) rules += ' po112';
-        else rules += ' pt112';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    rules += ' pla112';
+    rules += ' pla12';
     return rules;
 };
-const $a2f262fac286a920$var$iconStyles = " _va112 _Sd112 -_8sjo0b-t5ZbAob112";
-const $a2f262fac286a920$var$loadingWrapperStyles = " z2mU112 yzZKy112 sd112 eb112 _Ca112 Jv112 Gv112";
+const $a2f262fac286a920$var$iconStyles = " _va12 _Sd12 -_8sjo0b-t5ZbAob12";
+const $a2f262fac286a920$var$loadingWrapperStyles = " z2mU12 yzZKy12 sd12 eb12 _Ca12 Jv12 Gv12";
 const $a2f262fac286a920$var$progressCircleStyles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' Zp112';
-    else if (props.size === "L") rules += ' Zn112';
-    else if (props.size === "M") rules += ' Zm112';
-    else if (props.size === "S") rules += ' Zu112';
-    if (props.size === "XL") rules += ' Fq112';
-    else if (props.size === "L") rules += ' Fo112';
-    else if (props.size === "M") rules += ' Fn112';
-    else if (props.size === "S") rules += ' Ft112';
+    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 += ' It112';
-        rules += ' Isu112';
+        rules += ' It12';
+        rules += ' Isu12';
     }
     return rules;
 };
 const $a2f262fac286a920$var$emptyStateText = function anonymous(props) {
     let rules = " ";
-    rules += ' FRuFGYc112';
+    rules += ' FRuFGYc12';
     if (props.size === "XL") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "M") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "M") {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "M") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "M") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.size === "XL") rules += ' pt112';
-    else if (props.size === "L") rules += ' pt112';
-    else if (props.size === "M") rules += ' pt112';
-    else if (props.size === "S") rules += ' pt112';
-    rules += ' sd112';
-    rules += ' eb112';
-    rules += ' Sv112';
-    if (props.size === "XL") rules += ' -F_-Fz112';
-    else if (props.size === "L") rules += ' -F_-Fv112';
-    else if (props.size === "M") rules += ' -F_-Fx112';
-    else if (props.size === "S") rules += ' -F_-Fp112';
+    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 $a2f262fac286a920$export$9901d82449b93cea = function anonymous(props) {
     let rules = " ";
-    rules += ' Za112';
-    rules += ' _oa112';
-    rules += ' K40ub4c112';
-    rules += ' Pa112';
-    rules += ' _Nc112';
-    rules += ' uk112';
-    rules += ' uch112';
-    rules += ' udi112';
-    rules += ' uea112';
-    rules += ' ugb112';
-    rules += ' uhd112';
-    rules += ' uje112';
-    rules += ' u2NhKxcl112';
-    rules += ' uic112';
+    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-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' _Le112';
+    rules += ' _Le12';
     return rules;
 };
 let $a2f262fac286a920$export$68265fb354482bae = function anonymous(props, overrides) {
@@ -277,7 +279,7 @@ let $a2f262fac286a920$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;
@@ -285,225 +287,226 @@ let $a2f262fac286a920$export$68265fb354482bae = function anonymous(props, overri
         if (p[1] === "y") gridColumnEnd = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf112';
-    else rules += ' _Le112';
-    rules += ' Oh112';
-    rules += ' _Mc112';
-    rules += ' _Kd112';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     if (props.size === "XL") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     }
     if (props.isDisabled) {
-        rules += ' pp112';
-        rules += ' plc112';
+        rules += ' pp12';
+        rules += ' plc12';
     } else {
-        if (props.isPressed) rules += ' po112';
-        else if (props.isFocusVisible) rules += ' po112';
-        else if (props.isHovered) rules += ' po112';
-        else rules += ' pt112';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    rules += ' se112';
-    rules += ' ea112';
-    rules += ' _oa112';
-    rules += ' Sd112';
-    rules += ' Rd112';
+    rules += ' se12';
+    rules += ' ea12';
+    rules += ' _oa12';
+    rules += ' Sd12';
+    rules += ' Rd12';
     if (props.size === "XL") {
-        if (!minWidth) rules += ' Nl112';
+        if (!minWidth) rules += ' Nl12';
     } else if (props.size === "L") {
-        if (!minWidth) rules += ' Nj112';
+        if (!minWidth) rules += ' Nj12';
     } else if (props.size === "S") {
-        if (!minWidth) rules += ' Nf112';
+        if (!minWidth) rules += ' Nf12';
     } else if (props.size === "XS") {
-        if (!minWidth) rules += ' Ne112';
-    } else if (!minWidth) rules += ' Nk112';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec112';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn112';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b112';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd112';
-    else rules += ' -SFnbic-_Jb112';
-    rules += ' -Bu7z1c-ob112';
-    rules += ' oj112';
-    rules += ' nj112';
-    rules += ' kj112';
-    rules += ' jj112';
-    rules += ' qh112';
-    rules += ' -Qg41Lb-IAxCW0c112';
-    rules += ' -Qg41Lb-gLWx3bIy112';
-    rules += ' MAyFGYc112';
-    rules += ' Td112';
-    rules += ' QAzEcG112';
-    rules += ' -aRvJDd-Tu7Fubd112';
-    if (props.isFocused) rules += ' gF112';
-    else rules += ' g9112';
-    if (!position) rules += ' _Pc112';
-    if (!gridColumnStart) rules += ' z2mU112';
-    if (!gridColumnEnd) rules += ' yzZKy112';
-    rules += ' CHV1uCd112';
-    if (props.size === "XL") rules += ' DTw5ujc112';
-    else if (props.size === "L") rules += ' DdpPw4112';
-    else if (props.size === "M") rules += ' Dxy3qDe112';
-    else if (props.size === "S") rules += ' DfLJE0112';
-    rules += ' EpvfBwb112';
-    rules += ' EDNKd2dZQmDFe112';
-    rules += ' UDNKd2dai5a0112';
-    rules += ' FF112';
-    rules += ' _Xa112';
-    if (props.isLink) rules += ' ry112';
-    else rules += ' ri112';
-    rules += ' Yd112';
-    rules += ' Xb112';
-    rules += ' _2b112';
-    if (props.size === "XL") rules += ' -M_-Mk112';
-    else if (props.size === "L") rules += ' -M_-Mh112';
-    else if (props.size === "S") rules += ' -M_-Mg112';
-    else if (props.size === "XS") rules += ' -M_-Mf112';
-    else rules += ' -M_-Mi112';
+        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 $a2f262fac286a920$export$c040ba7a724e8da1 = function anonymous(props) {
     let rules = " ";
-    rules += ' pt112';
-    rules += ' _oa112';
-    rules += ' MAyFGYc112';
-    rules += ' Tu7Fubd112';
-    rules += ' Qu7Fubd112';
-    if (props.size === "XL") rules += ' I2d3n112';
-    else if (props.size === "L") rules += ' IaxPIqb112';
-    else if (props.size === "M") rules += ' Ip2UVod112';
-    else if (props.size === "S") rules += ' IH8XZ7c112';
-    if (props.size === "XL") rules += ' H2d3n112';
-    else if (props.size === "L") rules += ' HaxPIqb112';
-    else if (props.size === "M") rules += ' Hp2UVod112';
-    else if (props.size === "S") rules += ' HH8XZ7c112';
-    if (props.size === "XL") rules += ' -M_-Mk112';
-    else if (props.size === "L") rules += ' -M_-Mh112';
-    else if (props.size === "S") rules += ' -M_-Mg112';
-    else if (props.size === "XS") rules += ' -M_-Mf112';
-    else rules += ' -M_-Mi112';
+    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 $a2f262fac286a920$var$separatorWrapper = function anonymous(props) {
     let rules = " ";
-    rules += ' sd112';
-    if (props.size === "XL") rules += ' I2d3n112';
-    else if (props.size === "L") rules += ' IaxPIqb112';
-    else if (props.size === "M") rules += ' Ip2UVod112';
-    else if (props.size === "S") rules += ' IH8XZ7c112';
-    if (props.size === "XL") rules += ' H2d3n112';
-    else if (props.size === "L") rules += ' HaxPIqb112';
-    else if (props.size === "M") rules += ' Hp2UVod112';
-    else if (props.size === "S") rules += ' HH8XZ7c112';
-    rules += ' Fk112';
-    rules += ' eb112';
+    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 $a2f262fac286a920$var$dividerStyle = " gF112 gl_a112 og112 ng112 kg112 jg112 FLvNfn112 Za112";
+const $a2f262fac286a920$var$dividerStyle = " gF12 gl_a12 og12 ng12 kg12 jg12 FLvNfn12 Za12";
+const $a2f262fac286a920$var$avatar = " z2U5Crc12 y2U5Crc12 B2U5Crc12 A2U5Crc12 Ht12 Hsu12";
 const $a2f262fac286a920$export$83379f5245567d78 = {
     S: {
         medium: 24,
@@ -538,58 +541,58 @@ const $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$forwa
             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 += ' se112';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU112';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG112';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod112';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb112';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn112';
+                if (props.labelPosition === "side") rules += ' DPlN5qb12';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn12';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb112';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc112';
-            if (props.labelPosition === "side") rules += ' CbRM95c112';
-            else if (props.labelPosition === "top") rules += ' Cxaocre112';
+            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-e112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-e12';
+                rules += ' vx12';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-d12';
+                rules += ' vx12';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-b12';
+                rules += ' vx12';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-a12';
+                rules += ' vx12';
             } else {
-                rules += ' -_6BNtrc-c112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-c12';
+                rules += ' vx12';
             }
-            rules += ' ea112';
-            rules += ' _Fd112';
-            rules += ' _FezxGHba112';
-            rules += ' _FnuYUweb112';
-            if (props.size === "XL") rules += ' -BhX7R-Fz112';
-            else if (props.size === "L") rules += ' -BhX7R-Fv112';
-            else if (props.size === "S") rules += ' -BhX7R-Fp112';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn112';
-            else rules += ' -BhX7R-Fx112';
-            rules += ' -AJjOLd-UVkF0Db112';
-            rules += ' qg112';
-            rules += ' __ca112';
+            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,
@@ -606,6 +609,12 @@ const $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$forwa
             })
     });
 });
+const $a2f262fac286a920$var$avatarSize = {
+    S: 16,
+    M: 20,
+    L: 22,
+    XL: 26
+};
 const $a2f262fac286a920$var$checkmarkIconSize = {
     S: 'XS',
     M: 'M',
@@ -645,6 +654,17 @@ function $a2f262fac286a920$export$b674b8ff01584ab1(props) {
                                 }
                             }
                         ],
+                        [
+                            (0, $3ffa2cd930156220$export$a20dad690e1279e2),
+                            {
+                                slots: {
+                                    avatar: {
+                                        size: $a2f262fac286a920$var$avatarSize[size],
+                                        styles: $a2f262fac286a920$var$avatar
+                                    }
+                                }
+                            }
+                        ],
                         [
                             (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                             {
@@ -665,7 +685,7 @@ function $a2f262fac286a920$export$b674b8ff01584ab1(props) {
                         ]
                     ],
                     children: [
-                        !isLink && /*#__PURE__*/ (0, $5rXoR$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
+                        !isLink && !props.onAction && /*#__PURE__*/ (0, $5rXoR$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
                             size: $a2f262fac286a920$var$checkmarkIconSize[size],
                             className: (0, $13afb0ea5f0ed767$export$292abbf31ed842a)({
                                 ...renderProps,
@@ -840,26 +860,26 @@ const $a2f262fac286a920$var$ComboboxInner = /*#__PURE__*/ (0, $5rXoR$forwardRef)
                     size: size,
                     styles: function anonymous(props) {
                         let rules = " ";
-                        rules += ' zXcEWr112';
-                        rules += ' yXcEWr112';
-                        rules += ' BXcEWr112';
-                        rules += ' AXcEWr112';
-                        if (props.size === "XL") rules += ' Nl112';
-                        else if (props.size === "L") rules += ' Nj112';
-                        else if (props.size === "S") rules += ' Nf112';
-                        else if (props.size === "XS") rules += ' Ne112';
-                        else rules += ' Nk112';
-                        if (props.isQuiet) rules += ' _qd112';
-                        else rules += ' _qtb112';
-                        if (props.size === "XL") rules += ' -Anxdcc-Zt112';
-                        else if (props.size === "L") rules += ' -Anxdcc-ZStdtne112';
-                        else if (props.size === "S") rules += ' -Anxdcc-Zr112';
-                        else rules += ' -Anxdcc-Z3fn9H112';
-                        rules += ' __v6TNLWb112';
-                        rules += ' SMBFGYc112';
-                        rules += ' RfBFGYc112';
-                        rules += ' -S_-Sv112';
-                        rules += ' -R_-Rjxyh8112';
+                        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
@@ -914,70 +934,72 @@ const $a2f262fac286a920$var$ComboboxInner = /*#__PURE__*/ (0, $5rXoR$forwardRef)
                     description: descriptionMessage,
                     children: errorMessage
                 }),
-                /*#__PURE__*/ (0, $5rXoR$jsx)((0, $88b746eba92c8d0d$export$fde1b04c590741a3), {
+                /*#__PURE__*/ (0, $5rXoR$jsx)((0, $88b746eba92c8d0d$export$5b6b19405a83ff9d), {
                     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: " NuHSBze112 ZuHSBze112",
-                    children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Provider), {
-                        values: [
-                            [
-                                (0, $8e847109a6ab556d$export$e0e4026c12a8bdbb),
-                                {
-                                    styles: $a2f262fac286a920$export$c040ba7a724e8da1({
-                                        size: size
-                                    })
-                                }
-                            ],
-                            [
-                                (0, $8e847109a6ab556d$export$d688439359537581),
-                                {
-                                    // @ts-ignore
-                                    role: 'presentation',
-                                    styles: (0, $13afb0ea5f0ed767$export$300ac6f106ef584d)
-                                }
-                            ],
-                            [
-                                (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
-                                {
-                                    slots: {
-                                        'description': {
-                                            styles: (0, $13afb0ea5f0ed767$export$6d59db4903f20f7d)({
-                                                size: size
-                                            })
+                    padding: "none",
+                    styles: " NuHSBze12 ZuHSBze12",
+                    children: /*#__PURE__*/ (0, $5rXoR$jsx)("div", {
+                        className: " sd12 Za12 Fb12",
+                        children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Provider), {
+                            values: [
+                                [
+                                    (0, $8e847109a6ab556d$export$e0e4026c12a8bdbb),
+                                    {
+                                        styles: $a2f262fac286a920$export$c040ba7a724e8da1({
+                                            size: size
+                                        })
+                                    }
+                                ],
+                                [
+                                    (0, $8e847109a6ab556d$export$d688439359537581),
+                                    {
+                                        // @ts-ignore
+                                        role: 'presentation',
+                                        styles: (0, $13afb0ea5f0ed767$export$300ac6f106ef584d)
+                                    }
+                                ],
+                                [
+                                    (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                                    {
+                                        slots: {
+                                            'description': {
+                                                styles: (0, $13afb0ea5f0ed767$export$6d59db4903f20f7d)({
+                                                    size: size
+                                                })
+                                            }
                                         }
                                     }
-                                }
-                            ]
-                        ],
-                        children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Virtualizer), {
-                            layout: (0, $5rXoR$ListLayout),
-                            layoutOptions: {
-                                estimatedRowHeight: 32,
-                                padding: 8,
-                                estimatedHeadingHeight: 50,
-                                loaderHeight: $a2f262fac286a920$export$83379f5245567d78[size][scale]
-                            },
-                            children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$ListBox), {
-                                dependencies: props1.dependencies,
-                                renderEmptyState: ()=>/*#__PURE__*/ (0, $5rXoR$jsx)("span", {
-                                        className: $a2f262fac286a920$var$emptyStateText({
-                                            size: size
+                                ]
+                            ],
+                            children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Virtualizer), {
+                                layout: (0, $5rXoR$ListLayout),
+                                layoutOptions: {
+                                    estimatedRowHeight: 32,
+                                    padding: 8,
+                                    estimatedHeadingHeight: 50,
+                                    loaderHeight: $a2f262fac286a920$export$83379f5245567d78[size][scale]
+                                },
+                                children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$ListBox), {
+                                    dependencies: props1.dependencies,
+                                    renderEmptyState: ()=>/*#__PURE__*/ (0, $5rXoR$jsx)("span", {
+                                            className: $a2f262fac286a920$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: $a2f262fac286a920$export$9901d82449b93cea({
+                                        size: size
                                     }),
-                                items: items,
-                                className: $a2f262fac286a920$export$9901d82449b93cea({
-                                    size: size
-                                }),
-                                children: renderer
+                                    children: renderer
+                                })
                             })
                         })
                     })