@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/RadioGroup.cjs

@@ -58,51 +58,51 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se15';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU15';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG15';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod15';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb15';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn15';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb15';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc15';
+            if (props.labelPosition === "side") rules += ' CbRM95c15';
+            else if (props.labelPosition === "top") rules += ' Cxaocre15';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e15';
+                rules += ' vx15';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d15';
+                rules += ' vx15';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b15';
+                rules += ' vx15';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a15';
+                rules += ' vx15';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c15';
+                rules += ' vx15';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVxyPec13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea15';
+            rules += ' _Fd15';
+            rules += ' _FnuYUweb15';
+            if (props.size === "XL") rules += ' -BhX7R-Fz15';
+            else if (props.size === "L") rules += ' -BhX7R-Fv15';
+            else if (props.size === "S") rules += ' -BhX7R-Fp15';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+            else rules += ' -BhX7R-Fx15';
+            rules += ' -AJjOLd-UVxyPec15';
+            rules += ' qg15';
+            rules += ' __ca15';
             return rules;
         }({
             size: size,
@@ -117,6 +117,7 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
                         size: size,
                         labelPosition: labelPosition,
                         labelAlign: labelAlign,
+                        isQuiet: true,
                         necessityIndicator: necessityIndicator,
                         contextualHelp: props.contextualHelp,
                         children: label
@@ -124,16 +125,16 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
                     /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            rules += ' sd13';
-                            if (props.orientation === "horizontal") rules += ' _tc13';
-                            else if (props.orientation === "vertical") rules += ' _ta13';
-                            rules += ' _wb13';
-                            rules += ' ql13';
-                            rules += ' UgOnRt13';
+                            rules += ' zXcEWr15';
+                            rules += ' yXcEWr15';
+                            rules += ' BXcEWr15';
+                            rules += ' AXcEWr15';
+                            rules += ' sd15';
+                            if (props.orientation === "horizontal") rules += ' _tc15';
+                            else if (props.orientation === "vertical") rules += ' _ta15';
+                            if (props.orientation === "horizontal") rules += ' _wb15';
+                            rules += ' ql15';
+                            rules += ' UgOnRt15';
                             return rules;
                         }({
                             orientation: orientation
@@ -159,203 +160,232 @@ const $10d624be839a1d01$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $ijW5U$react
             })
     });
 });
-const $10d624be839a1d01$var$wrapper = function anonymous(props, overrides) {
+const $10d624be839a1d01$var$radioField = function anonymous(props, overrides) {
     let rules = " ";
-    let position = false;
     let gridColumnStart = false;
     let matches = String(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] === "_P") position = true;
         if (p[1] === "z") gridColumnStart = true;
         rules += p[0];
     }
-    rules += ' sd13';
-    if (!position) rules += ' _Pc13';
-    rules += ' qf13';
-    rules += ' ea13';
+    rules += ' se15';
+    if (props.isNoVisibleLabel) rules += ' DtyCQZ15';
+    else rules += ' DE5iebb15';
+    rules += ' qf15';
+    rules += ' _ch15';
     if (props.size === "XL") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "XS") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-e15';
+        rules += ' vx15';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d15';
+        rules += ' vx15';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b15';
+        rules += ' vx15';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-a15';
+        rules += ' vx15';
     } else {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c15';
+        rules += ' vx15';
     }
     if (props.size === "XL") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "L") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "S") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "XS") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     }
     if (props.size === "XL") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "L") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "S") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "XS") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     }
+    if (props.size === "XL") rules += ' pt15';
+    else if (props.size === "L") rules += ' pt15';
+    else if (props.size === "S") rules += ' pt15';
+    else if (props.size === "XS") rules += ' pt15';
+    else rules += ' pt15';
+    if (props.size === "XL") rules += ' -BhX7R-Fz15';
+    else if (props.size === "L") rules += ' -BhX7R-Fv15';
+    else if (props.size === "S") rules += ' -BhX7R-Fp15';
+    else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+    else rules += ' -BhX7R-Fx15';
+    if (props.size === "XL") rules += ' Ua15';
+    else if (props.size === "L") rules += ' Ua15';
+    else if (props.size === "M") rules += ' Uai5a015';
+    else if (props.size === "S") rules += ' Uai5a015';
+    if (props.isInForm) {
+        if (!gridColumnStart) rules += ' zhJUGr15';
+    }
+    return rules;
+};
+const $10d624be839a1d01$var$wrapper = function anonymous(props) {
+    let rules = " ";
+    rules += ' se15';
+    rules += ' DLwlgod15';
+    rules += ' z2mU15';
+    rules += ' yzZKy15';
+    rules += ' _Pc15';
+    rules += ' ea15';
+    rules += ' Yc15';
+    rules += ' Xb15';
+    rules += ' _2b15';
     if (props.isDisabled) {
-        rules += ' pp13';
-        rules += ' plc13';
+        rules += ' pp15';
+        rules += ' plc15';
     } else {
-        if (props.isPressed) rules += ' po13';
-        else if (props.isFocusVisible) rules += ' po13';
-        else if (props.isHovered) rules += ' po13';
-        else rules += ' pt13';
+        if (props.isPressed) rules += ' po15';
+        else if (props.isFocusVisible) rules += ' po15';
+        else if (props.isHovered) rules += ' po15';
+        else rules += ' pt15';
     }
-    rules += ' Yc13';
-    rules += ' Xb13';
-    rules += ' _2b13';
-    if (props.isInForm) {
-        if (!gridColumnStart) rules += ' zhJUGr13';
-    }
-    rules += ' __ca13';
+    rules += ' __ca15';
     return rules;
 };
 const $10d624be839a1d01$var$circle = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    rules += ' Oh13';
-    rules += ' Olc13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
-    if (props.size === "XL") rules += ' Zm13';
-    else if (props.size === "L") rules += ' Zl13';
-    else if (props.size === "S") rules += ' Zk13';
-    else rules += ' Zu13';
-    rules += ' FRuFGYc13';
-    rules += ' _va13';
-    rules += ' sd13';
-    rules += ' eb13';
-    rules += ' _Ca13';
-    rules += ' Yd13';
-    rules += ' Xb13';
-    rules += ' _2b13';
-    rules += ' og13';
-    rules += ' ng13';
-    rules += ' kg13';
-    rules += ' jg13';
-    rules += ' _jf13';
-    rules += ' _oa13';
-    if (props.isSelected) rules += ' _kUXU7p13';
-    else rules += ' _k7m7Gv13';
-    if (props.isSelected) rules += ' hUXU7p13';
-    else rules += ' h7m7Gv13';
-    if (props.isSelected) rules += ' mUXU7p13';
-    else rules += ' m7m7Gv13';
-    if (props.isSelected) rules += ' lUXU7p13';
-    else rules += ' l7m7Gv13';
-    rules += ' _yb13';
-    rules += ' gX13';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    if (props.size === "XL") rules += ' Zm15';
+    else if (props.size === "L") rules += ' Zl15';
+    else if (props.size === "S") rules += ' Zk15';
+    else rules += ' Zu15';
+    rules += ' FRuFGYc15';
+    rules += ' _va15';
+    rules += ' sd15';
+    rules += ' eb15';
+    rules += ' _Ca15';
+    rules += ' Yd15';
+    rules += ' Xb15';
+    rules += ' _2b15';
+    rules += ' og15';
+    rules += ' ng15';
+    rules += ' kg15';
+    rules += ' jg15';
+    rules += ' _jf15';
+    rules += ' _oa15';
+    if (props.isSelected) rules += ' _kUXU7p15';
+    else rules += ' _k7m7Gv15';
+    if (props.isSelected) rules += ' hUXU7p15';
+    else rules += ' h7m7Gv15';
+    if (props.isSelected) rules += ' mUXU7p15';
+    else rules += ' m7m7Gv15';
+    if (props.isSelected) rules += ' lUXU7p15';
+    else rules += ' l7m7Gv15';
+    rules += ' _yb15';
+    rules += ' gX15';
     if (props.isDisabled) {
-        rules += ' io13';
-        rules += ' ilc13';
+        rules += ' io15';
+        rules += ' ilc15';
     } else if (props.isInvalid) {
-        if (props.isPressed) rules += ' im13';
-        else if (props.isFocusVisible) rules += ' im13';
-        else if (props.isHovered) rules += ' im13';
-        else rules += ' ip13';
-        rules += ' ile13';
+        if (props.isPressed) rules += ' im15';
+        else if (props.isFocusVisible) rules += ' im15';
+        else if (props.isHovered) rules += ' im15';
+        else rules += ' ip15';
+        rules += ' ile15';
     } else if (props.isSelected) {
         if (props.isEmphasized) {
-            if (props.isPressed) rules += ' iu13';
-            else if (props.isFocusVisible) rules += ' iu13';
-            else if (props.isHovered) rules += ' iu13';
-            else rules += ' iw13';
+            if (props.isPressed) rules += ' iu15';
+            else if (props.isFocusVisible) rules += ' iu15';
+            else if (props.isHovered) rules += ' iu15';
+            else rules += ' iw15';
         }
-        rules += ' ild13';
+        rules += ' ild15';
     } else {
-        if (props.isPressed) rules += ' in13';
-        else if (props.isFocusVisible) rules += ' in13';
-        else if (props.isHovered) rules += ' in13';
-        else rules += ' iv13';
-        rules += ' ila13';
+        if (props.isPressed) rules += ' in15';
+        else if (props.isFocusVisible) rules += ' in15';
+        else if (props.isHovered) rules += ' in15';
+        else rules += ' iv15';
+        rules += ' ila15';
     }
-    if (props.size === "XL") rules += ' -F_-Fn13';
-    else if (props.size === "L") rules += ' -F_-Fm13';
-    else if (props.size === "S") rules += ' -F_-Fl13';
-    else rules += ' -F_-Ft13';
+    if (props.size === "XL") rules += ' -F_-Fn15';
+    else if (props.size === "L") rules += ' -F_-Fm15';
+    else if (props.size === "S") rules += ' -F_-Fl15';
+    else rules += ' -F_-Ft15';
     return rules;
 };
+const $10d624be839a1d01$var$smallerSize = {
+    S: 'XS',
+    M: 'S',
+    L: 'M',
+    XL: 'L'
+};
 const $10d624be839a1d01$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $ijW5U$react.forwardRef)(function Radio(props, ref) {
     let { children: children, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style } = props;
     let circleRef = (0, $ijW5U$react.useRef)(null);
@@ -363,31 +393,49 @@ const $10d624be839a1d01$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $ijW5U$react
     let domRef = (0, $150382364eecc4bc$exports.useFocusableRef)(ref, inputRef);
     let isInForm = !!(0, $ijW5U$react.useContext)((0, $bfa4962d90c8af48$exports.FormContext));
     let { size: size = 'M', ...allProps } = (0, $bfa4962d90c8af48$exports.useFormProps)(props);
-    return /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)((0, $ijW5U$reactariacomponentsRadioGroup.Radio), {
+    return /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)((0, $ijW5U$reactariacomponentsRadioGroup.RadioField), {
         ...allProps,
         ref: domRef,
         inputRef: inputRef,
         style: UNSAFE_style,
-        className: (renderProps)=>UNSAFE_className + $10d624be839a1d01$var$wrapper({
+        className: (renderProps)=>UNSAFE_className + $10d624be839a1d01$var$radioField({
                 ...renderProps,
                 isInForm: isInForm,
-                size: size
+                size: size,
+                isNoVisibleLabel: !children
             }, allProps.styles),
         children: (renderProps)=>/*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsxs)((0, $ijW5U$reactjsxruntime.Fragment), {
                 children: [
-                    /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)((0, $e991cbcdf82ced71$exports.CenterBaseline), {
-                        children: /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)("div", {
-                            ref: circleRef,
-                            style: (0, $2061c83559b50a66$exports.pressScale)(circleRef)(renderProps),
-                            className: $10d624be839a1d01$var$circle({
+                    /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)((0, $ijW5U$reactariacomponentsRadioGroup.RadioButton), {
+                        className: (renderProps)=>$10d624be839a1d01$var$wrapper({
                                 ...renderProps,
-                                isEmphasized: allProps.isEmphasized,
-                                isSelected: renderProps.isSelected,
+                                isInForm: isInForm,
                                 size: size
+                            }),
+                        children: (renderProps)=>/*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsxs)((0, $ijW5U$reactjsxruntime.Fragment), {
+                                children: [
+                                    /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)((0, $e991cbcdf82ced71$exports.CenterBaseline), {
+                                        children: /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)("div", {
+                                            ref: circleRef,
+                                            style: (0, $2061c83559b50a66$exports.pressScale)(circleRef)(renderProps),
+                                            className: $10d624be839a1d01$var$circle({
+                                                ...renderProps,
+                                                isEmphasized: allProps.isEmphasized,
+                                                isSelected: renderProps.isSelected,
+                                                size: size
+                                            })
+                                        })
+                                    }),
+                                    children
+                                ]
                             })
-                        })
                     }),
-                    children
+                    /*#__PURE__*/ (0, $ijW5U$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.HelpText), {
+                        size: $10d624be839a1d01$var$smallerSize[size],
+                        styles: " z3mU15 Td15",
+                        isDisabled: renderProps.isDisabled,
+                        description: props.description
+                    })
                 ]
             })
     });

package/dist/private/RadioGroup.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/RadioGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n  RadioRenderProps\n} from 'react-aria-components/RadioGroup';\n\nimport {baseColor, focusRing, space, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {controlFont, controlSize, field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {DOMRef, DOMRefValue, FocusableRef, GlobalDOMAttributes, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {pressScale} from './pressScale';\nimport React, {createContext, forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {useDOMRef, useFocusableRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children: ReactNode,\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\nexport const RadioGroupContext = createContext<ContextValue<Partial<RadioGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const RadioGroup = /*#__PURE__*/ forwardRef(function RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RadioGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      orientation={orientation}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: 'calc(var(--field-height) - 1lh)'\n        }\n      }, getAllowedOverrides())({\n        size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: 'wrap',\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n});\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'render' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The label for the element.\n   */\n  children?: ReactNode\n}\n\ninterface ContextProps {\n  /**\n   * The size of the Radio.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n  display: 'flex',\n  position: 'relative',\n  columnGap: 'text-to-control',\n  alignItems: 'baseline',\n  font: controlFont(),\n  transition: 'colors',\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  gridColumnStart: {\n    isInForm: 'field'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n  ...focusRing(),\n  size: controlSize('sm'),\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'default',\n  borderRadius: 'full',\n  borderStyle: 'solid',\n  boxSizing: 'border-box',\n  borderWidth: {\n    default: space(2),\n    isSelected: 'calc((self(height) - (4 / 16) * 1rem) / 2)'\n  },\n  forcedColorAdjust: 'none',\n  backgroundColor: 'gray-25',\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isSelected: {\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight'\n    },\n    isInvalid: {\n      default: baseColor('negative'),\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    }\n  }\n});\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const Radio = /*#__PURE__*/ forwardRef(function Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {children, UNSAFE_className = '', UNSAFE_style} = props;\n  let circleRef = useRef(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let isInForm = !!useContext(FormContext);\n  let {\n    size = 'M',\n    ...allProps\n  } = useFormProps<RadioContextProps>(props);\n\n  return (\n    <AriaRadio\n      {...allProps}\n      ref={domRef}\n      inputRef={inputRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n      {renderProps => (\n        <>\n          <CenterBaseline>\n            <div\n              ref={circleRef}\n              style={pressScale(circleRef)(renderProps)}\n              className={circle({\n                ...renderProps,\n                isEmphasized: allProps.isEmphasized,\n                isSelected: renderProps.isSelected,\n                size\n              })} />\n          </CenterBaseline>\n          {children}\n        </>\n      )}\n    </AriaRadio>\n  );\n});\n"],"names":[],"version":3,"file":"RadioGroup.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/RadioGroup.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n  RadioButton,\n  RadioField,\n  RadioRenderProps\n} from 'react-aria-components/RadioGroup';\nimport {baseColor, focusRing, space, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {\n  controlFont,\n  controlSize,\n  field,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {\n  DOMRef,\n  DOMRefValue,\n  FocusableRef,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  Orientation,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {pressScale} from './pressScale';\nimport React, {createContext, forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {useDOMRef, useFocusableRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RadioGroupProps\n  extends\n    Omit<\n      AriaRadioGroupProps,\n      'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children: ReactNode;\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean;\n}\n\nexport const RadioGroupContext =\n  createContext<ContextValue<Partial<RadioGroupProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const RadioGroup = /*#__PURE__*/ forwardRef(function RadioGroup(\n  props: RadioGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, RadioGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      orientation={orientation}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(\n          {\n            ...field(),\n            // Double the usual gap because of the internal padding within checkbox that spectrum has.\n            '--field-gap': {\n              type: 'rowGap',\n              value: 'calc(var(--field-height) - 1lh)'\n            }\n          },\n          getAllowedOverrides()\n        )(\n          {\n            size,\n            labelPosition,\n            isInForm: !!formContext\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            isQuiet // Make the label affect the width of the group\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: {\n                orientation: {\n                  horizontal: 'wrap'\n                }\n              },\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n});\n\nexport interface RadioProps\n  extends\n    Omit<\n      AriaRadioProps,\n      | 'className'\n      | 'style'\n      | 'render'\n      | 'children'\n      | 'onHover'\n      | 'onHoverStart'\n      | 'onHoverEnd'\n      | 'onHoverChange'\n      | 'onClick'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    Pick<HelpTextProps, 'description'> {\n  /**\n   * The label for the element.\n   */\n  children?: ReactNode;\n}\n\ninterface ContextProps {\n  /**\n   * The size of the Radio.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean;\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst radioField = style(\n  {\n    display: 'grid',\n    gridTemplateColumns: {\n      default: ['max-content', '1fr'],\n      isNoVisibleLabel: ['max-content']\n    },\n    columnGap: 'text-to-control',\n    alignContent: 'start',\n    font: controlFont(),\n    '--field-height': {\n      type: 'height',\n      value: controlSize()\n    },\n    rowGap: {\n      size: {\n        S: space(1),\n        M: space(1),\n        L: 2,\n        XL: 2\n      }\n    },\n    gridColumnStart: {\n      isInForm: 'field'\n    }\n  },\n  getAllowedOverrides()\n);\n\nconst wrapper = style({\n  display: 'grid',\n  gridTemplateColumns: 'subgrid',\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  position: 'relative',\n  alignItems: 'baseline',\n  transition: 'colors',\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  disableTapHighlight: true\n});\n\nconst circle = style<RenderProps>({\n  ...focusRing(),\n  size: controlSize('sm'),\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'default',\n  borderRadius: 'full',\n  borderStyle: 'solid',\n  boxSizing: 'border-box',\n  borderWidth: {\n    default: space(2),\n    isSelected: 'calc((self(height) - (4 / 16) * 1rem) / 2)'\n  },\n  forcedColorAdjust: 'none',\n  backgroundColor: 'gray-25',\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isSelected: {\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight'\n    },\n    isInvalid: {\n      default: baseColor('negative'),\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    }\n  }\n});\n\nconst smallerSize = {\n  S: 'XS',\n  M: 'S',\n  L: 'M',\n  XL: 'L'\n} as const;\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nexport const Radio = /*#__PURE__*/ forwardRef(function Radio(\n  props: RadioProps,\n  ref: FocusableRef<HTMLInputElement, HTMLDivElement>\n) {\n  let {children, UNSAFE_className = '', UNSAFE_style} = props;\n  let circleRef = useRef(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let isInForm = !!useContext(FormContext);\n  let {size = 'M', ...allProps} = useFormProps<RadioContextProps>(props);\n\n  return (\n    <RadioField\n      {...allProps}\n      ref={domRef}\n      inputRef={inputRef}\n      style={UNSAFE_style}\n      className={renderProps =>\n        UNSAFE_className +\n        radioField({...renderProps, isInForm, size, isNoVisibleLabel: !children}, allProps.styles)\n      }>\n      {renderProps => (\n        <>\n          <RadioButton className={renderProps => wrapper({...renderProps, isInForm, size})}>\n            {renderProps => (\n              <>\n                <CenterBaseline>\n                  <div\n                    ref={circleRef}\n                    style={pressScale(circleRef)(renderProps)}\n                    className={circle({\n                      ...renderProps,\n                      isEmphasized: allProps.isEmphasized,\n                      isSelected: renderProps.isSelected,\n                      size\n                    })}\n                  />\n                </CenterBaseline>\n                {children}\n              </>\n            )}\n          </RadioButton>\n          <HelpText\n            size={smallerSize[size]}\n            styles={style({\n              gridColumnStart: 2,\n              paddingTop: 0\n            })}\n            isDisabled={renderProps.isDisabled}\n            description={props.description}\n          />\n        </>\n      )}\n    </RadioField>\n  );\n});\n"],"names":[],"version":3,"file":"RadioGroup.cjs.map"}