@react-spectrum/s2 3.0.0-nightly-63d4359d6-250428 → 3.0.0-nightly-1dd65ffc5-250430

package/dist/ActionButton.cjs

@@ -50,194 +50,195 @@ $parcel$export(module.exports, "ActionButton", () => $6e265ff388155b91$export$cf
 const $6e265ff388155b91$var$iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';
 const $6e265ff388155b91$var$textOnly = ':has([data-rsp-slot=text]):not(:has([slot=icon], [slot=avatar]))';
 const $6e265ff388155b91$export$446543cff2a0f496 = 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 $_9 = false;
-    let $__a = false;
-    let $h = false;
-    let $q = false;
-    let $__R = false;
+    let rules = " ";
+    let flexShrink = false;
+    let flexGrow = false;
+    let flexBasis = false;
+    let minWidth = false;
+    let zIndex = 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*_9/.test(p)) $_9 = true;
-        if (/^\s*__a/.test(p)) $__a = true;
-        if (/^\s*h/.test(p)) $h = true;
-        if (/^\s*q/.test(p)) $q = true;
-        if (/^\s*__R/.test(p)) $__R = true;
+        if (p[1] === "_r") flexShrink = true;
+        if (p[1] === "_H") flexGrow = true;
+        if (p[1] === "M") flexBasis = true;
+        if (p[1] === "u") minWidth = true;
+        if (p[1] === "__B") zIndex = 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';
-    rules += ' jbH';
-    rules += ' jG';
-    if (!$_9) {
-        if (props.isInGroup) rules += ' _9-3t1x';
-        else rules += ' _9-3t1y';
-    }
-    if (!$__a) {
-        if (props.isJustified) rules += ' __a-3t1y';
+    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 += ' _pa';
+    rules += ' kb';
+    rules += ' kac';
+    if (props.isInGroup) {
+        if (!flexShrink) rules += ' _ra';
+    } else if (!flexShrink) rules += ' _rb';
+    if (props.isJustified) {
+        if (!flexGrow) rules += ' _Ha';
     }
-    if (!$h) {
-        if (props.isJustified) rules += ' ha';
+    if (props.isJustified) {
+        if (!flexBasis) rules += ' Ma';
     }
-    rules += ' _d-bc1l9oh';
-    rules += ' _d-1uotwbwg';
-    rules += ' _d-eo0c6sf';
-    rules += ' _d-enzzrge';
-    rules += ' _d-enzykdd';
-    rules += ' _d-enzwzjc';
-    rules += ' _d-enzrfpb';
-    rules += ' _da';
+    rules += ' bh';
+    rules += ' bdf';
+    rules += ' beg';
+    rules += ' bfa';
+    rules += ' bgb';
+    rules += ' bhd';
+    rules += ' bje';
+    rules += ' bic';
     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 += ' _fc';
-    rules += ' _g-1x99dlob';
-    rules += ' _ga';
-    if (props.isDisabled) rules += ' aa_____O';
-    else if (props.isSelected) rules += ' aa_____N';
-    else rules += ' aa_____K';
+    rules += ' Dd';
+    rules += ' Ed';
+    rules += ' Ca';
+    rules += ' gb';
+    rules += ' gca';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' a_____A';
-        else if (props.isSelected) rules += ' a_____R';
+        if (props.isDisabled) rules += ' ds';
+        else if (props.isSelected) rules += ' dr';
         else {
-            if (props.isPressed) rules += ' a_____F';
-            else if (props.isFocusVisible) rules += ' a_____F';
-            else if (props.isHovered) rules += ' a_____F';
-            else rules += ' a_____E';
+            if (props.isPressed) rules += ' dh';
+            else if (props.isFocusVisible) rules += ' dh';
+            else if (props.isHovered) rules += ' dh';
+            else rules += ' dn';
         }
-    } else if (props.isDisabled) rules += ' aj';
+    } else if (props.isDisabled) rules += ' dc';
     else if (props.isSelected) {
-        if (props.isEmphasized) rules += ' ac';
-        else rules += ' ad';
+        if (props.isEmphasized) rules += ' dd';
+        else rules += ' dl';
     } else {
-        if (props.isPressed) rules += ' ao';
-        else if (props.isFocusVisible) rules += ' ao';
-        else if (props.isHovered) rules += ' ao';
-        else rules += ' an';
+        if (props.isPressed) rules += ' db';
+        else if (props.isFocusVisible) rules += ' db';
+        else if (props.isHovered) rules += ' db';
+        else rules += ' da';
     }
-    rules += ' __Ea';
-    rules += ' k-375toq';
-    if (!$q) rules += ' q-375tow';
-    rules += ' _Pa';
-    rules += ' _R-375x7f';
-    rules += ' _Sa';
-    rules += ' _Ab';
-    rules += ' b-375toh';
-    rules += ' -rwx0fg_e-b';
-    rules += ' wf';
-    rules += ' C-1imc51ya';
-    rules += ' CI';
-    rules += ' D-1imc51ya';
-    rules += ' DI';
-    rules += ' Ea';
-    rules += ' Fa';
+    if (props.isDisabled) rules += ' dbe';
+    else if (props.isSelected) rules += ' dbm';
+    else rules += ' dbf';
+    rules += ' _Qa';
+    rules += ' emLFGYc';
+    if (!minWidth) rules += ' uSTFGYc';
+    rules += ' _ia';
+    rules += ' _ka';
+    rules += ' _ea';
+    rules += ' _0a';
+    rules += ' ciKFGYc';
+    rules += ' -_8sjo0b-Oa';
+    rules += ' Rb';
+    rules += ' ob';
+    rules += ' oy5UFLda';
+    rules += ' nb';
+    rules += ' ny5UFLda';
+    rules += ' ra';
+    rules += ' va';
     if (props.density === "compact") {
-        rules += ' _w-13alit4h';
-        rules += ' _wa';
-    } else rules += ' _wh';
+        rules += ' zf';
+        rules += ' zne';
+    } else rules += ' ze';
     if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' _x-13alit4h';
-        else if (props.orientation === "horizontal") rules += ' _x-uamghwh';
-        else rules += ' _xa';
-    } else rules += ' _xh';
+        if (props.orientation === "vertical") rules += ' xnd';
+        else if (props.orientation === "horizontal") rules += ' xld';
+        else rules += ' xf';
+    } else rules += ' xd';
     if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' _y-uamghwh';
-        else if (props.orientation === "horizontal") rules += ' _y-13alit4h';
-        else rules += ' _ya';
-    } else rules += ' _yh';
+        if (props.orientation === "vertical") rules += ' wld';
+        else if (props.orientation === "horizontal") rules += ' wnd';
+        else rules += ' wf';
+    } else rules += ' wd';
     if (props.density === "compact") {
-        rules += ' _z-uamghwh';
-        rules += ' _za';
-    } else rules += ' _zh';
-    rules += ' -oelgqu_A--1imc51ya';
-    rules += ' -oelgqu_A--177861o';
-    if (!$__R) {
-        if (props.isFocusVisible) rules += ' __R-3t1z';
+        rules += ' yf';
+        rules += ' yle';
+    } else rules += ' ye';
+    rules += ' -Qg41Lb-jAxCW0c';
+    rules += ' -Qg41Lb-y5UFLdja';
+    if (props.isFocusVisible) {
+        if (!zIndex) rules += ' __Ba';
     }
-    rules += ' __S-yksgrp';
-    rules += ' -_1v78fj9_Y--17ppb3qa';
-    rules += ' -_1v78fj9_Y--5w6sh5';
-    rules += ' -_1rtgbwq_C--1imc51ya';
-    rules += ' -_1rtgbwq_C-I';
-    rules += ' -_17zm1mw_l--1sthc3k';
-    rules += ' -_17brfqf_l--17ppb3qb';
-    rules += ' -_17brfqf_l--1imc51y-pgyx2q';
-    rules += ' -_17brfqf_l--2loc28';
-    if (props.isSelected) {
-        if (props.isDisabled) rules += ' -_375toh_b-a_____J';
-        else rules += ' -_375toh_b-a_____M';
-    } else rules += ' -_375toh_b-a_____J';
+    rules += ' _Ga';
+    rules += ' -B5H9Ae-H43Fjt';
+    rules += ' -B5H9Ae-wAP22cHa';
+    rules += ' -_6Gsjne-ob';
+    rules += ' -_6Gsjne-y5UFLdoa';
+    rules += ' -SqFa4c-fuUmpre';
+    rules += ' -dcAs1c-fGolOk';
+    rules += ' -dcAs1c-y5UFLdfmA3dWb';
+    rules += ' -dcAs1c-wAP22cfa';
     if (props.isStaticColor) {
         if (props.isSelected) {
             if (props.isDisabled) {
-                if (props.isQuiet) rules += ' -_375toh_b-a';
-                else rules += ' -_375toh_b-_____x';
+                if (props.isQuiet) rules += ' -c_-cd';
+                else rules += ' -c_-cf';
             } else {
-                if (props.isPressed) rules += ' -_375toh_b-_____F';
-                else if (props.isFocusVisible) rules += ' -_375toh_b-_____F';
-                else if (props.isHovered) rules += ' -_375toh_b-_____F';
-                else rules += ' -_375toh_b-_____E';
+                if (props.isPressed) rules += ' -c_-ck';
+                else if (props.isFocusVisible) rules += ' -c_-ck';
+                else if (props.isHovered) rules += ' -c_-ck';
+                else rules += ' -c_-cy';
             }
-        } else if (props.isPressed) rules += ' -_375toh_b-_____y';
-        else if (props.isFocusVisible) rules += ' -_375toh_b-_____y';
-        else if (props.isHovered) rules += ' -_375toh_b-_____y';
-        else if (props.isQuiet) rules += ' -_375toh_b-a';
-        else rules += ' -_375toh_b-_____x';
+        } else if (props.isPressed) rules += ' -c_-ch';
+        else if (props.isFocusVisible) rules += ' -c_-ch';
+        else if (props.isHovered) rules += ' -c_-ch';
+        else if (props.isQuiet) rules += ' -c_-cd';
+        else rules += ' -c_-cf';
     } else if (props.isSelected) {
         if (props.isDisabled) {
-            if (props.isQuiet) rules += ' -_375toh_b-a';
-            else rules += ' -_375toh_b-g';
+            if (props.isQuiet) rules += ' -c_-cd';
+            else rules += ' -c_-ca';
         } else if (props.isEmphasized) {
-            if (props.isPressed) rules += ' -_375toh_b-_____S';
-            else if (props.isFocusVisible) rules += ' -_375toh_b-_____S';
-            else if (props.isHovered) rules += ' -_375toh_b-_____S';
-            else rules += ' -_375toh_b-_____R';
+            if (props.isPressed) rules += ' -c_-cb';
+            else if (props.isFocusVisible) rules += ' -c_-cb';
+            else if (props.isHovered) rules += ' -c_-cb';
+            else rules += ' -c_-cl';
         } else {
-            if (props.isPressed) rules += ' -_375toh_b-o';
-            else if (props.isFocusVisible) rules += ' -_375toh_b-o';
-            else if (props.isHovered) rules += ' -_375toh_b-o';
-            else rules += ' -_375toh_b-n';
+            if (props.isPressed) rules += ' -c_-cc';
+            else if (props.isFocusVisible) rules += ' -c_-cc';
+            else if (props.isHovered) rules += ' -c_-cc';
+            else rules += ' -c_-cm';
         }
     } else {
-        if (props.isPressed) rules += ' -_375toh_b-h';
-        else if (props.isFocusVisible) rules += ' -_375toh_b-h';
-        else if (props.isHovered) rules += ' -_375toh_b-h';
-        else if (props.isQuiet) rules += ' -_375toh_b-a';
-        else rules += ' -_375toh_b-g';
+        if (props.isPressed) rules += ' -c_-ce';
+        else if (props.isFocusVisible) rules += ' -c_-ce';
+        else if (props.isHovered) rules += ' -c_-ce';
+        else if (props.isQuiet) rules += ' -c_-cd';
+        else rules += ' -c_-ca';
     }
-    if (props.size === "XL") rules += ' -_375toq_k-j';
-    else if (props.size === "L") rules += ' -_375toq_k-i';
-    else if (props.size === "S") rules += ' -_375toq_k-h';
-    else if (props.size === "XS") rules += ' -_375toq_k-g';
-    else rules += ' -_375toq_k-f';
-    if (props.size === "XL") rules += ' -_375tow_q-j';
-    else if (props.size === "L") rules += ' -_375tow_q-i';
-    else if (props.size === "S") rules += ' -_375tow_q-h';
-    else if (props.size === "XS") rules += ' -_375tow_q-g';
-    else rules += ' -_375tow_q-f';
+    if (props.isSelected) {
+        if (props.isDisabled) rules += ' -c_-bcn';
+        else rules += ' -c_-bcg';
+    } else rules += ' -c_-bcn';
+    if (props.size === "XL") rules += ' -e_-ee';
+    else if (props.size === "L") rules += ' -e_-ed';
+    else if (props.size === "S") rules += ' -e_-eb';
+    else if (props.size === "XS") rules += ' -e_-ea';
+    else rules += ' -e_-ec';
+    if (props.size === "XL") rules += ' -u_-ub';
+    else if (props.size === "L") rules += ' -u_-ud';
+    else if (props.size === "S") rules += ' -u_-uc';
+    else if (props.size === "XS") rules += ' -u_-ua';
+    else rules += ' -u_-ue';
     return rules;
 };
 // Matching icon sizes. TBD.
@@ -284,7 +285,7 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
                 [
                     (0, $6367bc87eb7d24ad$exports.TextContext),
                     {
-                        styles: " E-1gogtue F-1gogtue __B-3t1y __wb __xb _na _qb"
+                        styles: " rAzEcG vAzEcG _Mb _oa _ha _Ta _za"
                     }
                 ],
                 [
@@ -292,16 +293,16 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
                     {
                         render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                             slot: 'icon',
-                            styles: " __B-3t1x"
+                            styles: " _Ma"
                         }),
-                        styles: " l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
+                        styles: " fuUmpre euUmpre h67logd _ra"
                     }
                 ],
                 [
                     (0, $38071d9ce246d4cf$exports.AvatarContext),
                     {
                         size: $6e265ff388155b91$var$avatarSize[size],
-                        styles: " y-oelgqu _9-3t1x __B-3t1x"
+                        styles: " h67logd _ra _Ma"
                     }
                 ],
                 [
@@ -310,7 +311,7 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
                         staticColor: staticColor,
                         size: props.size === 'XS' ? undefined : props.size,
                         isDisabled: props.isDisabled,
-                        styles: " Va Y-1v78fj9 W-8959nl A-1q7bl7b y-1q7bl7b"
+                        styles: " Kb HtedXZc J1IiWH jOIQSzc hOIQSzc"
                     }
                 ]
             ],

package/dist/ActionButton.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAkDD,yDAAyD;AACzD,MAAM,iCAAW;AACjB,MAAM,iCAAW;AACV,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Lb,4BAA4B;AAC5B,MAAM,mCAAa;IACjB,IAAI;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEO,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAAkF;AAM1H,MAAM,0DAAe,CAAA,GAAA,uBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAoC;IACzH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,sBAAsB,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qDAAyB;IAC9D,IAAI,MAAM,CAAA,GAAA,4CAAgB,EAAE,CAAA,GAAA,kDAAuB;IACnD,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,WACF,UAAU,wBACV,WAAW,eACX,cAAc,2BACd,cAAc,MAAM,WAAW,WAC/B,UAAU,MAAM,OAAO,QACvB,OAAO,MAAM,IAAI,IAAI,iBACrB,aAAa,MAAM,UAAU,EAC9B,GAAG,OAAO,CAAC;IAGZ,qBACE,gCAAC,CAAA,GAAA,iCAAQ;QACN,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,oCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,0CAAU;gBACnE,GAAG,WAAW;gBACd,+CAA+C;gBAC/C,WAAW,YAAY,SAAS,IAAI,qBAAqB,UAAU;6BACnE;gBACA,eAAe,CAAC,CAAC;sBACjB;yBACA;yBACA;6BACA;6BACA;2BACA;YACF,GAAG,MAAM,MAAM;kBACf,cAAA,gCAAC,CAAA,GAAA,mCAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAc;oBAAG;iBAAK;gBACvB;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBAAC,MAAM;oBAA+D;iBAAE;gBACtF;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBACZ,QAAQ,CAAA,GAAA,wCAAa,EAAE;4BAAC,MAAM;4BAAQ,MAAM;wBAAmB;wBAC/D,MAAM;oBACR;iBAAE;gBACF;oBAAC,CAAA,GAAA,uCAAY;oBAAG;wBACd,MAAM,gCAAU,CAAC,KAAK;wBACtB,MAAM;oBACR;iBAAE;gBACF;oBAAC,CAAA,GAAA,kDAAuB;oBAAG;wBACzB,aAAa;wBACb,MAAM,MAAM,IAAI,KAAK,OAAO,YAAY,MAAM,IAAI;wBAClD,YAAY,MAAM,UAAU;wBAC5B,MAAM;oBACR;iBAAE;aACH;sBACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gCAAC,CAAA,GAAA,8BAAG;0BAAG,MAAM,QAAQ;iBAAW,MAAM,QAAQ;;;AAI5F","sources":["packages/@react-spectrum/s2/src/ActionButton.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 {ActionButtonGroupContext} from './ActionButtonGroup';\nimport {AvatarContext} from './Avatar';\nimport {baseColor, focusRing, fontRelative, style} from '../style' with { type: 'macro' };\nimport {ButtonProps, ButtonRenderProps, ContextValue, OverlayTriggerStateContext, Provider, Button as RACButton, useSlottedContext} from 'react-aria-components';\nimport {centerBaseline} from './CenterBaseline';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with { type: 'macro' };\nimport {IconContext} from './Icon';\nimport {NotificationBadgeContext} from './NotificationBadge';\nimport {pressScale} from './pressScale';\nimport {SkeletonContext} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useFormProps} from './Form';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonStyleProps {\n  /**\n   * The size of the ActionButton.\n   *\n   * @default 'M'\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the ActionButton appears over a color background. */\n  staticColor?: 'black' | 'white' | 'auto',\n  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */\n  isQuiet?: boolean\n}\n\ninterface ToggleButtonStyleProps {\n  /** Whether the ActionButton should be selected (controlled). */\n  isSelected?: boolean,\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\ninterface ActionGroupItemStyleProps {\n  density?: 'regular' | 'compact',\n  orientation?: 'horizontal' | 'vertical',\n  isJustified?: boolean\n}\n\nexport interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending' | 'onClick'>, StyleProps, ActionButtonStyleProps {\n  /** The content to display in the ActionButton. */\n  children: ReactNode\n}\n\n// These styles handle both ActionButton and ToggleButton\nconst iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';\nconst textOnly = ':has([data-rsp-slot=text]):not(:has([slot=icon], [slot=avatar]))';\nexport const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & ToggleButtonStyleProps & ActionGroupItemStyleProps & {isInGroup: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  columnGap: 'text-to-visual',\n  flexShrink: {\n    default: 1,\n    isInGroup: 0\n  },\n  flexGrow: {\n    isJustified: 1\n  },\n  flexBasis: {\n    isJustified: 0\n  },\n  font: 'control',\n  fontWeight: 'medium',\n  userSelect: 'none',\n  height: 'control',\n  minWidth: 'control',\n  transition: 'default',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: {\n      ...baseColor('gray-100'),\n      default: {\n        default: 'gray-100',\n        isQuiet: 'transparent'\n      }\n    },\n    isSelected: {\n      default: 'neutral',\n      isEmphasized: 'accent',\n      isDisabled: {\n        default: 'gray-100',\n        isQuiet: 'transparent'\n      }\n    },\n    isStaticColor: {\n      ...baseColor('transparent-overlay-100'),\n      default: {\n        default: 'transparent-overlay-100',\n        isQuiet: 'transparent'\n      },\n      isSelected: {\n        default: baseColor('transparent-overlay-800'),\n        isDisabled: {\n          default: 'transparent-overlay-100',\n          isQuiet: 'transparent'\n        }\n      }\n    },\n    forcedColors: {\n      default: 'ButtonFace',\n      isSelected: {\n        default: 'Highlight',\n        isDisabled: 'ButtonFace'\n      }\n    }\n  },\n  color: {\n    default: 'neutral',\n    isSelected: {\n      default: 'gray-25',\n      isEmphasized: 'white'\n    },\n    isDisabled: 'disabled',\n    isStaticColor: {\n      default: baseColor('transparent-overlay-800'),\n      isSelected: 'auto',\n      isDisabled: 'transparent-overlay-400'\n    },\n    forcedColors: {\n      default: 'ButtonText',\n      isSelected: 'HighlightText',\n      isDisabled: {\n        default: 'GrayText'\n      }\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  },\n  borderStyle: 'none',\n  paddingX: {\n    default: 'edge-to-text',\n    [iconOnly]: 0\n  },\n  paddingY: 0,\n  borderTopStartRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        ':first-child': 'control'\n      }\n    }\n  },\n  borderTopEndRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        orientation: {\n          horizontal: {\n            ':last-child': 'control'\n          },\n          vertical: {\n            ':first-child': 'control'\n          }\n        }\n      }\n    }\n  },\n  borderBottomStartRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        orientation: {\n          horizontal: {\n            ':first-child': 'control'\n          },\n          vertical: {\n            ':last-child': 'control'\n          }\n        }\n      }\n    }\n  },\n  borderBottomEndRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        ':last-child': 'control'\n      }\n    }\n  },\n  '--iconMargin': {\n    type: 'marginTop',\n    value: {\n      default: fontRelative(-2),\n      [iconOnly]: 0\n    }\n  },\n  zIndex: {\n    isFocusVisible: 2\n  },\n  disableTapHighlight: true,\n  '--badgeTop': {\n    type: 'top',\n    value: {\n      default: '[calc(self(height)/2 - var(--iconWidth)/2)]',\n      [textOnly]: 0\n    }\n  },\n  '--buttonPaddingX': {\n    type: 'paddingStart',\n    value: {\n      default: 'edge-to-text',\n      [iconOnly]: 0\n    }\n  },\n  '--iconWidth': {\n    type: 'width',\n    value: fontRelative(20)\n  },\n  '--badgePosition': {\n    type: 'width',\n    value: {\n      default: '[calc(var(--buttonPaddingX) + var(--iconWidth))]',\n      [iconOnly]: '[calc(self(minWidth)/2 + var(--iconWidth)/2)]',\n      [textOnly]: 'full'\n    }\n  }\n}, getAllowedOverrides());\n\n// Matching icon sizes. TBD.\nconst avatarSize = {\n  XS: 14,\n  S: 16,\n  M: 20,\n  L: 22,\n  X: 26\n} as const;\n\nexport const ActionButtonContext = createContext<ContextValue<Partial<ActionButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ActionButtons allow users to perform an action.\n * They're used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of attention.\n */\nexport const ActionButton = forwardRef(function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonContext);\n  props = useFormProps(props as any);\n  let domRef = useFocusableRef(ref);\n  let overlayTriggerState = useContext(OverlayTriggerStateContext);\n  let ctx = useSlottedContext(ActionButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    size = props.size || 'M',\n    isDisabled = props.isDisabled\n  } = ctx || {};\n\n\n  return (\n    <RACButton\n      {...props}\n      isDisabled={isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + btnStyles({\n        ...renderProps,\n        // Retain hover styles when an overlay is open.\n        isHovered: renderProps.isHovered || overlayTriggerState?.isOpen || false,\n        staticColor,\n        isStaticColor: !!staticColor,\n        size,\n        isQuiet,\n        density,\n        isJustified,\n        orientation,\n        isInGroup\n      }, props.styles)}>\n      <Provider\n        values={[\n          [SkeletonContext, null],\n          [TextContext, {styles: style({paddingY: '--labelPadding', order: 1, truncate: true})}],\n          [IconContext, {\n            render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n            styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n          }],\n          [AvatarContext, {\n            size: avatarSize[size],\n            styles: style({marginStart: '--iconMargin', flexShrink: 0, order: 0})\n          }],\n          [NotificationBadgeContext, {\n            staticColor: staticColor,\n            size: props.size === 'XS' ? undefined : props.size,\n            isDisabled: props.isDisabled,\n            styles: style({position: 'absolute', top: '--badgeTop', insetStart: '[var(--badgePosition)]', marginTop: '[calc((self(height) * -1)/2)]', marginStart: '[calc((self(height) * -1)/2)]'})\n          }]\n        ]}>\n        {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n      </Provider>\n    </RACButton>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButton.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;AAkDD,yDAAyD;AACzD,MAAM,iCAAW;AACjB,MAAM,iCAAW;AACV,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Lb,4BAA4B;AAC5B,MAAM,mCAAa;IACjB,IAAI;IACJ,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAEO,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAAkF;AAM1H,MAAM,0DAAe,CAAA,GAAA,uBAAS,EAAE,SAAS,aAAa,KAAwB,EAAE,GAAoC;IACzH,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAC7B,IAAI,sBAAsB,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qDAAyB;IAC9D,IAAI,MAAM,CAAA,GAAA,4CAAgB,EAAE,CAAA,GAAA,kDAAuB;IACnD,IAAI,YAAY,CAAC,CAAC;IAClB,IAAI,WACF,UAAU,wBACV,WAAW,eACX,cAAc,2BACd,cAAc,MAAM,WAAW,WAC/B,UAAU,MAAM,OAAO,QACvB,OAAO,MAAM,IAAI,IAAI,iBACrB,aAAa,MAAM,UAAU,EAC9B,GAAG,OAAO,CAAC;IAGZ,qBACE,gCAAC,CAAA,GAAA,iCAAQ;QACN,GAAG,KAAK;QACT,YAAY;QACZ,KAAK;QACL,OAAO,CAAA,GAAA,oCAAS,EAAE,QAAQ,MAAM,YAAY;QAC5C,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,0CAAU;gBACnE,GAAG,WAAW;gBACd,+CAA+C;gBAC/C,WAAW,YAAY,SAAS,IAAI,qBAAqB,UAAU;6BACnE;gBACA,eAAe,CAAC,CAAC;sBACjB;yBACA;yBACA;6BACA;6BACA;2BACA;YACF,GAAG,MAAM,MAAM;kBACf,cAAA,gCAAC,CAAA,GAAA,mCAAO;YACN,QAAQ;gBACN;oBAAC,CAAA,GAAA,yCAAc;oBAAG;iBAAK;gBACvB;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBAAC,MAAM;oBAA+D;iBAAE;gBACtF;oBAAC,CAAA,GAAA,qCAAU;oBAAG;wBACZ,QAAQ,CAAA,GAAA,wCAAa,EAAE;4BAAC,MAAM;4BAAQ,MAAM;wBAAmB;wBAC/D,MAAM;oBACR;iBAAE;gBACF;oBAAC,CAAA,GAAA,uCAAY;oBAAG;wBACd,MAAM,gCAAU,CAAC,KAAK;wBACtB,MAAM;oBACR;iBAAE;gBACF;oBAAC,CAAA,GAAA,kDAAuB;oBAAG;wBACzB,aAAa;wBACb,MAAM,MAAM,IAAI,KAAK,OAAO,YAAY,MAAM,IAAI;wBAClD,YAAY,MAAM,UAAU;wBAC5B,MAAM;oBACR;iBAAE;aACH;sBACA,OAAO,MAAM,QAAQ,KAAK,yBAAW,gCAAC,CAAA,GAAA,8BAAG;0BAAG,MAAM,QAAQ;iBAAW,MAAM,QAAQ;;;AAI5F","sources":["packages/@react-spectrum/s2/src/ActionButton.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 {ActionButtonGroupContext} from './ActionButtonGroup';\nimport {AvatarContext} from './Avatar';\nimport {baseColor, focusRing, fontRelative, style} from '../style' with { type: 'macro' };\nimport {ButtonProps, ButtonRenderProps, ContextValue, OverlayTriggerStateContext, Provider, Button as RACButton, useSlottedContext} from 'react-aria-components';\nimport {centerBaseline} from './CenterBaseline';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {getAllowedOverrides, staticColor, StyleProps} from './style-utils' with { type: 'macro' };\nimport {IconContext} from './Icon';\nimport {NotificationBadgeContext} from './NotificationBadge';\nimport {pressScale} from './pressScale';\nimport {SkeletonContext} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useFormProps} from './Form';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonStyleProps {\n  /**\n   * The size of the ActionButton.\n   *\n   * @default 'M'\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL',\n  /** The static color style to apply. Useful when the ActionButton appears over a color background. */\n  staticColor?: 'black' | 'white' | 'auto',\n  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */\n  isQuiet?: boolean\n}\n\ninterface ToggleButtonStyleProps {\n  /** Whether the ActionButton should be selected (controlled). */\n  isSelected?: boolean,\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  isEmphasized?: boolean\n}\n\ninterface ActionGroupItemStyleProps {\n  density?: 'regular' | 'compact',\n  orientation?: 'horizontal' | 'vertical',\n  isJustified?: boolean\n}\n\nexport interface ActionButtonProps extends Omit<ButtonProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'isPending' | 'onClick'>, StyleProps, ActionButtonStyleProps {\n  /** The content to display in the ActionButton. */\n  children: ReactNode\n}\n\n// These styles handle both ActionButton and ToggleButton\nconst iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';\nconst textOnly = ':has([data-rsp-slot=text]):not(:has([slot=icon], [slot=avatar]))';\nexport const btnStyles = style<ButtonRenderProps & ActionButtonStyleProps & ToggleButtonStyleProps & ActionGroupItemStyleProps & {isInGroup: boolean, isStaticColor: boolean}>({\n  ...focusRing(),\n  ...staticColor(),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  columnGap: 'text-to-visual',\n  flexShrink: {\n    default: 1,\n    isInGroup: 0\n  },\n  flexGrow: {\n    isJustified: 1\n  },\n  flexBasis: {\n    isJustified: 0\n  },\n  font: 'control',\n  fontWeight: 'medium',\n  userSelect: 'none',\n  height: 'control',\n  minWidth: 'control',\n  transition: 'default',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: {\n      ...baseColor('gray-100'),\n      default: {\n        default: 'gray-100',\n        isQuiet: 'transparent'\n      }\n    },\n    isSelected: {\n      default: 'neutral',\n      isEmphasized: 'accent',\n      isDisabled: {\n        default: 'gray-100',\n        isQuiet: 'transparent'\n      }\n    },\n    isStaticColor: {\n      ...baseColor('transparent-overlay-100'),\n      default: {\n        default: 'transparent-overlay-100',\n        isQuiet: 'transparent'\n      },\n      isSelected: {\n        default: baseColor('transparent-overlay-800'),\n        isDisabled: {\n          default: 'transparent-overlay-100',\n          isQuiet: 'transparent'\n        }\n      }\n    },\n    forcedColors: {\n      default: 'ButtonFace',\n      isSelected: {\n        default: 'Highlight',\n        isDisabled: 'ButtonFace'\n      }\n    }\n  },\n  color: {\n    default: 'neutral',\n    isSelected: {\n      default: 'gray-25',\n      isEmphasized: 'white'\n    },\n    isDisabled: 'disabled',\n    isStaticColor: {\n      default: baseColor('transparent-overlay-800'),\n      isSelected: 'auto',\n      isDisabled: 'transparent-overlay-400'\n    },\n    forcedColors: {\n      default: 'ButtonText',\n      isSelected: 'HighlightText',\n      isDisabled: {\n        default: 'GrayText'\n      }\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  outlineColor: {\n    default: 'focus-ring',\n    isStaticColor: 'transparent-overlay-1000',\n    forcedColors: 'Highlight'\n  },\n  borderStyle: 'none',\n  paddingX: {\n    default: 'edge-to-text',\n    [iconOnly]: 0\n  },\n  paddingY: 0,\n  borderTopStartRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        ':first-child': 'control'\n      }\n    }\n  },\n  borderTopEndRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        orientation: {\n          horizontal: {\n            ':last-child': 'control'\n          },\n          vertical: {\n            ':first-child': 'control'\n          }\n        }\n      }\n    }\n  },\n  borderBottomStartRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        orientation: {\n          horizontal: {\n            ':first-child': 'control'\n          },\n          vertical: {\n            ':last-child': 'control'\n          }\n        }\n      }\n    }\n  },\n  borderBottomEndRadius: {\n    default: 'control',\n    density: {\n      compact: {\n        default: 'none',\n        ':last-child': 'control'\n      }\n    }\n  },\n  '--iconMargin': {\n    type: 'marginTop',\n    value: {\n      default: fontRelative(-2),\n      [iconOnly]: 0\n    }\n  },\n  zIndex: {\n    isFocusVisible: 2\n  },\n  disableTapHighlight: true,\n  '--badgeTop': {\n    type: 'top',\n    value: {\n      default: '[calc(self(height)/2 - var(--iconWidth)/2)]',\n      [textOnly]: 0\n    }\n  },\n  '--buttonPaddingX': {\n    type: 'paddingStart',\n    value: {\n      default: 'edge-to-text',\n      [iconOnly]: 0\n    }\n  },\n  '--iconWidth': {\n    type: 'width',\n    value: fontRelative(20)\n  },\n  '--badgePosition': {\n    type: 'width',\n    value: {\n      default: '[calc(var(--buttonPaddingX) + var(--iconWidth))]',\n      [iconOnly]: '[calc(self(minWidth)/2 + var(--iconWidth)/2)]',\n      [textOnly]: 'full'\n    }\n  }\n}, getAllowedOverrides());\n\n// Matching icon sizes. TBD.\nconst avatarSize = {\n  XS: 14,\n  S: 16,\n  M: 20,\n  L: 22,\n  X: 26\n} as const;\n\nexport const ActionButtonContext = createContext<ContextValue<Partial<ActionButtonProps>, FocusableRefValue<HTMLButtonElement>>>(null);\n\n/**\n * ActionButtons allow users to perform an action.\n * They're used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren't meant to draw a lot of attention.\n */\nexport const ActionButton = forwardRef(function ActionButton(props: ActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonContext);\n  props = useFormProps(props as any);\n  let domRef = useFocusableRef(ref);\n  let overlayTriggerState = useContext(OverlayTriggerStateContext);\n  let ctx = useSlottedContext(ActionButtonGroupContext);\n  let isInGroup = !!ctx;\n  let {\n    density = 'regular',\n    isJustified,\n    orientation = 'horizontal',\n    staticColor = props.staticColor,\n    isQuiet = props.isQuiet,\n    size = props.size || 'M',\n    isDisabled = props.isDisabled\n  } = ctx || {};\n\n\n  return (\n    <RACButton\n      {...props}\n      isDisabled={isDisabled}\n      ref={domRef}\n      style={pressScale(domRef, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + btnStyles({\n        ...renderProps,\n        // Retain hover styles when an overlay is open.\n        isHovered: renderProps.isHovered || overlayTriggerState?.isOpen || false,\n        staticColor,\n        isStaticColor: !!staticColor,\n        size,\n        isQuiet,\n        density,\n        isJustified,\n        orientation,\n        isInGroup\n      }, props.styles)}>\n      <Provider\n        values={[\n          [SkeletonContext, null],\n          [TextContext, {styles: style({paddingY: '--labelPadding', order: 1, truncate: true})}],\n          [IconContext, {\n            render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n            styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n          }],\n          [AvatarContext, {\n            size: avatarSize[size],\n            styles: style({marginStart: '--iconMargin', flexShrink: 0, order: 0})\n          }],\n          [NotificationBadgeContext, {\n            staticColor: staticColor,\n            size: props.size === 'XS' ? undefined : props.size,\n            isDisabled: props.isDisabled,\n            styles: style({position: 'absolute', top: '--badgeTop', insetStart: '[var(--badgePosition)]', marginTop: '[calc((self(height) * -1)/2)]', marginStart: '[calc((self(height) * -1)/2)]'})\n          }]\n        ]}>\n        {typeof props.children === 'string' ? <Text>{props.children}</Text> : props.children}\n      </Provider>\n    </RACButton>\n  );\n});\n"],"names":[],"version":3,"file":"ActionButton.cjs.map"}