@react-spectrum/s2 0.11.2 → 0.12.0

package/dist/Picker.mjs

@@ -1,6 +1,8 @@
 import "./Picker.css";
+import {AvatarContext as $3ffa2cd930156220$export$a20dad690e1279e2} from "./Avatar.mjs";
+import {box as $9b405e0f8095dce0$export$827f4ee28efc37, iconStyles as $9b405e0f8095dce0$export$2c99b98b77550cb4} from "./Checkbox.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 {checkbox as $13afb0ea5f0ed767$export$b07e517d22efa1ca, 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";
 import $4b69f02ec06b9226$export$2e2bcd8739ae039 from "./Chevron.mjs";
 import {Divider as $a2f262fac286a920$export$2e0a83ec2e27ecbb, listbox as $a2f262fac286a920$export$9901d82449b93cea, listboxHeader as $a2f262fac286a920$export$c040ba7a724e8da1, listboxItem as $a2f262fac286a920$export$68265fb354482bae, LOADER_ROW_HEIGHTS as $a2f262fac286a920$export$83379f5245567d78} from "./ComboBox.mjs";
@@ -9,19 +11,20 @@ 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 $c77I5$intlStringsmjs from "./intlStrings.mjs";
-import {PopoverBase as $88b746eba92c8d0d$export$fde1b04c590741a3} from "./Popover.mjs";
+import {mergeStyles as $feb886035e0d4633$export$e618dc39ac9ad607} from "../icons/runtime.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";
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
 import {jsx as $c77I5$jsx, jsxs as $c77I5$jsxs, Fragment as $c77I5$Fragment} from "react/jsx-runtime";
-import {ListBoxLoadMoreItem as $c77I5$ListBoxLoadMoreItem, Collection as $c77I5$Collection, Select as $c77I5$Select, Virtualizer as $c77I5$Virtualizer, ListLayout as $c77I5$ListLayout, Provider as $c77I5$Provider, ListBox as $c77I5$ListBox, Button as $c77I5$Button, SelectValue as $c77I5$SelectValue, ListBoxItem as $c77I5$ListBoxItem, ListBoxSection as $c77I5$ListBoxSection} from "react-aria-components";
+import {ListBoxLoadMoreItem as $c77I5$ListBoxLoadMoreItem, Collection as $c77I5$Collection, Select as $c77I5$Select, Virtualizer as $c77I5$Virtualizer, ListLayout as $c77I5$ListLayout, Provider as $c77I5$Provider, ListBox as $c77I5$ListBox, Button as $c77I5$Button, SelectValue as $c77I5$SelectValue, DEFAULT_SLOT as $c77I5$DEFAULT_SLOT, ListBoxItem as $c77I5$ListBoxItem, ListBoxSection as $c77I5$ListBoxSection} from "react-aria-components";
 import {createHideableComponent as $c77I5$createHideableComponent} from "@react-aria/collections";
 import {PressResponder as $c77I5$PressResponder} from "@react-aria/interactions";
 import {createContext as $c77I5$createContext, forwardRef as $c77I5$forwardRef, useContext as $c77I5$useContext, useMemo as $c77I5$useMemo, useState as $c77I5$useState, useRef as $c77I5$useRef} from "react";
 import {useFocusableRef as $c77I5$useFocusableRef} from "@react-spectrum/utils";
 import {useSlotId as $c77I5$useSlotId, useGlobalListeners as $c77I5$useGlobalListeners} from "@react-aria/utils";
-import {useLocalizedStringFormatter as $c77I5$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {useLocalizedStringFormatter as $c77I5$useLocalizedStringFormatter, useLocale as $c77I5$useLocale} from "@react-aria/i18n";
 
 
 function $parcel$interopDefault(a) {
@@ -56,6 +59,9 @@ function $parcel$interopDefault(a) {
 
 
 
+
+
+
 
 
 
@@ -63,304 +69,305 @@ function $parcel$interopDefault(a) {
 const $b41c15d27fbaff7d$export$b72b8dade9393cd5 = /*#__PURE__*/ (0, $c77I5$createContext)(null);
 const $b41c15d27fbaff7d$var$inputButton = function anonymous(props) {
     let rules = " ";
-    if (props.isQuiet) rules += ' _Le112';
-    else if (props.isFocusVisible) rules += ' _Lf112';
-    else rules += ' _Le112';
-    rules += ' Oh112';
-    rules += ' _Mc112';
-    rules += ' _Kd112';
+    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 += ' 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';
+    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 += ' sd112';
-    rules += ' eb112';
-    rules += ' _oa112';
-    rules += ' SMBFGYc112';
-    rules += ' RfBFGYc112';
-    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.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 += ' qc112';
-    rules += ' qsd112';
-    rules += ' -Qg41Lb-IAxCW0c112';
-    rules += ' -Qg41Lb-gLWx3bIy112';
-    rules += ' FRuFGYc112';
-    rules += ' zXcEWr112';
-    rules += ' yXcEWr112';
-    rules += ' BXcEWr112';
-    rules += ' AXcEWr112';
-    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 += ' _Pc112';
-    rules += ' _Wd112';
-    rules += ' _je112';
-    rules += ' _jlf112';
-    if (props.isDisabled) rules += ' ilc112';
-    else rules += ' ilb112';
-    rules += ' Yd112';
-    rules += ' Xb112';
-    rules += ' _2b112';
-    if (props.isQuiet) rules += ' g9112';
-    else if (props.isDisabled) rules += ' gH112';
-    else if (props.isOpen) rules += ' gF112';
+    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 += ' 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.isQuiet) rules += ' Ln112';
-    rules += ' __ca112';
-    if (props.size === "XL") rules += ' -F_-Fz112';
-    else if (props.size === "L") rules += ' -F_-Fv112';
-    else if (props.size === "S") rules += ' -F_-Fp112';
-    else if (props.size === "XS") rules += ' -F_-Fn112';
-    else rules += ' -F_-Fx112';
-    if (props.isQuiet) rules += ' -S_-Sd112';
-    else rules += ' -S_-Sv112';
-    if (props.isQuiet) rules += ' -R_-Rd112';
-    else rules += ' -R_-Rv112';
+    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 $b41c15d27fbaff7d$var$quietFocusLine = " Za112 FLvNfn112 _Pa112 _lr112 og112 ng112 kg112 jg112 g_h112 gle112";
+const $b41c15d27fbaff7d$var$quietFocusLine = " Za12 FLvNfn12 _Pa12 _lr12 og12 ng12 kg12 jg12 g_h12 gle12";
 let $b41c15d27fbaff7d$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " ";
-    rules += ' _Le112';
-    rules += ' se112';
-    rules += ' Za112';
-    if (props.size === "XL") rules += ' Dk92HIe112';
-    else if (props.size === "L") rules += ' DyaX9Fb112';
-    else if (props.size === "M") rules += ' Deb5jcb112';
-    else if (props.size === "S") rules += ' DGTLJAe112';
-    rules += ' _oa112';
-    rules += ' K40ub4c112';
-    rules += ' _Na112';
-    rules += ' Pa112';
-    rules += ' Tt112';
-    rules += ' Qt112';
-    rules += ' St112';
-    rules += ' Rt112';
-    rules += ' uk112';
-    rules += ' uch112';
-    rules += ' udi112';
-    rules += ' uea112';
-    rules += ' ugb112';
-    rules += ' uhd112';
-    rules += ' uje112';
-    rules += ' u2NhKxcl112';
-    rules += ' uic112';
+    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-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 += ' __ya112';
+    rules += ' __ya12';
     return rules;
 };
 const $b41c15d27fbaff7d$var$invalidBorder = 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-ob112';
-    rules += ' oj112';
-    rules += ' nj112';
-    rules += ' kj112';
-    rules += ' jj112';
-    rules += ' _Pa112';
-    rules += ' Wr112';
-    rules += ' _Er112';
-    rules += ' _lr112';
-    rules += ' _Rr112';
-    rules += ' _Ob112';
-    rules += ' _jf112';
-    rules += ' _kc112';
-    rules += ' hc112';
-    rules += ' mc112';
-    rules += ' lc112';
-    if (props.isPressed) rules += ' im112';
-    else if (props.isFocusVisible) rules += ' im112';
-    else if (props.isHovered) rules += ' im112';
-    else rules += ' ip112';
-    rules += ' Yd112';
-    rules += ' Xb112';
-    rules += ' _2b112';
+    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 $b41c15d27fbaff7d$var$valueStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isQuiet) rules += ' _ua112';
-    else rules += ' _ub112';
-    rules += ' _Nc112';
-    rules += ' Pc112';
-    rules += ' _Yb112';
-    rules += ' _7c112';
-    rules += ' sd112';
-    rules += ' eb112';
+    if (props.isQuiet) rules += ' _ua12';
+    else rules += ' _ub12';
+    rules += ' _Nc12';
+    rules += ' Pc12';
+    rules += ' _Yb12';
+    rules += ' _7c12';
+    rules += ' sd12';
+    rules += ' eb12';
     return rules;
 };
 const $b41c15d27fbaff7d$var$iconStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' _va112';
-    rules += ' _Sd112';
-    rules += ' -_8sjo0b-t5ZbAob112';
-    if (props.isLoading) rules += ' pp112';
+    rules += ' _va12';
+    rules += ' _Sd12';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    if (props.isLoading) rules += ' pp12';
     return rules;
 };
-const $b41c15d27fbaff7d$var$loadingWrapperStyles = " z2mU112 yzZKy112 sd112 eb112 _Ca112 Jv112 Gv112";
+const $b41c15d27fbaff7d$var$avatar = " z2U5Crc12 y2U5Crc12 B2U5Crc12 A2U5Crc12 Ht12 Hsu12";
+const $b41c15d27fbaff7d$var$loadingWrapperStyles = " z2mU12 yzZKy12 sd12 eb12 _Ca12 Jv12 Gv12";
 const $b41c15d27fbaff7d$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';
     return rules;
 };
 let $b41c15d27fbaff7d$var$InternalPickerContext = /*#__PURE__*/ (0, $c77I5$createContext)({
@@ -413,6 +420,8 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
         ]
     });
     let scale = (0, $859432f3b3573fcb$export$a8d2043b2d807f4d)();
+    let { direction: dir } = (0, $c77I5$useLocale)();
+    let RTLFlipOffset = dir === 'rtl' ? -1 : 1;
     return /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Select), {
         ...pickerProps,
         "aria-describedby": spinnerId,
@@ -422,58 +431,58 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$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,
@@ -527,9 +536,11 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
                                 padding: 8,
                                 loaderHeight: (0, $a2f262fac286a920$export$83379f5245567d78)[size][scale]
                             },
-                            children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $88b746eba92c8d0d$export$fde1b04c590741a3), {
+                            children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $88b746eba92c8d0d$export$5b6b19405a83ff9d), {
                                 hideArrow: true,
+                                padding: "none",
                                 offset: menuOffset,
+                                crossOffset: isQuiet ? RTLFlipOffset * -12 : undefined,
                                 placement: `${direction} ${align}`,
                                 shouldFlip: shouldFlip,
                                 UNSAFE_style: {
@@ -537,52 +548,53 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
                                 },
                                 styles: function anonymous(props) {
                                     let rules = " ";
-                                    rules += ' IswFGYc112';
-                                    if (props.isQuiet) rules += ' Nh112';
-                                    else rules += ' NuHSBze112';
-                                    if (props.isQuiet) rules += ' ZkFlLfe112';
-                                    else rules += ' ZuHSBze112';
-                                    if (props.isQuiet) rules += ' -I_-Id112';
+                                    if (props.isQuiet) rules += ' Nh12';
+                                    else rules += ' NuHSBze12';
+                                    if (props.isQuiet) rules += ' ZbWuche12';
+                                    else rules += ' ZuHSBze12';
                                     return rules;
                                 }(props1),
-                                children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Provider), {
-                                    values: [
-                                        [
-                                            (0, $8e847109a6ab556d$export$e0e4026c12a8bdbb),
-                                            {
-                                                styles: (0, $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, $c77I5$jsx)("div", {
+                                    className: " sd12 Za12 Fb12",
+                                    children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Provider), {
+                                        values: [
+                                            [
+                                                (0, $8e847109a6ab556d$export$e0e4026c12a8bdbb),
+                                                {
+                                                    styles: (0, $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, $c77I5$jsx)((0, $c77I5$ListBox), {
-                                        dependencies: props1.dependencies,
-                                        items: items,
-                                        className: (0, $a2f262fac286a920$export$9901d82449b93cea)({
-                                            size: size
-                                        }),
-                                        children: renderer
+                                            ]
+                                        ],
+                                        children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$ListBox), {
+                                            dependencies: props1.dependencies,
+                                            items: items,
+                                            className: (0, $a2f262fac286a920$export$9901d82449b93cea)({
+                                                size: size
+                                            }),
+                                            children: renderer
+                                        })
                                     })
                                 })
                             })
@@ -604,9 +616,16 @@ function $b41c15d27fbaff7d$var$PickerProgressCircle(props) {
         })
     });
 }
+const $b41c15d27fbaff7d$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 $b41c15d27fbaff7d$var$PickerButton = (0, $c77I5$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, $c77I5$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c77I5$intlStringsmjs))), '@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.
@@ -642,8 +661,8 @@ const $b41c15d27fbaff7d$var$PickerButton = (0, $c77I5$createHideableComponent)(f
                         /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$SelectValue), {
                             className: $b41c15d27fbaff7d$var$valueStyles({
                                 isQuiet: isQuiet
-                            }) + ' ' + "WzII9b",
-                            children: ({ defaultChildren: defaultChildren })=>{
+                            }) + ' ' + "pqYuhc",
+                            children: ({ selectedItems: selectedItems, defaultChildren: defaultChildren })=>{
                                 return /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Provider), {
                                     values: [
                                         [
@@ -660,13 +679,31 @@ const $b41c15d27fbaff7d$var$PickerButton = (0, $c77I5$createHideableComponent)(f
                                                 }
                                             }
                                         ],
+                                        [
+                                            (0, $3ffa2cd930156220$export$a20dad690e1279e2),
+                                            {
+                                                slots: {
+                                                    avatar: {
+                                                        size: $b41c15d27fbaff7d$var$avatarSize[size ?? 'M'],
+                                                        styles: $b41c15d27fbaff7d$var$avatar
+                                                    }
+                                                }
+                                            }
+                                        ],
                                         [
                                             (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                                             {
                                                 slots: {
                                                     description: {},
+                                                    [(0, $c77I5$DEFAULT_SLOT)]: {
+                                                        styles: " sb12 _ub12 _Nc12 Pc12 _Yb12 _7c12",
+                                                        // @ts-ignore
+                                                        'data-slot': 'label'
+                                                    },
                                                     label: {
-                                                        styles: " sb112 _ub112 _Nc112 Pc112 _Yb112 _7c112"
+                                                        styles: " sb12 _ub12 _Nc12 Pc12 _Yb12 _7c12",
+                                                        // @ts-ignore not technically necessary, but good for consistency
+                                                        'data-slot': 'label'
                                                     }
                                                 }
                                             }
@@ -676,7 +713,12 @@ const $b41c15d27fbaff7d$var$PickerButton = (0, $c77I5$createHideableComponent)(f
                                             true
                                         ]
                                     ],
-                                    children: defaultChildren
+                                    children: selectedItems.length <= 1 ? defaultChildren : /*#__PURE__*/ (0, $c77I5$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
+                                        slot: "label",
+                                        children: stringFormatter.format('picker.selectedCount', {
+                                            count: selectedItems.length
+                                        })
+                                    })
                                 });
                             }
                         }),
@@ -727,6 +769,16 @@ function $b41c15d27fbaff7d$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, $c77I5$jsx)($b41c15d27fbaff7d$var$DefaultProvider, {
                 context: (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
                 value: {
@@ -740,36 +792,59 @@ function $b41c15d27fbaff7d$export$d601881f38163e28(props) {
                         }
                     }
                 },
-                children: /*#__PURE__*/ (0, $c77I5$jsxs)($b41c15d27fbaff7d$var$DefaultProvider, {
-                    context: (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                children: /*#__PURE__*/ (0, $c77I5$jsx)($b41c15d27fbaff7d$var$DefaultProvider, {
+                    context: (0, $3ffa2cd930156220$export$a20dad690e1279e2),
                     value: {
                         slots: {
-                            label: {
-                                styles: (0, $13afb0ea5f0ed767$export$1237798dc640739a)({
-                                    size: size
-                                })
-                            },
-                            description: {
-                                styles: (0, $13afb0ea5f0ed767$export$6d59db4903f20f7d)({
-                                    ...renderProps,
-                                    size: size
-                                })
+                            avatar: {
+                                size: $b41c15d27fbaff7d$var$avatarSize[size],
+                                styles: $b41c15d27fbaff7d$var$avatar
                             }
                         }
                     },
-                    children: [
-                        !isLink && /*#__PURE__*/ (0, $c77I5$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
-                            size: $b41c15d27fbaff7d$var$checkmarkIconSize[size],
-                            className: (0, $13afb0ea5f0ed767$export$292abbf31ed842a)({
-                                ...renderProps,
-                                size: size
-                            })
-                        }),
-                        typeof children === 'string' ? /*#__PURE__*/ (0, $c77I5$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
-                            slot: "label",
-                            children: children
-                        }) : children
-                    ]
+                    children: /*#__PURE__*/ (0, $c77I5$jsxs)($b41c15d27fbaff7d$var$DefaultProvider, {
+                        context: (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                        value: {
+                            slots: {
+                                [(0, $c77I5$DEFAULT_SLOT)]: {
+                                    styles: (0, $13afb0ea5f0ed767$export$1237798dc640739a)({
+                                        size: size
+                                    })
+                                },
+                                label: {
+                                    styles: (0, $13afb0ea5f0ed767$export$1237798dc640739a)({
+                                        size: size
+                                    })
+                                },
+                                description: {
+                                    styles: (0, $13afb0ea5f0ed767$export$6d59db4903f20f7d)({
+                                        ...renderProps,
+                                        size: size
+                                    })
+                                }
+                            }
+                        },
+                        children: [
+                            renderProps.selectionMode === 'single' && !isLink && /*#__PURE__*/ (0, $c77I5$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
+                                size: $b41c15d27fbaff7d$var$checkmarkIconSize[size],
+                                className: (0, $13afb0ea5f0ed767$export$292abbf31ed842a)({
+                                    ...renderProps,
+                                    size: size
+                                })
+                            }),
+                            renderProps.selectionMode === 'multiple' && !isLink && /*#__PURE__*/ (0, $c77I5$jsx)("div", {
+                                className: (0, $feb886035e0d4633$export$e618dc39ac9ad607)((0, $13afb0ea5f0ed767$export$b07e517d22efa1ca), (0, $9b405e0f8095dce0$export$827f4ee28efc37)(checkboxRenderProps)),
+                                children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
+                                    size: size,
+                                    className: (0, $9b405e0f8095dce0$export$2c99b98b77550cb4)
+                                })
+                            }),
+                            typeof children === 'string' ? /*#__PURE__*/ (0, $c77I5$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
+                                slot: "label",
+                                children: children
+                            }) : children
+                        ]
+                    })
                 })
             });
         }