@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/ActionButton.cjs

@@ -2,6 +2,7 @@ require("./ActionButton.css");
 var $7a26131f6144af2b$exports = require("./ActionButtonGroup.cjs");
 var $38071d9ce246d4cf$exports = require("./Avatar.cjs");
 var $e991cbcdf82ced71$exports = require("./CenterBaseline.cjs");
+var $411768293e842abb$exports = require("./CornerTriangle.cjs");
 var $bde97c91243ed164$exports = require("../../icons/Icon.cjs");
 var $053b76ed3d29e13b$exports = require("./Image.cjs");
 var $4526404114e78c80$exports = require("./intlStrings.cjs");
@@ -19,6 +20,7 @@ var $9ZEgK$reactariacomponentsButton = require("react-aria-components/Button");
 var $9ZEgK$reactariacomponentsslots = require("react-aria-components/slots");
 var $9ZEgK$react = require("react");
 var $9ZEgK$reactariacomponentsDialog = require("react-aria-components/Dialog");
+var $9ZEgK$reactariaI18nProvider = require("react-aria/I18nProvider");
 var $9ZEgK$reactariauseLocalizedStringFormatter = require("react-aria/useLocalizedStringFormatter");
 
 
@@ -62,6 +64,8 @@ $parcel$export(module.exports, "ActionButton", () => $6e265ff388155b91$export$cf
 
 
 
+
+
 
 
 // These styles handle both ActionButton and ToggleButton
@@ -149,260 +153,255 @@ const $6e265ff388155b91$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.
@@ -418,13 +417,14 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
     [props1, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props1, ref, $6e265ff388155b91$export$2ff682723a46d413);
     props1 = (0, $bfa4962d90c8af48$exports.useFormProps)(props1);
     let stringFormatter = (0, $9ZEgK$reactariauseLocalizedStringFormatter.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
-    let { isPending: isPending = false } = props1;
+    let { isPending: isPending = false, holdAffordance: holdAffordance } = props1;
     let domRef = (0, $150382364eecc4bc$exports.useFocusableRef)(ref);
     let overlayTriggerState = (0, $9ZEgK$react.useContext)((0, $9ZEgK$reactariacomponentsDialog.OverlayTriggerStateContext));
     let ctx = (0, $9ZEgK$reactariacomponentsslots.useSlottedContext)((0, $7a26131f6144af2b$exports.ActionButtonGroupContext));
     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, $25d06cf8d4e72761$exports.usePendingState)(isPending);
+    let { direction: direction } = (0, $9ZEgK$reactariaI18nProvider.useLocale)();
     return /*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.jsx)((0, $9ZEgK$reactariacomponentsButton.Button), {
         ...props1,
         isDisabled: props1.isDisabled ?? isDisabled,
@@ -444,136 +444,163 @@ const $6e265ff388155b91$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $9ZEgK$react
                 orientation: orientation,
                 isInGroup: isInGroup
             }, props1.styles),
-        children: ({ isDisabled: isDisabled })=>/*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.jsx)((0, $9ZEgK$reactjsxruntime.Fragment), {
-                children: /*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.jsxs)((0, $9ZEgK$reactariacomponentsslots.Provider), {
-                    values: [
-                        [
-                            (0, $5eb75e0c130e0669$exports.SkeletonContext),
-                            null
+        children: ({ isDisabled: isDisabled })=>/*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.jsxs)((0, $9ZEgK$reactjsxruntime.Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.jsxs)((0, $9ZEgK$reactariacomponentsslots.Provider), {
+                        values: [
+                            [
+                                (0, $5eb75e0c130e0669$exports.SkeletonContext),
+                                null
+                            ],
+                            [
+                                (0, $6367bc87eb7d24ad$exports.TextContext),
+                                {
+                                    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, $bde97c91243ed164$exports.IconContext),
+                                {
+                                    render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
+                                        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, $38071d9ce246d4cf$exports.AvatarContext),
+                                {
+                                    size: $6e265ff388155b91$var$avatarSize[size],
+                                    styles: " I67logd15 z2U5Crc15 y2U5Crc15 B2U5Crc15 A2U5Crc15"
+                                }
+                            ],
+                            [
+                                (0, $053b76ed3d29e13b$exports.ImageContext),
+                                {
+                                    styles: function anonymous(props) {
+                                        let rules = " ";
+                                        if (props.isProgressVisible) rules += ' _6b15';
+                                        return rules;
+                                    }({
+                                        isProgressVisible: isProgressVisible
+                                    })
+                                }
+                            ],
+                            [
+                                (0, $cd7301fb33ba8690$exports.NotificationBadgeContext),
+                                {
+                                    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, $6367bc87eb7d24ad$exports.TextContext),
-                            {
-                                styles: function anonymous(props) {
+                        children: [
+                            typeof props1.children === 'string' ? /*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+                                children: props1.children
+                            }) : props1.children,
+                            isPending && /*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.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, $bde97c91243ed164$exports.IconContext),
-                            {
-                                render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
-                                    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, $38071d9ce246d4cf$exports.AvatarContext),
-                            {
-                                size: $6e265ff388155b91$var$avatarSize[size],
-                                styles: " I67logd13 z2U5Crc13 y2U5Crc13 B2U5Crc13 A2U5Crc13"
-                            }
-                        ],
-                        [
-                            (0, $053b76ed3d29e13b$exports.ImageContext),
-                            {
-                                styles: function anonymous(props) {
-                                    let rules = " ";
-                                    if (props.isProgressVisible) rules += ' _6b13';
-                                    return rules;
-                                }({
-                                    isProgressVisible: isProgressVisible
-                                })
-                            }
-                        ],
-                        [
-                            (0, $cd7301fb33ba8690$exports.NotificationBadgeContext),
-                            {
-                                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, $9ZEgK$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
-                            children: props1.children
-                        }) : props1.children,
-                        isPending && /*#__PURE__*/ (0, $9ZEgK$reactjsxruntime.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, $9ZEgK$reactjsxruntime.jsx)((0, $1c116ea4b0d2d023$exports.ProgressCircle), {
-                                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, $9ZEgK$reactjsxruntime.jsx)((0, $1c116ea4b0d2d023$exports.ProgressCircle), {
+                                    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, $9ZEgK$reactjsxruntime.jsx)((0, $411768293e842abb$exports.default), {
+                        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
                         })
-                    ]
-                })
+                    })
+                ]
             })
     });
 });