@react-spectrum/s2 0.5.0 → 0.7.0

package/dist/Picker.mjs

@@ -13,8 +13,10 @@ import {pressScale as $10ea7662e51a285b$export$56e8cba416805d8d} from "./pressSc
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
 import {jsx as $c77I5$jsx, Fragment as $c77I5$Fragment, jsxs as $c77I5$jsxs} from "react/jsx-runtime";
 import {Select as $c77I5$Select, Button as $c77I5$Button, SelectValue as $c77I5$SelectValue, Provider as $c77I5$Provider, ListBox as $c77I5$ListBox, ListBoxItem as $c77I5$ListBoxItem, ListBoxSection as $c77I5$ListBoxSection} from "react-aria-components";
-import {createContext as $c77I5$createContext, useContext as $c77I5$useContext, forwardRef as $c77I5$forwardRef, useRef as $c77I5$useRef} from "react";
+import {PressResponder as $c77I5$PressResponder} from "@react-aria/interactions";
+import {createContext as $c77I5$createContext, forwardRef as $c77I5$forwardRef, useContext as $c77I5$useContext, useState as $c77I5$useState, useRef as $c77I5$useRef} from "react";
 import {useFocusableRef as $c77I5$useFocusableRef} from "@react-spectrum/utils";
+import {useGlobalListeners as $c77I5$useGlobalListeners} from "@react-aria/utils";
 import {useLocalizedStringFormatter as $c77I5$useLocalizedStringFormatter} from "@react-aria/i18n";
 
 
@@ -48,60 +50,62 @@ 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 += ' _La';
-    else if (props.isFocusVisible) rules += ' _Lb';
-    else rules += ' _La';
-    rules += ' da_____z';
+    if (props.isQuiet) rules += ' _Ma';
+    else if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
+    rules += ' da_____M';
     rules += ' dx';
-    rules += ' _Nc';
-    rules += ' _M-3t1z';
-    rules += ' __a-4cfph1';
-    rules += ' __b-4cfph1';
-    rules += ' __c-4cfph1';
-    rules += ' __d-4cfph1';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
+    rules += ' __b-g2ozi1';
+    rules += ' __c-g2ozi1';
+    rules += ' __d-g2ozi1';
+    rules += ' __e-g2ozi1';
     if (props.size === "XL") rules += ' qj';
     else if (props.size === "L") rules += ' qi';
     else if (props.size === "S") rules += ' qh';
     else if (props.size === "XS") rules += ' qg';
     else rules += ' qf';
-    if (props.isQuiet) rules += ' __ma';
-    else rules += ' __m-1s8glxue';
+    if (props.isQuiet) rules += ' __na';
+    else rules += ' __n-1s8glxue';
     if (props.size === "XL") rules += ' -usygro_l-____g';
     else if (props.size === "L") rules += ' -usygro_l-___0';
     else if (props.size === "S") rules += ' -usygro_l-___u';
     else rules += ' -usygro_l-___K';
     rules += ' m-rwozxi';
-    rules += ' Uc';
-    rules += ' _c-bc1l9oh';
-    rules += ' _c-1uotwbwg';
-    rules += ' _c-eo0c6sf';
-    rules += ' _c-enzzrge';
-    rules += ' _c-enzykdd';
-    rules += ' _c-enzwzjc';
-    rules += ' _c-enzrfpb';
-    rules += ' _ca';
+    rules += ' Vc';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _dbj';
-        rules += ' _di';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _dbh';
-        rules += ' _dg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _dbd';
-        rules += ' _dc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _dbb';
-        rules += ' _da';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _eb';
-    rules += ' _f-1x99dlob';
-    rules += ' _fa';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.isDisabled) rules += ' aj';
     else {
         if (props.isPressed) rules += ' ao';
@@ -109,21 +113,21 @@ const $b41c15d27fbaff7d$var$inputButton = function anonymous(props) {
         else if (props.isHovered) rules += ' ao';
         else rules += ' an';
     }
-    rules += ' _Zd';
-    rules += ' _ja';
+    rules += ' _0d';
+    rules += ' _ka';
     rules += ' waa';
     rules += ' wf';
-    if (props.isDisabled) rules += ' ca_____B';
-    else rules += ' ca_____x';
-    rules += ' _vh';
+    if (props.isDisabled) rules += ' ca_____O';
+    else rules += ' ca_____K';
     rules += ' _wh';
     rules += ' _xh';
     rules += ' _yh';
-    rules += ' _1c';
+    rules += ' _zh';
+    rules += ' _2c';
     rules += ' k-375toq';
-    rules += ' _Oa';
-    rules += ' _Q-375x7f';
-    rules += ' _Ra';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
     if (props.isQuiet) {
         rules += ' jbH';
         rules += ' jG';
@@ -140,7 +144,7 @@ const $b41c15d27fbaff7d$var$inputButton = function anonymous(props) {
         else rules += ' bg';
     }
     if (props.isQuiet) rules += ' rd';
-    rules += ' __R-yksgrp';
+    rules += ' __S-yksgrp';
     if (props.isQuiet) rules += ' -_375tnm_C-a';
     else rules += ' -_375tnm_C-I';
     if (props.isQuiet) rules += ' -_375tnn_D-a';
@@ -152,61 +156,63 @@ const $b41c15d27fbaff7d$var$inputButton = function anonymous(props) {
     else rules += ' -_375toq_k-f';
     return rules;
 };
-const $b41c15d27fbaff7d$var$quietFocusLine = " . lb k-375zlr Ua Za _vf _wf _xf _yf bx ba_____z";
+const $b41c15d27fbaff7d$var$quietFocusLine = " lb k-375zlr Va _aa _wf _xf _yf _zf bx ba_____M";
 let $b41c15d27fbaff7d$export$b1e5508a851be14d = function anonymous(props) {
     let rules = " .";
-    rules += ' _La';
-    rules += ' _Zf';
-    if (props.size === "XL") rules += ' __h-358ibk';
-    else if (props.size === "L") rules += ' __h-1w0s9l0';
-    else if (props.size === "M") rules += ' __h-1kgdida';
-    else if (props.size === "S") rules += ' __h-17i5a9u';
-    rules += ' __na';
+    rules += ' _Ma';
+    rules += ' _0f';
+    rules += ' lb';
+    if (props.size === "XL") rules += ' __i-14g31og';
+    else if (props.size === "L") rules += ' __i-1pqbi84';
+    else if (props.size === "M") rules += ' __i-n6rb9a';
+    else if (props.size === "S") rules += ' __i-iov3cy';
+    rules += ' __oa';
     rules += ' p-17zqamw';
-    rules += ' __va';
     rules += ' __wa';
+    rules += ' __xa';
     rules += ' Ed';
     rules += ' Fd';
     rules += ' Cd';
     rules += ' Dd';
-    rules += ' _c-bc1l9oh';
-    rules += ' _c-1uotwbwg';
-    rules += ' _c-eo0c6sf';
-    rules += ' _c-enzzrge';
-    rules += ' _c-enzykdd';
-    rules += ' _c-enzwzjc';
-    rules += ' _c-enzrfpb';
-    rules += ' _ca';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _dbj';
-        rules += ' _di';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _dbh';
-        rules += ' _dg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _dbd';
-        rules += ' _dc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _dbb';
-        rules += ' _da';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
+    rules += ' __g-zexzcl';
     return rules;
 };
 const $b41c15d27fbaff7d$var$invalidBorder = function anonymous(props) {
     let rules = " .";
-    rules += ' Ua';
-    rules += ' Xa';
+    rules += ' Va';
     rules += ' Ya';
     rules += ' Za';
     rules += ' _aa';
-    rules += ' __Ba';
-    rules += ' _vh';
+    rules += ' _ba';
+    rules += ' __Ca';
     rules += ' _wh';
     rules += ' _xh';
     rules += ' _yh';
+    rules += ' _zh';
     rules += ' wa';
     rules += ' uc';
     rules += ' vc';
@@ -216,29 +222,29 @@ const $b41c15d27fbaff7d$var$invalidBorder = function anonymous(props) {
     else if (props.isFocusVisible) rules += ' cP';
     else if (props.isHovered) rules += ' cP';
     else rules += ' cO';
-    rules += ' _Oa';
-    rules += ' _Q-375x7f';
-    rules += ' _Ra';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
+    rules += ' _Sa';
     return rules;
 };
 const $b41c15d27fbaff7d$var$valueStyles = function anonymous(props) {
     let rules = " .";
-    if (props.isQuiet) rules += ' _9-3t1x';
-    else rules += ' _9-3t1y';
-    rules += ' __vb';
+    if (props.isQuiet) rules += ' __a-3t1x';
+    else rules += ' __a-3t1y';
     rules += ' __wb';
-    rules += ' _ma';
-    rules += ' _pb';
-    rules += ' _Zd';
-    rules += ' _1c';
+    rules += ' __xb';
+    rules += ' _na';
+    rules += ' _qb';
+    rules += ' _0d';
+    rules += ' _2c';
     return rules;
 };
-const $b41c15d27fbaff7d$var$iconStyles = " . _8-3t1x R-3hn0u -rwx0fg_e-b";
+const $b41c15d27fbaff7d$var$iconStyles = " _9-3t1x R-3hn0u -rwx0fg_e-b";
 let $b41c15d27fbaff7d$var$InternalPickerContext = /*#__PURE__*/ (0, $c77I5$createContext)({
     size: 'M'
 });
 let $b41c15d27fbaff7d$var$InsideSelectValueContext = /*#__PURE__*/ (0, $c77I5$createContext)(false);
-function $b41c15d27fbaff7d$var$Picker(props1, ref) {
+const $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwardRef)(function Picker(props1, ref) {
     let stringFormatter = (0, $c77I5$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c77I5$intlStringsmjs))), '@react-spectrum/s2');
     [props1, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props1, ref, $b41c15d27fbaff7d$export$b72b8dade9393cd5);
     let domRef = (0, $c77I5$useFocusableRef)(ref);
@@ -251,57 +257,72 @@ function $b41c15d27fbaff7d$var$Picker(props1, ref) {
     else if (size === 'M') menuOffset = 6;
     else if (size === 'L') menuOffset = 7;
     else menuOffset = 8;
+    // 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.
+    let [isPressed, setPressed] = (0, $c77I5$useState)(false);
+    let { addGlobalListener: addGlobalListener } = (0, $c77I5$useGlobalListeners)();
+    let onPressStart = (e)=>{
+        if (e.pointerType !== 'mouse') return;
+        setPressed(true);
+        addGlobalListener(document, 'pointerup', ()=>{
+            setPressed(false);
+        }, {
+            once: true,
+            capture: true
+        });
+    };
     return /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Select), {
         ...pickerProps,
         placeholder: placeholder,
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
-            let $__a = false;
             let $__b = false;
+            let $__c = false;
             for (let p of matches){
-                if (/^\s*__a/.test(p)) $__a = true;
                 if (/^\s*__b/.test(p)) $__b = true;
+                if (/^\s*__c/.test(p)) $__c = true;
             }
-            rules += ' _Zf';
-            if (!$__a) {
-                if (props.isInForm) rules += ' __a-3t1y';
-            }
+            rules += ' _0f';
             if (!$__b) {
+                if (props.isInForm) rules += ' __b-3t1y';
+            }
+            if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __h-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __i-fdenls';
-            if (props.labelPosition === "side") rules += ' __j-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.labelPosition === "side") rules += ' __j-ar5vcf';
+            else if (props.labelPosition === "top") rules += ' __j-1a6w430';
+            if (props.labelPosition === "side") rules += ' __k-18h2yqz';
+            else if (props.labelPosition === "top") rules += ' __k-1srn173';
             if (props.size === "XL") {
-                rules += ' _dbj';
-                rules += ' _di';
+                rules += ' _ebj';
+                rules += ' _ei';
             } else if (props.size === "L") {
-                rules += ' _dbh';
-                rules += ' _dg';
+                rules += ' _ebh';
+                rules += ' _eg';
             } else if (props.size === "S") {
-                rules += ' _dbd';
-                rules += ' _dc';
+                rules += ' _ebd';
+                rules += ' _ec';
             } else if (props.size === "XS") {
-                rules += ' _dbb';
-                rules += ' _da';
+                rules += ' _ebb';
+                rules += ' _ea';
             } else {
-                rules += ' _dbf';
-                rules += ' _de';
+                rules += ' _ebf';
+                rules += ' _ee';
             }
-            rules += ' _1d';
-            rules += ' _f-1x99dlob';
-            rules += ' _fa';
+            rules += ' _2d';
+            rules += ' _g-1x99dlob';
+            rules += ' _ga';
             if (props.size === "XL") rules += ' -aqrvqh_k-j';
             else if (props.size === "L") rules += ' -aqrvqh_k-i';
             else if (props.size === "S") rules += ' -aqrvqh_k-h';
@@ -309,7 +330,7 @@ function $b41c15d27fbaff7d$var$Picker(props1, ref) {
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--prjw07';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             isInForm: !!formContext,
@@ -333,80 +354,84 @@ function $b41c15d27fbaff7d$var$Picker(props1, ref) {
                             contextualHelp: props1.contextualHelp,
                             children: label
                         }),
-                        /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Button), {
-                            ref: domRef,
-                            style: (renderProps)=>(0, $10ea7662e51a285b$export$56e8cba416805d8d)(domRef)(renderProps),
-                            // Prevent press scale from sticking while Picker is open.
-                            // @ts-ignore
-                            isPressed: false,
-                            className: (renderProps)=>$b41c15d27fbaff7d$var$inputButton({
-                                    ...renderProps,
-                                    size: size,
-                                    isOpen: isOpen,
-                                    isQuiet: isQuiet
-                                }),
-                            children: (renderProps)=>/*#__PURE__*/ (0, $c77I5$jsxs)((0, $c77I5$Fragment), {
-                                    children: [
-                                        /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$SelectValue), {
-                                            className: $b41c15d27fbaff7d$var$valueStyles({
-                                                isQuiet: isQuiet
-                                            }) + ' ' + "-u6zm92",
-                                            children: ({ defaultChildren: defaultChildren })=>{
-                                                return /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Provider), {
-                                                    values: [
-                                                        [
-                                                            (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
-                                                            {
-                                                                slots: {
-                                                                    icon: {
-                                                                        render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
-                                                                            slot: 'icon',
-                                                                            styles: (0, $13afb0ea5f0ed767$export$31d1842a0fd736e6)
-                                                                        }),
-                                                                        styles: (0, $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27)
+                        /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$PressResponder), {
+                            onPressStart: onPressStart,
+                            isPressed: isPressed,
+                            children: /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Button), {
+                                ref: domRef,
+                                style: (renderProps)=>(0, $10ea7662e51a285b$export$56e8cba416805d8d)(domRef)(renderProps),
+                                // Prevent press scale from sticking while Picker is open.
+                                // @ts-ignore
+                                isPressed: false,
+                                className: (renderProps)=>$b41c15d27fbaff7d$var$inputButton({
+                                        ...renderProps,
+                                        size: size,
+                                        isOpen: isOpen,
+                                        isQuiet: isQuiet
+                                    }),
+                                children: (renderProps)=>/*#__PURE__*/ (0, $c77I5$jsxs)((0, $c77I5$Fragment), {
+                                        children: [
+                                            /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$SelectValue), {
+                                                className: $b41c15d27fbaff7d$var$valueStyles({
+                                                    isQuiet: isQuiet
+                                                }) + ' ' + "-u6zm92",
+                                                children: ({ defaultChildren: defaultChildren })=>{
+                                                    return /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$Provider), {
+                                                        values: [
+                                                            [
+                                                                (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                                                                {
+                                                                    slots: {
+                                                                        icon: {
+                                                                            render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
+                                                                                slot: 'icon',
+                                                                                styles: (0, $13afb0ea5f0ed767$export$31d1842a0fd736e6)
+                                                                            }),
+                                                                            styles: (0, $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27)
+                                                                        }
                                                                     }
                                                                 }
-                                                            }
-                                                        ],
-                                                        [
-                                                            (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
-                                                            {
-                                                                slots: {
-                                                                    description: {},
-                                                                    label: {
-                                                                        styles: " . _Za _9-3t1y __vb __wb _ma _pb"
+                                                            ],
+                                                            [
+                                                                (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                                                                {
+                                                                    slots: {
+                                                                        description: {},
+                                                                        label: {
+                                                                            styles: " _0a __a-3t1y __wb __xb _na _qb"
+                                                                        }
                                                                     }
                                                                 }
-                                                            }
+                                                            ],
+                                                            [
+                                                                $b41c15d27fbaff7d$var$InsideSelectValueContext,
+                                                                true
+                                                            ]
                                                         ],
-                                                        [
-                                                            $b41c15d27fbaff7d$var$InsideSelectValueContext,
-                                                            true
-                                                        ]
-                                                    ],
-                                                    children: defaultChildren
-                                                });
-                                            }
-                                        }),
-                                        isInvalid && /*#__PURE__*/ (0, $c77I5$jsx)((0, $9afd80978c252040$export$bda0d075e0e342c9), {
-                                            isDisabled: isDisabled
-                                        }),
-                                        /*#__PURE__*/ (0, $c77I5$jsx)((0, $4b69f02ec06b9226$export$2e2bcd8739ae039), {
-                                            size: size,
-                                            className: $b41c15d27fbaff7d$var$iconStyles
-                                        }),
-                                        isFocusVisible && isQuiet && /*#__PURE__*/ (0, $c77I5$jsx)("span", {
-                                            className: $b41c15d27fbaff7d$var$quietFocusLine
-                                        }),
-                                        isInvalid && !isDisabled && !isQuiet && // @ts-ignore known limitation detecting functions from the theme
-                                        /*#__PURE__*/ (0, $c77I5$jsx)("div", {
-                                            className: $b41c15d27fbaff7d$var$invalidBorder({
-                                                ...renderProps,
-                                                size: size
+                                                        children: defaultChildren
+                                                    });
+                                                }
+                                            }),
+                                            isInvalid && /*#__PURE__*/ (0, $c77I5$jsx)((0, $9afd80978c252040$export$bda0d075e0e342c9), {
+                                                isDisabled: isDisabled
+                                            }),
+                                            /*#__PURE__*/ (0, $c77I5$jsx)((0, $4b69f02ec06b9226$export$2e2bcd8739ae039), {
+                                                size: size,
+                                                className: $b41c15d27fbaff7d$var$iconStyles
+                                            }),
+                                            isFocusVisible && isQuiet && /*#__PURE__*/ (0, $c77I5$jsx)("span", {
+                                                className: $b41c15d27fbaff7d$var$quietFocusLine
+                                            }),
+                                            isInvalid && !isDisabled && !isQuiet && // @ts-ignore known limitation detecting functions from the theme
+                                            /*#__PURE__*/ (0, $c77I5$jsx)("div", {
+                                                className: $b41c15d27fbaff7d$var$invalidBorder({
+                                                    ...renderProps,
+                                                    size: size
+                                                })
                                             })
-                                        })
-                                    ]
-                                })
+                                        ]
+                                    })
+                            })
                         }),
                         /*#__PURE__*/ (0, $c77I5$jsx)((0, $9afd80978c252040$export$a67c0bc59081311a), {
                             size: size,
@@ -475,10 +500,7 @@ function $b41c15d27fbaff7d$var$Picker(props1, ref) {
                 })
             })
     });
-}
-/**
- * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
- */ let $b41c15d27fbaff7d$export$ba25329847403e11 = /*#__PURE__*/ (0, $c77I5$forwardRef)($b41c15d27fbaff7d$var$Picker);
+});
 const $b41c15d27fbaff7d$var$checkmarkIconSize = {
     S: 'XS',
     M: 'M',
@@ -559,11 +581,14 @@ function $b41c15d27fbaff7d$var$DefaultProvider({ context: context, value: value,
     });
 }
 function $b41c15d27fbaff7d$export$a340772aca6155cd(props) {
+    let { size: size } = (0, $c77I5$useContext)($b41c15d27fbaff7d$var$InternalPickerContext);
     return /*#__PURE__*/ (0, $c77I5$jsxs)((0, $c77I5$Fragment), {
         children: [
             /*#__PURE__*/ (0, $c77I5$jsx)((0, $c77I5$ListBoxSection), {
                 ...props,
-                className: (0, $13afb0ea5f0ed767$export$fe2e36411d703b3d),
+                className: (0, $13afb0ea5f0ed767$export$fe2e36411d703b3d)({
+                    size: size
+                }),
                 children: props.children
             }),
             /*#__PURE__*/ (0, $c77I5$jsx)((0, $13afb0ea5f0ed767$export$2e0a83ec2e27ecbb), {})