@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/ActionButton.mjs

@@ -2,6 +2,7 @@ import "./ActionButton.css";
 import {ActionButtonGroupContext as $10401bdc118cbc90$export$33f5f2f2cb85d743} from "./ActionButtonGroup.mjs";
 import {AvatarContext as $3ffa2cd930156220$export$a20dad690e1279e2} from "./Avatar.mjs";
 import {centerBaseline as $1f4b04be3f24aae3$export$9d7e2342a7e53afa} from "./CenterBaseline.mjs";
+import $dc67c4e34e45a62a$export$2e2bcd8739ae039 from "./CornerTriangle.mjs";
 import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../../icons/Icon.mjs";
 import {ImageContext as $dbd6f0b2503b938c$export$8151eb379fcf2442} from "./Image.mjs";
 import $hl1Zj$intlStringsmjs from "./intlStrings.mjs";
@@ -14,11 +15,12 @@ import {useFocusableRef as $80ecb974df713a30$export$96a734597687c040} from "./us
 import {useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
 import {usePendingState as $067ea9f64ccd4e8e$export$edc9ced5c3e5ff00} from "./Button.mjs";
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../../icons/useSpectrumContextProps.mjs";
-import {jsx as $hl1Zj$jsx, Fragment as $hl1Zj$Fragment, jsxs as $hl1Zj$jsxs} from "react/jsx-runtime";
+import {jsx as $hl1Zj$jsx, jsxs as $hl1Zj$jsxs, Fragment as $hl1Zj$Fragment} from "react/jsx-runtime";
 import {Button as $hl1Zj$Button} from "react-aria-components/Button";
 import {useSlottedContext as $hl1Zj$useSlottedContext, Provider as $hl1Zj$Provider} from "react-aria-components/slots";
 import {createContext as $hl1Zj$createContext, forwardRef as $hl1Zj$forwardRef, useContext as $hl1Zj$useContext} from "react";
 import {OverlayTriggerStateContext as $hl1Zj$OverlayTriggerStateContext} from "react-aria-components/Dialog";
+import {useLocale as $hl1Zj$useLocale} from "react-aria/I18nProvider";
 import {useLocalizedStringFormatter as $hl1Zj$useLocalizedStringFormatter} from "react-aria/useLocalizedStringFormatter";
 
 
@@ -54,6 +56,8 @@ function $parcel$interopDefault(a) {
 
 
 
+
+
 
 
 // These styles handle both ActionButton and ToggleButton
@@ -141,260 +145,255 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
         if (p[1] === "_9") zIndex = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf13';
-    else rules += ' _Le13';
-    if (props.isStaticColor) rules += ' Oe13';
-    else rules += ' Oh13';
-    rules += ' Olc13';
-    rules += ' _Mc13';
-    rules += ' _Kd13';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr13';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s13';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    if (props.isStaticColor) rules += ' Oe15';
+    else rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr15';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s15';
     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';
     }
-    rules += ' xc13';
-    rules += ' _xa13';
+    rules += ' xc15';
+    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.isStaticColor) {
-        if (props.isDisabled) rules += ' pi13';
-        else if (props.isSelected) rules += ' ph13';
-        else {
-            if (props.isPressed) rules += ' pk13';
-            else if (props.isFocusVisible) rules += ' pk13';
-            else if (props.isHovered) rules += ' pk13';
-            else rules += ' pj13';
-        }
-    } else if (props.isDisabled) rules += ' pp13';
+        if (props.isDisabled) rules += ' pi15';
+        else if (props.isSelected) rules += ' ph15';
+        else rules += ' pl15';
+    } else if (props.isDisabled) rules += ' pp15';
     else if (props.isSelected) {
-        if (props.isEmphasized) rules += ' px13';
-        else rules += ' pr13';
+        if (props.isEmphasized) rules += ' px15';
+        else rules += ' pr15';
     } 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';
     }
-    if (props.isDisabled) rules += ' plc13';
-    else if (props.isSelected) rules += ' ple13';
-    else rules += ' plb13';
-    rules += ' se13';
-    rules += ' eb13';
-    rules += ' _oa13';
-    rules += ' Sv13';
-    rules += ' SgLWx3bd13';
-    rules += ' SsAUsHd13';
-    rules += ' Rv13';
-    rules += ' RgLWx3bd13';
-    rules += ' RsAUsHd13';
+    if (props.isDisabled) rules += ' plc15';
+    else if (props.isSelected) rules += ' ple15';
+    else rules += ' plb15';
+    rules += ' se15';
+    rules += ' eb15';
+    rules += ' _oa15';
+    rules += ' Sv15';
+    rules += ' SgLWx3bd15';
+    rules += ' SsAUsHd15';
+    rules += ' Rv15';
+    rules += ' RgLWx3bd15';
+    rules += ' RsAUsHd15';
     if (props.size === "XL") {
-        if (!minWidth) rules += ' Nl13';
+        if (!minWidth) rules += ' Nl15';
     } else if (props.size === "L") {
-        if (!minWidth) rules += ' Nj13';
+        if (!minWidth) rules += ' Nj15';
     } else if (props.size === "S") {
-        if (!minWidth) rules += ' Nf13';
+        if (!minWidth) rules += ' Nf15';
     } else if (props.size === "XS") {
-        if (!minWidth) rules += ' Ne13';
-    } else if (!minWidth) rules += ' Nk13';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec13';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn13';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b13';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd13';
-    else rules += ' -SFnbic-_Jb13';
-    rules += ' -Bu7z1c-ob13';
+        if (!minWidth) rules += ' Ne15';
+    } else if (!minWidth) rules += ' Nk15';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec15';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn15';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b15';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd15';
+    else rules += ' -SFnbic-_Jb15';
+    rules += ' -Bu7z1c-ob15';
     if (props.density === "compact") {
-        rules += ' od13';
-        rules += ' obj13';
-    } else rules += ' oj13';
+        rules += ' od15';
+        rules += ' obj15';
+    } else rules += ' oj15';
     if (props.density === "compact") {
         if (props.orientation === "vertical") {
-            rules += ' nd13';
-            rules += ' nbj13';
+            rules += ' nd15';
+            rules += ' nbj15';
         } else if (props.orientation === "horizontal") {
-            rules += ' nd13';
-            rules += ' nkj13';
-        } else rules += ' nd13';
-    } else rules += ' nj13';
+            rules += ' nd15';
+            rules += ' nkj15';
+        } else rules += ' nd15';
+    } else rules += ' nj15';
     if (props.density === "compact") {
         if (props.orientation === "vertical") {
-            rules += ' kd13';
-            rules += ' kkj13';
+            rules += ' kd15';
+            rules += ' kkj15';
         } else if (props.orientation === "horizontal") {
-            rules += ' kd13';
-            rules += ' kbj13';
-        } else rules += ' kd13';
-    } else rules += ' kj13';
+            rules += ' kd15';
+            rules += ' kbj15';
+        } else rules += ' kd15';
+    } else rules += ' kj15';
     if (props.density === "compact") {
-        rules += ' jd13';
-        rules += ' jkj13';
-    } else rules += ' jj13';
-    rules += ' qc13';
-    rules += ' qsd13';
-    rules += ' -Qg41Lb-IAxCW0c13';
-    rules += ' -Qg41Lb-y5UFLdIy13';
-    rules += ' -Qg41Lb-sAUsHIy13';
-    rules += ' FRuFGYc13';
-    rules += ' _Ca13';
+        rules += ' jd15';
+        rules += ' jkj15';
+    } else rules += ' jj15';
+    rules += ' qc15';
+    rules += ' qsd15';
+    rules += ' -Qg41Lb-IAxCW0c15';
+    rules += ' -Qg41Lb-y5UFLdIy15';
+    rules += ' -Qg41Lb-sAUsHIy15';
+    rules += ' FRuFGYc15';
+    rules += ' _Ca15';
     if (props.isInGroup) {
-        if (!flexShrink) rules += ' _va13';
-    } else if (!flexShrink) rules += ' _vb13';
+        if (!flexShrink) rules += ' _va15';
+    } else if (!flexShrink) rules += ' _vb15';
     if (props.isJustified) {
-        if (!flexGrow) rules += ' _ub13';
+        if (!flexGrow) rules += ' _ub15';
     }
     if (props.isJustified) {
-        if (!flexBasis) rules += ' _sb13';
+        if (!flexBasis) rules += ' _sb15';
     }
-    if (!width) rules += ' ZJ13';
-    rules += ' _4c13';
-    rules += ' Yd13';
-    rules += ' Xb13';
-    rules += ' _2b13';
-    rules += ' _yb13';
-    if (!position) rules += ' _Pc13';
-    rules += ' CjpxCZ13';
-    rules += ' Cy5UFLd2sgPTb13';
-    rules += ' CwAP22cUolIUb13';
-    rules += ' DZQmDFe13';
-    rules += ' Dy5UFLdQgYBrc13';
-    rules += ' DwAP22cQgYBrc13';
-    rules += ' gqMFGYc13';
-    rules += ' -_8sjo0b-t5ZbAob13';
-    rules += ' _je13';
+    if (!width) rules += ' ZJ15';
+    rules += ' _4c15';
+    rules += ' Yd15';
+    rules += ' Xb15';
+    rules += ' _2b15';
+    rules += ' _yb15';
+    if (!position) rules += ' _Pc15';
+    rules += ' CjpxCZ15';
+    rules += ' Cy5UFLd2sgPTb15';
+    rules += ' CwAP22cUolIUb15';
+    rules += ' DZQmDFe15';
+    rules += ' Dy5UFLdQgYBrc15';
+    rules += ' DwAP22cQgYBrc15';
+    rules += ' gqMFGYc15';
+    rules += ' -_8sjo0b-t5ZbAob15';
+    rules += ' _je15';
     if (props.isFocusVisible) {
-        if (!zIndex) rules += ' _9d13';
+        if (!zIndex) rules += ' _9d15';
     }
-    rules += ' __ca13';
-    rules += ' -B5H9Ae-WXN7eQb13';
-    rules += ' -B5H9Ae-wAP22cWr13';
-    rules += ' -SqFa4c-ZuUmpre13';
-    rules += ' -dcAs1c-ZaP94G13';
-    rules += ' -dcAs1c-wAP22cZa13';
-    if (props.size === "XL") rules += ' -F_-Fz13';
-    else if (props.size === "L") rules += ' -F_-Fv13';
-    else if (props.size === "S") rules += ' -F_-Fp13';
-    else if (props.size === "XS") rules += ' -F_-Fn13';
-    else rules += ' -F_-Fx13';
+    rules += ' __ca15';
+    rules += ' -B5H9Ae-WXN7eQb15';
+    rules += ' -B5H9Ae-wAP22cWr15';
+    rules += ' -SqFa4c-ZuUmpre15';
+    rules += ' -dcAs1c-ZaP94G15';
+    rules += ' -dcAs1c-wAP22cZa15';
+    if (props.size === "XL") rules += ' -F_-Fz15';
+    else if (props.size === "L") rules += ' -F_-Fv15';
+    else if (props.size === "S") rules += ' -F_-Fp15';
+    else if (props.size === "XS") rules += ' -F_-Fn15';
+    else rules += ' -F_-Fx15';
     if (props.isStaticColor) {
         if (props.isSelected) {
             if (props.isDisabled) {
-                if (props.isQuiet) rules += ' -g_-g913';
-                else rules += ' -g_-gf13';
+                if (props.isQuiet) rules += ' -g_-g915';
+                else rules += ' -g_-gf15';
             } else {
-                if (props.isPressed) rules += ' -g_-gj13';
-                else if (props.isFocusVisible) rules += ' -g_-gj13';
-                else if (props.isHovered) rules += ' -g_-gj13';
-                else rules += ' -g_-gi13';
+                if (props.isPressed) rules += ' -g_-gj15';
+                else if (props.isFocusVisible) rules += ' -g_-gj15';
+                else if (props.isHovered) rules += ' -g_-gj15';
+                else rules += ' -g_-gi15';
             }
-        } else if (props.isPressed) rules += ' -g_-gg13';
-        else if (props.isFocusVisible) rules += ' -g_-gg13';
-        else if (props.isHovered) rules += ' -g_-gg13';
-        else if (props.isQuiet) rules += ' -g_-g913';
-        else rules += ' -g_-gf13';
+        } else if (props.isPressed) rules += ' -g_-gg15';
+        else if (props.isFocusVisible) rules += ' -g_-gg15';
+        else if (props.isHovered) rules += ' -g_-gg15';
+        else if (props.isQuiet) rules += ' -g_-g915';
+        else rules += ' -g_-gf15';
     } else if (props.isSelected) {
         if (props.isDisabled) {
-            if (props.isQuiet) rules += ' -g_-g913';
-            else rules += ' -g_-gH13';
+            if (props.isQuiet) rules += ' -g_-g915';
+            else rules += ' -g_-gH15';
         } else if (props.isEmphasized) {
-            if (props.isFocusVisible) rules += ' -g_-gUgARdd13';
-            else if (props.isPressed) rules += ' -g_-gUgARdd13';
-            else if (props.isHovered) rules += ' -g_-gUgARdd13';
-            else rules += ' -g_-g5qAiPc13';
+            if (props.isFocusVisible) rules += ' -g_-gUgARdd15';
+            else if (props.isPressed) rules += ' -g_-gUgARdd15';
+            else if (props.isHovered) rules += ' -g_-gUgARdd15';
+            else rules += ' -g_-g5qAiPc15';
         } else {
-            if (props.isPressed) rules += ' -g_-gu13';
-            else if (props.isFocusVisible) rules += ' -g_-gu13';
-            else if (props.isHovered) rules += ' -g_-gu13';
-            else rules += ' -g_-g013';
+            if (props.isPressed) rules += ' -g_-gu15';
+            else if (props.isFocusVisible) rules += ' -g_-gu15';
+            else if (props.isHovered) rules += ' -g_-gu15';
+            else rules += ' -g_-g015';
         }
     } else {
-        if (props.isPressed) rules += ' -g_-gF13';
-        else if (props.isFocusVisible) rules += ' -g_-gF13';
-        else if (props.isHovered) rules += ' -g_-gF13';
-        else if (props.isQuiet) rules += ' -g_-g913';
-        else rules += ' -g_-gH13';
+        if (props.isPressed) rules += ' -g_-gF15';
+        else if (props.isFocusVisible) rules += ' -g_-gF15';
+        else if (props.isHovered) rules += ' -g_-gF15';
+        else if (props.isQuiet) rules += ' -g_-g915';
+        else rules += ' -g_-gH15';
     }
     if (props.isSelected) {
-        if (props.isDisabled) rules += ' -g_-lgb13';
-        else rules += ' -g_-lge13';
-    } else rules += ' -g_-lgb13';
+        if (props.isDisabled) rules += ' -g_-lgb15';
+        else rules += ' -g_-lge15';
+    } else rules += ' -g_-lgb15';
     return rules;
 };
 // Matching icon sizes. TBD.
@@ -410,13 +409,14 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
     [props1, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props1, ref, $da878a05ab4a403e$export$2ff682723a46d413);
     props1 = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props1);
     let stringFormatter = (0, $hl1Zj$useLocalizedStringFormatter)((0, ($parcel$interopDefault($hl1Zj$intlStringsmjs))), '@react-spectrum/s2');
-    let { isPending: isPending = false } = props1;
+    let { isPending: isPending = false, holdAffordance: holdAffordance } = props1;
     let domRef = (0, $80ecb974df713a30$export$96a734597687c040)(ref);
     let overlayTriggerState = (0, $hl1Zj$useContext)((0, $hl1Zj$OverlayTriggerStateContext));
     let ctx = (0, $hl1Zj$useSlottedContext)((0, $10401bdc118cbc90$export$33f5f2f2cb85d743));
     let isInGroup = !!ctx;
     let { density: density = 'regular', isJustified: isJustified, orientation: orientation = 'horizontal', staticColor: staticColor = props1.staticColor, isQuiet: isQuiet = props1.isQuiet, size: size = props1.size || 'M', isDisabled: isDisabled } = ctx || {};
     let { isProgressVisible: isProgressVisible } = (0, $067ea9f64ccd4e8e$export$edc9ced5c3e5ff00)(isPending);
+    let { direction: direction } = (0, $hl1Zj$useLocale)();
     return /*#__PURE__*/ (0, $hl1Zj$jsx)((0, $hl1Zj$Button), {
         ...props1,
         isDisabled: props1.isDisabled ?? isDisabled,
@@ -436,136 +436,163 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
                 orientation: orientation,
                 isInGroup: isInGroup
             }, props1.styles),
-        children: ({ isDisabled: isDisabled })=>/*#__PURE__*/ (0, $hl1Zj$jsx)((0, $hl1Zj$Fragment), {
-                children: /*#__PURE__*/ (0, $hl1Zj$jsxs)((0, $hl1Zj$Provider), {
-                    values: [
-                        [
-                            (0, $5ad421ec19460c48$export$74e166679b1f49ee),
-                            null
+        children: ({ isDisabled: isDisabled })=>/*#__PURE__*/ (0, $hl1Zj$jsxs)((0, $hl1Zj$Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $hl1Zj$jsxs)((0, $hl1Zj$Provider), {
+                        values: [
+                            [
+                                (0, $5ad421ec19460c48$export$74e166679b1f49ee),
+                                null
+                            ],
+                            [
+                                (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                                {
+                                    styles: function anonymous(props) {
+                                        let rules = " ";
+                                        rules += ' zYoLErc15';
+                                        rules += ' yYoLErc15';
+                                        rules += ' BYoLErc15';
+                                        rules += ' AYoLErc15';
+                                        rules += ' _Nc15';
+                                        rules += ' Pc15';
+                                        rules += ' _Yb15';
+                                        rules += ' _7c15';
+                                        if (props.isProgressVisible) rules += ' _6b15';
+                                        return rules;
+                                    }({
+                                        isProgressVisible: isProgressVisible
+                                    })
+                                }
+                            ],
+                            [
+                                (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                                {
+                                    render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
+                                        slot: 'icon',
+                                        styles: " z2U5Crc15 y2U5Crc15 B2U5Crc15 A2U5Crc15"
+                                    }),
+                                    styles: function anonymous(props) {
+                                        let rules = " ";
+                                        rules += ' ZuUmpre15';
+                                        rules += ' FuUmpre15';
+                                        rules += ' I67logd15';
+                                        if (props.isProgressVisible) rules += ' _6b15';
+                                        return rules;
+                                    }({
+                                        isProgressVisible: isProgressVisible
+                                    })
+                                }
+                            ],
+                            [
+                                (0, $3ffa2cd930156220$export$a20dad690e1279e2),
+                                {
+                                    size: $da878a05ab4a403e$var$avatarSize[size],
+                                    styles: " I67logd15 z2U5Crc15 y2U5Crc15 B2U5Crc15 A2U5Crc15"
+                                }
+                            ],
+                            [
+                                (0, $dbd6f0b2503b938c$export$8151eb379fcf2442),
+                                {
+                                    styles: function anonymous(props) {
+                                        let rules = " ";
+                                        if (props.isProgressVisible) rules += ' _6b15';
+                                        return rules;
+                                    }({
+                                        isProgressVisible: isProgressVisible
+                                    })
+                                }
+                            ],
+                            [
+                                (0, $bfb270fb056fefc5$export$9ab75c96ebaa396c),
+                                {
+                                    staticColor: staticColor,
+                                    size: props1.size === 'XS' ? undefined : props1.size,
+                                    isDisabled: isDisabled,
+                                    styles: function anonymous(props) {
+                                        let rules = " ";
+                                        rules += ' _Pa15';
+                                        rules += ' WtedXZc15';
+                                        rules += ' JlZStSb15';
+                                        rules += ' Ijgro3c15';
+                                        rules += ' z2mU15';
+                                        rules += ' _A1IiWH15';
+                                        if (props.isProgressVisible) rules += ' _6b15';
+                                        return rules;
+                                    }({
+                                        isProgressVisible: isProgressVisible
+                                    })
+                                }
+                            ]
                         ],
-                        [
-                            (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
-                            {
-                                styles: function anonymous(props) {
+                        children: [
+                            typeof props1.children === 'string' ? /*#__PURE__*/ (0, $hl1Zj$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
+                                children: props1.children
+                            }) : props1.children,
+                            isPending && /*#__PURE__*/ (0, $hl1Zj$jsx)("div", {
+                                className: function anonymous(props) {
                                     let rules = " ";
-                                    rules += ' zYoLErc13';
-                                    rules += ' yYoLErc13';
-                                    rules += ' BYoLErc13';
-                                    rules += ' AYoLErc13';
-                                    rules += ' _Nc13';
-                                    rules += ' Pc13';
-                                    rules += ' _Yb13';
-                                    rules += ' _7c13';
-                                    if (props.isProgressVisible) rules += ' _6b13';
+                                    rules += ' _Pa15';
+                                    rules += ' WF15';
+                                    rules += ' _EF15';
+                                    rules += ' _Zc15';
+                                    if (props.isProgressVisible) rules += ' _6c15';
+                                    else rules += ' _6b15';
                                     return rules;
                                 }({
-                                    isProgressVisible: isProgressVisible
-                                })
-                            }
-                        ],
-                        [
-                            (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
-                            {
-                                render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
-                                    slot: 'icon',
-                                    styles: " z2U5Crc13 y2U5Crc13 B2U5Crc13 A2U5Crc13"
+                                    isProgressVisible: isProgressVisible,
+                                    isPending: isPending
                                 }),
-                                styles: function anonymous(props) {
-                                    let rules = " ";
-                                    rules += ' ZuUmpre13';
-                                    rules += ' FuUmpre13';
-                                    rules += ' I67logd13';
-                                    if (props.isProgressVisible) rules += ' _6b13';
-                                    return rules;
-                                }({
-                                    isProgressVisible: isProgressVisible
-                                })
-                            }
-                        ],
-                        [
-                            (0, $3ffa2cd930156220$export$a20dad690e1279e2),
-                            {
-                                size: $da878a05ab4a403e$var$avatarSize[size],
-                                styles: " I67logd13 z2U5Crc13 y2U5Crc13 B2U5Crc13 A2U5Crc13"
-                            }
-                        ],
-                        [
-                            (0, $dbd6f0b2503b938c$export$8151eb379fcf2442),
-                            {
-                                styles: function anonymous(props) {
-                                    let rules = " ";
-                                    if (props.isProgressVisible) rules += ' _6b13';
-                                    return rules;
-                                }({
-                                    isProgressVisible: isProgressVisible
-                                })
-                            }
-                        ],
-                        [
-                            (0, $bfb270fb056fefc5$export$9ab75c96ebaa396c),
-                            {
-                                staticColor: staticColor,
-                                size: props1.size === 'XS' ? undefined : props1.size,
-                                isDisabled: isDisabled,
-                                styles: function anonymous(props) {
-                                    let rules = " ";
-                                    rules += ' _Pa13';
-                                    rules += ' WtedXZc13';
-                                    rules += ' JlZStSb13';
-                                    rules += ' Ijgro3c13';
-                                    rules += ' z2mU13';
-                                    rules += ' _A1IiWH13';
-                                    if (props.isProgressVisible) rules += ' _6b13';
-                                    return rules;
-                                }({
-                                    isProgressVisible: isProgressVisible
-                                })
-                            }
-                        ]
-                    ],
-                    children: [
-                        typeof props1.children === 'string' ? /*#__PURE__*/ (0, $hl1Zj$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
-                            children: props1.children
-                        }) : props1.children,
-                        isPending && /*#__PURE__*/ (0, $hl1Zj$jsx)("div", {
-                            className: function anonymous(props) {
-                                let rules = " ";
-                                rules += ' _Pa13';
-                                rules += ' WF13';
-                                rules += ' _EF13';
-                                rules += ' _Zc13';
-                                if (props.isProgressVisible) rules += ' _6c13';
-                                else rules += ' _6b13';
-                                return rules;
-                            }({
-                                isProgressVisible: isProgressVisible,
-                                isPending: isPending
-                            }),
-                            children: /*#__PURE__*/ (0, $hl1Zj$jsx)((0, $41ddd91dbbf0c389$export$c79b9d6b4cc92af7), {
-                                isIndeterminate: true,
-                                "aria-label": stringFormatter.format('button.pending'),
-                                size: "S",
-                                staticColor: staticColor,
-                                styles: function anonymous(props) {
-                                    let rules = " ";
-                                    if (props.size === "XL") rules += ' Zo13';
-                                    else if (props.size === "L") rules += ' Zm13';
-                                    else if (props.size === "M") rules += ' Zl13';
-                                    else if (props.size === "S") rules += ' Zk13';
-                                    else if (props.size === "XS") rules += ' Zj13';
-                                    if (props.size === "XL") rules += ' Fp13';
-                                    else if (props.size === "L") rules += ' Fn13';
-                                    else if (props.size === "M") rules += ' Fm13';
-                                    else if (props.size === "S") rules += ' Fl13';
-                                    else if (props.size === "XS") rules += ' Fk13';
-                                    return rules;
-                                }({
-                                    size: size
+                                children: /*#__PURE__*/ (0, $hl1Zj$jsx)((0, $41ddd91dbbf0c389$export$c79b9d6b4cc92af7), {
+                                    isIndeterminate: true,
+                                    "aria-label": stringFormatter.format('button.pending'),
+                                    size: "S",
+                                    staticColor: staticColor,
+                                    styles: function anonymous(props) {
+                                        let rules = " ";
+                                        if (props.size === "XL") rules += ' Zo15';
+                                        else if (props.size === "L") rules += ' Zm15';
+                                        else if (props.size === "M") rules += ' Zl15';
+                                        else if (props.size === "S") rules += ' Zk15';
+                                        else if (props.size === "XS") rules += ' Zj15';
+                                        if (props.size === "XL") rules += ' Fp15';
+                                        else if (props.size === "L") rules += ' Fn15';
+                                        else if (props.size === "M") rules += ' Fm15';
+                                        else if (props.size === "S") rules += ' Fl15';
+                                        else if (props.size === "XS") rules += ' Fk15';
+                                        return rules;
+                                    }({
+                                        size: size
+                                    })
                                 })
                             })
+                        ]
+                    }),
+                    holdAffordance && /*#__PURE__*/ (0, $hl1Zj$jsx)((0, $dc67c4e34e45a62a$export$2e2bcd8739ae039), {
+                        size: size === 'XS' ? 'S' : size,
+                        className: function anonymous(props) {
+                            let rules = " ";
+                            rules += ' _Pa15';
+                            if (props.size === "XL") rules += ' _zWJpoB15';
+                            else if (props.size === "L") rules += ' _zC1otk15';
+                            else if (props.size === "M") rules += ' _zE15';
+                            else if (props.size === "S") rules += ' _zwtfhvc15';
+                            else if (props.size === "XS") rules += ' _zwtfhvc15';
+                            if (props.size === "XL") rules += ' _lWJpoB15';
+                            else if (props.size === "L") rules += ' _lC1otk15';
+                            else if (props.size === "M") rules += ' _lE15';
+                            else if (props.size === "S") rules += ' _lwtfhvc15';
+                            else if (props.size === "XS") rules += ' _lwtfhvc15';
+                            if (props.direction === "rtl") {
+                                rules += ' -Z4Pn4c-a15';
+                                rules += ' __Ha15';
+                            }
+                            return rules;
+                        }({
+                            direction: direction,
+                            size: size
                         })
-                    ]
-                })
+                    })
+                ]
             })
     });
 });