@react-spectrum/s2 3.0.0-nightly-63d4359d6-250427 → 3.0.0-nightly-1dd65ffc5-250429

package/dist/CheckboxGroup.mjs

@@ -38,60 +38,60 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
         ref: domRef,
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
-            let rules = " .";
-            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 $__b = false;
-            let $__c = false;
+            let rules = " ";
+            let gridColumnStart = false;
+            let gridColumnEnd = false;
+            let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g);
             for (let p of matches){
-                if (/^\s*__b/.test(p)) $__b = true;
-                if (/^\s*__c/.test(p)) $__c = true;
+                if (p[1] === "L") gridColumnStart = true;
+                if (p[1] === "N") gridColumnEnd = true;
+                rules += p[0];
             }
-            rules += ' _0f';
-            if (!$__b) {
-                if (props.isInForm) rules += ' __b-3t1y';
+            rules += ' mb';
+            if (props.isInForm) {
+                if (!gridColumnStart) rules += ' L2mU';
             }
-            if (!$__c) {
-                if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
+            if (props.isInForm) {
+                if (props.labelPosition === "side") {
+                    if (!gridColumnEnd) rules += ' NvoofG';
                 }
             }
-            if (props.isInForm) rules += ' __i-1a97rzt';
+            if (props.isInForm) rules += ' SLwlgod';
             else {
-                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
-                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
+                if (props.labelPosition === "side") rules += ' SPlN5qb';
+                else if (props.labelPosition === "top") rules += ' SM8Mfn';
             }
-            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.labelPosition === "side") rules += ' _FPlN5qb';
+            else if (props.labelPosition === "top") rules += ' _F4w1sLc';
+            if (props.labelPosition === "side") rules += ' _ubRM95c';
+            else if (props.labelPosition === "top") rules += ' _uxaocre';
             if (props.size === "XL") {
-                rules += ' _ebj';
-                rules += ' _ei';
+                rules += ' ah';
+                rules += ' aac';
             } else if (props.size === "L") {
-                rules += ' _ebh';
-                rules += ' _eg';
+                rules += ' ae';
+                rules += ' aad';
             } else if (props.size === "S") {
-                rules += ' _ebd';
-                rules += ' _ec';
+                rules += ' af';
+                rules += ' aag';
             } else if (props.size === "XS") {
-                rules += ' _ebb';
-                rules += ' _ea';
+                rules += ' ai';
+                rules += ' aaj';
             } else {
-                rules += ' _ebf';
-                rules += ' _ee';
+                rules += ' aa';
+                rules += ' aab';
             }
-            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';
-            else if (props.size === "XS") rules += ' -aqrvqh_k-g';
-            else rules += ' -aqrvqh_k-f';
-            rules += ' -_1inj1bc_i--vfy389';
-            rules += ' je';
-            rules += ' __S-yksgrp';
+            rules += ' Fb';
+            rules += ' gb';
+            rules += ' gca';
+            if (props.size === "XL") rules += ' -BhX7R-ee';
+            else if (props.size === "L") rules += ' -BhX7R-ed';
+            else if (props.size === "S") rules += ' -BhX7R-eb';
+            else if (props.size === "XS") rules += ' -BhX7R-ea';
+            else rules += ' -BhX7R-ec';
+            rules += ' -AJjOLd-pVxyPec';
+            rules += ' ka';
+            rules += ' _Ga';
             return rules;
         }({
             size: props.size,
@@ -112,19 +112,19 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
                     }),
                     /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
                         className: function anonymous(props) {
-                            let rules = " .";
-                            rules += ' __b-g2ozi1';
-                            rules += ' __c-g2ozi1';
-                            rules += ' __d-g2ozi1';
-                            rules += ' __e-g2ozi1';
-                            rules += ' _0d';
-                            if (props.orientation === "horizontal") rules += ' _7a';
-                            else if (props.orientation === "vertical") rules += ' _7b';
-                            rules += ' _g-1x99dlob';
-                            rules += ' _ga';
-                            rules += ' i-1inj1bc';
-                            rules += ' jf';
-                            rules += ' _8a';
+                            let rules = " ";
+                            rules += ' LXcEWr';
+                            rules += ' NXcEWr';
+                            rules += ' _fXcEWr';
+                            rules += ' _dXcEWr';
+                            rules += ' ma';
+                            if (props.orientation === "horizontal") rules += ' _Bb';
+                            else if (props.orientation === "vertical") rules += ' _Ba';
+                            rules += ' gb';
+                            rules += ' gca';
+                            rules += ' pgOnRt';
+                            rules += ' kg';
+                            rules += ' _3a';
                             return rules;
                         }({
                             orientation: orientation

package/dist/ClearButton.cjs

@@ -32,26 +32,26 @@ const $4fb579ecc195bd2b$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $ae1Ho$react
         ...props,
         ref: domRef,
         className: (renderProps)=>(function anonymous(props) {
-                let rules = " .";
-                rules += ' _0d';
-                rules += ' _2c';
-                rules += ' _3d';
-                rules += ' kb';
-                if (props.size === "XL") rules += ' lj';
-                else if (props.size === "L") rules += ' li';
-                else if (props.size === "S") rules += ' lh';
-                else if (props.size === "XS") rules += ' lg';
-                else rules += ' lf';
-                rules += ' _9-3t1x';
-                rules += ' wf';
-                rules += ' _Ma';
-                rules += ' ba';
-                rules += ' Ea';
+                let rules = " ";
+                rules += ' ma';
                 rules += ' Fa';
-                rules += ' Ca';
-                rules += ' Da';
-                rules += ' a-17zqamw';
-                rules += ' -rwx0fg_e-b';
+                rules += ' _pa';
+                rules += ' ef';
+                if (props.size === "XL") rules += ' fn';
+                else if (props.size === "L") rules += ' fi';
+                else if (props.size === "S") rules += ' fc';
+                else if (props.size === "XS") rules += ' fb';
+                else rules += ' fg';
+                rules += ' _ra';
+                rules += ' Rb';
+                rules += ' ta';
+                rules += ' cd';
+                rules += ' ra';
+                rules += ' va';
+                rules += ' oa';
+                rules += ' na';
+                rules += ' d40ub4c';
+                rules += ' -_8sjo0b-Oa';
                 return rules;
             })({
                 ...renderProps,

package/dist/ClearButton.css

@@ -1,80 +1,78 @@
 @layer _.a {
-  ._0d {
+  .ma {
     display: flex;
   }
 
-  ._2c {
+  .Fa {
     align-items: center;
   }
 
-  ._3d {
+  ._pa {
     justify-content: center;
   }
 
-  .kb {
+  .ef {
     height: 100%;
   }
 
-  .lf {
+  .fg {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .lg {
+  .fb {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .lh {
+  .fc {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .li {
+  .fi {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .lj {
+  .fn {
     width: calc(3rem * var(--s2-scale));
   }
 
-  ._9-3t1x {
+  ._ra {
     flex-shrink: 0;
   }
 
-  .wf {
+  .Rb {
     border-style: none;
   }
 
-  ._Ma {
+  .ta {
     outline-style: none;
   }
 
-  .ba {
+  .cd {
     background-color: #0000;
   }
 
-  .Ea {
+  .ra {
     padding-top: 0;
   }
 
-  .Fa {
+  .va {
     padding-bottom: 0;
   }
 
-  .Ca {
+  .oa {
     padding-inline-start: 0;
   }
 
-  .Da {
+  .na {
     padding-inline-end: 0;
   }
 
-  .a-17zqamw {
+  .d40ub4c {
     color: inherit;
   }
 
-  .-rwx0fg_e-b {
+  .-_8sjo0b-Oa {
     --iconPrimary: currentColor;
   }
 }
-
-@layer _.b;
 /*# sourceMappingURL=ClearButton.css.map */

package/dist/ClearButton.css.map

@@ -1 +1 @@
-{"mappings":"AA0CgC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA","sources":["packages/@react-spectrum/s2/src/ClearButton.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  Button,\n  ButtonProps,\n  ButtonRenderProps\n} from 'react-aria-components';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {style} from '../style' with {type: 'macro'};\nimport {useFocusableRef} from '@react-spectrum/utils';\n\ninterface ClearButtonStyleProps {\n  /**\n   * The size of the ClearButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\ninterface ClearButtonRenderProps extends ButtonRenderProps, ClearButtonStyleProps {}\ninterface ClearButtonProps extends ButtonProps, ClearButtonStyleProps {}\n\nexport const ClearButton = forwardRef(function ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  let domRef = useFocusableRef(ref);\n\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      className={renderProps => style<ClearButtonRenderProps>({\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: 'full',\n        width: 'control',\n        flexShrink: 0,\n        borderStyle: 'none',\n        outlineStyle: 'none',\n        backgroundColor: 'transparent',\n        padding: 0,\n        color: '[inherit]',\n        '--iconPrimary': {\n          type: 'fill',\n          value: 'currentColor'\n        }\n      })({...renderProps, size: props.size || 'M'})}>\n      <CrossIcon size={props.size || 'M'} />\n    </Button>\n  );\n});\n"],"names":[],"version":3,"file":"ClearButton.css.map"}
+{"mappings":"AA0CgC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/ClearButton.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  Button,\n  ButtonProps,\n  ButtonRenderProps\n} from 'react-aria-components';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {style} from '../style' with {type: 'macro'};\nimport {useFocusableRef} from '@react-spectrum/utils';\n\ninterface ClearButtonStyleProps {\n  /**\n   * The size of the ClearButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\ninterface ClearButtonRenderProps extends ButtonRenderProps, ClearButtonStyleProps {}\ninterface ClearButtonProps extends ButtonProps, ClearButtonStyleProps {}\n\nexport const ClearButton = forwardRef(function ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  let domRef = useFocusableRef(ref);\n\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      className={renderProps => style<ClearButtonRenderProps>({\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: 'full',\n        width: 'control',\n        flexShrink: 0,\n        borderStyle: 'none',\n        outlineStyle: 'none',\n        backgroundColor: 'transparent',\n        padding: 0,\n        color: '[inherit]',\n        '--iconPrimary': {\n          type: 'fill',\n          value: 'currentColor'\n        }\n      })({...renderProps, size: props.size || 'M'})}>\n      <CrossIcon size={props.size || 'M'} />\n    </Button>\n  );\n});\n"],"names":[],"version":3,"file":"ClearButton.css.map"}

package/dist/ClearButton.mjs

@@ -26,26 +26,26 @@ const $f6a62e6e68437458$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $9qqo3$forwa
         ...props,
         ref: domRef,
         className: (renderProps)=>(function anonymous(props) {
-                let rules = " .";
-                rules += ' _0d';
-                rules += ' _2c';
-                rules += ' _3d';
-                rules += ' kb';
-                if (props.size === "XL") rules += ' lj';
-                else if (props.size === "L") rules += ' li';
-                else if (props.size === "S") rules += ' lh';
-                else if (props.size === "XS") rules += ' lg';
-                else rules += ' lf';
-                rules += ' _9-3t1x';
-                rules += ' wf';
-                rules += ' _Ma';
-                rules += ' ba';
-                rules += ' Ea';
+                let rules = " ";
+                rules += ' ma';
                 rules += ' Fa';
-                rules += ' Ca';
-                rules += ' Da';
-                rules += ' a-17zqamw';
-                rules += ' -rwx0fg_e-b';
+                rules += ' _pa';
+                rules += ' ef';
+                if (props.size === "XL") rules += ' fn';
+                else if (props.size === "L") rules += ' fi';
+                else if (props.size === "S") rules += ' fc';
+                else if (props.size === "XS") rules += ' fb';
+                else rules += ' fg';
+                rules += ' _ra';
+                rules += ' Rb';
+                rules += ' ta';
+                rules += ' cd';
+                rules += ' ra';
+                rules += ' va';
+                rules += ' oa';
+                rules += ' na';
+                rules += ' d40ub4c';
+                rules += ' -_8sjo0b-Oa';
                 return rules;
             })({
                 ...renderProps,

package/dist/CloseButton.cjs

@@ -43,79 +43,81 @@ const $2f907cb84c6e9e75$var$hoverBackground = {
     isStaticColor: 'transparent-overlay-200'
 };
 const $2f907cb84c6e9e75$var$styles = function anonymous(props, overrides) {
-    let rules = " .";
-    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 $l = false;
-    let $_9 = false;
+    let rules = " ";
+    let width = false;
+    let flexShrink = false;
+    let matches = (overrides || '').matchAll(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g);
     for (let p of matches){
-        if (/^\s*l/.test(p)) $l = true;
-        if (/^\s*_9/.test(p)) $_9 = true;
+        if (p[1] === "f") width = true;
+        if (p[1] === "_r") flexShrink = true;
+        rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Mb';
-    else rules += ' _Ma';
-    rules += ' da_____M';
-    if (props.isStaticColor) rules += ' d_____G';
-    else rules += ' dx';
-    rules += ' _Oc';
-    rules += ' _N-3t1z';
-    if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
-    else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    rules += ' _0d';
-    rules += ' _2c';
-    rules += ' _3d';
-    if (!$l) {
-        if (props.size === "XL") rules += ' lj';
-        else if (props.size === "L") rules += ' li';
-        else if (props.size === "S") rules += ' lh';
-        else if (props.size === "XS") rules += ' lg';
-        else rules += ' lf';
-    }
-    if (props.size === "XL") rules += ' kj';
-    else if (props.size === "L") rules += ' ki';
-    else if (props.size === "S") rules += ' kh';
-    else if (props.size === "XS") rules += ' kg';
-    else rules += ' kf';
-    if (!$_9) rules += ' _9-3t1x';
-    rules += ' _wf';
-    rules += ' _xf';
-    rules += ' _yf';
-    rules += ' _zf';
-    rules += ' Ea';
+    if (props.isFocusVisible) rules += ' tb';
+    else rules += ' ta';
+    if (props.isStaticColor) rules += ' Bd';
+    else rules += ' Bb';
+    rules += ' Bba';
+    rules += ' _ga';
+    rules += ' _ya';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-cr';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-cs';
+    rules += ' ma';
     rules += ' Fa';
-    rules += ' Ca';
-    rules += ' Da';
-    rules += ' wf';
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
-    rules += ' _Sa';
+    rules += ' _pa';
+    if (props.size === "XL") {
+        if (!width) rules += ' fn';
+    } else if (props.size === "L") {
+        if (!width) rules += ' fi';
+    } else if (props.size === "S") {
+        if (!width) rules += ' fc';
+    } else if (props.size === "XS") {
+        if (!width) rules += ' fb';
+    } else if (!width) rules += ' fg';
+    if (props.size === "XL") rules += ' ee';
+    else if (props.size === "L") rules += ' ed';
+    else if (props.size === "S") rules += ' eb';
+    else if (props.size === "XS") rules += ' ea';
+    else rules += ' ec';
+    if (!flexShrink) rules += ' _ra';
+    rules += ' za';
+    rules += ' xa';
+    rules += ' wa';
+    rules += ' ya';
+    rules += ' ra';
+    rules += ' va';
+    rules += ' oa';
+    rules += ' na';
+    rules += ' Rb';
+    rules += ' _ia';
+    rules += ' _ka';
+    rules += ' _ea';
     if (props.isPressed) {
-        if (props.isStaticColor) rules += ' b_____y';
-        else rules += ' bh';
+        if (props.isStaticColor) rules += ' ch';
+        else rules += ' ce';
     } else if (props.isFocusVisible) {
-        if (props.isStaticColor) rules += ' b_____y';
-        else rules += ' bh';
+        if (props.isStaticColor) rules += ' ch';
+        else rules += ' ce';
     } else if (props.isHovered) {
-        if (props.isStaticColor) rules += ' b_____y';
-        else rules += ' bh';
-    } else rules += ' ba';
-    if (props.isDisabled) rules += ' -rwx0fg_a-a_____O';
-    else rules += ' -rwx0fg_a-a_____K';
+        if (props.isStaticColor) rules += ' ch';
+        else rules += ' ce';
+    } else rules += ' cd';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' -rwx0fg_a-_____A';
+        if (props.isDisabled) rules += ' -_8sjo0b-ds';
         else {
-            if (props.isPressed) rules += ' -rwx0fg_a-_____F';
-            else if (props.isFocusVisible) rules += ' -rwx0fg_a-_____F';
-            else if (props.isHovered) rules += ' -rwx0fg_a-_____F';
-            else rules += ' -rwx0fg_a-_____E';
+            if (props.isPressed) rules += ' -_8sjo0b-dh';
+            else if (props.isFocusVisible) rules += ' -_8sjo0b-dh';
+            else if (props.isHovered) rules += ' -_8sjo0b-dh';
+            else rules += ' -_8sjo0b-dn';
         }
-    } else if (props.isDisabled) rules += ' -rwx0fg_a-j';
+    } else if (props.isDisabled) rules += ' -_8sjo0b-dc';
     else {
-        if (props.isPressed) rules += ' -rwx0fg_a-o';
-        else if (props.isFocusVisible) rules += ' -rwx0fg_a-o';
-        else if (props.isHovered) rules += ' -rwx0fg_a-o';
-        else rules += ' -rwx0fg_a-n';
+        if (props.isPressed) rules += ' -_8sjo0b-db';
+        else if (props.isFocusVisible) rules += ' -_8sjo0b-db';
+        else if (props.isHovered) rules += ' -_8sjo0b-db';
+        else rules += ' -_8sjo0b-da';
     }
+    if (props.isDisabled) rules += ' -_8sjo0b-bde';
+    else rules += ' -_8sjo0b-bdf';
     return rules;
 };
 const $2f907cb84c6e9e75$export$c796eec99a15b55d = /*#__PURE__*/ (0, $bMS5K$react.createContext)(null);

package/dist/CloseButton.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA0BD,MAAM,wCAAkB;IACtB,SAAS;IACT,eAAe;AACjB;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCC,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAAiF;AAKxH,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAoC;IACtH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,gBAAC,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IAC5C,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,qBACE,gCAAC,CAAA,GAAA,iCAAK;QACH,GAAG,KAAK;QACT,KAAK;QACL,MAAK;QACL,cAAY,KAAK,CAAC,aAAa,IAAI,gBAAgB,MAAM,CAAC;QAC1D,OAAO,CAAA,GAAA,oCAAS,EAAE,QAAQ;QAC1B,WAAW,CAAA,cAAe,mBAAmB,6BAAO;gBAAC,GAAG,WAAW;gBAAE,aAAa,MAAM,WAAW;gBAAE,eAAe,CAAC,CAAC,MAAM,WAAW;YAAA,GAAG,MAAM,MAAM;kBACtJ,cAAA,gCAAC,CAAA,GAAA,iCAAQ;YAAE,MAAM,AAAC;gBAAC,GAAG;gBAAK,GAAG;gBAAM,GAAG;gBAAO,IAAI;YAAM,CAAW,CAAC,MAAM,IAAI,IAAI,IAAI;;;AAG5F","sources":["packages/@react-spectrum/s2/src/CloseButton.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 {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {Button, ButtonProps, ContextValue} from 'react-aria-components';\nimport {createContext, forwardRef} from 'react';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CloseButtonProps extends Pick<ButtonProps, 'isDisabled' | 'onPress'>, StyleProps {\n  /**\n   * The size of the CloseButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the Button appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto'\n}\n\nconst hoverBackground = {\n  default: 'gray-200',\n  isStaticColor: 'transparent-overlay-200'\n} as const;\n\nconst styles = style<CloseButtonProps & {isHovered: boolean, isFocusVisible: boolean, isPressed: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  size: 'control',\n  flexShrink: 0,\n  borderRadius: 'full',\n  padding: 0,\n  borderStyle: 'none',\n  transition: 'default',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: hoverBackground,\n    isFocusVisible: hoverBackground,\n    isPressed: hoverBackground\n  },\n  '--iconPrimary': {\n    type: 'color',\n    value: {\n      default: 'neutral',\n      isDisabled: 'disabled',\n      isStaticColor: {\n        default: baseColor('transparent-overlay-800'),\n        isDisabled: 'transparent-overlay-400'\n      },\n      forcedColors: {\n        default: 'ButtonText',\n        isDisabled: 'GrayText'\n      }\n    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  }\n}, getAllowedOverrides());\n\nexport const CloseButtonContext = createContext<ContextValue<Partial<CloseButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * A CloseButton allows a user to dismiss a dialog.\n */\nexport const CloseButton = forwardRef(function CloseButton(props: CloseButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CloseButtonContext);\n  let {UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useFocusableRef(ref);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      slot=\"close\"\n      aria-label={props['aria-label'] || stringFormatter.format('dialog.dismiss')}\n      style={pressScale(domRef, UNSAFE_style)}\n      className={renderProps => UNSAFE_className + styles({...renderProps, staticColor: props.staticColor, isStaticColor: !!props.staticColor}, props.styles)}>\n      <CrossIcon size={({S: 'L', M: 'XL', L: 'XXL', XL: 'XXXL'} as const)[props.size || 'M']} />\n    </Button>\n  );\n});\n"],"names":[],"version":3,"file":"CloseButton.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA0BD,MAAM,wCAAkB;IACtB,SAAS;IACT,eAAe;AACjB;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCC,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAAiF;AAKxH,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAoC;IACtH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,gBAAC,YAAY,oBAAE,mBAAmB,IAAG,GAAG;IAC5C,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,qBACE,gCAAC,CAAA,GAAA,iCAAK;QACH,GAAG,KAAK;QACT,KAAK;QACL,MAAK;QACL,cAAY,KAAK,CAAC,aAAa,IAAI,gBAAgB,MAAM,CAAC;QAC1D,OAAO,CAAA,GAAA,oCAAS,EAAE,QAAQ;QAC1B,WAAW,CAAA,cAAe,mBAAmB,6BAAO;gBAAC,GAAG,WAAW;gBAAE,aAAa,MAAM,WAAW;gBAAE,eAAe,CAAC,CAAC,MAAM,WAAW;YAAA,GAAG,MAAM,MAAM;kBACtJ,cAAA,gCAAC,CAAA,GAAA,iCAAQ;YAAE,MAAM,AAAC;gBAAC,GAAG;gBAAK,GAAG;gBAAM,GAAG;gBAAO,IAAI;YAAM,CAAW,CAAC,MAAM,IAAI,IAAI,IAAI;;;AAG5F","sources":["packages/@react-spectrum/s2/src/CloseButton.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 {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {Button, ButtonProps, ContextValue} from 'react-aria-components';\nimport {createContext, forwardRef} from 'react';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CloseButtonProps extends Pick<ButtonProps, 'isDisabled' | 'onPress'>, StyleProps {\n  /**\n   * The size of the CloseButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the Button appears over a color background. */\n  staticColor?: 'white' | 'black' | 'auto'\n}\n\nconst hoverBackground = {\n  default: 'gray-200',\n  isStaticColor: 'transparent-overlay-200'\n} as const;\n\nconst styles = style<CloseButtonProps & {isHovered: boolean, isFocusVisible: boolean, isPressed: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  size: 'control',\n  flexShrink: 0,\n  borderRadius: 'full',\n  padding: 0,\n  borderStyle: 'none',\n  transition: 'default',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: hoverBackground,\n    isFocusVisible: hoverBackground,\n    isPressed: hoverBackground\n  },\n  '--iconPrimary': {\n    type: 'color',\n    value: {\n      default: 'neutral',\n      isDisabled: 'disabled',\n      isStaticColor: {\n        default: baseColor('transparent-overlay-800'),\n        isDisabled: 'transparent-overlay-400'\n      },\n      forcedColors: {\n        default: 'ButtonText',\n        isDisabled: 'GrayText'\n      }\n    }\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  }\n}, getAllowedOverrides());\n\nexport const CloseButtonContext = createContext<ContextValue<Partial<CloseButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * A CloseButton allows a user to dismiss a dialog.\n */\nexport const CloseButton = forwardRef(function CloseButton(props: CloseButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CloseButtonContext);\n  let {UNSAFE_style, UNSAFE_className = ''} = props;\n  let domRef = useFocusableRef(ref);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      slot=\"close\"\n      aria-label={props['aria-label'] || stringFormatter.format('dialog.dismiss')}\n      style={pressScale(domRef, UNSAFE_style)}\n      className={renderProps => UNSAFE_className + styles({...renderProps, staticColor: props.staticColor, isStaticColor: !!props.staticColor}, props.styles)}>\n      <CrossIcon size={({S: 'L', M: 'XL', L: 'XXL', XL: 'XXXL'} as const)[props.size || 'M']} />\n    </Button>\n  );\n});\n"],"names":[],"version":3,"file":"CloseButton.cjs.map"}