@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/Picker.mjs

@@ -18,12 +18,12 @@ import {ProgressCircle as $41ddd91dbbf0c389$export$c79b9d6b4cc92af7} from "./Pro
 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, DEFAULT_SLOT as $c77I5$DEFAULT_SLOT, 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, SelectStateContext as $c77I5$SelectStateContext, 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 {useSlotId as $c77I5$useSlotId, getOwnerDocument as $c77I5$getOwnerDocument, createShadowTreeWalker as $c77I5$createShadowTreeWalker, isFocusable as $c77I5$isFocusable, useGlobalListeners as $c77I5$useGlobalListeners} from "@react-aria/utils";
 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 {createContext as $c77I5$createContext, forwardRef as $c77I5$forwardRef, useContext as $c77I5$useContext, useMemo as $c77I5$useMemo, useRef as $c77I5$useRef, useEffect as $c77I5$useEffect, useState as $c77I5$useState} 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, useLocale as $c77I5$useLocale} from "@react-aria/i18n";
 
 
@@ -69,296 +69,297 @@ 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 += ' _Le11';
-    else if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' Olc11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
+    if (props.isQuiet) rules += ' _Le12';
+    else if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     if (props.size === "XL") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk11';
-        rules += ' ucJ9TBTb11';
-        rules += ' ud3Euai11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.isDisabled) rules += ' pp11';
+    if (props.isDisabled) rules += ' pp12';
     else {
-        if (props.isPressed) rules += ' po11';
-        else if (props.isFocusVisible) rules += ' po11';
-        else if (props.isHovered) rules += ' po11';
-        else rules += ' pt11';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    rules += ' sd11';
-    rules += ' eb11';
-    rules += ' _oa11';
-    rules += ' SMBFGYc11';
-    rules += ' RfBFGYc11';
-    if (props.size === "XL") rules += ' Nl11';
-    else if (props.size === "L") rules += ' Nj11';
-    else if (props.size === "S") rules += ' Nf11';
-    else if (props.size === "XS") rules += ' Ne11';
-    else rules += ' Nk11';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec11';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn11';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b11';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd11';
-    else rules += ' -SFnbic-_Jb11';
-    rules += ' -Bu7z1c-ob11';
-    rules += ' oj11';
-    rules += ' nj11';
-    rules += ' kj11';
-    rules += ' jj11';
-    rules += ' qc11';
-    rules += ' qsd11';
-    rules += ' -Qg41Lb-IAxCW0c11';
-    rules += ' -Qg41Lb-gLWx3bIy11';
-    rules += ' FRuFGYc11';
-    rules += ' zXcEWr11';
-    rules += ' yXcEWr11';
-    rules += ' BXcEWr11';
-    rules += ' AXcEWr11';
-    if (props.isQuiet) rules += ' _qd11';
-    else rules += ' _qtb11';
-    if (props.size === "XL") rules += ' -Anxdcc-Zt11';
-    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne11';
-    else if (props.size === "S") rules += ' -Anxdcc-Zr11';
-    else rules += ' -Anxdcc-Z3fn9H11';
-    rules += ' __v6TNLWb11';
-    rules += ' _Pc11';
-    rules += ' _Wd11';
-    rules += ' _je11';
-    rules += ' _jlf11';
-    if (props.isDisabled) rules += ' ilc11';
-    else rules += ' ilb11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    if (props.isQuiet) rules += ' g911';
-    else if (props.isDisabled) rules += ' gH11';
-    else if (props.isOpen) rules += ' gF11';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' _oa12';
+    rules += ' SMBFGYc12';
+    rules += ' RfBFGYc12';
+    if (props.size === "XL") rules += ' Nl12';
+    else if (props.size === "L") rules += ' Nj12';
+    else if (props.size === "S") rules += ' Nf12';
+    else if (props.size === "XS") rules += ' Ne12';
+    else rules += ' Nk12';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec12';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn12';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b12';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd12';
+    else rules += ' -SFnbic-_Jb12';
+    rules += ' -Bu7z1c-ob12';
+    rules += ' oj12';
+    rules += ' nj12';
+    rules += ' kj12';
+    rules += ' jj12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' -Qg41Lb-IAxCW0c12';
+    rules += ' -Qg41Lb-gLWx3bIy12';
+    rules += ' FRuFGYc12';
+    rules += ' zXcEWr12';
+    rules += ' yXcEWr12';
+    rules += ' BXcEWr12';
+    rules += ' AXcEWr12';
+    if (props.isQuiet) rules += ' _qd12';
+    else rules += ' _qtb12';
+    if (props.size === "XL") rules += ' -Anxdcc-Zt12';
+    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne12';
+    else if (props.size === "S") rules += ' -Anxdcc-Zr12';
+    else rules += ' -Anxdcc-Z3fn9H12';
+    rules += ' __v6TNLWb12';
+    rules += ' _Pc12';
+    rules += ' _Wd12';
+    rules += ' _je12';
+    rules += ' _jlf12';
+    if (props.isDisabled) rules += ' ilc12';
+    else rules += ' ilb12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    if (props.isQuiet) rules += ' g912';
+    else if (props.isDisabled) rules += ' gH12';
+    else if (props.isOpen) rules += ' gF12';
     else {
-        if (props.isPressed) rules += ' gF11';
-        else if (props.isFocusVisible) rules += ' gF11';
-        else if (props.isHovered) rules += ' gF11';
-        else rules += ' gH11';
+        if (props.isPressed) rules += ' gF12';
+        else if (props.isFocusVisible) rules += ' gF12';
+        else if (props.isHovered) rules += ' gF12';
+        else rules += ' gH12';
     }
-    if (props.isQuiet) rules += ' Ln11';
-    rules += ' __ca11';
-    if (props.size === "XL") rules += ' -F_-Fz11';
-    else if (props.size === "L") rules += ' -F_-Fv11';
-    else if (props.size === "S") rules += ' -F_-Fp11';
-    else if (props.size === "XS") rules += ' -F_-Fn11';
-    else rules += ' -F_-Fx11';
-    if (props.isQuiet) rules += ' -S_-Sd11';
-    else rules += ' -S_-Sv11';
-    if (props.isQuiet) rules += ' -R_-Rd11';
-    else rules += ' -R_-Rv11';
+    if (props.isQuiet) rules += ' Ln12';
+    rules += ' __ca12';
+    if (props.size === "XL") rules += ' -F_-Fz12';
+    else if (props.size === "L") rules += ' -F_-Fv12';
+    else if (props.size === "S") rules += ' -F_-Fp12';
+    else if (props.size === "XS") rules += ' -F_-Fn12';
+    else rules += ' -F_-Fx12';
+    if (props.isQuiet) rules += ' -S_-Sd12';
+    else rules += ' -S_-Sv12';
+    if (props.isQuiet) rules += ' -R_-Rd12';
+    else rules += ' -R_-Rv12';
     return rules;
 };
-const $b41c15d27fbaff7d$var$quietFocusLine = " Za11 FLvNfn11 _Pa11 _lr11 og11 ng11 kg11 jg11 g_h11 gle11";
+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 += ' _Le11';
-    rules += ' se11';
-    rules += ' Za11';
-    if (props.size === "XL") rules += ' Dk92HIe11';
-    else if (props.size === "L") rules += ' DyaX9Fb11';
-    else if (props.size === "M") rules += ' Deb5jcb11';
-    else if (props.size === "S") rules += ' DGTLJAe11';
-    rules += ' _oa11';
-    rules += ' K40ub4c11';
-    rules += ' _Na11';
-    rules += ' Pa11';
-    rules += ' Tt11';
-    rules += ' Qt11';
-    rules += ' St11';
-    rules += ' Rt11';
-    rules += ' uk11';
-    rules += ' ucJ9TBTb11';
-    rules += ' ud3Euai11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
+    rules += ' _Le12';
+    rules += ' se12';
+    rules += ' Za12';
+    if (props.size === "XL") rules += ' Dk92HIe12';
+    else if (props.size === "L") rules += ' DyaX9Fb12';
+    else if (props.size === "M") rules += ' Deb5jcb12';
+    else if (props.size === "S") rules += ' DGTLJAe12';
+    rules += ' _oa12';
+    rules += ' K40ub4c12';
+    rules += ' _Na12';
+    rules += ' Pa12';
+    rules += ' Tt12';
+    rules += ' Qt12';
+    rules += ' St12';
+    rules += ' Rt12';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c11';
-        rules += ' vx11';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' __ya11';
+    rules += ' __ya12';
     return rules;
 };
 const $b41c15d27fbaff7d$var$invalidBorder = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec11';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn11';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b11';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd11';
-    else rules += ' -SFnbic-_Jb11';
-    rules += ' -Bu7z1c-ob11';
-    rules += ' oj11';
-    rules += ' nj11';
-    rules += ' kj11';
-    rules += ' jj11';
-    rules += ' _Pa11';
-    rules += ' Wr11';
-    rules += ' _Er11';
-    rules += ' _lr11';
-    rules += ' _Rr11';
-    rules += ' _Ob11';
-    rules += ' _jf11';
-    rules += ' _kc11';
-    rules += ' hc11';
-    rules += ' mc11';
-    rules += ' lc11';
-    if (props.isPressed) rules += ' im11';
-    else if (props.isFocusVisible) rules += ' im11';
-    else if (props.isHovered) rules += ' im11';
-    else rules += ' ip11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec12';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn12';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b12';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd12';
+    else rules += ' -SFnbic-_Jb12';
+    rules += ' -Bu7z1c-ob12';
+    rules += ' oj12';
+    rules += ' nj12';
+    rules += ' kj12';
+    rules += ' jj12';
+    rules += ' _Pa12';
+    rules += ' Wr12';
+    rules += ' _Er12';
+    rules += ' _lr12';
+    rules += ' _Rr12';
+    rules += ' _Ob12';
+    rules += ' _jf12';
+    rules += ' _kc12';
+    rules += ' hc12';
+    rules += ' mc12';
+    rules += ' lc12';
+    if (props.isPressed) rules += ' im12';
+    else if (props.isFocusVisible) rules += ' im12';
+    else if (props.isHovered) rules += ' im12';
+    else rules += ' ip12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
     return rules;
 };
 const $b41c15d27fbaff7d$var$valueStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isQuiet) rules += ' _ua11';
-    else rules += ' _ub11';
-    rules += ' _Nc11';
-    rules += ' Pc11';
-    rules += ' _Yb11';
-    rules += ' _7c11';
-    rules += ' sd11';
-    rules += ' eb11';
+    if (props.isQuiet) rules += ' _ua12';
+    else rules += ' _ub12';
+    rules += ' _Nc12';
+    rules += ' Pc12';
+    rules += ' _Yb12';
+    rules += ' _7c12';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' Fb12';
     return rules;
 };
 const $b41c15d27fbaff7d$var$iconStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' _va11';
-    rules += ' _Sd11';
-    rules += ' -_8sjo0b-t5ZbAob11';
-    if (props.isLoading) rules += ' pp11';
+    rules += ' _va12';
+    rules += ' _Sd12';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    if (props.isLoading) rules += ' pp12';
     return rules;
 };
-const $b41c15d27fbaff7d$var$avatar = " z2U5Crc11 y2U5Crc11 B2U5Crc11 A2U5Crc11 Ht11 Hsu11";
-const $b41c15d27fbaff7d$var$loadingWrapperStyles = " z2mU11 yzZKy11 sd11 eb11 _Ca11 Jv11 Gv11";
+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 += ' Zp11';
-    else if (props.size === "L") rules += ' Zn11';
-    else if (props.size === "M") rules += ' Zm11';
-    else if (props.size === "S") rules += ' Zu11';
-    if (props.size === "XL") rules += ' Fq11';
-    else if (props.size === "L") rules += ' Fo11';
-    else if (props.size === "M") rules += ' Fn11';
-    else if (props.size === "S") rules += ' Ft11';
+    if (props.size === "XL") rules += ' Zp12';
+    else if (props.size === "L") rules += ' Zn12';
+    else if (props.size === "M") rules += ' Zm12';
+    else if (props.size === "S") rules += ' Zu12';
+    if (props.size === "XL") rules += ' Fq12';
+    else if (props.size === "L") rules += ' Fo12';
+    else if (props.size === "M") rules += ' Fn12';
+    else if (props.size === "S") rules += ' Ft12';
     return rules;
 };
 let $b41c15d27fbaff7d$var$InternalPickerContext = /*#__PURE__*/ (0, $c77I5$createContext)({
@@ -371,7 +372,7 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
     let domRef = (0, $c77I5$useFocusableRef)(ref);
     let formContext = (0, $c77I5$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
     props1 = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props1);
-    let { direction: direction = 'bottom', align: align = 'start', shouldFlip: shouldFlip = true, menuWidth: menuWidth, label: label, description: descriptionMessage, errorMessage: errorMessage, children: children, items: items, size: size = 'M', labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, placeholder: placeholder = stringFormatter.format('picker.placeholder'), isQuiet: isQuiet, loadingState: loadingState, onLoadMore: onLoadMore, ...pickerProps } = props1;
+    let { direction: direction = 'bottom', align: align = 'start', shouldFlip: shouldFlip = true, menuWidth: menuWidth, label: label, description: descriptionMessage, errorMessage: errorMessage, children: children, items: items, size: size = 'M', labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, placeholder: placeholder = stringFormatter.format('picker.placeholder'), isQuiet: isQuiet, loadingState: loadingState, renderValue: renderValue, onLoadMore: onLoadMore, ...pickerProps } = props1;
     // Better way to encode this into a style? need to account for flipping
     let menuOffset;
     if (size === 'S') menuOffset = 6;
@@ -428,51 +429,51 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se11';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU11';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG11';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod11';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb11';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+                if (props.labelPosition === "side") rules += ' DPlN5qb12';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn12';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb11';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
-            if (props.labelPosition === "side") rules += ' CbRM95c11';
-            else if (props.labelPosition === "top") rules += ' Cxaocre11';
+            if (props.labelPosition === "side") rules += ' EPlN5qb12';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc12';
+            if (props.labelPosition === "side") rules += ' CbRM95c12';
+            else if (props.labelPosition === "top") rules += ' Cxaocre12';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-e12';
+                rules += ' vx12';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-d12';
+                rules += ' vx12';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-b12';
+                rules += ' vx12';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-a12';
+                rules += ' vx12';
             } else {
-                rules += ' -_6BNtrc-c11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-c12';
+                rules += ' vx12';
             }
-            rules += ' ea11';
-            rules += ' _Fd11';
-            rules += ' _FnuYUweb11';
-            if (props.size === "XL") rules += ' -BhX7R-Fz11';
-            else if (props.size === "L") rules += ' -BhX7R-Fv11';
-            else if (props.size === "S") rules += ' -BhX7R-Fp11';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
-            else rules += ' -BhX7R-Fx11';
-            rules += ' -AJjOLd-UVkF0Db11';
-            rules += ' qg11';
-            rules += ' __ca11';
+            rules += ' ea12';
+            rules += ' _Fd12';
+            rules += ' _FnuYUweb12';
+            if (props.size === "XL") rules += ' -BhX7R-Fz12';
+            else if (props.size === "L") rules += ' -BhX7R-Fv12';
+            else if (props.size === "S") rules += ' -BhX7R-Fp12';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn12';
+            else rules += ' -BhX7R-Fx12';
+            rules += ' -AJjOLd-UVkF0Db12';
+            rules += ' qg12';
+            rules += ' __ca12';
             return rules;
         }({
             isInForm: !!formContext,
@@ -499,6 +500,7 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
                         }),
                         /*#__PURE__*/ (0, $c77I5$jsx)($b41c15d27fbaff7d$var$PickerButton, {
                             loadingState: loadingState,
+                            renderValue: renderValue,
                             isOpen: isOpen,
                             isQuiet: isQuiet,
                             isFocusVisible: isFocusVisible,
@@ -539,14 +541,14 @@ const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwa
                                 },
                                 styles: function anonymous(props) {
                                     let rules = " ";
-                                    if (props.isQuiet) rules += ' Nh11';
-                                    else rules += ' NuHSBze11';
-                                    if (props.isQuiet) rules += ' ZbWuche11';
-                                    else rules += ' ZuHSBze11';
+                                    if (props.isQuiet) rules += ' Nh12';
+                                    else rules += ' NuHSBze12';
+                                    if (props.isQuiet) rules += ' ZbWuche12';
+                                    else rules += ' ZuHSBze12';
                                     return rules;
                                 }(props1),
                                 children: /*#__PURE__*/ (0, $c77I5$jsx)("div", {
-                                    className: " sd11 Za11 Fb11",
+                                    className: " sd12 Za12 Fb12",
                                     children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Provider), {
                                         values: [
                                             [
@@ -613,10 +615,51 @@ const $b41c15d27fbaff7d$var$avatarSize = {
     L: 22,
     XL: 26
 };
+// https://w3c.github.io/aria/#widget_roles
+let $b41c15d27fbaff7d$var$INTERACTIVE_ARIA_ROLES = new Set([
+    'application',
+    'button',
+    'checkbox',
+    'combobox',
+    'gridcell',
+    'link',
+    'menuitem',
+    'menuitemcheckbox',
+    'menuitemradio',
+    'option',
+    'radio',
+    'searchbox',
+    'separator',
+    'slider',
+    'spinbutton',
+    'switch',
+    'tab',
+    'textbox',
+    'treeitem'
+]);
 // Needs to be hidable component or otherwise the PressResponder throws a warning when rendered in the fake DOM and tries to register
 const $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 { isOpen: isOpen, isQuiet: isQuiet, isFocusVisible: isFocusVisible, size: size, isInvalid: isInvalid, isDisabled: isDisabled, loadingState: loadingState, loadingCircle: loadingCircle, buttonRef: buttonRef, renderValue: renderValue } = props;
     let stringFormatter = (0, $c77I5$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c77I5$intlStringsmjs))), '@react-spectrum/s2');
+    let renderValueRef = (0, $c77I5$useRef)(null);
+    let state = (0, $c77I5$useContext)((0, $c77I5$SelectStateContext));
+    (0, $c77I5$useEffect)(()=>{
+        if (process.env.NODE_ENV === 'production' || !renderValue) return;
+        if (!renderValueRef.current) return;
+        let doc = (0, $c77I5$getOwnerDocument)(renderValueRef.current);
+        let walker = (0, $c77I5$createShadowTreeWalker)(doc, renderValueRef.current, NodeFilter.SHOW_ELEMENT, {
+            acceptNode (node) {
+                let role = node.getAttribute('role');
+                let interactive = (0, $c77I5$isFocusable)(node) || role != null && $b41c15d27fbaff7d$var$INTERACTIVE_ARIA_ROLES.has(role);
+                return interactive ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+            }
+        });
+        let next = walker.nextNode();
+        if (next) console.warn('Picker\'s value should not have interactive children for accessibility.');
+    }, [
+        state.selectedItems,
+        renderValue
+    ]);
     // For mouse interactions, pickers open on press start. When the popover underlay appears
     // it covers the trigger button, causing onPressEnd to fire immediately and no press scaling
     // to occur. We override this by listening for pointerup on the document ourselves.
@@ -652,8 +695,16 @@ const $b41c15d27fbaff7d$var$PickerButton = (0, $c77I5$createHideableComponent)(f
                         /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$SelectValue), {
                             className: $b41c15d27fbaff7d$var$valueStyles({
                                 isQuiet: isQuiet
-                            }) + ' ' + "pqYuhc",
+                            }) + (renderValue ? '' : " pqYuhc"),
                             children: ({ selectedItems: selectedItems, defaultChildren: defaultChildren })=>{
+                                const selectedValues = selectedItems.filter((item)=>item != null);
+                                const defaultRenderedValue = selectedItems.length <= 1 ? defaultChildren : /*#__PURE__*/ (0, $c77I5$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
+                                    slot: "label",
+                                    children: stringFormatter.format('picker.selectedCount', {
+                                        count: selectedItems.length
+                                    })
+                                });
+                                const renderedValue = selectedItems.length > 0 && renderValue ? renderValue(selectedValues) : defaultRenderedValue;
                                 return /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Provider), {
                                     values: [
                                         [
@@ -687,12 +738,12 @@ const $b41c15d27fbaff7d$var$PickerButton = (0, $c77I5$createHideableComponent)(f
                                                 slots: {
                                                     description: {},
                                                     [(0, $c77I5$DEFAULT_SLOT)]: {
-                                                        styles: " sb11 _ub11 _Nc11 Pc11 _Yb11 _7c11",
+                                                        styles: " sb12 _ub12 _Nc12 Pc12 _Yb12 _7c12",
                                                         // @ts-ignore
                                                         'data-slot': 'label'
                                                     },
                                                     label: {
-                                                        styles: " sb11 _ub11 _Nc11 Pc11 _Yb11 _7c11",
+                                                        styles: " sb12 _ub12 _Nc12 Pc12 _Yb12 _7c12",
                                                         // @ts-ignore not technically necessary, but good for consistency
                                                         'data-slot': 'label'
                                                     }
@@ -704,12 +755,13 @@ const $b41c15d27fbaff7d$var$PickerButton = (0, $c77I5$createHideableComponent)(f
                                             true
                                         ]
                                     ],
-                                    children: selectedItems.length <= 1 ? defaultChildren : /*#__PURE__*/ (0, $c77I5$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
-                                        slot: "label",
-                                        children: stringFormatter.format('picker.selectedCount', {
-                                            count: selectedItems.length
-                                        })
-                                    })
+                                    children: renderValue ? /*#__PURE__*/ (0, $c77I5$jsx)("div", {
+                                        ref: renderValueRef,
+                                        style: {
+                                            display: 'contents'
+                                        },
+                                        children: renderedValue
+                                    }) : renderedValue
                                 });
                             }
                         }),